.range {
  pointer-events: none;
  touch-action: pan-y pinch-zoom;
}

.range::-webkit-slider-thumb {
  pointer-events: auto;
  cursor: grab;
}

.range::-moz-range-thumb {
  pointer-events: auto;
  cursor: grab;
}

.range:disabled::-webkit-slider-thumb {
  pointer-events: none;
}

.range:disabled::-moz-range-thumb {
  pointer-events: none;
}

.range + .range-labels::before {
  order: 1;
  content: "Drag handle";
}

.range + .range-labels > :last-child {
  order: 2;
}