.blog-index{display:flex;flex-wrap:wrap}.blog-index__post{flex:0 0 100%;padding:1.4rem 1rem}.blog-index__wrapper{background-color:#fff;border:1px solid rgba(0,0,0,.05);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.06);height:100%;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.blog-index__wrapper:hover{box-shadow:0 12px 30px rgba(0,0,0,.1);transform:translateY(-5px)}.blog-post__title-wrapper{background-color:#1f1341;padding-bottom:40px;padding-top:80px}@media screen and (min-width:768px){.blog-index__post--small{flex:0 0 50%}}@media screen and (min-width:1000px){.blog-index__post--small{flex:0 0 33.33333%}}@media screen and (min-width:768px){.blog-index__post--large{display:flex;flex:1 0 100%}}.blog-index__post-thumb{background-position:50%;background-size:cover;height:260px;width:100%}.blog-index__post--large .blog-index__post-thumb{height:480px;width:100%}.blog-index__post-image{height:auto;max-width:100%;width:100%}.blog-index__post-content{padding:50px 40px;position:relative}.blog-index__post--large .blog-index__post-content{padding:60px}@media screen and (min-width:768px){.blog-index__post-image-wrapper--large{flex:1 1 48%}.blog-index__post-content--large{flex:1 1 48%;padding-left:2rem}.blog-index__post-content--full-width{flex:1 1 100%;padding-left:0}}.blog-index__post-timestamp{display:block;font-size:12px;letter-spacing:.1em;margin:0 0 20px;text-transform:uppercase}.blog-index__post-tags{position:absolute;top:-260px}.blog-index__post-tags span{display:none}.blog-index__post-tag{color:#fff;display:none;font-size:10px;letter-spacing:.1em;padding:5px 10px;text-transform:uppercase;transition:background-color .4s cubic-bezier(.05,.2,.1,1)}.blog-index__post-tag:first-child{display:block}.blog-index__post-tag:hover{color:#fff}.blog-index__post-author{align-items:center;display:flex;margin-top:10px}.blog-index__post-author-image{border-radius:50%;height:30px;margin-right:10px;width:30px}.blog-index__post-image--small,.blog-index__post-summary{color:#555;display:-webkit-box;font-size:16px;-webkit-line-clamp:3;line-height:1.6;margin:15px 0 0;-webkit-box-orient:vertical;overflow:hidden}.blog-index__post-button{margin-top:40px}.blog-index__post--small .blog-index__post-button{width:100%}.blog-pagination{display:flex;justify-content:center;margin-top:40px}.blog-pagination__link{border:2px solid transparent;border-radius:7px;font-size:18px;font-weight:500;margin:0 30px;text-decoration:none}.blog-pagination__link:focus,.blog-pagination__link:hover{text-decoration:none}.blog-pagination__link.blog-pagination__next-link--disabled,.blog-pagination__link.blog-pagination__prev-link--disabled{color:#ddd;cursor:default;pointer-events:none}.blog-pagination__next-link svg,.blog-pagination__prev-link svg{height:12px;margin:0 .3rem;opacity:.3;width:12px}.blog-pagination__next-link--disabled svg,.blog-pagination__prev-link--disabled svg{fill:#b0c1d4}.blog-pagination__number-link{background-color:#fff;border:none;border-radius:100px;font-size:14px;height:36px;line-height:36px;margin:0 5px;padding:0;text-align:center;width:36px}.blog-pagination__number-link:focus,.blog-pagination__number-link:hover{color:#fff;transition:background-color .3s}.blog-pagination__link--active{opacity:.5}@media (max-width:767px){.blog-pagination__number-link{display:none}}.blog-post{margin:0 auto}.blog-post h1{padding-bottom:10px;text-align:center}.content-body{background-color:#fff}.blog_post__overlay{height:100%;padding-bottom:10px;padding-top:50px;width:100%;z-index:-10}@media (max-width:767px){.blog_post__overlay{padding:0}.blog-post__title-wrapper{padding-bottom:30px;padding-top:60px}.blog-post__title-wrapper h1{font-size:32px}}.blog-post__title-wrapper *{color:#fff}.blog-post__title-wrapper h1{font-size:48px;font-weight:400;margin:0 auto}.blog-post__meta,.blog-post__title-wrapper h1{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:740px;text-align:left}.blog-post__meta{font-size:13px;letter-spacing:.1em;margin:0 auto 40px;opacity:.9;text-transform:uppercase}.blog-post__meta a{font-weight:500;margin:0 10px;text-decoration:none}.blog-post__meta a:hover{color:#fff}.blog-post__timestamp{display:inline-block;margin:0 10px}.blog-post__tags svg{height:auto;margin-right:10px;width:15px}.blog-post__body{background-color:#fff;color:#2c2c2c;font-size:18px;line-height:1.8;margin:0 auto;max-width:740px}.blog-post__body p{font-size:18px;margin-bottom:1.5em}.blog-post__body h2{color:#1f1341;font-size:32px;font-weight:700;line-height:1.3;margin-bottom:.75em;margin-top:2em}.blog-post__body h3{font-size:24px;line-height:1.3;text-transform:none}.blog-post__body h3,.blog-post__body h4{color:#1f1341;font-weight:600;margin-bottom:.5em;margin-top:1.5em}.blog-post__body h4{font-size:20px}.blog-post__body ol,.blog-post__body ul{margin-bottom:1.5em;padding-left:1.5em}.blog-post__body li{margin-bottom:.5em}.blog-post__body blockquote{background:#f9f9f9;border-left:4px solid #f6861f;border-radius:0 8px 8px 0;color:#555;font-size:20px;font-style:italic;margin:2em 0;padding:20px 24px}.blog-post__body img{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.05);height:auto;margin:2em 0;max-width:100%}.blog-post__body a{color:#f6861f;text-decoration:underline;text-underline-offset:2px}.blog-post__body a:hover{color:#d84315}.blog-post__tags{color:#fff;margin:40px auto 0;max-width:740px;text-align:left}.blog-post__tag-link{background-color:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.3);border-radius:50px;color:#fff!important;font-size:11px;letter-spacing:.05em;padding:6px 16px;text-transform:uppercase;transition:all .2s ease}.blog-post__tag-link:hover{background-color:#fff;color:#1f1341!important}.blog-callout{background:#f4f6f8;border-left:4px solid #f6861f;border-radius:8px;margin:2em 0;padding:20px 24px}.blog-callout a{align-items:center;color:#1f1341;display:inline-flex;font-weight:600;text-decoration:none}.blog-callout a:before{align-items:center;background:#f6861f;border-radius:50%;color:#fff;content:"▶";display:flex;flex-shrink:0;font-size:10px;height:24px;justify-content:center;margin-right:10px;padding-left:2px;width:24px}.blog-callout a:hover{color:#f6861f}.blog-related-posts{background-color:#f7f7f7}.blog-related-posts h3{text-align:center}.blog-comments h2{color:#fff}.blog-related-posts__list{display:flex;flex-wrap:wrap}.blog-related-posts__post{flex:0 0 100%;padding:1rem}.blog-related-posts__title a{font-weight:500}.code-container-dark{background-color:#2d2d2d;border-radius:5px;color:#f8f8f2;overflow-x:auto;padding:15px}.code-container-dark code{font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:14px}.code-container-dark .property,.code-container-dark .string{color:#a6e22e}.code-container-dark .punctuation{color:#f92672}.code-container-light{background-color:#f5f5f5;border:1px solid #ccc;border-radius:5px;color:#333;overflow-x:auto;padding:5px}.code-container-light code{font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:14px}.code-container-light .property{color:#005cc5}.code-container-light .entity{color:#22863a}.code-container-light .string{color:#032f62}.code-container-light .punctuation{color:#d73a49}.code-container-light .command{color:#005cc5}.code-container-light .comment{color:#6a737d}.code-container-light .version{color:#0366d6}.code-container-light .quoted{color:#d73a49}@media screen and (min-width:768px){.blog-related-posts__post{flex:0 0 50%}}@media screen and (min-width:1000px){.blog-related-posts__post{flex:0 0 33.33333%}}.blog-related-posts__image{height:auto;max-width:100%}.blog-related-posts__title{margin:.7rem 0}.blog-related-posts__content{padding:35px 40px 40px}.blog-comments{border-top:1px solid #eee;margin:0 auto;max-width:740px}.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}.blog-comments form{margin-top:40px}.blog-comments form:after{clear:both;content:"";display:table}.blog-comments div[class*=hs_email],.blog-comments div[class*=hs_firstname],.blog-comments div[class*=hs_lastname],.blog-comments div[class*=hs_website]{float:left;width:50%}.blog-comments div[class*=hs_email],.blog-comments div[class*=hs_firstname]{padding-right:10px}.blog-comments div[class*=hs_lastname],.blog-comments div[class*=hs_website]{padding-left:10px}.blog-comments .comment-reply-to{letter-spacing:0;padding-left:30px;text-transform:none}.blog-comments .comment{margin-bottom:20px}.blog-comments .comment-date{margin-left:10px}.blog-comments .replying-to{font-size:24px;letter-spacing:-.02em}