.article-template__hero-container{max-width:130rem;margin:0 auto}@media screen and (min-width: 1320px){.article-template__hero-container:first-child{margin-top:calc(5rem + var(--page-width-margin))}}.article-template__hero-medium{height:15.6rem}.article-template__hero-large{height:19rem}@media screen and (min-width: 750px) and (max-width: 989px){.article-template__hero-medium{height:34.9rem}.article-template__hero-large{height:42.3rem}}@media screen and (min-width: 990px){.article-template__hero-medium{height:54.5rem}.article-template__hero-large{height:66rem}}.article-template header{margin-top:4.4rem;margin-bottom:2rem;line-height:.8}@media screen and (min-width: 750px){.article-template header{margin-top:5rem}}.article-template__title{margin:0}.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:8rem;margin-bottom:10rem;font-size:1.8rem;display:flex;flex-direction:column;align-items:center}.article-template__content>*:not(img){max-width:71.2rem}.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}@media screen and (min-width: 750px){.article-template__comment-wrapper{margin-top:6rem}}.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}}.related-blog{background:#f4f5fa}.article-header-wrap{width:100%;min-height:44rem;position:relative;display:flex;align-items:flex-end;justify-content:flex-start}.article-header-wrap:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(180deg,#0000004d 12.5%,#0000000f);z-index:1}.article-header-wrap>img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover;z-index:0}.article-header-wrap>.page-width{position:relative;z-index:2;width:100%}.article-header-inner{display:flex;flex-direction:column;width:100%;max-width:73rem}.article-header-inner h1{color:#fff;font-size:4.2rem;font-weight:600;margin-top:0;margin-bottom:1rem}.article-header-desc{color:#fff;margin-bottom:2.2rem;display:flex;flex-wrap:wrap}.article-header-desc>p{font-size:1.8rem;margin-right:1.5rem;margin-top:0;margin-bottom:1rem}.related-slider .related-item{width:calc(100% / 3)}.related-slider .article-card__image-wrapper{overflow:hidden;position:relative;padding-top:66%}.related-slider .article-card__image-wrapper>img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover}.related-slider .related-item-inner{margin:0 3rem}.related-slider .flickity-prev-next-button{width:6rem;height:6rem;background:#151644;border-radius:0;color:#fff}.related-slider .aritcle-card__desc{margin-bottom:0}.related-slider .flickity-prev-next-button .flickity-button-icon{left:25%;top:25%;width:50%;height:50%}.related-slider .flickity-button:disabled{opacity:1;color:#1516444d;background:#fff}.related-slider .flickity-prev-next-button.next{right:0}.related-slider .flickity-prev-next-button.previous{left:0}.is-pointer-down,.related-slider:focus-visible{box-shadow:none;outline:none}.body-wrap.article{display:revert}@media (max-width: 989px){.related-slider .related-item{width:50%}.related-slider .flickity-prev-next-button{width:4rem;height:4rem}}@media (max-width: 749px){.related-slider .related-item{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-blog-post.css.map */
