.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:1.75rem;transition:top .2s ease-in-out;transition-delay:0ms}.scrolling .blog-toc{position:sticky;top:9rem;transition-delay:.25s}.section-nav{padding-left:0}.section-nav a{color:var(--body-color);display:block;display:-webkit-box;font-size:14px;font-weight:700;line-height:1.2;margin-bottom:16px;overflow:hidden;padding-left:15px;position:relative;text-decoration:none;text-overflow:ellipsis;transition:all .1s ease-in-out;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.section-nav .active a,.section-nav a:focus,.section-nav a:hover{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:1200px){.blog-toc-container{flex:1;max-width:250px}.blog-toc{background-color:#f3f7ff;border-radius:10px;margin-bottom:10px;padding:12px}}@media screen and (min-width:1920px){.blog-toc-container{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.blog-col{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}}