/**
 * Autenticación.
 *
 * @package Groowleck
 */

.authentication-page {
	display: grid;
	gap: var(--groowleck-space-6);
	max-width: 42rem;
	padding-block: var(--groowleck-space-10);
}

.authentication-form {
	display: grid;
	gap: var(--groowleck-space-4);
}

.authentication-form label {
	display: grid;
	gap: var(--groowleck-space-2);
}

.authentication-form input[type="text"],
.authentication-form input[type="email"],
.authentication-form input[type="password"] {
	width: 100%;
}

.authentication-form__check {
	grid-template-columns: auto 1fr;
	align-items: center;
}

.authentication-message,
.authentication-required,
.authenticated-user {
	padding: var(--groowleck-space-5);
	border: 1px solid currentColor;
	border-radius: var(--groowleck-radius-lg);
}

.authenticated-user {
	display: grid;
	gap: var(--groowleck-space-4);
}