:root {
  --swiper-pagination-bullet-border-radius: 0;
  --swiper-pagination-bullet-height: 2px;
  --swiper-pagination-bullet-width: 30px;
  --swiper-pagination-bullet-horizontal-gap: 10px;
  --swiper-theme-color: var(
    --wp--preset--color--primary
  ) !important;
  --swiper-pagination-color: var(
    --color-primary
  ) !important;
}

.swiper-pagination-bullet {
  @apply bg-primary;
}