.form-basic{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-5)
}
.form-basic .inputs{
	display:grid;
	grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));
	gap:var(--spacing-4)
}
.form-basic .inputs .span{
	grid-column:1/-1
}
.form-basic .submit{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	gap:var(--spacing-4)
}
.form-basic .submit .agreement{
	font:var(--body-s-regular);
	letter-spacing:var(--letter-spacing-s);
	color:var(--text-body-03-inverse);
	user-select:none
}
.form-basic .submit .agreement label{
	display:flex;
	gap:var(--spacing-2);
	align-items:center
}
.form-basic .submit .agreement label.light{
	color:var(--text-body-01)
}
.form-message{
	display:none
}
.form-message.active{
	display:grid;
	gap:var(--spacing-4)
}
.form-message.light{
	color:var(--text-body-01)
}