/* The Google action follows Google's current identity branding, scoped to this
   control. Pillar's photographic authentication presentation stays unchanged.
   Source: https://developers.google.com/identity/branding-guidelines */
@font-face {
  font-family: "Google Sans Identity";
  src: url("/assets/google_identity/GoogleSans-Medium-83e9a176.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
.pillar-signin__google-form { margin: 0; padding: 14px; }
.pillar-signin__google-button {
  appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-height: 48px;
  box-sizing: border-box;
  margin: 0;
  padding: 12px;
  border: 1px solid #747775;
  border-radius: 0;
  background: #fff;
  color: #1f1f1f;
  font: 500 14px/20px "Google Sans Identity", Arial, sans-serif;
  letter-spacing: 0;
  cursor: pointer;
}
.pillar-signin__google-button:hover { box-shadow: 0 1px 2px rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15); }
.pillar-signin__google-button:active { background: #f2f2f2; }
.pillar-signin__google-logo { display: block; height: 20px; width: auto; flex: 0 0 auto; }
.pillar-signin__email-fallback { margin-top: 16px; }
.pillar-signin__email-fallback > summary {
  width: fit-content;
  margin-inline: auto;
  padding: 8px 12px;
  color: var(--signin-paper);
  font: 400 12px/20px var(--sans);
  cursor: pointer;
}
.pillar-signin__email-fallback > summary::marker { color: var(--signin-paper); }
.pillar-signin__email-fallback > summary:focus-visible { outline: 2px solid var(--signin-paper); outline-offset: 3px; }
.pillar-signin__fallback-form { margin-top: 12px; border: 1px solid var(--signin-line); background: rgba(25, 25, 24, .38); }
.pillar-signin__email-fallback .pillar-signin__button { background: transparent; }
.pillar-signin__email-fallback .pillar-signin__button:hover { background: rgba(240, 235, 221, .08); }
.pillar-signin__connect-actions { display: flex; justify-content: center; margin-top: 16px; }
.pillar-signin__connect-actions .pillar-signin__button { text-decoration: none; }