.blog_post_toc{height:100%;width:max(var(--blog-post-toc-width), calc((100vw - 100%) / 2 - var(--page-gutter)));padding-top:80px;display:none;position:absolute;top:0;left:100%}.blog_post_toc_nav{top:calc(var(--header-height) + 30px);max-height:calc(100vh - var(--header-height) - 60px);scrollbar-width:none;padding:2px 2px calc(2px + var(--fade-up-offset));position:sticky;overflow-y:auto}.blog_post_toc_nav::-webkit-scrollbar{display:none}.blog_post_toc_track{padding-left:var(--blog-post-toc-line-width);position:relative}.blog_post_toc_track:before{content:"";width:var(--blog-post-toc-line-width);background-color:var(--color-surface);border-radius:2px;position:absolute;top:0;bottom:0;left:0}.blog_post_toc_indicator{z-index:1;width:var(--blog-post-toc-line-width);background-color:var(--color-fg);border-radius:2px;height:0;transition:top .3s,height .3s;position:absolute;top:0;left:0}.blog_post_toc_list{flex-direction:column;display:flex}.blog_post_toc_link{color:var(--color-muted);border-radius:999px;padding:7px 14px;font-size:.9em;line-height:1.3;transition:color .2s;display:block}@media (hover:hover) and (pointer:fine){.blog_post_toc_link:hover{color:var(--color-fg)}}.blog_post_toc_link:focus-visible{outline-offset:-1px}.blog_post_toc_sub{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .3s,opacity .3s;display:grid}.blog_post_toc_sub>.blog_post_toc_sub_list{min-height:0;overflow:hidden}.blog_post_toc_sub_open{opacity:1;grid-template-rows:1fr}.blog_post_toc_sub_list{padding-left:10px}.blog_post_toc_sub_list .blog_post_toc_link{font-size:.85em}.blog_post_toc_link_active{color:var(--color-fg);font-weight:600}.blog_post_toc_link_text{display:grid}.blog_post_toc_link_text>span,.blog_post_toc_link_text:after{grid-area:1/1}.blog_post_toc_link_text:after{content:attr(data-text) / "";visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none;font-weight:600}@media (min-width:1100px){.blog_post_toc{display:block}}:root{--blog-post-toc-width:220px;--blog-post-toc-line-width:2px}