/* Экран до загрузки бандла. Отдельным файлом, а не inline: CSP без 'unsafe-inline' */
.spa-loading {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fafbfc;
}

.spa-loading__spinner {
    width: 32px;
    height: 32px;
    border: 3px solid #dcdee0;
    border-top-color: #167bff;
    border-radius: 50%;
    animation: spa-loading-spin 0.8s linear infinite;
}

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

@media (prefers-color-scheme: dark) {
    html:not([data-theme]) .spa-loading {
        background: #121416;
    }
}

html[data-theme="dark"] .spa-loading,
html[data-theme="dim"] .spa-loading,
html[data-theme="material-dark"] .spa-loading {
    background: #121416;
}