.article-template{padding:0 15px}@media screen and (max-width: 989px){.article-template{padding:0 5px}}.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-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:58.7rem}.article-template__hero-large{height:82.5rem}}.article-template header{margin-bottom:5rem;line-height:calc(1.2 / var(--font-body-scale));text-align:center}.article-template__title{margin:21px 0 0;font-size:24px}@media screen and (min-width: 750px){.article-template__title{font-size:40px}}.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:5rem;margin-bottom:5rem;max-width:582px}.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:5rem auto;padding:0;max-width:582px}.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}@media screen and (min-width: 990px){.article-template__comments .pagination-wrapper{margin:5rem 0 8rem}}.article-template__back:last-child{margin-bottom:3.2rem}@media screen and (max-width: 989px){.article-template__images .images__container{flex-direction:column}}.article-template__images .image__item{flex:1;overflow:hidden}.image__item img{display:block;width:100%;max-width:100%;height:100%}@media screen and (min-width: 990px){.article-template .slider{margin:0}.article-template .slider--desktop .slider__slide:first-child{margin-left:0}}.article-template .slider--desktop .slider__slide:last-child{margin-right:0}.article-template .article-template__slider .slider__slide img{display:block;width:100%;max-width:100%;max-height:100%;object-fit:cover;max-height:413px}@media screen and (max-width: 989px) and (min-width: 750px){.article-template .article-template__slider .slider__slide img{max-height:587px}}.article-template slider-component .slider-progress{margin-top:2rem}@media screen and (min-width: 990px){.article-template .slider--desktop.grid--4-col-desktop .grid__item{width:calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);max-width:calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4)}}.article-template .slider-button.slider-button--prev{left:0}.article-template .slider-button.slider-button--next{right:0}.article-template__featured-image,.article-template__slider,.article-template__images,.article-template__products-related,.article-template__more-from-blog{margin:50px 0}.products-related__list .card__information{padding:1.5rem}.article-template__more-from-blog{margin:30px 0}@media screen and (min-width: 990px){.article-template .slider-component-full-width .slider--desktop .slider__slide:first-child{margin-left:0}}.article-template__slider .slider-progress{display:none}@media screen and (max-width: 989px){.article-template__slider .slider-progress{display:block}}
/*# sourceMappingURL=/cdn/shop/t/73/assets/section-blog-post.css.map */