@layer dialogs {
	dialog[data-id="inquiry-dlg"] {
		.popup {
			h3 {
				font-size: 1.5em;
			}

			form {
				display: flex;
				flex-direction: column;
				gap: 15px;

				& > div {
					display: flex;
					flex-direction: column;
					gap: 7px;
				}

				textarea {
					height: 10em;
					resize: none;
				}
			}
		}
	}

	:root[data-theme="light"] {
		dialog[data-id="inquiry-dlg"] {
			form {
				:is(input, textarea) {
					background-color: var(--light-input-bg-color);
					box-shadow: inset 0px 1px 1px rgba(0,0,0,0.05);
				}
			}
		}
	}

	:root[data-theme="dark"] {
		dialog[data-id="inquiry-dlg"] {
			form {
				:is(input, textarea) {
					background-color: var(--dark-input-bg-color);
				}
			}
		}
	}
}