.product-media-modal{background:#fff}.product-media-modal__dialog{background:#fff;display:grid;grid-template-rows:1fr auto;align-items:stretch;height:100vh;height:100dvh;padding:0;margin:0;max-width:none}.product-media-modal__content.product-media-modal__content{display:flex;align-items:center;justify-content:center;overflow:hidden;padding:7rem 2rem 1rem;margin:0;max-width:none;height:auto;min-height:0}.product-media-modal__content>[data-media-id]{display:none;width:auto;max-width:min(72rem,92vw);margin:0}.product-media-modal__content>[data-media-id].active{display:block}.product-media-modal__content img,.product-media-modal__content .product__media img{display:block;width:auto;height:auto;max-width:min(72rem,92vw);max-height:calc(100dvh - 21rem);object-fit:contain;margin:0 auto;cursor:default}.product-media-modal__toggle.product-media-modal__toggle{position:fixed;top:2rem;right:2rem;z-index:3;height:4.4rem;width:4.4rem;border-radius:50%;background:#0000000f;border:none;color:#1b231f;display:grid;place-items:center;transition:background .15s ease}.product-media-modal__toggle:hover{background:#0000001f}.product-media-modal__toggle:focus-visible{outline:2px solid #1b231f;outline-offset:2px}.product-media-modal__toggle .icon{height:1.7rem;width:1.7rem}.lightbox-vignettes{display:flex;gap:.8rem;justify-content:center;flex-wrap:nowrap;overflow-x:auto;padding:1.2rem 2rem 2.4rem;background:#fff;scrollbar-width:thin}.lightbox-vignettes:empty,.lightbox-vignettes[hidden]{display:none}.lightbox-vignette{flex:0 0 auto;height:8.4rem;width:8.4rem;padding:0;border:none;background:#f4f4f4;cursor:pointer;opacity:.55;transition:opacity .15s ease;overflow:hidden}.lightbox-vignette img{width:100%;height:100%;object-fit:contain;display:block}.lightbox-vignette:hover{opacity:.85}.lightbox-vignette[aria-current=true]{opacity:1;background:#e8e8e8}.lightbox-vignette:focus-visible{outline:2px solid #1b231f;outline-offset:2px;opacity:1}.product-media-modal[data-une-seule] .lightbox-vignettes{display:none}.product-media-modal[data-une-seule] .product-media-modal__content img{max-height:calc(100dvh - 11rem)}@media screen and (max-width:749px){.product-media-modal__content.product-media-modal__content{padding:6rem 1rem .5rem}.lightbox-vignettes{justify-content:flex-start;padding:1rem 1.2rem 1.6rem}.lightbox-vignette{height:6.2rem;width:6.2rem}.product-media-modal__toggle.product-media-modal__toggle{top:1.2rem;right:1.2rem;height:4rem;width:4rem}}@media(prefers-reduced-motion:reduce){.lightbox-vignette,.product-media-modal__toggle{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/lightbox.css.map */