.portal_loader{
    display:flex;
    background:rgba(0,0,0,0.5);
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100vh;
    justify-content:center;
    align-items:center;
    z-index:99;
}

.portal_loader__spinner{
    position:relative;
    width:100px;
    height:100px;
}
.portal_loader__spinner:before{
    position:absolute;
    content:"";
    border-radius:50%;
    border:3px solid rgba(35,250,225);
    border-top:0;
    border-right:0;
    width:70px;
    height:70px;
    box-sizing:border-box;
    top:15px;
    left:15px;
    
    animation: loader_rotate 0.7s infinite linear reverse;
}
.portal_loader__spinner:after{
    position:absolute;
    box-sizing:border-box;
    content:"";
    border-radius:50%;
    border:3px solid rgba(75,160,225);
    border-top:0;
    border-right:0;
    width:100px;
    height:100px;
    
    animation: loader_rotate 1s infinite linear;
}