#loading{position:fixed;height:100%;width:100%;object-fit:contain;background:url(/b/dot.png),linear-gradient(0deg,#050305,#201d24);z-index:1000;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:all 1.5s ease}#loading.done{opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}#loading.done .circle,#loading.done .note{opacity:0}#loading.done .logo{scale:1.5}#loading:after,#loading:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;height:2px;background:linear-gradient(to right,var(--purp),var(--yell),var(--gre),var(--blu),var(--purp));background-repeat:repeat-x;animation:lineload 2s linear infinite alternate,barload 2.4s steps(3) forwards;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}@keyframes lineload{0%{background-position:0}to{background-position:3000px}}@keyframes barload{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}#loading:after{filter:blur(10px);height:5px}#loading .logo{width:350px;filter:drop-shadow(0 0 12px rgba(255,255,255,.489));transition:all .5s ease}@media(max-width:550px){#loading .logo{width:60%;margin:0 auto}}#loading .note{font-size:1rem;font-family:var(--fontP);letter-spacing:4px;filter:drop-shadow(0 0 12px rgba(255,255,255,.489));animation:blink 1s ease-in-out infinite alternate-reverse}@keyframes blink{0%{opacity:.5}to{opacity:1}}#loading .spin{animation:speen 2s infinite;margin:1em 0;scale:1.4}@keyframes speen{0%{rotate:0deg}to{rotate:1turn}}#loading .circle{position:absolute;width:300px;height:300px;border-radius:50%;border:55px solid #fff;scale:0;opacity:0;animation:pulse 1s ease-out infinite;z-index:-10}@keyframes pulse{0%{border-color:var(--purp);scale:0;opacity:1}33%{border-color:var(--yell)}66%{border-color:var(--gre)}to{scale:4;border-color:var(--blu);border-width:2px;opacity:0}}#loading.page{top:0;left:0;width:100vw;height:100vh;transition:all 50ms ease;position:relative;background:none}#loading.page .logo,#loading.page .note{display:none}#loading.page .spin{scale:1;width:60px;height:60px}#loading.page .circle{display:none}body:has(#loading.main) #loading.page{display:none}