/* Boditrax website - Journey graphic
 * Progressive journey line animation driven by data-phase.
 * Generated from the original compiled stylesheet; rule order is significant. */
@keyframes journey-line-in {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes journey-loop-draw {
  from {
    clip-path: inset(0 100% 0 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}
@keyframes journey-loop-end-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.journey-line, .journey-loop-path {
  transform-origin: left center;
}
.journey[data-phase="pending"] .journey-line {
  transform: scaleX(0);
}
.journey[data-phase="pending"] .journey-loop-path {
  clip-path: inset(0 100% 0 0);
}
.journey[data-phase="pending"] .journey-loop-end {
  opacity: 0;
}
.journey[data-phase="run"] .journey-line {
  animation: journey-line-in 1.2s var(--ease-calm) both;
}
.journey[data-phase="run"] .journey-loop-path {
  animation: journey-loop-draw 1.1s var(--ease-calm) 1.2s both;
}
.journey[data-phase="run"] .journey-loop-end {
  animation: journey-loop-end-in 0.5s ease-out 2.2s both;
}
@media (prefers-reduced-motion: reduce) {
  .journey[data-phase="pending"] .journey-line, .journey[data-phase="pending"] .journey-loop-path, .journey[data-phase="pending"] .journey-loop-end {
    transform: none;
    clip-path: none;
    opacity: 1;
  }
  .journey[data-phase="run"] .journey-line, .journey[data-phase="run"] .journey-loop-path, .journey[data-phase="run"] .journey-loop-end {
    animation: none;
  }
}