.animation-grow {
    transition-duration: .3s;
    transition-property: transform
}

.animation-grow:active,.animation-grow:focus,.animation-grow:hover {
    transform: scale(1.1)
}

.animation-shrink {
    transition-duration: .3s;
    transition-property: transform
}

.animation-shrink:active,.animation-shrink:focus,.animation-shrink:hover {
    transform: scale(.9)
}

@keyframes animation-pulse {
    25% {
        transform: scale(1.1)
    }

    75% {
        transform: scale(.9)
    }
}

.animation-pulse:active,.animation-pulse:focus,.animation-pulse:hover {
    animation-name: animation-pulse;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

@keyframes animation-pulse-grow {
    to {
        transform: scale(1.1)
    }
}

.animation-pulse-grow:active,.animation-pulse-grow:focus,.animation-pulse-grow:hover {
    animation-name: animation-pulse-grow;
    animation-duration: .3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate
}

@keyframes animation-pulse-shrink {
    to {
        transform: scale(.9)
    }
}

.animation-pulse-shrink:active,.animation-pulse-shrink:focus,.animation-pulse-shrink:hover {
    animation-name: animation-pulse-shrink;
    animation-duration: .3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate
}

@keyframes animation-push {
    50% {
        transform: scale(.8)
    }

    100% {
        transform: scale(1)
    }
}

.animation-push:active,.animation-push:focus,.animation-push:hover {
    animation-name: animation-push;
    animation-duration: .3s;
    animation-timing-function: linear;
    animation-iteration-count: 1
}

@keyframes animation-pop {
    50% {
        transform: scale(1.2)
    }
}

.animation-pop:active,.animation-pop:focus,.animation-pop:hover {
    animation-name: animation-pop;
    animation-duration: .3s;
    animation-timing-function: linear;
    animation-iteration-count: 1
}

.animation-bounce-in {
    transition-duration: .5s
}

.animation-bounce-in:active,.animation-bounce-in:focus,.animation-bounce-in:hover {
    transform: scale(1.2);
    transition-timing-function: cubic-bezier(.47,2.02,.31,-.36)
}

.animation-bounce-out {
    transition-duration: .5s
}

.animation-bounce-out:active,.animation-bounce-out:focus,.animation-bounce-out:hover {
    transform: scale(.8);
    transition-timing-function: cubic-bezier(.47,2.02,.31,-.36)
}

.animation-rotate {
    transition-duration: .3s;
    transition-property: transform
}

.animation-rotate:active,.animation-rotate:focus,.animation-rotate:hover {
    transform: rotate(4deg)
}

.animation-grow-rotate {
    transition-duration: .3s;
    transition-property: transform
}

.animation-grow-rotate:active,.animation-grow-rotate:focus,.animation-grow-rotate:hover {
    transform: scale(1.1) rotate(4deg)
}

.animation-float {
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-out
}

.animation-float:active,.animation-float:focus,.animation-float:hover {
    transform: translateY(-8px)
}

.animation-sink {
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-out
}

.animation-sink:active,.animation-sink:focus,.animation-sink:hover {
    transform: translateY(8px)
}

@keyframes animation-bob {
    0% {
        transform: translateY(-8px)
    }

    50% {
        transform: translateY(-4px)
    }

    100% {
        transform: translateY(-8px)
    }
}

@keyframes animation-bob-float {
    100% {
        transform: translateY(-8px)
    }
}

.animation-bob:active,.animation-bob:focus,.animation-bob:hover {
    animation-name: animation-bob-float,animation-bob;
    animation-duration: .3s,1.5s;
    animation-delay: 0s,.3s;
    animation-timing-function: ease-out,ease-in-out;
    animation-iteration-count: 1,infinite;
    animation-fill-mode: forwards;
    animation-direction: normal,alternate
}

@keyframes animation-hang {
    0% {
        transform: translateY(8px)
    }

    50% {
        transform: translateY(4px)
    }

    100% {
        transform: translateY(8px)
    }
}

@keyframes animation-hang-sink {
    100% {
        transform: translateY(8px)
    }
}

.animation-hang:active,.animation-hang:focus,.animation-hang:hover {
    animation-name: animation-hang-sink,animation-hang;
    animation-duration: .3s,1.5s;
    animation-delay: 0s,.3s;
    animation-timing-function: ease-out,ease-in-out;
    animation-iteration-count: 1,infinite;
    animation-fill-mode: forwards;
    animation-direction: normal,alternate
}

.animation-skew {
    transition-duration: .3s;
    transition-property: transform
}

.animation-skew:active,.animation-skew:focus,.animation-skew:hover {
    transform: skew(-10deg)
}

.animation-skew-forward {
    transition-duration: .3s;
    transition-property: transform;
    transform-origin: 0 100%
}

.animation-skew-forward:active,.animation-skew-forward:focus,.animation-skew-forward:hover {
    transform: skew(-10deg)
}

.animation-skew-backward {
    transition-duration: .3s;
    transition-property: transform;
    transform-origin: 0 100%
}

.animation-skew-backward:active,.animation-skew-backward:focus,.animation-skew-backward:hover {
    transform: skew(10deg)
}

@keyframes animation-wobble-vertical {
    16.65% {
        transform: translateY(8px)
    }

    33.3% {
        transform: translateY(-6px)
    }

    49.95% {
        transform: translateY(4px)
    }

    66.6% {
        transform: translateY(-2px)
    }

    83.25% {
        transform: translateY(1px)
    }

    100% {
        transform: translateY(0)
    }
}

.animation-wobble-vertical:active,.animation-wobble-vertical:focus,.animation-wobble-vertical:hover {
    animation-name: animation-wobble-vertical;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1
}

@keyframes animation-wobble-horizontal {
    16.65% {
        transform: translateX(8px)
    }

    33.3% {
        transform: translateX(-6px)
    }

    49.95% {
        transform: translateX(4px)
    }

    66.6% {
        transform: translateX(-2px)
    }

    83.25% {
        transform: translateX(1px)
    }

    100% {
        transform: translateX(0)
    }
}

.animation-wobble-horizontal:active,.animation-wobble-horizontal:focus,.animation-wobble-horizontal:hover {
    animation-name: animation-wobble-horizontal;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1
}

@keyframes animation-wobble-to-bottom-right {
    16.65% {
        transform: translate(8px,8px)
    }

    33.3% {
        transform: translate(-6px,-6px)
    }

    49.95% {
        transform: translate(4px,4px)
    }

    66.6% {
        transform: translate(-2px,-2px)
    }

    83.25% {
        transform: translate(1px,1px)
    }

    100% {
        transform: translate(0,0)
    }
}

.animation-wobble-to-bottom-right:active,.animation-wobble-to-bottom-right:focus,.animation-wobble-to-bottom-right:hover {
    animation-name: animation-wobble-to-bottom-right;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1
}

@keyframes animation-wobble-to-top-right {
    16.65% {
        transform: translate(8px,-8px)
    }

    33.3% {
        transform: translate(-6px,6px)
    }

    49.95% {
        transform: translate(4px,-4px)
    }

    66.6% {
        transform: translate(-2px,2px)
    }

    83.25% {
        transform: translate(1px,-1px)
    }

    100% {
        transform: translate(0,0)
    }
}

.animation-wobble-to-top-right:active,.animation-wobble-to-top-right:focus,.animation-wobble-to-top-right:hover {
    animation-name: animation-wobble-to-top-right;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1
}

@keyframes animation-wobble-top {
    16.65% {
        transform: skew(-12deg)
    }

    33.3% {
        transform: skew(10deg)
    }

    49.95% {
        transform: skew(-6deg)
    }

    66.6% {
        transform: skew(4deg)
    }

    83.25% {
        transform: skew(-2deg)
    }

    100% {
        transform: skew(0)
    }
}

.animation-wobble-top {
    transform-origin: 0 100%
}

.animation-wobble-top:active,.animation-wobble-top:focus,.animation-wobble-top:hover {
    animation-name: animation-wobble-top;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1
}

@keyframes animation-wobble-bottom {
    16.65% {
        transform: skew(-12deg)
    }

    33.3% {
        transform: skew(10deg)
    }

    49.95% {
        transform: skew(-6deg)
    }

    66.6% {
        transform: skew(4deg)
    }

    83.25% {
        transform: skew(-2deg)
    }

    100% {
        transform: skew(0)
    }
}

.animation-wobble-bottom {
    transform-origin: 100% 0
}

.animation-wobble-bottom:active,.animation-wobble-bottom:focus,.animation-wobble-bottom:hover {
    animation-name: animation-wobble-bottom;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1
}

@keyframes animation-wobble-skew {
    16.65% {
        transform: skew(-12deg)
    }

    33.3% {
        transform: skew(10deg)
    }

    49.95% {
        transform: skew(-6deg)
    }

    66.6% {
        transform: skew(4deg)
    }

    83.25% {
        transform: skew(-2deg)
    }

    100% {
        transform: skew(0)
    }
}

.animation-wobble-skew:active,.animation-wobble-skew:focus,.animation-wobble-skew:hover {
    animation-name: animation-wobble-skew;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1
}

@keyframes animation-buzz {
    50% {
        transform: translateX(3px) rotate(2deg)
    }

    100% {
        transform: translateX(-3px) rotate(-2deg)
    }
}

.animation-buzz:active,.animation-buzz:focus,.animation-buzz:hover {
    animation-name: animation-buzz;
    animation-duration: .15s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

@keyframes animation-buzz-out {
    10% {
        transform: translateX(3px) rotate(2deg)
    }

    20% {
        transform: translateX(-3px) rotate(-2deg)
    }

    30% {
        transform: translateX(3px) rotate(2deg)
    }

    40% {
        transform: translateX(-3px) rotate(-2deg)
    }

    50% {
        transform: translateX(2px) rotate(1deg)
    }

    60% {
        transform: translateX(-2px) rotate(-1deg)
    }

    70% {
        transform: translateX(2px) rotate(1deg)
    }

    80% {
        transform: translateX(-2px) rotate(-1deg)
    }

    90% {
        transform: translateX(1px) rotate(0)
    }

    100% {
        transform: translateX(-1px) rotate(0)
    }
}

.animation-buzz-out:active,.animation-buzz-out:focus,.animation-buzz-out:hover {
    animation-name: animation-buzz-out;
    animation-duration: .75s;
    animation-timing-function: linear;
    animation-iteration-count: 1
}