.cp-trigger[data-v-9408cbe8]{border:1px solid var(--line,#ffffff29);cursor:pointer;background:0 0;border-radius:5px;width:24px;height:24px;padding:2px}.cp-trigger[data-v-9408cbe8]:disabled{opacity:.45;cursor:default}.cp-trigger[data-v-9408cbe8]:hover:not(:disabled){border-color:var(--primary)}.cp-trigger-fill[data-v-9408cbe8]{background-image:linear-gradient(45deg,#80808059 25%,#0000 25%),linear-gradient(-45deg,#80808059 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#80808059 75%),linear-gradient(-45deg,#0000 75%,#80808059 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;border-radius:3px;width:100%;height:100%;display:block}.is-auto .cp-trigger-fill[data-v-9408cbe8]{opacity:.55}.cp[data-v-9408cbe8]{width:236px;padding:10px;font-family:inherit}.cp-auto[data-v-9408cbe8]{background:var(--inset,#ffffff0d);border-radius:var(--r-ctrl,6px);width:100%;color:var(--text,#f2f2f5);cursor:pointer;border:1px solid #0000;align-items:center;gap:7px;margin-bottom:8px;padding:6px 8px;font-size:12px;display:flex}.cp-auto[data-v-9408cbe8]:hover{background:var(--inset,#ffffff17)}.cp-auto.on[data-v-9408cbe8]{border-color:var(--primary)}.cp-auto-dot[data-v-9408cbe8]{border-radius:3px;width:12px;height:12px}.cp-grid[data-v-9408cbe8]{grid-template-columns:repeat(10,1fr);gap:4px;display:grid}.cp-sw[data-v-9408cbe8]{aspect-ratio:1;cursor:pointer;border:1px solid #80808038;border-radius:3px;padding:0;transition:transform 90ms}.cp-sw[data-v-9408cbe8]:hover{border-color:var(--text,#fff);z-index:1;position:relative;transform:scale(1.18)}.cp-sw.on[data-v-9408cbe8]{box-shadow:0 0 0 2px var(--card,#16161a), 0 0 0 3.5px var(--primary);border-color:#0000}.cp-op[data-v-9408cbe8]{align-items:center;gap:8px;margin-top:10px;display:flex}.cp-op-range[data-v-9408cbe8]{appearance:none;cursor:pointer;background:linear-gradient(to right, transparent, var(--cp-c)), repeating-conic-gradient(#80808059 0% 25%, transparent 0% 50%) 0/8px 8px;border-radius:3px;flex:1 1 0;height:12px;margin:0}.cp-op-range[data-v-9408cbe8]::-webkit-slider-thumb{appearance:none;background:var(--text,#fff);cursor:pointer;border:1px solid #00000073;border-radius:3px;width:12px;height:16px}.cp-op-val[data-v-9408cbe8]{font-variant-numeric:tabular-nums;text-align:right;min-width:34px;color:var(--text-2,#a8a8b0);font-size:11px}.cp-foot[data-v-9408cbe8]{align-items:center;gap:8px;margin-top:10px;display:flex}.cp-foot-sw[data-v-9408cbe8]{border:1px solid var(--line,#ffffff29);border-radius:5px;flex:none;width:24px;height:24px;padding:2px}.cp-foot-fill[data-v-9408cbe8]{border-radius:3px;width:100%;height:100%;display:block}.cp-hex[data-v-9408cbe8]{background:var(--inset,#ffffff0f);border:1px solid var(--line,#ffffff24);border-radius:var(--r-ctrl,6px);flex:1 1 0;align-items:center;height:26px;padding:0 8px;display:flex}.cp-hex[data-v-9408cbe8]:focus-within{border-color:var(--primary)}.cp-hex-h[data-v-9408cbe8]{color:var(--text-3,#7a7a82);font-size:12px}.cp-hex-in[data-v-9408cbe8]{width:100%;color:var(--text,#f2f2f5);font-variant-numeric:tabular-nums;text-transform:uppercase;letter-spacing:.04em;background:0 0;border:none;outline:none;font-size:12px}.cp-eye[data-v-9408cbe8],.cp-back[data-v-9408cbe8]{border:1px solid var(--line,#ffffff24);border-radius:var(--r-ctrl,6px);width:26px;height:26px;color:var(--text-2,#a8a8b0);cursor:pointer;background:0 0;flex:none;justify-content:center;align-items:center;display:inline-flex}.cp-eye[data-v-9408cbe8]:hover,.cp-back[data-v-9408cbe8]:hover{color:var(--text,#fff);border-color:var(--primary)}.cp-custom[data-v-9408cbe8]{width:220px}.cp-cu-head[data-v-9408cbe8]{align-items:center;gap:8px;margin-bottom:10px;display:flex}.cp-cu-body[data-v-9408cbe8]{gap:8px;display:flex}.cp-sq[data-v-9408cbe8]{cursor:crosshair;touch-action:none;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);border-radius:6px;flex:1 1 0;height:150px;position:relative}.cp-sq-dot[data-v-9408cbe8]{pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;box-shadow:0 0 0 1px #00000080}.cp-hue[data-v-9408cbe8]{cursor:pointer;touch-action:none;background:linear-gradient(red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border-radius:6px;flex:none;width:16px;height:150px;position:relative}.cp-hue-dot[data-v-9408cbe8]{pointer-events:none;border:2px solid #fff;border-radius:3px;height:4px;margin-top:-2px;position:absolute;left:-2px;right:-2px;box-shadow:0 0 0 1px #00000080}.cp-done[data-v-9408cbe8]{background:var(--primary);border-radius:var(--r-ctrl,6px);color:#fff;cursor:pointer;border:none;width:100%;margin-top:10px;padding:7px;font-size:12px;font-weight:600}.cp-done[data-v-9408cbe8]:hover{filter:brightness(1.08)}