.video-background,.video-background *{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.video-background--cover *{object-fit:cover}.video-background--contain *{object-fit:contain}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 }.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:#fff0}.product-media-container__zoom-button:hover{background-color:#fff0}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:#fff0}.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:#fff0;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:#fff0;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)}:is(product-model,deferred-media){height:100%;width:100%;position:relative}product-model model-viewer,:is(deferred-media,product-model)>.deferred-media__poster-button~*:not(template){display:block;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;padding:inherit}slideshow-slide .shopify-model-viewer-ui__controls-area.shopify-model-viewer-ui__controls-area{bottom:var(--padding-sm);right:var(--padding-sm)}.dialog-zoomed-gallery .shopify-model-viewer-ui__controls-area.shopify-model-viewer-ui__controls-area{bottom:calc(var(--thumbnail-width) / calc(var(--media-preview-ratio)) + var(--padding-lg) * 2);right:var(--padding-lg)}@media screen and (max-width:749px){slideshow-component:has(:not(.mobile\:hidden) :is(.slideshow-controls__dots,.slideshow-controls__counter)) .shopify-model-viewer-ui__controls-area{bottom:calc(var(--minimum-touch-target) + var(--padding-sm))}}@media screen and (min-width:750px){slideshow-component:has(:not(.desktop\:hidden) :is(.slideshow-controls__dots,.slideshow-controls__counter)) .shopify-model-viewer-ui__controls-area{bottom:calc(var(--minimum-touch-target) + var(--padding-sm))}.dialog-zoomed-gallery .shopify-model-viewer-ui__controls-area.shopify-model-viewer-ui__controls-area{bottom:var(--padding-lg);right:calc(var(--thumbnail-width) + var(--padding-lg) * 2)}}:is(deferred-media,.video-placeholder-wrapper).border-style{overflow:hidden}deferred-media:has(:focus-visible){outline:var(--focus-outline-width) solid currentcolor;outline-offset:var(--focus-outline-offset)}@supports not selector(:focus-visible){deferred-media:has(:focus){outline:var(--focus-outline-width) solid currentcolor;outline-offset:var(--focus-outline-offset)}}.deferred-media__poster-button{width:100%;height:100%;aspect-ratio:var(--video-aspect-ratio, auto)}.deferred-media__poster-button.deferred-media__playing{opacity:0;transition:opacity .3s ease}deferred-media img{height:100%;object-fit:cover;transition:opacity .3s ease}deferred-media iframe{width:100%;height:100%;border:none;aspect-ratio:var(--size-style-aspect-ratio, auto)}deferred-media[data-media-loaded] img{opacity:0}.deferred-media__poster-icon,.video-placeholder-wrapper__poster-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;display:flex;align-items:center;justify-content:center}.deferred-media__poster-icon svg,.video-placeholder-wrapper__poster-icon svg{width:var(--button-size);height:var(--button-size);color:var(--color-white);filter:drop-shadow(var(--shadow-button))}:is(.deferred-media__poster-icon svg,.video-placeholder-wrapper__poster-icon svg):hover{color:rgb(var(--color-white-rgb) / var(--opacity-80))}@media screen and (min-width:750px){.deferred-media__poster-icon svg,.video-placeholder-wrapper__poster-icon svg{width:4rem;height:4rem}}deferred-media[class] :is(.deferred-media__poster-button img,.deferred-media__poster-button~video){object-fit:cover;height:100%;aspect-ratio:var(--size-style-aspect-ratio, auto)}.button-shopify-xr{width:100%;display:flex;justify-content:center;align-items:center;padding:var(--padding-md)}.button-shopify-xr>svg{width:var(--icon-size-sm);height:var(--icon-size-sm);fill:currentcolor;margin-inline-end:var(--margin-md)}.button-shopify-xr[data-shopify-xr-hidden]{display:none}
/*# sourceMappingURL=/cdn/shop/t/60/assets/components-gallery.css.map */