:root{--hub-auth-account-name-width: 10rem;--hub-auth-menu-width: 15rem;--hub-auth-menu-layer: 2100;--hub-auth-disabled-opacity: .65;--hub-auth-avatar-radius: 50%}.auth-page{min-height:100dvh;display:grid;place-items:center;padding:var(--hub-space-24px);background:var(--hub-surface);color:var(--hub-text-primary)}.auth-card{inline-size:100%;max-inline-size:var(--hub-size-32rem);padding:var(--hub-space-32px);background:var(--hub-card-background);border:var(--hub-stroke-1px) solid var(--hub-card-border);border-radius:var(--hub-card-radius);box-shadow:var(--hub-card-shadow);overflow-wrap:anywhere}.auth-logo{inline-size:var(--hub-logo-width);block-size:auto}.auth-card h1{font-size:var(--hub-page-title-size);line-height:var(--hub-page-title-line-height);margin-block:var(--hub-space-24px) var(--hub-space-12px)}.auth-card p{line-height:var(--hub-leading-1point-5)}.auth-account-id{color:var(--hub-color-text-secondary)}.auth-actions{display:flex;flex-wrap:wrap;gap:var(--hub-space-12px);margin-block-start:var(--hub-space-24px);align-items:center}.auth-primary,.auth-actions button{display:inline-flex;justify-content:center;align-items:center;min-block-size:var(--hub-size-44px);padding:var(--hub-space-9px) var(--hub-space-16px);border:var(--hub-stroke-1px) solid var(--hub-color-button-border);border-radius:var(--hub-radius-8px);background:var(--hub-header-background);color:var(--hub-color-white);font:inherit;text-decoration:none;cursor:pointer}.auth-actions .auth-secondary{background:var(--hub-card-background);color:var(--hub-text-primary)}.auth-actions button:disabled{cursor:wait;opacity:var(--hub-auth-disabled-opacity)}.hub-account{position:relative;min-inline-size:0}.hub-account summary{display:flex;align-items:center;gap:var(--hub-space-8px);cursor:pointer;min-block-size:var(--hub-size-44px);padding-inline:var(--hub-space-9px);border-radius:var(--hub-radius-6px)}.hub-account-name{max-inline-size:var(--hub-auth-account-name-width);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-account-avatar{display:grid;place-items:center;flex:none;inline-size:var(--hub-size-32px);block-size:var(--hub-size-32px);overflow:hidden;border-radius:var(--hub-auth-avatar-radius);background:var(--hub-color-avatar-background);color:var(--hub-color-avatar-text)}.hub-account-avatar img{inline-size:100%;block-size:100%;object-fit:cover}.hub-account summary::-webkit-details-marker{display:none}.account-menu{position:absolute;inset-inline-end:0;z-index:var(--hub-auth-menu-layer);inline-size:min(var(--hub-auth-menu-width),calc(100vw - var(--hub-space-48px)));padding:var(--hub-space-16px);border:var(--hub-stroke-1px) solid var(--hub-card-border);border-radius:var(--hub-radius-8px);color:var(--hub-text-primary);background:var(--hub-card-background);box-shadow:var(--hub-card-shadow);overflow-wrap:anywhere}.account-menu p{margin-block:0 var(--hub-space-12px)}.account-menu button{min-block-size:var(--hub-size-44px);inline-size:100%;border:var(--hub-stroke-1px) solid var(--hub-card-border);border-radius:var(--hub-radius-6px);background:var(--hub-card-background);color:var(--hub-text-primary);font:inherit;cursor:pointer}.hub-header .account-menu :focus-visible{outline-color:var(--hub-color-focus)}