/* src/routes/_dashboard-layout/dashboard/sales/emoji-animations.css */
@keyframes wiggle {
  0% {
    transform: rotate(0);
  }

  25% {
    transform: rotate(-10deg);
  }

  75% {
    transform: rotate(10deg);
  }

  100% {
    transform: rotate(0);
  }
}

@keyframes shake {
  0% {
    transform: translate(1px, 1px)rotate(0);
  }

  10% {
    transform: translate(-1px, -2px)rotate(-1deg);
  }

  20% {
    transform: translate(-3px)rotate(1deg);
  }

  30% {
    transform: translate(3px, 2px)rotate(0);
  }

  40% {
    transform: translate(1px, -1px)rotate(1deg);
  }

  50% {
    transform: translate(-1px, 2px)rotate(-1deg);
  }

  60% {
    transform: translate(-3px, 1px)rotate(0);
  }

  70% {
    transform: translate(3px, 1px)rotate(-1deg);
  }

  80% {
    transform: translate(-1px, -1px)rotate(1deg);
  }

  90% {
    transform: translate(1px, 2px)rotate(0);
  }

  100% {
    transform: translate(1px, -2px)rotate(-1deg);
  }
}

@keyframes glow {
  0% {
    box-shadow: 0 0 5px 2px #ff000080;
  }

  50% {
    box-shadow: 0 0 20px 10px #ff000080;
  }

  100% {
    box-shadow: 0 0 5px 2px #ff000080;
  }
}

.wiggle {
  animation: wiggle .5s ease-in-out infinite;
}

.shake {
  animation: shake .5s ease-in-out infinite;
}

.wiggle-shake {
  animation: wiggle .5s ease-in-out infinite, shake .5s ease-in-out infinite;
}

.glow {
  animation: glow 1s ease-in-out infinite;
}

.wiggle-shake-glow {
  animation: wiggle .5s ease-in-out infinite, shake .5s ease-in-out infinite, glow 1s ease-in-out infinite;
}