@trap_stevo/legendarybuilderproreact-ui/dist/HUDStyles/invisaScrollBar.css

The legendary UI & utility API that makes your application a legendary application. ~ Created by Steven Compton

/*

     Created by Hassan Steven Compton.
     
     March 7, 2024.

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

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

.invisa-scroller.scrolled::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb-color, transparent);
  border-radius: 1px;
  transition: transform 0.3s;
}

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

.invisa-scroller::-webkit-scrollbar {
  width: 1px;
  border-radius: 1px;
}

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

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

.invisa-scroller::-webkit-scrollbar-thumb.end-scroll {
  background: var(--scrollbar-thumb-color-end, transparent);
}