.blog-comments{margin:0 auto;max-width:680px}.blog-comments .hs-submit{text-align:center}.blog-comments .comment-reply-to{border:0}.blog-comments .comment-reply-to:focus,.blog-comments .comment-reply-to:hover{background-color:transparent;text-decoration:underline}.cm_blog_main .page-center .page-center{margin:0;max-width:100%;padding:0;width:100%}.blog_sidebar .widget-type-post_filter ul{display:flex;flex-direction:row;flex-wrap:wrap;list-style:none;margin:0 -.25rem 1rem;padding:0}.blog_sidebar .widget-type-post_filter ul li{margin:.25rem}.blog_sidebar .widget-type-post_filter ul li a{background-color:#fff;border:2px solid #f1f2f2;border-radius:2rem;display:block;padding:.25rem 1rem;text-decoration:none}@media(max-width:1000px){.cm_blog_main>.page-center>.flex_row>.col4,.cm_blog_main>.page-center>.flex_row>.col8{width:100%}.cm_blog_main>.page-center>.flex_row{flex-direction:column-reverse;gap:0}.cm_blog_main{padding-top:40px}}#blog post # .body-container--blog-post{padding-top:80px}.hs-blog-post .content-wrapper.content-wrapper--vertical-spacing{padding-top:100px}.blog-post__banner{padding:1rem 0}.blog-post__header{margin-bottom:2rem}.blog-post__tag-arrow{display:flex;flex-direction:row;margin-bottom:2rem}.blog-post__back-to-blog{background-color:#f1f2f2;border-radius:.25rem;clip-path:polygon(0 0,calc(100% - .5rem) 0,100% 50%,calc(100% - .5rem) 100%,0 100%);position:relative;z-index:1}.blog-post__back-to-blog-link{border:0;border-radius:.25rem;display:block;padding:.25rem 1.5rem .25rem 1rem;text-decoration:none}.blog-post__back-to-blog-link:active,.blog-post__back-to-blog-link:focus,.blog-post__back-to-blog-link:hover{border:0;text-decoration:none}.blog-post__back-to-blog-icon{margin-right:.25rem}.blog-post__back-to-blog-icon svg{height:1rem;transform:translateY(2px);width:auto}.blog-post__tags{background:#22303c;border-radius:.25rem;color:#fff;padding:.25rem 1rem .25rem 1.5rem;transform:translateX(-.5rem)}.blog-post__tag-link,.blog-post__tag-link:hover{border:0;color:currentColor;text-decoration:none}.blog-post__meta{border-bottom-style:solid;border-bottom-width:1px;border-top-style:solid;border-top-width:1px;display:flex;flex-direction:column;font-size:.875rem;justify-content:space-between;margin-bottom:3rem;padding:1rem 0}.blog-post__sticky-box,.blog-post__warning{border:2px solid #f1f2f2;box-shadow:0 1px 2px rgb(16 24 40/5%);padding:1rem}.blog-post__difficulty span{padding:.15rem .25rem}.blog-post__warning{background:#ffebcd;font-size:.875rem;margin-bottom:2rem}.blog-post__body-wrapper{display:flex;flex-direction:row;width:100%}.blog-post__body{width:100%}.blog-post__sidebar{align-items:flex-start;display:flex;justify-content:flex-end}.blog-post__sticky-box{background-color:#fff;border-radius:.25rem;position:sticky;top:1rem;width:100%}.blog-post__body h3{background:#f1f2f2;border-left:5px solid #22303c;margin:50px 0 20px;padding:10px 20px}.blog-post__prev-next{border-bottom-style:solid;border-bottom-width:1px;border-top-style:solid;border-top-width:1px;display:flex;flex-direction:column;justify-content:space-between;margin-top:3rem;padding:1rem 0}.blog-post__prev-next-header{font-size:.875rem;margin-bottom:.25rem}@media (max-width:767px){.body-container--blog-post{padding-top:40px}.blog-post__body-wrapper{flex-wrap:wrap}.blog-post__sidebar{justify-content:center;width:100%}.blog-post__prev-next-item--prev{margin-bottom:2rem}}@media (min-width:768px){.hs-blog-post .body-container{padding-top:60px}.blog-post__header h1{font-size:3rem}.blog-post__meta,.blog-post__prev-next{flex-direction:row}.blog-post__body{max-width:800px}.blog-post__sidebar{flex-grow:1;padding-left:2rem}.blog-post__sticky-box{max-width:250px}.blog-post__prev-next-item{max-width:420px;width:50%}.blog-post__prev-next-item--prev{padding-right:1rem}.blog-post__prev-next-item--next{padding-left:1rem;text-align:right}}.gist{max-width:calc(100vw - 3rem)}.blog-post__body pre{background:#edf2fa;border-radius:9px;box-shadow:0 1px 4px rgba(0,0,0,.16);margin:0 0 40px;padding:57px 20px 20px;position:relative}.blog-post__body pre:after,.blog-post__body pre:before{background:#ff6058;border-radius:50%;content:"";display:inline;height:15px;left:20px;position:absolute;top:20px;width:15px}.blog-post__body pre:after{background:#28c840;left:45px}@media(max-width:767px){.blog-post__body pre{font-size:13px}}.blog-post__body .frame{height:100%!important;width:100%!important}