.form-message {
	border: 1px solid color-mix(in srgb, var(--color) 90%, black);
	border-radius: 5px;
	padding: 10px;
	background-color: color-mix(in srgb, var(--color) 10%, white);
	color: color-mix(in srgb, var(--color) 31%, black);
	animation: form-message 400ms;
	animation-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

body:not(*:has(.jdd-container)) .form-container {
	container-type: inline-size;

	.form {
		.form-input__wrapper--file:not(.form-input__wrapper--control-type__photo) {
			grid-row: span 2;
			display: grid;
			grid-template-columns: min-content 1fr;
			grid-template-rows: min-content min-content;

			& > label {
				grid-row: 1/3;
			}
		}

		.form-input--type-checkboxed-list,
		.form-input__wrapper--type--table {
			ul {
				padding-left: 0;

				li {
					list-style: none;
				}
			}

			&.form-input__wrapper--options-count--5-or-more {
				grid-row: span 2;
			}

			&.form-input__wrapper--options-count--10-or-more {
				grid-row: span 3;
			}

			&.form-input__wrapper--options-count--15-or-more {
				grid-row: span 4;
			}

			&.form-input__wrapper--options-count--20-or-more {
				grid-row: span 5;

				ul,
				.table__wrapper {
					max-height: 424px;
					overflow-y: auto;
				}
			}
		}

		.form-input__wrapper--title,
		.form-input__wrapper--subtitle,
		.form-input:has(textarea) {
			grid-column: span var(--column-count);
		}
	}
}