.screen-timeline{display:none}
@media(min-width:1024px){
 .has-motion .screen-timeline{
  position:fixed;z-index:30;right:9px;top:50%;transform:translateY(-50%);
  display:flex;flex-direction:column;align-items:center;width:40px;max-height:92svh;
  padding:5px 0;background:#f3f0eaed;color:#262425;border:1px solid #26242524;
  border-radius:23px;box-shadow:0 3px 18px #1c1a1d0d;backdrop-filter:blur(12px);
 }
 .timeline-arrow,.timeline-stop{position:relative;display:flex;align-items:center;justify-content:center;width:38px;padding:0;border:0;background:none;color:inherit;cursor:pointer}
 .timeline-arrow{height:34px;flex:none;font:400 22px/1 Inter,sans-serif;border-radius:20px}
 .timeline-arrow:disabled{opacity:.2;cursor:default}
 .timeline-arrow:not(:disabled):hover{background:#a48db329}
 .timeline-groups{display:flex;flex-direction:column;min-height:0;width:100%}
 .timeline-group{position:relative;display:flex;flex-direction:column;align-items:center}
 .timeline-stop{height:25px;flex-shrink:1;min-height:16px}
 .timeline-mark{width:4px;height:4px;background:#96908e;border-radius:50%;transition:width .2s,background .2s}
 .timeline-substep{display:none;height:21px}
 .timeline-group.is-current .timeline-substep{display:flex}
 .timeline-substep .timeline-mark{width:8px;height:1px;border-radius:0;background:#bcb2c1}
 .timeline-stop[aria-current] .timeline-mark{width:17px;height:3px;background:#80628e;border-radius:3px}
 .timeline-stop:hover .timeline-mark{background:#262425}
 .timeline-stop:focus-visible,.timeline-arrow:focus-visible{outline:2px solid #80628e;outline-offset:-3px;border-radius:12px}
 .timeline-label{
  position:absolute;right:46px;top:50%;transform:translateY(-50%) translateX(4px);
  white-space:nowrap;font:400 12px/1.4 Inter,sans-serif;background:#262425;color:#f3f0ea;
  padding:9px 12px;border-radius:3px;pointer-events:none;opacity:0;visibility:hidden;
  transition:opacity .15s,transform .15s,visibility .15s;
 }
 .timeline-stop:hover .timeline-label,.timeline-stop:focus-visible .timeline-label{opacity:1;visibility:visible;transform:translateY(-50%)}
 .timeline-position{font:400 9px/1.5 Inter,sans-serif;color:#756c77;letter-spacing:-.02em;padding:7px 0 3px}
 body:has(dialog[open]) .screen-timeline{visibility:hidden}
}
@media(min-width:1024px) and (max-height:650px){
 .timeline-stop{height:20px}.timeline-substep{height:16px}.timeline-arrow{height:28px}
}