.scroll-slides {
  position: absolute;
  top: calc(var(--header-height) * -1);
  right: 10px;
}

.scroll-slide {
  position: relative;
  display: block;
  width: 10px;
  height: calc(100vh - var(--header-height));
  background-color: red;
  opacity: 0;
  pointer-events: none;
  margin-bottom: 5px;
}
.scroll-slide:nth-child(even) {
  background-color: blue;
}
.scroll-slide .observable {
  position: absolute;
  top: 50%;
  left: 0;
  width: 10px;
  height: 2px;
  background-color: var(--white);
}
.scroll-slide[data-current=true] .observable {
  top: calc(50% - 1px);
}

.scroll-slider-activator {
  position: absolute;
  right: 40px;
  top: 20vh;
  bottom: 20vh;
  width: 10px;
  background-color: deeppink;
  opacity: 0;
  pointer-events: none;
}

/*# sourceMappingURL=scroll-slider.css.map */