.show-in {
    &-up {
        animation-name: show-in-up;
    }    
}

@keyframes show-in-up {
    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    
    from {
        opacity: 0;
        transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    
    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    
    75% {
        transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    
    90% {
        transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    
    to {
        transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}