@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.additional-images {
  display: grid;
  gap: 2rem;
}
@media (min-width: 768px) {
  .additional-images[data-count~="2"], .additional-images[data-count~="3"] {
    grid-template-columns: repeat(2, 1fr);
  }
  .additional-images[data-count~="4"], .additional-images[data-count~="5"] {
    grid-template-columns: repeat(3, 1fr);
  }
}
.additional-images .fancybox-item {
  background-color: #f2f2f2;
  display: grid;
  padding: 2rem;
  place-content: center; /*@media (prefers-color-scheme: dark) {
  @content;
}*/
}
[data-darkreader-scheme=dark] .additional-images .fancybox-item, html[native-dark-active] .additional-images .fancybox-item {
  background-color: #333333;
}
.additional-images .fancybox-item img {
  object-fit: contain;
  max-height: 14rem;
}
@media (min-width: 768px) {
  .additional-images[data-count~="3"] .fancybox-item:nth-child(2) {
    grid-row: span 2;
  }
}
@media (min-width: 768px) {
  .additional-images[data-count~="4"] .fancybox-item:nth-child(1), .additional-images[data-count~="4"] .fancybox-item:nth-child(3) {
    grid-row: span 2;
  }
}
@media (min-width: 768px) {
  .additional-images[data-count~="5"] .fancybox-item:nth-child(2) {
    grid-row: span 2;
  }
}
/*# sourceMappingURL=field--field-additional-images.css.map */
