.spinner {
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;

        position: absolute;
        width: 100%;
        height: 100%;
        text-align: center;
        background: rgb(19 19 19 / 75%);
        z-index: 10000;
    }

    .spinner > div {
        position: fixed;
        top: 50%;
        left: 50%;
        margin-left: -27px;
    }

    .spinner > div > div {
        top: 50%;
        position: relative;
        width: 18px;
        height: 18px;
        background-color: #ffffff;

        border-radius: 100%;
        display: inline-block;
        -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
        animation: bouncedelay 1.4s infinite ease-in-out;
        /* Prevent first frame from flickering when animation starts */
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .spinner .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinner .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

    @-webkit-keyframes bouncedelay {
        0%, 80%, 100% {
            -webkit-transform: scale(0.0)
        }
        40% {
            -webkit-transform: scale(1.0)
        }
    }

    @keyframes bouncedelay {
        0%, 80%, 100% {
            transform: scale(0.0);
            -webkit-transform: scale(0.0);
        }
        40% {
            transform: scale(1.0);
            -webkit-transform: scale(1.0);
        }
    }

    #loading-body {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        background-color: #f77c00;
        z-index: 99999999999999999;
    }