.blog-articles{display:grid;grid-gap:1rem;column-gap:var(--grid-mobile-horizontal-spacing);row-gap:var(--grid-mobile-vertical-spacing)}.section-header+.blog-articles-wrapper .blog-articles{margin-top:2.5rem}.blog-articles .card-wrapper{width:100%}@media screen and (min-width:750px){.blog-articles{grid-template-columns:1fr 1fr 1fr;column-gap:var(--grid-desktop-horizontal-spacing);row-gap:var(--grid-desktop-vertical-spacing)}.section-header+.blog-articles-wrapper .blog-articles{margin-top:4rem}.blog-articles--collage>*:nth-child(3n+1),.blog-articles--collage>*:nth-child(3n+2):last-child{grid-column:span 2;text-align:center}.blog-articles--collage>*:nth-child(3n+1) .card,.blog-articles--collage>*:nth-child(3n+2):last-child .card{text-align:center}.blog-articles--collage>*:nth-child(3n+1) .article-card__image--small .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--small .ratio:before{padding-bottom:22rem}.blog-articles--collage>*:nth-child(3n+1) .article-card__image--medium .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--medium .ratio:before{padding-bottom:44rem}.blog-articles--collage>*:nth-child(3n+1) .article-card__image--large .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--large .ratio:before{padding-bottom:66rem}}@media screen and (min-width:990px){.blog-articles--collage>*:nth-child(3n+1) .article-card__image--small .ratio .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--small .ratio .ratio:before{padding-bottom:27.5rem}.blog-articles--collage>*:nth-child(3n+1) .article-card__image--medium .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--medium .ratio:before{padding-bottom:55rem}.blog-articles--collage>*:nth-child(3n+1) .article-card__image--large .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--large .ratio:before{padding-bottom:82.5rem}}.blog-filter-search{margin:0 0 2rem;display:flex;flex-wrap:wrap;column-gap:2.4rem;row-gap:1.6rem;width:100%}.blog-filter-search:has(.skeleton-element){max-height:5rem;overflow-y:hidden}.main-blog:has(.section-header) .blog-filter-search{margin:2rem 0}.blog-filter-search blog-filters,.blog-filter-search main-search{flex:1 1 100%}.blog-filter-search blog-filters{width:calc(100% + var(--blog-filter-breakout-start, 1.5rem) + var(--blog-filter-breakout-end, 1.5rem));max-width:none;margin-left:calc(var(--blog-filter-breakout-start, 1.5rem) * -1);margin-right:calc(var(--blog-filter-breakout-end, 1.5rem) * -1);overflow:visible}@media screen and (min-width:990px){.blog-filter-search{display:grid;grid-template-columns:minmax(0,1fr);align-items:flex-start}.blog-filter-search:has(>main-search){grid-template-columns:minmax(0,1fr) 30rem}.blog-filter-search blog-filters{width:100%;min-width:0;margin-left:0;margin-right:0}.blog-filter-search main-search{width:100%;min-width:0}}.blog-filter-search .search__input{height:4.8rem}.blog-filter-search .field__button{height:4.8rem;width:4.8rem}.blog-filter-search .reset__button{right:calc(var(--inputs-border-width) + 4.8rem)}.article-promotion{display:flex;align-items:flex-end;position:relative;border-radius:var(--border-radius);overflow:hidden;height:100%}.article-promotion:after{content:"";position:absolute;z-index:-1;width:calc(var(--border-width)* 2 + 100%);height:calc(var(--border-width)* 2 + 100%);top:calc(var(--border-width)* -1);left:calc(var(--border-width)* -1);border-radius:var(--border-radius);box-shadow:var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity))}.article-promotion .shape-background{pointer-events:none}.article-promotion .blend-shape{position:absolute;top:-17rem;left:auto;right:-6rem}.article-promotion--content{padding:4rem 2.4rem;position:relative;flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end}@media screen and (min-width:990px){.article-promotion--content{padding:2.4rem}}.article-promotion--content h3{margin:0;margin-bottom:.8rem}.article-promotion--content .button{margin-top:1.6rem;align-self:flex-start;pointer-events:none}@media screen and (max-width:749px){.article-promotion--content .button{align-self:stretch}}.article-promotion--content .button:hover{transform:none!important}.article-promotion--content h3 a:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}blog-filters{display:block}blog-filters.loading{opacity:.6;pointer-events:none;transition:opacity .2s ease}.blog-articles-wrapper.loading{opacity:.5;transition:opacity .2s ease;position:relative;min-height:300px}
/*# sourceMappingURL=/cdn/shop/t/485/assets/section-main-blog.css.map */