.color-picker_root__7SGUN{--picker-fill:var(--surface);--picker-width:min(19rem,calc(100vw - 32px));--checker:repeating-conic-gradient(oklch(88% 0 0) 0 25%,oklch(100% 0 0) 0 50%) 0 0 /10px 10px;position:relative;display:inline-block;font-family:var(--font-body);letter-spacing:var(--tracking-body);color:var(--foreground)}:root[data-theme=dark] .color-picker_root__7SGUN{--picker-fill:var(--surface-raised);--checker:repeating-conic-gradient(oklch(42% 0 0) 0 25%,oklch(30% 0 0) 0 50%) 0 0 /10px 10px}.color-picker_head__dg5PB,.color-picker_trigger__zc4SU{display:flex;height:44px;align-items:center;gap:10px;padding:6px 16px 6px 6px}.color-picker_trigger__zc4SU{border:1px solid var(--border);border-radius:22px;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)}.color-picker_triggerText__UuCT9{display:grid;min-width:0;text-align:start;line-height:1.15}.color-picker_name__7xEKp{color:var(--text-secondary);font-size:var(--text-xs)}.color-picker_hex__qBa_a{font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:500}.color-picker_chip__UJgNo{position:relative;display:block;width:32px;height:32px;flex:none;overflow:hidden;border-radius:50%;background:var(--checker)}.color-picker_chip__UJgNo>span{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px oklch(0 0 0/.1)}.color-picker_float__qADgd{position:absolute;z-index:20;top:-1px;left:-1px;filter:drop-shadow(0 18px 36px oklch(0 0 0/.12)) drop-shadow(0 2px 6px oklch(0 0 0/.06));pointer-events:none}:root[data-theme=dark] .color-picker_float__qADgd{filter:drop-shadow(0 20px 44px oklch(0 0 0/.5))}.color-picker_float__qADgd[data-open]{pointer-events:auto}.color-picker_panel__2fwSU{width:var(--picker-width);padding-bottom:14px;border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--picker-fill);will-change:clip-path}.color-picker_head__dg5PB{gap:10px;padding-right:6px}.color-picker_head__dg5PB .color-picker_triggerText__UuCT9{flex:1}.color-picker_headActions__1sjTK{display:flex;gap:2px}.color-picker_iconButton__peycu{display:grid;width:32px;height:32px;place-items:center;padding:0;border:0;border-radius:12px;background:transparent;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)}.color-picker_iconButton__peycu:active{transform:scale(.94)}.color-picker_body__FNCom{display:grid;gap:14px;padding:8px 14px 0}.color-picker_area___9S8J{position:relative;height:164px;border-radius:16px;cursor:crosshair;touch-action:none;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent),var(--picker-hue);box-shadow:inset 0 0 0 1px oklch(0 0 0/.08)}.color-picker_areaThumb__K5BkU,.color-picker_sliderThumb__12vc1{position:absolute;width:22px;height:22px;border-radius:50%;translate:-50% -50%;cursor:grab;box-shadow:0 0 0 3px #fff,0 2px 8px oklch(0 0 0/.3),inset 0 0 0 1px oklch(0 0 0/.12);transition:scale var(--duration-spring) var(--ease-spring)}.color-picker_areaThumb__K5BkU{background:var(--picker-opaque)}.color-picker_area___9S8J[data-active] .color-picker_areaThumb__K5BkU,.color-picker_sliderThumb__12vc1[data-active]{scale:1.2;cursor:grabbing}.color-picker_slider__aMjDV{position:relative;height:14px;margin:0 11px;border-radius:var(--radius-pill);cursor:pointer;touch-action:none}.color-picker_slider__aMjDV:before{content:"";position:absolute;inset:0 -11px;border-radius:inherit;background:var(--track);box-shadow:inset 0 0 0 1px oklch(0 0 0/.08)}.color-picker_sliderThumb__12vc1{top:50%;background:var(--checker)}.color-picker_sliderThumb__12vc1:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--thumb-fill)}.color-picker_hue__Aejp8{--track:linear-gradient(90deg,#f00 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),#f00 calc(100% - 11px))}.color-picker_alpha__Y5IWR{--track:linear-gradient(to right,transparent 11px,var(--picker-opaque) calc(100% - 11px)),var(--checker)}.color-picker_field__t9WgJ{display:flex;height:40px;align-items:stretch;overflow:hidden;margin-top:2px;border:1px solid var(--border);border-radius:14px;background:var(--surface-muted);transition:border-color var(--duration-fast) var(--ease-standard)}.color-picker_field__t9WgJ[data-invalid]{border-color:var(--danger)}.color-picker_format__IfXXA{display:flex;min-width:64px;align-items:center;justify-content:center;padding:0 10px;border:0;border-right:1px solid var(--border);background:transparent;color:var(--foreground);font:inherit;font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard)}.color-picker_inputWrap__eeLlR{position:relative;display:flex;min-width:0;flex:1}.color-picker_input___GUAm,.color-picker_morph__NU2b5{padding:0 12px;font:inherit;font-size:13px;font-variant-numeric:tabular-nums}.color-picker_input___GUAm{width:100%;min-width:0;border:0;background:transparent;color:var(--foreground);caret-color:var(--foreground)}.color-picker_input___GUAm[data-morphing]{color:transparent}.color-picker_morph__NU2b5{position:absolute;inset:0;display:flex;align-items:center;overflow:hidden;color:var(--foreground);pointer-events:none;white-space:nowrap}.color-picker_error__aoqCk{min-height:0;margin:-10px 2px -4px;color:var(--danger);font-size:var(--text-xs)}.color-picker_error__aoqCk:empty{display:none}.color-picker_contrast__CzyGI{display:flex;align-items:center;gap:10px;font-size:var(--text-sm)}.color-picker_sample__X_Gdq{display:grid;width:36px;height:28px;flex:none;place-items:center;border:1px solid var(--border);border-radius:9px;background:var(--picker-bg);color:var(--picker-color);font-weight:500}.color-picker_ratio__HkZUC{font-variant-numeric:tabular-nums;font-weight:500;min-width:4.4ch}.color-picker_against__rBOpz{flex:1;min-width:0;overflow:hidden;color:var(--text-secondary);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap}.color-picker_grade__WI8Wr{position:relative;display:inline-grid;height:22px;align-items:center;padding:0 8px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:500;white-space:nowrap;transition:background-color var(--duration-standard) var(--ease-standard),color var(--duration-standard) var(--ease-standard)}.color-picker_grade__WI8Wr[data-grade=pass]{background:color-mix(in oklch,var(--success) 14%,transparent);color:var(--success)}.color-picker_grade__WI8Wr[data-grade=large]{background:color-mix(in oklch,var(--warning) 16%,transparent);color:var(--warning)}.color-picker_grade__WI8Wr[data-grade=fail]{background:color-mix(in oklch,var(--danger) 12%,transparent);color:var(--danger)}.color-picker_swatches__EDwFO{display:flex;align-items:center;gap:6px;min-height:32px}.color-picker_add__J5YR8{display:grid;width:30px;height:30px;flex:none;place-items:center;padding:0;border:1px dashed var(--border-strong);border-radius:50%;background:transparent;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)}.color-picker_add__J5YR8:active{transform:scale(.92)}.color-picker_swatchList__1XUj1{display:flex;min-width:0;flex:1;gap:6px}.color-picker_swatchSlot__FgtaC{position:relative;flex:none;touch-action:pan-y}.color-picker_swatch__F5AJE{display:grid;width:30px;height:30px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.color-picker_swatchChip__wHbGl{width:26px;height:26px;transition:scale var(--duration-spring) var(--ease-spring)}.color-picker_swatch__F5AJE[data-current]{box-shadow:inset 0 0 0 2px var(--foreground)}.color-picker_swatch__F5AJE[data-current] .color-picker_swatchChip__wHbGl{scale:.78}.color-picker_srOnly__Wagbo{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (hover:hover) and (pointer:fine){.color-picker_trigger__zc4SU:hover{border-color:var(--border-strong)}.color-picker_format__IfXXA:hover,.color-picker_iconButton__peycu:hover{background:var(--surface-muted);color:var(--foreground)}.color-picker_format__IfXXA:hover{background:color-mix(in oklch,var(--foreground) 5%,transparent)}.color-picker_add__J5YR8:hover{border-color:var(--foreground);color:var(--foreground)}}@media (max-width:360px){.color-picker_against__rBOpz{display:none}}@media (prefers-contrast:more){.color-picker_field__t9WgJ,.color-picker_panel__2fwSU,.color-picker_trigger__zc4SU{border-color:var(--border-strong)}}@media (prefers-reduced-motion:reduce){.color-picker_add__J5YR8,.color-picker_areaThumb__K5BkU,.color-picker_iconButton__peycu,.color-picker_sliderThumb__12vc1,.color-picker_swatchChip__wHbGl{transition:none}}.color-picker_demo__nr_DR{display:grid;width:100%;min-height:460px;place-items:start center;padding-top:8px}.color-picker_anchor__qg_Jn{display:flex;width:min(19rem,calc(100vw - 32px));max-width:100%}