nav{&.on-this-page{display:flex;position:-webkit-sticky;position:sticky;top:7rem;flex-direction:column;max-width:12rem;height:-moz-fit-content;height:fit-content;gap:.375rem;font-size:var(--font-size-caption);ul{display:flex;flex-direction:column;width:100%;margin:0;padding:0;list-style:none}h3{font-size:var(--font-size-body)}a{display:block;position:relative;padding:.375rem 0;span{display:block;transition:transform .24s var(--ease-fluid),color .24s var(--ease-fluid),font-weight .24s var(--ease-fluid)}&:before{position:absolute;top:50%;left:0;width:0;height:0;transform:translate(-50%,-50%);border-radius:100%;background-color:var(--color);content:"";opacity:0;transition:width .18s var(--ease-elastic),height .18s var(--ease-elastic),opacity .24s var(--ease-fluid)}&.active{span{transform:translateX(.75rem);color:var(--color-display);font-weight:600}&:before{width:.375rem;height:.375rem;opacity:1}}}@media (max-width:60rem){display:none;visibility:hidden}}}