.example-section.svelte-1s1pej0{border-top:1px solid #e3e6ea;padding:2.75rem 0}.example-section.svelte-1s1pej0>header:where(.svelte-1s1pej0){max-width:48rem;margin-bottom:1.25rem}.example-section.svelte-1s1pej0 h2:where(.svelte-1s1pej0){letter-spacing:-.02em;margin:0;font-size:1.5rem}.example-section.svelte-1s1pej0 header:where(.svelte-1s1pej0) p:where(.svelte-1s1pej0){color:#4b5563;margin:.65rem 0 0;line-height:1.65}.example-grid.svelte-1s1pej0{border:1px solid #d9dde3;border-radius:.4rem;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.example-panel.svelte-1s1pej0{min-width:0}.example-panel.svelte-1s1pej0+.example-panel:where(.svelte-1s1pej0){border-left:1px solid #d9dde3}.example-panel.svelte-1s1pej0 h3:where(.svelte-1s1pej0){color:#4b5563;letter-spacing:.04em;text-transform:uppercase;background:#f7f8fa;border-bottom:1px solid #d9dde3;margin:0;padding:.7rem 1rem;font-size:.75rem}.source-panel.svelte-1s1pej0 pre:where(.svelte-1s1pej0){box-sizing:border-box;white-space:pre-wrap;background:#fbfcfd;min-height:100%;margin:0;padding:1.25rem;font-size:.78rem;line-height:1.65;overflow-x:auto}.rendered-output.svelte-1s1pej0{padding:clamp(1.25rem,3vw,2rem)}.custom-document{--markdown-color-link:#7c3aed;--markdown-color-surface:#f5f3ff}.custom-document .markdown-svelte-heading--2{border-bottom:2px solid #7c3aed}@media (width<=48rem){.example-grid.svelte-1s1pej0{grid-template-columns:1fr}.example-panel.svelte-1s1pej0+.example-panel:where(.svelte-1s1pej0){border-top:1px solid #d9dde3;border-left:0}}