/* Keep the slim gauge; provide a generous pointer and touch target. */
.intro, .intro .slides, .intro .slides * { touch-action: pan-y pinch-zoom; }
.intro .slides { cursor: grab; }
.intro.intro-dragging, .intro.intro-dragging * { cursor: grabbing !important; user-select: none; -webkit-user-select: none; }
.intro.intro-dragging .slides { transition: none; }
.intro.intro-scrubbing .slides { transition-duration: 140ms; }
#intro-progress {
  position: relative;
  flex: 0 0 110px;
  height: 32px;
  background: transparent;
  cursor: ew-resize;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  border-radius: 6px;
}
#intro-progress::before, #intro-progress > i {
  position: absolute;
  left: 0;
  top: 15px;
  height: 2px;
  border-radius: 2px;
}
#intro-progress::before { content: ''; width: 100%; background: #ffffff45; }
#intro-progress > i { pointer-events: none; }
#intro-progress:focus-visible { outline: 2px solid #ffffffb3; outline-offset: 4px; }
.intro-scrubbing #progress { transition: none; }