@keyframes dot-out {
  0%   { transform: translate(0, -50%) scale(1); }
  100% { transform: translate(0, -50%) scale(0); }
}

@keyframes dot-in {
  0%   { transform: translate(0, -3.4em) scale(0); }
  1%   { transform: translate(0, -3.4em) scale(1); }
  100% { transform: translate(0, -50%) scale(1); }
}

@keyframes label-bounce {
  0%,
  25% {
    transform: translateY(0%);
    transition-timing-function: cubic-bezier(.25, .46, .45, .94);
  }
  60% {
    transform: translateY(32.5%);
    transition-timing-function: cubic-bezier(.25, .46, .45, .94);
  }
  95% {
    transform: translateY(0%);
    transition-timing-function: cubic-bezier(.55, .085, .68, .53);
  }
}

@keyframes arrow-right {
  0%   { transform: translateX(0px); }
  49%  { transform: translateX(30px); }
  50%  { transform: translateX(-30px); }
  100% { transform: translateX(0px); }
}

@keyframes circle-bounce {
  0%   { transform: translateX(0); }
  10%  { transform: translateX(0); }
  30%  { transform: translateX(9px); }
  50%  { transform: translateX(0); }
  57%  { transform: translateX(3px); }
  64%  { transform: translateX(0); }
  82%  { transform: translateX(1px); }
  90%  { transform: translateX(0); }
  100% { transform: translateX(0); }
}