:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;width:100%}.logo{font-weight:700;padding:10px 0}#app{width:100%;height:100%}#page{display:flex;place-items:center;justify-content:center;min-width:320px;width:800px;max-width:100%;margin:0 auto;padding-top:50px}h1{font-size:2.2em;line-height:1.1;margin-bottom:10px}.loading,.require-loading{display:none}.loading .require-loading{display:block}.require-active{display:none}.active .require-active{display:block}.require-inactive{display:none}.inactive .require-inactive{display:block}.grid{display:grid}.grid-flow-row{grid-auto-flow:row}.grid-flow-col{grid-auto-flow:column}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.center{margin:0 auto;text-align:center}.underline{text-decoration:underline}.font-bold{font-weight:700}.text-xs{font-size:13px;line-height:1rem}#statusBox{width:100%;height:100%;min-height:320px;border-radius:.5rem;display:flex;place-content:center;place-items:center}.inactive #statusBox,.loading #statusBox{border-style:dashed;border-width:2px;border-color:#9ca3af}.active #statusBox{border-style:solid;border-width:2px;border-color:#9ca3af}.icon-connection{width:50px;height:50px}.icon-shield--inactive{width:50px;height:50px;color:red}.icon-shield--active{width:50px;height:50px;color:green}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}}