@charset "UTF-8";
textarea {
	resize: vertical;
}
.auth-dots {
	display: flex;
	justify-content: space-between;
	margin: 0 0 15px;
}
.auth-dots > div {
	background-color: var(--bs-gray-400);
	border-radius: 50%;
	width: 32px;
	height: 32px;
}
.auth-dots > div.active {
	background-color: var(--bs-teal);
}
.auth-grid {
	display: grid;
	grid-gap: 1px;
	grid-template-columns: repeat(3, 1fr);
}
.auth-grid > div {
	background-color: var(--bs-gray-400);
	font-size: 2em;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 80px;
}
.auth-grid > div[role="button"]:hover {
	background-color: var(--bs-teal);
	color: var(--bs-white);
}
.auth-grid > div[role="button"].active,
.auth-grid > div[role="button"]:active {
	background-color: var(--bs-success);
}