.starting-demo[data-astro-cid-y67yz74h]{margin:2rem 0;padding:1rem;border-radius:.75rem;background:var(--color-card);color:var(--color-text);box-shadow:0 0 0 1px #1a1a1a14}header[data-astro-cid-y67yz74h]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.35rem .5rem;margin-bottom:1rem}header[data-astro-cid-y67yz74h] .demo-label[data-astro-cid-y67yz74h]{margin:0;color:var(--color-accent);font:600 .6875rem/1.5 var(--font-mono);text-transform:uppercase}header[data-astro-cid-y67yz74h] h3[data-astro-cid-y67yz74h]{grid-column:1 / -1;margin:0;font-size:1rem}header[data-astro-cid-y67yz74h] .description[data-astro-cid-y67yz74h]{grid-column:1 / -1;margin:0;color:var(--color-muted);font-size:.8125rem;line-height:1.5}.controls[data-astro-cid-y67yz74h],.actions[data-astro-cid-y67yz74h]{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:.75rem}.controls[data-astro-cid-y67yz74h] label[data-astro-cid-y67yz74h]{display:flex;align-items:center;gap:.5rem;min-height:44px;font-size:.75rem;cursor:pointer}input[data-astro-cid-y67yz74h]{accent-color:var(--color-accent)}button[data-astro-cid-y67yz74h]{min-height:44px;padding:.5rem .875rem;border:0;border-radius:.25rem;background:var(--color-text);color:var(--color-bg);font:600 .75rem/1.5 var(--font-body);cursor:pointer}button[data-astro-cid-y67yz74h]:hover{background:var(--color-accent)}button[data-astro-cid-y67yz74h]:disabled{opacity:.5;cursor:default}button[data-astro-cid-y67yz74h]:focus-visible,input[data-astro-cid-y67yz74h]:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.stage[data-astro-cid-y67yz74h]{margin-top:.75rem;padding:1rem;border-radius:.375rem;background:var(--color-bg);border:1px solid var(--color-border)}.notifications[data-astro-cid-y67yz74h]{min-height:12rem}.stage[data-astro-cid-y67yz74h] p[data-astro-cid-y67yz74h],.demo-popover[data-astro-cid-y67yz74h] p[data-astro-cid-y67yz74h]{margin:0;font-size:.8125rem;color:var(--color-muted)}.notice[data-astro-cid-y67yz74h]{padding:.75rem;margin-bottom:.5rem;border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:.25rem;background:var(--color-card);font-size:.8125rem;opacity:1;transform:translateY(0);transition:opacity .25s ease,transform .25s ease}.panel[data-astro-cid-y67yz74h]{display:block;opacity:1;transform:translateY(0);padding:1rem;margin-bottom:1rem;background:var(--color-card);border-radius:.375rem;transition:opacity .25s ease,transform .25s ease,display .25s}.panel[data-astro-cid-y67yz74h] strong[data-astro-cid-y67yz74h]{display:block;margin-bottom:.5rem;font-size:.875rem}.panel[data-astro-cid-y67yz74h].is-hidden{display:none;opacity:0;transform:translateY(.75rem)}.stage[data-astro-cid-y67yz74h] .layout-marker[data-astro-cid-y67yz74h]{padding-top:.5rem;border-top:1px dashed var(--color-border);font-size:.6875rem}.popover-stage[data-astro-cid-y67yz74h]{min-height:10rem;display:grid;place-items:center}.demo-popover[data-astro-cid-y67yz74h]{width:min(20rem,calc(100vw - 2rem));padding:1.25rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg);color:var(--color-text);box-shadow:0 12px 32px #0000002e;font:400 .875rem/1.5 var(--font-body)}.demo-popover[data-astro-cid-y67yz74h] p[data-astro-cid-y67yz74h]{margin:.5rem 0 1rem}@supports selector(:popover-open){.demo-popover[data-astro-cid-y67yz74h]{opacity:0;transform:translateY(.5rem);transition:opacity .25s ease,transform .25s ease,display .25s,overlay .25s}.demo-popover[data-astro-cid-y67yz74h]:popover-open{opacity:1;transform:translateY(0)}}@supports not selector(:popover-open){.options[data-astro-cid-y67yz74h],.demo-popover[data-astro-cid-y67yz74h] button[data-astro-cid-y67yz74h]{display:none}}.starting-demo[data-astro-cid-y67yz74h]:has([data-discrete]:checked) [data-astro-cid-y67yz74h]:is(.panel,.demo-popover){transition-behavior:allow-discrete}@starting-style{.starting-demo[data-astro-cid-y67yz74h]:has([data-start]:checked) .notice[data-astro-cid-y67yz74h]{opacity:0;transform:translateY(1rem)}.panel[data-astro-cid-y67yz74h]{opacity:0;transform:translateY(.75rem)}.starting-demo[data-astro-cid-y67yz74h]:has([data-start]:checked) .demo-popover[data-astro-cid-y67yz74h]:popover-open{opacity:0;transform:translateY(.5rem)}}.support[data-astro-cid-y67yz74h],.motion[data-astro-cid-y67yz74h]{padding:.625rem;font-size:.75rem;color:#71351e;background:#f4ded4}.motion[data-astro-cid-y67yz74h]{display:none}@media(prefers-reduced-motion:reduce){.notice[data-astro-cid-y67yz74h],.panel[data-astro-cid-y67yz74h],.demo-popover[data-astro-cid-y67yz74h]{transition:none}.motion[data-astro-cid-y67yz74h]{display:block}}@media(max-width:40rem){.starting-demo[data-astro-cid-y67yz74h]{padding:.75rem;margin-inline:-.5rem}}