.color-selector[data-v-67806355]{outline:none;flex-direction:column;flex:0;gap:10px;width:100%;max-width:300px;display:flex}.color-selector__slider[data-v-67806355]{cursor:pointer;touch-action:none;border-radius:12px;height:20px;padding:4px;position:relative;box-shadow:inset 0 0 0 2px #ebf2f5}.color-selector__slider[data-v-67806355]:hover{box-shadow:inset 0 0 0 2px #e7eff3}.color-selector__slider[data-v-67806355]{transition:box-shadow .3s ease-in-out}.color-selector__slider[data-v-67806355]:focus-within{box-shadow:inset 0 0 0 2px #379bad}.color-selector__slider:focus-within .color-selector__thumb[data-v-67806355]{border-width:4px}.color-selector__slider--hue[data-v-67806355]{background:linear-gradient(90deg, hsl(0, var(--saturation,85%), var(--lightness,50%), var(--alpha,1)), hsl(60, var(--saturation,85%), var(--lightness,50%), var(--alpha,1)), hsl(120, var(--saturation,85%), var(--lightness,50%), var(--alpha,1)), hsl(180, var(--saturation,85%), var(--lightness,50%), var(--alpha,1)), hsl(240, var(--saturation,85%), var(--lightness,50%), var(--alpha,1)), hsl(300, var(--saturation,85%), var(--lightness,50%), var(--alpha,1)), hsl(360, var(--saturation,85%), var(--lightness,50%), var(--alpha,1)))}.color-selector__slider--saturation[data-v-67806355]{background:linear-gradient(90deg, hsl(var(--hue,0), 0%, var(--lightness,50%), var(--alpha,1)), hsl(var(--hue,0), 100%, var(--lightness,50%), var(--alpha,1)))}.color-selector__slider--lightness[data-v-67806355]{background:linear-gradient(90deg, hsl(var(--hue,0), var(--saturation,85%), 0%, var(--alpha,1)), hsl(var(--hue,0), var(--saturation,85%), 50%, var(--alpha,1)), hsl(var(--hue,0), var(--saturation,85%), 100%, var(--alpha,1)))}.color-selector__slider--alpha[data-v-67806355]{position:relative}.color-selector__slider--alpha[data-v-67806355]:before,.color-selector__slider--alpha[data-v-67806355]:after{content:"";z-index:0;border-radius:10px;position:absolute;inset:2px}.color-selector__slider--alpha[data-v-67806355]:before{background-image:repeating-conic-gradient(#ccc 0% 25%,#fff 0% 50%);background-size:10px 10px}.color-selector__slider--alpha[data-v-67806355]:after{background:linear-gradient(90deg, hsl(var(--hue,0), var(--saturation,85%), var(--lightness,50%), 0), hsl(var(--hue,0), var(--saturation,85%), var(--lightness,50%), 1))}.color-selector__thumb[data-v-67806355]{background:hsl(var(--hue,0), var(--saturation,85%), var(--lightness,50%), var(--alpha,1));z-index:1;cursor:grab;border:2px solid #fff;border-radius:50%;width:20px;height:20px;transition:border .3s ease-in-out;position:absolute;top:0;left:0;box-shadow:0 3px 8px #0000003d}.color-selector__thumb[data-v-67806355]:hover{border-color:#e7eff3}.favorite-colors[data-v-11fc7d00]{flex-wrap:wrap;gap:10px;display:flex}.favorite-colors__preview[data-v-11fc7d00]{cursor:pointer;border-radius:8px;flex-shrink:0;width:46px;height:46px;transition:box-shadow .3s ease-in-out;position:relative;box-shadow:inset 0 0 0 2px #ebf2f5}.favorite-colors__preview[data-v-11fc7d00]:hover{box-shadow:inset 0 0 0 2px #379bad}.favorite-colors__preview:hover .favorite-colors__remove[data-v-11fc7d00]{opacity:1}.favorite-colors__remove[data-v-11fc7d00]{cursor:pointer;color:#fff;opacity:0;background:#379bad;border:none;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:opacity .3s ease-in-out;display:flex;position:absolute;top:-4px;right:-4px}.favorite-colors .button--square[data-v-11fc7d00]{width:46px;height:46px}