.demo[data-astro-cid-soxsnotx]{z-index:var(--z-content);max-width:var(--content-max);padding:var(--spacing-24) var(--spacing-6) var(--spacing-16);gap:var(--spacing-12);grid-template-columns:1fr;align-items:start;margin:0 auto;display:grid;position:relative}@media (width>=48rem){.demo[data-astro-cid-soxsnotx]{padding-inline:var(--gutter)}}.demo-intro[data-astro-cid-soxsnotx] h1[data-astro-cid-soxsnotx]{margin:var(--spacing-6) 0 0;font-size:var(--text-h2);font-weight:800;line-height:var(--leading-heading);letter-spacing:var(--tracking-heading)}.demo-lead[data-astro-cid-soxsnotx]{margin:var(--spacing-4) 0 0;color:var(--color-muted-strong);font-size:17px}.covers[data-astro-cid-soxsnotx]{margin-top:var(--spacing-8);padding:var(--spacing-6)}.covers[data-astro-cid-soxsnotx] ul[data-astro-cid-soxsnotx]{margin:var(--spacing-4) 0 0;gap:var(--spacing-3);flex-direction:column;padding:0;list-style:none;display:flex}.covers[data-astro-cid-soxsnotx] li[data-astro-cid-soxsnotx]{gap:var(--spacing-3);font-size:var(--text-sm);color:var(--color-muted-strong);align-items:baseline;display:flex}.covers[data-astro-cid-soxsnotx] li[data-astro-cid-soxsnotx]:before{content:"";border-radius:var(--radius-pill);background:var(--color-accent);flex:none;width:5px;height:5px;transform:translateY(-2px)}.places[data-astro-cid-soxsnotx]{margin:var(--spacing-8) 0 0;font-family:var(--font-mono);font-size:var(--text-kicker);letter-spacing:.06em;color:var(--color-accent-quiet)}.demo-form-wrap[data-astro-cid-soxsnotx]{padding:var(--spacing-8) var(--spacing-6)}.demo-form[data-astro-cid-soxsnotx]{gap:var(--spacing-4);flex-direction:column;display:flex}.field-row[data-astro-cid-soxsnotx]{gap:var(--spacing-4);grid-template-columns:1fr;display:grid}.seg-field[data-astro-cid-soxsnotx]{border:0;margin:0;padding:0}.seg-field[data-astro-cid-soxsnotx] legend[data-astro-cid-soxsnotx]{font-size:var(--text-xs);color:var(--color-muted);margin-bottom:7px;padding:0}.seg[data-astro-cid-soxsnotx]{border:1px solid var(--color-stroke);border-radius:var(--radius-pill);flex-wrap:wrap;display:inline-flex;overflow:hidden}.seg[data-astro-cid-soxsnotx] input[data-astro-cid-soxsnotx]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.seg[data-astro-cid-soxsnotx] label[data-astro-cid-soxsnotx]{cursor:pointer;font-size:var(--text-sm);color:var(--color-muted);transition:background var(--duration-base) var(--ease-brand), color var(--duration-base) var(--ease-brand);padding:9px 16px}.seg[data-astro-cid-soxsnotx] label[data-astro-cid-soxsnotx]:hover{color:var(--color-ink)}.seg[data-astro-cid-soxsnotx] input[data-astro-cid-soxsnotx]:checked+label[data-astro-cid-soxsnotx]{background:var(--color-accent);color:var(--color-accent-ink)}.seg[data-astro-cid-soxsnotx] input[data-astro-cid-soxsnotx]:focus-visible+label[data-astro-cid-soxsnotx]{outline:2px solid var(--color-focus);outline-offset:-2px}.btn-block[data-astro-cid-soxsnotx]{width:100%;margin-top:var(--spacing-2)}.demo-note[data-astro-cid-soxsnotx]{text-align:center;font-size:var(--text-xs);color:var(--color-faint);margin:0}.demo-fallback[data-astro-cid-soxsnotx]{margin:var(--spacing-6) 0 0;padding-top:var(--spacing-6);border-top:1px solid var(--color-stroke-soft);font-size:var(--text-sm);color:var(--color-muted)}@media (width>=40rem){.field-row[data-astro-cid-soxsnotx]{grid-template-columns:repeat(2,1fr)}}@media (width>=64rem){.demo[data-astro-cid-soxsnotx]{gap:var(--spacing-16);grid-template-columns:1fr 1fr}}