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