/* Normalized authentication and member-access presentation layer. */
.auth-brand-panel,
.auth-card-shell,
.auth-card,
.auth-field,
.auth-submit-row,
.auth-secondary-action {
	box-sizing: border-box;
}

.auth-brand-panel {
	width: 100% !important;
	margin: 0 auto;
}

.auth-brand-panel__inner {
	margin-bottom: 0 !important;
}

.auth-brand-row {
	align-items: center;
	gap: 1rem;
}

.auth-brand-logo {
	max-width: 96px;
	height: auto;
}

.auth-brand-title h1 {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.15;
}

.auth-card-shell {
	width: 100% !important;
}

.auth-card {
	max-width: 640px !important;
	margin-left: auto;
	margin-right: auto;
}

.auth-local-form {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column wrap;
	width: 100% !important;
	max-width: 1180px;
	padding: 0;
	gap: 0;
	margin: 0;
}

.auth-card .flex-container-forms {
	width: 100%;
}

.auth-message-stack {
	margin-top: 0.75rem;
	margin-bottom: 0.75rem;
}

.auth-message-list {
	text-align: left;
}

.auth-section-heading h2,
.auth-switch-heading h2 {
	margin-bottom: 0.75rem;
}

.auth-field label {
	display: inline-block;
	margin-bottom: 0.35rem;
	font-weight: 700;
}

.auth-field input[type="email"],
.auth-field input[type="text"],
.auth-field input[type="password"],
.auth-code-input {
	width: 100%;
	max-width: 520px;
}

.auth-code-input {
	letter-spacing: 0.12em;
	text-align: center;
}

.auth-recaptcha-wrap {
	display: flex;
	justify-content: flex-start;
	margin-top: 1rem;
	margin-bottom: 1rem;
	min-height: 78px;
}

.auth-submit-row {
	margin-top: 1rem;
}

.auth-secondary-action {
	margin-top: 0.75rem;
}

.auth-resend-button {
	max-width: 220px !important;
}

.flex-items-forms-align-right {
	display: flex;
	align-self: flex-start;
	/* flex-direction: row-reverse; */
	margin-bottom: var(--form-bottom-margin);
}

/* 
.auth-dev-code {
	display: inline-block;
	margin-left: 0.75rem;
	font-weight: 700;
}

@media (max-width: 700px) {
	.auth-brand-logo {
		max-width: 80px;
	}

	.auth-card {
		max-width: 100%;
	}

	.auth-field input[type="email"],
	.auth-field input[type="text"],
	.auth-field input[type="password"],
	.auth-code-input {
		max-width: 100%;
	}
}

.flex-container-forms-auth-code {
	max-width: 760px !important;
}

.auth-brand-row {
	align-self: flex-start;
	align-items: flex-start;
	gap: 0rem;
}

.flex-item-two-factor:nth-child(2) {
	margin-left: 0px !important;
}

.flex-container-two-factor {
	flex-wrap: nowrap !important;
}
 */