.demo-layout.svelte-11xzw8n{display:grid;grid-template-areas:"intro" "player" "next";gap:1.5rem;max-width:68rem;margin-inline:auto}.demo-intro.svelte-11xzw8n{grid-area:intro;min-width:0}.demo-next.svelte-11xzw8n{grid-area:next;padding:1.25rem}.demo-player.svelte-11xzw8n{grid-area:player;width:100%;max-width:23rem;min-width:0;margin:0 auto}video.svelte-11xzw8n{display:block;width:100%;height:auto;aspect-ratio:9 / 16;border:1px solid var(--reunier-border-strong);border-radius:var(--reunier-radius-card);background:var(--reunier-surface-muted)}.demo-summary.svelte-11xzw8n{margin-top:.75rem;border-top:1px solid var(--reunier-border)}summary.svelte-11xzw8n{padding-block:.75rem;font-weight:700;cursor:pointer}summary.svelte-11xzw8n:focus-visible{outline:2px solid var(--reunier-violet-strong);outline-offset:3px}@media(min-width:768px){.demo-layout.svelte-11xzw8n{grid-template-areas:"intro player" "next player";grid-template-columns:minmax(0,1fr) minmax(0,23rem);column-gap:3rem;align-content:center}.demo-intro.svelte-11xzw8n{align-self:end}.demo-next.svelte-11xzw8n{align-self:start}}