::-webkit-scrollbar {
  width: 10px;
  cursor: auto;
}

@media (max-width: 700px)
{
  ::-webkit-scrollbar {
    width: 10px;
  }
}

::-webkit-scrollbar-track { 
  border-radius: 5px;
  cursor: auto;
  box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
  
::-webkit-scrollbar-thumb {
  background-color: #09c6f9;
  background-image: linear-gradient(315deg, #09c6f9 0%, #045de9 74%);
  animation: animateBg 2s infinite linear;
  border: 1px solid transparent; 
  border-radius: 5px;
  cursor: auto;
  transition: all 0.5s ease-in-out;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #045de9;
  background-image: linear-gradient(315deg, #045de9 0%, #09c6f9 74%);
  animation: animateBg 2s infinite linear;
  cursor: auto;
}

@keyframes animateBg {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 100%;
  }
}