[data-login-template] {
	@apply container relative mx-auto flex w-full flex-grow flex-col items-center justify-start p-5 pb-10 pt-10 sm:p-5 sm:pt-32;
	[data-title] {
		@apply fluid-3xl text-balance pt-3 text-center font-extrabold capitalize;
		span {
			@apply fluid-lg block pt-2 text-center font-sans font-normal opacity-75;
		}
	}
	[data-verification-error] {
		@apply max-w-sm pt-4 text-center sm:mx-auto sm:w-full sm:pt-8;
	}
	[data-form] {
		@apply w-full sm:mx-auto sm:max-w-md sm:text-lg;

		[data-input-container] {
			@apply shadow-xs relative mt-1 rounded-md;
			[data-icon] {
				@apply pointer-events-none absolute inset-y-0 left-0 flex items-center pl-4;
				svg {
					@apply text-muted-foreground h-5 w-5;
				}
			}
			[data-input] {
				@apply h-14 pl-12;
			}
		}
		[data-button] {
			@apply mt-4 h-14 w-full transition;
		}
	}
	[data-separator] {
		@apply py-5 text-center text-sm opacity-60;
	}
	[data-providers-container] {
		@apply w-full space-y-2 pt-8 sm:mx-auto sm:max-w-md sm:pt-10;
		[data-button] {
			@apply border-muted-foreground h-14 w-full;
		}
	}
}

[data-check-your-email] {
	@apply container relative flex flex-grow flex-col items-center justify-center pb-16 pt-10;
	[data-container] {
		@apply mx-auto flex w-full max-w-md flex-col items-center gap-5 text-center;
	}
	[data-title] {
		@apply font-heading text-center text-3xl font-extrabold leading-9 sm:text-3xl lg:text-4xl;
	}
	[data-message] {
		@apply max-w-sm opacity-75;
	}
}
