.example.svelte-1wm9q2d{margin:24px 0}.example-title.svelte-1wm9q2d{font-size:1rem;font-weight:600;padding:16px 0;margin:0;color:var(--smrt-color-on-surface, #1a1a1a)}.example-description.svelte-1wm9q2d{font-size:.9rem;color:var(--smrt-color-on-surface-variant, #666);padding:0 0 16px;margin:0}.example-preview.svelte-1wm9q2d{padding:32px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:flex-start;min-height:80px;background:var(--smrt-color-surface-container-low, #fafafa);border-radius:var(--smrt-radius-md, 8px)}.example-code.svelte-1wm9q2d{margin-top:16px}.toggle-code.svelte-1wm9q2d{display:flex;align-items:center;gap:8px;width:auto;padding:8px 16px;background:var(--smrt-color-surface-container, #f0f0f0);border:none;border-radius:var(--smrt-radius-md, 8px);font-family:var(--font-sans);font-size:.8rem;font-weight:500;color:var(--smrt-color-on-surface-variant, #666);cursor:pointer;text-align:left;transition:background .15s ease;margin-bottom:12px}.toggle-code.svelte-1wm9q2d:hover{background:var(--smrt-color-surface-container-high, #e8e8e8)}.toggle-code.svelte-1wm9q2d svg:where(.svelte-1wm9q2d){transition:transform .15s ease}.toggle-code.svelte-1wm9q2d svg.rotated:where(.svelte-1wm9q2d){transform:rotate(180deg)}.example-code.svelte-1wm9q2d .code-block{margin:0}