.loading-overlay {
    position: fixed;
    z-index: 99999;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: #0b0c0f96;
    filter: alpha(opacity=60);
    opacity: 1;
    -moz-opacity: 0.8;
    left: 0;
}
.wrapper {
    z-index: 1000;
    margin: 300px auto;
    padding: 10px;
    width: 200px;
    background-color: White;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}

.ajax-loader-outer {
    width: fit-content;
    font-size: 40px;
    font-family: monospace;
    font-weight: bold;
    text-transform: uppercase;
    color: #0000;
    -webkit-text-stroke: 1px #ea48d1;
    --g: conic-gradient(#ff78dd 0 0) no-repeat text;
    background: var(--g) 0,var(--g) 1ch,var(--g) 2ch,var(--g) 3ch,var(--g) 4ch,var(--g) 5ch,var(--g) 6ch;
    background-position-y: 100%,0;
    animation: l16 2s linear infinite alternate;
}

    .ajax-loader-outer:before {
        content: "Loading";
    }

@keyframes l16 {
    0% {
        background-size: 1ch 0,1ch 0,1ch 0,1ch 0,1ch 0,1ch 0,1ch 0
    }

    14.28% {
        background-size: 1ch 100%,1ch 0,1ch 0,1ch 0,1ch 0,1ch 0,1ch 0
    }

    28.57% {
        background-size: 1ch 100%,1ch 100%,1ch 0,1ch 0,1ch 0,1ch 0,1ch 0
    }

    42.85% {
        background-size: 1ch 100%,1ch 100%,1ch 100%,1ch 0,1ch 0,1ch 0,1ch 0
    }

    57.14% {
        background-size: 1ch 100%,1ch 100%,1ch 100%,1ch 100%,1ch 0,1ch 0,1ch 0
    }

    71.43% {
        background-size: 1ch 100%,1ch 100%,1ch 100%,1ch 100%,1ch 100%,1ch 0,1ch 0
    }

    85.71% {
        background-size: 1ch 100%,1ch 100%,1ch 100%,1ch 100%,1ch 100%,1ch 100%,1ch 0
    }

    100% {
        background-size: 1ch 100%,1ch 100%,1ch 100%,1ch 100%,1ch 100%,1ch 100%,1ch 100%
    }
}