#app-loader{
    margin: 0 !important;
    padding: 0 !important;
}

.pre-loading{

}

.pre-loading.act{
    filter: brightness(0.2);
}

.pre-loading.exit{
}

.pre-loading.active-loading{
}

.loader-container{
    position: absolute;
    width: 100svw;
    height: 100svh;
    display: block;
    align-content: center;
    align-items: center;
    justify-items: center;
    z-index: 99;
}

.lld{
    position: relative;
    top: 0;
    left: 50%;
    /*transform: translate(-50%, -50%);*/
}

.lld p{
    color: #fff;
    font-weight: 500;
    font-size: 16px;
}

.loader-rdd {
    display: block;
    width: 48px;
    height: 48px;
    background: #181B1E;
    border-radius: 50%;
    position: relative;
    animation: skLinRotate 1s infinite;
}
.loader-rdd:after{
    content:"";
    position: absolute;
    inset: 5px;
    border-radius: 50%;
    border: 5px solid transparent;
    border-top-color: #304FFE;
}
@keyframes skLinRotate {
    0%{
        transform: rotate(120deg);
    }
    95% ,100% {
        transform: rotate(840deg);
    }
}