.swiper-scrollbar {
  display: none;
}

.navigation-active .swiper-scrollbar {
  display: flex;
  flex-wrap: wrap;
}

.swiper .swiper-scrollbar {
  border-radius: 0;
  background-color: transparent;
  opacity: 0;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  transition-property: opacity;
  mix-blend-mode: difference;
}
.swiper .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: var(--color-invert);
  border-radius: 0;
}
.swiper:active .swiper-scrollbar, .swiper:hover .swiper-scrollbar {
  opacity: 1;
}
.swiper .swiper-scrollbar.swiper-scrollbar-horizontal {
  top: 0;
  left: 0;
  right: 0;
  bottom: auto;
  width: 100%;
  height: 1px;
}
.swiper .swiper-scrollbar.swiper-scrollbar-vertical {
  top: 0;
  left: auto;
  right: 0;
  bottom: 0;
  width: 1px;
  height: 100%;
}
/*# sourceMappingURL=scrollbar.css.map */