/* The input remains the accessible interaction surface; its native UI stays invisible. */
.band input {
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
}

.band input::-webkit-slider-runnable-track {
  height: 28px;
  background: transparent;
}

.band input::-webkit-slider-thumb {
  appearance: none;
  -webkit-appearance: none;
  width: 28px;
  height: 28px;
  border: 0;
  background: transparent;
  cursor: grab;
}

.band input::-moz-range-track {
  background: transparent;
  border: 0;
}

.band input::-moz-range-thumb {
  width: 28px;
  height: 28px;
  border: 0;
  background: transparent;
  cursor: grab;
}

.band input:active::-webkit-slider-thumb,
.band input:active::-moz-range-thumb { cursor: grabbing; }