/* This file is generated by webpack on compile.
In order to add new variables, please add them to theme.json */
.masonry-gallery-block {
  margin: 0 auto;
  position: relative;
  width: 100%;
}
.masonry-gallery-block--5-images .masonry-gallery-block__gallery {
  display: grid;
  grid-template-areas: "large medium-1 medium-2" "large wide wide" "small wide wide";
  grid-template-columns: 1fr 1fr 1fr;
}
.masonry-gallery-block--5-images .masonry-gallery-block__item--position-1 {
  grid-area: large;
}
.masonry-gallery-block--5-images .masonry-gallery-block__item--position-2 {
  grid-area: medium-1;
}
.masonry-gallery-block--5-images .masonry-gallery-block__item--position-3 {
  grid-area: medium-2;
}
.masonry-gallery-block--5-images .masonry-gallery-block__item--position-4 {
  grid-area: wide;
}
.masonry-gallery-block--5-images .masonry-gallery-block__item--position-5 {
  grid-area: small;
}
.masonry-gallery-block--6-images .masonry-gallery-block__gallery {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: 1.5fr 1fr 1fr 1.2fr;
  height: 700px;
  grid-template-areas: "item1 item2" "item1 item3" "item4 item5" "item6 item6";
}
@media (min-width: 767px) {
  .masonry-gallery-block--6-images .masonry-gallery-block__gallery {
    height: 900px;
  }
}
@media (min-width: 1023px) {
  .masonry-gallery-block--6-images .masonry-gallery-block__gallery {
    height: 800px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(9, 1fr);
    grid-template-areas: "item1 item2 item3" "item1 item2 item3" "item1 item2 item3" "item4 item2 item3" "item4 item6 item6" "item4 item6 item6" "item5 item6 item6" "item5 item6 item6" "item5 item6 item6";
  }
}
.masonry-gallery-block--6-images .masonry-gallery-block__item--position-1 {
  grid-area: item1;
}
.masonry-gallery-block--6-images .masonry-gallery-block__item--position-2 {
  grid-area: item2;
}
.masonry-gallery-block--6-images .masonry-gallery-block__item--position-3 {
  grid-area: item3;
}
.masonry-gallery-block--6-images .masonry-gallery-block__item--position-4 {
  grid-area: item4;
}
.masonry-gallery-block--6-images .masonry-gallery-block__item--position-5 {
  grid-area: item5;
}
.masonry-gallery-block--6-images .masonry-gallery-block__item--position-6 {
  grid-area: item6;
}
.masonry-gallery-block--7-images .masonry-gallery-block__gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(7, 1fr);
  height: 800px;
  grid-template-areas: "item1 item2" "item1 item2" "item3 item2" "item3 item4" "item5 item5" "item5 item5" "item6 item7";
}
@media (min-width: 767px) {
  .masonry-gallery-block--7-images .masonry-gallery-block__gallery {
    height: 1000px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-template-areas: "item1 item1 item2" "item3 item4 item2" "item5 item5 item5" "item6 item7 item7";
  }
}
@media (min-width: 1023px) {
  .masonry-gallery-block--7-images .masonry-gallery-block__gallery {
    height: 700px;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(7, 1fr);
    grid-template-areas: "item1 item1 item2 item3 item4" "item1 item1 item2 item3 item4" "item1 item1 item2 item3 item4" "item1 item1 item2 item7 item7" "item5 item5 item2 item7 item7" "item5 item5 item6 item7 item7" "item5 item5 item6 item7 item7";
  }
}
.masonry-gallery-block--7-images .masonry-gallery-block__item--position-1 {
  grid-area: item1;
}
.masonry-gallery-block--7-images .masonry-gallery-block__item--position-2 {
  grid-area: item2;
}
.masonry-gallery-block--7-images .masonry-gallery-block__item--position-3 {
  grid-area: item3;
}
.masonry-gallery-block--7-images .masonry-gallery-block__item--position-4 {
  grid-area: item4;
}
.masonry-gallery-block--7-images .masonry-gallery-block__item--position-5 {
  grid-area: item5;
}
.masonry-gallery-block--7-images .masonry-gallery-block__item--position-6 {
  grid-area: item6;
}
.masonry-gallery-block--7-images .masonry-gallery-block__item--position-7 {
  grid-area: item7;
}
.masonry-gallery-block--8-images .masonry-gallery-block__gallery {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1.2fr;
  grid-template-rows: 1.2fr 1fr 1.5fr 1fr 1.3fr;
  height: 900px;
  grid-template-areas: "item1 item1 item2" "item3 item4 item2" "item5 item5 item5" "item6 item7 item8";
}
@media (min-width: 767px) {
  .masonry-gallery-block--8-images .masonry-gallery-block__gallery {
    height: 1000px;
  }
}
@media (min-width: 1023px) {
  .masonry-gallery-block--8-images .masonry-gallery-block__gallery {
    height: 700px;
    grid-template-columns: 3.2fr 2fr 4.6fr 3fr;
    grid-template-rows: repeat(4, 1fr);
    grid-template-areas: "item1 item2 item3 item4" "item1 item2 item3 item4" "item5 item5 item6 item7" "item5 item5 item6 item8";
  }
}
.masonry-gallery-block--8-images .masonry-gallery-block__item--position-1 {
  grid-area: item1;
}
.masonry-gallery-block--8-images .masonry-gallery-block__item--position-2 {
  grid-area: item2;
}
.masonry-gallery-block--8-images .masonry-gallery-block__item--position-3 {
  grid-area: item3;
}
.masonry-gallery-block--8-images .masonry-gallery-block__item--position-4 {
  grid-area: item4;
}
.masonry-gallery-block--8-images .masonry-gallery-block__item--position-5 {
  grid-area: item5;
}
.masonry-gallery-block--8-images .masonry-gallery-block__item--position-6 {
  grid-area: item6;
}
.masonry-gallery-block--8-images .masonry-gallery-block__item--position-7 {
  grid-area: item7;
}
.masonry-gallery-block--8-images .masonry-gallery-block__item--position-8 {
  grid-area: item8;
}
.masonry-gallery-block__container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1320px;
  padding-left: 0;
  padding-right: 0;
}
.masonry-gallery-block__gallery {
  margin-left: auto;
  margin-right: auto;
  gap: 8px;
}
@media (min-width: 600px) {
  .masonry-gallery-block__gallery {
    width: 100%;
  }
}
@media (min-width: 767px) {
  .masonry-gallery-block__gallery {
    gap: 12px;
  }
}
@media (min-width: 1023px) {
  .masonry-gallery-block__gallery {
    gap: 16px;
  }
}
@media (min-width: 1199px) {
  .masonry-gallery-block__gallery {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
.masonry-gallery-block__item {
  display: block;
  box-sizing: border-box;
  overflow: hidden;
  min-height: 0;
  min-width: 0;
}
.masonry-gallery-block__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.masonry-gallery-block__no-images {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: #e0e0e0;
  font-size: 30px;
  border: 1px solid #e0e0e0;
}
