.tl-step{border-inline-start:2px solid var(--border);padding-inline-start:26px;padding-block:22px;position:relative;transition:border-color var(--dur-base) var(--ease-out)}.tl-step:before{content:"";position:absolute;inset-inline-start:-8px;top:28px;width:14px;height:14px;border-radius:50%;background:var(--bg);border:2px solid var(--border-strong);transition:all var(--dur-base) var(--ease-out)}.tl-step.active{border-inline-start-color:var(--primary)}.tl-step.active:before{border-color:var(--primary);background:var(--primary);box-shadow:0 0 0 5px rgba(59,130,246,.18)}@media (prefers-reduced-motion:reduce){.tl-step,.tl-step:before{transition:none!important}}