.article-template{--blog-sidebar-width: 26rem;--blog-sidebar-gap: 6rem;--blog-main-width: 66.4rem;--blog-block-gap: 2.4rem;--blog-sticky-offset: 10rem}.article-template__hero-container--mobile{display:none}@media screen and (max-width:1023px){.article-template__hero-container--desktop{display:none}.article-template__hero-container--mobile{display:block}}.article-template__hero-container{margin-bottom:4rem}.article-template__hero-container--narrow{max-width:96rem;margin-left:auto;margin-right:auto;padding:0 var(--fluid-offset)}.article-template__hero-container--container{max-width:var(--page-width, 144rem);margin-left:auto;margin-right:auto;padding:0 var(--fluid-offset)}.article-template__hero-container--stretched{padding:0 var(--fluid-offset)}.article-template__hero{border-radius:var(--media-radius);overflow:hidden}.article-template__layout{max-width:144rem;margin:0 auto;padding:0 var(--fluid-offset);display:flex;flex-direction:column;gap:4rem}@media screen and (min-width:1024px){.article-template__layout{display:grid;grid-template-columns:var(--blog-sidebar-width) var(--blog-sidebar-gap) minmax(0,1fr) var(--blog-sidebar-gap) var(--blog-sidebar-width);column-gap:0;row-gap:0;align-items:start}}.article-template__main{min-width:0;display:flex;flex-direction:column;gap:var(--blog-block-gap)}@media screen and (min-width:1024px){.article-template__main{max-width:var(--blog-main-width);width:100%;margin:0 auto;grid-column:3 / 4}}.article-template__title-wrap{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:1.4rem}@media screen and (min-width:1024px){.article-template__title-wrap{margin-bottom:2.4rem}}.article-template__title-wrap--start{text-align:left;align-items:flex-start}.article-template__title-wrap--center{text-align:center;align-items:center}.article-template__title-wrap--end{text-align:right;align-items:flex-end}.article-template__title-wrap--narrow{max-width:96rem;margin-left:auto;margin-right:auto;padding:0 var(--fluid-offset)}.article-template__title-wrap--container{max-width:var(--page-width, 144rem);margin-left:auto;margin-right:auto;padding:0 var(--fluid-offset)}.article-template__title-wrap--stretched{padding:0 var(--fluid-offset)}.article-template__title{margin:0;color:rgb(var(--color-heading))}.article-template__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.4rem}.article-template__meta>*+*{position:relative;padding-left:1.4rem}.article-template__meta>*+*:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:1.2rem;background-color:currentColor;opacity:.5}.article-template__body{display:flex;flex-direction:column;gap:var(--blog-block-gap)}.article-template__block{margin:0}.article-template__block--title{margin-top:1.2rem;scroll-margin-top:var(--blog-sticky-offset);color:rgb(var(--color-heading))}.article-template__block--divider{margin:var(--divider-space) 0}.blog-block-note{position:relative;padding-left:1.6rem;color:rgb(var(--color-foreground))}.blog-block-note:before{content:"";position:absolute;left:0;top:.4rem;bottom:.4rem;width:2px;background-color:rgb(var(--color-blue-500));border-radius:100px}.blog-block-note p{margin:0 0 .6rem}.blog-block-note p:last-child{margin-bottom:0}.blog-block-note strong{font-weight:var(--font-body-weight-bold)}.blog-block-tip-card{background-color:rgb(var(--blog-tip-bg));color:rgb(var(--blog-tip-text));border-radius:var(--media-radius);overflow:hidden}.blog-block-tip-card--inset .blog-block-tip-card__inner{padding:2rem}.blog-block-tip-card__inner{display:flex;align-items:stretch;gap:1.6rem}.blog-block-tip-card__content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:1rem}@media screen and (min-width:768px){.blog-block-tip-card__content{padding:2rem}}.blog-block-tip-card__heading,.blog-block-tip-card__body{margin:0}.blog-block-tip-card__body>p{margin:0 0 .5rem}.blog-block-tip-card__body>p:last-child{margin-bottom:0}.blog-block-tip-card__cta{align-self:flex-start;margin-top:.6rem}.blog-block-tip-card__media{flex-shrink:0;width:20rem;align-self:stretch;display:block;overflow:hidden}.blog-block-tip-card--inset .blog-block-tip-card__media{border-radius:4px}.blog-block-tip-card:not(.blog-block-tip-card--inset) .blog-block-tip-card__media img{border-radius:0}.blog-block-tip-card__media img{width:100%;height:100%;object-fit:cover}.blog-block-tip-card--image-left .blog-block-tip-card__inner{flex-direction:row-reverse}@media screen and (max-width:767px){.blog-block-tip-card__inner,.blog-block-tip-card--image-left .blog-block-tip-card__inner{flex-direction:column-reverse}.blog-block-tip-card__media{width:100%;aspect-ratio:16 / 9}}.blog-block-highlight{border-radius:var(--media-radius);overflow:hidden;border:1px solid}.blog-block-highlight__header{display:flex;align-items:center;gap:.8rem;padding:1rem 1.4rem;color:rgb(var(--color-white-100))}.blog-block-highlight__icon{display:inline-flex;flex-shrink:0;margin-top:-1px}.blog-block-highlight__icon svg{width:1.6rem;height:1.6rem}.blog-block-highlight__heading{margin:0;color:currentColor}.blog-block-highlight__body{padding:1.2rem 1.4rem}.blog-block-highlight__body>p{margin:0 0 .5rem}.blog-block-highlight__body>p:last-child{margin-bottom:0}.blog-block-highlight--tip{border-color:rgb(var(--color-green-200))}.blog-block-highlight--tip .blog-block-highlight__header{background-color:rgb(var(--color-green-200))}.blog-block-highlight--tip .blog-block-highlight__body{background-color:rgb(var(--color-green-100));color:rgb(var(--color-green-200))}.blog-block-highlight--info{border-color:rgb(var(--color-blue-600))}.blog-block-highlight--info .blog-block-highlight__header{background-color:rgb(var(--color-blue-600))}.blog-block-highlight--info .blog-block-highlight__body{background-color:rgb(var(--color-blue-300));color:rgb(var(--color-blue-700))}.blog-block-highlight--warning{border-color:rgb(var(--color-red-200))}.blog-block-highlight--warning .blog-block-highlight__header{background-color:rgb(var(--color-red-200))}.blog-block-highlight--warning .blog-block-highlight__body{background-color:rgb(var(--color-red-100));color:rgb(var(--color-red-200))}.blog-block-table{overflow:hidden;border-radius:6px}.blog-block-table__table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--table-border-color);border-radius:6px}.blog-block-table__head{background-color:var(--table-header-bg);color:var(--table-header-text)}.blog-block-table__th{padding:1rem 1.4rem;text-align:left;font-weight:400}.blog-block-table__th:not(:last-child){border-right:1px solid var(--table-border-color)}.blog-block-table__td{padding:1rem 1.4rem;background-color:var(--table-body-bg);color:var(--table-body-text);border-top:1px solid var(--table-border-color)}.blog-block-table__td:not(:last-child){border-right:1px solid var(--table-border-color)}.blog-block-table__td--label{white-space:nowrap;width:1%}.blog-block-image,.blog-block-image__item{border-radius:var(--media-radius);overflow:hidden}.blog-block-image__item img{width:100%;height:auto;display:block}.blog-block-image--two-up{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;border-radius:0;overflow:visible}@media screen and (max-width:767px){.blog-block-image--two-up{grid-template-columns:1fr}}.blog-block-video{border-radius:var(--media-radius);overflow:hidden}.blog-block-video__player,.blog-block-video__deferred{display:block;width:100%}.article-template__block--content p,.article-template__block--text p{margin:0 0 1.2rem;line-height:calc(1.7 / var(--font-body-scale))}.article-template__block--content p:last-child,.article-template__block--text p:last-child{margin-bottom:0}.article-template__block--content ol,.article-template__block--content ul,.article-template__block--text ol,.article-template__block--text ul{margin:0 0 1.2rem;padding-left:2rem}.article-template__block--content li:not(:last-child),.article-template__block--text li:not(:last-child){margin-bottom:.5rem}.article-template__block--content iframe,.article-template__block--text iframe{margin-bottom:1.25rem}.article-template__block--content :is(iframe[src*=youtube],iframe[src*="youtu.be"],iframe[src*=vimeo]),.article-template__block--text :is(iframe[src*=youtube],iframe[src*="youtu.be"],iframe[src*=vimeo]){aspect-ratio:16 / 9;width:100%;height:auto}.article-template__toc{display:block}@media screen and (max-width:1023px){.article-template__toc{padding:2rem 1.2rem 0}}@media screen and (min-width:1024px){.article-template__toc{align-self:start;position:sticky;top:var(--blog-sticky-offset);grid-column:1 / 2;grid-row:1}}.article-template__toc-inner{display:flex;flex-direction:column;gap:1.4rem}.article-template__toc-heading{margin:0;color:rgb(var(--color-heading))}.article-template__toc-divider{margin:0;border:0;height:1px;background-color:rgb(var(--color-border))}.article-template__toc-list{margin:0;padding-left:2rem;display:flex;flex-direction:column;gap:1.2rem}.article-template__toc-item{margin:0;list-style:disc outside;list-style-image:var(--list-marker-icon)}.article-template__toc-link{color:rgb(var(--color-foreground));text-decoration:none}.article-template__toc-link:hover{color:rgb(var(--color-accent))}.article-template__products{display:none}@media screen and (min-width:1024px){.article-template__products{display:block;align-self:start;position:sticky;top:var(--blog-sticky-offset);grid-column:5 / 6;grid-row:1}}.article-template__products-inner{display:flex;flex-direction:column;gap:1.6rem}.article-template__products-heading{margin:0;text-align:center;color:rgb(var(--color-heading));padding-bottom:1.2rem;border-bottom:1px solid rgb(var(--color-border))}.article-template__products-list{display:flex;flex-direction:column;gap:1.6rem}.article-template__share{margin-top:2rem}.article-template__share--border{padding-top:2rem;border-top:1px solid rgb(var(--color-border))}.article-template__tags{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.article-template__tag-link{display:inline-block;padding:.8rem 1.6rem;border:1px solid rgb(var(--color-border));border-radius:100px;color:rgb(var(--color-foreground));text-decoration:none;transition:background-color .2s ease,border-color .2s ease}.article-template__tag-link:hover{background-color:rgb(var(--color-accent) / .05);border-color:rgb(var(--color-accent))}.article-template__author-bio{margin-top:2rem;padding-top:2rem;border-top:1px solid rgb(var(--color-border));display:flex;flex-direction:column;gap:1.2rem}.article-template__author-bio-text{margin:0;color:rgb(var(--color-heading))}.article-template__author-bio-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.article-template__author-bio-identity{display:flex;align-items:center;gap:1.6rem}.article-template__author-bio-avatar{flex-shrink:0;width:4.9rem;height:4.9rem;border-radius:50%;overflow:hidden}.article-template__author-bio-avatar-img{width:100%;height:100%;object-fit:cover}.article-template__author-bio-info{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.article-template__author-bio-name,.article-template__author-bio-sep{color:rgb(var(--color-heading))}.article-template__author-bio-role{color:rgb(var(--color-accent))}.article-template__author-bio-link{display:inline-flex;align-items:center;gap:.6rem;color:rgb(var(--color-gray-300));text-decoration:none}.article-template__author-bio-link .icon-linkedin{width:2.1rem;height:2.1rem}.article-template__next-article{margin-top:3rem;padding:2rem 0;border-top:1px solid rgb(var(--color-border));border-bottom:1px solid rgb(var(--color-border))}.article-template__next-article-link{display:flex;align-items:center;gap:1.6rem;color:rgb(var(--color-heading));text-decoration:none}.article-template__next-article-media{flex-shrink:0;width:8rem;border-radius:var(--media-radius);overflow:hidden}.article-template__next-article-text{display:flex;flex-direction:column;gap:.6rem;min-width:0}.article-template__next-article-subtitle{display:inline-flex;align-items:center;gap:.8rem}.article-template__next-article-subtitle svg{width:1.4rem;height:1.4rem}.article-template__next-article-title{display:block;color:rgb(var(--color-heading))}.article-template__comment-wrapper{margin-top:5rem}.article-template__comments-wrap{max-width:96rem;margin:0 auto;padding:0 var(--fluid-offset)}.article-template__comments-block{background-color:rgb(var(--color-blue-100));padding:3rem;margin-bottom:4rem;border-radius:var(--media-radius)}.article-template__comments-title{margin:0 0 1rem}.article-template__comments-comment{padding-top:2rem}.article-template__comments-comment--bordered{border-bottom:1px solid rgb(var(--color-border));padding-bottom:2rem}.article-template__comments-comment p{margin:0 0 .5rem}.article-template__comments-footer{text-align:left}.article-template__comments-form-title{margin:0 0 2rem}.article-template__comment-fields>*{margin-bottom:2rem}@media screen and (min-width:768px){.article-template__comment-fields{display:grid;grid-template-columns:repeat(2,1fr);column-gap:3rem}}.article-template__comments .pagination-wrapper{margin:3rem 0 0}.article-template__comment-warning{margin:2rem 0 0}.article-template__comment-submit{margin-top:2rem}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-blog-post.css.map */