.webauthn-register{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.webauthn-register .card{background:#2f3136;border-radius:12px;box-shadow:0 4px 20px #0000004d;max-width:400px;padding:32px;text-align:center;width:100%}.webauthn-register .card .top-icon{color:#5865f2;height:64px;margin:0 auto 16px;width:64px}.webauthn-register .card .top-icon svg{height:100%;width:100%}.webauthn-register .card h1{color:#fff;font-size:24px;margin:0 0 8px}.webauthn-register .card .description{color:#fff9;font-size:14px;line-height:18px;margin:0 0 24px}.webauthn-register .card .form .input-group{margin-bottom:16px;text-align:left}.webauthn-register .card .form .input-group label{color:#fffc;display:block;font-size:12px;font-weight:600;margin-bottom:8px;text-transform:uppercase}.webauthn-register .card .form .input-group input{background:#202225;border:1px solid #40444b;border-radius:8px;color:#fff;font-size:16px;outline:none;padding:12px;transition:border-color .2s;width:100%}.webauthn-register .card .form .input-group input:focus{border-color:#5865f2}.webauthn-register .card .form .input-group input::-moz-placeholder{color:#fff6}.webauthn-register .card .form .input-group input::placeholder{color:#fff6}.webauthn-register .card .form .input-group input:disabled{opacity:.5}.webauthn-register .card .form .button{font-size:16px;padding:12px 24px;width:100%}.webauthn-register .card .form .not-supported{color:#fff6;font-size:12px;margin-top:12px}.webauthn-register .card .form+.hint-block{margin-top:16px}