html.auth{font-size:12px;background:#fff url(background.jpg)}html.auth body{padding:0;margin:0;font-family:Arial, sans-serif}html.auth #auth{box-sizing:border-box;position:relative}html.auth #auth h1{color:#666;font-weight:500;margin:0 0 .6rem 0}html.auth #auth p{margin:2px 0;padding:10px;font-size:1.1rem;color:#999;text-align:center}html.auth #auth p.error{color:red;border-radius:18px}html.auth #auth label{color:#ccc}html.auth #username{position:absolute;bottom:0;left:0;right:0;background-color:#ccc;padding:4px 10px;text-align:center;font-family:Menlo, monospace}html.auth input[type=text],html.auth input[type=password]{width:100%;padding:4px}@media (min-width: 400px){html.auth{font-size:12px;background-color:#30658a;background-image:url(login.png);background-position:center;background-size:cover;background-attachment:fixed}html.auth header{display:none}html.auth body{display:flex}html.auth body #auth{background-color:white;box-shadow:0 0 4px #999;padding:40px;margin:0 auto;margin-top:calc(45vh - 140px)}html.auth input[type=submit]{margin:1.5rem 0 0 auto;float:right;background:#1d88e5;color:white;border:none;border-radius:5px;outline:none;box-shadow:none;padding:8px 12px;display:inline-block;font-size:1rem;transition:background-color 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;text-decoration:none}html.auth input[type=submit]:hover{background-color:#8fb7eb}html.auth input[type=text],html.auth input[type=password]{border:none;border-bottom:1px solid #ccc;border-radius:0;outline:none;font-size:1rem;margin-top:1rem}html.auth .onelogin{text-align:center}html.auth .onelogin input[type=submit]{float:none}}@media (max-width: 400px){html.auth{background-color:#2f4050}html.auth header{font-size:1.7rem;text-align:center;margin:0;padding:10.5px 22px;color:white;background-color:#2f4050}html.auth input{font-size:unset;margin:4px 0}html.auth body{display:initial;background-image:none;box-sizing:border-box}html.auth body #auth{background-color:transparent;width:100%;padding:20px;margin:0}html.auth body input{box-sizing:border-box;padding:8px 12px;font-size:16px;margin-top:1rem}html.auth body input[type=submit]{margin:1.5rem 0 0 auto}}@media (max-width: 400px) and (prefers-color-scheme: dark){html.auth{background:#2b2b2b}}@media (prefers-color-scheme: dark){html.auth body #auth h1{color:#ffffffdd}html.auth body #auth p{color:#eeeeeebb}html.auth body #auth p.error{color:#ff4242;background:#00000057}html.auth body #auth input:not([type=submit]){border-color:#113347;background-color:#e8f0fe}html.auth body #auth input::placeholder{color:#113347cc}}@media (prefers-color-scheme: dark) and (min-width: 400px){html.auth body #auth{background-color:#00000021;box-shadow:0 0 4px #264d68}}