/**
 * CSS for images in media gallery widget.
*/

.block--type-media-gallery .field--mode-grid {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: 1fr 1fr;
}

.block--type-media-gallery .field--mode-grid .field--item {
  min-width: 0;
}

@media (min-width: 640px) {
  .block--type-media-gallery .field--mode-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

.block--type-media-gallery .field--name-name {
  font-size: .875rem;
}

.block--type-media-gallery .media-gallery-hide-media-names .field--name-name {
  display: none;
}

.block--type-media-gallery .swiper-button-next,
.block--type-media-gallery .swiper-button-prev {
  color: var(--white, #fff);
  background-color: rgb(0 0 0 / 60%);
  border-radius: 2px;
  padding: 1.5rem 1rem;
}