:root{--rail-line-x:-0.25rem;--rail-dot-x:-1.75rem}@media (min-width:64rem){:root{--rail-line-x:-1.25rem;--rail-dot-x:-1.25rem}}.rail-frame{position:relative}.rail-frame__track{position:absolute;inset:0;pointer-events:none}.rail-frame__col{position:relative;height:100%}.rail-frame__line{position:absolute;top:0;bottom:0;left:var(--rail-line-x);width:1px;background:var(--accent);transform-origin:top;transform:scaleY(1)}.rail-frame--tick .rail-frame__line{top:auto;height:3rem}.rail-frame--draw .rail-frame__line{transform:scaleY(0);transition:transform var(--dur-draw) var(--ease-out)}.rail-frame--draw[data-drawn=true] .rail-frame__line{transform:scaleY(1)}.rail-node{position:relative}.rail-node__dot{position:absolute;left:var(--rail-dot-x);top:.6em;width:9px;height:9px;border-radius:50%;background:var(--accent);transform:translateX(-50%);transition:opacity var(--dur-base) var(--ease-out)}.rail-node--terminal .rail-node__dot{width:15px;height:15px;top:.45em;box-shadow:0 0 0 4px var(--bg)}.rail-frame--draw .rail-node__dot{opacity:0}.rail-frame--draw[data-drawn=true] .rail-node__dot{opacity:1}.rail-frame--draw[data-drawn=true] .rail-node:first-child .rail-node__dot{transition-delay:.15s}.rail-frame--draw[data-drawn=true] .rail-node:nth-child(2) .rail-node__dot{transition-delay:.35s}.rail-frame--draw[data-drawn=true] .rail-node:nth-child(3) .rail-node__dot{transition-delay:.55s}.rail-frame--draw[data-drawn=true] .rail-node:nth-child(4) .rail-node__dot{transition-delay:.75s}@media (prefers-reduced-motion:reduce){.rail-frame--draw .rail-frame__line,.rail-frame--draw .rail-node__dot{transform:scaleY(1);opacity:1;transition:none}.rail-node .rail-node__dot{transform:translateX(-50%)}}