media-gallery{display:block;width:100%}:where(media-gallery,.product-grid__item) .media-gallery__grid{grid-template-columns:1fr;gap:var(--image-gap)}@media screen and (max-width: 749px){.product-media-gallery__slideshow--single-media slideshow-container{grid-area:unset}}:not(.dialog-zoomed-gallery)>.product-media-container{--slide-width: round(up, 100%, 1px);display:flex;aspect-ratio:var(--gallery-aspect-ratio, var(--media-preview-ratio));max-height:var(--constrained-height);width:100%;position:relative;overflow:hidden}: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-right:auto;margin-left:auto}media-gallery:where(.media-gallery--grid) .media-gallery__grid{display:none}media-gallery.media-gallery--grid .media-gallery__grid .product-media-container{height:100%}.product-media :is(deferred-media,product-model){position:absolute}@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}.media-gallery--two-column .media-gallery__grid{grid-template-columns:repeat(2,1fr)}.media-gallery--large-first-image .product-media-container:first-child,.media-gallery--two-column .product-media-container:only-child{grid-column:span 2}media-gallery:is(.media-gallery--grid) slideshow-component{display:none}media-gallery:where(.media-gallery--grid) .media-gallery__grid{display:grid}}.product-media-container--model{flex-direction:column}.shopify-model-viewer-ui__controls-area{bottom:calc(var(--minimum-touch-target) + var(--padding-sm))}.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)}.product-media-container__zoom-button{position:absolute;width:100%;height:100%;z-index:var(--layer-flat);cursor:zoom-in;background-color:transparent}.product-media-container__zoom-button:hover{background-color:transparent}zoom-dialog dialog{width:100vw;height:100vh;border:none;margin:0;padding:0;max-width:100%;max-height:100%;background:#fff;opacity:0;transition:opacity var(--animation-speed) var(--animation-easing);scrollbar-width:none}zoom-dialog dialog[open]{opacity:1}@media (prefers-reduced-motion: no-preference){zoom-dialog dialog{scroll-behavior:smooth}}zoom-dialog dialog::backdrop{background:transparent}.close-button{position:fixed;top:var(--margin-lg);right:var(--margin-lg);width:var(--minimum-touch-target);height:var(--minimum-touch-target);z-index:var(--layer-flat);background-color:transparent;display:flex;align-items:center;justify-content:center;border-radius:50%}@supports not (background-color: rgb(from red 150 g b / alpha)){.close-button:focus-visible{outline:none;overflow:visible}.close-button:focus-visible:after{content:"";position:absolute;inset:calc(-1 * var(--focus-outline-offset));border:var(--focus-outline-width) solid currentColor;border-radius:50%;display:inherit}}.dialog--closed .close-button{animation:elementSlideOutBottom calc(var(--animation-speed) * .5) var(--animation-easing) forwards}.dialog-thumbnails-list-container{position:fixed;width:100%;bottom:0;display:flex;z-index:var(--layer-raised)}.dialog-thumbnails-list{position:relative;display:inline-flex;flex-direction:row;gap:8px;bottom:0;overflow-x:auto;opacity:0;padding:var(--padding-lg);margin-inline:auto;scrollbar-width:none;animation:thumbnailsSlideInBottom calc(var(--animation-speed) * .75) var(--animation-easing) forwards;animation-delay:calc(var(--animation-speed) * 1.5)}.dialog--closed .dialog-thumbnails-list{animation:thumbnailsSlideOutBottom var(--animation-speed) var(--animation-easing) forwards}@media screen and (min-width: 750px){.dialog-thumbnails-list{position:fixed;flex-direction:column;inset:50% var(--margin-lg) auto auto;right:0;max-height:calc(100vh - 200px);overflow-y:auto;animation:thumbnailsSlideInTop calc(var(--animation-speed) * .5) var(--animation-easing) forwards;animation-delay:calc(var(--animation-speed) * 2)}.dialog--closed .dialog-thumbnails-list{animation:thumbnailsSlideOutTop var(--animation-speed) var(--animation-easing) forwards}}.dialog-thumbnails-list__thumbnail{width:var(--thumbnail-width);height:auto;transition:transform var(--animation-speed) var(--animation-easing);flex-shrink:0;border-radius:var(--media-radius)}.dialog-thumbnails-list__thumbnail img{height:100%;object-fit:cover;border-radius:var(--media-radius);aspect-ratio:var(--aspect-ratio)}.dialog-thumbnails-list__thumbnail:is([aria-selected=true]){outline:var(--focus-outline-width) solid currentcolor;outline-offset:calc(var(--focus-outline-offset) / 2);border:var(--style-border-width) solid rgb(var(--color-border-rgb) / var(--media-border-opacity))}.close-button:hover{background-color:transparent;opacity:.8}.close-button svg{width:var(--icon-size-xs);height:var(--icon-size-xs)}.product-media{display:flex;flex:1}.product-media__image~* .deferred-media__poster-image{display:none}.product-media-container:has(.deferred-media__playing) .product-media__image{opacity:0;transition:opacity var(--animation-speed) var(--animation-easing)}@keyframes thumbnailsSlideInTop{0%{transform:translateY(calc(-50% + var(--margin-lg)));opacity:0}to{transform:translateY(-50%);opacity:1}}@keyframes thumbnailsSlideOutTop{0%{transform:translateY(-50%);opacity:1}to{transform:translateY(calc(-50% + var(--margin-lg)));opacity:0}}@keyframes thumbnailsSlideInBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes thumbnailsSlideOutBottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes dialogZoom{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(1em)}}@keyframes thumbnail-selected{0%,to{box-shadow:0 0 0 2px transparent;scale:.9}50%{box-shadow:0 0 0 2px #000;scale:1}}
/*# sourceMappingURL=/cdn/shop/t/340/assets/product-media-gallery.css.map */