.lucky-container {
  position: fixed;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 9999;
}

.lucky {
  position: absolute;
  top: -60px;
  width: 36px;
  opacity: 0;
  animation-timing-function: linear;
}

@keyframes lucky-fall {
  0% {
    transform: translateY(0) scale(var(--scale)) rotate(0deg);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    transform: translateY(66vh) scale(var(--scale)) rotate(var(--rotate));
    opacity: 0;
  }
}