.custom-cursor {
  width: 25px;
  height: 25px;
  background-color: transparent;
  /* Make the background transparent */
  position: absolute;
  pointer-events: none;
  transform: translate(-50%, -50%);
  display: none;
}

.custom-cursor::before,
.custom-cursor::after {
  content: '';
  position: absolute;
  background-color: black;
  /* Color of the crosshair */
}

.custom-cursor::before {
  width: 25px;
  /* Horizontal line length */
  height: 3px;
  /* Horizontal line thickness */
  border: 1px solid white;  /* White border */
  box-sizing: border-box;   /* Ensures border is included in width/height */
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.custom-cursor::after {
  width: 3px;
  /* Vertical line thickness */
  height: 25px;
  /* Vertical line length */
  border: 1px solid white;  /* White border */
  box-sizing: border-box;   /* Ensures border is included in width/height */
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

[id^="Tracker_FrameUI_"][id$="_frame"] {
  touch-action: none;
}

/* Keep the video slider thumb visible when iPad layout briefly gives the
   em-sized SwingJS handle zero geometry while a video is loading. */
[id^="Tracker_SliderUI_"] {
  overflow: visible !important;
}

[id^="Tracker_SliderUI_"] .ui-j2sslider-handle {
	touch-action: none;
	user-select: none;
	-webkit-user-select: none;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-width: 14px;
  min-height: 14px;
  box-sizing: border-box;
  background: #1976d2 !important;
  border: 2px solid #0d47a1 !important;
  z-index: 2;
}