/* Opt-in collaboration checkpoints; other slides keep their existing figures. */
.collab-enhanced {
  --checkpoint-start: 10px;
  --checkpoint-end: calc(66.6667% + .6667px);
}
.collab-enhanced .collab-track {
  left: var(--checkpoint-start); right: calc(100% - var(--checkpoint-end));
  top: 69px; height: 4px; border: 0; clip-path: none;
  overflow: visible; display: block; background: #c4c4c8;
}
.collab-enhanced .collab-fill { background: var(--ink); width: 100%; transform: scaleX(0); transform-origin: left; }
.collab-enhanced .collab-track > span {
  position: absolute; top: -12px; width: 28px; height: 28px;
  border: 0; background: var(--bg) url("./assets/nosotrack-icon-monochrome.svg") center / contain no-repeat;
  transform: translateX(-50%);
}
.collab-enhanced .collab-track > span:nth-of-type(1) { left: 0; }
.collab-enhanced .collab-track > span:nth-of-type(2) { left: 50%; }
.collab-enhanced .collab-track > span:nth-of-type(3) { left: 100%; border-right: 0; }
.collab-enhanced .collab-track > span.is-current { transform: translateX(-50%) scale(1.15); }
.collab-enhanced .pig-runner { left: calc(var(--checkpoint-start) - 18px); top: 35px; }
.collab-enhanced .pig-runner img { width: 460%; height: 460%; }
.slide .collab-enhanced .collab-steps .step { opacity: 1; transform: none; animation: none !important; }
.collab-enhanced .step h3 { text-decoration: underline; text-decoration-color: transparent; text-decoration-thickness: 2px; text-underline-offset: 7px; }
.collab-enhanced .step.is-current h3 { text-decoration-color: var(--ink); }
.slide .collab-enhanced .pig-runner img { animation: none !important; }
.slide.active-slide .collab-enhanced .pig-runner { animation: collaboration-walk 8s linear forwards; }
.slide.active-slide .collab-enhanced .collab-fill { animation: collaboration-progress 8s linear forwards; }
@keyframes collaboration-walk {
  0%,25% { left: calc(var(--checkpoint-start) - 18px); }
  40%,60% { left: calc((var(--checkpoint-start) + var(--checkpoint-end)) / 2 - 18px); }
  75%,100% { left: calc(var(--checkpoint-end) - 18px); }
}
@keyframes collaboration-progress {
  0%,25% { transform: scaleX(0); }
  40%,60% { transform: scaleX(.5); }
  75%,100% { transform: scaleX(1); }
}
@media(max-width:640px) {
  .collab-enhanced { --checkpoint-start: 16px; --checkpoint-end: calc(100% - 16px); }
}
@media(prefers-reduced-motion:reduce) {
  .slide .collab-enhanced .pig-runner { animation: none !important; left: calc(var(--checkpoint-end) - 18px); }
  .slide .collab-enhanced .collab-fill { animation: none !important; transform: scaleX(1); }
}