.carousel > .swiper .swiper-button-next,
.carousel > .swiper .swiper-button-prev {
  height: 4.8rem;
  width: 4.8rem;
  box-sizing: border-box;
  color: var(--hs-color-carousel-navigation_arrow);
  background-color: var(--hs-color-carousel-navigation_arrow_box);
}

.carousel > .swiper .swiper-button-next::after,
.carousel > .swiper .swiper-button-prev::after {
  font-size: 2.4rem;
}

.carousel > .swiper .swiper-button-disabled {
  color: var(--hs-color-carousel-navigation_arrow_active);
}

.carousel .swiper-pagination {
  position: relative;
  padding: var(--hs-spacing-base) 0;
  bottom: 0;
  z-index: 0;
}

.carousel .swiper-pagination-bullet {
  background-color: var(--hs-color-carousel-pagination_bullet);
}

.carousel .swiper-pagination-bullet-active {
  background-color: var(--hs-color-carousel-pagination_bullet_active);
}