.mm-hero-section{overflow:hidden}.mm-hero{width:100%;position:relative;padding:var(--margin-4) 0}.mm-hero__slider{position:relative;width:100%}.mm-hero__slider:not(.is-overflow) .mm-hero__arrows{display:none}.mm-hero__slide-wrapper{position:relative;width:100%}.mm-hero__image-container{position:relative;width:100%;aspect-ratio:1279.28/426;background:var(--black-200);overflow:hidden;border-radius:var(--rounded)}.mm-hero__image{width:100%;height:100%}.mm-hero__image img{width:100%;height:100%;object-fit:cover;display:block}.mm-hero__placeholder svg{width:100%;height:100%;object-fit:cover}.mm-hero__arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:var(--white);border:1px solid var(--black-200);border-radius:var(--rounded);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-short) var(--ease-out-cubic);z-index:var(--index-sm);opacity:1}.mm-hero__arrow:hover{background:var(--black-50);border-color:var(--black-300)}.mm-hero__arrow:disabled{opacity:0;cursor:not-allowed;pointer-events:none}.mm-hero__arrow--prev{left:0}.mm-hero__arrow--next{right:0}.mm-hero__arrow svg{width:16px;height:16px;color:var(--black-900);fill:none}.mm-hero__arrow .mm-icon{display:flex;align-items:center;justify-content:center}.mm-hero__empty{width:100%;aspect-ratio:3 / 1;background:var(--black-100);border-radius:var(--rounded);display:flex;align-items:center;justify-content:center}.mm-hero__empty p{color:var(--black-500);font-size:var(--font-size-base)}.mm-hero .splide__track{overflow:visible}.mm-hero .splide__list{display:flex;align-items:center}.mm-hero .splide__slide{transition:all var(--duration-short) var(--ease-out-cubic)}.mm-hero .splide__slide.is-active{opacity:1}.mm-hero n.splide__arrow svg{fill:none}@media screen and (max-width:768px){.mm-hero{padding-block:var(--margin-4)}.mm-hero__image-container{aspect-ratio:50/89;border-radius:var(--rounded-small)}.mm-hero__arrow--prev{left:0}.mm-hero__arrow--next{right:0}.mm-hero__arrow svg{width:14px;height:14px}}@media(hover:none){.mm-hero .splide__slide{cursor:grab}.mm-hero .splide__slide:active{cursor:grabbing}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mm-hero.css.map */