/* Ricochet: the guide and its steel ball share one measured centreline. */
.process-track.machine-craft-process {
  padding-bottom: 42px;
}
.machine-craft-process > .process-rail {
  display: none;
}
.machine-craft-process > .mechanical-guide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
  z-index: 0;
}
.machine-craft-process > .process-stop {
  position: relative;
  z-index: 2;
}
.machine-craft-process > .process-ball.machine-craft-ball,
.machine-craft-footer-rail > .footer-ball.machine-craft-ball {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  min-width: 20px;
  margin: 0;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%) !important;
  border-radius: 50%;
  z-index: 4;
  pointer-events: none;
  transition: none !important;
  animation: none !important;
  background: radial-gradient(circle at 30% 24%, #fff 0%, #f8f7f1 9%, #b9bbb6 24%, #686e70 38%, #171c20 52%, #8d918b 69%, #f5ebd7 80%, #373b3b 93%);
  border: 1px solid #555b5b;
  box-shadow: 0 2px 2px #0009, 1px 4px 5px #0005, inset 0 0 1px #fff;
}
.machine-craft-footer-rail {
  position: absolute;
  pointer-events: none;
  z-index: 3;
}
.machine-craft-footer-rail > .mechanical-guide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}
.machine-craft-footer-placeholder {
  visibility: hidden;
  pointer-events: none;
}
.scroll-ball.machine-craft-scroll-ball {
  position: fixed;
  transition: none !important;
  animation: none !important;
  pointer-events: none;
}
@media (forced-colors: active) {
  .machine-craft-process > .process-ball.machine-craft-ball,
  .machine-craft-footer-rail > .footer-ball.machine-craft-ball {
    border: 2px solid CanvasText;
    background: Canvas;
    box-shadow: none;
  }
}