.media-gallery{--grid-mobile-vertical-spacing: var(--grid-mobile-horizontal-spacing);--grid-desktop-vertical-spacing: var(--grid-desktop-horizontal-spacing);display:flex;align-items:start;flex-direction:row}@media screen and (max-width: 749px){.media-gallery--thumbnails-mobile-right{flex-direction:row-reverse}}@media screen and (min-width: 750px) and (max-width: 989px){.media-gallery--thumbnails-tablet-right{flex-direction:row-reverse}}@media screen and (min-width: 990px){.media-gallery--thumbnails-right{flex-direction:row-reverse}}.media-gallery .full-width,.media-gallery .page-width{--page-padding-x: 0}.product-media{position:relative;overflow:hidden}.product-media .product__media{height:100%;display:block;position:relative}.product-media .product__media img,.product-media .product__media video,.product-media .product__media iframe{display:block;width:100%;aspect-ratio:var(--ratio);height:auto;max-height:none;max-width:100%}.product-media.media-fit-cover img,.product-media.media-fit-cover video,.product-media.media-fit-cover iframe{object-fit:cover}.product-media.media-fit-contain img,.product-media.media-fit-contain video,.product-media.media-fit-contain iframe{object-fit:contain}.product-media.constrain-height img,.product-media.constrain-height video,.product-media.constrain-height iframe{max-height:calc(100svh - var(--gallery-offset-top, var(--header-height)) - var(--section-product-padding, 2.4rem))}.product-media .product__media-toggle{position:absolute;top:0;left:0;width:100%;height:100%}.media-gallery .slider__button--float{--page-padding-x: 0px}@media screen and (max-width: 749px){.media-gallery.media-gallery--thumbnails-mobile-none .slider__counter{display:none!important}}@media screen and (min-width: 750px) and (max-width: 989px){.media-gallery.media-gallery--thumbnails-tablet-none .slider__counter{display:none!important}}@media screen and (min-width: 990px){.media-gallery.media-gallery--thumbnails-none .slider__counter{display:none!important}}.media-gallery .slider__list{--grid-mobile-horizontal-spacing: 0px }@media screen and (min-width: 750px) and (max-width: 989px){.media-gallery .slider__list{--grid-desktop-horizontal-spacing: 0px }}@media screen and (min-width: 990px){.product--right .media-gallery{padding-left:0!important}.product--left .media-gallery{padding-right:0!important}}.media-gallery__item--variant{display:none!important}.media-gallery__item--variant.is-active{display:flex!important}.media-gallery__thumbnails{display:flex;flex-direction:column;--thumbnail-gap: 1rem;--thumbnail-width: 1rem;--thumbnail-height: 1rem;--max-thumbnails: 8;gap:var(--thumbnail-gap);position:sticky;top:calc(var(--header-bottom-pos) + 2.4rem);margin-top:1.2rem;overflow-y:auto;scrollbar-width:none;scroll-snap-type:both mandatory;min-width:var(--thumbnail-width);max-height:min(calc((var(--thumbnail-height, 1rem) * var(--max-thumbnails, 5)) + (var(--thumbnail-gap, 1rem) * (var(--max-thumbnails, 5) - 1))),calc(100dvh - var(--header-bottom-pos) - 6.4rem))}.media-gallery__thumbnails--images{--thumbnail-gap: .8rem;--thumbnail-width: 4.8rem;--thumbnail-height: 4.8rem;--max-thumbnails: 8}@media screen and (min-width: 750px){.media-gallery__thumbnails--images{--thumbnail-width: 5.2rem;--thumbnail-height: 5.2rem}}@media screen and (min-width: 990px){.media-gallery__thumbnails--images{--thumbnail-width: 6rem;--thumbnail-height: 6rem}}@media screen and (max-width: 749px){.media-gallery--thumbnails-mobile-left .media-gallery__thumbnails{margin-right:var(--grid-mobile-horizontal-spacing)}.media-gallery--thumbnails-mobile-right .media-gallery__thumbnails{margin-left:var(--grid-mobile-horizontal-spacing)}}@media screen and (min-width: 750px) and (max-width: 989px){.media-gallery--thumbnails-tablet-left .media-gallery__thumbnails{margin-right:var(--grid-desktop-horizontal-spacing)}.media-gallery--thumbnails-tablet-right .media-gallery__thumbnails{margin-left:var(--grid-desktop-horizontal-spacing)}}@media screen and (min-width: 990px){.media-gallery--thumbnails-left .media-gallery__thumbnails{margin-right:var(--grid-desktop-horizontal-spacing)}.media-gallery--thumbnails-right .media-gallery__thumbnails{margin-left:var(--grid-desktop-horizontal-spacing)}}.media-gallery__thumbnails .thumbnail{scroll-snap-align:start;display:block;cursor:pointer;transition:color var(--duration-default) ease,background-color var(--duration-default) ease}.media-gallery__thumbnails .thumbnail--number{line-height:1;min-width:var(--thumbnail-width);max-width:var(--thumbnail-width);min-height:var(--thumbnail-height);max-height:var(--thumbnail-height);flex-grow:0;overflow:visible;text-align:center;color:rgba(var(--color-foreground),.4)}.media-gallery__thumbnails .thumbnail--number:hover{color:rgba(var(--color-foreground),.6)}.media-gallery__thumbnails .thumbnail--number.active{color:rgba(var(--color-foreground),1)}.media-gallery__thumbnails .thumbnail--dot{width:var(--thumbnail-width);height:var(--thumbnail-height);min-width:var(--thumbnail-width);min-height:var(--thumbnail-height);background-color:rgba(var(--color-foreground),.3);border-radius:50%}.media-gallery__thumbnails .thumbnail--dot:hover{background-color:rgba(var(--color-foreground),.5)}.media-gallery__thumbnails .thumbnail--dot.active{background-color:rgba(var(--color-foreground),1)}.media-gallery__thumbnails .thumbnail--image{width:calc(var(--thumbnail-width));min-width:calc(var(--thumbnail-width));height:calc(var(--thumbnail-height));min-height:calc(var(--thumbnail-height));background-image:var(--thumbnail-image, none);background-position:center center;background-size:cover;background-color:rgba(var(--color-foreground),.3);opacity:.4;border-radius:1rem}.media-gallery__thumbnails .thumbnail--image.active{opacity:1}.media-gallery .slider__controls{padding-top:.6rem}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-media-gallery.css.map */