/**
 * 888 Pokies Widget — Animations
 * @version 1.4.0
 * Auto-generated from 888.html
 */

@keyframes badgePulse {
0%,100%{box-shadow:0 0 0 0 rgba(192,57,43,.4)}70%{box-shadow:0 0 0 6px rgba(192,57,43,0)}
}

@keyframes koalaPulse {

  0%,100%{transform:scale(1) rotate(-4deg);filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}
  25%    {transform:scale(1.18) rotate(3deg);filter:drop-shadow(0 4px 16px rgba(74,222,128,.5))}
  50%    {transform:scale(1.08) rotate(-2deg);filter:drop-shadow(0 3px 12px rgba(251,191,36,.4))}
  75%    {transform:scale(1.15) rotate(4deg);filter:drop-shadow(0 4px 14px rgba(74,222,128,.45))}

}

@keyframes rooHop {

  0%,100%{transform:translateY(-50%) rotate(-6deg) scale(1)}
  20%    {transform:translateY(-50%) rotate(6deg)  scale(1.06)}
  40%    {transform:translateY(-50%) rotate(-4deg) scale(0.97)}
  60%    {transform:translateY(-50%) rotate(5deg)  scale(1.04)}
  80%    {transform:translateY(-50%) rotate(-3deg) scale(0.98)}

}

@keyframes koalaJoy {

  0%,100%{transform:translateY(-50%) scale(1) rotate(-3deg)}
  15%{transform:translateY(calc(-50% - 16px)) scale(1.18) rotate(6deg)}
  30%{transform:translateY(-50%) scale(1) rotate(-3deg)}
  45%{transform:translateY(calc(-50% - 10px)) scale(1.12) rotate(5deg)}
  60%{transform:translateY(-50%) scale(1) rotate(-2deg)}

}

@keyframes koalaHappy {

  0%,100%{transform:translateY(-50%) scale(1)}
  40%{transform:translateY(-50%) scale(1.2)}
  70%{transform:translateY(-50%) scale(0.95)}

}

@keyframes koalaBlink {

  0%,88%,96%,100%{transform:translateY(-50%) scaleY(1)}
  90%,94%{transform:translateY(-50%) scaleY(0.1)}

}

@keyframes koalaNod {

  0%,100%{transform:translateY(-50%) rotate(0deg)}
  20%{transform:translateY(-50%) rotate(-12deg)}
  40%{transform:translateY(-50%) rotate(10deg)}
  60%{transform:translateY(-50%) rotate(-8deg)}
  80%{transform:translateY(-50%) rotate(6deg)}

}

@keyframes koalaThink {

  0%,60%,100%{transform:translateY(-50%) rotate(0deg) scale(1)}
  20%{transform:translateY(-50%) rotate(-18deg) scale(1.05)}
  40%{transform:translateY(-50%) rotate(-14deg) scale(1.05)}

}

@keyframes koalaWave {

  0%,100%{transform:translateY(-50%) rotate(0deg)}
  15%{transform:translateY(-50%) rotate(20deg)}
  30%{transform:translateY(-50%) rotate(-5deg)}
  45%{transform:translateY(-50%) rotate(16deg)}
  60%{transform:translateY(-50%) rotate(-3deg)}
  75%{transform:translateY(-50%) rotate(8deg)}

}

@keyframes koalaBow {

  0%,100%{transform:translateY(-50%) rotate(0deg)}
  25%{transform:translateY(calc(-50% + 12px)) rotate(14deg)}
  50%{transform:translateY(-50%) rotate(0deg)}
  75%{transform:translateY(calc(-50% + 8px)) rotate(10deg)}

}

@keyframes koalaBreathe {

  0%,100%{transform:translateY(-50%) scale(1)}
  50%{transform:translateY(-50%) scale(1.08)}

}

@keyframes koalaStretch {

  0%,100%{transform:translateY(-50%) scale(1) rotate(0deg)}
  30%{transform:translateY(-50%) scale(1.1) rotate(-5deg)}
  60%{transform:translateY(-50%) scale(0.95) rotate(4deg)}
  80%{transform:translateY(-50%) scale(1.05) rotate(-2deg)}

}

@keyframes koalaShout {

  0%,70%,100%{transform:translateY(-50%) scale(1) rotate(0deg)}
  80%{transform:translateY(-50%) scale(1.3) rotate(-8deg)}
  88%{transform:translateY(-50%) scale(1.1) rotate(5deg)}
  94%{transform:translateY(-50%) scale(1.25) rotate(-5deg)}

}

@keyframes shimmer {
0%{transform:translateX(-100%)}100%{transform:translateX(100%)}
}

@keyframes blink {
0%,100%{opacity:1}50%{opacity:.25}
}

@keyframes gcSpin {
to{transform:rotate(360deg)}
}

@keyframes marquee {
0%{transform:translateX(0)}100%{transform:translateX(-50%)}
}

@keyframes ftBorder {
0%{background-position:0% 0%}100%{background-position:200% 0%}
}

@keyframes wwSlide {
0%{transform:translateX(0)}100%{transform:translateX(-50%)}
}

@keyframes geoSlideDown {
0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}
}