/* LAB: a calibration beam, measured strokes and an immediate numeric result. */
.motion-v5 .lab-entry figure { isolation: isolate; }
.motion-v5 .lab-calibration {
  position: absolute; inset: 12px; border: 1px solid #83fce869;
  pointer-events: none; z-index: 1; border-radius: 4px;
}
.motion-v5 .lab-calibration::before,.motion-v5 .lab-calibration::after {
  content: ""; position: absolute; top: -3px; bottom: -3px; width: 6px;
  border-block: 5px solid #9effea;
}
.motion-v5 .lab-calibration::before { left: -3px; }
.motion-v5 .lab-calibration::after { right: -3px; }
.motion-v5 .lab-beam {
  position: absolute; inset: 12px auto 12px 5%; width: 24%; opacity: 0;
  background: linear-gradient(90deg, transparent, #73ffe236, #a7ffdf9e);
  border-right: 1px solid #baffe7; pointer-events: none; z-index: 1;
}
.motion-v5 .number-result { position: relative; isolation: isolate; }
.motion-v5 .lab-data-stroke {
  position: absolute; top: 16px; right: 12px; bottom: 16px; width: 2px;
  background: #83f7db; opacity: .65; transform-origin: center top; pointer-events: none;
}
.motion-v5 #result-bar { transition: none; transform-origin: left center; }
.motion-v5 .calculation-tabs button { transition: color 140ms ease, border-color 140ms ease; }
.motion-v5 .lab-catalogue .play-link { transform: none; transition: border-color 160ms ease, background-color 160ms ease; }
.motion-v5 .lab-catalogue .play-link::before, .motion-v5 .lab-catalogue .play-link::after { content: none; display: none; }
.motion-v5 .lab-catalogue .play-link span { display: inline-block; transition: transform 180ms cubic-bezier(.23,1,.32,1); }
.motion-v5 .lab-catalogue .play-link:active { transform: translateY(1px); }
@media (hover: hover) and (pointer: fine) {
  .motion-v5 .lab-catalogue .play-link:hover { transform: none; border-color: #d5fff2; }
  .motion-v5 .lab-catalogue .play-link:hover span { transform: translate(3px,-3px); }
  .motion-v5 .lab-register tbody tr { transition: background-color 150ms ease; }
  .motion-v5 .lab-register tbody tr:hover { background-color: #174352; }
}
@media (prefers-reduced-motion: reduce) { .motion-v5 .lab-beam { display: none; } }