:root {
  --md-primary-fg-color:        #00b2ff;
  --md-accent-fg-color:        #FF00B2;
}

/* Change the color of the slider track */
input[type="range"]::-webkit-slider-runnable-track {
  background: #00b2ff; /* Change this to your desired color */
}

input[type="range"]::-moz-range-track {
  background: #00b2ff; /* Change this to your desired color */
}

input[type="range"]::-ms-track {
  background: #00b2ff; /* Change this to your desired color */
  border-color: transparent;
  color: transparent;
}

/* Change the color of the slider thumb */
input[type="range"]::-webkit-slider-thumb {
  background: #00b2ff; /* Change this to your desired color */
}

input[type="range"]::-moz-range-thumb {
  background: #00b2ff; /* Change this to your desired color */
}

input[type="range"]::-ms-thumb {
  background: #00b2ff; /* Change this to your desired color */
}