media-gallery{container-type:inline-size;container-name:product-media-gallery}media-gallery[data-presentation=carousel] .media-gallery__grid{display:none!important}media-gallery[data-presentation=carousel] .media-gallery__slideshow--mobile-only{display:contents}media-gallery[data-presentation=carousel] slideshow-component{display:flex;flex-direction:column;width:100%}media-gallery[data-presentation=grid] .media-gallery__grid{display:none;width:100%;gap:var(--image-gap, 0);grid-template-columns:1fr;list-style:none;padding:0;margin:0}media-gallery[data-presentation=grid] .media-gallery__slideshow--mobile-only{display:block;width:100%}@media screen and (min-width:750px){@container product-media-gallery (min-width: 240px){media-gallery[data-presentation=grid] .media-gallery__slideshow--mobile-only{display:none!important}media-gallery[data-presentation=grid] .media-gallery__grid{display:grid!important}media-gallery[data-presentation=grid].media-gallery--two-column .media-gallery__grid{grid-template-columns:repeat(2,1fr)}}}@media screen and (min-width:750px){media-gallery[data-presentation=grid] .media-gallery__slideshow--mobile-only{display:none!important}media-gallery[data-presentation=grid] .media-gallery__grid{display:grid!important}media-gallery[data-presentation=grid].media-gallery--two-column .media-gallery__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:750px){@container product-media-gallery (min-width: 240px){media-gallery slideshow-component:has(slideshow-controls[thumbnails]:not(.desktop\:hidden)){display:grid;width:100%}media-gallery slideshow-component:has(slideshow-controls[thumbnails][pagination-position=right]:not(.desktop\:hidden)){grid-template:"container controls" auto "arrows controls" min-content / 1fr auto}media-gallery slideshow-component:has(slideshow-controls[thumbnails][pagination-position=left]:not(.desktop\:hidden)){grid-template:"controls container" auto "controls arrows" min-content / auto 1fr}media-gallery slideshow-component:has(slideshow-controls[thumbnails][pagination-position=left]:not(.desktop\:hidden)) slideshow-controls[pagination-position=left]{order:-1}media-gallery slideshow-component:has(slideshow-controls[thumbnails][pagination-position=center]:not(.desktop\:hidden)){grid-template:"container" auto "controls" min-content "arrows" min-content / 1fr}}}@media screen and (max-width:749px){media-gallery[data-presentation=grid] slideshow-component:has(slideshow-controls[thumbnails]){display:grid;width:100%}media-gallery[data-presentation=grid] slideshow-component:has(slideshow-controls[thumbnails][pagination-position=right]){grid-template:"container controls" auto "arrows controls" min-content / 1fr auto}media-gallery[data-presentation=grid] slideshow-component:has(slideshow-controls[thumbnails][pagination-position=left]){grid-template:"controls container" auto "controls arrows" min-content / auto 1fr}media-gallery[data-presentation=grid] slideshow-component:has(slideshow-controls[thumbnails][pagination-position=left]) slideshow-controls[pagination-position=left]{order:-1}media-gallery[data-presentation=grid] slideshow-component:has(slideshow-controls[thumbnails][pagination-position=center]){grid-template:"container" auto "controls" min-content "arrows" min-content / 1fr}}@media screen and (min-width:750px){media-gallery[data-presentation=carousel] slideshow-component:has(slideshow-controls[thumbnails]:not(.desktop\:hidden)){display:grid;width:100%}media-gallery[data-presentation=carousel] slideshow-component:has(slideshow-controls[thumbnails][pagination-position=right]:not(.desktop\:hidden)){grid-template:"container controls" auto "arrows controls" min-content / 1fr auto}media-gallery[data-presentation=carousel] slideshow-component:has(slideshow-controls[thumbnails][pagination-position=left]:not(.desktop\:hidden)){grid-template:"controls container" auto "controls arrows" min-content / auto 1fr}media-gallery[data-presentation=carousel] slideshow-component:has(slideshow-controls[thumbnails][pagination-position=left]:not(.desktop\:hidden)) slideshow-controls[pagination-position=left]{order:-1}media-gallery[data-presentation=carousel] slideshow-component:has(slideshow-controls[thumbnails][pagination-position=center]:not(.desktop\:hidden)){grid-template:"container" auto "controls" min-content "arrows" min-content / 1fr}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/product-media-gallery.css.map */