/*=========================================================
  TOP ALERT
=========================================================*/

.lavAppAlert {

    display: flex;
    align-items: center;
    gap: 14px;

    width: 100%;

    margin-bottom: 22px;

    padding:
        14px
        18px;

    border-radius: 14px;

    font-size: .95rem;
    font-weight: 600;
    line-height: 1.5;

    animation:
        lavAlertSlide .35s ease;

}


.lavAppAlert svg {

    flex: 0 0 auto;

    width: 22px;
    height: 22px;

}


.lavAppAlertError {

    color: #842029;

    border: 1px solid #f1aeb5;

    background: #f8d7da;

}


@keyframes lavAlertSlide {

    from {

        opacity: 0;

        transform: translateY(-12px);

    }

    to {

        opacity: 1;

        transform: translateY(0);

    }

}