.mm-media-container{position:sticky;top:130px;height:fit-content;max-height:calc(100vh - 140px);align-self:start}.mm-main-product-medias{align-self:start;height:100%}.mm-product-media-elem{width:100%}.mm-product-medias{gap:15px;flex-direction:row-reverse;height:100%;max-height:calc(100vh - 140px)}.main-slider{border-radius:8px;max-height:calc(100vh - 140px);width:100%;max-width:100%;aspect-ratio:1 / 1;overflow:hidden}.main-slider-variant,.thumbnail-slider-variant{display:none;aspect-ratio:1 / 1}.main-slider-variant.mm-active,.thumbnail-slider-variant.mm-active{display:flex;flex:1;max-height:100%}.main-slider .splide__track{border-radius:8px}.main-slider .splide__slide{height:100%}.main-slider img{width:100%;height:100%;object-fit:cover}.thumbnail-slider .splide__slide{border:none;opacity:.5;border-radius:9px;overflow:hidden;height:75px!important;width:75px}.splide__track--nav>.splide__list>.splide__slide{border:none;cursor:pointer}.thumbnail-slider .splide__slide.is-active{opacity:1;border:1.7px solid var(--bleu-nuit)!important}.thumbnail-slider .splide__slide img{height:75px;width:75px;object-fit:cover}.main-slider .splide__arrows .splide__arrow{bottom:-75px;top:auto;background:none!important}.main-slider .splide__arrows .splide__arrow svg{fill:#0d1744}@media (width <= 1024px){.mm-media-container{position:static;height:auto;width:calc(100% + 30px);margin-left:-15px}.thumbnail-slider .splide__slide img{height:340px;width:100%;max-height:auto;object-fit:cover}.thumbnail-slider .splide__slide{border:none;opacity:.5;border-radius:9px;overflow:hidden;height:100%!important;width:100%}.mm-product-medias{grid-gap:0}.main-slider,.main-slider-variant,.main-slider-variant.mm-active{display:none}.thumbnail-slider .splide__slide{opacity:1;width:auto!important}.thumbnail-slider .splide__slide.is-active{border:none!important}.mm-product-medias .splide__pagination__page{background:#0000004d;height:6px;opacity:1;width:6px}.mm-product-medias .splide__pagination__page.is-active{background:#0d1744;transform:none}.mm-product-medias .splide__pagination{bottom:-30px}}@media (width <= 450px){.thumbnail-slider .splide__slide{max-width:320px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mm-product-media.css.map */