/*

     Created by Hassan Steven Compton.
     
     March 7, 2024.

*/
body {
  overflow: visible;
}

body::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.hud-scroller {
  overflow-y: scroll;
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb-color, transparent) transparent;
}

.hud-scroller:not(.scrolled)::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb-color, black);
  border-radius: 10px;
  transition: transform 0.3s;
}

.hud-scroller.scrolled::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb-color, #e30e0e);
  border-radius: 10px;
  transition: transform 0.3s;
}

.hud-scroller:hover:not(.scrolled)::-webkit-scrollbar-thumb {
  transform: scale(1.2);
}

.hud-scroller::-webkit-scrollbar {
  width: 10.69px;
  border-radius: 10px;
}

.hud-scroller::-webkit-scrollbar-track {
  background: transparent;
}

.hud-scroller.thumb-hovered::-webkit-scrollbar-thumb {
  transition: background 0.5s;
}

.hud-scroller::-webkit-scrollbar-thumb.end-scroll {
  background: var(--scrollbar-thumb-color-end, #e30e0e);
}