#page.svelte-13wmnd{flex-direction:column;align-items:center;gap:3rem;width:100%;padding:5rem 0;display:flex;overflow-x:hidden}#page.svelte-13wmnd>:where(.svelte-13wmnd){width:min(50rem,100% - 3rem);font-family:var(--pixelFontFamily)}header.svelte-13wmnd{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}header.svelte-13wmnd>h1:where(.svelte-13wmnd){font-size:3rem}header.svelte-13wmnd>span:where(.svelte-13wmnd){border-top:4px solid var(--accentColor);border-bottom:4px solid var(--accentColor);padding:.5rem}.example-instructions.svelte-13wmnd{flex-direction:column;align-items:center;gap:.5rem;display:flex}.example-instructions.svelte-13wmnd>ol:where(.svelte-13wmnd){padding-right:1rem;font-size:.9rem}.example-instructions.svelte-13wmnd>code:where(.svelte-13wmnd){background-color:var(--accentColor);white-space:nowrap;border-radius:5px;padding:.5rem 1rem}.demo.svelte-13wmnd{aspect-ratio:4/3;position:relative}.demo.svelte-13wmnd>h2:where(.svelte-13wmnd){opacity:.75;pointer-events:none;font-size:2.75rem;position:absolute;top:-.5rem;left:-1.5rem;transform:rotate(-20deg)}.demo.svelte-13wmnd>iframe:where(.svelte-13wmnd){border:none;width:100%;height:100%}footer.svelte-13wmnd{justify-content:center;display:flex}@media screen and (width<=40rem){.example-instructions.svelte-13wmnd{gap:1rem}.example-instructions.svelte-13wmnd>ol:where(.svelte-13wmnd){font-size:.8rem}.example-instructions.svelte-13wmnd>code:where(.svelte-13wmnd){padding:.25rem .5rem;font-size:.75rem}.demo.svelte-13wmnd{aspect-ratio:9/16}}
