@use "../tokens/base";
@use "../tokens/color";

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

input,
select,
textarea {
  font-size: base.$font-size;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active {
  -webkit-text-fill-color: var(--color-text-default);
  caret-color: var(--color-text-default);
  box-shadow: 0 0 0 1000px var(--color-fill-primary) inset;
  transition: background-color 9999s ease-in-out 0s;
}

input:-webkit-autofill::first-line,
select:-webkit-autofill::first-line,
textarea:-webkit-autofill::first-line {
  color: var(--color-text-default);
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

::placeholder {
  color: color.$gray-700;
  font-weight: normal;
  opacity: 1;
}