.reveal-texts {
  text-wrap: balance;
  --total: 0;
}
.reveal-texts span {
  opacity: 0.1;
  display: inline-block;
  animation: brighten linear both;
  animation-timeline: view();
  animation-range-start: cover calc(0% + calc(var(--i) / var(--total) * 50%));
  animation-range-end: cover calc(0% + calc((var(--i) + 2) / var(--total) * 50%));
}

@keyframes brighten {
  from {
    opacity: 0.1;
  }
  to {
    opacity: 1;
  }
}

/*# sourceMappingURL=animations.css.map */