/* GENERAL LOADER/SPINNER STYLES */
.loader-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(237, 242, 249, 1);
    z-index: 99998;
}

.loader-spinner-container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 99999;
}


/* AIRROSTI WASM STARTUP LOADER */
@keyframes colorChange {
    0% {
        filter: grayscale(100%);
    }

    100% {
        filter: grayscale(0%);
    }
}

.loader-spinner {
    animation: colorChange 1.25s linear infinite alternate;
}



/* LOADING BARS SPINNER (https://loading.io/css/) */
.lds-facebook {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-facebook div {
    display: inline-block;
    position: absolute;
    left: 8px;
    width: 16px;
    background: #343434;
    animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}

.lds-facebook div:nth-child(1) {
    left: 8px;
    animation-delay: -0.24s;
}

.lds-facebook div:nth-child(2) {
    left: 32px;
    animation-delay: -0.12s;
}

.lds-facebook div:nth-child(3) {
    left: 56px;
    animation-delay: 0;
}

@keyframes lds-facebook {
     0% {
         top: 8px;
         height: 64px;
     }

     50%, 100% {
         top: 24px;
         height: 32px;
     }
 }