@-moz-document url-prefix() {
  div {
      scrollbar-color: orange #000; 
    }
}


div::-webkit-scrollbar {
    width: 15px;
}
div::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 10px;
  border: 1px solid transparent;
}
div::-webkit-scrollbar-thumb {
  border-radius: 10px;
  border: 1px solid #ddd;
  background: transparent;
}
div:hover::-webkit-scrollbar-track {
  background: #111;
  }
div:hover::-webkit-scrollbar-thumb {
	background: #ffb500;
	border: 1px solid #ffb500;
}


@media (min-width: 500px){
  div::-webkit-scrollbar-track {
    border: 1px solid #ddd; 
  }
  div::-webkit-scrollbar-thumb {
    background: #f9f9f9;
  }

}