.container {
	display: flex;
	flex-direction: column;
	gap: 28px;
	align-items: center;
	padding: 0 30px;
	height: 100%;
	width: 100%;
}

.title {
	width: 100%;
	font-family: Inter;
	font-size: 22px;
	font-weight: 500;
	color: var(--black-1000);
	line-height: 100%;
	display: inline;
	text-align: center;
}

.content {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 25px;
	align-items: stretch;
}

.form {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 13px;
	align-items: stretch;
}

.comments {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: stretch;
}

.preCommentButton {
	width: 100%;
	padding: 15px;
	gap: 10px;
	border-radius: 10px;
	background: var(--black-50);
	border: 0;

	font-family: Inter;
	font-weight: 400;
	font-size: 18px;
	line-height: 100%;
	letter-spacing: 0%;
	color: var(--black-950);
}

.resetButton {
	width: 100%;
	padding: 19px 15px;
	gap: 10px;
	border-radius: 10px;
	background: var(--error-600);
	border: 0;

	font-family: Inter;
	font-weight: 500;
	font-size: 18px;
	line-height: 100%;
	letter-spacing: 0%;
	color: var(--white);
}

.formField {
}
