html body#opal-ui #intro{
 position:fixed;inset:0;z-index:1000;display:grid;place-items:center;
 background:#080b10!important;color:#edf2f7!important;
 opacity:1;visibility:visible;transition:opacity .28s ease,visibility .28s ease;
}
html body#opal-ui #intro::before,html body#opal-ui #intro::after{display:none!important}
html body#opal-ui #intro>div{width:min(300px,80vw);text-align:center;animation:none!important;transform:none!important}
html body#opal-ui #intro .intro-mark{width:52px;height:52px;margin:0 auto;filter:none!important}
html body#opal-ui #intro .intro-mark svg{width:52px;height:52px;animation:none!important}
html body#opal-ui #intro .intro-mark svg *{animation:none!important}
html body#opal-ui #intro h1{margin:17px 0 24px;font-size:30px!important;line-height:1.15;font-weight:400;letter-spacing:-.6px}
html body#opal-ui #intro h1 :is(strong,span){font-size:inherit!important;color:#edf2f7!important;background:none!important;-webkit-text-fill-color:currentColor!important}
html body#opal-ui #intro h1 strong{font-weight:550}
html body#opal-ui #intro h1 span{font-weight:300}
html body#opal-ui #intro #introStatus{font-size:12px!important;line-height:1.6!important;color:#9ca9b9!important;min-height:20px;margin:0 0 16px!important}
html body#opal-ui #intro .loading{position:relative;width:140px;height:2px;margin:0 auto;overflow:hidden;background:#ffffff14;border-radius:2px}
html body#opal-ui #intro .loading span{display:block;width:45%;height:100%;background:#cbd9e8!important;animation:opal-loading-sweep 1.3s ease-in-out infinite!important;transform:translateX(-110%)}
html body#opal-ui #intro.world-ready .loading span{animation:none!important;width:100%;transform:none}
html body#opal-ui #intro #retry{margin:20px auto 0;min-height:40px;padding:8px 20px;border:1px solid #ffffff50!important;border-radius:20px;background:#111722!important;color:#edf2f7!important;font-size:12px}
html body#opal-ui #intro.leaving{opacity:0;visibility:hidden;pointer-events:none}
html body#opal-ui #intro[hidden]{display:none!important}
@keyframes opal-loading-sweep{0%{transform:translateX(-110%)}100%{transform:translateX(330%)}}
@media(prefers-reduced-motion:reduce){html body#opal-ui #intro{transition:none}html body#opal-ui #intro .loading span{animation:none!important;width:100%;transform:none;opacity:.65}}
html body#opal-ui #intro.load-error .loading{display:none}