.article-template>*:first-child:not(.article-template__hero-container){margin-top:0}@media screen and (min-width:750px){.article-template>*:first-child:not(.article-template__hero-container){margin-top:0}}.article-template__hero-container{max-width:130rem;margin:0 auto}.article-template__hero-container .media{display:flex;justify-content:center;align-items:center;max-height:50vh}.article-template__hero-container img{height:auto!important;width:auto!important;max-width:100%!important;max-height:50vh!important;position:relative!important}.article-template__hero-small{height:11rem}.article-template__hero-medium{height:auto!important}.article-template__hero-large{height:33rem}@media screen and (min-width:750px)and (max-width:989px){.article-template__hero-small{height:22rem}.article-template__hero-large{height:66rem}}@media screen and (min-width:990px){.article-template__hero-small{height:27.5rem}.article-template__hero-large{height:82.5rem}}.article-template header{margin-top:4.4rem;margin-bottom:1rem;line-height:calc(1.2 / var(--font-body-scale))}@media screen and (min-width:750px){.article-template header{margin-top:5rem}.article-template__hero-container img{max-width:50%!important}}.article-template__title{margin:0;font-size:2.5rem}.article-template__guides-hero-wrapper{background:var(--cro-header-bg, #f2f2f2);margin-top:0}@media screen and (min-width:750px){.article-template__guides-hero-wrapper{margin-top:0}}.article-template__guides-hero{margin-top:0!important}.article-template__guides-hero{display:grid;grid-template-columns:1fr;gap:2rem;max-width:1000px;margin-left:auto;margin-right:auto}@media screen and (min-width:750px){.article-template__guides-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:0}.article-template__title{font-size:3.5rem}}.article-template__guides-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:5rem 3rem}.article-template__guides-superheader{margin:0 0 1rem;font-size:1.4rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--color-foreground),.7)}.article-template__guides-subheading{margin:1.2rem 0 0;font-size:1.4rem;color:rgba(var(--color-foreground),.85)}.article-template__guides-media img,.article-template__guides-media svg{display:block;width:100%;height:auto}.article-template__title:not(:only-child){margin-bottom:1rem}.article-template__link{font-size:1.8rem;display:flex;justify-content:center;align-items:center;text-decoration:none}.article-template__link .icon-wrap{display:flex;margin-right:1rem;transform:rotate(180deg)}.article-template__content{margin-top:3rem;margin-bottom:3rem}.article-template__social-sharing{margin-top:3rem}.article-template__social-sharing+header,.article-template__social-sharing+.article-template__content{margin-top:1.5rem}.article-template__comment-wrapper{margin-top:5rem;padding:2.7rem 0}@media screen and (min-width:750px){.article-template__comment-wrapper{margin-top:6rem;padding:3.6rem 0}}.article-template__comment-wrapper h2{margin-top:0}.article-template__comments{margin-bottom:5rem}@media screen and (min-width:750px){.article-template__comments{margin-bottom:7rem}}.article-template__comments-fields{margin-bottom:4rem}.article-template__comments-comment{color:rgba(var(--color-foreground),.75);background-color:rgb(var(--color-background));margin-bottom:1.5rem;padding:2rem 2rem 1.5rem}@media screen and (min-width:750px){.article-template__comments-comment{padding:2rem 2.5rem}}.article-template__comments-comment p{margin:0 0 1rem}.article-template__comment-fields>*{margin-bottom:3rem}.article-template__comment-warning{margin:2rem 0 2.5rem}@media screen and (min-width:990px){.article-template__comments .pagination-wrapper{margin:5rem 0 8rem}}.article-template__back:last-child{margin-bottom:3.2rem}.article-template__content>h1:first-child{display:none}.article-template__author{display:grid;gap:1rem;grid-template-columns:1fr;background-color:#e3f2ff;border-radius:20px;padding:2rem;margin:2rem auto 0}.article-template__author-image img{display:block;width:100px;height:auto;border-radius:.5rem}.article-template__author-name{margin:0;color:#7dba63}.article-template__author-description{margin:0}@media screen and (min-width:550px){.article-template__comment-fields{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:4rem}.article-template__author{display:grid;gap:1rem;grid-template-columns:100px 2fr;width:95%}}.article-template__content iframe:not(.iframe-wrapper iframe){display:block;width:60%;max-width:100%;margin:2rem auto;border:0}.article-template__content .iframe-wrapper{position:relative;width:60%;max-width:100%;margin:2rem auto;padding-bottom:56.25%;height:0;overflow:hidden}.article-template__content .iframe-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.article-template__content .iframe-wrapper:not(.iframe-shorts){padding-bottom:56.25%}.article-template__content .iframe-wrapper.iframe-shorts{padding-bottom:175%}@media screen and (min-width:750px){.article-template__content .iframe-wrapper.iframe-shorts{width:60%;max-width:360px;padding-bottom:90%;margin:1rem auto}.article-template__content .iframe-wrapper:not(.iframe-shorts){width:100%}}@media screen and (max-width:749px){.article-template__content iframe:not(.iframe-wrapper iframe),.article-template__content .iframe-wrapper{width:100%}.article-template{font-size:calc(var(--font-body-scale) * 130%)}}.article-toc{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:2rem;margin-bottom:3rem}.article-toc__title{margin-top:0;margin-bottom:1.5rem;font-size:2rem}.article-toc__items{padding-left:0!important;margin:0;list-style:decimal inside}.article-toc__subitems{list-style:lower-alpha inside;padding-left:1.5rem;margin:.4rem 0}.article-toc__item{margin-bottom:.8rem;margin-left:0}.article-toc__item--sub{margin-bottom:.4rem}.article-toc__link{text-decoration:none;color:rgba(var(--color-foreground),.75);transition:color .2s ease}.article-toc__link:hover{color:rgb(var(--color-foreground));text-decoration:underline}.article-template__content blockquote{--quote-accent: #41a5da;--quote-surface: #e8f4fd;position:relative;width:90%;margin:3rem auto;padding:2.5rem;border:0;border-radius:1.6rem;background-color:var(--quote-surface);font-style:normal;color:rgb(var(--color-foreground))}.article-template__content blockquote:before{content:"";display:block;width:3.2rem;height:3.2rem;margin:0 0 1.5rem;color:var(--quote-accent);background-color:currentColor;-webkit-mask:url(icon-quote.svg) no-repeat center / contain;mask:url(icon-quote.svg) no-repeat center / contain}.article-template__content blockquote>p:has(strong),.article-template__content blockquote>p:has(b),.article-template__content blockquote>p:has(img),.article-template__content blockquote>div:has(strong),.article-template__content blockquote>div:has(b),.article-template__content blockquote>div:has(img){display:flex;align-items:center;gap:2rem;margin:0;font-style:normal;font-size:1.3rem;font-weight:400;line-height:1.2;color:rgba(var(--color-foreground),.7)}.article-template__content blockquote>p:has(strong) img,.article-template__content blockquote>p:has(b) img,.article-template__content blockquote>p:has(img) img,.article-template__content blockquote>div:has(strong) img,.article-template__content blockquote>div:has(b) img,.article-template__content blockquote>div:has(img) img{width:4rem;height:4rem;border-radius:50%;object-fit:cover;background:#fff;margin:0;flex-shrink:0}.article-template__content blockquote>p:has(strong) strong,.article-template__content blockquote>p:has(strong) b,.article-template__content blockquote>p:has(b) strong,.article-template__content blockquote>p:has(b) b,.article-template__content blockquote>div:has(strong) strong,.article-template__content blockquote>div:has(strong) b,.article-template__content blockquote>div:has(b) strong,.article-template__content blockquote>div:has(b) b{display:block;font-size:1.6rem;font-weight:700;line-height:1.2;color:rgb(var(--color-foreground))}.article-template__content blockquote>p:not(:has(strong)):not(:has(b)):not(:has(img)),.article-template__content blockquote>div:not(:has(strong)):not(:has(b)):not(:has(img)){font-size:1.75rem;line-height:1.6;font-weight:500;margin:0 0 2rem}@media(min-width:750px){.article-template__content blockquote{width:80%;padding:3.5rem 4rem;border-radius:2rem}.article-template__content blockquote:before{width:4rem;height:4rem}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/section-blog-post.css.map */