.blog-container{background:#f9f9f9;min-height:100vh;--site-width: 1110px}.blog-container .updates-no-results{margin-top:2em}.blog-container .search-header{margin-bottom:0}.blog-container .blog-container__posts{margin:auto;padding:15px;flex-wrap:wrap;display:flex}@media(min-width: 1130px){.blog-container .blog-container__posts{max-width:1180px}}.blog-container .blog-container__posts>.article-link{margin:15px;background:#fff;border-bottom:1px solid rgba(0,0,0,.1);transition:150ms transform ease-in-out;text-decoration:none;display:block;color:#222}.blog-container .blog-container__posts>.article-link:first-child{width:100%;min-height:340px}.blog-container .blog-container__posts>.article-link:first-child .image{min-height:180px}@media(min-width: 800px){.blog-container .blog-container__posts>.article-link:first-child{display:flex}.blog-container .blog-container__posts>.article-link:first-child .image{flex:2}.blog-container .blog-container__posts>.article-link:first-child .article-content{padding:20px;flex-direction:column;justify-content:center;display:flex;flex:1}}.blog-container .blog-container__posts>.article-link.hide{display:none}@media(min-width: 600px){.blog-container .blog-container__posts>.article-link{width:calc(50% - 30px)}}@media(min-width: 1100px){.blog-container .blog-container__posts>.article-link{margin:20px;width:calc(33.333% - 40px)}}.blog-container .blog-container__posts>.article-link:hover{transform:translate3d(0, -2px, 0);box-shadow:0 2px 3px rgba(0,0,0,.1)}.blog-container .blog-container__posts>.article-link>.image{min-height:190px;align-items:center;display:flex}.blog-container .blog-container__posts>.article-link>.image img{width:100%;display:block}.blog-container .blog-container__posts>.article-link>.image.loading{background-color:rgba(0,0,0,.05)}.blog-container .blog-container__posts>.article-link>.image.logo{background-size:100px}.blog-container .blog-container__posts>.article-link>.article-content{padding:40px 20px}.blog-container .blog-container__posts>.article-link>.article-content .tag{font-weight:700;font-size:.8em;margin-bottom:15px;color:#9b9b9b}.blog-container .blog-container__posts>.article-link>.article-content .title{font-size:1.1em;font-weight:600}.blog-container .blog-container__posts>.article-link>.article-content .date{font-size:.9em;font-weight:600;color:rgba(0,0,0,.6)}.blog-container .blog-container__posts>.article-link>.article-content .loading{width:100%;height:12px;margin:0 0 12px;background:rgba(0,0,0,.05)}.blog-container .blog-container__posts>.article-link>.article-content .loading:last-child{width:30%}.blog-container .blog-container__posts>.article-link .loading{animation-duration:1.25s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeHolderShimmer;animation-timing-function:linear;background:#a9a9a9;background:linear-gradient(to right, #eeeeee 10%, #f2f2f2 25%, #eeeeee 40%);background-size:800px 104px}@keyframes placeHolderShimmer{0%{background-position:-200px 0}100%{background-position:600px 0}}.blog-post__progress{position:sticky;top:0;width:100%;z-index:9}.blog-post__progress span{width:0%;height:4px;background:var(--primary);display:block}.blog-post__heading{color:#fff;text-align:left;padding:4em 2em 2em;margin:0 auto 1em;background:var(--primary);flex-direction:column;justify-content:center;align-items:center;display:flex;gap:3em}@media(min-width: 680px){.blog-post__heading{padding:4em 4em;margin:0 auto 2em}}@media(min-width: 1070px){.blog-post__heading{flex-direction:row;margin-bottom:4em}}@media(min-width: 1290px){.blog-post__heading{padding:4em 8em;gap:4em}}.blog-post__heading .post-info{width:100%;max-width:500px}.blog-post__heading .post-image{max-width:700px}.blog-post__heading .post-image img{display:block;max-width:100%;border-radius:.8em}.blog-post__heading .tag{color:hsla(0,0%,100%,.562);font-size:.9em;font-weight:700;text-transform:uppercase;color:hsla(0,0%,100%,.6);text-decoration:none;align-items:center;display:flex;gap:.6em}.blog-post__heading h1{margin-top:10px;font-size:1.5em}@media(min-width: 700px){.blog-post__heading h1{font-size:2em}}.blog-post__heading .author-and-date{font-size:.9em;font-weight:600;color:hsla(0,0%,100%,.8);display:inline-flex}.blog-post__heading .author-and-date .avatar{min-width:45px;min-height:45px;margin-right:15px;border-radius:100%;background:hsla(0,0%,100%,.1) url(/assets/images/gridfox-icon-white.svg) 50% 56%/25px no-repeat}.blog-post__heading .author-and-date .avatar-content p{margin:0;font-size:1.1em}.blog-post__heading .author-and-date .avatar-content p:last-child{font-size:1em;opacity:.8}.blog-post__center{position:relative;margin:0 auto 8em;padding:0 2em;max-width:1520px;justify-content:center;display:flex;gap:4em}@media(min-width: 680px){.blog-post__center{padding:0 4em}}@media(min-width: 1070px){.blog-post__center{justify-content:space-between}}@media(min-width: 1290px){.blog-post__center{padding:0 8em;gap:8em}}.blog-post__panel{flex-shrink:0;max-width:360px;align-items:flex-end;flex-direction:column;display:none}@media(min-width: 1070px){.blog-post__panel{display:flex}}.blog-post__panel .sticky-panel{position:sticky;top:100px}.blog-post__panel .share-block{margin:1em 0 0;justify-content:flex-end;align-items:center;display:flex;gap:.9em}.blog-post__panel .share-block__title{font-size:.9em;color:gray}.blog-post__panel .share-block .aria-share-title{display:none}.blog-post__panel .share-block a:not(:hover){opacity:.75}.blog-post__panel .try-for-free{color:#fff;padding:1.4em;max-width:360px;background:#061839;border-radius:.8em;flex-direction:column;display:flex;gap:1.4em}.blog-post__panel .try-for-free .logo{font-size:1.1em;font-weight:600;padding-bottom:1em;border-bottom:1px solid hsla(0,0%,100%,.4);align-items:center;display:flex;gap:.8em}.blog-post__panel .try-for-free .title{font-weight:700;font-size:1.5em;line-height:1.4}.blog-post__panel .try-for-free ul{margin:0;padding-left:1em;flex-direction:column;display:flex;gap:1em}.blog-post__panel .try-for-free ul li::marker{color:var(--primary)}.blog-post__panel .try-for-free a{padding:.8em;background:var(--primary);color:#fff;font-size:1.1em;font-weight:600;cursor:pointer;border-radius:.4em;text-decoration:none;transition:150ms ease;text-align:center;display:block}.blog-post__panel .try-for-free a:hover{background:color-mix(in srgb, var(--primary), #000 10%)}.blog-post__container{max-width:720px;text-align:left;color:rgba(11,13,31,.8)}.blog-post__container h1{font-size:1.3em}@media(min-width: 1000px){.blog-post__container h1{font-size:1.6em}}.blog-post__container h2{margin:2em 0 0;font-size:1.1em}@media(min-width: 1000px){.blog-post__container h2{font-size:1.3em}}.blog-post__content{font-size:17px;line-height:1.5em}@media(min-width: 768px){.blog-post__content{font-size:19px}}.blog-post__content img{margin:50px auto;max-width:100%;display:block}.blog-post__next{margin:100px auto 0;margin:70px auto 150px;width:calc(100% - 40px);max-width:720px}@media(min-width: 740px){.blog-post__next{display:flex}}.blog-post__click-through-block{flex:1;min-width:300px;color:#222;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.05),inset 0 0 0 1px rgba(0,0,0,.1);transition:250ms ease-in-out;text-decoration:none;overflow:hidden;display:block}.blog-post__click-through-block:hover{transform:translate3d(0, -5px, 0);box-shadow:0 8px 12px rgba(0,0,0,.1),inset 0 0 0 1px rgba(0,0,0,0)}.blog-post__click-through-block .hero{background:50% 50%/cover no-repeat}.blog-post__click-through-block .hero img{width:100%}.blog-post__click-through-block .tag{font-size:1.1em;padding:20px 20px 10px;font-size:.8em;font-weight:700;text-transform:uppercase;color:#7a7a7a}.blog-post__click-through-block .title{padding:0 20px 20px;font-size:1.1em;font-weight:600}.blog-post__click-through-block+.blog-post__click-through-block{margin-top:40px}@media(min-width: 680px){.blog-post__click-through-block+.blog-post__click-through-block{margin-top:0;margin-left:40px}}.gridfox-popup.hidden{display:none}.gridfox-popup{position:fixed;top:100vh;left:0;right:0;height:100vh;z-index:10000;display:none;align-items:center;justify-content:center}@media(min-width: 800px){.gridfox-popup{display:flex}}.gridfox-popup-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1))}.gridfox-popup-content{position:relative;background:#fff;padding:2rem;max-width:640px;width:90%;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:1em;text-align:center;font-size:1.1em;line-height:1.4}.gridfox-popup-content ul{list-style:none;padding:0;flex-direction:column;display:flex;gap:1em}.gridfox-popup-close{position:absolute;top:1rem;right:1rem;background:rgba(0,0,0,0);border:none;font-size:1.5rem;cursor:pointer}.gridfox-popup-btn{display:inline-block;margin-top:1rem;padding:.75rem 1.5rem;background:var(--primary);color:#fff;text-decoration:none;border-radius:8px}.gridfox-popup-btn:hover{background:color-mix(in srgb, var(--primary), #000 10%)}.gridfox-popup-note{margin-top:.5rem;font-size:.875rem;color:#555}