@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}


@-webkit-keyframes leftright {
    from {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }

    25% {
        -webkit-transform: translateX(-5%);
        transform: translateX(-5%);
    }
  
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    75% {
        -webkit-transform: translateX(5%);
        transform: translateX(5%);
    }
  
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes leftright {
    from {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }

    25% {
        -webkit-transform: translateX(-5%);
        transform: translateX(-5%);
    }
  
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    75% {
        -webkit-transform: translateX(5%);
        transform: translateX(5%);
    }
  
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}


.leftright{
    -webkit-animation-name: leftright;
    animation-name: leftright;
}


@-webkit-keyframes updown {
    from {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }

    25% {
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%);
    }
  
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    75% {
        -webkit-transform: translateY(5%);
        transform: translateY(5%);
    }
  
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}


@keyframes updown {
    from {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }

    25% {
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%);
    }
  
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    75% {
        -webkit-transform: translateY(5%);
        transform: translateY(5%);
    }
  
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}


.updown {
    -webkit-animation-name: updown;
    animation-name: updown;
}


@-webkit-keyframes flick {
    from {
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }

    25% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
  
    50% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    75% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
  
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}


@keyframes flick {
    from {
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }

    25% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
  
    50% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    75% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
  
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}


.flick {
    -webkit-animation-name: flick;
    animation-name: flick;
}


.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  
  .animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  }
  
  .animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
  }
  
  .animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
  }
  
  .animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
  }
  
  .animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
  }
  
  .animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
  }
  
  .animated.fast {
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
  }
  
  .animated.faster {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
  }
  
  .animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
  }
  
  .animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
  }
  
  @media (prefers-reduced-motion) {
    .animated {
      -webkit-animation: unset !important;
      animation: unset !important;
      -webkit-transition: none !important;
      transition: none !important;
    }
  }