/* Browser sign-in bootstrap and React transition share these exact dimensions. */
.browser-signin-transition{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:#f1f5f9;box-sizing:border-box}
.browser-signin-transition *{box-sizing:border-box}
.browser-signin-transition .signin-card{display:flex;align-items:center;flex-direction:column;gap:32px;width:300px;max-width:100%}
.browser-signin-transition img{display:block;width:300px;max-width:100%;height:auto}
.browser-signin-transition .sign-in-spinner{display:block;width:28px;height:28px;border:3px solid #dce5ec;border-top-color:#2c8c95;border-radius:50%;animation:sign-in-spin .9s linear infinite}
@keyframes sign-in-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.browser-signin-transition .sign-in-spinner{animation:none}}