.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(200px,1fr))}.gallery-item{aspect-ratio:1/1;position:relative;overflow:hidden;cursor:pointer}.gallery-item button{background:none;border:none;cursor:pointer;right:0;top:0;z-index:1}.gallery-item img,.gallery-item .placeholder-svg{width:100%;height:100%;object-fit:cover;position:absolute;transition:transform .3s}.gallery-item:hover img,.gallery-item:hover .placeholder-svg{transform:scale(1.05)}.modal-gallery{background:rgba(var(--color-foreground),.4);box-sizing:border-box;height:100%;left:0;margin:0 auto;opacity:0;overflow:auto;position:fixed;top:0;visibility:hidden;width:100%;z-index:-1;display:flex;align-items:center;justify-content:center}.modal-video__toggle{align-items:center;background:none;border:none;color:rgba(var(--color-background),1);cursor:pointer;display:flex;justify-content:center;margin:0 0 0 auto;position:fixed;right:2rem;top:2rem;z-index:2}.modal-video__toggle .svg-wrapper{width:3rem;height:3rem}.modal-gallery[open]{opacity:1;visibility:visible;z-index:101}.modal-gallery__content{padding:2rem}.modal-gallery__content img,.modal-gallery__content .placeholder-svg{max-width:100%;max-height:100%;display:block}@media screen and (max-width: 989px){.gallery-grid{grid-template-columns:repeat(2,minmax(200px,1fr))}}@media screen and (max-width: 500px){.gallery-grid{grid-template-columns:repeat(1,minmax(200px,1fr))}}@media screen and (min-width: 750px){.modal-video__toggle{right:4.8rem;top:3.5rem}}@media screen and (min-width: 990px){.modal-video__toggle{right:4.3rem;top:3rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/gallery-component.css.map */