@media screen and (width < 750px){.spacing-style.sticky-content.media-gallery--carousel{padding-bottom:10px!important}media-gallery.media-gallery--carousel:has(.media-gallery__mobile-controls[pagination-position=bottom][thumbnails]) slideshow-component{display:block;grid-template:none;grid-template-columns:none;grid-template-areas:none}media-gallery.media-gallery--carousel:has(.media-gallery__mobile-controls[pagination-position=bottom][thumbnails]) slideshow-container{grid-area:auto}media-gallery.media-gallery--carousel:has(.media-gallery__mobile-controls[pagination-position=bottom][thumbnails]) slideshow-controls:not(.media-gallery__mobile-controls){grid-area:auto}media-gallery.media-gallery--carousel:has(.media-gallery__mobile-controls[pagination-position=left][thumbnails]) slideshow-component{display:grid;grid-template:"controls container" auto / 60px 1fr;gap:var(--gap-xs)}media-gallery.media-gallery--carousel:has(.media-gallery__mobile-controls[pagination-position=right][thumbnails]) slideshow-component{display:grid;grid-template:"container controls" auto / 1fr 60px;gap:var(--gap-xs)}.media-gallery__mobile-controls[pagination-position=left][thumbnails],.media-gallery__mobile-controls[pagination-position=right][thumbnails]{grid-area:controls;width:60px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;--thumbnail-width: var(--mobile-thumbnail-width)}media-gallery.media-gallery--carousel:has(.media-gallery__mobile-controls[pagination-position=left][thumbnails]) slideshow-container,media-gallery.media-gallery--carousel:has(.media-gallery__mobile-controls[pagination-position=right][thumbnails]) slideshow-container{grid-area:container}.media-gallery__mobile-controls[pagination-position=bottom][thumbnails]{--thumbnail-width: var(--mobile-thumbnail-width)}.media-gallery__mobile-controls[pagination-position=bottom][thumbnails] .slideshow-controls__thumbnails-container{width:100vw;max-width:100%;overflow-x:auto;overflow-y:visible;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:var(--gap-xs) 0}.media-gallery__mobile-controls[pagination-position=bottom][thumbnails] .slideshow-controls__thumbnails{display:flex;flex-direction:row;gap:.3rem;padding:var(--spacing-xs);width:max-content;min-width:100%}.media-gallery__mobile-controls[pagination-position=left][thumbnails] .slideshow-controls__thumbnails-container,.media-gallery__mobile-controls[pagination-position=right][thumbnails] .slideshow-controls__thumbnails-container{display:flex;width:100%;height:100%;overflow-y:auto;overflow-x:visible;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:0 var(--gap-xs)}.media-gallery__mobile-controls[pagination-position=left][thumbnails] .slideshow-controls__thumbnails,.media-gallery__mobile-controls[pagination-position=right][thumbnails] .slideshow-controls__thumbnails{display:flex;flex-direction:column;gap:var(--gap-xs);padding:var(--spacing-xs);height:max-content;width:100%}.media-gallery__mobile-controls[thumbnails] .slideshow-control{min-width:var(--mobile-thumbnail-width);min-height:var(--mobile-thumbnail-width);width:var(--mobile-thumbnail-width);height:var(--mobile-thumbnail-width);touch-action:manipulation;flex-shrink:0;margin:calc(var(--focus-outline-width) + var(--focus-outline-offset)) calc(var(--focus-outline-width) + var(--focus-outline-offset));user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent}.media-gallery__mobile-controls[thumbnails] .slideshow-controls__thumbnails-container::-webkit-scrollbar{display:none}.media-gallery--carousel slideshow-container,.media-gallery--grid .product-media>*{border-radius:var(--media-radius, 0);overflow:hidden}.media-gallery__mobile-controls[thumbnails] .slideshow-control,.media-gallery__mobile-controls[thumbnails] .slideshow-control img{border-radius:var(--media-radius, 0)}.media-gallery__mobile-controls[thumbnails] .slideshow-control[aria-selected=true]{outline:var(--focus-outline-width) solid currentcolor;outline-offset:calc(var(--focus-outline-offset) / 2);border:var(--style-border-width) solid rgba(from var(--color-border) r g b / var(--media-border-opacity))}}.media-gallery--carousel slideshow-container,.media-gallery--grid .product-media>*{border-radius:var(--media-radius, 0);overflow:hidden}media-gallery.media-gallery--grid slideshow-component{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-product-media-gallery.css.map */