.be-shell.svelte-1w3vnbf{margin:0 auto;max-width:52rem;padding:2rem 1rem 4rem}@media(min-width:1280px){.be-shell.svelte-1w3vnbf{max-width:72rem;display:grid;grid-template-columns:minmax(0,1fr) 13rem;gap:2.5rem;align-items:start}}.be-card.svelte-1w3vnbf{background:var(--color-surface-800);border:1px solid var(--color-surface-700);border-radius:1rem;padding:2rem clamp(1.25rem,3vw,2.75rem);box-shadow:0 1px 2px #0000004d,0 10px 34px #00000038}.be-toc.svelte-1w3vnbf{position:sticky;top:5rem;align-self:start;max-height:calc(100vh - 6rem);overflow-y:auto}.be-card.svelte-1w3vnbf .by-example-prose h2,.be-card.svelte-1w3vnbf .by-example-prose h3{scroll-margin-top:6rem}.be-card.svelte-1w3vnbf .by-example-prose .be-snippet{margin:1.5rem 0;overflow:hidden;border:1px solid var(--color-surface-700);border-radius:.75rem}.be-card.svelte-1w3vnbf .by-example-prose .be-snippet-bar{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;border-bottom:1px solid var(--color-surface-700);background:var(--color-surface-800);padding:.4rem .75rem}.be-card.svelte-1w3vnbf .by-example-prose .be-snippet-copy,.be-card.svelte-1w3vnbf .by-example-prose .be-snippet-pg{display:inline-flex;align-items:center;gap:.3rem;background:none;border:0;padding:0;font-size:.75rem;cursor:pointer;transition:color .15s}.be-card.svelte-1w3vnbf .by-example-prose .be-snippet-copy{color:var(--color-surface-500)}.be-card.svelte-1w3vnbf .by-example-prose .be-snippet-copy:hover{color:var(--color-surface-200)}.be-card.svelte-1w3vnbf .by-example-prose .be-snippet-pg{color:var(--color-zolo-400);text-decoration:none}.be-card.svelte-1w3vnbf .by-example-prose .be-snippet-pg:hover{color:var(--color-zolo-300)}.be-card.svelte-1w3vnbf .by-example-prose .be-snippet-i-check{display:none}.be-card.svelte-1w3vnbf .by-example-prose .be-snippet-copy.copied{color:var(--color-accent-emerald, #34d399)}.be-card.svelte-1w3vnbf .by-example-prose .be-snippet-copy.copied .be-snippet-i-copy{display:none}.be-card.svelte-1w3vnbf .by-example-prose .be-snippet-copy.copied .be-snippet-i-check{display:inline-flex}.be-card.svelte-1w3vnbf .by-example-prose .be-snippet pre{margin:0;border:0;border-radius:0}