:root{--demo-coral-solid:#eb5e41;--demo-coral-emphasized:#de5045;--demo-coral-muted:#ffdbda;--demo-coral-subtle:#ffe5e4;--demo-coral-fg:#c9453b;--demo-coral-contrast:white;--demo-coral-focus-ring:#ffb2a8;--demo-neutral-solid:#8d8d86;--demo-neutral-emphasized:#82827c;--demo-neutral-muted:#e2e1de;--demo-neutral-subtle:#f1f0ef;--demo-neutral-fg:#21201c;--demo-neutral-fg-muted:#61605b;--demo-neutral-contrast:white;--demo-neutral-focus-ring:#bcbbb5;--demo-border:#e9e8e6;--demo-border-muted:#f9f9f8;--demo-border-emphasized:#dad9d6;--demo-error:#ff4444;--demo-bg-popover:white;--demo-bg-thumb:white;--demo-bg-checkbox:white;--demo-popover-z-index:50;--demo-shadow-xs:0 1px 2px 0 rgb(0 0 0/0.05);--demo-shadow-sm:0 1px 3px 0 rgb(0 0 0/0.08),0 1px 2px -1px rgb(0 0 0/0.08);--demo-shadow-md:0 4px 6px -1px rgb(0 0 0/0.08),0 2px 4px -2px rgb(0 0 0/0.06);--demo-shadow-lg:0 10px 15px -3px rgb(0 0 0/0.08),0 4px 6px -4px rgb(0 0 0/0.04);--demo-shadow-xl:0 20px 25px -5px rgb(0 0 0/0.08),0 8px 10px -6px rgb(0 0 0/0.04);--demo-shadow-2xl:0 25px 50px -12px rgb(0 0 0/0.15);--demo-json-string:#c9453b;--demo-json-number:#0550ae;--demo-json-boolean:#b35900;--demo-json-key:#116329;--demo-json-accent:#6f42c1}.dark{--demo-coral-solid:#eb5e41;--demo-coral-emphasized:#ef6b4e;--demo-coral-muted:#722b25;--demo-coral-subtle:#55221e;--demo-coral-fg:#f47a5c;--demo-coral-contrast:white;--demo-coral-focus-ring:#e2503f;--demo-neutral-solid:#6f6d66;--demo-neutral-emphasized:#7c7b74;--demo-neutral-muted:#31312e;--demo-neutral-subtle:#222221;--demo-neutral-fg:#eeeeec;--demo-neutral-fg-muted:#a9a9a3;--demo-neutral-contrast:white;--demo-neutral-focus-ring:#62605b;--demo-border:#2a2a28;--demo-border-muted:#191918;--demo-border-emphasized:#3b3a37;--demo-error:#ff4444;--demo-bg-popover:#111110;--demo-bg-thumb:#111110;--demo-bg-checkbox:#111110;--demo-shadow-xs:0 1px 2px 0 rgb(0 0 0/0.15);--demo-shadow-sm:0 1px 3px 0 rgb(0 0 0/0.2),0 1px 2px -1px rgb(0 0 0/0.15);--demo-shadow-md:0 4px 6px -1px rgb(0 0 0/0.2),0 2px 4px -2px rgb(0 0 0/0.12);--demo-shadow-lg:0 10px 15px -3px rgb(0 0 0/0.2),0 4px 6px -4px rgb(0 0 0/0.1);--demo-shadow-xl:0 20px 25px -5px rgb(0 0 0/0.25),0 8px 10px -6px rgb(0 0 0/0.1);--demo-shadow-2xl:0 25px 50px -12px rgb(0 0 0/0.35);--demo-json-string:#ff7b72;--demo-json-number:#79c0ff;--demo-json-boolean:#ffa657;--demo-json-key:#7ee787;--demo-json-accent:#d2a8ff}[hidden]{display:none!important}output{display:flex;max-width:32rem;flex-direction:column;gap:.5rem;border:1px solid var(--demo-border-emphasized);padding:.5rem .625rem;margin-bottom:.5rem;font-family:monospace;max-height:200px;overflow-y:auto;font-size:.725rem;.title{font-weight:600}}.stack{align-items:flex-start}.stack,.vstack{display:flex;flex-direction:column;gap:1rem}.hstack,.vstack{align-items:center}.hstack{display:flex;flex-direction:row;gap:1rem}@keyframes spin{to{transform:rotate(1turn)}}.example-spinner{width:24px;height:24px;border:2px solid var(--colors-border-default,#e4e4e7);border-top-color:var(--colors-fg-default,#18181b);border-radius:50%;animation:spin .6s linear infinite}