.template-blog{--header-color: var(--color-light);--header-color-complementary: var(--color-dark);--header-color-bubble-count: var(--color-dark) }.template-blog #MainContent{margin-top:calc(var(--header-height)*-1)}.blog .blog-hero{aspect-ratio:1440/500;min-width:100%;max-height:31.25rem}@media (max-width:1023.98px){.blog .blog-hero{aspect-ratio:2/3}}.blog .blog-filter__button{justify-content:center;min-width:6rem}.blog .blog-filter__button.active{--button-text-color: var(--color-light);--button-background-color: var(--color-dark);--button-border-color: var(--color-dark) }.blog .blog-filter__button[data-tag="sport|Sup"]{text-transform:uppercase}@media (min-width:1024px){.blog__filters--sports,.blog__filters--categories{background-color:var(--color-background-secondary)}}@media (max-width:767.98px){.blog__filters{gap:var(--space-l);flex-direction:column}.blog__filters-list{gap:var(--space-m);flex-wrap:wrap;justify-content:center}}.article-grid{grid-column-gap:var(--space-2xl);grid-row-gap:var(--space-xl);grid-template-rows:1fr;grid-template-columns:repeat(3,1fr);grid-auto-flow:dense;display:grid}@media (max-width:1199.98px){.article-grid{grid-column-gap:var(--space-xl)}}@media (max-width:1023.98px){.article-grid{grid-column-gap:var(--space-xl);grid-row-gap:var(--space-xl);grid-template-columns:repeat(2,1fr)}}@media (max-width:767.98px){.article-grid{gap:var(--space-xl);flex-direction:column;display:flex}}.article-card__media{aspect-ratio:35/27}.article-card__category{padding:var(--space-s)var(--space-m);background:var(--color-body-primary);color:var(--color-light);border-radius:8px}.article-card:hover .article-card__link{text-decoration:underline}#magazine-top-margin{height:var(--space-xl)}@media (max-width:1199.98px){#magazine-top-margin{height:var(--space-xl)}}@media (max-width:1023.98px){#magazine-top-margin{height:var(--space-l)}}@media (max-width:767.98px){#magazine-top-margin{height:var(--space-m)}}.pagination-container{display:flex;justify-content:center;align-items:center}.pagination-container>.pagination-item{margin:0 var(--space-m)}.pagination-container>.pagination-item.active{cursor:default;color:var(--color-body-secondary)}.pagination-container>.pagination-item.disabled{cursor:default;color:var(--color-background-primary)}
/*# sourceMappingURL=/cdn/shop/t/167/assets/template-blog.css.map */