:root {
    --kavana-transition: cubic-bezier(0.165, 0.84, 0.44, 1)
}

body .kavana-animate-init {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) translateX(0) scale(1) rotate(0)
}

.kavana-animate {
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, transform;
}

.kavana-move-up {
    transform: translateY(30px)
}

.kavana-move-down {
    transform: translateY(-30px)
}

.kavana-move-right {
    transform: translateX(-40px)
}

.kavana-move-left {
    transform: translateX(40px)
}

.kavana-flip {
    transform: perspective(500px) translateY(60px) scaleY(.75) rotateX(-40deg)
}

.kavana-scale {
    transform: scale(0.5)
}

.kavana-flip,
.kavana-move-down,
.kavana-move-up,
.kavana-move-right,
.kavana-move-left,
.kavana-scale {
    transition-duration: .7s;
    transition-timing-function: var(--kavana-transition)
}

.kavana-delay-1 {
    transition-delay: .1s
}

.kavana-delay-3 {
    transition-delay: .3s
}

.kavana-delay-5 {
    transition-delay: .5s
}

.kavana-delay-7 {
    transition-delay: .7s
}

.kavana-delay-10 {
    transition-delay: 1s
}

.kavana-delay-20 {
    transition-delay: 2s
}