:root{
    --load_color: #ff7500;
}
#custom-overlay {
    display: none;
    background-color: #F6F6F6;
    opacity: 0.8;
}

.loading-spinner {
    font-size: 12px;
    margin: 20% auto;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    position: relative;
    text-indent: -9999rem;
    -webkit-animation: load4 1.3s infinite linear;
    animation: load4 1.3s infinite linear;
}
@-webkit-keyframes load4 {
    0%,
    100% {
        box-shadow: 0 -3rem 0 0.2rem var(--load_color), 2rem -2rem 0 0 var(--load_color),
        3rem 0 0 -0.5rem var(--load_color), 2rem 2rem 0 -0.5rem var(--load_color),
        0 3rem 0 -0.5rem var(--load_color), -2rem 2rem 0 -0.5rem var(--load_color),
        -3rem 0 0 -0.5rem var(--load_color), -2rem -2rem 0 0 var(--load_color);
    }
    12.5% {
        box-shadow: 0 -3rem 0 0 var(--load_color), 2rem -2rem 0 0.2rem var(--load_color),
        3rem 0 0 0 var(--load_color), 2rem 2rem 0 -0.5rem var(--load_color), 0 3rem 0 -0.5rem var(--load_color),
        -2rem 2rem 0 -0.5rem var(--load_color), -3rem 0 0 -0.5rem var(--load_color),
        -2rem -2rem 0 -0.5rem var(--load_color);
    }
    25% {
        box-shadow: 0 -3rem 0 -0.5rem var(--load_color), 2rem -2rem 0 0 var(--load_color),
        3rem 0 0 0.2rem var(--load_color), 2rem 2rem 0 0 var(--load_color), 0 3rem 0 -0.5rem var(--load_color),
        -2rem 2rem 0 -0.5rem var(--load_color), -3rem 0 0 -0.5rem var(--load_color),
        -2rem -2rem 0 -0.5rem var(--load_color);
    }
    37.5% {
        box-shadow: 0 -3rem 0 -0.5rem var(--load_color), 2rem -2rem 0 -0.5rem var(--load_color),
        3rem 0 0 0 var(--load_color), 2rem 2rem 0 0.2rem var(--load_color), 0 3rem 0 0 var(--load_color),
        -2rem 2rem 0 -0.5rem var(--load_color), -3rem 0 0 -0.5rem var(--load_color),
        -2rem -2rem 0 -0.5rem var(--load_color);
    }
    50% {
        box-shadow: 0 -3rem 0 -0.5rem var(--load_color), 2rem -2rem 0 -0.5rem var(--load_color),
        3rem 0 0 -0.5rem var(--load_color), 2rem 2rem 0 0 var(--load_color), 0 3rem 0 0.2rem var(--load_color),
        -2rem 2rem 0 0 var(--load_color), -3rem 0 0 -0.5rem var(--load_color),
        -2rem -2rem 0 -0.5rem var(--load_color);
    }
    62.5% {
        box-shadow: 0 -3rem 0 -0.5rem var(--load_color), 2rem -2rem 0 -0.5rem var(--load_color),
        3rem 0 0 -0.5rem var(--load_color), 2rem 2rem 0 -0.5rem var(--load_color), 0 3rem 0 0 var(--load_color),
        -2rem 2rem 0 0.2rem var(--load_color), -3rem 0 0 0 var(--load_color),
        -2rem -2rem 0 -0.5rem var(--load_color);
    }
    75% {
        box-shadow: 0 -3rem 0 -0.5rem var(--load_color), 2rem -2rem 0 -0.5rem var(--load_color),
        3rem 0 0 -0.5rem var(--load_color), 2rem 2rem 0 -0.5rem var(--load_color),
        0 3rem 0 -0.5rem var(--load_color), -2rem 2rem 0 0 var(--load_color), -3rem 0 0 0.2rem var(--load_color),
        -2rem -2rem 0 0 var(--load_color);
    }
    87.5% {
        box-shadow: 0 -3rem 0 0 var(--load_color), 2rem -2rem 0 -0.5rem var(--load_color),
        3rem 0 0 -0.5rem var(--load_color), 2rem 2rem 0 -0.5rem var(--load_color),
        0 3rem 0 -0.5rem var(--load_color), -2rem 2rem 0 0 var(--load_color), -3rem 0 0 0 var(--load_color),
        -2rem -2rem 0 0.2rem var(--load_color);
    }
}
@keyframes load4 {
    0%,
    100% {
        box-shadow: 0 -3rem 0 0.2rem var(--load_color), 2rem -2rem 0 0 var(--load_color),
        3rem 0 0 -0.5rem var(--load_color), 2rem 2rem 0 -0.5rem var(--load_color),
        0 3rem 0 -0.5rem var(--load_color), -2rem 2rem 0 -0.5rem var(--load_color),
        -3rem 0 0 -0.5rem var(--load_color), -2rem -2rem 0 0 var(--load_color);
    }
    12.5% {
        box-shadow: 0 -3rem 0 0 var(--load_color), 2rem -2rem 0 0.2rem var(--load_color),
        3rem 0 0 0 var(--load_color), 2rem 2rem 0 -0.5rem var(--load_color), 0 3rem 0 -0.5rem var(--load_color),
        -2rem 2rem 0 -0.5rem var(--load_color), -3rem 0 0 -0.5rem var(--load_color),
        -2rem -2rem 0 -0.5rem var(--load_color);
    }
    25% {
        box-shadow: 0 -3rem 0 -0.5rem var(--load_color), 2rem -2rem 0 0 var(--load_color),
        3rem 0 0 0.2rem var(--load_color), 2rem 2rem 0 0 var(--load_color), 0 3rem 0 -0.5rem var(--load_color),
        -2rem 2rem 0 -0.5rem var(--load_color), -3rem 0 0 -0.5rem var(--load_color),
        -2rem -2rem 0 -0.5rem var(--load_color);
    }
    37.5% {
        box-shadow: 0 -3rem 0 -0.5rem var(--load_color), 2rem -2rem 0 -0.5rem var(--load_color),
        3rem 0 0 0 var(--load_color), 2rem 2rem 0 0.2rem var(--load_color), 0 3rem 0 0 var(--load_color),
        -2rem 2rem 0 -0.5rem var(--load_color), -3rem 0 0 -0.5rem var(--load_color),
        -2rem -2rem 0 -0.5rem var(--load_color);
    }
    50% {
        box-shadow: 0 -3rem 0 -0.5rem var(--load_color), 2rem -2rem 0 -0.5rem var(--load_color),
        3rem 0 0 -0.5rem var(--load_color), 2rem 2rem 0 0 var(--load_color), 0 3rem 0 0.2rem var(--load_color),
        -2rem 2rem 0 0 var(--load_color), -3rem 0 0 -0.5rem var(--load_color),
        -2rem -2rem 0 -0.5rem var(--load_color);
    }
    62.5% {
        box-shadow: 0 -3rem 0 -0.5rem var(--load_color), 2rem -2rem 0 -0.5rem var(--load_color),
        3rem 0 0 -0.5rem var(--load_color), 2rem 2rem 0 -0.5rem var(--load_color), 0 3rem 0 0 var(--load_color),
        -2rem 2rem 0 0.2rem var(--load_color), -3rem 0 0 0 var(--load_color),
        -2rem -2rem 0 -0.5rem var(--load_color);
    }
    75% {
        box-shadow: 0 -3rem 0 -0.5rem var(--load_color), 2rem -2rem 0 -0.5rem var(--load_color),
        3rem 0 0 -0.5rem var(--load_color), 2rem 2rem 0 -0.5rem var(--load_color),
        0 3rem 0 -0.5rem var(--load_color), -2rem 2rem 0 0 var(--load_color), -3rem 0 0 0.2rem var(--load_color),
        -2rem -2rem 0 0 var(--load_color);
    }
    87.5% {
        box-shadow: 0 -3rem 0 0 var(--load_color), 2rem -2rem 0 -0.5rem var(--load_color),
        3rem 0 0 -0.5rem var(--load_color), 2rem 2rem 0 -0.5rem var(--load_color),
        0 3rem 0 -0.5rem var(--load_color), -2rem 2rem 0 0 var(--load_color), -3rem 0 0 0 var(--load_color),
        -2rem -2rem 0 0.2rem var(--load_color);
    }
}