.table-of-contents :is(.h2,.h3){color:#494951;font-size:16px;line-height:1.5;margin:0 0 8px;transition:all .3s}.table-of-contents :is(.h2,.h3) a:hover{color:#ff5a65}ul>li.h3:first-child{padding-top:24px}.table-of-contents{overflow:hidden;transition:all .3s}.table-of-contents.folded{height:0}.toc-container__wrapper .fold-button{display:none}.toc-container__wrapper.fold .fold-button{align-items:center;border:1px solid #d1d1cf;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.toc-header .fold-button .horizontal-line{background:#1c1d24;height:2px;transform:translateX(-1px);width:18px}.toc-header .fold-button .vertical-line{background:#1c1d24;height:18px;transform:translateX(9px);width:2px}.fold-button:not(.folded) .vertical-line{opacity:0}.toc-header .fold-button .line{transition:all .12s}.toc-header .fold-button:hover .horizontal-line{width:16px}.toc-header .fold-button:hover .vertical-line{height:16px;transform:translateX(8px)}.blog__post .main-content .toc-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:0}.blog__post .main-content .toc-header :is(h2,.h2){font-size:22px;line-height:1.4;margin-bottom:0}.blog__post .main-content .toc-container ul{box-sizing:border-box;margin-bottom:0}.blog__post .main-content .toc-container ul :is(li,a){font-size:14px;transition:all .3s}.table-of-contents .heading{position:relative;width:100%}.table-of-contents .heading:hover:before{width:100%}.table-of-contents .h2{font-weight:700;margin-bottom:0}.table-of-contents .h2:first-child{padding-top:16px}.table-of-contents .h2 a{display:block;padding-bottom:8px;padding-top:8px}.table-of-contents ul li:last-child a{margin-bottom:0}.table-of-contents ul li a:hover{text-decoration:underline}.table-of-contents .h2{list-style:disc;margin-left:20px}.table-of-contents .h3{margin-bottom:0;margin-left:20px}.table-of-contents .h3 a{display:block;line-height:1.4;padding-bottom:8px}.table-of-contents .h2+.h3 a{padding-top:10px}