.pdp-media-layout{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--gap-xl);align-items:start}.pdp-media-thumbnails-slider{position:sticky;top:.5rem;display:flex;flex-direction:column;height:var(--thumbnail-slider-available-height, calc(100dvh - 2rem) );max-height:var(--thumbnail-slider-available-height, calc(100dvh - 2rem) );overflow:hidden;transition:top var(--animation-speed) var(--animation-easing),max-height var(--animation-speed) var(--animation-easing)}.pdp-media-thumbnails{display:flex;min-height:0;flex:1 1 auto;flex-direction:column;gap:var(--gap-sm);overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:none;touch-action:pan-y}body:has(#header-group #header-component[data-sticky-state=active]) .product-information--pdp .pdp-media-thumbnails-slider{top:calc(var(--header-height) + .5rem)}.pdp-media-thumbnails-slider__arrow{display:none;width:3.75rem;min-height:1.75rem;padding:0;border:0;background:var(--color-background);color:var(--color-foreground);cursor:pointer}.pdp-media-thumbnails-slider.has-overflow .pdp-media-thumbnails-slider__arrow{display:grid;flex:0 0 auto;place-items:center}.pdp-media-thumbnails-slider__arrow[data-thumbnail-direction=previous] svg{transform:rotate(180deg)}.pdp-media-thumbnails-slider__arrow:disabled{visibility:hidden;pointer-events:none;cursor:default}.pdp-media-thumbnails-slider__arrow:focus-visible{outline:var(--focus-outline-width) solid currentcolor;outline-offset:calc(-1 * var(--focus-outline-width))}.pdp-media-thumbnails::-webkit-scrollbar{display:none}.pdp-media-thumbnails__item{display:block;width:3.75rem;height:3.75rem;flex:0 0 auto;scroll-snap-align:start;overflow:hidden;border:var(--style-border-width) solid rgb(var(--color-foreground-rgb) / var(--opacity-10));border-radius:0;background:rgb(var(--color-foreground-rgb) / .04);transition:border-color var(--animation-speed) var(--animation-easing)}.pdp-media-thumbnails__item:hover,.pdp-media-thumbnails__item:focus,.pdp-media-thumbnails__item.is-active,.pdp-media-thumbnails__item[aria-current=true]{border-color:var(--color-foreground)}.pdp-media-thumbnails__item:focus-visible{outline:var(--focus-outline-width) solid currentcolor;outline-offset:var(--focus-outline-offset)}.pdp-media-thumbnails__item img{display:block;width:100%;height:100%;object-fit:contain}.pdp-mobile-zoom-control{display:none}@media screen and (min-width:750px)and (hover:hover){.product-information--pdp :is(.crosley-variant-media-gallery__item,.media-gallery__grid>.product-media-container){overflow:hidden}.product-information--pdp :is(.crosley-variant-media-gallery__item,.media-gallery__grid>.product-media-container) .product-media__image{transition:transform .3s ease;transform-origin:center}.product-information--pdp :is(.crosley-variant-media-gallery__item,.media-gallery__grid>.product-media-container):hover .product-media__image{transform:scale(1.08)}.product-information--pdp .crosley-variant-media-gallery__item>a{cursor:zoom-in}}.product-information--pdp .pdp-reference-lightbox{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:var(--color-white);overflow:hidden}.product-information--pdp .pdp-reference-lightbox .dialog-thumbnails-list-container{display:none}.product-information--pdp .pdp-reference-lightbox .dialog-zoomed-gallery{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none}.product-information--pdp .pdp-reference-lightbox .dialog-zoomed-gallery::-webkit-scrollbar{display:none}.product-information--pdp .pdp-reference-lightbox .dialog-zoomed-gallery>.product-media-container{display:grid;place-items:center;flex:0 0 100%;width:100%;height:100%;padding:var(--padding-lg) var(--padding-lg) 4.5rem;background:var(--color-white);scroll-snap-align:center}.product-information--pdp .pdp-reference-lightbox .product-media__image{display:block;width:100%;height:100%;max-width:88vw;max-height:82vh;object-fit:contain}.pdp-reference-lightbox__controls{position:fixed;z-index:var(--layer-raised);inset-inline:0;bottom:2.5rem;display:flex;justify-content:center;gap:var(--gap-xl);pointer-events:none}.pdp-reference-lightbox__controls>button{width:3.25rem;height:3.25rem;min-width:3.25rem;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:var(--color-white);color:var(--color-foreground);box-shadow:0 2px 10px rgb(var(--color-foreground-rgb) / var(--opacity-10));pointer-events:auto}.product-information--pdp .pdp-reference-lightbox .pdp-reference-lightbox__controls .pdp-reference-lightbox__chevron{width:.875rem;height:1.375rem;min-width:.875rem;flex:0 0 .875rem}.product-information--pdp .pdp-reference-lightbox .pdp-reference-lightbox__controls .pdp-reference-lightbox__close-icon{width:1.125rem;height:1.125rem;min-width:1.125rem;flex:0 0 1.125rem}.product-information--pdp media-gallery.media-gallery--grid .media-gallery__grid{grid-template-columns:minmax(0,1fr);gap:var(--gap-lg)}.product-information--pdp .media-gallery__grid .product-media-container{scroll-margin-top:calc(var(--header-height, 0px) + var(--padding-xl));background:rgb(var(--color-foreground-rgb) / .04);overflow:hidden}.product-information--pdp .media-gallery__grid .product-media-container .product-media{transition:transform var(--animation-speed) var(--animation-easing)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.product-information--pdp .media-gallery__grid .product-media-container--image:hover .product-media{transform:scale(1.03)}}@media screen and (max-width:989px){.product-information--pdp .pdp-reference-lightbox__controls{bottom:calc(3rem + env(safe-area-inset-bottom,0px))}.product-information--pdp .pdp-reference-lightbox__controls>button{width:3rem;height:3rem;min-width:3rem}.product-information--pdp .pdp-reference-lightbox .pdp-reference-lightbox__controls .pdp-reference-lightbox__chevron{width:.75rem;height:1.125rem;min-width:.75rem;flex-basis:.75rem}.product-information--pdp .pdp-reference-lightbox .pdp-reference-lightbox__controls .pdp-reference-lightbox__close-icon{width:1rem;height:1rem;min-width:1rem;flex-basis:1rem}.product-information--pdp .pdp-mobile-zoom-control{position:absolute;z-index:2;top:1rem;right:1rem;display:grid;width:2.375rem!important;height:2.375rem!important;min-width:2.375rem!important;min-height:2.375rem!important;max-width:2.375rem;max-height:2.375rem;padding:0!important;border:0;border-radius:50%;place-items:center;background:var(--color-background);color:var(--color-foreground);box-shadow:0 2px 12px rgb(var(--color-foreground-rgb) / .14);cursor:zoom-in;pointer-events:auto}.product-information--pdp .pdp-mobile-zoom-control svg{width:1.25rem;height:1.25rem;min-width:1.25rem;flex:0 0 1.25rem}.product-information--pdp .crosley-variant-media-gallery__item>a{position:relative}.pdp-media-layout{display:none}.product-information--pdp media-gallery:is(.media-gallery--grid) slideshow-component{display:block}.product-information--pdp media-gallery .mobile\:hidden{display:none!important}.product-information--pdp media-gallery .media-gallery__mobile-controls.desktop\:hidden{display:flex!important}.product-information--pdp media-gallery .crosley-variant-media-gallery__pagination.desktop\:hidden{display:flex!important}.product-information--pdp .crosley-variant-media-gallery__layout{display:block}.product-information--pdp .crosley-variant-media-gallery__grid{display:flex;gap:0;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.product-information--pdp .crosley-variant-media-gallery__grid::-webkit-scrollbar{display:none}.product-information--pdp .crosley-variant-media-gallery__item{flex:0 0 100%;scroll-snap-align:start}.product-information--pdp media-gallery{width:100%;margin-inline:0}.product-information--pdp media-gallery slideshow-slides{scroll-snap-type:x mandatory;scrollbar-width:none}.product-information--pdp media-gallery slideshow-slide{flex:0 0 100%;scroll-snap-align:start}.product-information--pdp media-gallery .product-media-container,.product-information--pdp media-gallery .product-media{aspect-ratio:1;background:rgb(var(--color-foreground-rgb) / .04)}.product-information--pdp media-gallery .product-media img{object-fit:contain}.product-information--pdp .media-gallery__mobile-controls{padding-block:var(--padding-md)}}.dialog-thumbnails-list-container{position:fixed;width:100%;bottom:0;display:flex;z-index:var(--layer-raised)}.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 .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 var(--spring-d220-b0-duration) var(--spring-d220-b0-easing) forwards;animation-delay:calc(var(--spring-d220-b0-duration) * .5)}.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 var(--active-thumbnail-border-color)}@supports (anchor-name: --test){.dialog-thumbnails-list:has(.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){.dialog-thumbnails-list:has(.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)}}.dialog-thumbnails-list__thumbnail:is([aria-selected=true]){outline:none;border:none;anchor-name:--selected-thumbnail}}.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:750px){.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)}}.dialog-zoomed-gallery__dialog{background-color:var(--color-background);view-transition-name:zoom-dialog-ui}.dialog-zoomed-gallery{cursor:zoom-out}.dialog--preloading{opacity:0}@media screen and (max-width:749px){.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: 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--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}}.dialog-zoomed-gallery__close-button{color:#fff;mix-blend-mode:difference;z-index:var(--layer-raised)}@media screen and (max-width:749px){.media-gallery__mobile-controls[thumbnails]{--thumbnail-width: 44px}.media-gallery__mobile-controls[thumbnails] .slideshow-controls__thumbnail{width:var(--thumbnail-width);height:auto}}.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}@media screen and (min-width:750px){:root:active-view-transition .product-media__image{background-color:transparent}}::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:749px){::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}}@keyframes fade-in{0%{scale:.98;opacity:.8}}@keyframes fade-out{to{opacity:0}}@media screen and (max-width:749px){.product-media-gallery__slideshow--single-media slideshow-container{grid-area:unset}}@media screen and (min-width:750px){media-gallery:is(.media-gallery--grid) slideshow-component{display:none}}@media screen and (max-width:749px){.media-gallery--hint :is(slideshow-slide:has(+slideshow-slide[aria-hidden=false]:last-of-type),slideshow-slide[aria-hidden=false]+slideshow-slide){content-visibility:auto}slideshow-component[actioned] :is(.media-gallery--hint :is(slideshow-slide:has(+slideshow-slide[aria-hidden=false]:last-of-type),slideshow-slide[aria-hidden=false]+slideshow-slide)){content-visibility:visible}}@media screen and (min-width:750px){.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}}.media-gallery--carousel slideshow-arrows{inset-inline:-16px}.media-gallery--carousel slideshow-arrows .slideshow-control{padding-inline:0 var(--padding-md);opacity:1}@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))}}slideshow-slide.product-media-container--tallest{content-visibility:visible}
/*# sourceMappingURL=/cdn/shop/t/8/assets/product-media-gallery.css.map */