.demo[data-astro-cid-trxcs2lc]{gap:24px;display:grid}.demo-steps[data-astro-cid-trxcs2lc]{align-content:start;gap:6px;list-style:none;display:grid}.demo-steps[data-astro-cid-trxcs2lc] li[data-astro-cid-trxcs2lc]{color:var(--text-2);transition:background-color var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out);border-radius:10px;grid-template-columns:28px 1fr;gap:12px;padding:10px 12px;font-size:16px;display:grid}.demo-steps[data-astro-cid-trxcs2lc] strong[data-astro-cid-trxcs2lc]{color:var(--text);font-weight:600}.demo-n[data-astro-cid-trxcs2lc]{width:26px;height:26px;font-family:var(--font-mono);border:1px solid var(--border-control);color:var(--text);border-radius:50%;place-items:center;font-size:12px;display:grid}.demo-steps[data-astro-cid-trxcs2lc] li[data-astro-cid-trxcs2lc][aria-current=step]{background:var(--card);color:var(--text)}.demo-steps[data-astro-cid-trxcs2lc] li[data-astro-cid-trxcs2lc][aria-current=step] .demo-n[data-astro-cid-trxcs2lc]{border-color:var(--accent);color:var(--accent-text)}.demo-compact[data-astro-cid-trxcs2lc]{margin-top:-6px}.demo-row[data-astro-cid-trxcs2lc]{list-style:none}.demo-controls[data-astro-cid-trxcs2lc]{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.demo-status[data-astro-cid-trxcs2lc]{font-family:var(--font-mono);color:var(--text-2);font-size:13px}.demo[data-astro-cid-trxcs2lc] .is-pending{visibility:hidden;opacity:0;transform:translateY(8px)}.demo[data-astro-cid-trxcs2lc] .is-shown{transition:opacity var(--dur-3) var(--ease-out), transform var(--dur-3) var(--ease-out)}@media (width>=960px){.demo[data-astro-cid-trxcs2lc]{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-areas:"steps stage""controls stage";align-items:start;column-gap:40px}.demo-steps[data-astro-cid-trxcs2lc]{grid-area:steps}.demo-stage[data-astro-cid-trxcs2lc]{grid-area:stage}.demo-controls[data-astro-cid-trxcs2lc]{grid-area:controls}}