#storeLoader{

    position: fixed;
    top: 0;
    left: 0;

    width: 100vw;
    height: 100vh;

    display: none;

    justify-content: center;
    align-items: center;

    z-index: 999999;

    background: rgba(255,255,255,.25);

    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

/* Popup Box */
.storeLoaderBox{

    position: relative;

    width: 180px;
    height: 180px;

    display: flex;
    justify-content: center;
    align-items: center;

    background: rgba(255,255,255,.96);

    border-radius: 24px;

    box-shadow:
    0 10px 35px rgba(0,0,0,.15);
}

/* Rings */

.loaderRing{

    position: absolute;

    border-radius: 50%;

    border: 5px solid transparent;

    animation: spin 1.2s linear infinite;
}

.loader1{

    width: 120px;
    height: 120px;

    border-top-color: #ff4d4d;
}

.loader2{

    width: 90px;
    height: 90px;

    border-top-color: #00c853;

    animation-duration: 1s;
}

.loader3{

    width: 60px;
    height: 60px;

    border-top-color: #2962ff;

    animation-duration: .8s;
}

/* Center Icon */

.loaderCenter{

    position: absolute;

    display: flex;
    justify-content: center;
    align-items: center;

    width: 54px;
    height: 54px;

    border-radius: 50%;

    background: #fff;

    box-shadow:
    0 3px 12px rgba(0,0,0,.10);

    font-size: 24px;

    color: #ff9800;
}

/* Text */

.loaderText{

    position: absolute;

    bottom: 18px;

    left: 0;
    right: 0;

    text-align: center;

    font-size: 14px;
    font-weight: 700;

    color: #444;
}

@keyframes spin{

    from{
        transform: rotate(0deg);
    }

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