.loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;

    /* HTML: <div class="loader"></div> */
    .loader-inner {
        width: fit-content;
        font-weight: bold;
        font-family: monospace;
        font-size: 30px;
        background: radial-gradient(circle closest-side, #c7150c 94%, #000) right/calc(200% - 1em) 100%;
        animation: l24 1s infinite alternate linear;
    }

    .loader-inner::before {
        content: "Loading...";
        line-height: 1em;
        color: #0000;
        background: inherit;
        background-image: radial-gradient(circle closest-side, #000 94%, #c7150c);
        -webkit-background-clip: text;
        background-clip: text;
    }

}
@keyframes l24 {
    100% {
        background-position: left
    }
}