.how-steps.svelte-sz1r59{--rail-x:1.5rem}@media (width>=640px){.how-steps.svelte-sz1r59{--rail-x:1.875rem}}.how-rail.svelte-sz1r59{top:1rem;bottom:1rem;left:var(--rail-x);background:linear-gradient(to bottom, color-mix(in oklab, var(--brand) 6%, transparent), color-mix(in oklab, var(--brand) 32%, transparent) 18%, color-mix(in oklab, var(--brand) 32%, transparent) 82%, color-mix(in oklab, var(--brand) 6%, transparent));width:1px;position:absolute;overflow:visible}.how-rail.svelte-sz1r59:after{content:"";background:linear-gradient(to bottom, transparent, color-mix(in oklab, var(--brand) 75%, transparent), transparent);filter:blur(1px);opacity:0;border-radius:9999px;width:3px;height:70px;animation:7s ease-in-out infinite svelte-sz1r59-how-rail-pulse;position:absolute;top:0;left:-1px}@keyframes svelte-sz1r59-how-rail-pulse{0%{opacity:0;top:-70px}8%{opacity:.9}92%{opacity:.9}to{opacity:0;top:100%}}.how-node.svelte-sz1r59{box-shadow:0 0 0 4px var(--background), 0 0 0 5px color-mix(in oklab, var(--brand) 16%, transparent), 0 8px 24px -12px color-mix(in oklab, var(--brand) 35%, transparent);transition:box-shadow .26s,transform .26s,border-color .26s}.how-step.svelte-sz1r59:hover .how-node:where(.svelte-sz1r59){border-color:color-mix(in oklab, var(--brand) 75%, transparent);box-shadow:0 0 0 4px var(--background), 0 0 0 5px color-mix(in oklab, var(--brand) 45%, transparent), 0 12px 32px -10px color-mix(in oklab, var(--brand) 55%, transparent);transform:scale(1.06)}@media (prefers-reduced-motion:reduce){.how-rail.svelte-sz1r59:after{opacity:0;animation:none}.how-node.svelte-sz1r59{transition:none}}