@charset 'UTF-8';

@keyframes anim-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}

@keyframes anim-zoom-in {
  from { transform: scale(0); }
  to { transform: scale(1); }
}

@keyframes anim-zoom-out {
  from { transform: scale(1); }
  to { transform: scale(0); }
}

@keyframes anim-fade {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes anim-opac {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes anim-shake {
  0%, 100% { transform: translateX(0); }
  10% { transform: translateX(-9px); }
  20% { transform: translateX(8px); }
  30% { transform: translateX(-7px); }
  40% { transform: translateX(6px); }
  50% { transform: translateX(-5px); }
  60% { transform: translateX(4px); }
  70% { transform: translateX(-3px); }
  80% { transform: translateX(2px); }
  90% { transform: translateX(-1px); }
}