.support-form
	display: flex
	flex-direction: column
	gap: 1em
	align-items: flex-start

	fieldset
		width: 100%
		display: grid
		grid-template-columns: auto 1fr
		align-items: center
		gap: 1em

		> *:nth-child(2n)
			width: 40rch
			max-width: 100%
			box-sizing: border-box

		input[type=url]
			font-size: .85em

		> label, .field-name
			font-weight: bold
			&:has(+ .radio-field)
				align-self: start

	.thumbnail-field
		display: flex
		align-items: center
		gap: .25em

		img
			width: 40px
			height: 40px

		input
			flex: 1 0 20ch

	.radio-field
		display: flex
		flex-direction: column
		gap: .25em

	.field_with_errors
		display: contents

	.actions
		display: flex
		align-items: center
		gap: 1em

		label
			display: flex
			align-items: center
			gap: .25em
			font-size: .85em
			font-style: italic