/* The illustration and SVG share the image's original canvas. */
.soft-story-art.busy-calculator-team {
  position: relative;
  pointer-events: none;
}

.page.soft-focus.integrated-home .soft-story-art.busy-calculator-team > img {
  aspect-ratio: auto;
}

.busy-calculator-team > .busy-calculator-overlay {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  stroke: none;
  visibility: hidden;
  pointer-events: none;
}

.busy-calculator-team.is-calculator-loaded > .busy-calculator-overlay {
  visibility: visible;
}

/* The fixed covers stay still while each white eye pair closes. */
.busy-calculator-team [data-calculator-eyes] {
  transform-box: fill-box;
  transform-origin: center;
  transform: scaleY(1);
}

.busy-calculator-team [data-calculator-marquee] {
  transform-box: view-box;
  transform-origin: 0 0;
  transform: translateX(var(--marquee-rest, 20px));
}

.busy-calculator-team [data-calculator-static] {
  display: none;
}

.busy-calculator-team.is-calculator-loaded.is-calculator-ready [data-calculator-eyes] {
  animation: busy-calculator-blink var(--blink-cycle, 6.2s) ease-in-out var(--blink-delay, 0s) infinite;
  animation-play-state: paused;
}

.busy-calculator-team.is-calculator-loaded.is-calculator-ready [data-calculator-eyes].has-double-blink {
  animation-name: busy-calculator-double-blink;
}

.busy-calculator-team.is-calculator-loaded.is-calculator-ready [data-calculator-marquee] {
  animation: busy-calculator-scroll var(--marquee-duration, 18s) linear infinite reverse;
  animation-play-state: paused;
}

.busy-calculator-team.is-calculator-loaded.is-calculator-ready.is-calculator-visible [data-calculator-eyes],
.busy-calculator-team.is-calculator-loaded.is-calculator-ready.is-calculator-visible [data-calculator-marquee] {
  animation-play-state: running;
}

.busy-calculator-team.is-calculator-static [data-calculator-marquee] {
  display: none;
}

.busy-calculator-team.is-calculator-static [data-calculator-static] {
  display: inline;
}

@keyframes busy-calculator-blink {
  0%, 40%, 44%, 100% { transform: scaleY(1); }
  42% { transform: scaleY(.06); }
}

@keyframes busy-calculator-double-blink {
  0%, 40%, 44%, 49%, 53%, 100% { transform: scaleY(1); }
  42%, 51% { transform: scaleY(.06); }
}

@keyframes busy-calculator-scroll {
  from { transform: translateX(var(--marquee-start, -1000px)); }
  to { transform: translateX(var(--marquee-end, 500px)); }
}

@media (prefers-reduced-motion: reduce) {
  .busy-calculator-team.is-calculator-loaded.is-calculator-ready [data-calculator-eyes],
  .busy-calculator-team.is-calculator-loaded.is-calculator-ready [data-calculator-eyes].has-double-blink {
    animation: none;
    transform: scaleY(1);
  }

  .busy-calculator-team [data-calculator-marquee],
  .busy-calculator-team.is-calculator-loaded.is-calculator-ready [data-calculator-marquee] {
    display: none;
    animation: none;
    transform: translateX(var(--marquee-rest, 20px));
  }

  .busy-calculator-team [data-calculator-static] {
    display: inline;
  }
}