/* Provider controls v0.0.5. Official art retains its original padding. */
.auth-provider-buttons{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
body.auth-template:not(.account-mode) .auth-provider-buttons #google-signin,
body.auth-template:not(.account-mode) .auth-provider-buttons #apple-signin{width:100%;height:var(--auth-login-button-height,72px);min-height:var(--auth-login-button-height,72px);max-height:none;margin:0;padding:0 12px;border-radius:8px}
body.auth-template:not(.account-mode) .auth-provider-buttons #google-signin{font:500 22px/1.3 system-ui;background:#fff;color:#172033;gap:10px}
body.auth-template:not(.account-mode) .auth-provider-buttons #google-signin .google-logo{flex:0 0 30px;width:30px;height:30px;background:none;padding:0}
body.auth-template:not(.account-mode) .auth-provider-buttons #google-signin .google-logo svg{width:30px;height:30px}
body.auth-template:not(.account-mode) .auth-provider-buttons #google-signin .auth-provider-label{display:inline}
body.auth-template:not(.account-mode) .auth-provider-buttons #apple-signin{display:flex;justify-content:center;align-items:center;background:#fff!important;font:500 22px/1.3 system-ui;color:#111!important}
body.auth-template:not(.account-mode) .auth-provider-buttons #apple-signin img{width:auto;height:52px;max-width:100%;object-fit:contain}
body.auth-template:not(.account-mode) .auth-provider-buttons #apple-signin picture{max-width:100%;overflow:hidden}
body.auth-provider-pending #auth-session-transition{position:fixed;inset:84px 0 0;z-index:1000;display:grid;place-items:center;background:#050505}
body.auth-provider-pending #auth-session-transition .auth-session-transition-dots{opacity:1;animation:none}
body.auth-provider-pending #auth-session-transition::after{content:attr(aria-label);position:absolute;top:calc(50% + 44px);font:500 16px/1.5 system-ui;color:#bbb3c7}
body.auth-provider-pending #signup-form{visibility:hidden}
.auth-provider-buttons:not(:has(>button:not([hidden]))){display:none}
.auth-provider-buttons picture{display:block;line-height:0}
.auth-provider-buttons .auth-provider-round-icon{display:none}
.auth-provider-buttons button:focus-visible{outline:3px solid #a987ff;outline-offset:4px}
.auth-provider-buttons button:disabled{opacity:.55;cursor:wait;transform:none}
.auth-provider-buttons button[aria-busy=true]{opacity:.7;cursor:progress}
@media(max-width:760px){
  body.auth-template:not(.account-mode) #auth-destination-field{justify-content:center;gap:0}
  body.auth-template:not(.account-mode) .auth-destination-label{display:none}
  body.auth-template:not(.account-mode) .auth-provider-buttons{--auth-provider-mobile-size:88px;display:flex;justify-content:center;align-items:center;gap:20px}
  body.auth-template:not(.account-mode) .auth-provider-buttons:not(:has(>button:not([hidden]))){display:none}
  body.auth-template:not(.account-mode) .auth-provider-buttons #google-signin,
  body.auth-template:not(.account-mode) .auth-provider-buttons #apple-signin{box-sizing:border-box;flex:0 0 var(--auth-provider-mobile-size);width:var(--auth-provider-mobile-size);min-width:var(--auth-provider-mobile-size);max-width:var(--auth-provider-mobile-size);height:var(--auth-provider-mobile-size);min-height:var(--auth-provider-mobile-size);max-height:var(--auth-provider-mobile-size);margin:0;padding:0!important;border:0!important;border-radius:50%;background:transparent!important}
  body.auth-template:not(.account-mode) .auth-provider-buttons #google-signin .google-logo,
  body.auth-template:not(.account-mode) .auth-provider-buttons .auth-provider-label{display:none!important}
  body.auth-template:not(.account-mode) .auth-provider-buttons #google-signin .auth-provider-round-icon{display:block;flex:0 0 var(--auth-provider-mobile-size);width:var(--auth-provider-mobile-size);height:var(--auth-provider-mobile-size);margin:0;object-fit:contain}
  body.auth-template:not(.account-mode) .auth-provider-buttons #apple-signin{overflow:hidden;background:#fff!important}
  body.auth-template:not(.account-mode) .auth-provider-buttons #apple-signin picture,
  body.auth-template:not(.account-mode) .auth-provider-buttons #apple-signin img{display:block;width:var(--auth-provider-mobile-size);height:var(--auth-provider-mobile-size);margin:0;object-fit:contain}
}