::-webkit-scrollbar {
  width: 15px;
  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%);
  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%);
  cursor: auto;
}