.swiper .navigation {
  margin-block-start: var(--size-40);
}
.swiper .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  position: initial;
  margin-block-end: var(--size-8);
}
.swiper .swiper-pagination.swiper-pagination-lock {
  display: none !important;
}
.swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  opacity: 1;
  background-color: var(--ms-swiper-bullet-background-default);
}
.swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: var(--size-12);
  height: var(--size-12);
  background-color: var(--ms-swiper-bullet-background-selected);
  box-shadow: var(--size-0) var(--size-0) var(--size-0) var(--size-2) var(--ms-swiper-bullet-border-selected);
}
.swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:not(.swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active):hover {
  background-color: var(--ms-swiper-bullet-background-hover);
  box-shadow: var(--size-0) var(--size-0) var(--size-0) var(--size-2) var(--ms-swiper-bullet-border-hover);
}
.swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:not(.swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active):active {
  background-color: var(--ms-swiper-bullet-background-active);
  box-shadow: var(--size-0) var(--size-0) var(--size-0) var(--size-2) var(--ms-swiper-bullet-border-active);
}
.swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:focus-visible {
  background-color: var(--ms-swiper-bullet-background-focus);
  box-shadow: var(--size-0) var(--size-0) var(--size-0) var(--size-2) var(--ms-swiper-bullet-border-focus);
}
.swiper .swiper-button-next,
.swiper .swiper-button-prev {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
  width: var(--size-56);
  height: var(--size-56);
  position: initial;
  margin: var(--size-0);
  color: var(--ms-swiper-button-foreground-default);
  border: var(--size-2) solid var(--ms-swiper-button-border-default);
  border-radius: var(--size-56);
  background-color: var(--ms-swiper-button-background-default);
  gap: var(--size-0);
}
.swiper .swiper-button-next.swiper-button-disabled,
.swiper .swiper-button-prev.swiper-button-disabled {
  opacity: 0.5;
  filter: grayscale(1);
}
.swiper .swiper-button-next.swiper-button-lock,
.swiper .swiper-button-prev.swiper-button-lock {
  display: none !important;
}
.swiper .swiper-button-next:after,
.swiper .swiper-button-prev:after {
  content: "";
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.swiper .swiper-button-next:before,
.swiper .swiper-button-prev:before {
  content: "";
  width: 0;
  height: 2px;
  transition: width var(--timing-medium) var(--animation-cubic);
  background-color: currentColor;
}
.swiper .swiper-button-next:hover,
.swiper .swiper-button-prev:hover {
  color: var(--ms-swiper-button-foreground-hover);
  border: var(--ms-swiper-button-border-hover);
  background-color: var(--ms-swiper-button-background-hover);
}
.swiper .swiper-button-next:hover:before,
.swiper .swiper-button-prev:hover:before {
  width: var(--size-20);
}
.swiper .swiper-button-next:active,
.swiper .swiper-button-prev:active {
  color: var(--ms-swiper-button-foreground-active);
  border-color: var(--ms-swiper-button-border-active);
  background-color: var(--ms-swiper-button-background-active);
}
.swiper .swiper-button-next:focus-visible,
.swiper .swiper-button-prev:focus-visible {
  color: var(--ms-swiper-button-foreground-focus);
  border-color: var(--ms-swiper-button-border-focus);
  background-color: var(--ms-swiper-button-background-focus);
}
.swiper .swiper-button-next {
  margin-inline-start: var(--size-56);
}
.swiper .swiper-button-next:after {
  -webkit-mask-image: url("../../../assets/img/icons/chevron-right.svg");
          mask-image: url("../../../assets/img/icons/chevron-right.svg");
}
.swiper .swiper-button-next:before {
  transform: translateX(20px);
}
.swiper .swiper-button-prev {
  margin-inline-end: var(--size-56);
}
.swiper .swiper-button-prev:after {
  -webkit-mask-image: url("../../../assets/img/icons/chevron-left.svg");
          mask-image: url("../../../assets/img/icons/chevron-left.svg");
}
.swiper .swiper-button-prev:before {
  order: 1;
  transform: translateX(-22px);
}