/* fx.css · appear/soft-zoom, eases up to full size · 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/soft-zoom"].is-pending {
  opacity: 0;
  scale: var(--fx-zoom-from, 0.94);
}
html.fx-armed [data-fx~="appear/soft-zoom"].is-in {
  transition: opacity var(--fx-dur) var(--fx-ease), scale var(--fx-dur) var(--fx-ease);
  transition-delay: calc(var(--fx-delay, 0ms) + var(--fx-i, 0) * var(--fx-stagger));
}