.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}.on-this-page h3{font-size:var(--font-size-body)}.on-this-page ul{flex-direction:column;width:100%;margin:0;padding:0;list-style:none;display:flex}.on-this-page ul li{margin:0}.on-this-page ul li a{padding:.375rem 0;text-decoration:none;display:block;position:relative}.on-this-page ul li a:before{background-color:var(--color);content:"";opacity:0;width:0;height:0;transition:width var(--duration-fast)var(--ease-elastic),height var(--duration-fast)var(--ease-elastic),opacity var(--duration-standard)var(--ease-fluid);border-radius:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.on-this-page ul li a span{transition:transform var(--duration-standard)var(--ease-fluid),color var(--duration-standard)var(--ease-fluid);display:block;transform:translate(0)}.on-this-page ul li a[data-state=active]:before{opacity:1;width:.375rem;height:.375rem}.on-this-page ul li a[data-state=active] span{color:var(--color-display);transform:translate(.75rem)}@media (prefers-reduced-motion:reduce){.on-this-page ul li a:before,.on-this-page ul li a span{transition:none}}@media (max-width:60rem){.on-this-page{display:none}}