#table-of-contents{display:none;transition:opacity .3s ease}#table-of-contents.visible{display:block}#table-of-contents{background-color:#fafafa;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.1);left:auto;max-height:80vh;overflow-y:auto;padding:20px;position:fixed;right:40px;top:135px;width:315px;z-index:10}.blog-post{margin-left:45px!important;max-width:830px!important}footer.footer-haptik{background:#fff;position:relative;z-index:10}.hptik-get{position:relative;z-index:5}html{scroll-behavior:smooth}.blog-post__body h2,.blog-post__body h3,.blog-post__body h4,.blog-post__body h5,.blog-post__body p span{scroll-margin-top:140px}#table-of-contents h3{color:#000;font-size:20px;margin-top:0}#toc-list{list-style-type:disc;padding-left:20px}#toc-list li{margin-bottom:10px}#toc-list a{color:#000;display:-webkit-box;font-size:14px;font-weight:700;text-decoration:none;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:4.5em;overflow:hidden;text-overflow:ellipsis}#toc-list a:hover{color:#0073aa;text-decoration:underline}@media(max-width:1240px){#table-of-contents.visible{display:none}}