/* animations.css?ver=1.7 */

.xw-fade {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .55s ease, transform .55s ease;
}
.xw-fade-in {
  opacity: 1;
  transform: translateY(0);
}

/* section separators */
.xw-sep {
  width: 100%;
  height: 60px;
  position: relative;
  overflow: hidden;
  line-height: 0;
}
.xw-sep svg {
  display: block;
  width: 100%;
  height: 60px;
}

/* button ripple */
.btn-xwin, .btn-hero-primary {
  position: relative;
  overflow: hidden;
}
.btn-xwin::after, .btn-hero-primary::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,.12);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .3s ease;
  border-radius: inherit;
}
.btn-xwin:hover::after, .btn-hero-primary:hover::after {
  transform: scaleX(1);
}

/* shimmer for jackpot cards */
@keyframes shimmer {
  0% { background-position: -200% center; }
  100% { background-position: 200% center; }
}
.xj6q8-amount {
  background: linear-gradient(90deg, #FFDD00 30%, #fff8a0 50%, #FFDD00 70%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: shimmer 2.4s linear infinite;
}

/* xt5m7 card entrance */
.xt5m7-card {
  animation: card-enter .4s ease both;
}
.xt5m7-card:nth-child(1) { animation-delay: .05s; }
.xt5m7-card:nth-child(2) { animation-delay: .15s; }
.xt5m7-card:nth-child(3) { animation-delay: .25s; }

@keyframes card-enter {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}