.fadein {
  opacity: 0;
  transform: translateY(24px);
  transition:
    opacity 0.65s ease,
    transform 0.65s ease;
}
.fadein.visible {
  opacity: 1;
  transform: none;
}
.hero-slide {
  animation: heroenter 0.8s ease;
}
.b-primary {
  animation: pulse 3s infinite;
}
.jackpot strong {
  animation: jackglow 2.5s infinite;
}
.reel.spinning {
  animation: reelspin 0.12s linear infinite;
}
@keyframes heroenter {
  from {
    opacity: 0.2;
    transform: scale(1.015);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes pulse {
  50% {
    box-shadow:
      0 0 0 7px #28535300,
      0 0 17px #1cd2d255;
  }
}
@keyframes jackglow {
  50% {
    color: #1cd2d2;
    text-shadow: 0 0 12px #1cd2d2;
  }
}
@keyframes reelspin {
  0% {
    transform: translateY(-5px);
  }
  50% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(-5px);
  }
}