.blog-post__toc{margin-right:0;max-height:0;overflow-y:auto;scrollbar-width:none;transition:max-height .3s ease-in-out;@media screen and (min-width:1000px){max-height:300px}}.blog-post__toc-container{background-color:#eff1fa;border:1px solid #c2c7e4;border-radius:8px;margin:20px 0 40px;padding:15px 0;@media screen and (min-width:1000px){background-color:#fff;border-bottom-color:#e5e5e5;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#e5e5e5;border-left-style:solid;border-left-width:1px;border-right-color:#e5e5e5;border-right-style:solid;border-right-width:1px;border-top-color:#e5e5e5;border-top-style:solid;border-top-width:1px;margin-bottom:0;margin-left:0;margin-right:0;margin-top:0;padding-bottom:20px;padding-left:0;padding-right:0;padding-top:20px}}.blog-post__toc-container.active{.blog-post__toc{margin-top:10px;max-height:300px}.blog-post__toc--title-icon{transform:rotate(180deg)}}.blog-post__toc--title{align-items:center;color:#6a6a6a;display:flex;font-family:Inter Tight,sans-serif;font-size:14px;font-weight:600;justify-content:space-between;letter-spacing:3px;line-height:1.35;padding:0 20px;text-transform:uppercase;@media screen and (min-width:1000px){font-size:18px;letter-spacing:0;line-height:30px;margin-bottom:10px;margin-left:0;margin-right:0;margin-top:0}}.blog-post__toc--title-icon{display:flex;transition:transform .3s ease-in-out;@media screen and (min-width:1000px){display:none}}#ToC{list-style:none;padding:0}#ToC ul{margin:16px 0;padding:0 20px}#ToC a{color:#6a6a6a;display:block;font-family:Inter;font-size:14px;font-weight:400;letter-spacing:0;line-height:22px;margin:0 0 14px;position:relative;transition:none}#ToC a.active,#ToC a:hover{color:#5959eb;cursor:pointer}#ToC a.active{&:before{background-color:#5959eb;content:"";height:100%;left:-20px;position:absolute;top:0;transition:background-color .3s ease-in-out;width:4px}}