/* fx.css · micro/success-burst, a short burst of confetti when a form is sent · owner: Lizzy East · all rights reserved */

/* The confetti is drawn on a decorative canvas (data-fx-burst) laid over the window
   only while it plays, under two seconds, then hidden again. The status line
   (data-fx-status, a polite live region) keeps its height empty or full, so the
   message never moves the page. */
[data-fx~="micro/success-burst"] canvas[data-fx-burst] {
  position: fixed;
  inset: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
[data-fx~="micro/success-burst"] canvas[data-fx-burst][hidden] { display: none; }
[data-fx~="micro/success-burst"] [data-fx-status] {
  min-height: 1.6em;
  margin: 0;
  color: var(--fx-burst-ink, inherit);
  font-weight: 500;
}