/* Conversion spinner shown while the server builds the document */

#loadingSpinner {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
}

.spinner {
    width: 60px;
    height: 60px;
    border: 8px solid var(--line, #DDE4EC);
    border-top: 8px solid var(--html, #0E6CA8);
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}