.alti{position:fixed;top:0;right:0;bottom:0;width:2px;z-index:40;pointer-events:none;background:var(--c-line);transition:opacity .2s var(--ease)}
.alti.is-off{opacity:0}
.alti-fill{position:absolute;inset:0;background:var(--c-or);transform:scaleY(0);transform-origin:50% 0;will-change:transform}
.alti-label{--alti-p:0;position:absolute;right:6px;top:calc(var(--nav-h) + var(--alti-p) * (100% - var(--nav-h) - 3rem));padding:.15em .35em;font-family:var(--f-mono);font-size:.6875rem;letter-spacing:.06em;line-height:1;white-space:nowrap;color:var(--c-or);background:var(--c-bg)}
@media (min-width:761px){
  .alti{opacity:.7}
  .alti.is-off{opacity:0}
}
@media (max-width:760px){.alti{display:none}}