.color-picker-ui{box-sizing:border-box;background-color:var(--background);border:1px solid var(--muted);width:283px;box-shadow:0 .625rem 3.125rem 0 var(--overlay-black-10);border-radius:12px;flex-direction:column;padding:12px 12px 16px;display:flex}.color-picker-ui .react-colorful{flex-direction:column!important;flex:1!important;width:100%!important;height:auto!important;min-height:0!important;display:flex!important}.color-picker-ui .react-colorful__saturation{border-radius:12px;cursor:pointer!important;width:100%!important;height:200px!important;box-shadow:inset 0 0 0 .5px var(--overlay-black-10)!important;border:none!important;flex-grow:0!important;flex-shrink:0!important;margin-bottom:22px!important;position:relative!important}.color-picker-ui .react-colorful__saturation:after{content:"";z-index:-1;border-radius:inherit;border:.5px solid var(--overlay-black-10);position:absolute;inset:0}.color-picker-ui .react-colorful__pointer{border:2px solid var(--static-white)!important;width:20px!important;height:20px!important;box-shadow:0 0 0 .5px var(--overlay-black-20)!important;border-radius:50%!important}.color-picker-ui .react-colorful__hue{height:8px;margin-bottom:22px;border:.5px solid var(--overlay-black-10)!important;cursor:pointer!important;border-radius:6px!important;flex-shrink:0!important}.color-picker-ui .react-colorful__last-control{border-radius:12px;flex-shrink:0!important}.color-picker-ui .react-colorful__last-control .react-colorful__pointer{border-color:var(--active-color)!important;box-shadow:none!important}.color-picker-ui .react-colorful__last-control .react-colorful__pointer-fill{background-color:var(--background)!important}.color-picker-ui__current{flex-shrink:0;align-items:center;gap:12px;display:flex}.color-picker-ui__current-bg{border:1px solid var(--muted);border-radius:12px;flex-shrink:0;width:48px;height:48px}.color-picker-ui__current-input{border:1px solid var(--muted);width:100%;min-width:0;height:48px;font-family:var(--font-sans);text-transform:uppercase;color:var(--foreground);box-sizing:border-box;border-radius:8px;outline:none;flex:1;padding:0 12px;font-size:13px;font-weight:500;line-height:1;transition:all .3s}.color-picker-ui__current-input:focus{border-color:var(--input)}