/* WebKit (Chrome, Edge, Safari, Opera) */
*::-webkit-scrollbar {
  width: 10px; /* vertical scrollbar width */
  height: 10px; /* horizontal scrollbar height */
}

*::-webkit-scrollbar-track {
  background: none; /* track background */
}

*::-webkit-scrollbar-thumb {
  background: #379AFF; /* thumb color */
  border-radius: 10px; /* thumb radius */
  transition: background 0.2s ease; /* thumb color transition */
}

*::-webkit-scrollbar-thumb:hover {
  background: #2556FF; /* hover thumb color */
}

/* Firefox */
@supports (-moz-appearance: none) {
  * {
    scrollbar-width: thin; /* scrollbar width */
    scrollbar-color: #379AFF transparent; /* thumb + track color */
  }
}