::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-button {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: transparent;
  border: none;
  border-radius: 2px;
}

::-webkit-scrollbar-thumb {
  background: rgba(150, 150, 150, 0.2);
  border: none;
  border-radius: 5px;
}

::-webkit-scrollbar-corner {
  background: transparent;
}

.invisible-scrollbar {
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none; /* Firefox */
}

.invisible-scrollbar::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}

::-webkit-scrollbar-track:hover {
  background: transparent;
}

::-webkit-scrollbar-track:active {
  background: transparent;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(150, 150, 150, 0.3);
}

::-webkit-scrollbar-thumb:active {
  background: rgba(150, 150, 150, 0.4);
}