.css-gradient-tool_directions li.css-gradient-tool_directions-active,.css-gradient-tool_directions li:hover{background-color:var(--primary)}.orientation{background-color:#d9d9d9}.orientation i{color:#000}.css-gradient-tool_directions li .css-gradient-tool_rotate-top{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.css-gradient-tool_directions li .css-gradient-tool_rotate-bottom{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.css-gradient-tool input[type=color].css-gradient-tool_first-color,.css-gradient-tool input[type=color].css-gradient-tool_second-color{height:3rem!important;padding:0!important;width:7rem!important}.css-gradient-tool_generated-code{color:var(--base)!important}.css-gradient-tool-color-field::-webkit-color-swatch{border:5px solid #fff;border-radius:4px}.css-gradient-tool-color-field::-moz-color-swatch{border:5px solid #fff;border-radius:4px}.css-gradient-tool-color-field{border:none!important}.css-gradient-tool input.css-gradient-tool_first-input-fields{border-color:transparent #f0f8ff!important;padding:.75rem!important;width:48%!important}.m-0{margin:0!important}.opacity-wrapper .css-triangle-opacity-field{appearance:none;background:#ddd;height:8px;opacity:.7;outline:none;transition:opacity .2s;width:100%}.opacity-wrapper .css-triangle-opacity-field:hover{opacity:1}.opacity-wrapper .css-triangle-opacity-field::-webkit-slider-thumb{appearance:none;background:#e0771b;border-radius:50%;cursor:pointer;height:20px;width:20px}.opacity-range-slider{padding:0!important}.opacity-slider-container{align-items:center;display:flex}.opacity-range-slider{margin-right:10px}.opacity-value{font-weight:400}.css-triangle_opacity-text{font-size:.8rem}.css-gradient-tool_generated-code{background-color:#f3f3f3}.css-gradient-tool-color-field{border:2px solid #f1f1f1!important}@media (max-width:1336px){.color-opacity-wrapper{flex-direction:column;gap:12px}}.opacity-wrapper input:not([type=checkbox]):not([type=radio]):not([type=submit]){background:var(--primary)!important;border:unset!important;height:10px!important}.opacity-wrapper input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary)!important;border:1px solid var(--white);border-radius:50%;cursor:pointer;height:20px;position:relative;width:20px}@media screen and (max-width:1152px){.css-gradient-tool-wrapper{flex-direction:column}.css-gradient-tool_column{width:100%!important}.css-gradient-tool_color-column{box-sizing:border-box;padding:0;width:100%!important}.css-gradient-tool-preview{height:20rem}}@media screen and (max-width:767px){.css-gradient-tool_color-column{padding-right:0!important;width:100%}.css-gradient-tool_color-column:last-child{padding-top:1rem}.css-gradient-tool input[type=color].css-gradient-tool_first-color,.css-gradient-tool input[type=color].css-gradient-tool_second-color{width:100%!important}.opacity-wrapper{width:100%}}