@import 'shared/colors';
.sc-ion-textarea-ios-h {
  border-radius: 5px;
  border: 1px solid get-color(gr-700);

  &.textarea-disabled {
    background-color: get-color(gr-100);
    opacity: 1;
  }

  .native-wrapper.sc-ion-textarea-ios {
    padding-left: 10px;
    padding-right: 10px;
  }

  &.uofx-textarea-focus {
    border: 2px solid get-color(bl-500);
    caret-color: get-color(bk-1000);
  }

  &.ion-invalid.ion-touched {
    border: 1px solid get-color(red-700);
  }

  --highlight-color-valid: unset;
  --highlight-color-invalid: unset;
  --highlight-color-focused: unset;
}