html,body{color:#e3ded7;background:#0c1421;min-height:100%;margin:0}.loading{z-index:100;background:radial-gradient(at 50% 45%,#29232b,#0c1421 65%);align-content:center;place-items:center;gap:28px;transition:opacity .35s;display:grid;position:fixed;inset:0}.loading.done{opacity:0;pointer-events:none}.loading-cup{border:3px solid #d9af79;border-top-width:5px;border-radius:4px 4px 20px 20px;width:48px;height:42px;animation:2s ease-in-out infinite ember;position:relative;box-shadow:0 8px 35px #a64f3c66,inset 0 -10px 20px #c46c4229}.loading-cup:after{content:"";border:3px solid #d9af79;border-left:0;border-radius:0 12px 12px 0;width:14px;height:20px;position:absolute;top:4px;right:-18px}.loading-cup:before{content:"";filter:blur(2px);background:#d9af7970;border-radius:50%;width:5px;height:18px;position:absolute;top:-30px;left:22px}.loading-bar{background:#355b6240;border-radius:6px;width:160px;height:4px;overflow:hidden}.loading-bar:after{content:"";background:#679294;border-radius:6px;width:40%;height:100%;animation:1s ease-in-out infinite loading-slide;display:block}@keyframes ember{50%{box-shadow:0 8px 45px #a64f3c99,inset 0 -10px 24px #c46c4240}}@keyframes loading-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media(prefers-reduced-motion:reduce){.loading-cup,.loading-bar:after{animation:none}}