.animonItem {
    opacity: 0;
    transform: translateX(-4rem);
    transform-origin: 0 0;
    transition: opacity .64s cubic-bezier(.5, 1, .89, 1) .4s, transform .64s cubic-bezier(.5, 1, .89, 1) .4s;
    will-change: opacity, transform
}
.animonItem.is-visible {
    opacity: 1;
    transform: translateX(0)
}
.animonItem[data-effect=fadeIn], .animonItem[data-effect=fadeIn].is-visible {
    transform: none
}
.animonItem[data-effect=fadeInRight] {
    transform: translateX(4rem)
}
.animonItem[data-effect=fadeInRight].is-visible {
    transform: translateX(0)
}
.animonItem[data-effect=fadeInDown] {
    transform: translateY(-4rem)
}
.animonItem[data-effect=fadeInDown].is-visible {
    transform: translateY(0)
}
.animonItem[data-effect=fadeInUp] {
    transform: translateY(4rem)
}
.animonItem[data-effect=fadeInUp].is-visible {
    transform: translateY(0)
}
.animonItem[data-effect=scaleUp] {
    transform: scale(.8)
}
.animonItem[data-effect=scaleUp].is-visible {
    transform: scale(1)
}
.animonItem[data-effect=scaleDown] {
    transform: scale(1.2)
}
.animonItem[data-effect=scaleDown].is-visible {
    transform: scale(1)
}