@keyframes auth-skeleton-pulse {
	0%,
	100% {
		opacity: 1;
	}
	50% {
		opacity: 0.45;
	}
}

.auth-skeleton {
	background: #e4e2dc;
	border-radius: 14px;
	animation: auth-skeleton-pulse 1.4s ease-in-out infinite;
}

.auth-skeleton--heading {
	height: 2.4rem;
	width: 70%;
	max-width: 18rem;
	margin-bottom: 1.5rem;
}

.auth-skeleton--field {
	height: 3.5rem;
	width: 100%;
	margin-bottom: 1.5rem;
}

.auth-skeleton--link {
	height: 1rem;
	width: 6rem;
	margin-left: auto;
	margin-bottom: 0.5rem;
	border-radius: 6px;
}

.auth-skeleton--text {
	height: 0.875rem;
	width: 85%;
	margin-bottom: 0.5rem;
	border-radius: 6px;
}

.auth-skeleton--button {
	height: 3.25rem;
	width: 100%;
	margin-top: 1.5rem;
	border-radius: 14px;
}