.twz-table-of-contents{background-color:var(--theme-purple-300);padding:4rem 2.5rem;border-radius:var(--radius)}.blog__intro+.twz-table-of-contents{margin-top:4rem}@media(min-width: 1024px){.blog__intro+.twz-table-of-contents{display:none}}.twz-table-of-contents ul{padding-left:1.5rem;display:flex;flex-direction:column;gap:1rem;margin-bottom:0}.twz-table-of-contents ul li{list-style:none}.twz-table-of-contents ul li a{text-decoration:none;color:var(--theme-purple-500);padding-left:0;position:relative}.twz-table-of-contents ul li a:hover{text-decoration:underline}.twz-table-of-contents ul li a:before{display:block;content:"";width:1rem;height:1rem;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='9.412' height='8.403' viewBox='0 0 9.412 8.403'%3E %3Cdefs%3E %3CclipPath id='clip-path'%3E %3Crect id='Rectangle_73' data-name='Rectangle 73' width='9.412' height='8.403' transform='translate(0 0)'/%3E %3C/clipPath%3E %3C/defs%3E %3Cg id='Group_211' data-name='Group 211' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E %3Cpath id='Path_181' data-name='Path 181' d='M4.707,8.4a1.251,1.251,0,0,1-1.079-.618L.172,1.883A1.25,1.25,0,1,1,2.329.62L4.707,4.679,7.082.62A1.25,1.25,0,0,1,9.24,1.883l-3.454,5.9A1.251,1.251,0,0,1,4.707,8.4'/%3E %3C/g%3E %3C/svg%3E");background-repeat:no-repeat;background-size:contain;position:absolute;left:0;top:50%;translate:-8px -50%;transition:.2s ease-in;opacity:0;rotate:-90deg}.twz-table-of-contents ul li a.active{padding-left:2rem}.twz-table-of-contents ul li a.active:before{opacity:1;translate:0 -50%}