#overlay {
    position: fixed;
    display: none;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.24);
    backdrop-filter: blur(1px);
    z-index: 1200;
}

#spinnerInOverlay {
    position: fixed;
    top: 50%;
    left: 50%;
    display: none;
    min-width: min(280px, calc(100vw - 2rem));
    max-width: calc(100vw - 2rem);
    padding: 1rem 1.1rem;
    border-radius: 18px;
    transform: translate(-50%, -50%);
    text-align: center;
    color: var(--text, #0f172a);
    background: linear-gradient(
        145deg,
        rgba(var(--login-card-bg-from-rgb, 255, 255, 255), 0.92),
        rgba(var(--login-card-bg-to-rgb, 248, 249, 250), 0.92)
    );
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 10px 24px rgba(2, 26, 44, 0.16);
}

#labelSpinner {
    margin-top: 0.45rem;
    color: var(--text, #0f172a);
    font-size: 0.9rem;
    font-weight: 500;
    letter-spacing: 0.2px;
}

.siac-ripple-spinner {
    width: 78px;
    height: 78px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--brand-primary, #0a6ebd);
}

.siac-ripple-spinner__svg {
    width: 100%;
    height: 100%;
    display: block;
}