.st-dot{background:var(--color-ink);width:3rem;height:3rem;color:var(--color-canvas);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;font-size:17px;font-weight:600;display:grid}@media (min-width:768px){.st-line[data-objects]{--obj:10rem}}.st-track{inset:calc(var(--obj,0rem) + 1.5rem) auto auto 1.5rem;width:calc((100% - (var(--n) - 1) * 2rem) * (var(--n) - 1) / var(--n) + (var(--n) - 1) * 2rem);transform-origin:0;background:var(--color-ink);height:2px;position:absolute}@media (max-width:767px){.st-track{transform-origin:top;width:2px;height:calc(100% - 3rem);inset:1.5rem auto 0 1.5rem}}@keyframes st-draw{0%{scale:0 1}}@keyframes st-draw-y{0%{scale:1 0}}@keyframes st-fill{0%{background:var(--color-canvas);color:var(--color-ink-muted);box-shadow:inset 0 0 0 2px var(--color-hairline)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.st-line{view-timeline-name:--steps}.st-track{animation:linear both st-draw;animation-timeline:--steps;animation-range:cover 25% cover 55%}.st-line li .st-dot{animation:linear both st-fill;animation-timeline:--steps;animation-range:cover calc(24% + var(--k) * 14%) cover calc(28% + var(--k) * 14%)}}@media (prefers-reduced-motion:no-preference) and (max-width:767px){.st-track{animation-name:st-draw-y}}}