.acf-block-preview.wp-block-acf-photo-gallery section,
section.wp-block-acf-photo-gallery {
  display: grid;
  grid-template-columns: var(--base-grid);
}
.acf-block-preview.wp-block-acf-photo-gallery section .wp-block-acf-image > div,
section.wp-block-acf-photo-gallery .wp-block-acf-image > div {
  aspect-ratio: 16/9;
  border-radius: var(--base-radius);
  background-color: var(--color-gray);
  position: relative;
  display: grid;
  justify-content: center;
  align-items: center;
}
.acf-block-preview.wp-block-acf-photo-gallery section .wp-block-acf-image > div:before,
section.wp-block-acf-photo-gallery .wp-block-acf-image > div:before {
  content: "Place An Image";
}
.acf-block-preview.wp-block-acf-photo-gallery section .wp-block-acf-image.acf-block-preview figure,
section.wp-block-acf-photo-gallery .wp-block-acf-image.acf-block-preview figure {
  height: 100%;
}
.acf-block-preview.wp-block-acf-photo-gallery section .wp-block-acf-image.acf-block-preview:has(.row-2) img, .acf-block-preview.wp-block-acf-photo-gallery section .wp-block-acf-image.acf-block-preview:has(.row-3) img, .acf-block-preview.wp-block-acf-photo-gallery section .wp-block-acf-image.acf-block-preview:has(.row-4) img,
section.wp-block-acf-photo-gallery .wp-block-acf-image.acf-block-preview:has(.row-2) img,
section.wp-block-acf-photo-gallery .wp-block-acf-image.acf-block-preview:has(.row-3) img,
section.wp-block-acf-photo-gallery .wp-block-acf-image.acf-block-preview:has(.row-4) img {
  max-height: none;
}
.acf-block-preview.wp-block-acf-photo-gallery section .wp-block-acf-image.acf-block-preview:has(.row-2),
section.wp-block-acf-photo-gallery .wp-block-acf-image.acf-block-preview:has(.row-2) {
  grid-row: span 2;
}
.acf-block-preview.wp-block-acf-photo-gallery section .wp-block-acf-image.acf-block-preview:has(.row-3),
section.wp-block-acf-photo-gallery .wp-block-acf-image.acf-block-preview:has(.row-3) {
  grid-row: span 3;
}
.acf-block-preview.wp-block-acf-photo-gallery section .wp-block-acf-image.acf-block-preview:has(.row-4),
section.wp-block-acf-photo-gallery .wp-block-acf-image.acf-block-preview:has(.row-4) {
  grid-row: span 4;
}
.acf-block-preview.wp-block-acf-photo-gallery section .wp-block-acf-image.acf-block-preview:has(.col-2),
section.wp-block-acf-photo-gallery .wp-block-acf-image.acf-block-preview:has(.col-2) {
  grid-column: span 2;
}
.acf-block-preview.wp-block-acf-photo-gallery section .wp-block-acf-image.acf-block-preview:has(.col-3),
section.wp-block-acf-photo-gallery .wp-block-acf-image.acf-block-preview:has(.col-3) {
  grid-column: span 3;
}
.acf-block-preview.wp-block-acf-photo-gallery section .wp-block-acf-image.acf-block-preview:has(.col-4),
section.wp-block-acf-photo-gallery .wp-block-acf-image.acf-block-preview:has(.col-4) {
  grid-column: span 4;
}
.acf-block-preview.wp-block-acf-photo-gallery section > .inner,
section.wp-block-acf-photo-gallery > .inner {
  --column-count: 2;
  grid-column: 2/span 12;
  display: grid;
  grid-template-columns: repeat(var(--column-count), 1fr);
  gap: var(--spacing-medium);
}
@media (min-width: 790px) {
  .acf-block-preview.wp-block-acf-photo-gallery section > .inner.col-3,
  section.wp-block-acf-photo-gallery > .inner.col-3 {
    --column-count: 3;
  }
  .acf-block-preview.wp-block-acf-photo-gallery section > .inner.col-4,
  section.wp-block-acf-photo-gallery > .inner.col-4 {
    --column-count: 4;
  }
  .acf-block-preview.wp-block-acf-photo-gallery section > .inner.col-5,
  section.wp-block-acf-photo-gallery > .inner.col-5 {
    --column-count: 5;
  }
  .acf-block-preview.wp-block-acf-photo-gallery section > .inner.col-6,
  section.wp-block-acf-photo-gallery > .inner.col-6 {
    --column-count: 6;
  }
  .acf-block-preview.wp-block-acf-photo-gallery section > .inner.col-7,
  section.wp-block-acf-photo-gallery > .inner.col-7 {
    --column-count: 7;
  }
  .acf-block-preview.wp-block-acf-photo-gallery section > .inner.col-8,
  section.wp-block-acf-photo-gallery > .inner.col-8 {
    --column-count: 8;
  }
}
.acf-block-preview.wp-block-acf-photo-gallery section > .inner > figure,
section.wp-block-acf-photo-gallery > .inner > figure {
  --max-height: 300px;
  max-height: var(--max-height);
}
@media (min-width: 790px) {
  .acf-block-preview.wp-block-acf-photo-gallery section > .inner > figure.row-2,
  section.wp-block-acf-photo-gallery > .inner > figure.row-2 {
    grid-row: span 2;
    max-height: calc(var(--max-height) * 2 + var(--spacing-medium));
  }
  .acf-block-preview.wp-block-acf-photo-gallery section > .inner > figure.row-3,
  section.wp-block-acf-photo-gallery > .inner > figure.row-3 {
    grid-row: span 3;
    max-height: calc(var(--max-height) * 3 + var(--spacing-medium) * 2);
  }
  .acf-block-preview.wp-block-acf-photo-gallery section > .inner > figure.row-4,
  section.wp-block-acf-photo-gallery > .inner > figure.row-4 {
    grid-row: span 4;
    max-height: calc(var(--max-height) * 4 + var(--spacing-medium) * 3);
  }
  .acf-block-preview.wp-block-acf-photo-gallery section > .inner > figure.col-2,
  section.wp-block-acf-photo-gallery > .inner > figure.col-2 {
    grid-column: span 2;
  }
  .acf-block-preview.wp-block-acf-photo-gallery section > .inner > figure.col-3,
  section.wp-block-acf-photo-gallery > .inner > figure.col-3 {
    grid-column: span 3;
  }
  .acf-block-preview.wp-block-acf-photo-gallery section > .inner > figure.col-4,
  section.wp-block-acf-photo-gallery > .inner > figure.col-4 {
    grid-column: span 4;
  }
  .acf-block-preview.wp-block-acf-photo-gallery section > .inner > figure.col-5,
  section.wp-block-acf-photo-gallery > .inner > figure.col-5 {
    grid-column: span 5;
  }
  .acf-block-preview.wp-block-acf-photo-gallery section > .inner > figure.col-6,
  section.wp-block-acf-photo-gallery > .inner > figure.col-6 {
    grid-column: span 6;
  }
  .acf-block-preview.wp-block-acf-photo-gallery section > .inner > figure.col-7,
  section.wp-block-acf-photo-gallery > .inner > figure.col-7 {
    grid-column: span 7;
  }
  .acf-block-preview.wp-block-acf-photo-gallery section > .inner > figure.col-8,
  section.wp-block-acf-photo-gallery > .inner > figure.col-8 {
    grid-column: span 8;
  }
}
.acf-block-preview.wp-block-acf-photo-gallery section > .inner.col-2:has(figure:is(:last-child:nth-of-type(2))) figure,
section.wp-block-acf-photo-gallery > .inner.col-2:has(figure:is(:last-child:nth-of-type(2))) figure {
  max-height: calc(var(--max-height) * 1.5);
}
.acf-block-preview.wp-block-acf-photo-gallery section .heading-group,
.acf-block-preview.wp-block-acf-photo-gallery section .wp-block-acf-heading-group,
section.wp-block-acf-photo-gallery .heading-group,
section.wp-block-acf-photo-gallery .wp-block-acf-heading-group {
  grid-column: 1/-1;
}
.acf-block-preview.wp-block-acf-photo-gallery section figure + figure,
section.wp-block-acf-photo-gallery figure + figure {
  margin-top: 0;
}
.acf-block-preview.wp-block-acf-photo-gallery section img,
section.wp-block-acf-photo-gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  margin: 0;
  border-radius: var(--base-radius);
}
@media (max-width: 789px) {
  .acf-block-preview.wp-block-acf-photo-gallery section .type-logos,
  section.wp-block-acf-photo-gallery .type-logos {
    grid-template-columns: repeat(3, 1fr);
  }
}
.acf-block-preview.wp-block-acf-photo-gallery section .type-logos figure,
section.wp-block-acf-photo-gallery .type-logos figure {
  padding: var(--spacing-tiny);
  border: 1px solid var(--color-gray-light);
  border-radius: var(--base-radius);
  overflow: clip;
  aspect-ratio: 4/3;
}
.acf-block-preview.wp-block-acf-photo-gallery section .type-logos img,
section.wp-block-acf-photo-gallery .type-logos img {
  object-fit: contain;
  height: 100%;
  width: 100%;
  filter: grayscale(1);
}