.cp[data-v-15816d70]{--r: var(--ctrl-r-md, 12px);--w: 256px;--accent: var(--inp-accent, #ededed);--ring: var(--inp-ring, 255 255 255);position:relative;isolation:isolate;display:flex;flex-direction:column;gap:0;width:var(--w);padding:0;overflow:hidden;border:1px solid var(--inp-border, #2a2a2a);border-radius:var(--rr, var(--r));background:var(--bg-card, #0a0a0a);color:var(--inp-text, #ededed);font:inherit;transition:border-color .2s var(--ease-out, cubic-bezier(.22, 1, .36, 1)),background-color .2s ease}.cp--block[data-v-15816d70]{width:100%}.cp[data-v-15816d70]:hover:not(.is-disabled){border-color:var(--inp-border-hover, #3d3d3d)}.cp--sm[data-v-15816d70]{--r: var(--ctrl-r-sm, 10px);--w: 224px;font-size:var(--ctrl-fs-sm, 13px)}.cp--lg[data-v-15816d70]{--r: var(--ctrl-r-lg, 14px);--w: 296px;font-size:var(--ctrl-fs-lg, 15px)}.cp--r-none[data-v-15816d70]{--rr: 0px}.cp--r-subtle[data-v-15816d70]{--rr: 12px}.cp--r-rounded[data-v-15816d70]{--rr: 22px}.cp--r-pill[data-v-15816d70]{--rr: 28px}@supports (corner-shape: squircle){.cp--r-squircle[data-v-15816d70]{corner-shape:squircle;--rr: calc(var(--r) * 1.7)}}.cp__glow[data-v-15816d70]{--glow-strength: .5;--glow-ring: 1px;--glow-inset: -1px;z-index:10}.cp__sv[data-v-15816d70]{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:0;overflow:hidden;cursor:crosshair;background:var(--hue, #f00);touch-action:none;outline:none}.cp__sheet[data-v-15816d70]{position:relative;z-index:1;margin-top:-18px;display:flex;flex-direction:column;gap:16px;padding:18px;border-radius:22px 22px 0 0;background:var(--bg-card, #0a0a0a);box-shadow:0 -10px 24px -12px #00000073}.cp__sv[data-v-15816d70]:focus-visible{box-shadow:0 0 0 2px var(--accent)}.cp__sv-sat[data-v-15816d70],.cp__sv-val[data-v-15816d70]{position:absolute;inset:0;pointer-events:none}.cp__sv-sat[data-v-15816d70]{background:linear-gradient(to right,#fff,transparent)}.cp__sv-val[data-v-15816d70]{background:linear-gradient(to top,#000,transparent)}.cp__sv-ripples[data-v-15816d70]{z-index:1;border-radius:inherit}.cp__sv-thumb[data-v-15816d70]{--sc: 1;position:absolute;z-index:2;width:14px;height:14px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #0006,0 1px 4px #0006;background:var(--cur);transform:translate(-50%,-50%) scale(var(--sc));pointer-events:none;transition:transform .32s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1))}.cp__sv-thumb.is-jump[data-v-15816d70]{transition:left .42s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1)),top .42s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1)),transform .32s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1))}.cp__sv-thumb.is-drag[data-v-15816d70]{--sc: 1.45}.cp[data-v-15816d70]{--checker: repeating-conic-gradient( var(--cp-checker, #c8ccd2) 0% 25%, #ffffff 0% 50% ) 0 0 / 12px 12px}.cp__preview[data-v-15816d70]{flex:none;width:36px;height:36px;position:relative;padding:0;border-radius:11px;overflow:hidden;background:var(--checker);border:1px solid var(--inp-border, #2a2a2a);cursor:pointer;transition:transform .2s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1)),border-color .16s ease}.cp__preview[data-v-15816d70]:hover:not(:disabled){border-color:var(--inp-border-hover, #3d3d3d)}.cp__preview[data-v-15816d70]:active:not(:disabled){transform:scale(.94)}.cp__preview[data-v-15816d70]:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.cp__preview-fill[data-v-15816d70]{position:absolute;inset:0}.cp__preview-ov[data-v-15816d70]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;background:#00000052;opacity:0;transition:opacity .16s ease;pointer-events:none}.cp__preview:hover:not(:disabled) .cp__preview-ov[data-v-15816d70],.cp__preview:focus-visible .cp__preview-ov[data-v-15816d70],.cp__preview.is-copied .cp__preview-ov[data-v-15816d70]{opacity:1}.cp__preview-ico[data-v-15816d70]{width:18px;height:18px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));transform:scale(.7);transition:transform .26s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1))}.cp__preview:hover:not(:disabled) .cp__preview-ico[data-v-15816d70],.cp__preview.is-copied .cp__preview-ico[data-v-15816d70]{transform:scale(1)}.cp__tracks[data-v-15816d70]{display:flex;flex-direction:column;gap:14px}.cp__track[data-v-15816d70]{display:flex;flex-direction:column;gap:7px}.cp__label[data-v-15816d70]{font-size:13px;font-weight:600;color:var(--text, #ededed);letter-spacing:-.01em}.cp__bar-wrap[data-v-15816d70]{position:relative;display:block;line-height:0}.cp__bar-ripples[data-v-15816d70]{overflow:visible;z-index:2;--fx-rip: 255 255 255;--fx-rip-a: 2.6}.cp__bar[data-v-15816d70]{position:relative;z-index:0}.cp__bar[data-v-15816d70]{-webkit-appearance:none;appearance:none;width:100%;height:16px;border-radius:999px;cursor:pointer;outline:none;box-shadow:inset 0 0 0 1px #0000001f}.cp__bar[data-v-15816d70]:focus-visible{box-shadow:0 0 0 2px var(--accent)}.cp__hue[data-v-15816d70]{background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.cp__alpha[data-v-15816d70]{background:var(--track, linear-gradient(to right, transparent, #fff)),var(--checker)}.cp__bar[data-v-15816d70]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:24px;border-radius:7px;background:transparent;border:3px solid #fff;box-shadow:none;cursor:pointer;transition:transform .32s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1)),filter .14s ease}.cp__bar[data-v-15816d70]::-moz-range-thumb{width:14px;height:24px;border-radius:7px;background:transparent;border:3px solid #fff;box-shadow:none;cursor:pointer;transition:transform .32s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1)),filter .14s ease}.cp__bar.is-active[data-v-15816d70]::-webkit-slider-thumb{transform:scale(1.35);filter:blur(1.1px)}.cp__bar.is-active[data-v-15816d70]::-moz-range-thumb{transform:scale(1.35);filter:blur(1.1px)}.cp__inputs[data-v-15816d70]{display:flex;align-items:center;gap:8px}.cp__inputs>.cp__fmt[data-v-15816d70],.cp__inputs>.cp__field[data-v-15816d70]{height:36px}.cp__fmt[data-v-15816d70]{flex:none;display:inline-flex;align-items:center;gap:3px;padding:0 8px 0 10px;border:1px solid var(--inp-border, #2a2a2a);border-radius:9px;background:var(--bg-input, var(--bg-elevated, #111));color:var(--text-secondary, #a1a1a1);font:inherit;font-size:11px;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease}.cp__fmt[data-v-15816d70]:hover:not(:disabled){border-color:var(--inp-border-hover, #3d3d3d);background:var(--inp-hover-bg, rgba(255, 255, 255, .05));color:var(--text, #ededed)}.cp__fmt[data-v-15816d70]:focus-visible{outline:none;border-color:var(--accent)}.cp__fmt-ico[data-v-15816d70]{width:13px;height:13px;opacity:.7}.cp__field[data-v-15816d70]{flex:1;display:inline-flex;align-items:center;gap:2px;min-width:0;padding:0 10px;border:1px solid var(--inp-border, #2a2a2a);border-radius:9px;background:var(--bg-input, var(--bg-elevated, #111));transition:border-color .16s ease}.cp__field[data-v-15816d70]:focus-within{border-color:var(--accent)}.cp__field--ro[data-v-15816d70]{color:var(--text, #ededed)}.cp__hash[data-v-15816d70]{color:var(--inp-placeholder, #8b8b8b)}.cp__hex[data-v-15816d70]{flex:1;min-width:0;border:none;background:transparent;color:var(--inp-text, #ededed);font:inherit;font-size:13px;font-variant-numeric:tabular-nums;text-transform:lowercase;outline:none}.cp__value[data-v-15816d70]{flex:1;min-width:0;font-size:12px;letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp__swatches[data-v-15816d70]{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.cp--sm .cp__swatches[data-v-15816d70]{grid-template-columns:repeat(8,1fr)}.cp__swatch[data-v-15816d70]{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1;border-radius:6px;border:1px solid rgba(127,127,127,.25);background:var(--sw);cursor:pointer;padding:0;transition:transform .14s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1))}.cp__swatch-ripples[data-v-15816d70]{border-radius:inherit}.cp__swatch[data-v-15816d70]:hover:not(:disabled){transform:scale(1.12)}.cp__swatch[data-v-15816d70]:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent)}.cp__swatch.is-active[data-v-15816d70]{box-shadow:0 0 0 2px var(--bg-card, #0a0a0a),0 0 0 4px var(--accent)}.cp--t-danger[data-v-15816d70]{--accent: #ff6369;--ring: 255 99 105;--fx-tint: 255 99 105}.cp--t-warn[data-v-15816d70]{--accent: #ffb224;--ring: 255 178 36;--fx-tint: 255 178 36}.cp--t-success[data-v-15816d70]{--accent: #4cc38a;--ring: 76 195 138;--fx-tint: 76 195 138}.cp.is-disabled[data-v-15816d70]{opacity:.5;pointer-events:none}@media(prefers-reduced-motion:reduce){.cp[data-v-15816d70],.cp__swatch[data-v-15816d70],.cp__sv-thumb[data-v-15816d70],.cp__sv-thumb.is-jump[data-v-15816d70],.cp__preview[data-v-15816d70],.cp__preview-ov[data-v-15816d70],.cp__preview-ico[data-v-15816d70]{transition:none}.cp__sv-thumb.is-drag[data-v-15816d70]{--sc: 1}.cp__bar[data-v-15816d70]::-webkit-slider-thumb,.cp__bar[data-v-15816d70]::-moz-range-thumb{transition:none}.cp__bar.is-active[data-v-15816d70]::-webkit-slider-thumb,.cp__bar.is-active[data-v-15816d70]::-moz-range-thumb{transform:none;filter:none}}