.toc{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:oklch(0% 0 0/.45);border:1px solid oklch(100% 0 0/.2);border-radius:.125rem;flex-direction:column;align-items:center;width:12.5rem;transition:opacity .2s;display:flex;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%)}@media (width>=768px){.toc{width:21.875rem}}.toc--hide{opacity:0;pointer-events:none}.toc__button{appearance:none;color:oklch(100% 0 0);cursor:pointer;text-align:center;background-color:#0000;border:none;width:100%;height:2.5rem;padding:0;font-size:clamp(.875rem,.791667rem + .173611vw,1rem);font-weight:700;line-height:1;position:relative;overflow:hidden}.toc__button:before{content:"";width:var(--page-progress,0%);z-index:-1;background-color:oklch(100% 0 0);height:.125rem;transition:color .2s;position:absolute;bottom:0;left:0}.toc__button:after{content:attr(aria-label);transition:color .2s}.toc__button:hover:before,.toc__button:focus-visible:before{background-color:oklch(70% .13 185)}.toc__button:hover:after,.toc__button:focus-visible:after{color:oklch(70% .13 185)}.toc__nav{border-top:1px solid oklch(100% 0 0/.2);width:100%;padding:0 .75rem;transition:height .2s}.toc__links{text-align:center;margin:0;padding:0;list-style:none}.toc__links li ul{margin-bottom:.125rem}.toc__links li ul a{font-size:clamp(.8125rem,.770833rem + .0868056vw,.875rem)}.toc__links a{color:oklch(100% 0 0);padding:.25rem 0;font-size:clamp(.875rem,.791667rem + .173611vw,1rem);font-weight:500;text-decoration:none;transition:color .2s;display:block;position:relative}.toc__links a:hover,.toc__links a:focus-visible{color:oklch(70% .13 185)}.toc__nav>.toc__links{padding:.375rem 0}