.omni-form-textarea {
  display: none;
  grid-column: span 2;
}
@media (max-width: 768px) {
  .omni-form-textarea {
    grid-column: span 1;
  }
}
.omni-form-textarea.display {
  display: block;
}
.omni-textarea {
  display: none;
  flex-direction: column;
  align-items: flex-start;
  color: #2C2C2C;
  width: 100%;
}
.omni-textarea.display {
  display: flex;
}
.omni-textarea label {
  font-weight: normal;
}
.omni-textarea textarea {
  width: 100%;
  resize: vertical;
  padding: 8px;
  outline: none;
  margin-bottom: 8px;
  border-radius: 3px;
  border-color: #2C2C2C;
}
.omni-textarea textarea:focus {
  outline: none;
}
.omni-textarea.error textarea {
  border-color: #FF4F15;
}
.omni-textarea .textarea-bottom {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.omni-textarea .textarea-bottom .error-message {
  display: flex;
  color: #FF4F15;
  visibility: hidden;
  margin-top: 4px;
  width: 50%;
}
.omni-textarea .textarea-bottom .error-message.display {
  visibility: visible;
}
.omni-textarea .textarea-bottom .char-counter {
  display: flex;
  width: 50%;
  justify-content: flex-end;
}
.omni-textarea.err textarea {
  border-color: #FF4F15;
}
.omni-textarea.err .char-counter {
  color: #FF4F15;
}