.loader {
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;

    html[data-theme='dark'] {
        background: #090814;
    }

    html[data-theme='light'] {
        background: #FFFFFF;
    }
}

.pulse {
    animation: pulse 1s infinite ease-in-out alternate;
}

@keyframes pulse {
    from { transform: scale(0.9); }
    to { transform: scale(1.1); }
}

.logo-loader {
    width: min(300px, 80vw);
}