.m-image-gallery{max-width:var(--max-width);width:100%}.m-image-gallery__title{font-size:2rem;margin-bottom:2rem}.m-image-gallery__container{display:grid;gap:.75rem;grid-auto-rows:minmax(100px,auto);grid-template-columns:repeat(3,1fr);justify-items:center}.m-image-gallery__item{height:100%;overflow:hidden;position:relative;width:100%}.m-image-gallery__item__wrapper{display:flex;flex-direction:column;gap:2%;height:100%}.m-image-gallery__item__wrapper2{display:flex;gap:2%;height:100%;margin-top:2%}.m-image-gallery__image-fv{height:100%;width:100%}.m-image-gallery__image-fv,.m-image-gallery__image-hv{border-radius:var(--border-radius);display:block;transition:transform var(--transition-duration) ease-in-out,opacity var(--transition-duration) ease-in-out}.m-image-gallery__image-hv{height:50%;width:49%}.m-image-gallery__image-hh{border-radius:var(--border-radius);display:block;height:49%;transition:transform var(--transition-duration) ease-in-out,opacity var(--transition-duration) ease-in-out;width:100%}.m-image-gallery__image-fv:hover,.m-image-gallery__image-hh:hover,.m-image-gallery__image-hv:hover{cursor:pointer;opacity:.7;transform:scale(1.1)}.m-image-gallery__modal{align-items:center;background-color:rgba(0,0,0,.7);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity var(--transition-duration) ease-in-out,visibility var(--transition-duration) ease-in-out;visibility:hidden;width:100%;z-index:1000}.m-image-gallery__modal[aria-hidden=false]{opacity:1;visibility:visible}.m-image-gallery__modal__image{max-height:90%;max-width:90%}.m-image-gallery__navigation--close,.m-image-gallery__navigation--next,.m-image-gallery__navigation--prev{background:rgba(0,0,0,.25);border:2px solid hsla(0,0%,100%,.5);border-radius:50%;box-shadow:0 4px 8px rgba(0,0,0,.2);color:hsla(0,0%,100%,.5);cursor:pointer;font-size:2rem;max-height:calc(var(--button-height) + 16px);opacity:.9;position:absolute;transition:opacity var(--transition-duration) ease-in-out,transform .3s ease-in-out}.m-image-gallery__navigation--close:focus,.m-image-gallery__navigation--close:hover,.m-image-gallery__navigation--next:focus,.m-image-gallery__navigation--next:hover,.m-image-gallery__navigation--prev:focus,.m-image-gallery__navigation--prev:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.8);color:hsla(0,0%,100%,.8);opacity:1;transform:scale(1.1)}.m-image-gallery__navigation--prev{left:10%}.m-image-gallery__navigation--next{right:10%}.m-image-gallery__navigation--close{right:5%;top:10%}@media (max-width:1200px){.m-image-gallery__container{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.m-image-gallery__container{grid-template-columns:1fr}.m-image-gallery__navigation--next,.m-image-gallery__navigation--prev{display:none}}@media (max-width:467px){.m-image-gallery__container{grid-template-columns:repeat(1,1fr)}}