.tutorial.svelte-116uhib{width:100%;max-width:72ch;margin-inline:auto}h1.svelte-116uhib{margin:0 0 .5lh;font-size:1.5em;color:var(--ix-ink-strong)}h2.svelte-116uhib{display:flex;align-items:center;gap:1.5ch;margin:1lh 0 .3lh;font-size:1em;font-weight:700;color:var(--ix-ink-strong)}h2.svelte-116uhib:after{content:"";flex:1;border-top:1px dashed var(--ix-border)}p.svelte-116uhib{margin:0;line-height:1.8;color:var(--ix-ink)}p.svelte-116uhib+p:where(.svelte-116uhib){margin-top:.4lh}.steps.svelte-116uhib{display:flex;flex-direction:column;gap:.2lh;margin-top:.3lh}.step.svelte-116uhib{margin-top:.35lh;color:var(--ix-ink-muted)}.tutorial.svelte-116uhib .code-block,.tutorial.svelte-116uhib .file-tree,.tutorial.svelte-116uhib .snapshot-graph{margin-block:.4lh}.tutorial.svelte-116uhib .box{margin-block:1.1lh .6lh}code.svelte-116uhib{padding:.05em .5ch;border:1px solid var(--ix-border);border-radius:3px;background:var(--ix-surface-2);font-family:var(--font-mono, ui-monospace, monospace);font-size:.9em;color:var(--ix-ink-strong)}a.svelte-116uhib{color:var(--ix-ink-strong)}