.color-picker[data-v-2cabde79]{align-items:flex-start;background-color:var(--light-secondary-bg-color);border:1px solid var(--light-border-color);border-radius:10px;box-shadow:0 0 0 1px rgba(var(--bestcontent-gray-color),.04),0 18px 42px rgba(var(--bestcontent-gray-color),.09),0 2.25388px 5.25905px rgba(var(--bestcontent-gray-color),.045);display:flex;flex-direction:column;justify-content:flex-start;left:0;min-height:100px;opacity:0;padding:10px;pointer-events:none;position:absolute;top:-255px;transform:scaleX(.5);transition:all .2s ease;z-index:500}.color-picker--static[data-v-2cabde79]{border:none;padding:0;position:static;width:100%}@media (max-width:1000px){.color-picker[data-v-2cabde79]{top:75px}}@media (max-width:800px){.color-picker--left[data-v-2cabde79]{left:auto;right:0;transform:translate(-100%)}}.color-picker--open[data-v-2cabde79]{opacity:1;pointer-events:auto;transform:scaleX(1)}.color-box[data-v-2cabde79]{background:#fff;border:1px solid #ccc;border-radius:5px;cursor:crosshair;height:150px;margin-bottom:10px;position:relative;width:200px}.color-picker--static .color-box[data-v-2cabde79]{width:100%}.color-overlay[data-v-2cabde79]{background:linear-gradient(180deg,transparent 0,#000),linear-gradient(90deg,#fff 0,#fff0);border-radius:5px;bottom:0;left:0;position:absolute;right:0;top:0}.selector[data-v-2cabde79]{border:2px solid #fff;border-radius:50%;box-shadow:0 0 5px #00000080;height:15px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:15px}input[type=range][data-v-2cabde79]{-webkit-appearance:none;background:none;margin-bottom:10px;width:200px}.color-picker--static input[type=range][data-v-2cabde79]{width:100%}#hue-slider[data-v-2cabde79]{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:5px;height:8px}#hue-slider[data-v-2cabde79]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:1px solid #ccc;border-radius:50%;cursor:pointer;height:15px;width:15px}#alpha-slider[data-v-2cabde79]{background:linear-gradient(90deg,#f000,red);border-radius:5px;height:8px}#alpha-slider[data-v-2cabde79]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:1px solid #ccc;border-radius:50%;cursor:pointer;height:15px;width:15px}input[type=text][data-v-2cabde79]{background:transparent;border:1px solid var(--light-border-color);border-radius:4px;height:25px;padding:5px;text-align:center;width:100px;width:100%}.color-picker__inputs[data-v-2cabde79]{display:flex;gap:5px;width:100%}.color-picker__brand[data-v-2cabde79]{align-items:center;display:flex;gap:5px;justify-content:flex-start;margin-top:10px}.color-picker__brand-option[data-v-2cabde79]{border:1px solid var(--light-border-color);border-radius:6px;cursor:pointer;height:30px;transition:transform .2s ease;width:30px}.color-picker__brand-option--selected[data-v-2cabde79]{border:1px solid #3144}.color-picker__brand-option[data-v-2cabde79]:active{box-shadow:0 2px 2px #8282820a;transform:translateY(1px)}.color-picker__inputs button[data-v-2cabde79]{align-items:center;background:none;border:1px solid var(--light-border-color);border-radius:4px;display:flex;height:25px;justify-content:center;width:30px}.color-picker__inputs-trash--disabled[data-v-2cabde79]{cursor:not-allowed;opacity:.3}