/* fx.css · headline/letters, arrives a letter at a time · owner: Lizzy East · all rights reserved */

/* The letters exist only when fx.js split a waiting headline; screen readers hear
   the whole words from the headline's label. */
[data-fx~="headline/letters"] .fx-word { display: inline-block; white-space: nowrap; }
[data-fx~="headline/letters"] .fx-letter { display: inline-block; }
html.fx-armed [data-fx~="headline/letters"].is-pending .fx-letter {
  opacity: 0;
  translate: 0 0.35em;
}
html.fx-armed [data-fx~="headline/letters"].is-in .fx-letter {
  transition: opacity var(--fx-letter-dur, 480ms) var(--fx-ease), translate var(--fx-letter-dur, 480ms) var(--fx-ease);
  transition-delay: calc(var(--fx-l, 0ms) + var(--fx-delay, 0ms));
}