#app-loading{
    position:fixed;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background-image: linear-gradient(130deg, rgba(0,0,0,.9) 30%, rgba(0,0,0,.9) 100%), url("./fundo.png") !important;
    /*background-size: cover;*/
    /*background-position: center;*/
    /*background-repeat: no-repeat;*/

    background-size: cover !important;
    background-repeat: no-repeat;
    min-height: 100vh;

    z-index:9999;
}
.loader{
    position:relative;
    width:90px;
    height:90px;
}

.loader::before{
    content:'';
    position:absolute;
    inset:0;
    border-radius:50%;
    background:radial-gradient(circle, #cc540a 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: #cc540a;
    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;
}