.wheel-wait {
  animation: wheel-wait-basic 2s ease-in-out infinite;
}
@keyframes wheel-wait-basic {
  0% {
    -webkit-transform:rotate(-20deg);
    transform:rotate(-20deg)
  }
  50% {
    -webkit-transform:rotate(-40deg);
    transform:rotate(-40deg)
  }
  100% {
    -webkit-transform:rotate(-20deg);
    transform:rotate(-20deg)
  }
}
.wheel-spin {
  animation: wheel-spin-basic 5s ease-in-out infinite;
}
@keyframes wheel-spin-basic {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }
  3% {
    opacity: 1;
  }
  60% {
    -webkit-transform: rotate(1985deg);
    transform: rotate(1985deg)
  }
  70% {
    -webkit-transform: rotate(1975deg);
    transform: rotate(1975deg)
  }
  80% {
    -webkit-transform: rotate(1985deg);
    transform: rotate(1985deg);
  }
  90% {
    -webkit-transform: rotate(1975deg);
    transform: rotate(1975deg);
  }
  100% {
    -webkit-transform: rotate(1985deg);
    transform: rotate(1985deg);
  }
}
.wheel-won {
  animation: wheel-won-basic 1.6s ease-in-out infinite;
}
@keyframes wheel-won-basic {
  0% {
    -webkit-transform:rotate(1985deg);
    transform:rotate(1985deg)
  }
  50% {
    -webkit-transform:rotate(1975deg);
    transform:rotate(1975deg)
  }
  100% {
    -webkit-transform:rotate(1985deg);
    transform:rotate(1985deg)
  }
}
.wheel-bg {
  position: relative;
}
.wheel-bg::before {
  z-index: -1;
  content: url(../images/land-042-wheel-bg.webp);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.5);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .wheel-bg::before {
    content: url(../images/land-042-wheel-bg%402x.webp);
    transform: translate(-50%, -50%) scale(0.25);
  }
}
@media screen and (min-width: 480px) {
  .wheel-bg::before {
    transform: translate(-50%, -50%) scale(1);
  }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .wheel-bg::before {
      transform: translate(-50%, -50%) scale(0.5);
    }
  }
}