/* Whole-photo comparison dragging, without claiming vertical page scroll or pinch zoom. */
.hp-compare.hp-drag-ready{
  touch-action:pan-y pinch-zoom;
  cursor:ew-resize;
  user-select:none;
  -webkit-user-select:none;
  -webkit-touch-callout:none;
}
.hp-compare.hp-drag-ready img{
  pointer-events:none;
  user-select:none;
  -webkit-user-select:none;
  -webkit-user-drag:none;
}
.hp-compare.hp-drag-ready #hp-result-range{
  /* Focus and keyboard operation stay native; pointer input belongs to the full photo. */
  pointer-events:none;
  touch-action:pan-y pinch-zoom;
}
.hp-compare.hp-drag-ready.hp-is-dragging,
.hp-compare.hp-drag-ready.hp-is-dragging .hp-compare-divider{
  cursor:ew-resize;
}
.hp-compare.hp-drag-ready .hp-compare-divider>span{
  width:48px;
  height:48px;
}