#dev-loader-overlay{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;background:rgba(6,8,15,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
#dev-loader-overlay.active{display:flex}
#dev-loader-overlay .loader{position:absolute;top:50%;margin-left:-50px;left:50%;animation:speeder .4s linear infinite}
#dev-loader-overlay .loader>span{height:5px;width:35px;background:#ff6b9d;position:absolute;top:-19px;left:60px;border-radius:2px 10px 1px 0}
#dev-loader-overlay .base span{position:absolute;width:0;height:0;border-top:6px solid transparent;border-right:100px solid #ff6b9d;border-bottom:6px solid transparent}
#dev-loader-overlay .base span:before{content:'';height:22px;width:22px;border-radius:50%;background:#c44dff;position:absolute;right:-110px;top:-16px;box-shadow:0 0 15px rgba(196,77,255,.6)}
#dev-loader-overlay .base span:after{content:'';position:absolute;width:0;height:0;border-top:0 solid transparent;border-right:55px solid #4d9eff;border-bottom:16px solid transparent;top:-16px;right:-98px}
#dev-loader-overlay .face{position:absolute;height:12px;width:20px;background:#c44dff;border-radius:20px 20px 0 0;transform:rotate(-40deg);right:-125px;top:-15px;box-shadow:0 0 10px rgba(196,77,255,.4)}
#dev-loader-overlay .face:after{content:'';height:12px;width:12px;background:#4d9eff;right:4px;top:7px;position:absolute;transform:rotate(40deg);transform-origin:50% 50%;border-radius:0 0 0 2px;box-shadow:0 0 8px rgba(77,158,255,.4)}
#dev-loader-overlay .loader>span>span:nth-child(1),#dev-loader-overlay .loader>span>span:nth-child(2),#dev-loader-overlay .loader>span>span:nth-child(3),#dev-loader-overlay .loader>span>span:nth-child(4){width:30px;height:1px;position:absolute}
#dev-loader-overlay .loader>span>span:nth-child(1){background:#ff6b9d;animation:fazer1 .2s linear infinite}
#dev-loader-overlay .loader>span>span:nth-child(2){background:#c44dff;top:3px;animation:fazer2 .4s linear infinite}
#dev-loader-overlay .loader>span>span:nth-child(3){background:#4d9eff;top:1px;animation:fazer3 .4s linear infinite;animation-delay:-1s}
#dev-loader-overlay .loader>span>span:nth-child(4){background:#ff6b9d;top:4px;animation:fazer4 1s linear infinite;animation-delay:-1s}
@keyframes fazer1{0%{left:0}100%{left:-80px;opacity:0}}
@keyframes fazer2{0%{left:0}100%{left:-100px;opacity:0}}
@keyframes fazer3{0%{left:0}100%{left:-50px;opacity:0}}
@keyframes fazer4{0%{left:0}100%{left:-150px;opacity:0}}
@keyframes speeder{0%{transform:translate(2px,1px) rotate(0deg)}10%{transform:translate(-1px,-3px) rotate(-1deg)}20%{transform:translate(-2px,0) rotate(1deg)}30%{transform:translate(1px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,3px) rotate(-1deg)}60%{transform:translate(-1px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-2px,-1px) rotate(1deg)}90%{transform:translate(2px,1px) rotate(0deg)}100%{transform:translate(1px,-2px) rotate(-1deg)}}
#dev-loader-overlay .longfazers{position:absolute;width:100%;height:100%}
#dev-loader-overlay .longfazers span{position:absolute;height:2px;width:20%;opacity:.5}
#dev-loader-overlay .longfazers span:nth-child(1){top:20%;background:#ff6b9d;animation:lf .6s linear infinite;animation-delay:-5s}
#dev-loader-overlay .longfazers span:nth-child(2){top:40%;background:#c44dff;animation:lf2 .8s linear infinite;animation-delay:-1s}
#dev-loader-overlay .longfazers span:nth-child(3){top:60%;background:#4d9eff;animation:lf3 .6s linear infinite}
#dev-loader-overlay .longfazers span:nth-child(4){top:80%;background:#ff6b9d;animation:lf4 .5s linear infinite;animation-delay:-3s}
@keyframes lf{0%{left:200%}100%{left:-200%;opacity:0}}
@keyframes lf2{0%{left:200%}100%{left:-200%;opacity:0}}
@keyframes lf3{0%{left:200%}100%{left:-100%;opacity:0}}
@keyframes lf4{0%{left:200%}100%{left:-100%;opacity:0}}