/* Same-origin Hub entry: keep the header still, reveal only the workspace. */
@media(prefers-reduced-motion:no-preference){
 html.utility-arriving.auth-pending .auth-skeleton-main{animation:utility-loading-in 180ms ease-out both}
 html.utility-revealing #appSidebar{animation:utility-sidebar-in 280ms cubic-bezier(.22,1,.36,1) both}
 html.utility-revealing #app main>.page{animation:utility-page-in 300ms cubic-bezier(.22,1,.36,1) both}
 html.utility-revealing #app main>header{animation:utility-header-in 180ms ease-out both}
 @keyframes utility-loading-in{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}
 @keyframes utility-sidebar-in{from{opacity:0;translate:-8px 0}to{opacity:1;translate:0 0}}
 @keyframes utility-page-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
 @keyframes utility-header-in{from{opacity:.6}to{opacity:1}}
}
@media screen and (min-width:901px){html.utility-arriving .auth-skeleton-bar{height:48px}}