.cp-root[data-v-0f230835]{display:inline-block;position:relative}.cp-trigger[data-v-0f230835]{cursor:pointer;color:#000000de;background:#fff;border:1px solid #00000026;border-radius:8px;outline:none;align-items:center;gap:8px;width:200px;height:36px;padding:0 12px;font-size:14px;transition:border-color .15s;display:inline-flex}.cp-trigger[data-v-0f230835]:hover{border-color:#00000040}.cp-trigger[data-v-0f230835]:focus-visible{border-color:rgb(var(--v-theme-secondary,60,93,210));box-shadow:0 0 0 2px rgba(var(--v-theme-secondary,60,93,210),.2)}.cp-trigger__swatch[data-v-0f230835]{border:1px solid #0000001a;border-radius:4px;flex-shrink:0;width:18px;height:18px}.cp-trigger__text[data-v-0f230835]{white-space:nowrap;font-size:14px}.cp-backdrop[data-v-0f230835]{z-index:9998;position:fixed;inset:0}.cp-popover[data-v-0f230835]{background:#fff;border:1px solid #00000014;border-radius:10px;flex-direction:column;gap:10px;width:240px;padding:12px;display:flex;box-shadow:0 8px 24px #0000001f}.cp-sl-canvas[data-v-0f230835]{cursor:crosshair;touch-action:none;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);border-radius:8px;width:100%;height:160px;position:relative;overflow:hidden}.cp-sl-thumb[data-v-0f230835]{pointer-events:none;border:2px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000004d,0 1px 3px #0003}.cp-slider[data-v-0f230835]{cursor:pointer;touch-action:none;border-radius:7px;width:100%;height:14px;position:relative}.cp-slider--hue[data-v-0f230835]{background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.cp-slider--alpha[data-v-0f230835]{background-image:linear-gradient(45deg,#ccc 25%,#0000 0),linear-gradient(-45deg,#ccc 25%,#0000 0),linear-gradient(45deg,#0000 75%,#ccc 0),linear-gradient(-45deg,#0000 75%,#ccc 0);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.cp-slider__thumb[data-v-0f230835]{pointer-events:none;background:0 0;border:2px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000004d}.cp-hex-row[data-v-0f230835]{gap:8px}.cp-eyedropper-btn[data-v-0f230835],.cp-hex-input-wrap[data-v-0f230835],.cp-hex-row[data-v-0f230835]{align-items:center;display:flex}.cp-eyedropper-btn[data-v-0f230835]{cursor:pointer;color:#00000080;background:#fff;border:1px solid #00000026;border-radius:6px;flex-shrink:0;justify-content:center;width:32px;height:32px;transition:color .15s,border-color .15s}.cp-eyedropper-btn[data-v-0f230835]:hover{color:#000c;border-color:#00000040}.cp-hex-input-wrap[data-v-0f230835]{background:#fff;border:1px solid #00000026;border-radius:6px;flex:1;height:32px;overflow:hidden}.cp-hex-hash[data-v-0f230835]{color:#0006;padding:0 8px;font-size:14px}.cp-hex-input[data-v-0f230835]{background:0 0;border:none;outline:none;flex:1;height:100%;padding:0 8px 0 0;font-family:monospace;font-size:14px}.cp-swatches[data-v-0f230835]{flex-wrap:wrap;gap:6px;display:flex}.cp-swatch[data-v-0f230835]{cursor:pointer;border:1px solid #0000001a;border-radius:5px;outline:none;width:24px;height:24px;transition:transform .1s}.cp-swatch[data-v-0f230835]:hover{transform:scale(1.15)}.cp-swatch--active[data-v-0f230835]{box-shadow:0 0 0 2px rgb(var(--v-theme-secondary,60,93,210));transform:scale(1.1)}.cp-section[data-v-0f230835]{flex-direction:column;display:flex}