/* fx.css · headline/shimmer-once, one gentle shimmer · owner: Lizzy East · all rights reserved */

/* A soft band of light crosses once and leaves. At rest it sits off the far edge,
   so the finished look is the headline alone. */
[data-fx~="headline/shimmer-once"] { position: relative; }
[data-fx~="headline/shimmer-once"]::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(100deg, transparent 35%, var(--fx-shine, rgb(255 255 255 / 0.7)) 50%, transparent 65%) -150% 0 / 250% 100% no-repeat;
}
html.fx-armed [data-fx~="headline/shimmer-once"].is-pending::after { background-position: 150% 0; }
html.fx-armed [data-fx~="headline/shimmer-once"].is-in::after {
  transition: background-position var(--fx-shimmer-dur, 1200ms) var(--fx-ease);
  transition-delay: calc(var(--fx-delay, 0ms) + 150ms);
}