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