/* ====================================== */
/* loading */
/* ====================================== */

.ebmenu1-loading {

    width: 100%;

    min-height: 250px;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    font-size: 18px;

    font-weight: 700;

    color: #0C0121;

    position: relative;

    animation:
        ebmenu1FadeIn 0.3s ease;
}

/* spinner */

.ebmenu1-loading::before {

    content: "";

    width: 35px;

    height: 35px;

    border-radius: 50%;

    border:
        4px solid #d9d9d9;

    border-top:
        4px solid #3B0282;

    margin-inline-end: 12px;

    animation:
        ebmenu1Spin 0.8s linear infinite;
}

/* ====================================== */
/* error */
/* ====================================== */

.ebmenu1-error {

    width: 100%;

    min-height: 250px;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    padding: 25px;

    border-radius: 18px;

    background: #fff0f0;

    color: #c62828;

    font-size: 17px;

    font-weight: 700;

    border:
        1px solid #ffcdd2;

    animation:
        ebmenu1FadeIn 0.3s ease;
}

/* ====================================== */
/* empty */
/* ====================================== */

.ebmenu1-empty {

    width: 100%;

    min-height: 250px;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    padding: 25px;

    border-radius: 18px;

    background: #f5f7fb;

    color: #555;

    font-size: 17px;

    font-weight: 700;

    border:
        1px dashed #cfd8dc;

    animation:
        ebmenu1FadeIn 0.3s ease;
}

/* ====================================== */
/* animations */
/* ====================================== */

@keyframes ebmenu1Spin {

    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }

}

@keyframes ebmenu1FadeIn {

    from {

        opacity: 0;

        transform: translateY(10px);

    }

    to {

        opacity: 1;

        transform: translateY(0);

    }

}