/* fx.css · headline/scramble, random characters decode into the headline · owner: Lizzy East · all rights reserved */

/* Each letter keeps its own width, so nothing moves while it decodes; screen readers
   hear the whole words from the headline's label. */
[data-fx~="headline/scramble"] .fx-glyph { position: relative; display: inline-block; }
html.fx-armed [data-fx~="headline/scramble"].is-pending .fx-glyph { opacity: 0; }
html.fx-armed [data-fx~="headline/scramble"] .fx-glyph[data-fx-g] { color: transparent; }
html.fx-armed [data-fx~="headline/scramble"] .fx-glyph[data-fx-g]::after {
  content: attr(data-fx-g);
  position: absolute;
  left: 0;
  top: 0;
  color: var(--fx-scramble-color, #a63a12);
}