.feedback-plugin-wrap {
	max-width: min(100%, 960px);
	width: 100%;
	margin: 1.5em auto;
	box-sizing: border-box;
}

.feedback-plugin-form {
	display: grid;
	gap: 1em;
	width: 100%;
}

.feedback-plugin-field label {
	display: block;
	font-weight: 600;
	margin-bottom: 0.35em;
	color: #1d2327;
}

/* Beat theme rules like input:not([type="submit"]) { color/background } */
.feedback-plugin-wrap .feedback-plugin-field input:not([type="submit"]),
.feedback-plugin-wrap .feedback-plugin-field input:not([type="checkbox"]),
.feedback-plugin-wrap .feedback-plugin-field textarea,
.feedback-plugin-wrap .feedback-plugin-field select {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding: 0.6em 0.75em;
	border: 1px solid #c3c4c7 !important;
	border-radius: 4px;
	background: #fff !important;
	background-color: #fff !important;
	color: #1d2327 !important;
	caret-color: #1d2327 !important;
	-webkit-text-fill-color: #1d2327;
}

.feedback-plugin-wrap .feedback-plugin-field textarea {
	min-height: 12em;
	resize: vertical;
}

.feedback-plugin-wrap .feedback-plugin-field input::placeholder,
.feedback-plugin-wrap .feedback-plugin-field textarea::placeholder {
	color: #646970 !important;
	-webkit-text-fill-color: #646970;
	opacity: 1;
}

.feedback-plugin-optional {
	font-weight: 400;
	color: #646970;
}

.feedback-plugin-captcha-wrap {
	margin: 0.5em 0;
}

.feedback-plugin-actions {
	margin: 0;
}

.feedback-plugin-wrap .feedback-plugin-submit {
	padding: 0.65em 1.25em;
	border: 0;
	border-radius: 4px;
	background: #2271b1;
	color: #fff;
	cursor: pointer;
}

.feedback-plugin-wrap .feedback-plugin-submit:hover {
	background: #135e96;
}

.feedback-plugin-error {
	color: #b32d2e;
	font-weight: 600;
	margin: 0 0 1em;
}

.feedback-plugin-success {
	color: #1d6f42;
	font-weight: 600;
	margin: 0;
}
