.ss-rail{display:none}@media (min-width:1101px) and (prefers-reduced-motion:no-preference){@supports (view-timeline-name:--ss){html:not(.static) .ss{block-size:calc(100vh + var(--ss-n,4) * 45vh);view-timeline-name:--ss;view-timeline-axis:block}html:not(.static) .ss-pin{position:sticky;inset-block-start:max(96px,50vh - 220px)}html:not(.static) .ss-rail{background:var(--line);block-size:2px;border-radius:2px;margin-block-end:var(--s5);display:block;overflow:hidden}html:not(.static) .ss-rail i{background:var(--ink);transform-origin:0;block-size:100%;animation:linear both ssFill;animation-timeline:--ss;animation-range:contain contain 92%;display:block}html:not(.static) [dir=rtl] .ss-rail i{transform-origin:100%}html:not(.static) .ss .how>*{--s:0;animation:linear both ssStep;animation-timeline:--ss;animation-range:contain calc(var(--s) * 22%) contain calc(var(--s) * 22% + 14%)}html:not(.static) .ss .how>* .n{animation:linear both ssNum;animation-timeline:--ss;animation-range:contain calc(var(--s) * 22%) contain calc(var(--s) * 22% + 14%)}html:not(.static) .ss .how>:nth-child(2){--s:1}html:not(.static) .ss .how>:nth-child(3){--s:2}html:not(.static) .ss .how>:nth-child(4){--s:3}html:not(.static) .ss .csf-band{animation:linear both ssBand;animation-timeline:--ss;animation-range:contain 10% contain 92%}html:not(.static) [dir=rtl] .ss .csf-band{animation-name:ssBandRtl}}}@keyframes ssFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ssStep{0%{translate:0 16px}to{opacity:1;translate:none}}@keyframes ssNum{0%{color:var(--ink-2)}to{color:var(--accent)}}@keyframes ssBand{0%{clip-path:inset(0 100% 0 0 round 99px)}to{clip-path:inset(0 round 99px)}}@keyframes ssBandRtl{0%{clip-path:inset(0 0 0 100% round 99px)}to{clip-path:inset(0 round 99px)}}