input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
  border: none;
  border: 0.0625rem solid var(--c-border);
  line-height: 1.4rem;
  box-sizing: border-box;
  padding: 0.25rem;
  color: var(--c-text);
  -webkit-appearance: none;
  border-radius: 0;
  background: none;
}

input:hover {
  border: 0.0625rem solid var(--c-focus);
}

input:focus {
  border-color: var(--c-focus);
  background: var(--c-input-focus-bg);
}

input:invalid {
  box-shadow: none;
}
input:invalid:focus {
  border-color: var(--c-focus);
  background: var(--c-input-focus-bg);
}
input:invalid:hover {
  border: 0.0625rem solid var(--c-focus);
}

input:disabled {
  color: var(--c-disabled);
  background: transparent;
}

input[readonly] {
  background: var(--c-input-disabled-bg);
  border: 0.0625rem solid var(--c-border);
  color: var(--c-text);
}
input[readonly]:focus {
  border-color: var(--c-focus);
}

input[readonly]:focus ~ #btnPeek {
  border-color: var(--c-focus);
}