.progress{z-index:60;pointer-events:none;width:18px;position:fixed;top:0;bottom:0;left:0}.progress-track{background:var(--line);width:2px;position:absolute;inset:0 auto 0 8px}.progress-fill{background:var(--accent);transform-origin:top;will-change:transform;position:absolute;inset:0;transform:scaleY(0)}@supports (animation-timeline:scroll()){.progress-fill{animation:linear both progress-grow;animation-timeline:scroll(root)}}@keyframes progress-grow{to{transform:scaleY(1)}}.progress ol{position:absolute;inset:0}.progress li{width:10px;height:10px;margin-top:-5px;position:absolute;left:4px}.progress a{pointer-events:auto;display:block;position:absolute;inset:-8px}.progress a:before{content:"";border:1px solid var(--line-2);background:var(--bg);width:6px;height:6px;margin:-3px 0 0 -3px;transition:background-color .2s,border-color .2s;position:absolute;top:50%;left:50%;transform:rotate(45deg)}.progress .is-passed a:before,.progress .is-current a:before{border-color:var(--accent);background:var(--accent)}.progress-label{writing-mode:vertical-rl;color:var(--ivory-2);font:600 12px/1 var(--sans);letter-spacing:.02em;white-space:nowrap;opacity:0;transition:opacity .2s var(--ease-out);position:absolute;top:18px;left:50%;translate:2px}.progress .is-low .progress-label{top:auto;bottom:18px}.progress .is-current .progress-label{opacity:1;color:var(--accent)}@media (hover:hover) and (pointer:fine){.progress a:hover .progress-label{opacity:1}}.progress a:focus-visible{outline:2px solid var(--accent);outline-offset:-4px;border-radius:4px}.progress a:focus-visible .progress-label{opacity:1}@media (max-width:719px){.progress{width:10px}.progress-track{left:3px}.progress li{left:0}.progress-label{display:none}}
