/* The symbols use inherited properties so every <use> instance has its own clock. */
#testimonials {
  --ms-person-play: paused;
  --ms-person-breathe-name: ms-test-person-breathe;
  --ms-person-head-name: ms-test-person-nod;
  --ms-person-blink-name: ms-test-person-blink;
  --ms-person-wave-name: ms-test-person-wave;
}
#testimonials .ms-test-scene { --ms-person-play: paused; }
#testimonials[data-test-motion='running'] .ms-test-scene.is-active,
#testimonials [data-test-motion='running'] .ms-test-scene.is-active { --ms-person-play: running; }
#testimonials.is-static,
#testimonials .is-static {
  --ms-person-play: paused;
  --ms-person-breathe-name: none;
  --ms-person-head-name: none;
  --ms-person-blink-name: none;
  --ms-person-wave-name: none;
}
#testimonials .ms-test-person {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
  shape-rendering: geometricPrecision;
}
@keyframes ms-test-person-breathe {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-4px); }
}
@keyframes ms-test-person-nod {
  0%, 22%, 82%, 100% { transform: rotate(0); }
  43%, 59% { transform: rotate(-2.4deg); }
}
@keyframes ms-test-person-blink {
  0%, 43%, 47%, 100% { transform: scaleY(1); }
  44.5%, 45.5% { transform: scaleY(.08); }
}
@keyframes ms-test-person-wave {
  0%, 46%, 68%, 100% { transform: rotate(0); }
  51%, 61% { transform: rotate(8deg); }
  56% { transform: rotate(-4deg); }
}
@media (prefers-reduced-motion: reduce) {
  #testimonials,
  #testimonials .ms-test-scene,
  #testimonials[data-test-motion='running'] .ms-test-scene.is-active,
  #testimonials [data-test-motion='running'] .ms-test-scene.is-active {
    --ms-person-play: paused;
    --ms-person-breathe-name: none;
    --ms-person-head-name: none;
    --ms-person-blink-name: none;
    --ms-person-wave-name: none;
  }
}