.code-example.svelte-b2vmf4{display:flex;flex-direction:column;gap:var(--spacing-2)}.description.svelte-b2vmf4{margin:0;max-width:65ch;font-family:var(--font-family-sans);font-size:var(--font-size-normal);line-height:var(--line-height-normal);color:var(--color-on-surface-variant)}.preview.svelte-b2vmf4{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);border:1px solid var(--color-surface-dim);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-surface-bright)}.code.svelte-b2vmf4{position:relative;border:1px solid var(--color-surface-dim);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);background:color-mix(in srgb,var(--color-surface-container),transparent 40%);overflow:hidden}.code .dh-btn{position:absolute;top:var(--spacing-2);right:var(--spacing-2);opacity:.6;transition:opacity .2s}pre.svelte-b2vmf4{margin:0;padding:var(--spacing-3) var(--spacing-4);font-family:var(--font-family-mono);font-size:var(--font-size-small);line-height:1.55;color:var(--color-on-surface);overflow-x:auto;white-space:pre}code.svelte-b2vmf4{font-family:inherit}