.st-line{position:relative}.st-list{grid-template-columns:1fr;gap:30px;margin:0;padding:0;list-style:none;display:grid;position:relative}.st-list li{padding-left:42px;position:relative}@media (min-width:900px){.st-list{grid-template-columns:repeat(var(--n,4), minmax(0, 1fr));gap:24px}.st-list li{padding:38px 0 0}}.st-dot{z-index:2;border:1px solid var(--line);background:var(--navy);border-radius:50%;width:16px;height:16px;transition:background-color .3s,border-color .3s,box-shadow .4s;position:absolute;top:2px;left:0}@media (min-width:900px){.st-dot{top:0}}.st-dot:after{content:"";border:1px solid var(--lime);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:-1px}.st-n{font:500 12px/1 var(--font-jetbrains), ui-monospace, monospace;color:var(--muted);transition:color .3s;display:block}.st-list h3{margin:12px 0 8px;font-size:20px}.st-list p{color:var(--soft);margin:0;font-size:15px}.st-list li.on .st-dot{background:var(--lime);border-color:var(--lime);box-shadow:0 0 0 4px color-mix(in srgb, var(--lime) 14%, transparent), 0 0 16px color-mix(in srgb, var(--lime) 60%, transparent)}.st-list li.on .st-n{color:var(--lime)}.st-track{z-index:1;background:var(--line);pointer-events:none;border-radius:2px;position:absolute;top:0;left:0}.st-track i{border-radius:inherit;background:var(--lime);box-shadow:0 0 10px color-mix(in srgb, var(--lime) 55%, transparent);position:absolute;inset:0;transform:scaleX(0)}.st-head{z-index:2;background:var(--off-white);opacity:0;pointer-events:none;width:10px;height:10px;box-shadow:0 0 0 3px color-mix(in srgb, var(--lime) 55%, transparent), 0 0 22px 4px color-mix(in srgb, var(--lime) 60%, transparent);border-radius:50%;margin:-5px 0 0 -5px;transition:opacity .3s;position:absolute;top:0;left:0}.st-line.moving .st-head{opacity:1}html.motion .st-line.live .st-list li :is(.st-n,h3,p){transition:opacity .5s ease, translate .6s var(--ease-out), color .3s ease}html.motion .st-line.live .st-list li:not(.on) :is(.st-n,h3,p){opacity:.35}html.motion .st-line.live .st-list li:not(.on) :is(h3,p){translate:0 6px}html.motion .st-line.live .st-list li.on .st-dot{animation:st-pop .55s var(--ease-out)}html.motion .st-line.live .st-list li.on .st-dot:after{animation:st-ring .9s var(--ease-out)}@keyframes st-pop{40%{scale:1.5}}@keyframes st-ring{0%{opacity:.9;scale:1}to{opacity:0;scale:2.8}}@media (prefers-reduced-motion:reduce){.st-head{display:none}.st-dot,.st-n{transition:none}}