@layer components{
	.contact-form-section{
		--max-column-size: 41.25rem;

		background-color: hsl(var(--clr-cream));
		padding-block: 3.75rem 4.6875rem;
	}

	.contact-form-section > header{
		text-align: center;
	}

	.umbraco-forms-container{
		display: flex;
		flex-wrap: wrap;
		gap: 1.25rem 1.125rem;
	}

	.umbraco-forms-container > div{
		width: 100%;
	}

	.field-validation-error{
		color: hsl(var(--clr-red));
		line-height: 0;
	}

	.umbraco-forms-navigation{
		margin-top: 2rem;
		text-align: center;
	}

	.umbraco-forms-container .firstname,
	.umbraco-forms-container .lastname{
		width: calc(50% - .625rem);
	}

	form{

	}

	fieldset{
		border: none;
	}

	.input-wrapper{
		display: flex;
		flex-direction: column;
	}

	label{
		margin-bottom: .625rem;
		display: inline-block;
	}
}