.article-template{display:flex;flex-direction:column;gap:3.2rem}.article-template__hero-container{margin:0}.article-template>*{width:100%;margin:0 auto}.article-template__hero-container .media img{position:static!important}.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__title{margin:0}.article-template header{margin-bottom:1rem}.article-template__link{font-size:var(--text-font-size-large);display:flex;align-items:center;text-decoration:none}.article-template__back.left .article-template__link{justify-content:start}.article-template__back.center .article-template__link{justify-content:center}.article-template__back.right .article-template__link{justify-content:end}.article-template__link .icon-wrap{display:flex;margin-right:1rem;transform:rotate(180deg)}.article-template__content{margin-top:1rem;margin-bottom:1rem}.article-template__content table{box-shadow:none}.article-template__content table td{border:0}.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}@media screen and (min-width: 990px){.article-template__comments .pagination-wrapper{margin:5rem 0 8rem}}.article-template__navigation{display:grid;grid-template-columns:1fr;gap:1.6rem}.navigation-button{display:flex;flex-direction:row;gap:0;align-items:center;padding:0;text-decoration:none;color:rgb(var(--color-foreground));border-radius:var(--buttons-radius);background:rgb(var(--color-background));overflow:hidden;min-height:8rem;position:relative}.navigation-button:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(var(--color-foreground),0);transition:background-color var(--duration-default) ease;z-index:0}.navigation-button:hover:before{background-color:rgba(var(--color-foreground),.04)}.navigation-button-prev{justify-content:start;text-align:start}.navigation-button-next{justify-content:end;text-align:end}@media screen and (min-width: 750px){.article-template__navigation{grid-template-columns:1fr 1fr}.navigation-button{min-height:9.6rem}.navigation-button-prev{grid-column:1 / 2}.navigation-button-next{grid-column:2 / 2}}.navigation-button__content{display:flex;flex-direction:column;gap:.4rem;flex:1;padding:1rem 2.4rem;z-index:1}.navigation-button__media{height:100%;width:8rem;overflow:hidden;display:flex;align-items:center}.navigation-button__media img{transform:scale(1);height:8rem;width:8rem;max-height:8rem;max-width:8rem;transition:transform var(--duration-medium) ease;object-fit:cover;z-index:1;display:block}.navigation-button:hover .navigation-button__media img{transform:scale(1.04)}.navigation-button-prev img{border-top-left-radius:var(--buttons-radius);border-bottom-left-radius:var(--buttons-radius)}.navigation-button-next img{border-top-right-radius:var(--buttons-radius);border-bottom-right-radius:var(--buttons-radius)}@media screen and (min-width: 750px){.navigation-button__media{width:9.6rem;max-width:9.6rem}.navigation-button__media img{height:9.6rem;width:9.6rem;max-height:9.6rem;max-width:9.6rem}}
/*# sourceMappingURL=/cdn/shop/t/160/assets/section-blog-post.css.map */
