.main-blog{--blog-bg: #f5f5f7;--blog-filter-gap: 1.2rem;--blog-filter-height: 4rem;--blog-filter-radius: .8rem;--blog-title-space: 1.6rem;--blog-grid-columns: 1fr;--blog-grid-gap: 2.4rem;background:var(--blog-bg)}.main-blog .title--primary{margin-bottom:var(--blog-title-space)}blog-filters{display:block}.blog-filters__bar{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--blog-filter-gap);margin-bottom:3.2rem}.blog-filters__label{grid-column:1 / -1;margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:700;font-size:1.4rem;opacity:.5}.blog-filters__field{min-width:0}.blog-filters__field:last-child{grid-column:1 / -1}.blog-filters__field .select__select{height:var(--blog-filter-height);min-height:var(--blog-filter-height);border-radius:var(--blog-filter-radius);background-color:#fff;font-weight:700;color:rgb(var(--color-foreground))}.blog-filters__field .select:before,.blog-filters__field .select:after{border-radius:var(--blog-filter-radius)}.blog-filters__field .select .icon-caret{opacity:.4}.blog-filters__field .select:after,.blog-filters__field .select:hover.select:after,.blog-filters__field .select__select:hover.select__select:after{box-shadow:none;border-color:transparent}.blog-filters__field .select__select:focus,.blog-filters__field .select__select:focus-visible{box-shadow:0 0 0 .2rem rgba(var(--color-foreground),.15);outline:none}.blog-filters__empty{margin:2rem 0;font-size:1.6rem;opacity:.7}button.pagination__item{background:transparent;border:0;font:inherit;cursor:pointer}.blog-articles{display:grid;grid-template-columns:var(--blog-grid-columns);gap:var(--blog-grid-gap)}@media screen and (min-width:750px){.main-blog{--blog-filter-width: 25rem;--blog-grid-columns: repeat(2, 1fr);--blog-grid-gap: 3.2rem}.blog-filters__bar{display:flex;flex-wrap:wrap}.blog-filters__label{grid-column:auto;margin-right:.4rem}.blog-filters__field{flex:0 1 var(--blog-filter-width);max-width:var(--blog-filter-width)}.blog-filters__field:last-child{grid-column:auto}}@media screen and (min-width:990px){.main-blog{--blog-title-space: 2.4rem;--blog-grid-columns: repeat(3, 1fr);--blog-grid-gap: 4rem}}
/*# sourceMappingURL=/cdn/shop/t/80/assets/section-main-blog.css.map */