.gr-dialog-thumbnails-list-container{position:fixed;width:100%;bottom:0;display:flex;z-index:var(--layer-raised)}.gr-dialog-thumbnails-list{--active-thumbnail-border-color: rgb(var(--color-border-rgb) / var(--media-border-opacity));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 .gr-dialog-thumbnails-list{animation:thumbnailsSlideOutBottom var(--animation-speed) var(--animation-easing) forwards}@media screen and (min-width:768px){.gr-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 var(--spring-d220-b0-duration) var(--spring-d220-b0-easing) forwards;animation-delay:calc(var(--spring-d220-b0-duration) * .5)}.dialog--closed .gr-dialog-thumbnails-list{animation:thumbnailsSlideOutTop var(--animation-speed) var(--animation-easing) forwards}}.gr-dialog-thumbnails-list__thumbnail{width:44px;height:auto;transition:transform var(--animation-speed) var(--animation-easing);flex-shrink:0;border-radius:var(--media-radius)}.gr-dialog-thumbnails-list__thumbnail img{height:100%;object-fit:cover;border-radius:var(--media-radius);aspect-ratio:var(--aspect-ratio)}.gr-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-wlog-zoomed-galleryidth) solid var(--active-thumbnail-border-color)}@supports (anchor-name: --test){.gr-dialog-thumbnails-list:has(.gr-dialog-thumbnails-list__thumbnail:is([aria-selected=true])):after{--inset-offset: calc(var(--focus-outline-offset) / 2);content:"";position:absolute;inset:anchor(top) anchor(right) anchor(bottom) anchor(left);position-anchor:--selected-thumbnail;outline:var(--focus-outline-width) solid currentcolor;outline-offset:calc(var(--focus-outline-offset) / 2);border:var(--style-border-width) solid var(--active-thumbnail-border-color);border-radius:var(--media-radius);z-index:var(--layer-raised)}@media(prefers-reduced-motion:no-preference){.gr-dialog-thumbnails-list:has(.gr-dialog-thumbnails-list__thumbnail:is([aria-selected=true])):after{transition-property:inset;transition-duration:var(--spring-d180-b0-duration);transition-timing-function:var(--spring-d180-b0-easing)}}.gr-dialog-thumbnails-list__thumbnail:is([aria-selected=true]){outline:none;border:none;anchor-name:--selected-thumbnail}}.gr-dialog-zoomed-gallery__dialog{background-color:var(--color-background);view-transition-name:zoom-dialog-ui}.gr-dialog-zoomed-gallery{cursor:zoom-out}.dialog--preloading{opacity:0}.gr-dialog-zoomed-gallery__close-button{color:var(--color-white);mix-blend-mode:difference;z-index:var(--layer-raised)}.gr-dialog-zoomed-gallery .shopify-model-viewer-ui__controls-area.shopify-model-viewer-ui__controls-area{bottom:calc(var(--thumbnail-width) / var(--media-preview-ratio) + var(--padding-lg) * 2);right:var(--padding-lg)}@media screen and (min-width:768px){.gr-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)}}@media screen and (max-width:767px){.gr-dialog-zoomed-gallery{overscroll-behavior:none;scrollbar-width:none;display:flex;scroll-snap-type:x mandatory;overflow-x:hidden;scroll-behavior:smooth;height:100%}.gr-dialog-zoomed-gallery::-webkit-scrollbar{display:none}.gr-dialog-zoomed-gallery .product-media-container{flex:0 0 100%;scroll-snap-align:start;position:relative}.gr-dialog-zoomed-gallery .product-media-container--image .product-media{aspect-ratio:auto;height:100%;width:100%;overflow:hidden}.gr-dialog-zoomed-gallery .product-media-container--video,.gr-dialog-zoomed-gallery .product-media-container--external_video{align-content:center}.gr-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%}.gr-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}.gr-product-media__drag-zoom-wrapper::-webkit-scrollbar{display:none}.gr-product-media__drag-zoom-wrapper .product-media__image{--product-media-fit: contain;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__mobile-controls{position:absolute;left:0;right:0;bottom:0;z-index:3;width:100%}.media-gallery__mobile-controls .slideshow-controls__dots{display:flex;width:100%;gap:0;padding:0}.media-gallery__mobile-controls .slideshow-controls__dots li{flex:1 1 0;height:1px}}.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}:root:active-view-transition .dialog-zoomed-gallery__dialog{background-color:transparent}::view-transition-group(zoom-dialog-ui){z-index:calc(var(--layer-overlay) + 1)}::view-transition-old(gallery-item-open),::view-transition-new(gallery-item-open){animation-timing-function:step-start}::view-transition-old(gallery-item-close),::view-transition-new(gallery-item-close){animation-timing-function:step-end}::view-transition-group(gallery-item-open),::view-transition-group(gallery-item-close){z-index:var(--layer-overlay);border-radius:var(--gallery-media-border-radius);overflow:clip}::view-transition-group(gallery-item-open){animation-timing-function:var(--spring-d300-b0-easing);animation-duration:var(--spring-d300-b0-duration)}::view-transition-group(gallery-item-close){animation-timing-function:var(--spring-d220-b0-easing);animation-duration:var(--spring-d220-b0-duration)}@media screen and (max-width:767px){::view-transition-group(gallery-item-open),::view-transition-group(gallery-item-close){animation-timing-function:step-start;animation-duration:.1s}::view-transition-new(gallery-item-open){animation:fade-in var(--spring-d180-b0-duration) var(--spring-d180-b0-easing) forwards;animation-timing-function:var(--spring-d180-b0-easing);animation-duration:var(--spring-d180-b0-duration)}::view-transition-old(gallery-item-close){animation:fade-out .08s linear forwards}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))}}@keyframes fade-in{0%{scale:.98;opacity:.8}}@keyframes fade-out{to{opacity:0}}media-gallery:is(.media-gallery--grid) .media-gallery__grid{display:none}media-gallery:is(.media-gallery--grid) slideshow-component{display:block}@media screen and (min-width:768px){media-gallery:is(.media-gallery--grid) slideshow-component{display:none}media-gallery:is(.media-gallery--grid) .media-gallery__grid{display:grid}.media-gallery--carousel slideshow-component:has(slideshow-controls[thumbnails]):has(slideshow-controls[pagination-position=right]){display:grid;grid-template:"container controls" auto "arrows controls" min-content/1fr auto}.media-gallery--carousel slideshow-component:has(slideshow-controls[thumbnails]):has(slideshow-controls[pagination-position=left]){display:grid;grid-template:"controls container" auto "controls arrows" min-content/auto 1fr}.media-gallery--carousel slideshow-component:has(slideshow-controls[thumbnails]) slideshow-controls[pagination-position=left]{order:-1}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))}}.media-gallery--carousel slideshow-arrows .slideshow-control{padding-inline:0 var(--padding-md);opacity:1}@media screen and (min-width:768px){.gr-mobile-gallery-controls{display:none!important}media-gallery.media-gallery--grid .media-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}media-gallery.media-gallery--grid .media-gallery__grid>li:first-child,media-gallery.media-gallery--grid .media-gallery__grid>li.product-media-container--video:last-child{grid-column:1/-1!important}media-gallery.media-gallery--grid .media-gallery__grid>li:not(:first-child):not(.product-media-container--video:last-child){aspect-ratio:191/237!important}media-gallery.media-gallery--grid .media-gallery__grid>li.product-media-container--video:last-child{aspect-ratio:386/233!important}media-gallery.media-gallery--grid .media-gallery__grid>li :is(.product-media,img,video,iframe){width:100%!important;height:100%!important}}@media screen and (min-width:1240px){media-gallery.media-gallery--grid .media-gallery__grid>li:not(:first-child):not(.product-media-container--video:last-child){aspect-ratio:235/292!important}media-gallery.media-gallery--grid .media-gallery__grid>li.product-media-container--video:last-child{aspect-ratio:476/287!important}}@media screen and (max-width:767px){slideshow-controls.media-gallery__mobile-controls{background:transparent!important;border:0!important;box-shadow:none!important;min-height:0!important;height:2px!important;padding:0!important;overflow:visible!important;mix-blend-mode:normal!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}slideshow-controls.media-gallery__mobile-controls *{mix-blend-mode:normal!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.media-gallery__mobile-controls .slideshow-controls__dots{display:flex!important;width:100%!important;height:2px!important;gap:0!important;padding:0!important;margin:0!important;background:transparent!important}.media-gallery__mobile-controls .slideshow-controls__dots li{flex:1 1 0!important;height:2px!important;background:transparent!important;border:0!important;box-shadow:none!important}.media-gallery__mobile-controls .slideshow-controls__dots li:has(button[aria-selected=true]){background:var(--color-black)!important}.media-gallery__mobile-controls .slideshow-control{position:absolute!important;top:-6px!important;right:0!important;bottom:-6px!important;left:0!important;width:100%!important;min-width:0!important;height:13px!important;min-height:13px!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;opacity:1!important}.media-gallery__mobile-controls .slideshow-control:before,.media-gallery__mobile-controls .slideshow-control:after{display:none!important;content:none!important}}media-gallery .media-gallery__grid .product-media-container--packshot .product-media__image,media-gallery slideshow-component .product-media-container--packshot .product-media__image{object-fit:contain!important;object-position:center center!important}
/*# sourceMappingURL=/cdn/shop/t/10/assets/snippets-gr-product-media-gallery-content.css.map */