.rw-slider {
  position: relative;
  width: 100%;
  margin: 40px auto;


  --perPage: 1;
  --gap: 0px;
  --overflow: hidden;
}

.rw-slider .embla__viewport {
  padding-block: 20px;
  overflow: var(--overflow);
  width: 100%;
}

.rw-slider .embla__container {
  display: flex;
  gap: var(--gap);
}

.rw-slider[data-axis="y"] .embla__container {
  flex-direction: column;
}

.rw-slider .embla__slide {
  position: relative;
  flex: 0 0 calc((100% / var(--perPage)) - var(--gap) * 0.9);
}




.embla__progress {
  background-color: #eee;
  border-radius: 2px;
  overflow: hidden;
  width: 100%;
  height: 4px;
  position: relative;
}

.embla__progress-bar {
  height: 100%;
  width: 0%;
  background-color: #333;
  transition: width 0.1s linear;
  border-radius: 2px;
}


@media(max-width: 768px) {
    .rw-slider {
      user-select: none;
    }
}