.steps.svelte-d1339f{margin-top:72px;padding-left:56px;position:relative}.steps.svelte-d1339f:before{content:"";background:var(--line);width:2px;position:absolute;top:20px;bottom:20px;left:21px}.draw.svelte-d1339f{background:var(--accent);width:2px;height:0;box-shadow:0 0 12px var(--accent);animation:2.6s cubic-bezier(.2,.7,.1,1) .5s forwards svelte-d1339f-draw;position:absolute;top:20px;left:21px}@keyframes svelte-d1339f-draw{to{height:calc(100% - 40px)}}ol.svelte-d1339f{margin:0;padding:0;list-style:none}.step.svelte-d1339f{padding:0 0 36px;position:relative}.step.svelte-d1339f:last-child{padding-bottom:0}.dot.svelte-d1339f{background:var(--bg-2);border:1px solid var(--line-2);width:44px;height:44px;font-family:var(--font-mono);color:var(--fg-2);border-radius:50%;place-items:center;font-size:12px;font-weight:500;animation:.6s cubic-bezier(.2,.7,.2,1.3) both svelte-d1339f-pop;display:grid;position:absolute;top:0;left:-56px}.dot.live.svelte-d1339f{background:var(--spectrum);border:0}.dot.live.svelte-d1339f span:where(.svelte-d1339f){background:var(--bg);color:var(--fg);border-radius:50%;place-items:center;display:grid;position:absolute;inset:3px}@keyframes svelte-d1339f-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}h3.svelte-d1339f{font-family:var(--font-display);margin:0;padding-top:9px;font-size:22px;font-weight:800;line-height:1.2}p.svelte-d1339f{color:var(--fg-2);margin:8px 0 0}@media (width>=768px){.steps.svelte-d1339f{padding-left:64px}.dot.svelte-d1339f{left:-64px}}