.aplus-ap-scroll-bar {
  position: relative;
  background-color: var(--ap-scroll-bar-background, rgba(0, 0, 0, 0.05));
}
.aplus-ap-scroll-bar--horizontal {
  height: 10px;
}
.aplus-ap-scroll-bar--vertical {
  width: 10px;
  height: 100%;
}
.aplus-ap-scroll-bar__bar {
  position: absolute;
  border-radius: 8px;
  background-color: rgba(144, 147, 153, 0.3);
  background-color: var(--ap-scroll-bar-bar, rgba(144, 147, 153, 0.3));
  box-shadow: var(--ap-scroll-bar-bar-shadow, inset 0 0 6px rgba(0, 0, 0, 0.2));
}
.aplus-ap-scroll-bar__bar--horizontal {
  height: 8px;
  top: 1px;
}
.aplus-ap-scroll-bar__bar--vertical {
  width: 8px;
  left: 1px;
}
.aplus-ap-scroll-bar__bar:hover,
.aplus-ap-scroll-bar__bar:focus,
.aplus-ap-scroll-bar__bar:active {
  background-color: var(--ap-scroll-bar-bar-active, rgba(144, 147, 153, 0.5));
}