#proposal {
	display:flex;
	flex-direction: column;
	gap:var(--MainGap);

	.message {
		font-weight:500;
		font-size:var(--18);
		margin-top:var(--10);
		cursor:default;

		&.error {
			color:var(--Kaizen);
		}
	}

	.form {
		display: flex;
		flex-direction: column;
		gap: var(--10);
		width:var(--400);

		.line {
			display:flex;
			position:relative;
			flex-direction:column;

			&.actions {
				margin-top:var(--MainGap);
			}

			&>label {
				display: inline-block;
				cursor: pointer;
				font-weight: 300;
				font-size: var(--18);
				line-height: var(--38);
				color: #7A8188;
				margin-bottom: var(--5);
			}

			.text {
				width:100%;
				border:2px solid #D1D9E0;
				padding:var(--4) var(--8) 0;
				height:var(--40);
				font-weight: 300;
				font-size: var(--20);
				appearance:none;
				position:relative;
			}

			textarea.text {
				height:var(--100);
				padding:var(--8);
			}

			.list {
				&:empty {
					display:none;
				}

				position:absolute;
				left:0;
				top:100%;
				width:100%;
				max-height:var(--150);
				overflow:auto;

				border: 1px solid #ccc;
				background: white;
				z-index: 1000;

				div {
					padding: 8px;
					cursor: pointer;
					font-size: var(--16);

					&:hover {
						background-color: #f0f0f0;
					}
				}
			}
		}
	}
}