// JHR: DO NOT MESS WITH THIS TALK TO ME FIRST
// BM: I WILL TRY NOT TO MESS WITH THIS BUT I REALLY WANT TO NOW

input {
  @include ignore-device-rendering();
  outline: none;
  border: $default-border-width-thin solid var(--color-ui-2-50);
  border-radius: $default-border-radius;
  height: 2.5rem;
  line-height: 2.13rem;
  box-sizing: border-box;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

input:hover {
  box-shadow: 0 0 0 0.25rem var(--color-ui-2-30);
  border: $default-border-width-thin solid var(--color-ui-2);
}

input:focus {
  box-shadow: 0 0 0 0.25rem var(--color-focus-80);
  border-color: var(--color-focus);
}

input:invalid {
  border-color: var(--color-warning);
}

input:focus:invalid {
  box-shadow: 0 0 0 0.25rem var(--color-warning-50);
}

input:disabled {
  background-color: var(--color-ui-3-50);
  color: var(--color-ui-1-50);
}