.media-gallery{--media-gallery-thumbnail-size: 60px;display:block;opacity:0;transition:opacity var(--transition-duration) var(--transition-timing-function);position:relative}.media-gallery.is-loaded{opacity:1}.media-gallery__container{display:block;height:100%;position:relative;width:100%}.media-gallery__list{display:flex;flex-wrap:wrap;list-style:none;margin:0}.media-gallery__list::-webkit-scrollbar{display:none}.media-gallery--stacked .media-gallery__list{row-gap:var(--space-large)}@media screen and (max-width:767px){.media-gallery--stacked .media-gallery__list{align-items:center;flex-wrap:inherit;overflow-x:auto;position:relative;row-gap:0;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;width:100%}.media-gallery--square-thumbnails .media-gallery__list{column-gap:8px}.featured-product--rounded-corners .media-gallery--square-thumbnails.featured-product__media{padding-right:0}.media-gallery--square-thumbnails .media-gallery__item{max-width:calc((100% - 8px) / 1.1);width:calc((100% - 8px) / 1.1)}.media-gallery--square-thumbnails .media-gallery__arrows,.media-gallery--square-thumbnails .media-gallery__arrows--force-show,.media-gallery--square-thumbnails .media-gallery__button.button--prev,.media-gallery--square-thumbnails .media-gallery__button.button--next{display:none!important}}.media-gallery:not(.media-gallery--stacked) .media-gallery__list{align-items:center;flex-wrap:inherit;overflow-x:auto;position:relative;row-gap:0;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%}.media-gallery__item{flex:none;height:100%;max-width:100%;position:relative;scroll-snap-align:start;width:100%}.media-gallery__picture-in-picture{aspect-ratio:1;border-radius:7px;left:12px;overflow:hidden;pointer-events:none;position:absolute;top:12px;width:clamp(110px,37%,220px);z-index:var(--z-index-slideshow-interaction)}.media-gallery__picture-in-picture video{display:block;height:100%;object-fit:cover;width:100%}.media-gallery__tv-badge{align-items:center;aspect-ratio:1;background:#ff5a00;border-radius:50%;color:#fff;display:flex;flex-direction:column;font-size:clamp(9px,2vw,13px);justify-content:center;line-height:1;padding-top:3px;pointer-events:none;position:absolute;right:12px;text-align:center;top:12px;width:clamp(58px,14%,82px);z-index:var(--z-index-slideshow-interaction)}.media-gallery__tv-badge strong{font-size:1.75em;line-height:.95;margin-top:4px}.media-gallery__media-container{display:block;height:100%;position:relative;width:100%}.media-gallery__preview-image{height:100%;width:100%}.media-gallery--square-thumbnails .media-gallery__preview-image{border-radius:16px;overflow:hidden}.media-gallery__media-container:hover{cursor:pointer}.media-gallery__media-icon{background-color:hsla(var(--color-background-raw),.5);border-bottom-left-radius:var(--border-radius-square);padding:var(--space-small);position:absolute;text-align:center;transition-property:background;top:0;right:0;z-index:var(--z-index-slideshow-interaction)}.media-gallery__media-container .deferred-media iframe{height:100%;width:100%}@media screen and (min-width:768px){.media-gallery--stacked .slider-buttons--media-gallery{display:none}.no-js .section--main-product .media-gallery__list{background-color:transparent;flex-direction:column;row-gap:var(--space-large)}}.media-gallery__thumbnails,.media-gallery__arrows{display:none}.media-gallery__button{background-color:hsla(var(--color-background-raw),.7);height:var(--pointer-element-min-height);width:var(--pointer-element-min-height)}.media-gallery__button:hover,.media-gallery__button:focus-visible:hover{background-color:var(--color-background);color:var(--color-foreground)}.media-gallery__button.button--prev,.media-gallery__button.button--next{position:absolute;top:50%;transform:translateY(-50%)}.media-gallery__button.button--prev{border-bottom-left-radius:0;border-top-left-radius:0;left:0}.media-gallery__button.button--next{border-bottom-right-radius:0;border-top-right-radius:0;right:0}.media-gallery__button.button--prev svg{position:relative;right:3px}.media-gallery__button.button--next svg{position:relative;left:3px}.media-gallery__thumbnails-list{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-xsmall);padding:var(--space-small) var(--space-viewport-sides) 0}@media screen and (max-width:767px){.media-gallery__thumbnails--mobile,.media-gallery__arrows--mobile{display:block}}@media screen and (min-width:768px){.media-gallery--arrows .media-gallery__arrows,.media-gallery__thumbnails-below{display:block}.media-gallery__thumbnails-on-top{display:block;position:absolute;top:0;bottom:0;left:0}.featured-product__hero--media-right .media-gallery__thumbnails-on-top{left:unset;right:0}.media-gallery__thumbnails-on-top .media-gallery__thumbnails-list{display:grid;gap:var(--space-xsmall);grid-template-rows:max-content;max-height:100%;overflow-y:scroll;-ms-overflow-style:none;padding:var(--space-small) var(--space-viewport-sides);position:relative;scrollbar-width:none;z-index:var(--z-index-slideshow-interaction)}}@media screen and (min-width:550px){.media-gallery__thumbnails-list::-webkit-scrollbar{display:none}}.media-gallery__thumbnail-button{-webkit-appearance:none;appearance:none;background-color:transparent;border:0;display:block;height:max-content;margin:0;min-height:unset;padding:0;position:relative;text-align:center}.media-gallery__thumbnail-button:hover{background-color:transparent;text-decoration:none}.media-gallery__thumbnail-button img{border:2px solid hsla(var(--color-foreground-raw),.1);border-radius:var(--border-radius-square);display:block;height:var(--media-gallery-thumbnail-size);transition:border var(--transition-duration) var(--transition-timing-function);width:var(--media-gallery-thumbnail-size)}.media-gallery__thumbnail-button.is-active img,.media-gallery__thumbnail-button:hover img{border-color:var(--color-foreground)}.media-gallery--square-thumbnails .media-gallery__thumbnails{display:block}.media-gallery--square-thumbnails .media-gallery__thumbnail-button,.media-gallery--square-thumbnails .media-gallery__thumbnail-button img{border-radius:7px;height:72px;width:72px}.media-gallery--square-thumbnails .media-gallery__thumbnail-button img{object-fit:cover}.media-gallery--square-thumbnails .media-gallery__thumbnails-list{-ms-overflow-style:none;scrollbar-width:none}.media-gallery--square-thumbnails .media-gallery__thumbnails-list::-webkit-scrollbar{display:none;height:0}@media screen and (min-width:768px){.media-gallery__picture-in-picture{left:16px;top:16px}.media-gallery__tv-badge{right:16px;top:16px}}.media-gallery__button-icon{border-radius:50%;background-color:hsla(var(--color-background-raw),.8);fill:var(--color-foreground);position:absolute;bottom:0;right:0;z-index:var(--z-index-slideshow-interaction)}.media-gallery__lightbox-video{display:none}.media-gallery__lightbox-video{max-height:100%;height:auto!important;max-width:100%!important;width:100vw!important}.media-gallery__lightbox-video.loaded-in-lightbox{display:block}.media-gallery__button--zoom{border-top-left-radius:var(--border-radius-square);bottom:0;position:absolute;right:0}.deferred-media .media-gallery__button--zoom{bottom:calc(var(--pointer-element-min-height) * -1)}
/*# sourceMappingURL=/cdn/shop/t/35/assets/styles-component-media-gallery.css.map */