.cf-alpha-range[data-v-32747b29],.cf-check[data-v-32747b29]{--cf-check:conic-gradient(#c9c9c9 0 25%,transparent 0 50%,#c9c9c9 0 75%,transparent 0) 0 0 /10px 10px,linear-gradient(#fff,#fff)}.cf-swatch[data-v-32747b29]{cursor:pointer;padding:0;display:block;position:relative;overflow:hidden}:where(.cf-swatch[data-v-32747b29]){border:1px solid var(--c-border);border-radius:var(--radius-sm,4px);width:34px;height:26px}.cf-swatch--open[data-v-32747b29]{outline:2px solid var(--c-primary);outline-offset:1px}.cf-check[data-v-32747b29],.cf-fill[data-v-32747b29]{position:absolute;inset:0}.cf-check[data-v-32747b29]{background:var(--cf-check)}.cf-pop[data-v-32747b29]{z-index:3000;background:var(--c-surface);width:232px;color:var(--c-text);border:1px solid var(--c-border);border-radius:var(--radius-md,8px);flex-direction:column;gap:8px;padding:10px;display:flex;position:fixed;box-shadow:0 12px 32px #00000042}.cf-native[data-v-32747b29]{border:1px solid var(--c-border);border-radius:var(--radius-sm,4px);cursor:pointer;background:0 0;width:100%;height:34px;padding:0}.cf-hexrow[data-v-32747b29]{align-items:center;gap:6px;display:flex}.cf-hex[data-v-32747b29]{letter-spacing:.04em;text-transform:uppercase;min-width:0;height:28px;color:inherit;background:var(--c-bg,#fff);border:1px solid var(--c-border);border-radius:var(--radius-sm,4px);flex:auto;padding:0 8px;font:600 .78rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.cf-hex[data-v-32747b29]:focus{outline:2px solid var(--c-primary);outline-offset:-1px}.cf-hex--bad[data-v-32747b29]{border-color:#d33}.cf-copy[data-v-32747b29]{width:28px;height:28px;color:inherit;border:1px solid var(--c-border);border-radius:var(--radius-sm,4px);cursor:pointer;background:0 0;flex:none;justify-content:center;align-items:center;display:inline-flex}.cf-copy[data-v-32747b29]:hover{background:#0000000f}.cf-copy--done[data-v-32747b29]{color:#1a9b52;border-color:#1a9b52}.cf-alpha[data-v-32747b29]{align-items:center;gap:8px;display:flex}.cf-alpha-lbl[data-v-32747b29]{opacity:.75;font-weight:600}.cf-alpha-lbl[data-v-32747b29],.cf-alpha-val[data-v-32747b29]{flex:none;font-size:.72rem}.cf-alpha-val[data-v-32747b29]{text-align:end;font-variant-numeric:tabular-nums;min-width:34px;font-weight:700}.cf-alpha-range[data-v-32747b29]{appearance:none;background:linear-gradient(to right,transparent,var(--cf-solid,#000)),var(--cf-check);border:1px solid var(--c-border);border-radius:var(--radius-full,999px);cursor:pointer;flex:auto;min-width:0;height:18px}.cf-alpha-range[data-v-32747b29]::-webkit-slider-thumb{appearance:none;border:2px solid var(--c-primary-deep,#333);cursor:pointer;background:#fff;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #0006}.cf-alpha-range[data-v-32747b29]::-moz-range-thumb{border:2px solid var(--c-primary-deep,#333);cursor:pointer;background:#fff;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #0006}