:root {
  --swiper-pagination-bullet-width: 0.8rem;
  --swiper-pagination-bullet-size: 0.8rem;
  --swiper-pagination-color: #dabc74;
  --swiper-pagination-bullet-inactive-color: #9b9b9b;
  --swiper-navigation-top-offset: calc(50% - 2.5rem);
  --swiper-navigation-sides-offset: -0.5rem;
  --swiper-pagination-bottom: -5px;
}
.wp-block-gallery .swiper-wrapper {
  margin-bottom: 2rem;
}

.wp-block-gallery .swiper-button-next,
.wp-block-gallery .swiper-button-prev {
  background-color: transparent;
  --swiper-navigation-color: #5d5d5d;
  border-radius: 1rem;
  padding: 1.5rem;
  --swiper-navigation-size: 0.8rem;
}
.wp-block-gallery .swiper-button-next::after,
.wp-block-gallery .swiper-button-prev::after {
  font-size: 3rem !important;
  font-weight: 900 !important;
}

.wp-block-gallery .swiper-button-next:focus,
.wp-block-gallery .swiper-button-prev:focus {
  outline: none;
}

.wp-block-gallery.swiper {
  margin-block: 2rem;
  background-color: transparent;

  overflow: hidden;
  max-width: 750px;
}
.swiper .swiper-slide {
  user-select: none;
}

.wp-block-gallery .swiper-slide-prev,
.wp-block-gallery .swiper-slide-next {
  opacity: 0;

  transition: opacity 0.2s ease-in-out;
}

.wp-block-gallery .swiper-slide-active {
  opacity: 1;
}

.wp-block-gallery.swiper > .swiper-wrapper > figure > img {
  aspect-ratio: 16/9;
  object-fit: contain !important;
}

@media (max-width: 746px) {
  .wp-block-gallery.swiper > .swiper-wrapper {
    aspect-ratio: 1/1;
  }
  .wp-block-gallery .swiper-button-prev,
  .wp-block-gallery .swiper-button-next {
    opacity: 0 !important;
  }
}