.NZ-loadingbg {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 50;
    backdrop-filter: saturate(.5) blur(3px) !important
}

.NZ-loading-target {
    overflow: hidden !important
}

.NZ-loading-target-position {
    position: relative !important
}

.NZ-loadingbg.white {
    opacity: 1
}

.NZ-loadingbg.black {
    background-color: #000;
    opacity: .3
}

.NZ-loading-container {
    position: fixed;
    left: 0;
    bottom: 5%;
    z-index: 2000;
    overflow: hidden;
    width: 100%;
    height: 60px;
    margin: 0 auto;
    margin-top: 100px
}

.NZ-loading-content {
    position: absolute;
    left: 50%;
    bottom: 50%;
    font-size: 1em;
    color: #f9c626;
    font-weight: 600;
    transform: translateX(-50%);
    user-select: none
}

.NZ-loading-item {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: inline-block;
    height: 10px;
    width: 10px;
    border-radius: 100%;
    background-color: rgba(30, 144, 255, 1);
    opacity: 0
}

.NZ-loading-cricel-1 {
    animation: NZ-motion-Loading 4s infinite;
    animation-delay: .8s
}

.NZ-loading-cricel-2 {
    animation: NZ-motion-Loading 4s infinite;
    transform: translateX(20px);
    animation-delay: .7s
}

.NZ-loading-cricel-3 {
    animation: NZ-motion-Loading 4s infinite;
    transform: translateX(40px);
    animation-delay: .6s
}

.NZ-loading-cricel-4 {
    animation: NZ-motion-Loading 4s infinite;
    transform: translateX(60px);
    animation-delay: .5s
}

.NZ-loading-cricel-5 {
    animation: NZ-motion-Loading 4s infinite;
    transform: translateX(80px);
    animation-delay: .4s
}

.NZ-loading-cricel-6 {
    animation: NZ-motion-Loading 4s infinite;
    transform: translateX(100px);
    animation-delay: .3s
}

.NZ-loading-cricel-7 {
    animation: NZ-motion-Loading 4s infinite;
    transform: translateX(120px);
    animation-delay: .2s
}

.NZ-loading-cricel-8 {
    animation: NZ-motion-Loading 4s infinite;
    transform: translateX(140px);
    animation-delay: .1s
}

.loading-inline {
    position: absolute
}

.NZ-loadingbg.white.motion {
    animation-duration: 1s;
    animation-direction: normal;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

@keyframes NZ-motion-Loading {
    50% {
        left: 45%;
        opacity: .8
    }

    100% {
        left: 100%;
        opacity: 0
    }
}

.NZ-loadingbg.black.motion-show {
    animation-name: NZ-loading--white-bgshow
}

@keyframes NZ-loading-motion-bg-black {
    0% {
        opacity: 0
    }

    100% {
        opacity: .3
    }
}

@-webkit-keyframes NZ-loading-motion-bg-black {
    0% {
        opacity: 0
    }

    100% {
        opacity: .3
    }
}

.NZ-loadingbg.white.motion-show {
    animation-name: NZ-loading--white-bgshow
}

@keyframes NZ-loading--white-bgshow {
    0% {
        background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 100%);
        transform: translateY(100px);
        opacity: 0
    }

    100% {
        background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);
        transform: translateY(0px);
        opacity: 1
    }
}

@-webkit-keyframes NZ-loading--white-bgshow {
    0% {
        background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 100%);
        -webkit-transform: translateY(100px);
        opacity: 0
    }

    100% {
        background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);
        -webkit-transform: translateY(0px);
        opacity: 1
    }
}

.NZ-loadingbg.white.motion-hide {
    animation-name: NZ-loading--white-bghide
}

@keyframes NZ-loading--white-bghide {
    0% {
        background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);
        transform: translateY(0px);
        opacity: 1
    }

    100% {
        background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 100%);
        transform: translateY(100px);
        opacity: 0
    }
}

@-webkit-keyframes NZ-loading--white-bghide {
    0% {
        background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);
        -webkit-transform: translateY(0px);
        opacity: 1
    }

    100% {
        background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 100%);
        -webkit-transform: translateY(100px);
        opacity: 0
    }
}