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

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

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

/* todo: IPV-3480: evaluate --bg-disabled */
.zeero-input:disabled,
.zeero-textarea:disabled {
	opacity: 0.6;
	cursor: default;
	background-color: var(--bg-sunken);
}

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