/*
 * This is a manifest file that'll be compiled into application.css.
 */

/* Confetti — S3 */
.confetti-container {
  position: fixed;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 100;
}
.confetti-piece {
  position: absolute;
  top: -10vh;
  width: 8px;
  height: 14px;
  border-radius: 2px;
  animation: confetti-fall ease-in forwards;
}
@keyframes confetti-fall {
  0%   { transform: translateY(0) rotate(0deg); opacity: 1; }
  100% { transform: translateY(110vh) rotate(720deg); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .confetti-container { display: none; }
}