.hmg-st-otp label {
	display: block;
}

.hmg-st-otp-boxes {
	display: flex;
	gap: 8px;
	margin: 10px 0 4px;
}

body.login form .hmg-st-otp-digit,
.hmg-st-step-up form .hmg-st-otp-digit {
	flex: 1 1 0;
	width: 100%;
	height: 56px;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 1.5px solid #d0d5dd;
	border-radius: 12px;
	background: #fff;
	box-shadow: none;
	color: #10233f;
	font-size: 22px;
	font-weight: 600;
	line-height: 56px;
	text-align: center;
	caret-color: #10233f;
}

body.login form .hmg-st-otp-digit:focus,
.hmg-st-step-up form .hmg-st-otp-digit:focus {
	border-color: #10233f;
	box-shadow: 0 0 0 3px rgba(16, 35, 63, 0.12);
	outline: none;
}

.hmg-st-step-up__card {
	max-width: 420px;
	margin-top: 16px;
	padding: 24px 28px;
	border: 1px solid #dcdcde;
	border-radius: 12px;
	background: #fff;
}

.hmg-st-step-up__change {
	margin-top: 0;
	color: #10233f;
	font-size: 15px;
	font-weight: 600;
}

.hmg-st-step-up .notice.inline {
	margin: 12px 0;
}

.hmg-st-step-up__again {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	align-items: center;
}

.hmg-st-step-up__card.is-busy a:not(.hmg-st-busy),
.hmg-st-step-up__card.is-busy button:not(.hmg-st-busy),
.hmg-st-step-up__card.is-busy .hmg-st-otp-digit {
	opacity: 0.5;
	pointer-events: none;
}

.hmg-st-step-up__card .hmg-st-busy {
	cursor: progress;
	pointer-events: none;
}

body.hmg-st-email-code #loginform > p:first-of-type,
body.hmg-st-email-code #loginform .user-pass-wrap {
	display: none;
}

.hmg-st-otp-again {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin: 6px 0 18px;
}

.hmg-st-otp-again button,
.hmg-st-otp-again a {
	background: none;
	border: 0;
	box-shadow: none;
	color: #3a2a78;
	cursor: pointer;
	font: inherit;
	padding: 0;
	text-decoration: underline;
}

.hmg-st-otp-again button.is-pending {
	cursor: progress;
	pointer-events: none;
	text-decoration: none;
}

#hmg-st-otp-resend {
	display: none;
}

.hmg-st-captcha {
	margin: 12px 0;
}

.hmg-st-captcha-note {
	color: #646970;
	font-size: 13px;
	margin: 8px 0 0;
}

.login button:disabled,
.login input[type="submit"]:disabled {
	cursor: default;
	opacity: 0.6;
}

body.hmg-st-password-upgrade #loginform > p,
body.hmg-st-password-upgrade #loginform .user-pass-wrap,
body.hmg-st-password-upgrade #loginform .forgetmenot,
body.hmg-st-password-upgrade #loginform > p.submit {
	display: none;
}

body.hmg-st-password-upgrade #loginform .hmg-st-upgrade,
body.hmg-st-password-upgrade #loginform .hmg-st-upgrade p {
	display: block;
}

.hmg-st-pass-meter {
	min-height: 1.2em;
}

.hmg-st-pass-meter.is-strong {
	color: #007017;
}

.hmg-st-pass-meter.is-weak {
	color: #8a1f03;
}

.hmg-st-pass-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 12px 0 4px;
}

.hmg-st-upgrade #hmg-st-pass1,
.hmg-st-upgrade #hmg-st-pass2 {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	letter-spacing: 0.02em;
}