.mm-product-media-elem{width:100%}.mm-product-medias{position:relative;gap:15px;position:sticky;flex-direction:row-reverse;border:1px solid var(--UI-Grey--200, #DEDEE0);background:#fff;padding:1px;max-width:600px}.mm-product-medias .splide__track,.mm-product-medias .splide__slide *{max-width:600px}.main-slider{flex:1}.main-slider-variant{display:none;aspect-ratio:1 / 1}.main-slider-variant.mm-active{display:flex;flex:1;max-height:100%}.main-slider .splide__slide{height:100%}.main-slider img{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:contain}.mm-main-product-medias-wrapper{grid-gap:16px}.mm-main-product-medias{margin-left:56px}.mm-product-pictos{position:absolute;bottom:16px;left:16px}.mm-product-pictos img{width:80px;height:80px;aspect-ratio:1/1;object-fit:contain}.main-slider .splide__arrow{display:flex;align-items:center;justify-content:center;width:49px;height:49px;border-radius:var(--radius-rounded-full, 1000px);border:1px solid var(--UI-Grey--200, #DEDEE0);background:var(--Wireframes-White, #FFF);box-shadow:0 6px 24px #0000001a;opacity:1!important}.main-slider .splide__arrow--prev{left:10px}.main-slider .splide__arrow--next{right:10px}.main-slider .splide__arrow svg{fill:none;width:16px;height:16px}.mm-product-media-zoom{cursor:pointer;position:absolute;bottom:16px;right:16px;display:flex;align-items:center;justify-content:center;width:49px;height:49px;border-radius:var(--radius-rounded-full, 1000px);border:1px solid var(--UI-Grey--200, #DEDEE0);background:var(--Wireframes-White, #FFF);box-shadow:0 6px 24px #0000001a;opacity:0;transform:scale(.9);transition:.3s;transition-timing-function:cubic-bezier(.45,.03,.51,.95)}.mm-product-medias:focus-within .mm-product-media-zoom,.mm-product-medias:hover .mm-product-media-zoom{opacity:1;transform:scale(1)}.mm-product-media-filter{display:block!important;position:fixed;top:0;left:0;height:100%;width:100%;background:#000c;opacity:0;pointer-events:none;transition:.3s;transition-timing-function:cubic-bezier(.45,.03,.51,.95);z-index:999}.mm-product-media-filter.mm-visible{opacity:1;pointer-events:auto}.mm-product-media-filter button{position:absolute;top:5%;right:5%;cursor:pointer}.mm-media-container.mm-zoomed{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999}.mm-media-container.mm-zoomed .mm-product-thumbnail-container{justify-content:center}.mm-media-container.mm-zoomed .mm-product-thumbnail-elem.mm-active{border:1px solid var(--UI-Grey--200, #DEDEE0)}.mm-media-container.mm-zoomed .main-slider .splide__arrow--next{right:-25%}.mm-media-container.mm-zoomed .main-slider .splide__arrow--prev{left:-25%}.mm-product-thumbnail-container{position:absolute;top:0;left:0;height:100%;width:48px}.mm-product-thumbnail-container:after{position:absolute;bottom:0;left:0;content:"";height:80px;width:100%;background:linear-gradient(to bottom,#fff0,#fff);pointer-events:none}.mm-zoomed .mm-product-thumbnail-container:after{display:none}.mm-product-thumbnail-container-inner{position:absolute;top:0;left:0;height:100%;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;padding-bottom:80px}.mm-product-thumbnail-container_inner::-webkit-scrollbar{display:none}.mm-product-thumbnail-elem{padding:0;width:48px;height:48px;flex-shrink:0;border:1px solid var(--UI-Grey--200, #DEDEE0);background:#fff;cursor:pointer;opacity:.5}.mm-product-thumbnail-elem:hover{opacity:1}.mm-product-thumbnail-elem.mm-active{border:1px solid red;opacity:1}.mm-product-thumbnail-elem img{width:46px;height:46px;object-fit:contain}#bookmarkit:focus{outline:solid 2px black}@media (min-width: 1440px){.mm-product-medias,.mm-product-medias .splide__track,.mm-product-medias .splide__slide *{max-width:unset}}@media (max-width: 768px){.mm-main-product-medias{margin-left:0}.mm-product-medias .splide__track,.mm-product-medias .splide__slide *{max-width:100%}.mm-product-medias{border-left:none;border-right:none;max-width:100%}.main-slider .splide__arrow--prev{left:5px}.main-slider .splide__arrow--next{right:5px}.mm-product-thumbnail-container::-webkit-scrollbar{display:none}.mm-product-thumbnail-container{display:none}.mm-product-media-zoom{display:none!important}.mm-product-form{padding:16px}#wishlist_icon{font-size:24px}.mm-media-container.mm-zoomed>.mm-mobile{display:none}.mm-product-pictos img{width:60px;height:60px}}
/*# sourceMappingURL=/cdn/shop/t/392/assets/mm-product-media.css.map */