/* Reserve the account slot while the server determines the session. */
.steel-auth-status{display:none;align-items:center;gap:8px;min-height:44px;font-size:.875rem;color:#d0cbd9}
html:is([data-auth-state="pending"],[data-auth-state="unavailable"]) .header-actions{min-width:240px}
html:is([data-auth-state="pending"],[data-auth-state="unavailable"]) .steel-auth-status{display:flex}
html:is([data-auth-state="pending"],[data-auth-state="unavailable"]) .header-actions :is(.desktop-auth,#userChip,[data-main-cta],[data-action="register"]){display:none!important}
html:is([data-auth-state="pending"],[data-auth-state="unavailable"]) [data-main-cta]{visibility:hidden;pointer-events:none}
.steel-auth-loading-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
html[data-auth-state="pending"] .steel-auth-status{gap:10px;width:240px}
html[data-auth-state="pending"] .steel-auth-status::before,html[data-auth-state="pending"] .steel-auth-status::after{content:'';display:block;height:42px;border:1px solid #ffffff0d;border-radius:10px;background:#ffffff06;box-sizing:border-box}
html[data-auth-state="pending"] .steel-auth-status::before{width:126px;flex:1}
html[data-auth-state="pending"] .steel-auth-status::after{width:104px;flex-shrink:0}
@media(max-width:760px){
 html:is([data-auth-state="pending"],[data-auth-state="unavailable"]) .header-actions{min-width:0;max-width:calc(100vw - 220px)}
 .steel-auth-status{font-size:.75rem;flex-wrap:wrap;justify-content:flex-end;text-align:right}
 .steel-auth-status .btn{min-height:44px}
 html[data-auth-state="pending"] .steel-auth-status{width:130px;max-width:100%;flex-wrap:nowrap;gap:8px}
 html[data-auth-state="pending"] .steel-auth-status::before{width:78px}
 html[data-auth-state="pending"] .steel-auth-status::after{width:44px}
}