/* HTML: <div class="loader"></div> */
#loader-ani {
    width: 100%; height:100vh; top:0; left:0; background: rgb(223, 230, 232); z-index: 99999; position:fixed; display:none;
}
.loader-ani {
    width: 50px;
    aspect-ratio: 1;
    --_c:no-repeat radial-gradient(farthest-side,#25b09b 92%,#0000);
    background: 
        var(--_c) top,
        var(--_c) left,
        var(--_c) right,
        var(--_c) bottom;
    background-size: 12px 12px;
    animation: l7 1s infinite;
    margin: auto;
}
.loading-content{
    position: relative;
    top: 45%;
}
@keyframes l7 {to{transform: rotate(.5turn)}}

@keyframes lds-ellipsis1 {
0% {
    transform: scale(0);
}
100% {
    transform: scale(1);
}
}
@keyframes lds-ellipsis3 {
0% {
    transform: scale(1);
}
100% {
    transform: scale(0);
}
}
@keyframes lds-ellipsis2 {
0% {
    transform: translate(0, 0);
}
100% {
    transform: translate(24px, 0);
}
}