/* fx.css · headline/highlight-sweep, a highlight sweeps across the marked word · owner: Lizzy East · all rights reserved */

/* The marked word carries its highlight whatever happens; a waiting one starts
   empty and fills once. */
[data-fx~="headline/highlight-sweep"] [data-fx-mark] {
  background: linear-gradient(var(--fx-mark, #ffe066), var(--fx-mark, #ffe066)) 0 88% / 100% 0.42em no-repeat;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
html.fx-armed [data-fx~="headline/highlight-sweep"].is-pending [data-fx-mark] { background-size: 0% 0.42em; }
html.fx-armed [data-fx~="headline/highlight-sweep"].is-in [data-fx-mark] {
  transition: background-size var(--fx-sweep-dur, 900ms) var(--fx-ease);
  transition-delay: calc(var(--fx-delay, 0ms) + 200ms);
}