.GalleryComponent{display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;margin-bottom:var(--component-spacing);margin-top:var(--component-spacing);min-height:80vh;width:100%}.GalleryComponent .gallery-title{margin-bottom:34px;text-align:center;width:100%}.GalleryComponent .gallery-images{display:grid;gap:.5rem;grid-template-columns:repeat(1,minmax(0,1fr));height:100%;min-height:-moz-fit-content;min-height:fit-content;width:100%}@media (min-width:992px){.GalleryComponent .gallery-images{gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}}.GalleryComponent .gallery-images .image-item{cursor:pointer;display:flex;height:100%;overflow:hidden;width:100%}.GalleryComponent .gallery-images .image-item a{width:100%}.GalleryComponent .gallery-images .image-item img,.GalleryComponent .gallery-images .image-item video{display:flex;height:16rem;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}@media (min-width:992px){.GalleryComponent .gallery-images .image-item img,.GalleryComponent .gallery-images .image-item video{height:100%}}.GalleryComponent .gallery-images .image-item img,.GalleryComponent .gallery-images .image-item video{transition:.2s}.GalleryComponent .gallery-images .image-item iframe{display:none}.GalleryComponent .gallery-images .image-item:hover img,.GalleryComponent .gallery-images .image-item:hover video{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.GalleryComponent .gallery-images .image-item.has-remaining{position:relative}.GalleryComponent .gallery-images .image-item.has-remaining .remaining-amount{--tw-bg-opacity:.25;--tw-text-opacity:1;align-items:center;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));color:rgb(255 255 255/var(--tw-text-opacity,1));display:flex;font-size:3rem;font-weight:700;inset:0;justify-content:center;line-height:1;position:absolute}.GalleryComponent .gallery-images .image-item:not(.active){display:none}.GalleryComponent .gallery-images .main-img{display:flex;height:20rem;width:100%}@media (min-width:992px){.GalleryComponent .gallery-images .main-img{height:100%}}.GalleryComponent .gallery-images .main-img img{height:100%}@media (min-width:992px){.GalleryComponent .gallery-images .main-img img{height:100%}}.GalleryComponent .gallery-images .other-imgs{display:grid;gap:.5rem;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));height:100%;max-height:80vh;width:100%}@media (min-width:992px){.GalleryComponent .gallery-images .other-imgs{gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}}.GalleryComponent[data-image-count="1"] .gallery-images .other-imgs{display:none}@media (min-width:992px){.GalleryComponent[data-image-count="1"] .gallery-images .main-img{grid-column:span 2/span 2}}.GalleryComponent[data-image-count="2"] .gallery-images .other-imgs{grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:repeat(1,minmax(0,1fr))}@media (min-width:992px){.GalleryComponent[data-image-count="2"] .gallery-images .other-imgs{grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:repeat(1,minmax(0,1fr))}}.GalleryComponent[data-image-count="3"] .gallery-images .other-imgs{grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}@media (min-width:992px){.GalleryComponent[data-image-count="3"] .gallery-images .other-imgs{grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}}.GalleryComponent[data-image-count="4"] .gallery-images .other-imgs{grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}@media (min-width:992px){.GalleryComponent[data-image-count="4"] .gallery-images .other-imgs{grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}}.GalleryComponent[data-image-count="5"] .gallery-images .other-imgs{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}@media (min-width:992px){.GalleryComponent[data-image-count="5"] .gallery-images .other-imgs{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}}
