#app-loading{
    position:fixed;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#131531;
    z-index:9999;
}

.loader{
    position:relative;
    width:90px;
    height:90px;
}

.loader::before{
    content:'';
    position:absolute;
    inset:0;
    border-radius:50%;
    background:radial-gradient(circle,#6366f1 0%,transparent 60%);
    filter:blur(20px);
    opacity:.7;
}

.loader svg{
    width:100%;
    height:100%;
    /*transform:rotate(-90deg);*/
    animation:spin 1s linear infinite;
    transform-origin:center;
}

.track{
    fill:none;
    stroke:rgba(255,255,255,0.1);
    stroke-width:8;
}

.indicator{
    fill:none;
    stroke:#6366f1;
    stroke-width:6;
    stroke-linecap:round;
    stroke-dasharray:200;
    stroke-dashoffset:120;
    /*animation:spin 1.2s ease-in-out infinite;*/
}
@keyframes spin{
    from{
        transform:rotate(0deg);
    }
    to{
        transform:rotate(360deg);
    }
}

.logo{
    position:absolute;
    inset:0;
    margin:auto;
    width:60px;
    height:60px;
}

/*@keyframes spin{*/
    /*0%{*/
        /*stroke-dashoffset:200;*/
    /*}*/
    /*50%{*/
        /*stroke-dashoffset:80;*/
    /*}*/
    /*100%{*/
        /*stroke-dashoffset:200;*/
    /*}*/
/*}*/


/*@keyframes spin{*/
    /*from{*/
        /*transform:rotate(0deg);*/
    /*}*/
    /*to{*/
        /*transform:rotate(360deg);*/
    /*}*/
/*}*/