.lf-bug-report-form,
.lf-bug-report-form * {
	box-sizing: border-box;
}

.lf-bug-report-form__message {
	margin-top: var(--wp--preset--spacing--50);
	padding: var(--wp--preset--spacing--40);
}

.lf-bug-report-form__message--success {
	border: 2px dashed var(--wp--preset--color--contrast);
}

.lf-bug-report-form__message--error {
	background-color: var(--wp--preset--color--vivid-red, red);
	color: var(--wp--preset--color--white, #fff);
}

.lf-bug-report-form__title {
	font-weight: bold;
}

.lf-bug-report-form__form {
	display: flex;
	flex-direction: column;
}

.lf-bug-report-form__field {
	display: flex;
	flex-direction: column;
	margin-top: var(--wp--preset--spacing--40);
}

.lf-bug-report-form__label {
	margin-bottom: var(--wp--preset--spacing--10);
}

.lf-bug-report-form__field input,
.lf-bug-report-form__field textarea {
	font-size: var(--wp--preset--font-size--medium);
	line-height: 2;
	padding: 0 var(--wp--preset--spacing--20);
}

.lf-bug-report-form__field textarea {
	padding: var(--wp--preset--spacing--20);
}

.lf-bug-report-form__actions {
	margin-top: var(--wp--preset--spacing--40);
}

.lf-bug-report-form__actions button {
	background-color: var(--wp--preset--color--accent-1);
	border-radius: 9999px;
	border: none;
	color: var(--wp--preset--color--contrast);
	display: inline-block;
	font-size: var(--wp--preset--font-size--medium);
	line-height: 2;
	padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--50);
}
