/* form overlay */
html body .form-loading-overlay-wrapper
{
    z-index: 2;
    position: absolute; top: 0; left: 0; height: 100%;
    font-family: var(--outfit); font-size: 2em; line-height: 1.35em;
    color: var(--eerie-norm);
    background: rgba(255,255,255,0.75);
    will-change: auto;
    transition: opacity 0.2s ease 0s, visibility 0.2s ease 0s;
}

/* visibility */
html body .form-loading-overlay-wrapper[data-loading-status="unloaded"] {opacity: 1; visibility: visible;}
html body .form-loading-overlay-wrapper[data-loading-status="loaded"] {opacity: 0; visibility: hidden;}

/* form overlay elements */
html body .form-loading-overlay-wrapper * {position: relative; display: block; float: left; width: auto; height: auto;}

/* form overlay content wrapper */
html body .form-loading-overlay-wrapper .form-loading-overlay-content
{
    transform: translate3d(-50%,-50%,0);
    position: absolute; top: 50%; left: 50%;
}

/* form overlay spinner */
html body .form-loading-overlay-wrapper .form-loading-overlay-content .form-loading-spinner
{
    clear: both;
    text-align: center;
}

/* spinner icon */
html body .form-loading-overlay-wrapper .form-loading-overlay-content .form-loading-spinner::before
{
    position: relative; display: inline-block; float: none; width: auto; height: auto; content: "\f110";
    font-family: var(--fa7); font-weight: 700; font-size: 3em; line-height: 1em;
    animation: formLoadingSpin 1s infinite linear 0s;
}

/* spinner animation */
@keyframes formLoadingSpin
{
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

/* form overlay text */
html body .form-loading-overlay-wrapper .form-loading-text
{
    clear: both; margin: 1em 0 0 0;
}
html body .form-loading-overlay-wrapper .form-loading-text p
{
    text-align: center; text-transform: uppercase; white-space: nowrap;
    font-weight: 600;
}