.textarea-block__field {
	display: block;
	width: 100%;
	height: 7.5rem;
	padding: 0.75rem 1rem;
	border: none;
	background: var(--surface-input);
	color: var(--text-tertiary);
	font: inherit;
	line-height: 1.5;
	resize: vertical;
}

.textarea-block__field::placeholder {
	color: var(--text-tertiary);
}

.textarea-block__field:focus {
	outline: none;
	border: none;
	background: var(--surface-input);
	box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent-default) 25%, transparent);
}

/* Accessibility: Focus styles for textarea in textarea block */
.textarea-block__field:focus-visible {
	outline: 2px solid var(--accent-default);
}

@media only screen and (min-width: 768px) {
	.textarea-block__field{
		height: 7.5rem;
		padding: 0.75rem 1rem;
	}
}