@import "https://fonts.googleapis.com/css2?family=Orbitron&display=swap";
@property --num{syntax:"<integer>";inherits:false;initial-value:0}@keyframes initText{0%{content:"Initializing system . . ."}17%{content:"Initializing system . . . \a Loading core modules . . ."}27%{content:"Initializing system . . . \a Loading core modules . . . \a Verifying user permissions . . . "}36%{content:"Initializing system . . . \a Loading core modules . . . \a Verifying user permissions . . . \a Compiling source code . . . "}42%{content:"Initializing system . . . \a Loading core modules . . . \a Verifying user permissions . . . \a Compiling source code . . . \a Running diagnostics . . ."}49%{content:"Loading core modules . . . \a Verifying user permissions . . . \a Compiling source code . . . \a Running diagnostics . . . \a Establishing secure connection . . ."}60%{content:"Verifying user permissions . . . \a Compiling source code . . . \a Running diagnostics . . . \a Establishing secure connection . . . \a Scanning for vulnerabilities . . ."}66%{content:"Compiling source code . . . \a Running diagnostics . . . \a Establishing secure connection . . . \a Scanning for vulnerabilities . . . \a Loading user interface . . . \a "}78%{content:"Running diagnostics . . . \a Establishing secure connection . . . \a Scanning for vulnerabilities . . . \a Loading user interface . . . \a Executing startup procedures . . . \a "}to{content:"Establishing secure connection . . . \a Scanning for vulnerabilities . . . \a Loading user interface . . . \a Executing startup procedures . . . \a Initializing database connections . . . \a "}}@keyframes opcty{0%{opacity:0}to{opacity:1}}@keyframes counting{0%{--num:0}60%{--num:66}to{--num:100}}@keyframes charging{0%{width:0%}60%{width:66%}to{width:100%}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.flex{display:flex}.loader{color:#fff;background-color:#000;height:100vh;overflow:hidden}.loader .container-loader{flex:1;justify-content:center;align-items:center;height:100vh;display:flex}.loader #loader{flex-direction:column;width:80%;animation:1s ease-in-out opcty;display:flex}.loader #loader .loading-text{letter-spacing:.3rem;font-family:Orbitron}.loader #loader .therefore{height:fit;padding-top:9.5px;font-size:24px;animation:1s linear infinite rotate}.loader #loader .loading-number{counter-reset:num var(--num);margin-left:auto;font-family:Orbitron;transition:--num 5s;animation:3s ease-in-out forwards counting}.loader #loading-bar-border{border:1px solid #ffffff80;border-radius:3px;align-items:center;width:100%;padding:3px;display:flex}.loader #loading-bar-border .loading-bar{background:#41fa43;width:0%;height:.6rem;margin:1px 0;transition:width 3s ease-in-out;animation-fill-mode:forwards}.loader #warning{height:1.2rem;margin-top:.5rem;font-family:Orbitron;display:flex}.loader #warning .exclamation{color:#000;background-color:#41fa43;border-radius:3px;justify-content:center;width:1rem;display:flex}.loader #line-cascates{align-items:end;margin-top:5rem;margin-left:auto;display:flex}.loader #line-cascates:after{white-space:pre;text-align:end;color:#b5b5b5;content:"";height:5rem;font-size:12px;animation:3s forwards initText}.loader-2{width:32px;height:32px;animation:3s linear infinite loader-2-1;display:block}@keyframes loader-2-1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-2 span{clip:rect(16px,32px,32px,0);width:32px;height:32px;margin:auto;animation:1.5s cubic-bezier(.77,0,.175,1) infinite loader-2-2;display:block;position:absolute;inset:0}@keyframes loader-2-2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-2 span:before{content:"";border:3px solid #0000;border-top-color:#fff;border-radius:50%;width:32px;height:32px;margin:auto;animation:1.5s cubic-bezier(.77,0,.175,1) infinite loader-2-3;display:block;position:absolute;inset:0}@keyframes loader-2-3{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-2 span:after{content:"";border:3px solid #ffffff80;border-radius:50%;width:32px;height:32px;margin:auto;display:block;position:absolute;inset:0}