.lme {
    display: flex;
    position: fixed;
    background: linear-gradient(rgb(230 100 101 / 1), rgb(145 152 229 / 1));
    z-index: 999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    color: white;
}

.lme-box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}


.lme-loader {
    width: 45px;
    aspect-ratio: .75;
    --c: no-repeat linear-gradient(white 0 0);
    background: var(--c) 0% 50%, var(--c) 50% 50%, var(--c) 100% 50%;
    animation: l7 1s infinite linear alternate;
}


@keyframes l7 {
    0% {
        background-size: 20% 50%,20% 50%,20% 50%
    }

    20% {
        background-size: 20% 20%,20% 50%,20% 50%
    }

    40% {
        background-size: 20% 100%,20% 20%,20% 50%
    }

    60% {
        background-size: 20% 50%,20% 100%,20% 20%
    }

    80% {
        background-size: 20% 50%,20% 50%,20% 100%
    }

    100% {
        background-size: 20% 50%,20% 50%,20% 50%
    }
}

.lme-message {
    padding: 5px 10px;
    text-align: center;
}