.slider-progression {
}

.slider-progression__inner {
  background-color: #d9d9d9;
  border-radius: 0.625rem;
  overflow: hidden;
}

.slider-progression .slider-progression__inner span {
  transform-origin: left;
  transform: scaleX(calc(calc(var(--current-page) * 100%) / var(--total-pages)));
  height: 2px;
  width: 100%;
  background-color: #1c1c1c;
  display: block;
  transition: transform 0.3s ease-out;
  border-radius: 0.625rem;
}