html,body{background:#000;height:100%;margin:0;padding:0;overflow:hidden}.c{width:100vw;height:100vh;position:fixed;inset:0}.frame{opacity:0;pointer-events:none;border:0;width:100%;height:100%;transition:opacity .2s;display:block;position:absolute;inset:0}.frame.visible{opacity:1;pointer-events:auto}.spinner{filter:drop-shadow(0 0 6px #fff6);opacity:1;border:2px solid #fff;border-color:#fff #fff #ffffff26 #ffffff26;border-radius:50%;width:32px;height:32px;transition:opacity .2s;animation:.6s linear infinite spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spinner.hidden{opacity:0}.logo{opacity:1;filter:drop-shadow(0 0 4px #ffffff59);width:24px;height:auto;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateY(-40px)}.logo.hidden{opacity:0}@keyframes spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}