.form-input,
.form-textarea {
  width: 100%;
  font: inherit;
   
  font-size: 13px;
  color: var(--text);
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--r-base);
}
 
.form-input {
  height: 36px;
  padding: 0 13px;
}
 
.form-input:focus,
.form-textarea:focus {
  outline: none;
  border-color: var(--brand);
}
 
.form-textarea { min-height: 88px; padding: 10px 13px; resize: vertical; line-height: 1.7; }
 
.form-input.is-err,
.form-textarea.is-err { border-color: #DC2626; }

 
.form-msg { min-height: 20px; margin-top: 14px; font-size: 13px; }
.form-msg.is-ok { color: #16A34A; }
.form-msg.is-err { color: #DC2626; }

.form-hp { position: absolute; left: -9999px; top: -9999px; width: 1px; height: 1px; overflow: hidden; }