/* Breakpoints
---------------------------------------------------------------------------------------------------- */
/* Transitions
---------------------------------------------------------------------------------------------------- */
/* Border radius
---------------------------------------------------------------------------------------------------- */
/* Fonts
---------------------------------------------------------------------------------------------------- */
/* Typography mixins
---------------------------------------------------------------------------------------------------- */
/* Block margins
---------------------------------------------------------------------------------------------------- */
/* Box mixins
---------------------------------------------------------------------------------------------------- */
/* Icon mixins
---------------------------------------------------------------------------------------------------- */
/* Button mixins
---------------------------------------------------------------------------------------------------- */
/* Card mixins
---------------------------------------------------------------------------------------------------- */
/* Pagination mixins
---------------------------------------------------------------------------------------------------- */
/* Form mixins
---------------------------------------------------------------------------------------------------- */
/* Popup mixins
---------------------------------------------------------------------------------------------------- */
/* Admin mixins
---------------------------------------------------------------------------------------------------- */
.swiper.swiper-fade .swiper-slide:not(.swiper-slide-visible) {
  opacity: 0 !important;
}
.swiper.swiper-fade .swiper-slide.swiper-slide-visible {
  z-index: 1;
}

.swiper .controls,
.swiper + .controls {
  display: flex;
  align-items: center;
  column-gap: 30px;
  justify-content: center;
  margin-top: 24px;
}
.swiper .controls .swiper-button-prev,
.swiper .controls .swiper-button-next,
.swiper + .controls .swiper-button-prev,
.swiper + .controls .swiper-button-next {
  display: flex;
  height: 36px;
}
@media (max-width: 539px) {
  .swiper .controls .swiper-button-prev,
  .swiper .controls .swiper-button-next,
  .swiper + .controls .swiper-button-prev,
  .swiper + .controls .swiper-button-next {
    height: 24px;
    width: 24px;
  }
}
.swiper .controls .swiper-button-prev .text,
.swiper .controls .swiper-button-next .text,
.swiper + .controls .swiper-button-prev .text,
.swiper + .controls .swiper-button-next .text {
  overflow: hidden;
  width: 0;
}
.swiper .controls .swiper-button-prev.swiper-button-disabled .icon,
.swiper .controls .swiper-button-next.swiper-button-disabled .icon,
.swiper + .controls .swiper-button-prev.swiper-button-disabled .icon,
.swiper + .controls .swiper-button-next.swiper-button-disabled .icon {
  background-color: var(--default);
  opacity: 0.5;
}
.swiper .controls .swiper-button-prev:hover:not(.swiper-button-disabled) .icon, .swiper .controls .swiper-button-prev:focus-visible:not(.swiper-button-disabled) .icon,
.swiper .controls .swiper-button-next:hover:not(.swiper-button-disabled) .icon,
.swiper .controls .swiper-button-next:focus-visible:not(.swiper-button-disabled) .icon,
.swiper + .controls .swiper-button-prev:hover:not(.swiper-button-disabled) .icon,
.swiper + .controls .swiper-button-prev:focus-visible:not(.swiper-button-disabled) .icon,
.swiper + .controls .swiper-button-next:hover:not(.swiper-button-disabled) .icon,
.swiper + .controls .swiper-button-next:focus-visible:not(.swiper-button-disabled) .icon {
  background-color: var(--accent);
}
.swiper .controls .swiper-pagination,
.swiper + .controls .swiper-pagination {
  display: flex;
  gap: 0;
  width: 100%;
}
.swiper .controls .swiper-pagination .swiper-pagination-bullet,
.swiper + .controls .swiper-pagination .swiper-pagination-bullet {
  border-radius: 0;
  cursor: pointer;
  display: block;
  flex: 1;
  height: 20px;
  position: relative;
  width: auto;
}
.swiper .controls .swiper-pagination .swiper-pagination-bullet:before,
.swiper + .controls .swiper-pagination .swiper-pagination-bullet:before {
  background-color: var(--light);
  content: "";
  cursor: pointer;
  display: block;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
  transition: background-color 0.2s;
  width: 100%;
}
.swiper .controls .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before,
.swiper + .controls .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  background-color: var(--dark);
}
.swiper .controls .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover:before, .swiper .controls .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):focus-visible:before,
.swiper + .controls .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover:before,
.swiper + .controls .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):focus-visible:before {
  background-color: var(--accent);
}/*# sourceMappingURL=slider.css.map */