:root{}._s15929{background:-webkit-linear-gradient(173deg, rgba(238, 213, 68, 1.00) 0%, rgba(246, 248, 194, 1.00) 60%, rgba(194, 224, 144, 1.00) 100%);background:-moz-linear-gradient(173deg, rgba(238, 213, 68, 1.00) 0%, rgba(246, 248, 194, 1.00) 60%, rgba(194, 224, 144, 1.00) 100%);background:linear-gradient(173deg, rgba(238, 213, 68, 1.00) 0%, rgba(246, 248, 194, 1.00) 60%, rgba(194, 224, 144, 1.00) 100%);position:relative;padding-top:50.00px;}._t31655{width:100%;}._t08006{width:100%;}._t75694{width:100%;}._s13448{position:relative;}._t65376{width:100%;}._s45993{position:relative;}._t84032{width:100%;}._s15929 .bg{background-position:50% 50%;}._s13448 .bg{background-position:50% 50%;}._s45993 .bg{background-position:50% 50%;}._t31655>.section-title-container>.section-title>.section-title-main{color:rgba(0, 0, 0, 1);}._t31655>.section-title-container>.section-title>.cd-words-wrapper{color:rgba(0, 0, 0, 1);}._t31655 .cd-words-wrapper{color:rgba(0, 0, 0, 1);}._t08006>.section-title-container>.section-title>.section-title-main{color:rgba(0, 0, 0, 1);}._t08006>.section-title-container>.section-title>.cd-words-wrapper{color:rgba(0, 0, 0, 1);}._t08006 .cd-words-wrapper{color:rgba(0, 0, 0, 1);}.lh .page1751126490484822030 {}._s15929 {height:367px;}@media (max-width:60.0525em) {._s15929 {height:400px;}}@media (max-width:47.99em) {._s15929 {height:250px;}}._s15929 .row-collapse{align-content:center;}._r72000{height:100%;}._r72000 .row-inner{align-items:center;}._r72000 .row-inner{flex-direction:row;height:100%;}@media (max-width:60.0525em) {._r72000 .row-inner{flex-direction:row;height:100%;}}@media (max-width:47.99em) {._r72000 .row-inner{flex-direction:row;height:100%;}}._r72000 .row-inner{gap:0px}@media (max-width:60.0525em) {._r72000 .row-inner{gap:0px;}}@media (max-width:47.99em) {._r72000 .row-inner{gap:0px;}}._r72000 .row-inner{flex-flow:row;}@media (max-width:60.0525em) {._r72000 .row-inner{flex-flow:row;}}@media (max-width:47.99em) {._r72000 .row-inner{flex-flow:row;}._r72000 .small-1{flex:1 1 calc(8.33333% - 0px);}._r72000 .small-2{flex:1 1 calc(16.66667% - 0px);}._r72000 .small-3{flex:1 1 calc(25% - 0px);}._r72000 .small-4{flex:1 1 calc(33.33333% - 0px);}._r72000 .small-5{flex:1 1 calc(41.66667% - 0px);}._r72000 .small-6{flex:1 1 calc(50% - 0px);}._r72000 .small-7{flex:1 1 calc(58.33333% - 0px);}._r72000 .small-8{flex:1 1 calc(66.66667% - 0px);}._r72000 .small-9{flex:1 1 calc(75% - 0px);}._r72000 .small-10{flex:1 1 calc(83.33333% - 0px);}._r72000 .small-11{flex:1 1 calc(91.66667% - 0px);}._r72000 .small-12{flex:1 1 calc(100% - 0px);}}._c33095 .col-inner{flex-direction:column;}@media (max-width:60.0525em) {._c33095 .col-inner{flex-direction:column;}}@media (max-width:47.99em) {._c33095 .col-inner{flex-direction:column;}}._c33095 .col-inner{gap:1px}@media (max-width:60.0525em) {._c33095 .col-inner{gap:0px;}}@media (max-width:47.99em) {._c33095 .col-inner{gap:0px;}}._t31655 .section-title-main{white-space:pre-wrap;}@media (min-width:60.0525em) {._t31655>.section-title-container>.section-title>.section-title-main{font-size:100.000%;}._t31655>.section-title-container>.section-title>.cd-words-wrapper{font-size:100.000%}}@media (min-width:48em) and (max-width:60em) {._t31655>.section-title-container>.section-title>.section-title-main{font-size:100.00%;}._t31655>.section-title-container>.section-title>.cd-words-wrapper{font-size:100.00%;}}@media (max-width:47.99em) {._t31655>.section-title-container>.section-title>.section-title-main{font-size:100.00%;}._t31655>.section-title-container>.section-title>.cd-words-wrapper{font-size:100.00%;}}._t31655>.section-title-container{}._t31655 .section-title{line-height:1.4}._t31655 .section-title-main{line-height:1.4}._t08006 .section-title-main{white-space:pre-wrap;}@media (min-width:60.0525em) {._t08006>.section-title-container>.section-title>.section-title-main{font-size:100.000%;}._t08006>.section-title-container>.section-title>.cd-words-wrapper{font-size:100.000%}}@media (min-width:48em) and (max-width:60em) {._t08006>.section-title-container>.section-title>.section-title-main{font-size:100.00%;}._t08006>.section-title-container>.section-title>.cd-words-wrapper{font-size:100.00%;}}@media (max-width:47.99em) {._t08006>.section-title-container>.section-title>.section-title-main{font-size:55.00%;}._t08006>.section-title-container>.section-title>.cd-words-wrapper{font-size:55.00%;}}._t08006>.section-title-container{}._t08006 .section-title{line-height:1.4}._t08006 .section-title-main{line-height:1.4}._t75694 .text-content{line-height:1.4}._t75694 .text-content p{line-height:1.4}._t75694 .text-content{font-size:85%;}@media (max-width:47.99em) {._t75694 .text-content td,_t75694 .text-content th {display:block;width:100% !important;padding:0px;}}._t75694 .text-content{}._s13448 .row-collapse{align-content:baseline;}._r96812{height:100%;}._r96812 .row-inner{align-items:flex-start;}._r96812 .row-inner{flex-direction:row;height:100%;}@media (max-width:60.0525em) {._r96812 .row-inner{flex-direction:row;height:100%;}}@media (max-width:47.99em) {._r96812 .row-inner{flex-direction:row;height:100%;}}._r96812 .row-inner{gap:0px}@media (max-width:60.0525em) {._r96812 .row-inner{gap:0px;}}@media (max-width:47.99em) {._r96812 .row-inner{gap:0px;}}._r96812 .row-inner{flex-flow:row;}@media (max-width:60.0525em) {._r96812 .row-inner{flex-flow:row;}}@media (max-width:47.99em) {._r96812 .row-inner{flex-flow:row;}._r96812 .small-1{flex:1 1 calc(8.33333% - 0px);}._r96812 .small-2{flex:1 1 calc(16.66667% - 0px);}._r96812 .small-3{flex:1 1 calc(25% - 0px);}._r96812 .small-4{flex:1 1 calc(33.33333% - 0px);}._r96812 .small-5{flex:1 1 calc(41.66667% - 0px);}._r96812 .small-6{flex:1 1 calc(50% - 0px);}._r96812 .small-7{flex:1 1 calc(58.33333% - 0px);}._r96812 .small-8{flex:1 1 calc(66.66667% - 0px);}._r96812 .small-9{flex:1 1 calc(75% - 0px);}._r96812 .small-10{flex:1 1 calc(83.33333% - 0px);}._r96812 .small-11{flex:1 1 calc(91.66667% - 0px);}._r96812 .small-12{flex:1 1 calc(100% - 0px);}}._c16876 .col-inner{flex-direction:column;}@media (max-width:60.0525em) {._c16876 .col-inner{flex-direction:column;}}@media (max-width:47.99em) {._c16876 .col-inner{flex-direction:column;}}._c16876 .col-inner{gap:0px}@media (max-width:60.0525em) {._c16876 .col-inner{gap:0px;}}@media (max-width:47.99em) {._c16876 .col-inner{gap:0px;}}._v51132 {height:35px;}@media (max-width:60.0525em) {._v51132 {height:85px;}}@media (max-width:47.99em) {._v51132 {height:63px;}}._t65376 .text-content{line-height:1.4}._t65376 .text-content p{line-height:1.4}._t65376 .text-content{font-size:100%;}@media (max-width:47.99em) {._t65376 .text-content td,_t65376 .text-content th {display:block;width:100% !important;padding:0px;}}._t65376 .text-content{}._ux_dc_ * {box-sizing:border-box;margin:0;padding:0;}._ux_dc_ {}._ux_dc_ .gradient-generator {}._ux_dc_ h1 {text-align:center;margin-bottom:30px;color:#2c3e50;}._ux_dc_ h1 i {margin-right:10px;}._ux_dc_ .gradient-preview {height:235px;border-radius:4px;margin-bottom:20px;transition:background 0.3s ease;}._ux_dc_ .gradient-box{border:1px solid #d5d5d5;border-radius:5px;}._ux_dc_ .gradient-groupbox{display:flex;flex-direction:row;gap:20px;width:100%;padding:0px 25px 20px;}._ux_dc_ .gradient-controls {display:flex;flex-wrap:wrap;gap:30px;margin-bottom:20px;border-bottom:1px solid #d5d5d5;padding:18px 40px;}._ux_dc_ .gradient-type-control {flex:1;min-width:250px;flex-direction:row;display:flex;gap:30px;}._ux_dc_ .gradient-slider-container {flex:2;min-width:300px;}._ux_dc_ .gradient-slider {position:relative;height:20px;margin-bottom:50px;overflow:visible;}._ux_dc_ .gradient-slider-track {position:absolute;top:0;left:0;right:0;bottom:0;border-radius:5px;height:25px;}._ux_dc_ .gradient-marker { width:17px;height:43px;border-radius:22px;transform:translateX(-0%) translateY(-10%);cursor:grab;position:absolute;bottom:7px;border:2px solid white;box-shadow:0 2px 4px rgba(0,0,0,0.2);z-index:2;}._ux_dc_ .marker-container {position:absolute;display:flex;flex-direction:column;align-items:center;transform:translateX(-50%);z-index:10;}._ux_dc_ .position-input {width:40px;margin-top:5px;text-align:center;padding:2px;border:1px solid #ddd;border-radius:3px;font-size:12px;}.lh ._ux_dc_ .position-input{bottom:-39px;position:relative;height:30px;font-size:13px;border-radius:3px;border:3px solid #525252;padding:0px;}._ux_dc_ .gradient-slider {position:relative;height:20px; margin-bottom:50px; }._ux_dc_ .gradient-marker.active {transform:translateX(-0%) translateY(-10%);border-color:#000;z-index:3;}._ux_dc_ .form-group {margin-bottom:15px;}._ux_dc_ label { display:block;margin-bottom:-1px;font-weight:600;color:#2c3e50;font-size:14px;font-weight:bold;text-align:center;}.color-stop-item .color-hex-input {width:80px;padding:5px;border:1px solid #ddd;border-radius:4px;font-family:monospace;text-transform:uppercase;}.color-stop-item .color-position-input {width:50px;padding:5px;border:1px solid #ddd;border-radius:4px;margin-left:8px;}.color-stop-item .color-info {display:flex;align-items:center;}.color-stop-item.selected {background-color:#f5f9ff;border-left:3px solid #4a90e2;}.color-stop-item .color-preview {width:24px;height:24px;border-radius:4px;margin-right:10px;border:1px solid #ddd;}.color-picker-container { top:0;left:0;right:0;bottom:0;display:flex;justify-content:flex-start;align-items:flex-start;border-right:1px solid #d5d5d5;padding-right:20px;}.color-spectrum .color-marker {position:absolute;width:14px;height:14px;border-radius:50%;border:2px solid;transform:translate(-50%, -50%);box-shadow:0 0 3px rgba(0,0,0,0.5),inset 0 0 2px rgba(0,0,0,0.3);pointer-events:none;transition:border-color 0.1s ease;z-index:10;}.color-spectrum {width:100%;height:150px;position:relative;border-radius:4px;overflow:hidden;cursor:crosshair;}#alpha-input {display:none !important;}.alpha-slider {position:relative;}.lh .color-values-group input[type="number"],.lh.color-values-group input[type="text"] {width:40px;font-size:14px !important;text-align:center !important;height:25px !important;border:3px solid #525252 !important;}#hex-input {width:75px;}.color-picker {width:450px;}.color-preview-large {width:100%;height:60px;border-radius:4px;margin-bottom:15px;border:1px solid #ddd;display:none;}._ux_dc_ .gradient-groupbox2 {display:flex;flex-direction:row;gap:20px;width:100%;padding:25px;border-top:1px solid #d5d5d5;background-color:#d5d5d5;overflow:hidden;}.code-output{width:100%;}.color-spectrum-container{width:227px;}.alpha-slider-container { margin-top:15px;position:relative;}.alpha-slider {height:13px;position:relative;border-radius:4px;margin:8px 0;background:linear-gradient(to right, rgba(255, 0, 0, 0), rgba(255, 0, 0, 1)); cursor:pointer;}.alpha-slider-handle { position:absolute;top:7px;left:0;width:10px;height:26px;border:3px solid #333;border-radius:5px;transform:translate(-50%, -50%);cursor:grab;z-index:2;user-select:none;touch-action:none;}.alpha-slider-handle:active {cursor:grabbing;}.alpha-slider-abs { background-image:linear-gradient(45deg,#ced3d6 25%,#0000 0),linear-gradient(-45deg,#ced3d6 25%,#0000 0),linear-gradient(45deg,#0000 75%,#ced3d6 0),linear-gradient(-45deg,#0000 75%,#ced3d6 0);width:100%;height:13px;background-position:0 0,0 0.375rem,0.375rem -0.375rem,-0.375rem 0;background-size:0.75rem 0.75rem;position:absolute;z-index:0;border-radius:4px;}.color-spectrum {width:200px;height:150px;background:linear-gradient(to bottom, transparent 0%, #000 100%),linear-gradient(to left, transparent 0%, #fff 100%),var(--current-hue-color, #ff0000);position:relative;border-radius:5px;cursor:pointer;overflow:hidden;}.color-values {display:grid;grid-template-columns:repeat(5, 1fr);gap:10px;margin-top:15px;}.color-values-group{display:flex;gap:0px;}.color-channel {display:flex;flex-direction:column;margin-right:-3px;}.color-channel input {width:100%;padding:5px;margin-top:5px;}.btn-close-picker {margin-top:15px;padding:8px 15px;background:#4a90e2;color:white;border:none;border-radius:4px;cursor:pointer;}.hue-slider { position:relative;height:13px;background:linear-gradient(to right, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000 );border-radius:4px;margin:15px 0;cursor:pointer;}.hue-slider .hue-handle { position:absolute;width:10px;height:26px;border:3px solid #333;border-radius:5px;top:50%;transform:translate(-50%, -50%);pointer-events:none;}.hue-slider-track {position:absolute;top:0;left:0;right:0;bottom:0;border-radius:10px;}._ux_dc_ select, ._ux_dc_ input {width:100px;padding:5px 4px;border:3px solid #525252;border-radius:3px;font-size:14px;height:35px;}._ux_dc_ .angle-control-container {}._ux_dc_ .angle-control { width:100%;position:relative;gap:14px;display:flex;flex-direction:row;align-items:flex-start;}._ux_dc_ .angle-circle {width:38px;height:38px;border:3px solid #525252;border-radius:50%;position:relative;}._ux_dc_ .angle-line {position:absolute;top:50%;left:50%;width:50%;height:2px;background:#525252;transform-origin:left center;transform:rotate(90deg);border-radius:3px;}._ux_dc_ .angle-handle { width:16px;height:16px;background:#525252;border-radius:50%;position:absolute;top:-7px;right:-8px;cursor:pointer;}._ux_dc_ .angle-degree {text-align:center;font-weight:bold;border-radius:3px;border:3px solid #525252;display:flex;width:46px;font-size:14px;align-items:center;height:35px;justify-content:center;}._ux_dc_ .color-stops-list {}._ux_dc_ #stops-container {list-style:none;margin:15px 0;max-height:300px;overflow-y:auto;}._ux_dc_ .color-stop-item {display:flex;align-items:center;padding:5px 10px;}._ux_dc_ .color-stop-item:last-child {border-bottom:none;}._ux_dc_ .color-preview { width:25px;height:25px;border-radius:4px;margin-right:15px;border:0px solid #ddd;}._ux_dc_ .color-info {flex:1;display:flex;flex-wrap:wrap;gap:10px;align-items:center;}._ux_dc_ .color-hex {font-family:monospace;min-width:80px;}._ux_dc_ .color-position {min-width:60px;}._ux_dc_ .color-hex-input{font-size:14px !important;width:80px !important;height:25px !important;border-radius:4px !important;margin:0px !important;border:3px solid #525252 !important;}._ux_dc_ .color-position-input{font-size:15px !important;width:50px !important;height:25px !important;border-radius:4px !important;margin:0px !important;border:3px solid #525252 !important;}._ux_dc_ .remove-stop {color:#949494;border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:10px;}._ux_dc_ .remove-stop:hover{color:#525252;}._ux_dc_ .color-picker-group{display:flex;gap:20px;}._ux_dc_ .btn {background:#3498db;color:white;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:16px;transition:background 0.3s;display:inline-flex;align-items:center;justify-content:center;}._ux_dc_ .btn i {margin-right:8px;}._ux_dc_ .btn:hover {background:#a0063b;}._ux_dc_ .btn-add {background:#e3145b;}._ux_dc_ .btn-add:hover {background:#a0063b;}._ux_dc_ .btn-copy { background:#e3145b;margin-top:10px;width:100%;}._ux_dc_ .btn-copy:hover {background:#a0063b;}._ux_dc_ .code-output textarea { width:100%;height:150px;padding:15px;border:0px solid #ddd;border-radius:5px;font-family:'Courier New', Courier, monospace;resize:none;background:#7f7f7f;margin-top:10px;font-size:17px;color:#FFF;}@media (max-width:768px) {._ux_dc_ .gradient-controls {flex-direction:column;}._ux_dc_ .gradient-slider-container {min-width:100%;}}._ux_dc_ .color-stop-item .color-hex {width:80px;padding:5px;border:1px solid #ddd;border-radius:4px;}._ux_dc_ .color-stop-item .color-position {width:60px;padding:5px;border:1px solid #ddd;border-radius:4px;margin-left:5px;}._ux_dc_ .color-stop-item.selected { background-color:#f0f0f0;border-left:0px solid #4a90e2;border-radius:4px;}._ux_dc_ .color-stop-item {transition:all 0.3s ease;}.color-stop-item {cursor:pointer;transition:background-color 0.2s;}.color-stop-item:hover {background-color:#f5f5f5;}.color-stop-item.selected {background-color:#e0e0e0;}.color-preview, .color-info, .remove-stop {}.color-hex-input, .color-position-input {pointer-events:auto;}@media (max-width:47.99em){._ux_dc_ .gradient-groupbox {flex-direction:column;}}._v60602 {height:92px;}@media (max-width:60.0525em) {._v60602 {height:70px;}}@media (max-width:47.99em) {._v60602 {height:92px;}}._s45993 .row-collapse{align-content:baseline;}._r69312{height:100%;}._r69312 .row-inner{align-items:flex-start;}._r69312 .row-inner{flex-direction:row;height:100%;}@media (max-width:60.0525em) {._r69312 .row-inner{flex-direction:row;height:100%;}}@media (max-width:47.99em) {._r69312 .row-inner{flex-direction:column;height:100%;}}._r69312 .row-inner{gap:75px}@media (max-width:60.0525em) {._r69312 .row-inner{gap:56px;}}@media (max-width:47.99em) {._r69312 .row-inner{gap:28px;}}._r69312 .row-inner{flex-flow:row;}@media (max-width:60.0525em) {._r69312 .row-inner{flex-flow:row;}}@media (max-width:47.99em) {._r69312 .row-inner{flex-flow:column;}._r69312 .small-1{flex:1 1 calc(8.33333% - 0px);}._r69312 .small-2{flex:1 1 calc(16.66667% - 0px);}._r69312 .small-3{flex:1 1 calc(25% - 0px);}._r69312 .small-4{flex:1 1 calc(33.33333% - 0px);}._r69312 .small-5{flex:1 1 calc(41.66667% - 0px);}._r69312 .small-6{flex:1 1 calc(50% - 0px);}._r69312 .small-7{flex:1 1 calc(58.33333% - 0px);}._r69312 .small-8{flex:1 1 calc(66.66667% - 0px);}._r69312 .small-9{flex:1 1 calc(75% - 0px);}._r69312 .small-10{flex:1 1 calc(83.33333% - 0px);}._r69312 .small-11{flex:1 1 calc(91.66667% - 0px);}._r69312 .small-12{flex:1 1 calc(100% - 0px);}}._c50708 .col-inner{flex-direction:column;}@media (max-width:60.0525em) {._c50708 .col-inner{flex-direction:column;}}@media (max-width:47.99em) {._c50708 .col-inner{flex-direction:column;}}._c50708 .col-inner{gap:0px}@media (max-width:60.0525em) {._c50708 .col-inner{gap:0px;}}@media (max-width:47.99em) {._c50708 .col-inner{gap:0px;}}._t84032 .text-content{line-height:1.4}._t84032 .text-content p{line-height:1.4}._t84032 .text-content{font-size:101%;}@media (max-width:47.99em) {._t84032 .text-content td,_t84032 .text-content th {display:block;width:100% !important;padding:0px;}}._t84032 .text-content{}._v64966 {height:92px;}@media (max-width:60.0525em) {._v64966 {height:150px;}}@media (max-width:47.99em) {._v64966 {height:150px;}}.lq .lq-gh--slim1751126490484822030 .header-wrapper{position:absolute;}