/* Glue for the sign-in widget.
 *
 * Apple's identityWidget / home / app-sk7 stylesheets own every visual decision; this file
 * only covers the two things Apple's own bundle would otherwise do from JavaScript:
 * hiding the step container we are not on, and keeping Chrome's autofill highlight from
 * painting over Apple's translucent field background (Apple ships a translucent background
 * and no autofill rule, so the browser default reads as a bug).
 *
 * Nothing here sets a size, a colour or a radius: those all come from Apple's CSS through
 * the state classes js/widget.js maintains.
 */

#content-auth[hidden],
#content-verify[hidden] {
  display: none !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0.8) inset;
  box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0.8) inset;
  -webkit-text-fill-color: rgb(73, 73, 73);
  transition: background-color 9999s ease-in-out 0s;
}