/* Keep browser autofill colors aligned with each page's field surface. */
:root {
  --kc-autofill-background: #fff;
  --kc-autofill-text: var(--ink, #203635);
  --kc-autofill-caret: var(--ink, #203635);
}

body:is([data-mode="login"], [data-mode="admin"], [data-mode="register"], [data-portal]) {
  --kc-autofill-background: #141310;
  --kc-autofill-text: #fffaf0;
  --kc-autofill-caret: #f5f1e8;
}

:is(input, textarea, select):-webkit-autofill,
:is(input, textarea, select):-webkit-autofill:hover,
:is(input, textarea, select):-webkit-autofill:focus,
:is(input, textarea, select):-webkit-autofill:active,
:is(input, textarea, select):autofill {
  -webkit-text-fill-color: var(--kc-autofill-text) !important;
  caret-color: var(--kc-autofill-caret) !important;
  background-color: var(--kc-autofill-background) !important;
  background-image: none !important;
  -webkit-box-shadow: 0 0 0 1000px var(--kc-autofill-background) inset !important;
  box-shadow: 0 0 0 1000px var(--kc-autofill-background) inset !important;
  transition: background-color 99999s ease-out 0s;
}