.product-media-modal{--pdp-lightbox-gutter: 0rem;--pdp-lightbox-gutter-y: 0rem;--pdp-lightbox-edge: 1.6rem;--pdp-lightbox-button: 4.4rem}@media screen and (min-width:750px){.product-media-modal{--pdp-lightbox-gutter: 8.4rem;--pdp-lightbox-gutter-y: 2rem;--pdp-lightbox-edge: 2rem;--pdp-lightbox-button: 5rem}}.product-media-modal,.product-media-modal__dialog,.product-media-modal__content{background-color:#000;background-image:none}.product-media-modal__dialog{justify-content:center}.product-media-modal{transition:opacity .2s ease,visibility 0s linear .2s}.product-media-modal[open]{transition:opacity .2s ease,visibility 0s linear 0}.product-media-modal__dialog{transform:scale(.96);transition:transform .2s ease}.product-media-modal[open] .product-media-modal__dialog{transform:scale(1)}@media(prefers-reduced-motion:reduce){.product-media-modal,.product-media-modal[open],.product-media-modal__dialog{transition-duration:1ms}.product-media-modal__dialog{transform:none}}.product-media-modal__content{display:flex;align-items:center;justify-content:center;height:100vh;max-height:100vh;overflow:hidden;padding:0;touch-action:pan-y}.product-media-modal__content>*:not(.active){display:none}.product-media-modal__content>.active{display:block;margin:auto}.product-media-modal__content>img.active,.product-media-modal__content>deferred-media.active,.product-media-modal__content>.product-media-modal__model.active{width:calc(100vw - var(--pdp-lightbox-gutter) * 2)}.product-media-modal__content>img.active{height:calc(100vh - var(--pdp-lightbox-gutter-y) * 2);max-width:none;max-height:none;object-fit:contain}.product-media-modal__content .product__media,.product-media-modal__content .media{background:transparent;height:auto;padding:0}.product-media-modal__content img,.product-media-modal__content video,.product-media-modal__content iframe{max-width:calc(100vw - var(--pdp-lightbox-gutter) * 2);max-height:calc(100vh - var(--pdp-lightbox-gutter-y) * 2);width:auto;height:auto;object-fit:contain}.product-media-modal__toggle{position:fixed;top:var(--pdp-lightbox-edge);right:var(--pdp-lightbox-edge);z-index:3;display:flex;align-items:center;justify-content:center;width:var(--pdp-lightbox-button);height:var(--pdp-lightbox-button);padding:0;border-radius:50%;background:#000000b8;border:1px solid rgba(255,255,255,.35);color:#fff;opacity:1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.product-media-modal__toggle svg,.product-media-modal__toggle .icon{width:1.8rem;height:1.8rem;color:#fff}.pdp-lightbox__nav{position:fixed;top:50%;transform:translateY(-50%);z-index:3;display:flex;align-items:center;justify-content:center;width:var(--pdp-lightbox-button);height:var(--pdp-lightbox-button);padding:0;border-radius:50%;background:#000000b8;border:1px solid rgba(255,255,255,.35);color:#fff;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:opacity .15s ease,background-color .15s ease}.pdp-lightbox__nav svg{width:2.2rem;height:2.2rem}.pdp-lightbox__nav--prev{left:var(--pdp-lightbox-edge)}.pdp-lightbox__nav--next{right:var(--pdp-lightbox-edge)}.pdp-lightbox__nav:hover:not([disabled]){background:#000000e0}.pdp-lightbox__nav[disabled]{opacity:.28;cursor:default}.pdp-lightbox__nav[hidden],.pdp-lightbox__counter[hidden]{display:none}.pdp-lightbox__counter{position:fixed;top:var(--pdp-lightbox-edge);left:var(--pdp-lightbox-edge);z-index:3;display:flex;align-items:center;gap:.4rem;height:var(--pdp-lightbox-button);padding:0 1.6rem;border-radius:calc(var(--pdp-lightbox-button) / 2);background:#000000b8;border:1px solid rgba(255,255,255,.35);color:#fff;font-size:1.4rem;line-height:1;font-variant-numeric:tabular-nums;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.pdp-lightbox__counter-sep{opacity:.6}@media screen and (max-width:749px){.thumbnail-slider .thumbnail-list{scroll-snap-type:x mandatory;overscroll-behavior:contain;touch-action:pan-x;overflow-y:hidden}.thumbnail-list__item{scroll-snap-align:start}}@media screen and (min-width:750px){.thumbnail-slider{display:flex;align-items:center;gap:.8rem}.thumbnail-slider .thumbnail-list{display:flex;flex:1 1 auto;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;touch-action:pan-x;overscroll-behavior:contain;scrollbar-width:none;margin:0;padding:0}.thumbnail-slider .thumbnail-list::-webkit-scrollbar{display:none}.thumbnail-list__item{flex:0 0 calc((100% - 5 * 1rem) / 6);scroll-snap-align:start}.thumbnail-slider .slider-button{display:flex;flex:none}.thumbnail-slider .slider-button[disabled]{opacity:.3}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-pdp-lightbox.css.map */