.cc[data-v-d76bfdb2]{--r: var(--ctrl-r-md, 12px);--accent: var(--inp-accent, #ededed);position:relative;display:inline-block;color:var(--inp-text, #ededed);font:inherit}.cc--block[data-v-d76bfdb2]{display:block}.cc--block .cc__trigger[data-v-d76bfdb2]{width:100%}.cc__glow[data-v-d76bfdb2]{--glow-strength: .5;--glow-ring: 1px;--glow-inset: -1px}.cc__trigger[data-v-d76bfdb2]{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:8px;height:var(--ctrl-h-md, 38px);padding:0 10px;border:1px solid var(--inp-border, var(--border, #2a2a2a));border-radius:var(--rr, var(--r));background:var(--cc-trigger-bg, var(--bg-input, var(--bg-elevated, #1a1a1a)));color:var(--inp-text, #ededed);font:inherit;cursor:pointer;transition:border-color .16s ease,background-color .16s ease}.cc__trigger[data-v-d76bfdb2]:hover:not(:disabled){border-color:var(--inp-border-hover, #3d3d3d)}.cc__trigger[data-v-d76bfdb2]:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.cc.is-open .cc__trigger[data-v-d76bfdb2]{border-color:var(--accent)}.cc--sm .cc__trigger[data-v-d76bfdb2]{height:var(--ctrl-h-sm, 32px);font-size:var(--ctrl-fs-sm, 13px)}.cc--lg .cc__trigger[data-v-d76bfdb2]{height:var(--ctrl-h-lg, 44px);font-size:var(--ctrl-fs-lg, 15px)}.cc--r-none[data-v-d76bfdb2]{--rr: 0px}.cc--r-subtle[data-v-d76bfdb2]{--rr: 8px}.cc--r-rounded[data-v-d76bfdb2]{--rr: 11px}.cc--r-pill[data-v-d76bfdb2]{--rr: 999px}@supports (corner-shape: squircle){.cc--r-squircle .cc__trigger[data-v-d76bfdb2]{corner-shape:squircle;--rr: calc(var(--r) * 1.7)}}.cc__swatch[data-v-d76bfdb2]{flex:none;width:18px;height:18px;border-radius:5px;border:1px solid rgba(127,127,127,.3);box-shadow:inset 0 0 0 1px #ffffff14}.cc__val[data-v-d76bfdb2]{font-size:13px;font-variant-numeric:tabular-nums;text-transform:lowercase}.cc__caret[data-v-d76bfdb2]{width:13px;height:13px;opacity:.6;transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.cc.is-open .cc__caret[data-v-d76bfdb2]{transform:rotate(180deg)}.cc__pop[data-v-d76bfdb2]{position:absolute;z-index:20;top:calc(100% + 6px);left:0;min-width:192px;display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--inp-border, var(--border, #2a2a2a));border-radius:14px;background:var(--bg-card, #111);box-shadow:0 12px 32px -12px #0009;transform-origin:top left;animation:cc-pop-d76bfdb2 .18s cubic-bezier(.22,1,.36,1)}@keyframes cc-pop-d76bfdb2{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.cc__grid[data-v-d76bfdb2]{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.cc__cell[data-v-d76bfdb2]{position:relative;width:100%;aspect-ratio:1;border-radius:6px;border:1px solid rgba(127,127,127,.25);background:var(--c);cursor:pointer;padding:0;color:#fff;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s ease}.cc__cell[data-v-d76bfdb2]:hover{transform:scale(1.12);z-index:1}.cc__cell[data-v-d76bfdb2]:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent)}.cc__cell.is-active[data-v-d76bfdb2]{box-shadow:0 0 0 2px var(--bg-card, #111),0 0 0 4px var(--accent)}.cc__check[data-v-d76bfdb2]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.5);filter:drop-shadow(0 1px 2px rgba(0,0,0,.6));transition:transform .2s cubic-bezier(.34,1.56,.64,1),opacity .14s ease}.cc__check svg[data-v-d76bfdb2]{width:62%;height:62%}.cc__cell.is-active .cc__check[data-v-d76bfdb2]{opacity:1;transform:scale(1)}.cc__field[data-v-d76bfdb2]{display:inline-flex;align-items:center;gap:2px;height:34px;padding:0 10px;border:1px solid var(--inp-border, var(--border, #2a2a2a));border-radius:9px;background:var(--bg-input, var(--bg-elevated, #1a1a1a));transition:border-color .16s ease}.cc__field[data-v-d76bfdb2]:focus-within{border-color:var(--accent)}.cc__hash[data-v-d76bfdb2]{color:var(--inp-placeholder, #8b8b8b)}.cc__hex[data-v-d76bfdb2]{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}.cc--t-danger[data-v-d76bfdb2]{--accent: #ff6369}.cc--t-warn[data-v-d76bfdb2]{--accent: #ffb224}.cc--t-success[data-v-d76bfdb2]{--accent: #4cc38a}.cc.is-disabled[data-v-d76bfdb2]{opacity:.5;pointer-events:none}@media(prefers-reduced-motion:reduce){.cc__trigger[data-v-d76bfdb2],.cc__caret[data-v-d76bfdb2],.cc__cell[data-v-d76bfdb2],.cc__check[data-v-d76bfdb2],.cc__field[data-v-d76bfdb2]{transition:none}.cc__pop[data-v-d76bfdb2]{animation:none}.cc__cell[data-v-d76bfdb2]:hover{transform:none}}