.dbsSlider { 

  -webkit-appearance: none ;
  max-width: 400px ;
  width: 100% ;
  height: 30px ;
  background: var(--dbsWhite) ;
  outline: none ;
  -webkit-transition: .2s ;
  transition: opacity .2s ;
  margin: 1em ;
  border-radius: 500px ;
}
  
.dbsSlider:hover {
  opacity: 1 ;
}
  
.dbsSlider::-webkit-slider-thumb {
  -webkit-appearance: none ;
  border-radius: 50% ;
  appearance: none ;
  width: 30px ;
  height: 30px ;
  background: #3f6ad8 ;
  cursor: pointer ;
}
  
.dbsSlider::-moz-range-thumb {
  width: 25px ;
  height: 25px ;
  background: #3f6ad8 ;
  cursor: pointer;
}