@keyframes srms-loader-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.srms-loader {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.94);
    transition: opacity 0.35s ease, visibility 0.35s ease;
}

.srms-loader--hidden {
    opacity: 0;
    visibility: hidden;
}

.srms-loader__logo,
.srms-loader__ring {
    position: absolute;
    border-radius: 50%;
}

.srms-loader__logo {
    width: 112px;
    height: 112px;
    background-image: var(--loader-logo);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 10px 24px rgba(37, 40, 120, 0.18);
}

.srms-loader__ring {
    width: 124px;
    height: 124px;
    border: 4px solid rgba(37, 40, 120, 0.18);
    border-top-color: var(--loader-accent, #252878);
    border-right-color: var(--loader-accent, #252878);
    animation: srms-loader-spin 1s linear infinite;
}

.srms-submit-loading {
    display: none;
}