.ui-pagination {
  width: auto !important;
  margin: 0 -4px;
  position: static;
  display: flex;
}
.ui-pagination.swiper-pagination-lock {
  display: none;
}
.ui-pagination .swiper-pagination-bullet {
  opacity: 1;
  border-radius: 100px;
  transition:
    width var(--transition-fast),
    color var(--transition-fast),
    background-color var(--transition-fast);
}
.ui-pagination .swiper-pagination-bullet-active {
  width: 32px;
}
.ui-pagination._color-gray .swiper-pagination-bullet {
  background-color: var(--color-grey-3);
}
.ui-pagination._color-gray .swiper-pagination-bullet-active {
  background-color: var(--color-grey-1);
}
.ui-pagination._color-white .swiper-pagination-bullet {
  background-color: var(--color-white-transparent-2);
}
.ui-pagination._color-white .swiper-pagination-bullet-active {
  background-color: var(--color-white);
}
.ui-pagination._color-orange .swiper-pagination-bullet {
  background-color: var(--color-grey-2);
}
.ui-pagination._color-orange .swiper-pagination-bullet-active {
  background-color: var(--color-orange);
}