.vov {
    --i: 1;
    --d: 0;
    -webkit-animation-delay: calc(var(--d) * 1s);
    -webkit-animation-duration: calc(var(--i) * 1s);
    -webkit-animation-fill-mode: both
}

.vov.f-10 {
    -webkit-animation-timing-function: steps(10)
}

.vov.f-20 {
    -webkit-animation-timing-function: steps(20)
}

.vov.f-30 {
    -webkit-animation-timing-function: steps(30)
}

.vov.f-40 {
    -webkit-animation-timing-function: steps(40)
}

.vov.f-50 {
    -webkit-animation-timing-function: steps(50)
}

.vov.c-2 {
    -webkit-animation-iteration-count: 2
}

.vov.c-3 {
    -webkit-animation-iteration-count: 3
}

.vov.c-4 {
    -webkit-animation-iteration-count: 4
}

.vov.c-5 {
    -webkit-animation-iteration-count: 5
}

.vov.infinite {
    -webkit-animation-iteration-count: infinite
}

.vov.t-1 {
    -webkit-animation-delay: 1s
}

.vov.t-2 {
    -webkit-animation-delay: 2s
}

.vov.t-3 {
    -webkit-animation-delay: 3s
}

.vov.t-4 {
    -webkit-animation-delay: 4s
}

.vov.t-5 {
    -webkit-animation-delay: 5s
}

.vov.fast {
    -webkit-animation-duration: .8s
}

.vov.faster {
    -webkit-animation-duration: .5s
}

.vov.fastest {
    -webkit-animation-duration: .3s
}

.vov.slow {
    -webkit-animation-duration: 2s
}

.vov.slower {
    -webkit-animation-duration: 3s
}

.vov.slowest {
    -webkit-animation-duration: 4s
}

.vov {
    animation-duration: 1s;
    animation-fill-mode: both
}

.vov.f-10 {
    animation-timing-function: steps(10)
}

.vov.f-20 {
    animation-timing-function: steps(20)
}

.vov.f-30 {
    animation-timing-function: steps(30)
}

.vov.f-40 {
    animation-timing-function: steps(40)
}

.vov.f-50 {
    animation-timing-function: steps(50)
}

.vov.c-2 {
    animation-iteration-count: 2
}

.vov.c-3 {
    animation-iteration-count: 3
}

.vov.c-4 {
    animation-iteration-count: 4
}

.vov.c-5 {
    animation-iteration-count: 5
}

.vov.infinite {
    animation-iteration-count: infinite
}

.vov.t-1 {
    animation-delay: 1s
}

.vov.t-2 {
    animation-delay: 2s
}

.vov.t-3 {
    animation-delay: 3s
}

.vov.t-4 {
    animation-delay: 4s
}

.vov.t-5 {
    animation-delay: 5s
}

.vov.fast {
    animation-duration: .8s
}

.vov.faster {
    animation-duration: .5s
}

.vov.fastest {
    animation-duration: .3s
}

.vov.slow {
    animation-duration: 2s
}

.vov.slower {
    animation-duration: 3s
}

.vov.slowest {
    animation-duration: 4s
}

@-webkit-keyframes fade-in-bottom-left {
    from {
        -webkit-opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0)
    }

    to {
        -webkit-opacity: 1;
        -webkit-transform: translate3d(0, 0, 0)
    }
}

.fade-in-bottom-left {
    -webkit-animation-name: fade-in-bottom-left
}

@keyframes fade-in-bottom-left {
    from {
        opacity: 0;
        transform: translate3d(-100%, 100%, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fade-in-bottom-left {
    animation-name: fade-in-bottom-left
}

@-webkit-keyframes fade-in-bottom-right {
    from {
        -webkit-opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0)
    }

    to {
        -webkit-opacity: 1;
        -webkit-transform: translate3d(0, 0, 0)
    }
}

.fade-in-bottom-right {
    -webkit-animation-name: fade-in-bottom-right
}

@keyframes fade-in-bottom-right {
    from {
        opacity: 0;
        transform: translate3d(100%, 100%, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fade-in-bottom-right {
    animation-name: fade-in-bottom-right
}

@-webkit-keyframes fade-in-down {
    from {
        -webkit-opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0)
    }

    to {
        -webkit-opacity: 1;
        -webkit-transform: translate3d(0, 0, 0)
    }
}

.fade-in-down {
    -webkit-animation-name: fade-in-down
}

@keyframes fade-in-down {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fade-in-down {
    animation-name: fade-in-down
}

@-webkit-keyframes fade-in-left {
    from {
        -webkit-opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0)
    }

    to {
        -webkit-opacity: 1;
        -webkit-transform: translate3d(0, 0, 0)
    }
}

.fade-in-left {
    animation-name: fade-in-left
}

@keyframes fade-in-left {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fade-in-left {
    animation-name: fade-in-left
}

@-webkit-keyframes fade-in-right {
    from {
        -webkit-opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0)
    }

    to {
        -webkit-opacity: 1;
        -webkit-transform: translate3d(0, 0, 0)
    }
}

.fade-in-right {
    -webkit-animation-name: fade-in-right
}

@keyframes fade-in-right {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fade-in-right {
    animation-name: fade-in-right
}

@-webkit-keyframes fade-in-top-left {
    from {
        -webkit-opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0)
    }

    to {
        -webkit-opacity: 1;
        -webkit-transform: translate3d(0, 0, 0)
    }
}

.fade-in-top-left {
    -webkit-animation-name: fade-in-top-left
}

@keyframes fade-in-top-left {
    from {
        opacity: 0;
        transform: translate3d(-100%, -100%, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fade-in-top-left {
    animation-name: fade-in-top-left
}

@-webkit-keyframes fade-in-top-right {
    from {
        -webkit-opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0)
    }

    to {
        -webkit-opacity: 1;
        -webkit-transform: translate3d(0, 0, 0)
    }
}

.fade-in-top-right {
    -webkit-animation-name: fade-in-top-right
}

@keyframes fade-in-top-right {
    from {
        opacity: 0;
        transform: translate3d(100%, -100%, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fade-in-top-right {
    animation-name: fade-in-top-right
}

@-webkit-keyframes fade-in-up {
    from {
        -webkit-opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0)
    }

    to {
        -webkit-opacity: 1;
        -webkit-transform: translate3d(0, 0, 0)
    }
}

.fade-in-up {
    -webkit-animation-name: fade-in-up
}

@keyframes fade-in-up {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fade-in-up {
    animation-name: fade-in-up
}

@-webkit-keyframes fade-in {
    from {
        -webkit-opacity: 0
    }

    to {
        -webkit-opacity: 1
    }
}

.fade-in {
    -webkit-animation-name: fade-in
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fade-in {
    animation-name: fade-in
}

@-webkit-keyframes fade-out-bottom-left {
    from {
        -webkit-opacity: 1;
        -webkit-transform: translate3d(0, 0, 0)
    }

    to {
        -webkit-opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0)
    }
}

.fade-out-bottom-left {
    -webkit-animation-name: fade-out-bottom-left
}

@keyframes fade-out-bottom-left {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 100%, 0)
    }
}

.fade-out-bottom-left {
    animation-name: fade-out-bottom-left
}

@-webkit-keyframes fade-out-bottom-right {
    from {
        -webkit-opacity: 1;
        -webkit-transform: translate3d(0, 0, 0)
    }

    to {
        -webkit-opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0)
    }
}

.fade-out-bottom-right {
    -webkit-animation-name: fade-out-bottom-right
}

@keyframes fade-out-bottom-right {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 100%, 0)
    }
}

.fade-out-bottom-right {
    animation-name: fade-out-bottom-right
}

@-webkit-keyframes fade-out-down {
    from {
        -webkit-opacity: 1;
        -webkit-transform: translate3d(0, 0, 0)
    }

    to {
        -webkit-opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0)
    }
}

.fade-out-down {
    -webkit-animation-name: fade-out-down
}

@keyframes fade-out-down {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

.fade-out-down {
    animation-name: fade-out-down
}

@-webkit-keyframes fade-out-left {
    from {
        -webkit-opacity: 1;
        -webkit-transform: translate3d(0, 0, 0)
    }

    to {
        -webkit-opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0)
    }
}

.fade-out-left {
    -webkit-animation-name: fade-out-left
}

@keyframes fade-out-left {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

.fade-out-left {
    animation-name: fade-out-left
}

@-webkit-keyframes fade-out-right {
    from {
        -webkit-opacity: 1;
        -webkit-transform: translate3d(0, 0, 0)
    }

    to {
        -webkit-opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0)
    }
}

.fade-out-right {
    -webkit-animation-name: fade-out-right
}

@keyframes fade-out-right {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

.fade-out-right {
    animation-name: fade-out-right
}

@-webkit-keyframes fade-out-top-left {
    from {
        -webkit-opacity: 1;
        -webkit-transform: translate3d(0, 0, 0)
    }

    to {
        -webkit-opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0)
    }
}

.fade-out-top-left {
    -webkit-animation-name: fade-out-top-left
}

@keyframes fade-out-top-left {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, -100%, 0)
    }
}

.fade-out-top-left {
    animation-name: fade-out-top-left
}

@-webkit-keyframes fade-out-top-right {
    from {
        -webkit-opacity: 1;
        -webkit-transform: translate3d(0, 0, 0)
    }

    to {
        -webkit-opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0)
    }
}

.fade-out-top-right {
    -webkit-animation-name: fade-out-top-right
}

@keyframes fade-out-top-right {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(100%, -100%, 0)
    }
}

.fade-out-top-right {
    animation-name: fade-out-top-right
}

@-webkit-keyframes fade-out-up {
    from {
        -webkit-opacity: 1;
        -webkit-transform: translate3d(0, 0, 0)
    }

    to {
        -webkit-opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0)
    }
}

.fade-out-up {
    -webkit-animation-name: fade-out-up
}

@keyframes fade-out-up {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

.fade-out-up {
    animation-name: fade-out-up
}

@-webkit-keyframes fade-out {
    from {
        -webkit-opacity: 1
    }

    to {
        -webkit-opacity: 0
    }
}

.fade-out {
    -webkit-animation-name: fade-out
}

@keyframes fade-out {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fade-out {
    animation-name: fade-out
}

@-webkit-keyframes roll-in-left {
    from {
        -webkit-opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    to {
        -webkit-opacity: 1;
        -webkit-transform: translate3d(0, 0, 0)
    }
}

.roll-in-left {
    -webkit-animation-name: roll-in-left
}

@keyframes roll-in-left {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.roll-in-left {
    animation-name: roll-in-left
}

@-webkit-keyframes roll-in-right {
    from {
        -webkit-opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }

    to {
        -webkit-opacity: 1;
        -webkit-transform: translate3d(0, 0, 0)
    }
}

.roll-in-right {
    -webkit-animation-name: roll-in-right
}

@keyframes roll-in-right {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.roll-in-right {
    animation-name: roll-in-right
}

@-webkit-keyframes roll-out-left {
    from {
        -webkit-opacity: 1
    }

    to {
        -webkit-opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
}

.roll-out-left {
    -webkit-animation-name: roll-out-left
}

@keyframes roll-out-left {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
}

.roll-out-left {
    animation-name: roll-out-left
}

@-webkit-keyframes roll-out-right {
    from {
        -webkit-opacity: 1
    }

    to {
        -webkit-opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.roll-out-right {
    -webkit-animation-name: roll-out-right
}

@keyframes roll-out-right {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.roll-out-right {
    animation-name: roll-out-right
}

@-webkit-keyframes shake-horizontal {

    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(7px, 0, 0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-7px, 0, 0)
    }
}

.shake-horizontal {
    -webkit-animation-name: shake-horizontal
}

@keyframes shake-horizontal {

    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        transform: translate3d(7px, 0, 0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-7px, 0, 0)
    }
}

.shake-horizontal {
    animation-name: shake-horizontal
}

@-webkit-keyframes shake-vertical {

    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(0, 7px, 0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(0, -7px, 0)
    }
}

.shake-vertical {
    -webkit-animation-name: shake-vertical
}

@keyframes shake-vertical {

    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        transform: translate3d(0, 7px, 0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(0, -7px, 0)
    }
}

.shake-vertical {
    animation-name: shake-vertical
}

@keyframes shake-diagonally {

    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(7px, 7px, 0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-7px, -7px, 0)
    }
}

.shake-diagonally {
    -webkit-animation-name: shake-diagonally
}

@keyframes shake-diagonally {

    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        transform: translate3d(7px, 7px, 0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-7px, -7px, 0)
    }
}

.shake-diagonally {
    animation-name: shake-diagonally
}

@keyframes shake-i-diagonally {

    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(7px, -7px, 0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-7px, 7px, 0)
    }
}

.shake-i-diagonally {
    -webkit-animation-name: shake-i-diagonally
}

@keyframes shake-i-diagonally {

    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        transform: translate3d(7px, -7px, 0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-7px, 7px, 0)
    }
}

.shake-i-diagonally {
    animation-name: shake-i-diagonally
}

@-webkit-keyframes slide-in-down {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        -webkit-visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0)
    }
}

.slide-in-down {
    -webkit-animation-name: slide-in-down
}

@keyframes slide-in-down {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.slide-in-down {
    animation-name: slide-in-down
}

@-webkit-keyframes slide-in-left {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        -webkit-visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0)
    }
}

.slide-in-left {
    -webkit-animation-name: slide-in-left
}

@keyframes slide-in-left {
    from {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.slide-in-left {
    animation-name: slide-in-left
}

@-webkit-keyframes slide-in-right {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        -webkit-visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0)
    }
}

.slide-in-right {
    -webkit-animation-name: slide-in-right
}

@keyframes slide-in-right {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.slide-in-right {
    animation-name: slide-in-right
}

@-webkit-keyframes slide-in-up {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        -webkit-visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0)
    }
}

.slide-in-up {
    -webkit-animation-name: slide-in-up
}

@keyframes slide-in-up {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.slide-in-up {
    animation-name: slide-in-up
}

@-webkit-keyframes slide-out-down {
    from {
        -webkit-transform: translate3d(0, 0, 0)
    }

    to {
        -webkit-visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0)
    }
}

.slide-out-down {
    -webkit-animation-name: slide-out-down
}

@keyframes slide-out-down {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0)
    }
}

.slide-out-down {
    animation-name: slide-out-down
}

@-webkit-keyframes slide-out-left {
    from {
        -webkit-transform: translate3d(0, 0, 0)
    }

    to {
        -webkit-visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0)
    }
}

.slide-out-left {
    -webkit-animation-name: slide-out-left
}

@keyframes slide-out-left {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0)
    }
}

.slide-out-left {
    animation-name: slide-out-left
}

@-webkit-keyframes slide-out-right {
    from {
        -webkit-transform: translate3d(0, 0, 0)
    }

    to {
        -webkit-visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0)
    }
}

.slide-out-right {
    -webkit-animation-name: slide-out-right
}

@keyframes slide-out-right {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0)
    }
}

.slide-out-right {
    animation-name: slide-out-right
}

@-webkit-keyframes slide-out-up {
    from {
        -webkit-transform: translate3d(0, 0, 0)
    }

    to {
        -webkit-visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0)
    }
}

.slide-out-up {
    -webkit-animation-name: slide-out-up
}

@keyframes slide-out-up {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0)
    }
}

.slide-out-up {
    animation-name: slide-out-up
}

@-webkit-keyframes zoom-in-down {
    from {
        -webkit-opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    70% {
        -webkit-opacity: 1;
        -webkit-transform: scale3d(.5, .5, .5) translate3d(0, 20px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoom-in-down {
    -webkit-animation-name: zoom-in-down
}

@keyframes zoom-in-down {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    70% {
        opacity: 1;
        transform: scale3d(.5, .5, .5) translate3d(0, 20px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoom-in-down {
    animation-name: zoom-in-down
}

@-webkit-keyframes zoom-in-left {
    from {
        -webkit-opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    70% {
        -webkit-opacity: 1;
        -webkit-transform: scale3d(.5, .5, .5) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoom-in-left {
    -webkit-animation-name: zoom-in-left
}

@keyframes zoom-in-left {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    70% {
        opacity: 1;
        transform: scale3d(.5, .5, .5) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoom-in-left {
    animation-name: zoom-in-left
}

@-webkit-keyframes zoom-in-right {
    from {
        -webkit-opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    70% {
        -webkit-opacity: 1;
        -webkit-transform: scale3d(.5, .5, .5) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoom-in-right {
    -webkit-animation-name: zoom-in-right
}

@keyframes zoom-in-right {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    70% {
        opacity: 1;
        transform: scale3d(.5, .5, .5) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoom-in-right {
    animation-name: zoom-in-right
}

@-webkit-keyframes zoom-in-up {
    from {
        -webkit-opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    70% {
        -webkit-opacity: 1;
        -webkit-transform: scale3d(.5, .5, .5) translate3d(0, -20px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoom-in-up {
    -webkit-animation-name: zoom-in-up
}

@keyframes zoom-in-up {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    70% {
        opacity: 1;
        transform: scale3d(.5, .5, .5) translate3d(0, -20px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoom-in-up {
    animation-name: zoom-in-up
}

@-webkit-keyframes zoom-in {
    from {
        -webkit-opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3)
    }

    50% {
        -webkit-opacity: 1
    }
}

.zoom-in {
    -webkit-animation-name: zoom-in
}

@keyframes zoom-in {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.zoom-in {
    animation-name: zoom-in
}

@-webkit-keyframes zoom-out-down {
    40% {
        -webkit-opacity: 1;
        -webkit-transform: scale3d(.5, .5, .5) translate3d(0, -20px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        -webkit-opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoom-out-down {
    -webkit-animation-name: zoom-out-down
}

@keyframes zoom-out-down {
    40% {
        opacity: 1;
        transform: scale3d(.5, .5, .5) translate3d(0, -20px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoom-out-down {
    animation-name: zoom-out-down
}

@-webkit-keyframes zoom-out-left {
    40% {
        -webkit-opacity: 1;
        -webkit-transform: scale3d(.5, .5, .5) translate3d(20px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        -webkit-opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoom-out-left {
    -webkit-animation-name: zoom-out-left
}

@keyframes zoom-out-left {
    40% {
        opacity: 1;
        transform: scale3d(.5, .5, .5) translate3d(20px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoom-out-left {
    animation-name: zoom-out-left
}

@-webkit-keyframes zoom-out-right {
    40% {
        -webkit-opacity: 1;
        -webkit-transform: scale3d(.5, .5, .5) translate3d(-20px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        -webkit-opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoom-out-right {
    -webkit-animation-name: zoom-out-right
}

@keyframes zoom-out-right {
    40% {
        opacity: 1;
        transform: scale3d(.5, .5, .5) translate3d(-20px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoom-out-right {
    animation-name: zoom-out-right
}

@-webkit-keyframes zoom-out-up {
    40% {
        -webkit-opacity: 1;
        -webkit-transform: scale3d(.5, .5, .5) translate3d(0, 20px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        -webkit-opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoom-out-up {
    -webkit-animation-name: zoom-out-up
}

@keyframes zoom-out-up {
    40% {
        opacity: 1;
        transform: scale3d(.5, .5, .5) translate3d(0, 20px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoom-out-up {
    animation-name: zoom-out-up
}

@-webkit-keyframes zoom-out {
    from {
        -webkit-opacity: 1
    }

    50% {
        -webkit-opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3)
    }

    to {
        -webkit-opacity: 0
    }
}

.zoom-out {
    -webkit-animation-name: zoom-out
}

@keyframes zoom-out {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.zoom-out {
    animation-name: zoom-out
}

@-webkit-keyframes blur-in {
    from {
        -webkit-opacity: 0;
        -webkit-filter: blur(4px)
    }

    to {
        -webkit-opacity: 1;
        -webkit-filter: blur(0)
    }
}

.blur-in {
    -webkit-animation-name: blur-in
}

@keyframes blur-in {
    from {
        opacity: 0;
        filter: blur(4px)
    }

    to {
        opacity: 1;
        filter: blur(0)
    }
}

.blur-in {
    animation-name: blur-in
}

@-webkit-keyframes blur-out {
    from {
        -webkit-opacity: 1;
        -webkit-filter: blur(0)
    }

    to {
        -webkit-opacity: 0;
        -webkit-filter: blur(4px)
    }
}

.blur-out {
    -webkit-animation-name: blur-out
}

@keyframes blur-out {
    from {
        opacity: 1;
        filter: blur(0)
    }

    to {
        opacity: 0;
        filter: blur(4px)
    }
}

.blur-out {
    animation-name: blur-out
}

@-webkit-keyframes flash {

    0%,
    100%,
    50% {
        -webkit-opacity: 1
    }

    25%,
    75% {
        -webkit-opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash
}

@keyframes flash {

    0%,
    100%,
    50% {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.flash {
    animation-name: flash
}

@-webkit-keyframes throb {
    0% {
        -webkit-transform: scale(1)
    }

    12% {
        -webkit-transform: scale(1.5)
    }

    27% {
        -webkit-transform: scale(1)
    }

    41% {
        -webkit-transform: scale(1.5)
    }

    70% {
        -webkit-transform: scale(1)
    }
}

.throb {
    -webkit-animation-name: throb;
    -webkit-animation-timing-function: ease-in-out
}

@keyframes throb {
    0% {
        transform: scale(1)
    }

    12% {
        transform: scale(1.5)
    }

    27% {
        transform: scale(1)
    }

    41% {
        transform: scale(1.5)
    }

    70% {
        transform: scale(1)
    }
}

.throb {
    animation-name: throb;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes i-throb {
    0% {
        -webkit-transform: scale(1)
    }

    12% {
        -webkit-transform: scale(.5)
    }

    27% {
        -webkit-transform: scale(1)
    }

    41% {
        -webkit-transform: scale(.5)
    }

    70% {
        -webkit-transform: scale(1)
    }
}

.i-throb {
    -webkit-animation-name: i-throb;
    -webkit-animation-timing-function: ease-in-out
}

@keyframes i-throb {
    0% {
        transform: scale(1)
    }

    12% {
        transform: scale(.5)
    }

    27% {
        transform: scale(1)
    }

    41% {
        transform: scale(.5)
    }

    70% {
        transform: scale(1)
    }
}

.i-throb {
    animation-name: i-throb;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes swivel-vertical {
    from {
        -webkit-transform: rotateX(0)
    }

    to {
        -webkit-transform: rotateX(360deg)
    }
}

.swivel-vertical {
    -webkit-animation-name: swivel-vertical
}

@keyframes swivel-vertical {
    from {
        transform: rotateX(0)
    }

    to {
        transform: rotateX(360deg)
    }
}

.swivel-vertical {
    animation-name: swivel-vertical
}

@-webkit-keyframes swivel-vertical-double {
    from {
        -webkit-transform: rotateX(0)
    }

    to {
        -webkit-transform: rotateX(720deg)
    }
}

.swivel-vertical-double {
    -webkit-animation-name: swivel-vertical-double
}

@keyframes swivel-vertical-double {
    from {
        transform: rotateX(0)
    }

    to {
        transform: rotateX(720deg)
    }
}

.swivel-vertical-double {
    animation-name: swivel-vertical-double
}

@-webkit-keyframes swivel-horizontal {
    from {
        -webkit-transform: rotateY(0)
    }

    to {
        -webkit-transform: rotateY(360deg)
    }
}

.swivel-horizontal {
    -webkit-animation-name: swivel-horizontal
}

@keyframes swivel-horizontal {
    from {
        transform: rotateY(0)
    }

    to {
        transform: rotateY(360deg)
    }
}

.swivel-horizontal {
    animation-name: swivel-horizontal
}

@-webkit-keyframes swivel-horizontal-double {
    from {
        -webkit-transform: rotateY(0)
    }

    to {
        -webkit-transform: rotateY(720deg)
    }
}

.swivel-horizontal-double {
    -webkit-animation-name: swivel-horizontal-double
}

@keyframes swivel-horizontal-double {
    from {
        transform: rotateY(0)
    }

    to {
        transform: rotateY(720deg)
    }
}

.swivel-horizontal-double {
    animation-name: swivel-horizontal-double
}

@-webkit-keyframes wheel-out-left {
    0% {
        clip-path: polygon(50% 50%, 50% -100%, -100% 50%, 50% 200%, 200% 50%, 50% -100%)
    }

    12.5% {
        clip-path: polygon(50% 50%, -50% -50%, -100% 50%, 50% 200%, 200% 50%, 50% -100%)
    }

    25% {
        clip-path: polygon(50% 50%, -100% 50%, -100% 50%, 50% 200%, 200% 50%, 50% -100%)
    }

    37.5% {
        clip-path: polygon(50% 50%, -50% 150%, -100% 50%, 50% 200%, 200% 50%, 50% -100%)
    }

    50% {
        clip-path: polygon(50% 50%, 50% 200%, -100% 200%, 50% 200%, 200% 50%, 50% -100%)
    }

    62.5% {
        clip-path: polygon(50% 50%, 150% 150%, 150% 150%, 50% 150%, 200% 50%, 50% -100%)
    }

    75% {
        clip-path: polygon(50% 50%, 200% 50%, 200% 50%, 200% 50%, 200% 50%, 50% -100%)
    }

    87.5% {
        clip-path: polygon(50% 50%, 150% -50%, 150% -50%, 150% -50%, 150% -50%, 50% -100%)
    }

    100% {
        clip-path: polygon(50% 50%, 50% -100%, 50% -100%, 50% -100%, 50% -100%, 50% -100%)
    }
}

.wheel-out-left {
    animation-name: wheel-out-left;
    animation-timing-function: linear
}

@-webkit-keyframes wheel-out-right {
    0% {
        clip-path: polygon(50% 50%, 50% -100%, 200% 50%, 50% 200%, -100% 50%, 50% -100%)
    }

    12.5% {
        clip-path: polygon(50% 50%, 150% -50%, 200% 50%, 50% 200%, -100% 50%, 50% -100%)
    }

    25% {
        clip-path: polygon(50% 50%, 200% 50%, 200% 50%, 50% 200%, -100% 50%, 50% -100%)
    }

    37.5% {
        clip-path: polygon(50% 50%, 150% 150%, 150% 150%, 50% 200%, -100% 50%, 50% -100%)
    }

    50% {
        clip-path: polygon(50% 50%, 50% 200%, 50% 200%, 50% 200%, -100% 50%, 50% -100%)
    }

    62.5% {
        clip-path: polygon(50% 50%, -50% 150%, -50% 150%, -50% 150%, -100% 50%, 50% -100%)
    }

    75% {
        clip-path: polygon(50% 50%, -100% 50%, -100% 50%, -100% 50%, -100% 50%, 50% -100%)
    }

    87.5% {
        clip-path: polygon(50% 50%, -50% -50%, -50% -50%, -50% -50%, -50% -50%, 50% -100%)
    }

    100% {
        clip-path: polygon(50% 50%, 50% -100%, 50% -100%, 50% -100%, 50% -100%, 50% -100%)
    }
}

.wheel-out-right {
    animation-name: wheel-out-right;
    animation-timing-function: linear
}

.wheel-in-right {
    animation-name: wheel-out-left;
    animation-direction: reverse;
    animation-timing-function: linear
}

.wheel-in-left {
    animation-name: wheel-out-right;
    animation-direction: reverse;
    animation-timing-function: linear
}

@-webkit-keyframes shrink-left {
    to {
        -webkit-transform: scale(0);
        -webkit-transform-origin: left
    }
}

.shrink-left {
    -webkit-animation-name: shrink-left
}

@keyframes shrink-left {
    to {
        transform: scale(0);
        transform-origin: left
    }
}

.shrink-left {
    animation-name: shrink-left
}

@-webkit-keyframes shrink-top {
    to {
        -webkit-transform: scale(0);
        -webkit-transform-origin: top
    }
}

.shrink-top {
    -webkit-animation-name: shrink-top
}

@keyframes shrink-top {
    to {
        transform: scale(0);
        transform-origin: top
    }
}

.shrink-top {
    animation-name: shrink-top
}

@-webkit-keyframes shrink-bottom {
    to {
        -webkit-transform: scale(0);
        -webkit-transform-origin: bottom
    }
}

.shrink-bottom {
    -webkit-animation-name: shrink-bottom
}

@keyframes shrink-bottom {
    to {
        transform: scale(0);
        transform-origin: bottom
    }
}

.shrink-bottom {
    animation-name: shrink-bottom
}

@-webkit-keyframes shrink-right {
    to {
        -webkit-transform: scale(0);
        -webkit-transform-origin: right
    }
}

.shrink-right {
    -webkit-animation-name: shrink-right
}

@keyframes shrink-right {
    to {
        transform: scale(0);
        transform-origin: right
    }
}

.shrink-right {
    animation-name: shrink-right
}

@media (print),
(prefers-reduced-motion) {
    .vov {
        -webkit-animation: unset !important;
        animation: unset !important;
        -webkit-transition: none !important;
        transition: none !important
    }
}

[vovin] {
    opacity: 0
}