.article-template>*:first-child:not(.article-template__hero-container){margin-top:5rem}@media screen and (min-width:750px){.article-template>*:first-child:not(.article-template__hero-container){margin-top:calc(5rem + var(--page-width-margin))}}.article-template__hero-container{max-width:130rem;margin:0 auto}.article-template__hero-small{height:11rem}.article-template__hero-medium{height:22rem}.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-medium{height:44rem}.article-template__hero-large{height:66rem}}@media screen and (min-width:990px){.article-template__hero-small{height:27.5rem}.article-template__hero-medium{height:55rem}.article-template__hero-large{height:82.5rem}}.article-template header{margin-top:4.4rem;margin-bottom:2rem;line-height:calc(.8 / var(--font-body-scale))}@media screen and (min-width:750px){.article-template header{margin-top:5rem}}.article-template__title{margin:0 auto;text-align:center}.article-template__breadcrumbs{margin-bottom:1.6rem;line-height:1.4}.article-template__breadcrumbs ol{display:flex;margin:0;padding:0;flex-wrap:wrap;align-items:center;gap:0 .8rem;list-style:none}.article-template__breadcrumbs li{display:inline-flex;align-items:center;gap:.8rem}.article-template__breadcrumbs a{display:inline-flex;min-height:4.4rem;align-items:center;color:rgba(var(--color-foreground),.75);text-underline-offset:.3rem}.article-template__breadcrumb-current{display:block;max-width:min(32rem,60vw);overflow:hidden;color:rgb(var(--color-foreground));font-weight:700;text-overflow:ellipsis;white-space:nowrap}.article-template__title:not(:only-child){margin-bottom:1rem}.article-template__meta{display:flex;margin:1.6rem 0 0;padding:1.2rem 0;flex-wrap:wrap;justify-content:center;gap:.8rem 1.6rem;border-block:.1rem solid rgba(var(--color-foreground),.16);color:rgba(var(--color-foreground),.78);font-size:1.4rem;line-height:1.5;text-align:center}.article-template__meta li{display:inline-flex;align-items:baseline;gap:.4rem}.article-template__meta-label{color:rgb(var(--color-foreground));font-weight:700}.article-reading-progress{position:fixed;z-index:6;inset:0 0 auto;height:.4rem;background:rgba(var(--color-foreground),.12);pointer-events:none}.article-reading-progress span{display:block;width:100%;height:100%;background:rgb(var(--color-button));transform:scaleX(0);transform-origin:left center;transition:transform .12s linear}.article-template__contents{margin-top:2.4rem;margin-bottom:2.4rem}.article-template__contents summary{min-height:4.4rem;padding:1.2rem 1.6rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:.8rem;background:rgba(var(--color-foreground),.04);cursor:pointer;font-weight:700}.article-template__contents[open] summary{border-radius:.8rem .8rem 0 0}.article-template__contents nav{padding:1.2rem 1.6rem 1.6rem;border:.1rem solid rgba(var(--color-foreground),.2);border-top:0;border-radius:0 0 .8rem .8rem}.article-template__contents-list{margin:0;padding-left:2.4rem}.article-template__contents-list li+li{margin-top:.8rem}.article-template__contents-list a{display:inline-block;padding-block:.4rem;color:rgb(var(--color-foreground));text-underline-offset:.3rem}.article-template__contents-subitem{margin-left:1.6rem}.article-template__content :is(h2,h3)[id]{scroll-margin-top:8rem}@media(prefers-reduced-motion:reduce){.article-reading-progress span{transition:none}}.article-template__link{min-height:4.4rem;font-size:1.8rem;display:flex;justify-content:center;align-items:center;text-decoration:none}.article-template__back{display:flex;flex-wrap:wrap;justify-content:center;gap:1.6rem 3.2rem}.article-template__top-link{gap:.8rem}.article-template__link .icon-wrap{display:flex;margin-right:1rem;transform:rotate(180deg)}.article-template__content{margin-top:3rem;margin-bottom:3rem;font-size:1.75rem;line-height:1.75}.article-template__content h2,.article-template__content h3{margin-top:4rem;line-height:1.25}.article-template__content img{max-width:100%;height:auto;border-radius:var(--media-radius)}.article-template__content iframe,.article-template__content video{max-width:100%}.article-template__content table,.article-template__content pre{display:block;max-width:100%;overflow-x:auto}.article-template__content figure{max-width:100%;margin:3rem 0}.article-template__content [hidden]{display:none}.article-template__content blockquote{margin:3rem 0;padding:.5rem 0 .5rem 2.4rem;border-left:.4rem solid rgba(var(--color-foreground),.45);font-style:italic}.article-template__content a{text-underline-offset:.3rem;text-decoration-thickness:.1rem}.article-template__content [style*="#08ac3c" i],.article-template__content [style*="rgb(8, 172, 60)" i]{color:#067629!important}@media screen and (max-width:749px){.article-template__content{font-size:1.65rem;line-height:1.7}}.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}@media screen and (min-width:750px){.article-template__comment-fields{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:4rem}}.article-template__comment-warning{margin:2rem 0 2.5rem}.article-template__comment-count{margin:.8rem 0 2rem;color:rgba(var(--color-foreground),.78);font-size:1.4rem;line-height:1.5;text-align:right}.article-template__comment-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media screen and (min-width:990px){.article-template__comments .pagination-wrapper{margin:5rem 0 8rem}}.article-template__back:last-child{margin-bottom:3.2rem}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-blog-post.css.map */