#loading {
    display: none;
    position: fixed; 
    inset: 0; 
    background: rgba(0,0,0,0.3);
    z-index: 9999;
    align-items: center;
    justify-content: center;
}

    #loading.active {
        display: flex;
    }

.spinner {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    animation: animloader 1.75s linear infinite;
}

@keyframes animloader {
    0% {
        box-shadow: -72px 0 #FFF inset;
    }

    100% {
        box-shadow: 48px 0 #FFF inset;
    }
}