.swiper-wrapper {
  display: flex;
  transition-property: transform;
}

.swiper-slide {
  flex-shrink: 0;
}

.swiper-button {
  --button-size: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  padding: 0;
  background-color: var(--button-color);
  width: var(--button-size);
  height: var(--button-size);
  cursor: pointer;
  transition: 0.3s ease;
  font-size: 0;
  line-height: 0;
}
@media (hover: hover) {
  .swiper-button:hover {
    background-color: var(--button-hover-color);
  }
}
.swiper-button::before {
  content: "";
  display: inline-block;
  vertical-align: text-top;
  background-color: var(--icon-color, var(--dark-color));
  width: var(--icon-size, 1em);
  height: var(--icon-size, 1em);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask: var(--icon) no-repeat center;
  mask: var(--icon) no-repeat center;
  --icon: var(--icon-arrow-right);
  --icon-color: var(--button-text-color);
  --icon-size: calc(var(--button-size) * 0.4);
  content: "";
  display: block;
  background-color: var(--button-text-color);
}
.swiper-button.swiper-button-prev::before {
  --icon: var(--icon-arrow-left);
}
.swiper-button.swiper-button-disabled {
  opacity: 0.5;
  pointer-events: none;
}

/*# sourceMappingURL=swiper.css.map */