.twofa-admin-login{font-family:var(--twofa-font-family);max-width:var(--twofa-max-width);background:var(--twofa-bg);color:var(--twofa-text);padding:var(--twofa-padding);border-radius:var(--twofa-radius);font-size:var(--twofa-font-size);box-shadow:0 18px 45px rgba(7,45,64,.12)}
.twofa-admin-login *{box-sizing:border-box}.twofa-form{display:grid;gap:16px}.twofa-form[hidden],[hidden]{display:none!important}.twofa-form label{display:grid;gap:7px;font-size:var(--twofa-label-font-size);font-weight:600}.twofa-form input{width:100%;background:var(--twofa-input-bg);border:1px solid var(--twofa-input-border);border-radius:calc(var(--twofa-radius) - 4px);padding:13px 14px;color:var(--twofa-text);font-size:var(--twofa-font-size);outline:none}.twofa-form input:focus{border-color:var(--twofa-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--twofa-primary) 25%,transparent)}.twofa-btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:calc(var(--twofa-radius) - 4px);padding:13px 18px;background:var(--twofa-secondary);color:var(--twofa-button-text);font-weight:700;cursor:pointer;text-decoration:none}.twofa-btn:hover{filter:brightness(1.05)}.twofa-link-btn{border:0;background:transparent;color:var(--twofa-secondary);text-decoration:underline;cursor:pointer;padding:10px 0;font-weight:600}.twofa-reset-wrap{margin-top:18px}.twofa-reset-step{margin-top:14px}.twofa-message{min-height:1.4em;font-size:14px}.twofa-message.is-error{color:#b42318}.twofa-message.is-ok{color:#027a48}.twofa-countdown{font-size:14px;opacity:.85}

.twofa-login-step,.twofa-code-step,.twofa-backup-step,.twofa-reset-step,.twofa-reset-wrap{transition:opacity .24s ease,transform .24s ease;will-change:opacity,transform}
.twofa-is-entering,.twofa-is-hidden{opacity:0;transform:translateY(10px)}
.twofa-is-visible{opacity:1;transform:translateY(0)}
.twofa-is-hiding{opacity:0;transform:translateY(-8px);pointer-events:none}
.twofa-attempts{padding:10px 12px;border-radius:calc(var(--twofa-radius) - 6px);background:color-mix(in srgb,var(--twofa-secondary) 9%,transparent);font-size:14px;font-weight:600}
.twofa-lockout{padding:12px 14px;border-radius:calc(var(--twofa-radius) - 6px);background:rgba(180,35,24,.08);color:#b42318;font-size:14px;font-weight:700;line-height:1.45}
.twofa-lockout strong{font-variant-numeric:tabular-nums}
.twofa-lockout span{font-weight:600;opacity:.85}