.page-module__OsjC5G__main{justify-content:center;align-items:center;width:100%;display:flex}
.gp-alpha-slider-wrapper{border-radius:9999px;justify-content:center;align-items:center;width:100%;height:20px;display:flex;position:relative}.gp-alpha-slider-thumb{box-sizing:border-box;cursor:pointer;background-color:#fff;border:4px solid #fff;border-radius:9999px;width:24px;height:24px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 2px #0009}.gp-alpha-slider-thumb-inner{cursor:pointer;border-radius:9999px;width:100%;height:100%}.gp-alpha-slider-canvas{border-radius:inherit}
.gp-angle-input-wrapper{box-sizing:border-box;background-color:#ffffff4d;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px;display:flex}.gp-angle-input-icon{color:#fff;width:14px}.gp-angle-input-input-wrapper{box-sizing:border-box;cursor:text;gap:1px;width:54px;display:flex}.gp-angle-input-field{color:#fff;field-sizing:content;background-color:#0000;border:none;outline:none;padding-block:0;padding-inline:0;font-family:Sora,sans-serif;font-size:12px;font-weight:400;line-height:0}.gp-angle-input-field:is(:focus,:focus-visible){outline:none}.gp-angle-input-degree{color:#fff;line-height:.75}.gp-angle-input-steppers{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.gp-angle-input-stepper-button{cursor:pointer;background-color:#0000;border:none;padding-block:0;padding-inline:0;line-height:0}.gp-angle-input-stepper-decrement{transform:rotate(180deg)}.gp-angle-input-stepper-button svg{color:#fff;width:8px}
.gp-color-square-wrapper{aspect-ratio:1;border-radius:12px;width:100%;height:auto;position:relative;overflow:hidden}.gp-color-square-thumb{pointer-events:none;touch-action:none;cursor:pointer;border:2px solid #fff;border-radius:9999px;min-width:14px;min-height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 2px #0009}
.gp-delete-stop-button{cursor:pointer;background-color:#0000;border:none;padding-block:0;padding-inline:0;line-height:0}.gp-delete-stop-button:disabled{cursor:not-allowed}.gp-delete-stop-button:disabled .gp-delete-stop-icon{color:gray}.gp-delete-stop-icon{color:#fff;width:16px;height:16px}
.gp-eye-dropper-button{cursor:pointer;box-sizing:border-box;padding-block:0;padding-inline:0;background-color:#0000;border:none;border-radius:4px;justify-content:center;align-items:center;margin:0;padding:4px;line-height:0;transition:background-color .2s ease-in-out;display:flex}.gp-eye-dropper-button.gp-eye-dropper-active{background-color:#007acc}.gp-eye-dropper-icon{color:#fff;width:16px;height:16px}
.gp-gradient-slider-wrapper{border:1px solid #fff;border-radius:9999px;width:100%;height:20px;position:relative}.gp-gradient-slider-gradient{border-radius:9999px;position:absolute;inset:0}.gp-gradient-slider-stop{aspect-ratio:1;cursor:pointer;box-sizing:border-box;border:4px solid #fff;border-radius:9999px;height:24px;transition:border-width .2s ease-in-out;position:absolute;top:50%;transform:translate(-50%,-50%)}.gp-gradient-slider-stop-inner{border-radius:9999px;width:100%;height:100%}.gp-gradient-slider-stop.gp-gradient-slider-stop-active{border:8px solid #fff}.gp-gradient-slider-canvas{pointer-events:none;border-radius:inherit;position:absolute;inset:0}
.gp-gradient-string-wrapper{box-sizing:border-box;border:1px solid var(--light-grey);background-color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:8px;display:flex}.gp-gradient-string-text{color:#000;-webkit-user-select:all;user-select:all;font-family:Sora,sans-serif;font-size:12px;font-weight:400}.gp-gradient-string-copy-button{cursor:pointer;background-color:#0000;border:none;padding-block:0;padding-inline:0}.gp-gradient-string-copy-icon{width:14px;color:var(--light-grey)}
.gp-hex-input-wrapper{box-sizing:border-box;cursor:text;background-color:#ffffff4d;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:flex}.gp-hex-input-prefix{color:#fff;font-size:12px}.gp-hex-input-field{color:#fff;field-sizing:content;background-color:#0000;border:none;outline:none;padding-block:0;padding-inline:0;font-size:12px;line-height:0}.gp-hex-input-field:is(:focus,:focus-visible){outline:none}.gp-hex-input-copy-button{cursor:pointer;background-color:#0000;border:none;margin-left:16px;padding-block:0;padding-inline:0;line-height:0}.gp-hex-input-copy-icon{color:#fff;width:12px}
.gp-hue-slider-wrapper{border-radius:9999px;justify-content:center;align-items:center;width:100%;height:20px;display:flex;position:relative}.gp-hue-slider-thumb{box-sizing:border-box;shadow:0 0 2px #0009;cursor:ew-resize;border:4px solid #fff;border-radius:9999px;width:24px;height:24px;position:absolute;top:50%;transform:translate(-50%,-50%)}.gp-hue-slider-canvas{border-radius:inherit}
.gp-gradient-formats-wrapper{justify-content:center;align-items:center;gap:8px;display:flex}.gp-gradient-formats-button{cursor:pointer;box-sizing:border-box;padding-block:0;padding-inline:0;background-color:#0000;border:none;border-radius:4px;justify-content:center;align-items:center;margin:0;padding:4px;line-height:0;transition:background-color .2s ease-in-out;display:flex}.gp-gradient-formats-button.gp-gradient-formats-button-active{background-color:#007acc}.gp-gradient-formats-icon{color:#fff;width:16px;height:16px;transition:color .2s ease-in-out}
.gp-gradient-preview-wrapper{border:1px solid var(--light-grey);border-radius:12px;width:100%;height:40px}
.gp-rgba-input-wrapper{box-sizing:border-box;cursor:text;background-color:#ffffff4d;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:8px;display:flex}.gp-rgba-input-field-wrapper{cursor:text;align-items:center;gap:4px;display:flex}.gp-rgba-input-field{color:#fff;field-sizing:content;background-color:#0000;border:none;outline:none;padding-block:0;padding-inline:0;font-size:12px;line-height:0}.gp-rgba-input-steppers{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.gp-rgba-input-stepper-button{cursor:pointer;background-color:#0000;border:none;padding-block:0;padding-inline:0;line-height:0}.gp-rgba-input-stepper-decrement{transform:rotate(180deg)}.gp-rgba-input-stepper-button svg{color:#fff;width:8px}
.gp-stop-position-wrapper{box-sizing:border-box;background-color:#ffffff4d;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px;display:flex}.gp-stop-position-label{color:#fff;font-size:12px}.gp-stop-position-input-wrapper{box-sizing:border-box;cursor:text;justify-content:center;align-items:center;gap:0;font-size:12px;display:flex}.gp-stop-position-input{field-sizing:content;color:#fff;line-height:0;font-size:inherit;background-color:#0000;border:none;outline:none;padding:0}.gp-stop-position-input:is(:focus,:focus-visible){outline:none}.gp-stop-position-suffix{color:#fff;line-height:0;font-size:inherit}.gp-stop-position-icon{color:#fff;width:14px}.gp-stop-position-steppers{flex-direction:column;justify-content:center;align-items:center;gap:2px;margin-left:4px;display:flex}.gp-stop-position-stepper-button{cursor:pointer;background-color:#0000;border:none;padding-block:0;padding-inline:0;line-height:0}.gp-stop-position-stepper-decrement{transform:rotate(180deg)}.gp-stop-position-stepper-button svg{color:#fff;width:8px}
.gp-hex-preview{border-radius:8px;flex-shrink:0;width:32px;height:32px}
.gp-rgba-preview{border-radius:8px;flex-shrink:0;width:32px;height:32px}
.gp-alpha-input-wrapper{box-sizing:border-box;cursor:text;background-color:#ffffff4d;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px;display:flex}.gp-alpha-input-field{color:#fff;field-sizing:content;background-color:#0000;border:none;outline:none;padding-block:0;padding-inline:0;font-size:12px;line-height:0}.gp-alpha-input-suffix{color:#fff;font-size:12px;line-height:0}.gp-alpha-input-steppers{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.gp-alpha-input-stepper-button{cursor:pointer;background-color:#0000;border:none;padding-block:0;padding-inline:0;line-height:0}.gp-alpha-input-stepper-decrement{transform:rotate(180deg)}.gp-alpha-input-stepper-button svg{color:#fff;width:8px}
:root{--grey:#a7b1c8;--light-grey:#d2d2e0}.gradient-picker-module__ajCrcG__wrapper{flex-direction:column;justify-content:center;align-items:center;gap:16px;width:240px;display:flex}.gradient-picker-module__ajCrcG__map-item{width:100%}
.page-module__E0kJGG__main{background-color:#121212;flex:1;justify-content:center;align-items:center;width:100%;display:flex}.page-module__E0kJGG__gradient-picker-wrapper{gap:8px;width:300px}.page-module__E0kJGG__hue-slider-wrapper,.page-module__E0kJGG__alpha-slider-wrapper{border:1px solid #fff}.page-module__E0kJGG__section{box-sizing:border-box;justify-content:space-between;align-items:center;gap:8px;display:flex}.page-module__E0kJGG__right{justify-content:flex-end;align-items:center;gap:16px;display:flex}.page-module__E0kJGG__block{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.page-module__E0kJGG__hex{width:100%}.page-module__E0kJGG__hex-button{margin-left:auto}