.blog-post-wrapper{align-items:center;display:flex;flex-direction:column;padding:12px;width:100%}.post-body-wrapper{align-items:flex-start;display:flex;flex-direction:row}.h1-list{border-radius:12px;box-shadow:0 8px 24px 0 rgba(0,0,0,.15);flex-direction:column;gap:6px;left:0;margin-left:-236px;margin-right:66px;max-width:170px;min-width:170px;padding:32px 12px;position:sticky;top:96px;width:170px}.h1-list,.h1-list .h1-nav-item{align-items:center;background:var(--neutral-white,#fff);display:flex}.h1-list .h1-nav-item{border-radius:8px;color:#575e75;gap:10px;justify-content:space-between;padding:12px;text-decoration:none;transition:all .3s;width:100%}.h1-list .h1-nav-item a{text-decoration:none}.h1-list .h1-nav-item.active-title a{color:var(--night-title,#f6f7f8)}.h1-list .h1-nav-item.active-title{background:var(--primary-grey-100,#16181d);color:var(--night-title,#f6f7f8)}.h1-list .h1-nav-item a:focus,.h1-list .h1-nav-item a:hover,.h1-list .h1-nav-item:hover{color:var(--day-title,#16181d)}.h1-list .h1-nav-item:hover{background:var(--Grey-10,#f6f7f8)}.h1-list .h1-nav-item:focus{background:var(--day-separator-2,#e2e4e9);color:var(--day-title,#16181d)}.blog-post{align-items:center;display:inline-flex;max-width:912px}.blog-post,.blog-post .heading{flex-direction:column;width:100%}.blog-post .heading{display:flex;gap:48px;margin:48px 64px 0}.blog-post .heading .content{display:flex;flex-direction:column;gap:32px}.blog-post .heading .content .title-box{display:flex;flex-direction:column;gap:12px}.blog-post .heading .content p{margin:0}.blog-post .heading .content .author{color:#575e75}.blog-post .heading .content .meta{align-items:center;color:#575e75;display:flex;font-weight:700;gap:24px}.blog-post .heading .content .meta span{color:#575e75}.blog-post .heading .author-box{align-items:center;display:flex;gap:24px;justify-content:space-between}.blog-post .social-media{display:flex;gap:24px}.blog-post .social-links-icon{display:flex;height:32px;width:32px;fill:#f6f7f8;background-color:#16181d;border-radius:50px;justify-content:center;padding:6px}.blog-post .splitter{align-self:stretch;background:#16181d;border:none;height:2px;margin:0;width:100%}.blog-post .post-body{color:#575e75;display:flex;flex-direction:column;gap:48px;margin:48px 0;max-width:912px;width:100%}.blog-post .post-body h1:not(:first-child){padding-top:48px}.blog-post .post-body p img{border-radius:24px;height:auto!important;margin-bottom:16px;margin-top:16px;width:100%!important}.blog-post .post-body .hs_cos_wrapper_meta_field{display:flex;flex-direction:column;gap:16px}#hs_cos_wrapper_post_body p{margin:0}.blog-post .post-body .hs_cos_wrapper_meta_field ul{display:flex;flex-direction:column;gap:12px;margin:0;padding-left:32px}.blog-post .post-body .hs_cos_wrapper_meta_field ul li{padding-left:12px}.blog-post .share{align-items:center;display:flex;flex-direction:column;gap:24px;margin-bottom:48px;margin-top:48px}.up-to-date .hs_cos_wrapper{width:100%}.blog-post .up-to-date{background:var(--day-card,#f6f7f8);border-radius:24px;gap:32px;margin-bottom:48px;margin-top:48px;padding:48px}.blog-post .up-to-date,.blog-post .up-to-date .title{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column}.blog-post .up-to-date .title{gap:12px}.blog-post .up-to-date .title h1{margin:0}.blog-post-extra{display:flex;flex-direction:column;gap:96px;margin-bottom:96px}.blog-post-extra .more{align-items:center;display:flex;flex-direction:column;gap:48px;margin-bottom:48px;margin-top:48px}.blog-post-extra .explore{width:100%}.blog-post__timestamp{display:block;margin-bottom:.7rem}.blog-post__author{align-items:center;display:flex;margin-bottom:1.4rem}.blog-post__author-image{height:auto;margin-right:.7rem;width:50px}.blog-post__author-name,.blog-post__author-name:active,.blog-post__author-name:focus,.blog-post__author-name:hover{text-decoration:none}.blog-post__body img{height:auto;max-width:100%}.blog-comments .hs-submit{text-align:center}.blog-comments .comment-reply-to{border:0}.blog-comments .comment-reply-to:active,.blog-comments .comment-reply-to:focus,.blog-comments .comment-reply-to:hover{background-color:transparent;text-decoration:underline}@media (max-width:1260px){.post-body-wrapper{flex-direction:column}.h1-list{margin-left:0;margin-right:0;margin-top:48px;max-width:100%;position:static;width:100%}}