/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./_src/styles/components/main-blog.scss ***!
  \**********************************************************************************************************************************************************************************************************************************/.main-blog .main-blog__banner{padding-block:clamp(var(--sp-12),8vw,var(--sp-24));overflow:hidden;border-radius:var(--rounded);margin-block-end:clamp(var(--sp-8),4vw,var(--sp-16))}.main-blog .main-blog__banner .banner__media,.main-blog .main-blog__banner .banner__image{border-radius:inherit}.main-blog .main-blog__banner-overlay{background-color:#00000026;pointer-events:none;border-radius:inherit}.main-blog .main-blog__banner .title-wrapper,.main-blog .main-blog__banner .title-wrapper .heading{color:#fff}.main-blog .main-blog__banner .subcollections{gap:var(--sp-3)}.main-blog .main-blog__banner .subcollections li:before{display:none}.main-blog .main-blog__banner .subcollections li:first-child .subcollection{padding-inline-start:clamp(var(--sp-4),1.2vw,var(--sp-5))}.main-blog .main-blog__banner .subcollection{height:auto;opacity:1;padding-inline:clamp(var(--sp-4),1.2vw,var(--sp-5));padding-block:var(--sp-2d5);background-color:#fff;color:rgb(var(--color-button-background));border-radius:var(--rounded-button, 999px);font-size:var(--text-sm);text-transform:uppercase;transition:background-color var(--animation-primary),color var(--animation-primary)}.main-blog .main-blog__banner .subcollection .btn-text:after{display:none}.main-blog .main-blog__banner .active .subcollection{background-color:rgb(var(--color-button-background));color:#fff}@media screen and (pointer:fine){.main-blog .main-blog__banner .subcollections:hover .subcollection{opacity:1}.main-blog .main-blog__banner .subcollection:hover{opacity:1;background-color:rgb(var(--color-button-background));color:#fff}}.main-blog .blog-grid .article-card:is(:nth-child(2),:nth-child(3),:nth-child(4)) .article-card__bottom{display:none}.main-blog .article-card__read-more{display:inline-flex;align-items:center;gap:var(--sp-1d5);width:max-content;color:rgb(var(--color-button-secondary-text));background:none;font-size:var(--text-sm);line-height:1.25;letter-spacing:0;text-transform:uppercase}.main-blog .article-card__read-more-arrow{transition:transform var(--animation-primary)}.main-blog .blog-collage .article-card:nth-child(1) .article-card__read-more{color:#fff}@media screen and (pointer:fine){.main-blog .article-card__read-more:hover{color:rgb(var(--color-button-secondary-text-hover))}.main-blog .article-card__read-more:hover .article-card__read-more-arrow{transform:translate(var(--sp-1))}.main-blog .blog-collage .article-card:nth-child(1) .article-card__read-more:hover{color:#fff}}@media screen and (min-width:1024px){.main-blog .blog-collage .article-card:nth-child(1){grid-row:span 3}.main-blog .blog-collage .article-card:nth-child(4){grid-column:span 10;flex-direction:row;margin-block-start:var(--sp-3);padding-block-start:var(--sp-3)}.main-blog .blog-collage .article-card:nth-child(4) .article-card__media{flex:0 0 40%}.main-blog .blog-collage .article-card:nth-child(4) :is(.article-card__media,.article-card__link,.article-card__image){height:100%}.main-blog .blog-collage .article-card:nth-child(4):before{content:"";position:absolute;width:100%;inset-block-start:calc(var(--card-grid-gap) / 2 * -1);border-block-start:1px solid rgb(var(--color-border))}}@media screen and (min-width:1024px)and (max-width:1279px){.main-blog .blog-collage .article-card:nth-child(4){display:grid;gap:var(--sp-6)}.main-blog .blog-collage .article-card:nth-child(4) .article-card__image{aspect-ratio:16/9}}@media screen and (min-width:1536px){.main-blog .blog-collage .article-card:nth-child(4){gap:var(--sp-10)}.main-blog .blog-collage .article-card:nth-child(4) .article-card__media{flex:0 0 45%}}
/*# sourceMappingURL=/cdn/shop/t/106/assets/main-blog.css.map */