.steps.svelte-d1339f{--n:3.2rem;--gap:1.6rem;gap:var(--gap);padding:0;list-style:none;display:grid}li.svelte-d1339f{grid-template-columns:var(--n) 1fr;align-content:start;align-items:start;gap:.9rem;display:grid;position:relative}.n.svelte-d1339f{z-index:1;width:var(--n);height:var(--n);color:#fff;font:700 1.4rem/1 var(--font-display);background:#000;border-radius:50%;place-items:center;display:grid;position:relative}.rail.svelte-d1339f{left:calc(var(--n) / 2 - 1.5px);top:calc(var(--n) + .35rem);bottom:calc(-1 * var(--gap) + .35rem);background:var(--shampoo);transform-origin:top;border-radius:3px;width:3px;position:absolute}h3.svelte-d1339f{margin:.35rem 0}p.svelte-d1339f{color:var(--asphalt-2);max-width:30rem}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.rail.svelte-d1339f{animation:linear both svelte-d1339f-draw;animation-timeline:view();animation-range:entry 40% cover 55%}}}@keyframes svelte-d1339f-draw{0%{transform:scaleY(0)}}@keyframes svelte-d1339f-draw-x{0%{transform:scaleX(0)}}@media (width>=900px){.steps.svelte-d1339f{--gap:2rem;grid-template-columns:repeat(4,1fr)}li.svelte-d1339f{grid-template-columns:1fr}.rail.svelte-d1339f{left:calc(var(--n) + .5rem);right:calc(-1 * var(--gap) + .5rem);top:calc(var(--n) / 2 - 1.5px);background:var(--shampoo);transform-origin:0;width:auto;height:3px;bottom:auto}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.rail.svelte-d1339f{animation-name:svelte-d1339f-draw-x}}}}