@keyframes o-sequence {
  0%,
  36%,
  43%,
  93%,
  100% {
    transform: translateY(0) scale(1);
  }
  6%,
  12%,
  18%,
  24%,
  30% {
    transform: translateY(-5.53px) scale(0.98, 1.02);
  }
  3%,
  15%,
  27% {
    transform: translateY(-7.37px) scale(0.96, 1.04);
  }
  9%,
  21%,
  33% {
    transform: translateY(1.47px) scale(1.1, 0.9);
  }
  47.92%,
  90.99% {
    transform: translateY(0) scale(1, 0.63);
  }
  92% {
    transform: translateY(0) scale(1.02, 0.9);
  }
}

@keyframes bar-sequence {
  0%,
  6%,
  36%,
  43%,
  93%,
  100% {
    transform: translate(0, 0) rotate(0);
  }
  1.5%,
  3% {
    transform: translate(0, -2.76px) rotate(0);
  }
  4.5% {
    transform: translate(0, 0.85px) rotate(-1deg);
  }
  47.92% {
    transform: translate(0, 8.4px) rotate(-5.33deg);
  }
  57.15% {
    transform: translate(-2.07px, 8.4px) rotate(-9.33deg);
  }
  66.38% {
    transform: translate(2.07px, 8.4px) rotate(8deg);
  }
  75.61% {
    transform: translate(-1.67px, 8.4px) rotate(-6.67deg);
  }
  84.84% {
    transform: translate(1.33px, 8.4px) rotate(5.33deg);
  }
  90.99% {
    transform: translate(0, 8.4px) rotate(-2.67deg);
  }
}

@keyframes eye-white-sequence {
  0%,
  43% {
    opacity: 0;
    transform: scale(0.75, 0.45);
  }
  47.92%,
  90.99% {
    opacity: 1;
    transform: scale(1);
  }
  93%,
  100% {
    opacity: 0;
    transform: scale(0.75, 0.45);
  }
}

@keyframes shadow-sequence {
  0%,
  36%,
  93%,
  100% {
    opacity: 0;
    transform: scaleX(0.8);
  }
  6%,
  12%,
  18%,
  24%,
  30% {
    opacity: 0.1;
    transform: scaleX(0.72);
  }
  3%,
  15%,
  27% {
    opacity: 0.045;
    transform: scaleX(0.48);
  }
  9%,
  21%,
  33% {
    opacity: 0.24;
    transform: scaleX(1.18);
  }
}