/* fx.css · appear/wipe-reveal, uncovered by a clean wipe · owner: Lizzy East · all rights reserved */

/* Always clipped a little beyond its own edges (so focus rings and shadows inside
   survive), with or without the core: the finished look is the same either way,
   and the wipe only has to move one edge. */
[data-fx~="appear/wipe-reveal"] {
  clip-path: inset(-2rem -2rem -2rem -2rem);
}
html.fx-armed [data-fx~="appear/wipe-reveal"].is-pending {
  clip-path: inset(-2rem 100% -2rem -2rem);
}
html.fx-armed [data-fx~="appear/wipe-reveal"].is-in {
  transition: clip-path var(--fx-dur) var(--fx-ease);
  transition-delay: calc(var(--fx-delay, 0ms) + var(--fx-i, 0) * var(--fx-stagger));
}