.input-wrapper.sc-ion-input-ios {
  padding: 0;
}

.uofx-input,
.sc-ion-input-ios-h {
  border-radius: 5px;
  border: 1px solid get-color(gr-700);

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

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

  .n_ative-input[disabled].sc-ion-input-ios {
    opacity: 1;
    background-color: get-color(gr-200);
  }

  &.has-focus {
    border: 2px solid get-color(bl-500);
    caret-color: get-color(bk-1000);
  }
  &.input-disabled {
    background-color: get-color(gr-100);
    opacity: 1;
  }

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