.mm-hero-collection{padding:0px var(--spacing-5) var(--spacing-3) var(--spacing-5);overflow:hidden}.mm-hero-collection-container{padding:97px var(--spacing-5) var(--spacing-5) var(--spacing-5);grid-gap:var(--spacing-3);border-radius:var(--spacing-4);overflow:hidden;aspect-ratio:4 / 1;min-height:350px}.mm-hero-collection-title{width:75%;z-index:1;text-align:left}.mm-hero-collection-surtitle{width:50%;z-index:1}.mm-hero-collection .placeholder{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.mm-hero-collection-image{z-index:0}.mm-hero-collection-image img{height:100%;width:100%;object-fit:cover}.mm-hero-collection-video{z-index:0;height:auto}.mm-hero-collection-groupe{margin-right:-40px;grid-gap:var(--spacing-1);z-index:1}.mm-hero-collection-groupe .splide__track{padding-right:40px!important}.mm-hero-collection-groupe .splide__slide{width:fit-content!important}.mm-hero-collection-groupe-container{text-wrap:nowrap;padding:var(--rounded) 20px var(--rounded) var(--rounded);border-radius:200px;border:1px solid rgba(232,232,231,.2);background:#ffffff0d;grid-gap:var(--rounded-medium);transition:background var(--cubic-bezier-short),var(--duration-short)}.mm-hero-collection-groupe-container:hover{background:#fff3}.mm-hero-collection-groupe-container-image{border-radius:200px;width:40px;aspect-ratio:1;height:auto;background:var(--white);object-fit:contain}.mm-hero-collection-groupe-container .placeholder{position:relative;border-radius:200px;width:40px;aspect-ratio:1;height:auto;background:var(--white)}.mm-hero-collection-groupe-container-title{text-wrap:nowrap}@media (max-width: 768px){.mm-hero-collection{padding:0;background:var(--white)}.mm-hero-collection-container{padding:var(--spacing-3);grid-gap:var(--rounded-medium);border-radius:0;aspect-ratio:unset;min-height:unset}.mm-hero-collection-title{width:100%;padding:0 2.5%;text-align:center;color:var(--black-900);font-size:24px;line-height:120%}.mm-hero-collection-surtitle{width:100%;padding:0 2.5%;text-align:center;color:var(--black-700)}.mm-hero-collection-groupe{padding:0;margin:0 -15px;grid-gap:var(--spacing-2)}.mm-hero-collection-groupe .splide__track{padding:0 15px!important}.mm-hero-collection-groupe-container{border:1px solid var(--black-100)}.mm-hero-collection-groupe-container-title{color:var(--black-900)}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/mm-hero-collection.css.map */