/**
 * @file
 * Image Gallery component styles
 */

/* Hero Swiper Specific Styling */
.hero-swiper {
  position: relative;
}

.hero-swiper .swiper-pagination-bullet {
  opacity: 1;
  width: 0.75rem;
  height: 0.75rem;
  background-color: white;
  transform: scale(1);
  transition: background-color 0.3s ease-out;
}

@media (min-width: 1024px) {
  .hero-swiper .swiper-pagination-bullet {
    width: 1.25rem;
    height: 1.25rem;
  }
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  opacity: 0.5;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(1);
}