/* Every read writes a line. The last line carries the 0ms delay so the cycle
   measures 4000ms. */

.pulsar-secrets-audit .secrets-audit-line {
  transform-box: fill-box;
  transform-origin: left center;
  animation: secrets-audit-write 4000ms cubic-bezier(0.4, 0, 0.3, 1) infinite;
}

.pulsar-secrets-audit .secrets-audit-e1 {
  animation-delay: -900ms;
}

.pulsar-secrets-audit .secrets-audit-e2 {
  animation-delay: -600ms;
}

.pulsar-secrets-audit .secrets-audit-e3 {
  animation-delay: -300ms;
}

@keyframes secrets-audit-write {
  0% {
    transform: scaleX(0);
  }
  26%,
  90% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .pulsar-secrets-audit .secrets-audit-line {
    animation: none;
    transform: scaleX(1);
  }
}