.app-loader {
    position: fixed;
    inset: 0;
    background: rgba(15, 15, 15, 0.55);
    backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

    .app-loader[hidden] {
        display: none;
    }

    .app-loader .spinner {
        width: 42px;
        height: 42px;
        border: 3px solid rgba(255,255,255,.2);
        border-top-color: white;
        border-radius: 50%;
        animation: spin 0.8s linear infinite;
    }

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}