:root {
  --fsb-width: 8px;
  --fsb-bg: rgba(255, 255, 255, 0.05);  /* faint track */
  --fsb-thumb: rgba(255, 255, 255, 0.25); /* thumb */
  --fsb-thumb-hover: rgba(255, 255, 255, 0.45);
  --fsb-radius: 6px;
  --fsb-z: 9999;
  --fsb-fade: 0.3s;
}

/* track */
.fsb-track {
  position: fixed;
  top: 1px;
  right: 1px;
  bottom: 1px;
  width: var(--fsb-width);
  background: var(--fsb-bg);
  border-radius: var(--fsb-radius);
  z-index: var(--fsb-z);
  pointer-events: none;
  opacity: 0;
  transition: opacity var(--fsb-fade);
}

/* thumb */
.fsb-thumb {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: var(--fsb-thumb);
  border-radius: var(--fsb-radius);
  cursor: pointer;
  pointer-events: auto;
  transition: background var(--fsb-fade);
}
.fsb-thumb:hover {
  background: var(--fsb-thumb-hover);
}

/* when visible */
.fsb-track.visible {
  opacity: 1;
}