.cp-sq[data-v-3eb674ba],.cp-hue[data-v-3eb674ba]{touch-action:none}.cp-trigger[data-v-3eb674ba]{border:1px solid var(--line,#ffffff29);cursor:pointer;background:0 0;border-radius:5px;width:24px;height:24px;padding:2px}.cp-trigger[data-v-3eb674ba]:disabled{opacity:.45;cursor:default}.cp-trigger[data-v-3eb674ba]:hover:not(:disabled){border-color:var(--primary)}.cp-trigger-fill[data-v-3eb674ba]{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-3eb674ba]{opacity:.55}.cp[data-v-3eb674ba]{width:236px;padding:10px;font-family:inherit}.cp-auto[data-v-3eb674ba]{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-3eb674ba]:hover{background:var(--inset,#ffffff17)}.cp-auto.on[data-v-3eb674ba]{border-color:var(--primary)}.cp-auto-dot[data-v-3eb674ba]{border-radius:3px;width:12px;height:12px}.cp-grid[data-v-3eb674ba]{grid-template-columns:repeat(10,1fr);gap:4px;display:grid}.cp-sw[data-v-3eb674ba]{aspect-ratio:1;cursor:pointer;border:1px solid #80808038;border-radius:3px;padding:0;transition:transform 90ms}.cp-sw[data-v-3eb674ba]:hover{border-color:var(--text,#fff);z-index:1;position:relative;transform:scale(1.18)}.cp-sw.on[data-v-3eb674ba]{box-shadow:0 0 0 2px var(--card,#16161a), 0 0 0 3.5px var(--primary);border-color:#0000}.cp-op[data-v-3eb674ba]{align-items:center;gap:8px;margin-top:10px;display:flex}.cp-op-range[data-v-3eb674ba]{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-3eb674ba]::-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-3eb674ba]{font-variant-numeric:tabular-nums;text-align:right;min-width:34px;color:var(--text-2,#a8a8b0);font-size:11px}.cp-foot[data-v-3eb674ba]{align-items:center;gap:8px;margin-top:10px;display:flex}.cp-foot-sw[data-v-3eb674ba]{border:1px solid var(--line,#ffffff29);border-radius:5px;flex:none;width:24px;height:24px;padding:2px}.cp-foot-fill[data-v-3eb674ba]{border-radius:3px;width:100%;height:100%;display:block}.cp-hex[data-v-3eb674ba]{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-3eb674ba]:focus-within{border-color:var(--primary)}.cp-hex-h[data-v-3eb674ba]{color:var(--text-3,#7a7a82);font-size:12px}.cp-hex-in[data-v-3eb674ba]{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-3eb674ba],.cp-back[data-v-3eb674ba]{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-3eb674ba]:hover,.cp-back[data-v-3eb674ba]:hover{color:var(--text,#fff);border-color:var(--primary)}.cp-custom[data-v-3eb674ba]{width:220px}.cp-cu-head[data-v-3eb674ba]{align-items:center;gap:8px;margin-bottom:10px;display:flex}.cp-cu-body[data-v-3eb674ba]{gap:8px;display:flex}.cp-sq[data-v-3eb674ba]{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-3eb674ba]{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-3eb674ba]{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-3eb674ba]{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-3eb674ba]{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-3eb674ba]:hover{filter:brightness(1.08)}.cp-trigger--touch[data-v-3eb674ba]{box-sizing:border-box;flex-shrink:0;width:44px;min-width:44px;height:44px}.cp--touch[data-v-3eb674ba]{box-sizing:border-box;width:min(280px,100vw - 24px);max-height:min(70dvh, var(--reka-popover-content-available-height,70dvh));overscroll-behavior:contain;overflow-y:auto}.cp--touch .cp-grid[data-v-3eb674ba]{grid-template-columns:repeat(5,minmax(44px,1fr))}.cp--touch .cp-sw[data-v-3eb674ba]{min-width:44px;min-height:44px}.cp--touch .cp-sw[data-v-3eb674ba]:hover{transform:none}.cp--touch .cp-auto[data-v-3eb674ba],.cp--touch .cp-done[data-v-3eb674ba]{min-width:44px;min-height:44px}.cp--touch .cp-eye[data-v-3eb674ba],.cp--touch .cp-back[data-v-3eb674ba]{width:44px;height:44px}.cp--touch .cp-hex[data-v-3eb674ba]{min-width:0;height:46px}.cp--touch .cp-hex-in[data-v-3eb674ba]{min-width:44px;height:44px;font-size:16px}.cp--touch .cp-op-range[data-v-3eb674ba]{min-width:44px;height:44px}.cp--touch .cp-hue[data-v-3eb674ba]{width:44px}.cp--touch .cp-sq[data-v-3eb674ba]{min-width:44px}@media (max-width:768px),(max-width:1024px) and (orientation:portrait){.cp-trigger[data-v-3eb674ba]{box-sizing:border-box;flex-shrink:0;width:44px;min-width:44px;height:44px}.cp[data-v-3eb674ba]{box-sizing:border-box;width:min(280px,100vw - 24px);max-height:min(70dvh, var(--reka-popover-content-available-height,70dvh));overscroll-behavior:contain;overflow-y:auto}.cp .cp-grid[data-v-3eb674ba]{grid-template-columns:repeat(5,minmax(44px,1fr))}.cp .cp-sw[data-v-3eb674ba]{min-width:44px;min-height:44px}.cp .cp-sw[data-v-3eb674ba]:hover{transform:none}.cp .cp-auto[data-v-3eb674ba],.cp .cp-done[data-v-3eb674ba]{min-width:44px;min-height:44px}.cp .cp-eye[data-v-3eb674ba],.cp .cp-back[data-v-3eb674ba]{width:44px;height:44px}.cp .cp-hex[data-v-3eb674ba]{min-width:0;height:46px}.cp .cp-hex-in[data-v-3eb674ba]{min-width:44px;height:44px;font-size:16px}.cp .cp-op-range[data-v-3eb674ba]{min-width:44px;height:44px}.cp .cp-hue[data-v-3eb674ba]{width:44px}.cp .cp-sq[data-v-3eb674ba]{min-width:44px}}@media (pointer:coarse){.cp-trigger[data-v-3eb674ba]{box-sizing:border-box;flex-shrink:0;width:44px;min-width:44px;height:44px}.cp[data-v-3eb674ba]{box-sizing:border-box;width:min(280px,100vw - 24px);max-height:min(70dvh, var(--reka-popover-content-available-height,70dvh));overscroll-behavior:contain;overflow-y:auto}.cp .cp-grid[data-v-3eb674ba]{grid-template-columns:repeat(5,minmax(44px,1fr))}.cp .cp-sw[data-v-3eb674ba]{min-width:44px;min-height:44px}.cp .cp-sw[data-v-3eb674ba]:hover{transform:none}.cp .cp-auto[data-v-3eb674ba],.cp .cp-done[data-v-3eb674ba]{min-width:44px;min-height:44px}.cp .cp-eye[data-v-3eb674ba],.cp .cp-back[data-v-3eb674ba]{width:44px;height:44px}.cp .cp-hex[data-v-3eb674ba]{min-width:0;height:46px}.cp .cp-hex-in[data-v-3eb674ba]{min-width:44px;height:44px;font-size:16px}.cp .cp-op-range[data-v-3eb674ba]{min-width:44px;height:44px}.cp .cp-hue[data-v-3eb674ba]{width:44px}.cp .cp-sq[data-v-3eb674ba]{min-width:44px}}