.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);
  box-shadow: var(--hs-shadow-dark), var(--hs-shadow-dark);
  transition-property: transform, box-shadow;
  transition-duration: var(--hs-transitions-duration-base);
  transition-timing-function: var(--hs-transitions-easing);
}

.carousel > .swiper .swiper-button-next:hover,
.carousel > .swiper .swiper-button-prev:hover {
  transform: scale(1.08);
  box-shadow: var(--hs-shadow-dark), var(--hs-shadow-dark), var(--hs-shadow-dark);
}

.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--hide-inactive-navigation > .swiper .swiper-button-disabled:not(:focus-visible) {
  display: none;
}

.carousel > .swiper:not(.swiper-initialized) :is(.swiper-button-prev, .swiper-button-next) {
  display: none;
}

.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);
}