.demo.svelte-urq7uh{--n0:#1a5e7a;--n1:#9a5b1f;--n2:#6b3fa0;--n3:#1d7a4a;--n4:#b02f2f;margin:var(--space-6,2rem) 0;padding:var(--space-4,1rem);border:1px solid var(--rule,#dedcd5);background:var(--bg-sunken,#f2f1ed);font-family:var(--font-mono,ui-monospace, monospace);font-size:var(--step--1,.8125rem);color:var(--fg,#1a1a18);line-height:1.5}@media (prefers-color-scheme:dark){.demo.svelte-urq7uh{--n0:#8ec2d6;--n1:#e0b268;--n2:#c3a2ea;--n3:#6fc79a;--n4:#ef8f8f}}.stage.svelte-urq7uh{max-width:20rem;margin:0 auto var(--space-4,1rem)}svg.svelte-urq7uh{width:100%;height:auto;display:block}.key.svelte-urq7uh polygon:where(.svelte-urq7uh),.key.svelte-urq7uh circle:where(.svelte-urq7uh){transition:fill .25s}text.svelte-urq7uh{font-family:var(--font-mono,ui-monospace, monospace);fill:var(--fg-muted,#5c5b56)}.axis.svelte-urq7uh{fill:var(--fg-faint,#83817a);font-size:9px}.center.svelte-urq7uh{fill:var(--fg,#1a1a18);font-size:12px}.center.dim.svelte-urq7uh{fill:var(--fg-faint,#83817a);font-size:10px}.controls.svelte-urq7uh{gap:var(--space-3,.75rem);display:grid}fieldset.svelte-urq7uh{border:0;min-width:0;margin:0;padding:0}legend.svelte-urq7uh,legend.svelte-urq7uh label:where(.svelte-urq7uh){font-size:var(--step--2,.75rem);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-faint,#83817a);padding:0}.row.svelte-urq7uh{align-items:center;gap:var(--space-2,.5rem);margin-top:var(--space-2,.5rem);flex-wrap:wrap;display:flex}.pill.svelte-urq7uh{font:inherit;color:var(--fg-muted,#5c5b56);background:var(--bg,#fcfcfa);border:1px solid var(--rule-strong,#c6c3b9);cursor:pointer;border-radius:3px;align-items:center;gap:.4em;padding:.25em .7em;display:inline-flex}.pill.svelte-urq7uh:hover:not(:disabled){color:var(--fg,#1a1a18);border-color:var(--accent,#1a5e7a)}.pill.svelte-urq7uh:disabled{opacity:.55;cursor:not-allowed}.pill[aria-pressed=true].svelte-urq7uh{color:var(--fg,#1a1a18);border-color:var(--accent,#1a5e7a);box-shadow:inset 0 0 0 1px var(--accent,#1a5e7a)}.pill.node[aria-pressed=false].svelte-urq7uh .dot:where(.svelte-urq7uh){box-shadow:inset 0 0 0 1px var(--rule-strong,#c6c3b9);background:0 0}.dot.svelte-urq7uh{background:var(--swatch);border-radius:50%;width:.6em;height:.6em;margin-right:.15em;display:inline-block}input[type=range].svelte-urq7uh{min-width:6rem;max-width:14rem;accent-color:var(--accent,#1a5e7a);flex:8rem}select.svelte-urq7uh{font:inherit;color:inherit;background:var(--bg,#fcfcfa);border:1px solid var(--rule-strong,#c6c3b9);border-radius:3px;max-width:12rem;padding:.25em .4em}.num.svelte-urq7uh{font-variant-numeric:tabular-nums}.hint.svelte-urq7uh{margin:var(--space-1,.25rem) 0 0;color:var(--fg-faint,#83817a)}.readout.svelte-urq7uh{margin-top:var(--space-4,1rem);padding-top:var(--space-3,.75rem);border-top:1px solid var(--rule,#dedcd5)}.line.svelte-urq7uh{margin:0 0 var(--space-2,.5rem);color:var(--fg-muted,#5c5b56);overflow-wrap:break-word}.line.svelte-urq7uh:last-child{margin-bottom:0}.line.svelte-urq7uh b:where(.svelte-urq7uh){color:var(--fg,#1a1a18);font-weight:600}.line.svelte-urq7uh code:where(.svelte-urq7uh){color:var(--fg,#1a1a18);font-family:inherit}.change.svelte-urq7uh{color:var(--fg,#1a1a18)}table.svelte-urq7uh{width:100%;margin-top:var(--space-4,1rem);border-collapse:collapse;display:table}th.svelte-urq7uh,td.svelte-urq7uh{text-align:left;border-bottom:1px solid var(--rule,#dedcd5);vertical-align:middle;padding:.3em .5em .3em 0;font-weight:400}thead.svelte-urq7uh th:where(.svelte-urq7uh){font-size:var(--step--2,.75rem);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-faint,#83817a)}th.svelte-urq7uh:first-child{width:7rem}th.svelte-urq7uh:nth-child(2),td.num.svelte-urq7uh{width:3rem}tbody.svelte-urq7uh th:where(.svelte-urq7uh){white-space:nowrap;text-transform:none;letter-spacing:0;font-size:inherit;color:var(--fg,#1a1a18)}.share.svelte-urq7uh{align-items:center;gap:.5em;display:flex}.bar.svelte-urq7uh{background:var(--rule,#dedcd5);border-radius:2px;flex:4rem;height:.55em;display:block;overflow:hidden}.bar.svelte-urq7uh>span:where(.svelte-urq7uh){transform-origin:0;width:100%;height:100%;transition:transform .25s;display:block}figcaption.svelte-urq7uh{margin-top:var(--space-3,.75rem);color:var(--fg-faint,#83817a);font-size:var(--step--2,.75rem)}.visually-hidden.svelte-urq7uh{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.key.svelte-urq7uh polygon:where(.svelte-urq7uh),.key.svelte-urq7uh circle:where(.svelte-urq7uh),.bar.svelte-urq7uh>span:where(.svelte-urq7uh){transition:none}}