.mosiacCollage{width:100%;height:100%;display:grid;gap:15px;padding:20px 50px 50px;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);position:relative}@media(max-width:1024px){.mosiacCollage{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr)}}@media(max-width:767px){.mosiacCollage{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.collageImage.expanded{max-width:100vw!important;max-height:100vh!important;width:75vw!important}.arrow-left{left:0%!important}.arrow-right{right:0%!important}}.collageImage{position:relative;width:100%;height:100%;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease;aspect-ratio:1/1}.collageImage:hover:not(.expanded){transform:scale(1.05);box-shadow:0 4px 15px #0000004d;cursor:pointer}.collageImage.expanded{position:fixed;width:40vw;height:auto;max-width:90vw;max-height:90vh;top:50%;left:50%;transform:translate(-50%,-50%);border:15px solid white;z-index:1002;box-shadow:0 0 50px #000;aspect-ratio:auto}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;z-index:1000}.arrow{position:fixed;top:50%;transform:translateY(-50%);font-size:5rem;color:#fff;background-color:#00000080;padding:10px;cursor:pointer;z-index:1003;-webkit-user-select:none;user-select:none}.arrow:hover{background-color:#000c}.arrow-left{left:5%}.arrow-right{right:5%}.close-button{position:fixed;top:10px;right:10px;font-size:4rem;color:#fff;background-color:#00000080;padding:5px 10px;cursor:pointer;z-index:10003;border-radius:5px;-webkit-user-select:none;user-select:none}.close-button:hover{background-color:#000c}
/*# sourceMappingURL=/cdn/shop/t/3/assets/mosiac-collage.css.map */