$animation-tada-speed: 2s;
@use '../options' as *;

@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%,
  20% {
    transform: scale(0.9) rotate(-8deg);
  }
  30%,
  50%,
  70% {
    transform: scale(1.3) rotate(8deg);
  }
  40%,
  60% {
    transform: scale(1.3) rotate(-8deg);
  }
  80%,
  100% {
    transform: scale(1) rotate(0);
  }
}
.animation-tada.is-animating,
.animation-tada.is-animated-on-hover:hover,
.animation-to-child.is-animated-on-hover:hover > .animation-tada {
  animation: tada $animation-tada-speed linear infinite;
}
.animation-tada.is-animating.is-animating-fast,
.animation-tada.is-animated-on-hover.is-animating-fast:hover,
.animation-to-child.is-animated-on-hover:hover
  > .animation-tada.is-animating-fast {
  animation: tada ($animation-tada-speed * $animation-speed-coeff-fast) linear
    infinite;
}
.animation-tada.is-animating.is-animating-slow,
.animation-tada.is-animated-on-hover.is-animating-slow:hover,
.animation-to-child.is-animated-on-hover:hover
  > .animation-tada.is-animating-slow {
  animation: tada ($animation-tada-speed * $animation-speed-coeff-slow) linear
    infinite;
}