/* Fade Animation */
.alert-content.fade-in {
    animation: fadeIn 0.4s ease-out;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Slide Animation */
.alert-content.slide-down {
    animation: slideDown 0.4s ease-out;
}

@keyframes slideDown {
    from { 
        opacity: 0;
        transform: translateY(-80%);
    }
    to { 
        opacity: 1;
        transform: translateY(0);
    }
}

/* Zoom Animation */
.alert-content.zoom-in {
    animation: zoomIn 0.4s ease-out;
}

@keyframes zoomIn {
    from { 
        opacity: 0;
        transform: scale(0.4);
    }
    to { 
        opacity: 1;
        transform: scale(1);
    }
}

/* Bounce Animation */
.alert-content.bounce-in {
    animation: bounceIn 0.5s  cubic-bezier(.215,.61,.355,1);
}

@keyframes bounceIn {

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

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}