/* Teleprompter stage — thin themed scrollbar (Firefox + WebKit), from ERP */
.teleprompter-stage-scroll {
  scrollbar-width: thin;
}

.teleprompter-stage-scroll--dark {
  scrollbar-color: rgba(239, 68, 68, 0.55) rgba(255, 255, 255, 0.08);
}

.teleprompter-stage-scroll--light {
  scrollbar-color: rgba(220, 38, 38, 0.55) rgba(0, 0, 0, 0.08);
}

.teleprompter-stage-scroll::-webkit-scrollbar {
  width: 8px;
}

.teleprompter-stage-scroll::-webkit-scrollbar-track {
  margin-block: 8px;
  background: transparent;
  border-radius: 999px;
}

.teleprompter-stage-scroll--dark::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.06);
}

.teleprompter-stage-scroll--light::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.06);
}

.teleprompter-stage-scroll::-webkit-scrollbar-thumb {
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}

.teleprompter-stage-scroll--dark::-webkit-scrollbar-thumb {
  background-color: rgba(239, 68, 68, 0.55);
}

.teleprompter-stage-scroll--light::-webkit-scrollbar-thumb {
  background-color: rgba(220, 38, 38, 0.55);
}

.teleprompter-stage-scroll--dark::-webkit-scrollbar-thumb:hover {
  background-color: rgba(239, 68, 68, 0.8);
}

.teleprompter-stage-scroll--light::-webkit-scrollbar-thumb:hover {
  background-color: rgba(220, 38, 38, 0.8);
}