.ww-railbox{position:relative}.ww-rail__fill{z-index:1;background:var(--ww-accent);transform-origin:50% 0;pointer-events:none;border-radius:1px;width:2px;position:absolute;top:6px;bottom:6px;left:13.5px;transform:scaleY(0)}:not([data-rail])>.ww-railbox .ww-rail__fill{display:none}.ww-railbox .ww-rail__tag{z-index:2}.ww-railbox .ww-rail__tag:after{content:attr(data-n);border-radius:inherit;background:var(--ww-accent);color:var(--ww-on-accent);opacity:0;transition:opacity var(--dur-2) var(--ease-out);place-items:center;display:grid;position:absolute;inset:0}.ww-railbox li[data-passed]>.ww-rail__tag:after{opacity:1}.ww-rail__piece{max-width:30rem;margin-top:14px}[data-rail] .ww-rail__piece{opacity:0;transition:opacity var(--dur-3) var(--ease-out), transform var(--dur-3) var(--ease-out);transform:translateY(16px)}[data-rail] li[data-seen]>.ww-rail__piece{opacity:1;transform:none}.ww-rail__book{max-width:15rem}.ww-rail__piece>.ww-app{margin-top:0}@media (prefers-reduced-motion:reduce){[data-rail] .ww-rail__piece{transition:opacity var(--dur-1) ease;transform:none}}