.zeero-input,
.zeero-textarea {
	padding: 0.25em 0.5em;
	font: inherit;
	color: var(--text-color);
	background-color: var(--dark-grey);
	border: 1px solid var(--secondary);
	border-radius: 0.3em;
	outline: none;
}

.zeero-input:focus,
.zeero-textarea:focus {
	border-color: var(--primary);
}

.zeero-input.invalid,
.zeero-textarea.invalid {
	border-color: var(--danger);
}

.zeero-input:disabled,
.zeero-textarea:disabled {
	opacity: 0.6;
	cursor: default;
	background-color: var(--disabled-input-background);
}

.zeero-textarea {
	resize: vertical;
	min-height: 4em;
}