#hs_cos_wrapper_portfolio-anchors,.blog-post__nav-wrp__wrp{height:100%}.blog-post__nav-wrp{background-color:#fff;border-radius:8px;display:block;left:calc(50% - 561px);max-width:256px;min-width:256px;position:sticky;top:90px;z-index:1}.blog-post__nav-wrp .blog-post__nav-title,.blog-post__nav-wrp .blog-post__nav-title *{color:#272b33;font-family:Roboto Condensed,san-serif;font-size:20px;font-weight:600;line-height:24px;margin:0}.blog-post__nav-wrp .blog-post__nav-title{margin-bottom:16px}.blog-post__nav-items>div{max-height:calc(100vh - 200px);overflow-y:auto}.blog-post__nav-items>div::-webkit-scrollbar{-webkit-appearance:none;background-color:#fff}.blog-post__nav-items>div::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#e6ecf4;border:5px solid transparent;border-radius:11px;cursor:pointer;width:6px}.blog-post__nav-items .blog-post__nav-anchor{background-color:#fff;border-bottom:none!important;border-left:2px solid #e6ecf4;border-radius:0 8px 8px 0;display:block;padding:12px 16px;position:relative;transition:all .2s ease-in-out}.blog-post__nav-items .blog-post__nav-anchor,.blog-post__nav-items .blog-post__nav-anchor *{color:#717c8c;font-family:Open Sans,sans-serif;font-size:14px;font-weight:500;line-height:20px;margin:0;transition:all .2s ease-in-out}.blog-post__nav-items .blog-post__nav-anchor:hover,.blog-post__nav-items .blog-post__nav-anchor:hover *{color:#393f4a}.blog-post__nav-items .blog-post__nav-anchor.active{background-color:rgba(34,95,191,.06);color:#225fbf}.blog-post__nav-items .blog-post__nav-anchor:active *{color:#225fbf}.blog-post__nav-items .blog-post__nav-anchor.active:after{background-color:#225fbf;content:"";height:100%;left:-2px;position:absolute;top:0;width:2px}.blog-post__nav-items .blog-post__nav-anchor.active>p{color:#225fbf}@media (max-width:1199.5px){.blog-post__nav-wrp{left:calc(50% - 432px);max-width:192px;min-width:192px}.blog-post__nav-items .blog-post__nav-anchor{padding:15px 16px 17px}}@media (max-width:1023.5px){.blog-post__nav-wrp__wrp{min-height:58px}.blog-post__nav-wrp{display:block;left:unset;max-width:100%;min-width:100%;position:relative;top:unset}.blog-post__nav-wrp.fixed{left:0;position:fixed;top:63px;z-index:9999}.blog-post__nav-wrp .blog-post__nav-title{background:#f1f4f9;border:1px solid transparent;margin:0;padding:16px 0;position:relative;transition:all .2s ease-in-out}.blog-post__nav-wrp .blog-post__nav-title,.blog-post__nav-wrp .blog-post__nav-title *{font-family:Open Sans,san-serif;font-size:16px;font-weight:400;line-height:24px;text-transform:unset}.blog-post__nav-anchor>p,.blog-post__nav-title>p{margin:0 auto!important;max-width:496px}.blog-post__nav-title:after{background-image:url(https://25516380.fs1.hubspotusercontent-eu1.net/hubfs/25516380/chevron.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:20px;position:absolute;right:18px;top:50%;transform:translateY(-50%) rotate(180deg);transition:all .2s ease-in-out;width:20px}.blog-post__nav-open .blog-post__nav-title{background:#fff;border-color:#225fbf transparent}.blog-post__nav-open .blog-post__nav-title:after{transform:translateY(-50%) rotate(0)}.blog-post__nav-items{background:#fff;border-radius:0 0 8px 8px;box-shadow:0 0 4px rgba(39,43,51,.08),0 8px 12px rgba(39,43,51,.08);height:0;left:0;max-height:208px;padding:12px 2px 12px 6px;position:absolute;top:58px;transition:all .2s ease-in-out;visibility:hidden;width:100%;z-index:0}.blog-post__nav-items>div{height:100%;overflow-y:scroll}.blog-post__nav-open .blog-post__nav-items{height:152px;visibility:visible;z-index:1}.blog-post__nav-items .blog-post__nav-anchor{border-left:unset;padding:10px 8px 10px 0}.blog-post__nav-anchor.active{border-radius:8px}.blog-post__nav-anchor:after{display:none}.blog-post__nav-anchor:active{background:#f1f4f9}.blog-post__nav-items .blog-post__nav-anchor,.blog-post__nav-items .blog-post__nav-anchor *{color:#181b21;font-size:14px;font-weight:400;line-height:20px}}@media (max-width:767.5px){.blog-post__nav-wrp__wrp{height:48px}.blog-post__nav-wrp .blog-post__nav-title{padding:12px 0}.blog-post__nav-wrp .blog-post__nav-title>*{padding-right:38px}.blog-post__nav-title:after{height:16px;right:16px;width:16px}.blog-post__nav-anchor>p,.blog-post__nav-title>p{max-width:100%;padding:0 16px}.blog-post__nav-items{top:unset}.blog-post__nav-items .blog-post__nav-anchor{padding:10px 16px}}