.steps.svelte-1cjbj41{gap:24px;display:grid}.visual.svelte-1cjbj41{min-width:0}.list.svelte-1cjbj41{gap:20px;margin:0;padding:0;list-style:none;display:grid}li.svelte-1cjbj41{border-radius:var(--ds-r-md);transition:background-color .3s var(--ds-ease), opacity .3s var(--ds-ease);align-items:flex-start;gap:14px;padding:18px;display:flex}li.on.svelte-1cjbj41{background:var(--ds-surface);box-shadow:var(--ds-elev-1)}.n.svelte-1cjbj41{background:var(--ds-surface-2);width:32px;height:32px;color:var(--ds-text-2);font:700 15px/1 var(--ds-font);transition:background-color .3s var(--ds-ease), color .3s var(--ds-ease);border-radius:50%;flex:none;place-items:center;display:grid}li.on.svelte-1cjbj41 .n:where(.svelte-1cjbj41){background:var(--ds-accent);color:#fff}.t.svelte-1cjbj41{color:var(--ds-text);margin:4px 0 6px}.p.svelte-1cjbj41{color:var(--ds-text-2);margin:0}@container (width>=960px){.steps.svelte-1cjbj41{grid-template-columns:1.35fr .65fr;align-items:start;gap:48px}.visual.svelte-1cjbj41{align-self:stretch}.sticky.svelte-1cjbj41{position:sticky;top:88px}.list.svelte-1cjbj41{gap:0}li.svelte-1cjbj41{opacity:.45;align-items:center;min-height:46vh}li.on.svelte-1cjbj41{opacity:1}}.demo.svelte-1e7mluz{padding:18px}