:where(:not(.dialog-zoomed-gallery))>.product-media-container{--slide-width: 100%;display:flex;aspect-ratio:var(--gallery-aspect-ratio, var(--media-preview-ratio));max-height:var(--constrained-height);width:var(--slide-width, 100%);position:relative;overflow:hidden}:where(:not(.dialog-zoomed-gallery))>.product-media-container:where(.constrain-height){--viewport-offset: 400px;--constrained-min-height: 300px;--constrained-height: max(var(--constrained-min-height), calc(100vh - var(--viewport-offset)));margin-inline:auto}@supports (--test: round(up, 100%, 1px)){:where(:not(.dialog-zoomed-gallery))>.product-media-container{--slide-width: round(up, 100%, 1px)}}@media screen and (max-width:749px){.product-media-container.constrain-height{max-height:none}}@media screen and (min-width:750px){.product-media-container.constrain-height{--viewport-offset: var(--header-height, 100px);--constrained-min-height: 500px}body:has(header-component[transparent]) .product-media-container.constrain-height{--viewport-offset: 0px}}.product-media-container img{aspect-ratio:inherit;object-fit:contain}.product-media-container.media-fit-contain img{object-position:center center}.product-media-container.media-fit{--product-media-fit: cover}.product-media-container.media-fit img{object-fit:var(--product-media-fit)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hz-snippet-product-media-container-styles.css.map */