.be-card.svelte-1w3vnbf [id^=ex-]{scroll-margin-top:6rem}.be-card.svelte-1w3vnbf .by-example-prose .be-snippet{border:1px solid var(--line);border-radius:.75rem;margin:1.5rem 0;overflow:hidden}.be-card.svelte-1w3vnbf .by-example-prose .be-snippet-bar{border-bottom:1px solid var(--line);background:var(--paper-raised);justify-content:flex-end;align-items:center;gap:.75rem;padding:.4rem .75rem;display:flex}.be-card.svelte-1w3vnbf .by-example-prose .be-snippet-copy,.be-card.svelte-1w3vnbf .by-example-prose .be-snippet-pg{cursor:pointer;background:0 0;border:0;align-items:center;gap:.3rem;padding:0;font-size:.75rem;transition:color .15s;display:inline-flex}.be-card.svelte-1w3vnbf .by-example-prose .be-snippet-copy{color:var(--ink-mute)}.be-card.svelte-1w3vnbf .by-example-prose .be-snippet-copy:hover{color:var(--ink-body)}.be-card.svelte-1w3vnbf .by-example-prose .be-snippet-pg{color:var(--accent);text-decoration:none}.be-card.svelte-1w3vnbf .by-example-prose .be-snippet-pg:hover{color:var(--accent)}.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(--ok)}.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{border:0;border-radius:0;margin:0}