.blog-toc[data-v-0dc71e18]{--toc-width:24px;display:none}@media (width>=1200px){.blog-toc[data-v-0dc71e18]{z-index:20;width:var(--toc-width);display:block;position:fixed;top:50%;right:32px;transform:translateY(-50%)}}.blog-toc__trigger[data-v-0dc71e18]{color:var(--inline-secondary);transition:var(--transition-color);justify-content:center;align-items:center;display:flex}.blog-toc__trigger[data-v-0dc71e18]:hover{color:var(--inline-primary)}.blog-toc__panel[data-v-0dc71e18]{border-radius:var(--radius-s);background:var(--surface-secondary);width:280px;max-height:512px;padding:16px 24px;position:absolute;top:50%;right:0;overflow-y:auto;transform:translateY(-50%)}.blog-toc__panel[data-v-0dc71e18]::-webkit-scrollbar{width:4px}.blog-toc__panel[data-v-0dc71e18]::-webkit-scrollbar-track{background:0 0}.blog-toc__panel[data-v-0dc71e18]::-webkit-scrollbar-thumb{background-color:var(--surface-white);border-radius:2px}.blog-toc__panel[data-v-0dc71e18]{scrollbar-width:thin;scrollbar-color:var(--surface-white) transparent}.blog-toc__list[data-v-0dc71e18]{flex-direction:column;list-style:none;display:flex}.blog-toc__item--sub[data-v-0dc71e18]{padding-left:16px}.blog-toc__link[data-v-0dc71e18]{transition:var(--transition-color);color:var(--inline-secondary);font-family:var(--font-family-medium);width:100%;font-size:var(--p4-font-size);line-height:var(--p4-line-height);letter-spacing:var(--p4-letter-spacing);padding-block:8px;display:block}.blog-toc__link.active[data-v-0dc71e18]{color:var(--surface-dark)}.blog-toc-fade-enter-active[data-v-0dc71e18],.blog-toc-fade-leave-active[data-v-0dc71e18]{transition:opacity var(--transition)}.blog-toc-fade-enter-from[data-v-0dc71e18],.blog-toc-fade-leave-to[data-v-0dc71e18]{opacity:0}