@charset "UTF-8";

@layer LoggedOut
{
	h1 a
	{
		font-family: Garamond;
	}

	form
	{
		background-color: #FFFFFF;
		box-shadow: 0 0.1rem 1rem rgb(0 0 0 / 0.1);
		display: flex;
		flex-direction: column;
		gap: 1rem;
		max-width: 400px;
		padding: 2rem;
	}

	main
	{
		align-items: center;
		display: flex;
		justify-content: center;
		min-height: 100dvh;
	}

	#CountryCodeAndPhoneNumber
	{
		display: flex;
		gap: 0.5rem;

		& #PhoneNumber
		{
			flex: 1 1 auto;
			min-width: 0;
		}

		& #PhoneNumberCountryCode
		{
			flex: 0 0 auto;
		}
	}

	#LinksAndLanguage
	{
		display: flex;
		gap: 1rem;
		justify-content: space-between;

		& #LanguageItem
		{
			align-items: baseline;
			display: flex;
			gap: 0.5rem;
			white-space: nowrap;
		}

		& #LinksItem
		{
			display: flex;
			flex-direction: column;
			gap: 0.5rem;
		}
	}
}