/**
 * Kept outside the Tailwind/Lightning pipeline so -webkit-* prefixes are not
 * stripped. Chrome's autofill background is an !important UA rule, so it is
 * hidden by clipping the background to the text (covered by text-fill-color)
 * and delaying its transition, instead of painting an opaque inset shadow that
 * would not match the surface the input sits on and would hide focus rings.
 */
input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:autofill,
textarea:autofill:hover,
textarea:autofill:focus,
textarea:autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active {
  -webkit-text-fill-color: var(--foreground) !important;
  caret-color: var(--foreground) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  transition:
    background-color 99999s ease-out 0s,
    background-image 99999s ease-out 0s !important;
}