/********** Range Input Styles **********/
/* Range Reset */
input[type='range'] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  cursor: pointer;
  width: 10rem;
}
/* Removes default focus */
input[type='range']:focus {
  outline: none;
}
/***** Chrome, Safari, Opera and Edge Chromium styles *****/
/* slider track */
input[type='range']::-webkit-slider-runnable-track {
  --background-range-track: #053a5f;

  background-color: var(--background-range-track);
  border-radius: 3rem;
  height: 0.5rem;
}
/* slider thumb */
input[type='range']::-webkit-slider-thumb {
  --background-range-thumb: #5cd5eb;

  -webkit-appearance: none;

          appearance: none;
  /* custom styles */
  background-color: var(--background-range-thumb);
  border-radius: 50%;
  height: 1.5rem;
  margin-top: -9px; /* Centers thumb on the track */
  width: 1.5rem;
}

input[type='range']:active::-webkit-slider-thumb {
  filter: brightness(0.9);
}
/******** Firefox styles ********/
/* slider track */
input[type='range']::-moz-range-track {
  --background-range-track: #053a5f;

  background-color: var(--background-range-track);
  border-radius: 3rem;
  height: 0.5rem;
}
/* slider thumb */
input[type='range']::-moz-range-thumb {
  --background-range-thumb: #5cd5eb;
  /* custom styles */
  background-color: var(--background-range-thumb);
  border: none; /* Removes extra border that FF applies */
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
}

input[type='range']:active::-moz-range-thumb {
  filter: brightness(0.9);
}


/*# sourceMappingURL=main~a1ede9fb.4ea15d16.chunk.css.map*/