#appLoader {
    position: fixed;
    inset: 0;

    background: linear-gradient(135deg,
            rgba(255, 122, 0, 0.85),
            rgba(230, 81, 0, 0.80),
            rgba(180, 55, 0, 0.85));

    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);

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

    z-index: 999999;

    transition: .35s ease;
}

#appLoader.hide {
    display: none;
}

.loader-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.loader-logo {
    width: 180px;
    margin-bottom: 30px;
}

.loader-dots {
    display: flex;
    gap: 10px;
}

.loader-dots span {

    width: 10px;
    height: 10px;

    border-radius: 50%;

    background: #ffffff;

    animation: loaderDots .9s infinite ease-in-out;
}

.loader-dots span:nth-child(2) {
    animation-delay: .15s;
}

.loader-dots span:nth-child(3) {
    animation-delay: .30s;
}

@keyframes loaderDots {

    0%,
    80%,
    100% {
        transform: translateY(0);
        opacity: .35;
    }

    40% {
        transform: translateY(-10px);
        opacity: 1;
    }

}