.SimpleSlider {
  position: relative;
}

.SimpleSlider-inner {
  display: flex;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  overflow: auto;
  scrollbar-width: none;
}

.SimpleSlider-inner::-webkit-scrollbar {
  display: none;
}

.SimpleSlider-slide {
  flex: 0 0 calc(100% / var(--slidesPerPage, 1));
  scroll-snap-align: start;
}

.SimpleSlider slider-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--spaceSm);
  padding-top: var(--spaceSm);
}

.SimpleSlider slider-pagination.is-hidden {
  display: none;
}

.SimpleSlider slider-pagination nav {
  display: flex;
  align-items: center;
  gap: inherit;
}

.SimpleSlider slider-pagination button {
  padding: 0;
  border: none;
  outline: transparent;
  background-color: transparent;
  height: 30px;
  cursor: pointer;
  color: #ccc;
  transition: color .3s;
}

.SimpleSlider slider-pagination button[data-direction="prev"] {
  transform: rotate(180deg);
}

.SimpleSlider slider-pagination button:hover {
  color: var(--colorButtonBg);
}

.SimpleSlider slider-pagination button[disabled] {
  pointer-events: none;
  opacity: .4;
}

.SimpleSlider slider-pagination slider-bullet {
  background: #ccc;
  width: .4em;
  height: .4em;
  border-radius: 50%;
  padding: 0;
  border: none;
  outline: transparent;
  cursor: pointer;
  transition: var(--animationBase);
}

.SimpleSlider slider-pagination slider-bullet:hover {
  background: var(--colorButtonBg);
}

.SimpleSlider slider-pagination slider-bullet.is-active {
  background: transparent;
  border: 0.1em solid var(--colorButtonBg);
  transform: scale(2);
  pointer-events: none;
}

.SimpleSlider--vertical slider-pagination {
  transform: translate(2em, -50%) rotate(90deg);
  transform-origin: center;
}

/*# sourceMappingURL=simple-slider.min.css.map */