.kz-textarea {
  --textarea-border: var(--color-klezmer-earth--tint-10);
  --textarea-border-radius: 6px;

  border: 1px solid var(--textarea-border);
  border-radius: var(--textarea-border-radius);
  color: var(--color-klezmer-earth);
  display: block;
  font-family: var(--font-main);
  font-size: var(--step-0);
  padding-block: var(--space-s);
  padding-inline: var(--space-xs);
}

.kz-textarea[disabled] {
  background-color: var(--color-light--shade-10);
  cursor: not-allowed;
}

.kz-textarea--error {
  --textarea-border: var(--color-utility-red);
}

.kz-textarea:focus-visible {
  outline-width: 2px;
  outline-style: solid;
  outline-color: var(--color-utility-orange);
  outline-offset: 2px;
}

.kz-textarea-error {
  color: var(--color-utility-red);
  line-height: var(--line-height-condensed);
  margin-block: var(--space-2xs) 0;
}