@-webkit-keyframes bob-on-hover {
    0% {
      -webkit-transform: translateY(-12px);
      transform: translateY(-12px);
    }
    50% {
      -webkit-transform: translateY(-6px);
      transform: translateY(-6px);
    }
    100% {
      -webkit-transform: translateY(-12px);
      transform: translateY(-12px);
    }
  }
  @keyframes bob-on-hover {
    0% {
      -webkit-transform: translateY(-12px);
      transform: translateY(-12px);
    }
    50% {
      -webkit-transform: translateY(-6px);
      transform: translateY(-6px);
    }
    100% {
      -webkit-transform: translateY(-12px);
      transform: translateY(-12px);
    }
  }
  @-webkit-keyframes bob-on-hover-float {
    100% {
      -webkit-transform: translateY(-12px);
      transform: translateY(-12px);
    }
  }
  @keyframes bob-on-hover-float {
    100% {
      -webkit-transform: translateY(-12px);
      transform: translateY(-12px);
    }
  }
  .bob-on-hover {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-animation-name: bob-on-hover-float, bob-on-hover;
    animation-name: bob-on-hover-float, bob-on-hover;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
  }