.CJ9ADa_frame.CJ9ADa_frame,.CJ9ADa_frame{box-sizing:content-box;text-align:start;white-space:nowrap;margin:-.5em -.5em -.5em -.2em;padding:.5em .5em .5em .2em;display:inline-block;position:relative;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - .5em),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - .5em),#0000)}.CJ9ADa_track{white-space:nowrap;display:inline-block;position:relative}.CJ9ADa_glyph{white-space:pre;transform-origin:50% 60%;display:inline-block}.CJ9ADa_srOnly{clip-path:inset(50%);white-space:nowrap;-webkit-user-select:none;user-select:none;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.oh3hXG_root{--picker-fill:var(--arc-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;font-family:var(--arc-font-body);letter-spacing:var(--arc-tracking-body);color:var(--arc-foreground);display:inline-block;position:relative}:root[data-theme=dark] .oh3hXG_root{--picker-fill:var(--arc-surface-raised);--checker:repeating-conic-gradient(oklch(42% 0 0) 0 25%, oklch(30% 0 0) 0 50%) 0 0 / 10px 10px}.oh3hXG_trigger,.oh3hXG_head{align-items:center;gap:10px;height:44px;padding:6px 16px 6px 6px;display:flex}.oh3hXG_trigger{border:1px solid var(--arc-border);background:var(--picker-fill);box-shadow:var(--arc-shadow-resting);color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color var(--arc-duration-fast) var(--arc-ease-standard);border-radius:22px}.oh3hXG_triggerText{text-align:start;min-width:0;line-height:1.15;display:grid}.oh3hXG_name{color:var(--arc-text-secondary);font-size:var(--arc-text-xs)}.oh3hXG_hex{font-size:var(--arc-text-sm);font-variant-numeric:tabular-nums;font-weight:500}.oh3hXG_chip{background:var(--checker);border-radius:50%;flex:none;width:32px;height:32px;display:block;position:relative;overflow:hidden}.oh3hXG_chip>span{border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px oklch(0% 0 0/.1)}.oh3hXG_float{z-index:20;filter:drop-shadow(0 18px 36px oklch(0% 0 0/.12))drop-shadow(0 2px 6px oklch(0% 0 0/.06));pointer-events:none;position:absolute;top:-1px;left:-1px}:root[data-theme=dark] .oh3hXG_float{filter:drop-shadow(0 20px 44px oklch(0% 0 0/.5))}.oh3hXG_float[data-open]{pointer-events:auto}.oh3hXG_panel{width:var(--picker-width);border:1px solid var(--arc-border);border-radius:var(--arc-radius-panel);background:var(--picker-fill);will-change:clip-path;padding-bottom:14px}.oh3hXG_head{gap:10px;padding-right:6px}.oh3hXG_head .oh3hXG_triggerText{flex:1}.oh3hXG_headActions{gap:2px;display:flex}.oh3hXG_iconButton{width:32px;height:32px;color:var(--arc-text-secondary);cursor:pointer;transition:background-color var(--arc-duration-fast) var(--arc-ease-standard), color var(--arc-duration-fast) var(--arc-ease-standard), transform var(--arc-duration-fast) var(--arc-ease-standard);background:0 0;border:0;border-radius:12px;place-items:center;padding:0;display:grid}.oh3hXG_iconButton:active{transform:scale(.94)}.oh3hXG_body{grid-template-columns:minmax(0,1fr);gap:14px;padding:8px 14px 0;display:grid}.oh3hXG_area{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 oklch(0% 0 0/.08)}.oh3hXG_areaThumb,.oh3hXG_sliderThumb{cursor:grab;width:22px;height:22px;transition:scale var(--arc-duration-spring) var(--arc-ease-spring);border-radius:50%;position:absolute;translate:-50% -50%;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)}.oh3hXG_areaThumb{background:var(--picker-opaque)}.oh3hXG_area[data-active] .oh3hXG_areaThumb,.oh3hXG_sliderThumb[data-active]{cursor:grabbing;scale:1.2}.oh3hXG_slider{border-radius:var(--arc-radius-pill);cursor:pointer;touch-action:none;height:14px;margin:0 11px;position:relative}.oh3hXG_slider:before{content:"";border-radius:inherit;background:var(--track);position:absolute;inset:0 -11px;box-shadow:inset 0 0 0 1px oklch(0% 0 0/.08)}.oh3hXG_sliderThumb{background:var(--checker);top:50%}.oh3hXG_sliderThumb:after{content:"";border-radius:inherit;background:var(--thumb-fill);position:absolute;inset:0}.oh3hXG_hue{--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))}.oh3hXG_alpha{--track:linear-gradient(to right, transparent 11px, var(--picker-opaque) calc(100% - 11px)), var(--checker)}.oh3hXG_field{border:1px solid var(--arc-border);background:var(--arc-surface-muted);height:40px;transition:border-color var(--arc-duration-fast) var(--arc-ease-standard);border-radius:14px;align-items:stretch;margin-top:2px;display:flex;overflow:hidden}.oh3hXG_field[data-invalid]{border-color:var(--arc-danger)}.oh3hXG_format{border:0;border-right:1px solid var(--arc-border);min-width:56px;color:var(--arc-foreground);font:inherit;font-size:var(--arc-text-xs);cursor:pointer;transition:background-color var(--arc-duration-fast) var(--arc-ease-standard);background:0 0;justify-content:center;align-items:center;padding:0 10px;font-weight:500;display:flex}.oh3hXG_inputWrap{flex:1;min-width:0;display:flex;position:relative}.oh3hXG_input,.oh3hXG_morph{font:inherit;font-size:var(--arc-text-xs);font-variant-numeric:tabular-nums;padding:0 10px}.oh3hXG_input{width:100%;min-width:0;color:var(--arc-foreground);caret-color:var(--arc-foreground);background:0 0;border:0}.oh3hXG_input[data-morphing]{color:#0000}.oh3hXG_morph{color:var(--arc-foreground);pointer-events:none;white-space:nowrap;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.oh3hXG_error{min-height:0;color:var(--arc-danger);font-size:var(--arc-text-xs);margin:-10px 2px -4px}.oh3hXG_error:empty{display:none}.oh3hXG_contrast{font-size:var(--arc-text-sm);align-items:center;gap:10px;display:flex}.oh3hXG_sample{border:1px solid var(--arc-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}.oh3hXG_ratio{font-variant-numeric:tabular-nums;min-width:4.4ch;font-weight:500}.oh3hXG_against{min-width:0;color:var(--arc-text-secondary);font-size:var(--arc-text-xs);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.oh3hXG_grade{border-radius:var(--arc-radius-pill);height:22px;font-size:var(--arc-text-xs);white-space:nowrap;transition:background-color var(--arc-duration-standard) var(--arc-ease-standard), color var(--arc-duration-standard) var(--arc-ease-standard);align-items:center;padding:0 8px;font-weight:500;display:inline-grid;position:relative}.oh3hXG_grade[data-grade=pass]{background:color-mix(in oklab, var(--arc-success) 14%, transparent);color:var(--arc-success)}.oh3hXG_grade[data-grade=large]{background:color-mix(in oklab, var(--arc-warning) 16%, transparent);color:var(--arc-warning)}.oh3hXG_grade[data-grade=fail]{background:color-mix(in oklab, var(--arc-danger) 12%, transparent);color:var(--arc-danger)}.oh3hXG_swatches{align-items:center;gap:6px;min-height:32px;display:flex}.oh3hXG_add{border:1px dashed var(--arc-border-strong);width:30px;height:30px;color:var(--arc-text-secondary);cursor:pointer;transition:color var(--arc-duration-fast) var(--arc-ease-standard), border-color var(--arc-duration-fast) var(--arc-ease-standard), transform var(--arc-duration-fast) var(--arc-ease-standard);background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.oh3hXG_add:active{transform:scale(.92)}.oh3hXG_swatchList{flex:1;gap:6px;min-width:0;display:flex}.oh3hXG_swatchSlot{touch-action:pan-y;flex:none;position:relative}.oh3hXG_swatch{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;display:grid}.oh3hXG_swatchChip{width:26px;height:26px;transition:scale var(--arc-duration-spring) var(--arc-ease-spring)}.oh3hXG_swatch[data-current]{box-shadow:inset 0 0 0 2px var(--arc-foreground)}.oh3hXG_swatch[data-current] .oh3hXG_swatchChip{scale:.78}.oh3hXG_srOnly{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (hover:hover) and (pointer:fine){.oh3hXG_trigger:hover{border-color:var(--arc-border-strong)}.oh3hXG_iconButton:hover,.oh3hXG_format:hover{background:var(--arc-surface-muted);color:var(--arc-foreground)}.oh3hXG_format:hover{background:color-mix(in oklab, var(--arc-foreground) 5%, transparent)}.oh3hXG_add:hover{border-color:var(--arc-foreground);color:var(--arc-foreground)}}@media (width<=360px){.oh3hXG_against{display:none}}@media (prefers-contrast:more){.oh3hXG_trigger,.oh3hXG_panel,.oh3hXG_field{border-color:var(--arc-border-strong)}}@media (prefers-reduced-motion:reduce){.oh3hXG_areaThumb,.oh3hXG_sliderThumb,.oh3hXG_swatchChip,.oh3hXG_iconButton,.oh3hXG_add{transition:none}}