.ltxe-auth {
	--ltxe-af-accent: #1d4ed8;
	--ltxe-af-border: #d1d5db;
	--ltxe-af-bg: #fff;
	--ltxe-af-muted: #6b7280;
	--ltxe-af-error: #b91c1c;
	max-width: 24rem;
	font-size: 1rem;
}

.ltxe-auth__title {
	margin: 0 0 1rem;
	font-size: 1.35rem;
}

.ltxe-auth__form {
	display: grid;
	gap: 0.85rem;
}

.ltxe-auth__form label {
	display: grid;
	gap: 0.3rem;
}

.ltxe-auth__form input[type="text"],
.ltxe-auth__form input[type="email"],
.ltxe-auth__form input[type="password"] {
	width: 100%;
	min-height: 2.5rem;
	padding: 0.4rem 0.6rem;
	border: 1px solid var(--ltxe-af-border);
	background: var(--ltxe-af-bg);
	border-radius: 0.25rem;
}

.ltxe-auth__pwd {
	display: grid;
	gap: 0.35rem;
}

.ltxe-auth__toggle {
	justify-self: start;
	border: 0;
	background: transparent;
	color: var(--ltxe-af-accent);
	padding: 0;
	cursor: pointer;
	text-decoration: underline;
}

.ltxe-auth__check {
	display: flex;
	align-items: center;
	gap: 0.4rem;
}

.ltxe-auth__submit {
	min-height: 2.5rem;
	border: 0;
	border-radius: 0.25rem;
	background: var(--ltxe-af-accent);
	color: #fff;
	cursor: pointer;
}

.ltxe-auth__submit:disabled {
	opacity: 0.6;
	cursor: wait;
}

.ltxe-auth__lost,
.ltxe-auth__hello {
	margin: 0;
}

.ltxe-auth__status {
	margin: 0.75rem 0 0;
	color: var(--ltxe-af-muted);
}

.ltxe-auth__status.is-error {
	color: var(--ltxe-af-error);
}

.ltxe-auth__hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}