.Pb_VqG_frame.Pb_VqG_frame,.Pb_VqG_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)}.Pb_VqG_track{white-space:nowrap;display:inline-block;position:relative}.Pb_VqG_glyph{white-space:pre;transform-origin:50% 60%;display:inline-block}.Pb_VqG_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}
.m1FWUq_root{--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)){.m1FWUq_root{--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] .m1FWUq_root{--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] .m1FWUq_root{--checker:repeating-conic-gradient(lab(32.72% -.0000149012 0) 0 25%, lab(18.8% 0 0) 0 50%) 0 0 / 10px 10px}}.m1FWUq_trigger,.m1FWUq_head{align-items:center;gap:10px;height:44px;padding:6px 16px 6px 6px;display:flex}.m1FWUq_trigger{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}.m1FWUq_triggerText{text-align:start;min-width:0;line-height:1.15;display:grid}.m1FWUq_name{color:var(--text-secondary);font-size:var(--text-xs)}.m1FWUq_hex{font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:500}.m1FWUq_chip{background:var(--checker);border-radius:50%;flex:none;width:32px;height:32px;display:block;position:relative;overflow:hidden}.m1FWUq_chip>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)}.m1FWUq_float{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] .m1FWUq_float{filter:drop-shadow(0 20px 44px #00000080);filter:drop-shadow(0 20px 44px lab(0% 0 0/.5))}.m1FWUq_float[data-open]{pointer-events:auto}.m1FWUq_panel{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}.m1FWUq_head{gap:10px;padding-right:6px}.m1FWUq_head .m1FWUq_triggerText{flex:1}.m1FWUq_headActions{gap:2px;display:flex}.m1FWUq_iconButton{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}.m1FWUq_iconButton:active{transform:scale(.94)}.m1FWUq_body{grid-template-columns:minmax(0,1fr);gap:14px;padding:8px 14px 0;display:grid}.m1FWUq_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 #00000014;box-shadow:inset 0 0 0 1px lab(0% 0 0/.08)}.m1FWUq_areaThumb,.m1FWUq_sliderThumb{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)}.m1FWUq_areaThumb{background:var(--picker-opaque)}.m1FWUq_area[data-active] .m1FWUq_areaThumb,.m1FWUq_sliderThumb[data-active]{cursor:grabbing;scale:1.2}.m1FWUq_slider{border-radius:var(--radius-pill);cursor:pointer;touch-action:none;height:14px;margin:0 11px;position:relative}.m1FWUq_slider: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)}.m1FWUq_sliderThumb{background:var(--checker);top:50%}.m1FWUq_sliderThumb:after{content:"";border-radius:inherit;background:var(--thumb-fill);position:absolute;inset:0}.m1FWUq_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))}.m1FWUq_alpha{--track:linear-gradient(to right, transparent 11px, var(--picker-opaque) calc(100% - 11px)), var(--checker)}.m1FWUq_field{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}.m1FWUq_field[data-invalid]{border-color:var(--danger)}.m1FWUq_format{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}.m1FWUq_inputWrap{flex:1;min-width:0;display:flex;position:relative}.m1FWUq_input,.m1FWUq_morph{font:inherit;font-size:var(--text-xs);font-variant-numeric:tabular-nums;padding:0 10px}.m1FWUq_input{width:100%;min-width:0;color:var(--foreground);caret-color:var(--foreground);background:0 0;border:0}.m1FWUq_input[data-morphing]{color:#0000}.m1FWUq_morph{color:var(--foreground);pointer-events:none;white-space:nowrap;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.m1FWUq_error{min-height:0;color:var(--danger);font-size:var(--text-xs);margin:-10px 2px -4px}.m1FWUq_error:empty{display:none}.m1FWUq_contrast{font-size:var(--text-sm);align-items:center;gap:10px;display:flex}.m1FWUq_sample{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}.m1FWUq_ratio{font-variant-numeric:tabular-nums;min-width:4.4ch;font-weight:500}.m1FWUq_against{min-width:0;color:var(--text-secondary);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.m1FWUq_grade{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}.m1FWUq_grade[data-grade=pass]{background:color-mix(in oklab, var(--success) 14%, transparent);color:var(--success)}.m1FWUq_grade[data-grade=large]{background:color-mix(in oklab, var(--warning) 16%, transparent);color:var(--warning)}.m1FWUq_grade[data-grade=fail]{background:color-mix(in oklab, var(--danger) 12%, transparent);color:var(--danger)}.m1FWUq_swatches{align-items:center;gap:6px;min-height:32px;display:flex}.m1FWUq_add{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}.m1FWUq_add:active{transform:scale(.92)}.m1FWUq_swatchList{flex:1;gap:6px;min-width:0;display:flex}.m1FWUq_swatchSlot{touch-action:pan-y;flex:none;position:relative}.m1FWUq_swatch{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;display:grid}.m1FWUq_swatchChip{width:26px;height:26px;transition:scale var(--duration-spring) var(--ease-spring)}.m1FWUq_swatch[data-current]{box-shadow:inset 0 0 0 2px var(--foreground)}.m1FWUq_swatch[data-current] .m1FWUq_swatchChip{scale:.78}.m1FWUq_srOnly{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (hover:hover) and (pointer:fine){.m1FWUq_trigger:hover{border-color:var(--border-strong)}.m1FWUq_iconButton:hover,.m1FWUq_format:hover{background:var(--surface-muted);color:var(--foreground)}.m1FWUq_format:hover{background:color-mix(in oklab, var(--foreground) 5%, transparent)}.m1FWUq_add:hover{border-color:var(--foreground);color:var(--foreground)}}@media (max-width:360px){.m1FWUq_against{display:none}}@media (prefers-contrast:more){.m1FWUq_trigger,.m1FWUq_panel,.m1FWUq_field{border-color:var(--border-strong)}}@media (prefers-reduced-motion:reduce){.m1FWUq_areaThumb,.m1FWUq_sliderThumb,.m1FWUq_swatchChip,.m1FWUq_iconButton,.m1FWUq_add{transition:none}}
.DiV5yq_root{--elastic-thumb:24px;--elastic-track:8px;gap:var(--space-2);width:100%;min-width:0;color:var(--foreground);font-size:var(--text-sm);line-height:var(--leading-body);letter-spacing:var(--tracking-body);-webkit-user-select:none;user-select:none;display:grid}.DiV5yq_header{justify-content:space-between;align-items:baseline;gap:var(--space-4);min-width:0;display:flex}.DiV5yq_label{min-width:0;font-weight:500}.DiV5yq_readout{color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;transition:opacity var(--duration-fast) var(--ease-standard);flex:none}.DiV5yq_root[data-tag] .DiV5yq_readout{opacity:0}.DiV5yq_body{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.DiV5yq_start,.DiV5yq_end{color:var(--text-muted);will-change:transform;display:flex}.DiV5yq_start{margin-right:var(--space-3);grid-area:1/1}.DiV5yq_end{margin-left:var(--space-3);grid-area:1/3}.DiV5yq_control{height:var(--control-height-md);cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent;grid-area:1/2;position:relative}.DiV5yq_rail{top:50%;right:calc(var(--elastic-thumb) / 2);left:calc(var(--elastic-thumb) / 2);height:var(--elastic-track);margin-top:calc(var(--elastic-track) / -2);position:absolute}.DiV5yq_track{border-radius:var(--radius-pill);background:var(--control-track);will-change:transform;position:absolute;inset:0}.DiV5yq_fill{border-radius:inherit;background:var(--control-fill);position:absolute;inset:0}.DiV5yq_tick{border-radius:var(--radius-pill);background:color-mix(in oklab, var(--foreground) 32%, transparent);pointer-events:none;width:4px;height:4px;transition:background-color var(--duration-fast) var(--ease-standard);margin:-2px 0 0 -2px;position:absolute;top:50%}.DiV5yq_tick[data-on]{background:color-mix(in oklab, var(--control-glyph) 60%, transparent)}.DiV5yq_thumbs{inset:0 calc(var(--elastic-thumb) / 2);pointer-events:none;position:absolute;container-type:inline-size}.DiV5yq_layer,.DiV5yq_shift{position:absolute;inset:0}.DiV5yq_thumb{box-sizing:border-box;width:var(--elastic-thumb);height:var(--elastic-thumb);border-radius:var(--radius-pill);background:var(--control-thumb);box-shadow:var(--control-thumb-shadow);pointer-events:auto;cursor:grab;transition:box-shadow var(--duration-fast) var(--ease-standard);border:0;outline:none;position:absolute;top:50%;right:0;translate:50% -50%}.DiV5yq_thumb:after{content:"";border-radius:inherit;position:absolute;inset:-12px}.DiV5yq_root[data-dragging],.DiV5yq_root[data-dragging] .DiV5yq_control,.DiV5yq_root[data-dragging] .DiV5yq_thumb{cursor:grabbing}.DiV5yq_bubbleAnchor{--edge:calc(var(--elastic-thumb) / 2);--x:calc(var(--at,0) * 1cqw);right:0;bottom:calc(50% + var(--elastic-thumb) / 2 + 10px);translate:clamp(calc(100% - var(--edge) - var(--x)), 50%, calc(100cqw + var(--edge) - var(--x))) 0;pointer-events:none;display:flex;position:absolute}@media (pointer:coarse){.DiV5yq_bubbleAnchor{bottom:calc(50% + var(--elastic-thumb) / 2 + 20px)}}.DiV5yq_bubble{min-height:1.75rem;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--foreground);color:var(--background);box-shadow:var(--shadow-raised);font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap;transform-origin:50% 130%;align-items:center;font-weight:500;display:inline-flex}.DiV5yq_marks{height:1.25rem;margin:0 calc(var(--elastic-thumb) / 2);color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;grid-area:2/2;position:relative}.DiV5yq_markLabel{white-space:nowrap;cursor:pointer;transition:color var(--duration-fast) var(--ease-standard);position:absolute;top:0;translate:-50%}.DiV5yq_markLabel[data-edge=start]{translate:max(-50%, calc(var(--elastic-thumb) / -2)) 0}.DiV5yq_markLabel[data-edge=end]{translate:min(-50%, calc(-100% + var(--elastic-thumb) / 2)) 0}.DiV5yq_markLabel[data-on]{color:var(--foreground)}@media (hover:hover) and (pointer:fine){.DiV5yq_markLabel:hover{color:var(--foreground)}}.DiV5yq_root[data-disabled]{opacity:.5}.DiV5yq_root[data-disabled] .DiV5yq_control,.DiV5yq_root[data-disabled] .DiV5yq_thumb,.DiV5yq_root[data-disabled] .DiV5yq_markLabel{cursor:not-allowed}@media (prefers-reduced-motion:reduce){.DiV5yq_thumb,.DiV5yq_tick,.DiV5yq_markLabel{transition:none}}