@keyframes sprite-lastlose {
  from{background-position-y:0px;}
  to{background-position-y:calc(-1 * 57 * 147px);}
}
@keyframes sprite-lastwin {
  from{background-position-y:0px;}
  to{background-position-y:calc(-1 * 108 * 147px);}
}
/* @keyframes sprite-cardreset {
  from{background-position-y:0px;}
  to{background-position-y:calc(-1 * 116 * 147px);}
} */

@keyframes sprite-92 {
  from{background-position-y:0px;}
  to{background-position-y:calc(-1 * 92 * 60px);}
}
@keyframes sprite-92-fadein {
  0%{
    background-position-y:0px;
    opacity: 0;
  }
  20%{
    opacity: 1;
  }
  100%{
    background-position-y:calc(-1 * 92 * 60px);
    opacity: 1;
  }
}
@keyframes sprite-92 {
  from{background-position-y:0px;}
  to{background-position-y:calc(-1 * 92 * 60px);}
}
@keyframes sprite-92-fadein {
  0%{
    background-position-y:0px;
    opacity: 0;
  }
  20%{
    opacity: 1;
  }
  100%{
    background-position-y:calc(-1 * 92 * 60px);
    opacity: 1;
  }
}
@keyframes sprite-91 {
  from{background-position-y:0px;}
  to{background-position-y:calc(-1 * 91 * 60px);}
}
@keyframes sprite-91-fadein {
  0%{
    background-position-y:0px;
    opacity: 0;
  }
  20%{
    opacity: 1;
  }
  100%{
    background-position-y:calc(-1 * 91 * 60px);
    opacity: 1;
  }
}
@keyframes sprite-73 {
  from{background-position-y:0px;}
  to{background-position-y:calc(-1 * 73 * 60px);}
}
@keyframes sprite-73-fadein {
  0%{
    background-position-y:0px;
    opacity: 0;
  }
  20%{
    opacity: 1;
  }
  100%{
    background-position-y:calc(-1 * 73 * 60px);
    opacity: 1;
  }
}
.shoe-animation {
  display: none;
  width: 462px;
  /* height: 147px; */
  /* background-repeat: no-repeat;
  background-image: url(/assets/images/cardreset.png); */
}
/* .shoe-animation.play {
  display: block !important;
  animation: sprite-cardreset 4.3s linear forwards;
  animation-timing-function: steps(116);
  animation-iteration-count: infinite;
} */
.winner-animation {
  display: none !important;
  width: 462px;
  height: 60px;
  animation-delay: 1s;
  background-repeat: no-repeat;
}
.last-level-animation {
  display: none !important;
  width: 454px;
  height: 147px;
  animation-delay: 1s;
  background-repeat: no-repeat;
}
.last-level-animation.play-win {
  /* opacity: 1 !important; */
  display: block !important;
  background: url(/assets/images/laststep_win.png);
  animation: sprite-lastwin 4.32s linear;

  animation-timing-function: steps(108);
}
.last-level-animation.play-lose {
  /* opacity: 1 !important; */
  display: block !important;
  background: url(/assets/images/laststep_lose.png);
  animation: sprite-lastlose 2.11s linear;

  animation-timing-function: steps(57);
}
.winner-Player {
  display: block !important;
  background: url(/assets/images/nobet_player.png);
  animation: sprite-73-fadein 3s linear forwards;
  animation-timing-function: steps(73);
}
.result-win-Player {
  display: block !important;
  background: url(/assets/images/win_player.png);
  animation: sprite-91 3.2s linear forwards;
  animation-timing-function: steps(91);
}
.result-lose-Player {
  display: block !important;
  background: url(/assets/images/loss_player.png);
  animation: sprite-92 3.2s linear;
  animation-timing-function: steps(92);
}
.winner-Banker {
  display: block !important;
  background: url(/assets/images/nobet_banker.png);
  animation: sprite-73-fadein 3s linear forwards;
  animation-timing-function: steps(73);
}
.result-win-Banker {
  display: block !important;
  background: url(/assets/images/win_banker.png);
  animation: sprite-91 3.2s linear forwards;
  animation-timing-function: steps(91);
}
.result-lose-Banker {
  display: block !important;
  background: url(/assets/images/loss_banker.png);
  animation: sprite-92 3.2s linear;
  animation-timing-function: steps(92);
}
.winner-Tie {
  display: block !important;
  background: url(/assets/images/nobet_tie.png);
  animation: sprite-73-fadein 3s linear forwards;
  animation-timing-function: steps(73);
}
.result-Tie {
  display: block !important;
  background: url(/assets/images/tie.png);
  animation: sprite-91-fadein 3.2s linear forwards;
  animation-timing-function: steps(91);
}