/* =========================================
   VERIFICA AI
   animations.css
========================================= */

/* =========================================
   SHAKE
========================================= */

@keyframes shake {

    0%   { transform: translateX(0); }

    20%  { transform: translateX(-5px); }

    40%  { transform: translateX(5px); }

    60%  { transform: translateX(-5px); }

    80%  { transform: translateX(5px); }

    100% { transform: translateX(0); }

}

/* =========================================
   FADE IN
========================================= */

@keyframes fadeIn {

    from {

        opacity: 0;

    }

    to {

        opacity: 1;

    }

}

/* =========================================
   FADE OUT
========================================= */

@keyframes fadeOut {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

    }

}

/* =========================================
   MODAL
========================================= */

@keyframes abrirModal {

    from {

        opacity: 0;
        transform: translateY(20px) scale(.96);

    }

    to {

        opacity: 1;
        transform: translateY(0) scale(1);

    }

}


/* =========================================
   PULSE
========================================= */

@keyframes pulse {

    0% {

        transform: scale(1);

    }

    50% {

        transform: scale(1.05);

    }

    100% {

        transform: scale(1);

    }

}

/* =========================================
   SPIN
========================================= */

@keyframes spin {

    from{

        transform:rotate(0deg);

    }

    to{

        transform:rotate(360deg);

    }

}

/* =========================================
   SLIDE IN RIGHT
========================================= */

@keyframes slideInRight {

    from{

        opacity:0;

        transform:translateX(40px);

    }

    to{

        opacity:1;

        transform:translateX(0);

    }

}

/* =========================================
   SLIDE OUT RIGHT
========================================= */

@keyframes slideOutRight {

    from{

        opacity:1;

        transform:translateX(0);

    }

    to{

        opacity:0;

        transform:translateX(40px);

    }

}