.blog-toc{background:#fff;border-radius:5px;box-shadow:0 4px 20px rgba(0,0,0,.07);margin-bottom:82px;padding:6px 10px}details summary svg{transform:rotate(0);transition:transform .15s ease;vertical-align:middle}details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}details[open]>summary svg{transform:rotate(90deg)}.toc-heading{scroll-padding-top:100px}.blog-toc{align-self:start;position:sticky;top:7rem;transition:top .2s ease-in-out;transition-delay:0ms}.section-nav{padding-left:0}.section-nav a{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;background:#f9f9f9;border-left:2px solid transparent;color:var(--body_color);display:block;font-size:14px;font-weight:600;margin-bottom:1rem;padding:.5rem;text-decoration:none;text-overflow:ellipsis;-webkit-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease}.section-nav .active a,.section-nav a:focus,.section-nav a:hover{border-left-color:var(--primary);color:var(--primary)}.section-nav a svg{left:0;position:absolute;top:5px}.section-nav .active svg path,.section-nav a:focus svg path,.section-nav a:hover svg path{fill:var(--primary)}.toc-title{border-bottom:2px solid hsla(0,0%,100%,.3);font-size:20px;font-style:normal;font-weight:900;line-height:25px;padding-bottom:.5rem}.toc-title-m{align-items:center;color:#1d074a;display:flex;font-size:16px;font-weight:700;justify-content:space-between}@media screen and (min-width:768px){.blog-toc{margin-bottom:38px}}@media screen and (min-width:992px){.blog-toc-container{flex:1}.blog-toc{background-color:transparent;box-shadow:none;margin-bottom:10px;padding:0}}@media screen and (min-width:1920px){.blog-toc-container{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}}