.gallery-grid{display:block}.gallery-grid__layout{display:grid;grid-template-columns:1fr;gap:1rem;align-items:start}@media screen and (min-width:750px){.gallery-grid__layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:1.2rem}}.gallery-grid__main{position:relative;min-width:0}.gallery-grid__viewer-list{margin:0;padding:0;height:100%}.gallery-grid__slide{display:none;height:100%}.gallery-grid__slide.is-active{display:block}.gallery-grid__main .product-media-container{height:100%;max-width:100%}@media screen and (min-width:750px){.gallery-grid__main,.gallery-grid__viewer,.gallery-grid__slide.is-active,.gallery-grid__main .product-media-container,.gallery-grid__main .product__modal-opener{height:100%}.gallery-grid__main .media{height:100%;padding-bottom:0}.gallery-grid__main .media>img,.gallery-grid__main .media>video,.gallery-grid__main .media>iframe{height:100%;object-fit:var(--gallery-grid-fit, contain)}}@media screen and (max-width:749px){.gallery-grid__main .media{padding-bottom:100%;padding-top:unset}.gallery-grid--mobile-hide .gallery-grid__side{display:none}.gallery-grid--mobile-show .gallery-grid__side-list{display:flex;flex-wrap:nowrap;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.gallery-grid--mobile-show .gallery-grid__side-list::-webkit-scrollbar{display:none}.gallery-grid--mobile-show .gallery-grid__cell{flex:0 0 30%;order:0!important;scroll-snap-align:start}.gallery-grid--mobile-show .gallery-grid__cell[hidden]{display:block}.gallery-grid--mobile-show .gallery-grid__cell-button[aria-current]{border-color:rgb(var(--color-foreground));border-width:.2rem}}.gallery-grid__zoom{position:absolute;top:1.2rem;left:1.2rem;z-index:2;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;border:.1rem solid rgba(var(--color-foreground),.08);border-radius:50%;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;transition:background-color var(--duration-short) ease,transform var(--duration-short) ease}.gallery-grid__zoom:hover{background-color:rgba(var(--color-foreground),.06);transform:scale(1.05)}.gallery-grid__zoom .svg-wrapper{width:1.8rem;height:1.8rem}.gallery-grid__nav{position:absolute;right:1.2rem;bottom:1.2rem;z-index:2;display:flex;align-items:center;gap:.4rem;padding:.4rem .6rem;border:.1rem solid rgba(var(--color-foreground),.08);border-radius:3.2rem;background-color:rgb(var(--color-background))}.gallery-grid[data-single-media] .gallery-grid__nav,.gallery-grid[data-single-media] .gallery-grid__side{display:none}.gallery-grid__nav-button{display:flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;padding:0;border:0;border-radius:50%;background:transparent;color:rgb(var(--color-foreground));cursor:pointer}.gallery-grid__nav-button:hover{background-color:rgba(var(--color-foreground),.06)}.gallery-grid__nav-button .svg-wrapper{width:.9rem;height:.9rem}.gallery-grid__nav-button[name=previous] .svg-wrapper{transform:rotate(90deg)}.gallery-grid__nav-button[name=next] .svg-wrapper{transform:rotate(-90deg)}.gallery-grid__counter{min-width:4.4rem;text-align:center;font-size:1.2rem;line-height:1;color:rgba(var(--color-foreground),.75)}.gallery-grid__side{min-width:0}.gallery-grid__side-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0;padding:0}@media screen and (min-width:750px){.gallery-grid__side-list{gap:1.2rem}}.gallery-grid__cell{position:relative;margin:0}.gallery-grid__cell[hidden]{display:none}.gallery-grid__cell-button{position:relative;display:block;width:100%;aspect-ratio:1 / 1;padding:0;border:.1rem solid rgba(var(--color-foreground),.08);background-color:rgb(var(--color-background));cursor:pointer;overflow:hidden}.gallery-grid__cell-button img{width:100%;height:100%;object-fit:var(--gallery-grid-fit, contain);transition:transform var(--duration-default) ease}.gallery-grid__cell-button:hover img{transform:scale(1.04)}.gallery-grid__cell-button .thumbnail__badge{position:absolute;top:.8rem;right:.8rem;z-index:1;color:rgb(var(--color-foreground))}.gallery-grid .product__media-toggle{cursor:zoom-in}.gallery-grid .product__media-icon{display:none}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-product-gallery-grid.css.map */