:root{--background-1:#eadada;--background-2:#98b794;--background-3:#8688b1;--background-4:#a0749e;--hightlight:#1cd414}*{box-sizing:border-box}html{height:100%;margin:0;overflow:hidden;padding:0;width:100%}body{background-color:#add8e6;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;height:100%;margin:0;overflow:hidden;width:100%}#connect-view{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--background-1);display:block;height:500px;margin:auto;padding:45px;width:500px}#connect-view .brand{color:#b3b3b3;display:block;font-size:18px;margin-bottom:25px;text-transform:uppercase;user-select:none}#connect-view .brand:after{background-color:var(--hightlight);content:'';display:block;height:1px;margin-top:5px;user-select:none;width:100%}#connect-view input[type=submit]{background:var(--background-2);border:1px solid var(--hightlight);color:var(--hightlight);cursor:pointer;display:block;font-size:16px;height:45px;margin-bottom:15px;margin-left:auto;margin-right:auto;margin-top:15px;outline:0;position:relative;transition:all .7s ease;text-transform:uppercase;width:340px}#connect-view input[type="submit"]:hover,.connect-form input[type="submit"]:focus{background:var(--hightlight);border:1px solid var(--hightlight);color:#fff;transition:all .7s ease}#connect-view input[type="submit"]:disabled,#connect-view input[type="submit"]:disabled:hover,.connect-form input[type="submit"]:disabled:focus{background:var(--background-2);border:1px solid var(--background-1);color:var(--background-4);cursor:default;transition:all .7s ease}#connect-view p{color:#b3b3b3;display:block;font-size:14px;margin-bottom:15px;margin-left:auto;margin-right:auto;margin-top:1px;text-align:center;width:340px}.connect-message a{color:var(--hightlight);text-decoration:none}#connect-view input[type="text"],input[type="password"]{outline:0;background:var(--background-4);border-bottom:1px solid var(--hightlight);border-left:0;border-right:0;border-top:0;color:var(--hightlight);display:block;height:45px;margin-bottom:15px;margin-left:auto;margin-right:auto;margin-top:1px;padding:15px;font-size:14px;width:340px}#connect-view input[type="number"]{background:var(--background-4);border-bottom:1px solid var(--hightlight);border-left:0;border-right:0;border-top:0;color:var(--hightlight);font-size:50px;margin:auto;width:19%}#connect-view h3{color:#b3b3b3;display:block;font-size:14px;margin-bottom:15px;margin-left:auto;margin-right:auto;margin-top:1px;text-align:center;width:340px}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:var(--hightlight)}input:focus+.slider{box-shadow:0 0 1px var(--hightlight)}input:checked+.slider:before{transform:translateX(26px)}@media(prefers-dark-interface){:root{--text-color:#f0ffff;--back-color:#00008b}}@media(prefers-light-interface){:root{--text-color:#f0ffff;--back-color:#00008b}}@media(prefers-color-scheme:dark){:root{--background-1:#1e1e1e;--background-2:#2e2e2e;--background-3:#252526;--background-4:#383838;--hightlight:#63aff1}body{background-color:#000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Crect stroke='%23000000' stroke-width='0.3' width='1' height='1' id='s'/%3E%3Cpattern id='a' width='3' height='3' patternUnits='userSpaceOnUse' patternTransform='rotate(106 1000 750) scale(19) translate(-947.37 -710.53)'%3E%3Cuse fill='%231e1e1e' href='%23s' y='2'/%3E%3Cuse fill='%231e1e1e' href='%23s' x='1' y='2'/%3E%3Cuse fill='%232e2e2e' href='%23s' x='2' y='2'/%3E%3Cuse fill='%232e2e2e' href='%23s'/%3E%3Cuse fill='%23252526' href='%23s' x='2'/%3E%3Cuse fill='%233e3e3e' href='%23s' x='1' y='1'/%3E%3C/pattern%3E%3Cpattern id='b' width='7' height='11' patternUnits='userSpaceOnUse' patternTransform='rotate(106 1000 750) scale(19) translate(-947.37 -710.53)'%3E%3Cg fill='%23383838'%3E%3Cuse href='%23s'/%3E%3Cuse href='%23s' y='5' /%3E%3Cuse href='%23s' x='1' y='10'/%3E%3Cuse href='%23s' x='2' y='1'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='8'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='5' y='2'/%3E%3Cuse href='%23s' x='5' y='6'/%3E%3Cuse href='%23s' x='6' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='h' width='5' height='13' patternUnits='userSpaceOnUse' patternTransform='rotate(106 1000 750) scale(19) translate(-947.37 -710.53)'%3E%3Cg fill='%236d6d6d'%3E%3Cuse href='%23s' y='5'/%3E%3Cuse href='%23s' y='8'/%3E%3Cuse href='%23s' x='1' y='1'/%3E%3Cuse href='%23s' x='1' y='9'/%3E%3Cuse href='%23s' x='1' y='12'/%3E%3Cuse href='%23s' x='2'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='2'/%3E%3Cuse href='%23s' x='3' y='6'/%3E%3Cuse href='%23s' x='3' y='11'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='4' y='10'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='c' width='17' height='13' patternUnits='userSpaceOnUse' patternTransform='rotate(106 1000 750) scale(19) translate(-947.37 -710.53)'%3E%3Cg fill='%23f2f2f2'%3E%3Cuse href='%23s' y='11'/%3E%3Cuse href='%23s' x='2' y='9'/%3E%3Cuse href='%23s' x='5' y='12'/%3E%3Cuse href='%23s' x='9' y='4'/%3E%3Cuse href='%23s' x='12' y='1'/%3E%3Cuse href='%23s' x='16' y='6'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='d' width='19' height='17' patternUnits='userSpaceOnUse' patternTransform='rotate(106 1000 750) scale(19) translate(-947.37 -710.53)'%3E%3Cg fill='%23ffffff'%3E%3Cuse href='%23s' y='9'/%3E%3Cuse href='%23s' x='16' y='5'/%3E%3Cuse href='%23s' x='14' y='2'/%3E%3Cuse href='%23s' x='11' y='11'/%3E%3Cuse href='%23s' x='6' y='14'/%3E%3C/g%3E%3Cg fill='%23090909'%3E%3Cuse href='%23s' x='3' y='13'/%3E%3Cuse href='%23s' x='9' y='7'/%3E%3Cuse href='%23s' x='13' y='10'/%3E%3Cuse href='%23s' x='15' y='4'/%3E%3Cuse href='%23s' x='18' y='1'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='e' width='47' height='53' patternUnits='userSpaceOnUse' patternTransform='rotate(106 1000 750) scale(19) translate(-947.37 -710.53)'%3E%3Cg fill='%2363aff1'%3E%3Cuse href='%23s' x='2' y='5'/%3E%3Cuse href='%23s' x='16' y='38'/%3E%3Cuse href='%23s' x='46' y='42'/%3E%3Cuse href='%23s' x='29' y='20'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='f' width='59' height='71' patternUnits='userSpaceOnUse' patternTransform='rotate(106 1000 750) scale(19) translate(-947.37 -710.53)'%3E%3Cg fill='%23f1f1f1'%3E%3Cuse href='%23s' x='33' y='13'/%3E%3Cuse href='%23s' x='27' y='54'/%3E%3Cuse href='%23s' x='55' y='55'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='g' width='139' height='97' patternUnits='userSpaceOnUse' patternTransform='rotate(106 1000 750) scale(19) translate(-947.37 -710.53)'%3E%3Cg fill='%2363aff1'%3E%3Cuse href='%23s' x='11' y='8'/%3E%3Cuse href='%23s' x='51' y='13'/%3E%3Cuse href='%23s' x='17' y='73'/%3E%3Cuse href='%23s' x='99' y='57'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23h)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23c)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23d)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23e)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23f)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23g)' width='100%25' height='100%25'/%3E%3C/svg%3E")}#connect-view{box-shadow:0 0 20px 0 rgba(255,255,255,.2),0 5px 5px 0 rgba(255,255,255,.2)}}@media(prefers-color-scheme:light){:root{--background-1:#fff;--background-2:#eeeef2;--background-3:#e6e7e8;--background-4:#bcbcbc;--hightlight:#bd1767}body{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Crect stroke='%23ffffff' stroke-width='0.3' width='1' height='1' id='s'/%3E%3Cpattern id='a' width='3' height='3' patternUnits='userSpaceOnUse' patternTransform='rotate(106 1000 750) scale(19) translate(-947.37 -710.53)'%3E%3Cuse fill='%23fcfcfc' href='%23s' y='2'/%3E%3Cuse fill='%23fcfcfc' href='%23s' x='1' y='2'/%3E%3Cuse fill='%23fafafa' href='%23s' x='2' y='2'/%3E%3Cuse fill='%23fafafa' href='%23s'/%3E%3Cuse fill='%23f7f7f7' href='%23s' x='2'/%3E%3Cuse fill='%23f7f7f7' href='%23s' x='1' y='1'/%3E%3C/pattern%3E%3Cpattern id='b' width='7' height='11' patternUnits='userSpaceOnUse' patternTransform='rotate(106 1000 750) scale(19) translate(-947.37 -710.53)'%3E%3Cg fill='%23f5f5f5'%3E%3Cuse href='%23s'/%3E%3Cuse href='%23s' y='5' /%3E%3Cuse href='%23s' x='1' y='10'/%3E%3Cuse href='%23s' x='2' y='1'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='8'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='5' y='2'/%3E%3Cuse href='%23s' x='5' y='6'/%3E%3Cuse href='%23s' x='6' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='h' width='5' height='13' patternUnits='userSpaceOnUse' patternTransform='rotate(106 1000 750) scale(19) translate(-947.37 -710.53)'%3E%3Cg fill='%23f5f5f5'%3E%3Cuse href='%23s' y='5'/%3E%3Cuse href='%23s' y='8'/%3E%3Cuse href='%23s' x='1' y='1'/%3E%3Cuse href='%23s' x='1' y='9'/%3E%3Cuse href='%23s' x='1' y='12'/%3E%3Cuse href='%23s' x='2'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='2'/%3E%3Cuse href='%23s' x='3' y='6'/%3E%3Cuse href='%23s' x='3' y='11'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='4' y='10'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='c' width='17' height='13' patternUnits='userSpaceOnUse' patternTransform='rotate(106 1000 750) scale(19) translate(-947.37 -710.53)'%3E%3Cg fill='%23f2f2f2'%3E%3Cuse href='%23s' y='11'/%3E%3Cuse href='%23s' x='2' y='9'/%3E%3Cuse href='%23s' x='5' y='12'/%3E%3Cuse href='%23s' x='9' y='4'/%3E%3Cuse href='%23s' x='12' y='1'/%3E%3Cuse href='%23s' x='16' y='6'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='d' width='19' height='17' patternUnits='userSpaceOnUse' patternTransform='rotate(106 1000 750) scale(19) translate(-947.37 -710.53)'%3E%3Cg fill='%23ffffff'%3E%3Cuse href='%23s' y='9'/%3E%3Cuse href='%23s' x='16' y='5'/%3E%3Cuse href='%23s' x='14' y='2'/%3E%3Cuse href='%23s' x='11' y='11'/%3E%3Cuse href='%23s' x='6' y='14'/%3E%3C/g%3E%3Cg fill='%23efefef'%3E%3Cuse href='%23s' x='3' y='13'/%3E%3Cuse href='%23s' x='9' y='7'/%3E%3Cuse href='%23s' x='13' y='10'/%3E%3Cuse href='%23s' x='15' y='4'/%3E%3Cuse href='%23s' x='18' y='1'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='e' width='47' height='53' patternUnits='userSpaceOnUse' patternTransform='rotate(106 1000 750) scale(19) translate(-947.37 -710.53)'%3E%3Cg fill='%23bd1767'%3E%3Cuse href='%23s' x='2' y='5'/%3E%3Cuse href='%23s' x='16' y='38'/%3E%3Cuse href='%23s' x='46' y='42'/%3E%3Cuse href='%23s' x='29' y='20'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='f' width='59' height='71' patternUnits='userSpaceOnUse' patternTransform='rotate(106 1000 750) scale(19) translate(-947.37 -710.53)'%3E%3Cg fill='%23bd1767'%3E%3Cuse href='%23s' x='33' y='13'/%3E%3Cuse href='%23s' x='27' y='54'/%3E%3Cuse href='%23s' x='55' y='55'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='g' width='139' height='97' patternUnits='userSpaceOnUse' patternTransform='rotate(106 1000 750) scale(19) translate(-947.37 -710.53)'%3E%3Cg fill='%23bd1767'%3E%3Cuse href='%23s' x='11' y='8'/%3E%3Cuse href='%23s' x='51' y='13'/%3E%3Cuse href='%23s' x='17' y='73'/%3E%3Cuse href='%23s' x='99' y='57'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23h)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23c)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23d)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23e)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23f)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23g)' width='100%25' height='100%25'/%3E%3C/svg%3E")}#connect-view{box-shadow:0 0 20px 0 rgba(0,0,0,.2),0 5px 5px 0 rgba(0,0,0,.2)}}