/*Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  input[type='range'] {
    overflow: hidden;
    width: 100%;
    height: 20px;
    -webkit-appearance: none;
    background-color: #9889ff;
  }
  
  input[type='range']::-webkit-slider-runnable-track {
    height: 10px;
    -webkit-appearance: none;
    color: #6b56ff;
    margin-top: -1px;
  }
  
  input[type='range']::-webkit-slider-thumb {
    width: 5px;
    -webkit-appearance: none;
    height: 20px;
    cursor: ew-resize;
    background: #6b56ff;
    box-shadow: -1000px 0 0 1000px #6b56ff;
  }

}
/** FF*/
input[type="range"]::-moz-range-progress {
background-color: #6b56ff; 
}
input[type="range"]::-moz-range-track {  
background-color: #9889ff;
}
/* IE*/
input[type="range"]::-ms-fill-lower {
background-color: #6b56ff; 
}
input[type="range"]::-ms-fill-upper {  
background-color: #9889ff;
}

input[type="range" i] {
  margin: 0;
}