.picker-container[data-v-feecf96e]{touch-action:none;-webkit-user-select:none;user-select:none;width:230px}.preview[data-v-feecf96e]{cursor:crosshair;background-color:#fff;width:100%;height:130px;position:relative}.preview[data-v-feecf96e]:after{content:"";pointer-events:none;background:var(--background-color,#fff);height:2px;position:absolute;bottom:-1px;left:0;right:0}.preview .base[data-v-feecf96e],.preview .white[data-v-feecf96e],.preview .black[data-v-feecf96e]{position:absolute;inset:0}.preview .white[data-v-feecf96e]{background:linear-gradient(90deg,#fff,#fff0)}.preview .black[data-v-feecf96e]{background:linear-gradient(#0000,#000)}.preview .handle-container[data-v-feecf96e]{position:absolute;inset:0;overflow:hidden}.preview .handle[data-v-feecf96e]{cursor:all-scroll;border-radius:50%;width:15px;height:15px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 4px 1px #0003}.preview .handle .background-1[data-v-feecf96e],.preview .handle .background-2[data-v-feecf96e],.preview .handle .color[data-v-feecf96e]{border-radius:50%;position:absolute;inset:0}.preview .handle .background-1[data-v-feecf96e]{background-color:#c8c8c880}.preview .handle .background-2[data-v-feecf96e]{background-color:#1d1d1d;inset:1px}.preview .handle .color[data-v-feecf96e]{inset:2px}.content[data-v-feecf96e]{padding:15px 15px 6px}.content[data-v-feecf96e]:has(.favorites){padding-bottom:8px}.content .color-sliders[data-v-feecf96e]{display:flex}.content .color-sliders .color[data-v-feecf96e]{width:30px;height:30px;position:relative}.content .color-sliders .color[data-v-feecf96e]:after{content:"";border:2px solid var(--background-color,#fff);border-radius:7px;position:absolute;inset:-2px}.content .color-sliders .color .background[data-v-feecf96e]{border-radius:6px;position:absolute;inset:-1px}.content .color-sliders .color .chess[data-v-feecf96e]{background-position:50%;background-size:11px 11px;inset:-1px}.content .color-sliders .sliders[data-v-feecf96e]{flex-direction:column;flex:1;justify-content:center;gap:8px;margin-left:10px;display:flex}.content .color-sliders .sliders .hue-line[data-v-feecf96e]{background:linear-gradient(-90deg in hsl longer hue, red, red)}.content .color-sliders .sliders .opacity-line .background[data-v-feecf96e]{border-radius:0;position:absolute;inset:-1px}.content .color-sliders .sliders .opacity-line[data-v-feecf96e]:after{content:"";border:4px solid var(--background-color,#fff);border-radius:7px;position:absolute;inset:-4px}.content .color-sliders .sliders .slider[data-v-feecf96e]{cursor:crosshair;border-radius:3px;width:100%;height:11px;position:relative}.content .color-sliders .sliders .slider .handle[data-v-feecf96e]{z-index:1;cursor:ew-resize;background-color:#b7b7b799;border-radius:50%;width:15px;height:15px;position:absolute;top:50%;left:80%;transform:translate(-50%,-50%);box-shadow:0 2px 4px 1px #0000004d}.content .color-sliders .sliders .slider .handle .handle-fill[data-v-feecf96e]{background-color:#373737;border-radius:50%;position:absolute;inset:1px}.content .hue-line[data-v-feecf96e]{background:red;width:100%;height:10px}.content .chess[data-v-feecf96e]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 10'%3E%3Cg class='chess' clip-path='url(%23a)'%3E%3Cpath fill='%23fff' d='M0 0h10v10H0z'/%3E%3Cpath fill='%23CCC' d='M0 0h5v5H0V0Zm5 5h5v5H5V5Z' class='Vector'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a' class='a'%3E%3Cpath fill='%23fff' d='M0 0h10v10H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}.content .value-input[data-v-feecf96e]{align-items:center;margin-top:10px;display:flex}.content .value-input .values[data-v-feecf96e]{flex:1;gap:5px;display:flex}.content .value-input .values .input-column[data-v-feecf96e]{flex-direction:column;flex:1;align-items:center;display:flex}.content .value-input .values .input-column input[data-v-feecf96e]{text-align:center;color:#e8e8e8;background-color:#0000002f;border:1px solid #828282;border-radius:5px;width:100%;padding:3px 0;font-size:13px}.content .value-input .values .input-column input[data-v-feecf96e]:hover{background-color:#ffffff0d}.content .value-input .values .input-column input[data-v-feecf96e]{-moz-appearance:textfield}.content .value-input .values .input-column input[data-v-feecf96e]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.content .value-input .values .input-column input[data-v-feecf96e]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.content .value-input .values .input-column span[data-v-feecf96e]{color:#707070;-webkit-user-select:none;user-select:none;margin-top:6px;font-size:11px;font-weight:700;line-height:1}.content .value-input .change[data-v-feecf96e]{cursor:pointer;color:#adadad;background-color:#0000;border:none;border-radius:5px;margin-left:8px;margin-right:-8px;padding:5px}.content .value-input .change[data-v-feecf96e]:hover{background-color:#ffffff0d}.content .value-input .change svg[data-v-feecf96e]{fill:currentColor;width:12px;height:12px;display:block}.content .favorites[data-v-feecf96e]{border-top:1px solid #424242;flex-wrap:wrap;gap:5.5px;margin:5px -15px 0;padding:8px 15px 0;display:flex}.content .favorites .color[data-v-feecf96e]{background-color:#0000;border:none;border-radius:3px;width:15px;min-width:15px;height:15px;min-height:15px;transition:transform .1s ease-in-out;position:relative}.content .favorites .color[data-v-feecf96e]:hover{transform:scale(1.1)}.content .favorites .color[data-v-feecf96e]:after{content:"";border:2px solid var(--background-color,#fff);border-radius:4px;position:absolute;inset:-1px}.content .favorites .color .layer[data-v-feecf96e]{border-radius:5px;position:absolute;inset:0}.content .favorites .add[data-v-feecf96e]{cursor:pointer;color:#adadad;background-color:#0000;border:none;border-radius:5px;width:19px;height:19px;margin:-2px;padding:4px}.content .favorites .add[data-v-feecf96e]:hover{background-color:#ffffff0d}.content .favorites .add svg[data-v-feecf96e]{fill:currentColor;width:100%;height:100%;display:block}body.color-picker-slider-move{-webkit-user-select:none;user-select:none;cursor:ew-resize}body.color-picker-handle-move{-webkit-user-select:none;user-select:none;cursor:all-scroll}.legend[data-v-074366cd]{flex-wrap:wrap;gap:.3em 1em;font-size:14px;display:flex}.legend-horizontal[data-v-074366cd]{flex-direction:row}.legend-vertical[data-v-074366cd]{flex-direction:column}.legend .item[data-v-074366cd]{flex-direction:row;align-items:center;font-size:1em;display:flex}.legend .item.disabled .marker-slot[data-v-074366cd],.legend .item.disabled .name[data-v-074366cd],.legend .item.disabled .remove[data-v-074366cd]{opacity:.5}.legend .item.highlighted[data-v-074366cd]{color:#fff}.legend .item.highlighted .marker[data-v-074366cd]:before{transform:scale(1.3)}.legend .item .marker-slot[data-v-074366cd]{flex-shrink:0;width:1.5em;height:1.5em;position:relative}.legend .item .marker[data-v-074366cd]{font-size:inherit;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.legend .item .marker.legend-marker-enter-active[data-v-074366cd],.legend .item .marker.legend-marker-leave-active[data-v-074366cd]{transition:opacity .18s,filter .18s,transform .18s}.legend .item .marker.legend-marker-enter-from[data-v-074366cd],.legend .item .marker.legend-marker-leave-to[data-v-074366cd]{opacity:0;filter:blur(3px);transform:scale(.65)}.legend .item .marker.legend-marker-leave-active[data-v-074366cd]{pointer-events:none}.legend .item .marker[data-v-074366cd]:before{content:"";background-color:var(--item-color);border-radius:50%;width:.6em;height:.6em;transition:transform .15s;display:inline-block}.legend .item .loading-marker[data-v-074366cd]:before{content:none}.legend .item .item-loader[data-v-074366cd]{color:var(--item-color);font-size:16px}.legend .item .remove[data-v-074366cd]{flex-shrink:0;justify-content:center;align-items:center;width:1.5em;height:1.5em;display:flex;position:relative}.legend .item .remove[data-v-074366cd]:before{content:"";opacity:0;background:#ffffff14;border-radius:5px;transition:opacity .15s;position:absolute;inset:1.5px}.legend .item .remove[data-v-074366cd]:hover,.legend .item .remove[data-v-074366cd]:hover:before,.legend .item .remove:hover .icon[data-v-074366cd]{opacity:1}.legend .item .remove .icon[data-v-074366cd]{fill:currentColor;opacity:.8;width:.9em;height:.9em;display:block}