#loader,body,html{background:#050505}.error-text,.loader-label{font-family:'DM Mono',monospace}*,::after,::before{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;overflow:hidden}#loader{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .6s,visibility .6s}#loader.hidden{opacity:0;visibility:hidden}.ring-wrap{position:relative;width:90px;height:90px;margin-bottom:32px}.progress-bar,.ring,.ring-dot{position:absolute}.ring{inset:0;border-radius:50%;border:2px solid transparent}.ring-1{border-top-color:#e8e8e8;animation:1s linear infinite spin}.ring-2{inset:10px;border-right-color:#555;animation:1.4s linear infinite reverse spin}.ring-3{inset:22px;border-bottom-color:#333;animation:1.8s linear infinite spin}.ring-dot{inset:38px;border-radius:50%;background:#e8e8e8;animation:1.2s ease-in-out infinite pulse}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.5);opacity:.3}}.loader-label{font-size:.7rem;font-weight:300;letter-spacing:.35em;text-transform:uppercase;color:#555;animation:2s ease-in-out infinite flicker}@keyframes flicker{0%,100%{opacity:.5}50%{opacity:1}}.progress-bar{bottom:0;left:0;height:2px;background:#e8e8e8;width:0%;transition:width linear}.error-text{font-size:.75rem;color:#c0392b;letter-spacing:.1em;margin-top:12px;display:none}