.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-gallery__slider-wrapper{position:relative;flex:1;min-width:0}.media-gallery__custom-tags,.media-gallery__badges{position:absolute;top:1.2rem;z-index:3;display:flex;flex-direction:column;gap:.4rem;pointer-events:none}.media-gallery__custom-tags .badge-wrapper,.media-gallery__badges .badge-wrapper{display:flex;flex-direction:column;gap:.6rem;align-items:start}.media-gallery__custom-tags{left:1.2rem;align-items:flex-start}.media-gallery__badges{right:1.2rem;align-items:flex-end}.media-gallery__custom-tags .badge,.media-gallery__badges .badge{padding:.6rem 1.2rem}@media screen and (max-width:749px){.media-gallery__custom-tags .badge,.media-gallery__badges .badge{padding:.4rem 1rem}}@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;background-color:transparent;border-radius:1.6rem}@media screen and (max-width:749px){.product-media{border-radius:1.6rem}}.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:100dvh;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.slider__button--float{--page-padding-x: 0px;--float-offset: 1.4rem;width:3.8rem;height:3.8rem}@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;gap:1.6rem}@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:row;--thumbnail-gap: 1.2rem;--thumbnail-width: 15.9rem;--thumbnail-height: 15.9rem;--max-thumbnails: 4;gap:var(--thumbnail-gap);position:static;margin-top:1.6rem;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;min-width:auto;flex-wrap:nowrap}.media-gallery__thumbnails::-webkit-scrollbar{display:none}.media-gallery__thumbnails--images{--thumbnail-gap: 1.2rem;--thumbnail-width: 15.9rem;--thumbnail-height: 15.9rem;--max-thumbnails: 4}@media screen and (min-width:750px){.media-gallery__thumbnails--images{--thumbnail-width: 15.9rem;--thumbnail-height: 15.9rem}}@media screen and (min-width:990px){.media-gallery__thumbnails--images{--thumbnail-width: 15.9rem;--thumbnail-height: 15.9rem}}@media screen and (max-width:749px){.media-gallery--thumbnails-mobile-left .media-gallery__thumbnails{margin-right:0}.media-gallery--thumbnails-mobile-right .media-gallery__thumbnails{margin-left:0}}@media screen and (min-width:750px)and (max-width:989px){.media-gallery--thumbnails-tablet-left .media-gallery__thumbnails{margin-right:0}.media-gallery--thumbnails-tablet-right .media-gallery__thumbnails{margin-left:0}}@media screen and (min-width:990px){.media-gallery--thumbnails-left .media-gallery__thumbnails{margin-right:0}.media-gallery--thumbnails-right .media-gallery__thumbnails{margin-left:0}}.media-gallery__thumbnails .thumbnail{scroll-snap-align:start;display:block;cursor:pointer;transition:border-color var(--duration-default) ease,opacity var(--duration-default) ease;flex-shrink:0}.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:var(--thumbnail-width);min-width:var(--thumbnail-width);height:var(--thumbnail-height);min-height:var(--thumbnail-height);background-image:var(--thumbnail-image, none);background-position:center center;background-size:cover;background-color:#f5f5f5;opacity:1;border-radius:1rem;border:.2rem solid transparent;padding:0;overflow:hidden}.media-gallery__thumbnails .thumbnail--image:hover{border-color:rgba(var(--color-foreground),.2)}.media-gallery__thumbnails .thumbnail--image.active{opacity:1;border-color:rgb(var(--color-foreground))}@media screen and (max-width:749px){.media-gallery__thumbnails{display:none}.media-gallery .slider__controls{position:static;margin-top:1.6rem}.media-gallery .slider__controls .slider__counter{display:flex;gap:.8rem;justify-content:center;padding:0}.media-gallery .component-slider{--controls-offset: 2rem}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/component-media-gallery.css.map */