/* animations.css */

@keyframes fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes dialog-in {
    from {
        opacity: 0;
        transform: translate3d(0, -50px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes dialog-out {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(0, 35px, 0);
    }
}

@keyframes grow-in {
    from {
        transform: scale(0);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes fade-60-out {
    from { opacity: 0.6; }
    to { opacity: 0; }
}

@keyframes fade-in-60 {
    from { opacity: 0; }
    to { opacity: 0.6; }
}

@keyframes slide-up-20 {
    from { transform: translateY(20px); }
    to { transform: translateY(0); }
}

@keyframes slide-down-20 {
    from { transform: translateY(-20px); }
    to { transform: translateY(0); }
}