/* fx.css · appear/blur-in, comes into focus from a soft blur · owner: Lizzy East · all rights reserved */

/* The unanimated style is the finished look. Only a block still to come, and only
   while the core says motion is allowed, starts elsewhere. */
html.fx-armed [data-fx~="appear/blur-in"].is-pending {
  opacity: 0;
  filter: blur(var(--fx-blur, 12px));
}
html.fx-armed [data-fx~="appear/blur-in"].is-in {
  transition: opacity var(--fx-dur) var(--fx-ease), filter var(--fx-dur) var(--fx-ease);
  transition-delay: calc(var(--fx-delay, 0ms) + var(--fx-i, 0) * var(--fx-stagger));
}