: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:#f44;--demo-bg-popover:white;--demo-bg-thumb:white;--demo-bg-checkbox:white;--demo-popover-z-index:50;--demo-shadow-xs:0 1px 2px 0 #0000000d;--demo-shadow-sm:0 1px 3px 0 #00000014, 0 1px 2px -1px #00000014;--demo-shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #0000000f;--demo-shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--demo-shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--demo-shadow-2xl:0 25px 50px -12px #00000026;--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:#f44;--demo-bg-popover:#111110;--demo-bg-thumb:#111110;--demo-bg-checkbox:#111110;--demo-shadow-xs:0 1px 2px 0 #00000026;--demo-shadow-sm:0 1px 3px 0 #0003, 0 1px 2px -1px #00000026;--demo-shadow-md:0 4px 6px -1px #0003, 0 2px 4px -2px #0000001f;--demo-shadow-lg:0 10px 15px -3px #0003, 0 4px 6px -4px #0000001a;--demo-shadow-xl:0 20px 25px -5px #00000040, 0 8px 10px -6px #0000001a;--demo-shadow-2xl:0 25px 50px -12px #00000059;--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{border:1px solid var(--demo-border-emphasized);flex-direction:column;gap:.5rem;max-width:32rem;max-height:200px;margin-bottom:.5rem;padding:.5rem .625rem;font-family:monospace;font-size:.725rem;display:flex;overflow-y:auto}output .title{font-weight:600}.stack{flex-direction:column;align-items:flex-start;gap:1rem;display:flex}.vstack{flex-direction:column;align-items:center;gap:1rem;display:flex}.hstack{flex-direction:row;align-items:center;gap:1rem;display:flex}
@keyframes spin{to{transform:rotate(360deg)}}.example-spinner{border:2px solid var(--colors-border-default,#e4e4e7);border-top-color:var(--colors-fg-default,#18181b);border-radius:50%;width:24px;height:24px;animation:.6s linear infinite spin}