.arc-root-kjkvlz{--picker-fill:var(--surface);--picker-width:min(19rem, calc(100vw - 32px));--checker:repeating-conic-gradient(#d7d7d7 0 25%, #fff 0 50%) 0 0 / 10px 10px;font-family:var(--font-body);letter-spacing:var(--tracking-body);color:var(--foreground);display:inline-block;position:relative}@supports (color:lab(0% 0 0)){.arc-root-kjkvlz{--checker:repeating-conic-gradient(lab(86.08% -.0000298023 0) 0 25%, lab(100% 0 0) 0 50%) 0 0 / 10px 10px}}:root[data-theme=dark] .arc-root-kjkvlz{--picker-fill:var(--surface-raised);--checker:repeating-conic-gradient(#4d4d4d 0 25%, #2e2e2e 0 50%) 0 0 / 10px 10px}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .arc-root-kjkvlz{--checker:repeating-conic-gradient(lab(32.72% -.0000149012 0) 0 25%, lab(18.8% 0 0) 0 50%) 0 0 / 10px 10px}}.arc-trigger-yz2d2v,.arc-head-kjcxjp{align-items:center;gap:10px;height:44px;padding:6px 16px 6px 6px;display:flex}.arc-trigger-yz2d2v{border:1px solid var(--border);background:var(--picker-fill);box-shadow:var(--shadow-resting);color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color var(--duration-fast) var(--ease-standard);border-radius:22px}.arc-triggerText-hesxi4{text-align:start;min-width:0;line-height:1.15;display:grid}.arc-name-kjhgv8{color:var(--text-secondary);font-size:var(--text-xs)}.arc-hex-wwq8h4{font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:500}.arc-chip-kj95mv{background:var(--checker);border-radius:50%;flex:none;width:32px;height:32px;display:block;position:relative;overflow:hidden}.arc-chip-kj95mv>span{border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000001a;box-shadow:inset 0 0 0 1px lab(0% 0 0/.1)}.arc-float-2fl515{z-index:20;filter:drop-shadow(0 18px 36px #0000001f)drop-shadow(0 2px 6px #0000000f);filter:drop-shadow(0 18px 36px lab(0% 0 0/.12))drop-shadow(0 2px 6px lab(0% 0 0/.06));pointer-events:none;position:absolute;top:-1px;left:-1px}:root[data-theme=dark] .arc-float-2fl515{filter:drop-shadow(0 20px 44px #00000080);filter:drop-shadow(0 20px 44px lab(0% 0 0/.5))}.arc-float-2fl515[data-open]{pointer-events:auto}.arc-panel-2metw3{width:var(--picker-width);border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--picker-fill);will-change:clip-path;padding-bottom:14px}.arc-head-kjcxjp{gap:10px;padding-right:6px}.arc-head-kjcxjp .arc-triggerText-hesxi4{flex:1}.arc-headActions-uh5k7a{gap:2px;display:flex}.arc-iconButton-rh2cyw{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);background:0 0;border:0;border-radius:12px;place-items:center;padding:0;display:grid}.arc-iconButton-rh2cyw:active{transform:scale(.94)}.arc-body-kj8jo1{grid-template-columns:minmax(0,1fr);gap:14px;padding:8px 14px 0;display:grid}.arc-area-kj7ugs{cursor:crosshair;touch-action:none;background:linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, transparent), var(--picker-hue);border-radius:16px;height:164px;position:relative;box-shadow:inset 0 0 0 1px #00000014;box-shadow:inset 0 0 0 1px lab(0% 0 0/.08)}.arc-areaThumb-kp2mos,.arc-sliderThumb-q9k3vq{cursor:grab;width:22px;height:22px;transition:scale var(--duration-spring) var(--ease-spring);border-radius:50%;position:absolute;translate:-50% -50%;box-shadow:0 0 0 3px #fff,0 2px 8px #0000004d,inset 0 0 0 1px #0000001f;box-shadow:0 0 0 3px lab(100% 0 0),0 2px 8px lab(0% 0 0/.3),inset 0 0 0 1px lab(0% 0 0/.12)}.arc-areaThumb-kp2mos{background:var(--picker-opaque)}.arc-area-kj7ugs[data-active] .arc-areaThumb-kp2mos,.arc-sliderThumb-q9k3vq[data-active]{cursor:grabbing;scale:1.2}.arc-slider-x68m4m{border-radius:var(--radius-pill);cursor:pointer;touch-action:none;height:14px;margin:0 11px;position:relative}.arc-slider-x68m4m:before{content:"";border-radius:inherit;background:var(--track);position:absolute;inset:0 -11px;box-shadow:inset 0 0 0 1px #00000014;box-shadow:inset 0 0 0 1px lab(0% 0 0/.08)}.arc-sliderThumb-q9k3vq{background:var(--checker);top:50%}.arc-sliderThumb-q9k3vq:after{content:"";border-radius:inherit;background:var(--thumb-fill);position:absolute;inset:0}.arc-hue-wwq8v9{--track:linear-gradient(to right, red 11px, #ff0 calc(11px + (100% - 22px) * .1666), #0f0 calc(11px + (100% - 22px) * .3333), #0ff 50%, #00f calc(11px + (100% - 22px) * .6666), #f0f calc(11px + (100% - 22px) * .8333), red calc(100% - 11px))}.arc-alpha-2c22q1{--track:linear-gradient(to right, transparent 11px, var(--picker-opaque) calc(100% - 11px)), var(--checker)}.arc-field-2filpj{border:1px solid var(--border);background:var(--surface-muted);height:40px;transition:border-color var(--duration-fast) var(--ease-standard);border-radius:14px;align-items:stretch;margin-top:2px;display:flex;overflow:hidden}.arc-field-2filpj[data-invalid]{border-color:var(--danger)}.arc-format-otnij0{border:0;border-right:1px solid var(--border);min-width:56px;color:var(--foreground);font:inherit;font-size:var(--text-xs);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard);background:0 0;justify-content:center;align-items:center;padding:0 10px;font-weight:500;display:flex}.arc-inputWrap-ggovfx{flex:1;min-width:0;display:flex;position:relative}.arc-input-2hqz0z,.arc-morph-2klgjt{font:inherit;font-size:var(--text-xs);font-variant-numeric:tabular-nums;padding:0 10px}.arc-input-2hqz0z{width:100%;min-width:0;color:var(--foreground);caret-color:var(--foreground);background:0 0;border:0}.arc-input-2hqz0z[data-morphing]{color:#0000}.arc-morph-2klgjt{color:var(--foreground);pointer-events:none;white-space:nowrap;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.arc-error-2f0f7x{min-height:0;color:var(--danger);font-size:var(--text-xs);margin:-10px 2px -4px}.arc-error-2f0f7x:empty{display:none}.arc-contrast-e71zgx{font-size:var(--text-sm);align-items:center;gap:10px;display:flex}.arc-sample-wykdlx{border:1px solid var(--border);background:var(--picker-bg);width:36px;height:28px;color:var(--picker-color);border-radius:9px;flex:none;place-items:center;font-weight:500;display:grid}.arc-ratio-2ntt5u{font-variant-numeric:tabular-nums;min-width:4.4ch;font-weight:500}.arc-against-c2m096{min-width:0;color:var(--text-secondary);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.arc-grade-2geurq{border-radius:var(--radius-pill);height:22px;font-size:var(--text-xs);white-space:nowrap;transition:background-color var(--duration-standard) var(--ease-standard), color var(--duration-standard) var(--ease-standard);align-items:center;padding:0 8px;font-weight:500;display:inline-grid;position:relative}.arc-grade-2geurq[data-grade=pass]{background:color-mix(in oklab, var(--success) 14%, transparent);color:var(--success)}.arc-grade-2geurq[data-grade=large]{background:color-mix(in oklab, var(--warning) 16%, transparent);color:var(--warning)}.arc-grade-2geurq[data-grade=fail]{background:color-mix(in oklab, var(--danger) 12%, transparent);color:var(--danger)}.arc-swatches-hyompx{align-items:center;gap:6px;min-height:32px;display:flex}.arc-add-wwq2jw{border:1px dashed var(--border-strong);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;transition:color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.arc-add-wwq2jw:active{transform:scale(.92)}.arc-swatchList-nmehs9{flex:1;gap:6px;min-width:0;display:flex}.arc-swatchSlot-nmjyb3{touch-action:pan-y;flex:none;position:relative}.arc-swatch-xdufd9{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;display:grid}.arc-swatchChip-nm7j4h{width:26px;height:26px;transition:scale var(--duration-spring) var(--ease-spring)}.arc-swatch-xdufd9[data-current]{box-shadow:inset 0 0 0 2px var(--foreground)}.arc-swatch-xdufd9[data-current] .arc-swatchChip-nm7j4h{scale:.78}.arc-srOnly-x9xc4q{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (hover:hover) and (pointer:fine){.arc-trigger-yz2d2v:hover{border-color:var(--border-strong)}.arc-iconButton-rh2cyw:hover,.arc-format-otnij0:hover{background:var(--surface-muted);color:var(--foreground)}.arc-format-otnij0:hover{background:color-mix(in oklab, var(--foreground) 5%, transparent)}.arc-add-wwq2jw:hover{border-color:var(--foreground);color:var(--foreground)}}@media (max-width:360px){.arc-against-c2m096{display:none}}@media (prefers-contrast:more){.arc-trigger-yz2d2v,.arc-panel-2metw3,.arc-field-2filpj{border-color:var(--border-strong)}}@media (prefers-reduced-motion:reduce){.arc-areaThumb-kp2mos,.arc-sliderThumb-q9k3vq,.arc-swatchChip-nm7j4h,.arc-iconButton-rh2cyw,.arc-add-wwq2jw{transition:none}}