.product-media-container.constrain-height{background-color:var(--color-background)}.product-media-container.constrain-height:has(.product-media-constraint-wrapper){display:flex;justify-content:center;align-items:center}.product-media-container:not(.dialog-zoomed-gallery *) .product-media deferred-media,.product-media-container:not(.dialog-zoomed-gallery *) .product-media product-model{width:100%;height:100%;top:0;left:0}.product-media-container:not(.dialog-zoomed-gallery *) .product-media deferred-media video,.product-media-container:not(.dialog-zoomed-gallery *) .product-media deferred-media iframe{width:100%;height:100%;object-fit:cover}.product-media-container:not(.dialog-zoomed-gallery *) .product-media product-model model-viewer{width:100%;height:100%}.product-media-container--zoomable.product-media-container--image{cursor:zoom-in}.product-media-constraint-wrapper{width:100%;max-width:100%;flex-shrink:0}@media screen and (min-width: 768px){.product-media-constraint-wrapper{width:min(100%,var(--constrained-height) * var(--media-preview-ratio, 1))}}.media-fit-cover :is(img,video,iframe,.deferred-media__poster-image),.media-fit-contain :is(img,video,iframe,.deferred-media__poster-image){object-fit:var(--product-media-fit, cover);width:100%;height:100%}.media-fit-cover model-viewer,.media-fit-contain model-viewer{width:100%;height:100%}.media-fit-contain :is(img,.deferred-media__poster-image){background-color:var(--color-background)}.product-media__drag-zoom-wrapper{aspect-ratio:inherit;min-height:inherit;min-width:inherit;display:inherit;flex:inherit}.dialog--preloading{opacity:0}.dialog-zoomed-gallery{cursor:zoom-out}.dialog-zoomed-gallery .product-media{--gallery-aspect-ratio: var(--ratio)}.dialog-zoomed-gallery .product-media-container--zoomable.product-media-container--image{cursor:zoom-out}.dialog-zoomed-gallery .product-media-container--video deferred-media,.dialog-zoomed-gallery .product-media-container--external_video deferred-media{height:auto;aspect-ratio:var(--ratio)}.dialog-zoomed-gallery .product-media-container--model .product-media__image{height:100vh}.dialog-zoomed-gallery__close-button{color:#fff;mix-blend-mode:difference;z-index:var(--layer-raised)}.media-gallery__mobile-controls{grid-area:auto}@media screen and (max-width: 767px){.dialog-zoomed-gallery{overscroll-behavior:none;scrollbar-width:none;display:flex;scroll-snap-type:x mandatory;overflow-x:hidden;scroll-behavior:smooth;height:100%}.dialog-zoomed-gallery::-webkit-scrollbar{display:none}.dialog-zoomed-gallery .product-media-container{flex:0 0 100%;scroll-snap-align:start;position:relative}.dialog-zoomed-gallery .product-media-container--image .product-media{aspect-ratio:auto;height:100%;width:100%;overflow:hidden}.dialog-zoomed-gallery .product-media-container--video,.dialog-zoomed-gallery .product-media-container--external_video{align-content:center}.dialog-zoomed-gallery :is(.product-media-container--video,.product-media-container--external_video,.product-media-container--model) .product-media{aspect-ratio:auto;align-items:center;height:100%}.dialog-zoomed-gallery :is(.product-media-container--video,.product-media-container--external_video,.product-media-container--model) .product-media .product-media__image{height:100%}.product-media__drag-zoom-wrapper{display:flex;aspect-ratio:auto;height:100%;width:100%;overflow:scroll;scrollbar-width:none;justify-content:center}.product-media__drag-zoom-wrapper::-webkit-scrollbar{display:none}.product-media__drag-zoom-wrapper .product-media__image{--product-media-fit: cover;object-fit:var(--product-media-fit);overflow:hidden;transform:scale(var(--drag-zoom-scale)) translate(var(--drag-zoom-translate-x, 0),var(--drag-zoom-translate-y, 0))}.media-gallery--hint{--slideshow-gap: var(--gap-2xs)}.media-gallery--hint :not(.dialog-zoomed-gallery)>.product-media-container:not(:only-child){width:90%}.media-gallery--hint :not(.dialog-zoomed-gallery)>.product-media-container:not(:only-child) .product-media img{object-fit:cover}}
