@charset "UTF-8";

@layer FormHelp
{
	.formControlAndHelpButton
	{
		align-items: center;
		display: flex;
		gap: 0.5rem;

		& .formControl
		{
			flex: 1 0 0;
			min-width: 0;
		}

		& .formHelpButton
		{
			align-items: center;
			background: #333333;
			border-radius: 50%;
			border: none;
			color: #FFFFFF;
			cursor: help;
			display: inline-flex;
			flex: 0 0 auto;
			font-size: smaller;
			font-weight: bold;
			height: 1.5rem;
			justify-content: center;
			width: 1.5rem;
		}
	}

	.formHelpText
	{
		display: none;
		font-size: smaller;
	}
}