/* Scoped to authentication pages; administration and tutorial stay independent. */
body.login-page{padding:32px 20px;background:linear-gradient(#0009,#000b),url('/static/minecraft/imgs/blocks/dirt.png') repeat;background-size:auto,64px}
.login-card{width:100%;max-width:480px;padding:24px 32px 30px;background:#c6c6c6;border:4px solid #222;border-image:none;box-shadow:inset 4px 4px #fff,inset -4px -4px #555,0 8px 0 #0008,0 24px 64px #0008}
.login-home{display:block;width:max-content;margin:0 0 26px;padding:6px 0;color:#454545;text-decoration:none;font-size:15px}
.login-home:hover{text-decoration:underline;color:#111}
.login-card h2{margin-bottom:24px;font-size:28px;color:#333;text-shadow:1px 1px #fff}
.login-card label{margin:18px 0 10px}
.login-card input,.login-card select{min-height:54px;background:#252525;border:3px solid;border-color:#555 #eee #eee #555;box-shadow:inset 2px 2px #0008;color:#fff}
.login-card input#code{padding:18px 12px;font-size:34px;letter-spacing:.16em}
.login-card .button,.login-card .button:hover,.login-card .button:active{border:3px solid #454545;border-image:none;min-height:56px;padding:12px 14px;box-shadow:inset 2px 2px #ffffff55,inset -2px -2px #0005;cursor:pointer}
.login-card .continue{margin-top:24px;background:#427b2c;background-image:none;color:#fff;text-shadow:2px 2px #183c10;border-color:#183c10}
.login-card .continue:hover{background:#548e3b;filter:none}
.login-card .provider{margin-top:18px;font-size:17px}
.login-card .provider img{width:30px;height:30px}
.login-card .guest-access,.login-card .guest-access:hover,.login-card .guest-access:active{background:#427b2c;border-color:#183c10}
.login-card .handoff{margin-top:32px;padding-top:26px;border-top:2px solid #8b8b8b;box-shadow:inset 0 2px #eee}
.login-card .handoff h3{font-size:18px;color:#454545}
.login-card .handoff-qr{width:192px;padding:8px;border:3px solid;border-color:#777 #eee #eee #777}
.login-card .handoff-link{font-size:14px;line-height:1.6;margin-top:18px}
.login-card .back{display:inline-block;margin-top:20px}
.login-card dl{padding:4px 18px 18px;background:#b1b1b1;border:2px solid;border-color:#777 #eee #eee #777}
.login-card dd{line-height:1.6}
.login-footer{display:flex;justify-content:flex-end;margin-top:32px;padding-top:20px;border-top:2px solid #8b8b8b;box-shadow:inset 0 2px #eee}
.login-footer form{margin:0}
.login-signout,.login-signout:hover,.login-signout:active{width:auto;min-height:36px;padding:6px 14px;border:2px solid #555;border-image:none;background:#a8a8a8;color:#333;font-size:14px;box-shadow:inset 1px 1px #eee,inset -1px -1px #777;cursor:pointer}
.login-signout:hover{background:#bababa;filter:none}
@media(max-width:480px){body.login-page{padding:20px 14px}.login-card{padding:20px 20px 26px}.login-card .provider{font-size:15px;gap:10px}.login-card h2{font-size:25px}.login-card input#code{font-size:30px}}

.login-card .provider,.login-card .provider:hover,.login-card .provider:active{color:#fff}