.a6y8xG_value{justify-self:start;min-inline-size:0;max-inline-size:100%;display:inline-grid}.a6y8xG_button{border-radius:var(--radius-m);background:color-mix(in oklch, var(--ink) 6%, transparent);min-block-size:1.5rem;color:var(--ink-muted);font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:var(--text-caption);font-variant-numeric:tabular-nums;text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;align-items:center;padding:.125rem .375rem;line-height:1.5;display:inline-grid}.a6y8xG_text,.a6y8xG_flag{grid-area:1/1}.a6y8xG_format{display:none}:root:not([data-colour-format]) .a6y8xG_format[data-format=hex],:root[data-colour-format=hex] .a6y8xG_format[data-format=hex],:root[data-colour-format=hsl] .a6y8xG_format[data-format=hsl],:root[data-colour-format=cmyk] .a6y8xG_format[data-format=cmyk],:root[data-colour-format=oklch] .a6y8xG_format[data-format=oklch]{display:inline}.a6y8xG_flag{color:var(--ink);font-family:var(--font-ui);white-space:nowrap;opacity:0;align-items:center;gap:.25em;font-weight:500;display:inline-flex}.a6y8xG_flag svg{flex:none;block-size:1.125em;inline-size:1.125em}.a6y8xG_button[data-state] .a6y8xG_text{opacity:0}.a6y8xG_button[data-state] .a6y8xG_flag{opacity:1}.a6y8xG_text,.a6y8xG_flag{transition:opacity .2s var(--ease-enter)}@media (prefers-reduced-motion:no-preference){.a6y8xG_text,.a6y8xG_flag{transition-property:opacity,filter}.a6y8xG_button:not([data-state]) .a6y8xG_flag,.a6y8xG_button[data-state] .a6y8xG_text{filter:blur(2px)}.a6y8xG_button{transition:scale var(--duration-press) ease-out}.a6y8xG_button:active{scale:.96}}@media (hover:hover) and (pointer:fine){.a6y8xG_button:hover{background:color-mix(in oklch, var(--ink) 11%, transparent);color:var(--ink)}}
.W2unNG_track{border:1px solid var(--control-edge);border-radius:calc(var(--control-height) / 2);flex-wrap:wrap;align-items:center;gap:.125rem;max-inline-size:100%;padding:.1875rem;display:inline-flex}.W2unNG_option{display:inline-flex;position:relative}.W2unNG_radio{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.W2unNG_segment{justify-content:center;align-items:center;gap:var(--space-2);min-block-size:var(--control-segment);padding-inline:var(--control-padding);color:var(--ink-muted);font:inherit;font-size:var(--text-ui);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:999px;font-weight:400;display:inline-flex}.W2unNG_radio+.W2unNG_segment{pointer-events:none}.W2unNG_segment svg{flex:none;block-size:1.25em;inline-size:1.25em}.W2unNG_radio:checked+.W2unNG_segment,.W2unNG_segment[aria-selected=true]{background:var(--ink);color:var(--page);font-weight:550}.W2unNG_radio:focus-visible+.W2unNG_segment{outline:2px solid var(--focus);outline-offset:2px}@media (hover:hover) and (pointer:fine){.W2unNG_radio:not(:checked):hover+.W2unNG_segment,.W2unNG_segment[aria-selected=false]:hover{background:color-mix(in oklch, var(--ink) 7%, transparent);color:var(--ink)}}@media (prefers-reduced-motion:no-preference){.W2unNG_segment{transition:scale var(--duration-press) ease-out}.W2unNG_option:active .W2unNG_segment,.W2unNG_segment:active{scale:.96}}@media (forced-colors:active){.W2unNG_radio:checked+.W2unNG_segment,.W2unNG_segment[aria-selected=true]{color:selecteditemtext;background:selecteditem}}
.uqYOxq_root{gap:var(--space-3);min-inline-size:0;display:grid}.uqYOxq_bar{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.uqYOxq_tabs{justify-self:start}.uqYOxq_panel{gap:var(--space-3);min-inline-size:0;display:grid}.uqYOxq_message:not([data-failed]){clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.uqYOxq_message[data-failed]{font-size:var(--text-ui);color:var(--ink)}.uqYOxq_actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.uqYOxq_action{align-items:center;gap:var(--space-2);min-block-size:var(--control-height);inline-size:var(--control-height);border:1px solid var(--control-edge);background:var(--panel);color:var(--ink);font:inherit;font-size:var(--text-ui);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;padding:0;font-weight:500;display:inline-flex;position:relative}.uqYOxq_action>svg,.uqYOxq_iconStack svg{flex:none;block-size:1.25rem;inline-size:1.25rem}@media (hover:hover) and (pointer:fine){.uqYOxq_action:hover{background:color-mix(in oklch, var(--ink) 6%, var(--panel))}}.uqYOxq_iconStack{display:inline-grid}.uqYOxq_labelStack{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.uqYOxq_iconStack>*,.uqYOxq_labelStack>*{grid-area:1/1}.uqYOxq_labelStack>*{justify-self:start}.uqYOxq_done,.uqYOxq_action[data-done] .uqYOxq_idle{opacity:0}.uqYOxq_action[data-done] .uqYOxq_done{opacity:1}.uqYOxq_idle,.uqYOxq_done{transition:opacity .3s var(--ease-enter)}@media (prefers-reduced-motion:no-preference){.uqYOxq_iconStack>*{transition-property:opacity,scale,filter}.uqYOxq_iconStack>.uqYOxq_done,.uqYOxq_action[data-done] .uqYOxq_iconStack>.uqYOxq_idle{filter:blur(4px);scale:.25}.uqYOxq_action[data-done] .uqYOxq_iconStack>.uqYOxq_done{filter:blur();scale:1}.uqYOxq_action{transition:scale var(--duration-press) ease-out}.uqYOxq_action:active{scale:.96}}.uqYOxq_code{max-block-size:14rem;padding:var(--inset);border-radius:var(--radius-m);background:var(--code-ground,var(--panel));color:var(--ink);font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:var(--text-caption);tab-size:2;margin:0;line-height:1.6;overflow:auto}