html[theme=light] {
	.field {
		textarea {
			border-color: #CFCFCF;
		}
	}
}

.field {
	input {}

	textarea {
		font-size: 14px;
		line-height: 1.5;
		color: var(--color-text);
		width: 100%;
		resize: none;
		padding: 16px;
		background-color: transparent;
		height: 137px;
		border: 1px solid var(--color-input-stroke);
		border-radius: 12px;

	}

	&.field--md {
		input {
			width: 100%;
			min-height: 52px;
			padding: 0 16px;
			border-radius: var(--rounded-lg);
			border: 1px solid var(--dropdown-border-color);
			background: transparent;
			color: var(--color-text);
			outline: none;
			transition: border-color 0.2s;

			&::placeholder {
				color: var(--color-text-second);
			}

			&:hover,
			&:focus {
				border-color: var(--color-active);
			}
		}
	}
}