.web-account{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:0;max-width:100%;font:500 13px/1.3 var(--ui,system-ui);color:inherit}
.web-account[hidden]{display:none}
.web-account-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext}
.web-account .web-account-action{display:inline-flex;align-items:center;justify-content:center;min-height:40px;max-width:100%;padding:8px 12px;border:1px solid var(--line,rgba(150,140,170,.25));border-radius:12px;background:var(--fill,transparent);color:inherit;text-decoration:none;font:inherit;text-align:center;cursor:pointer;overflow-wrap:anywhere}
.web-account-action:focus-visible{outline:2px solid var(--link,#9575ff);outline-offset:3px}
.web-account-action:disabled{opacity:.6;cursor:wait}
.web-account-error{flex-basis:100%;font-size:12px;color:var(--muted,#aaaec0)}
@media(max-width:560px){header:has(.web-account){flex-wrap:wrap}.web-account-name{max-width:100px}}

.web-account-logout-icon{display:none}
@media(max-width:560px){.web-account .web-account-logout{width:40px;padding:8px}.web-account-logout-label{display:none}.web-account-logout-icon{display:block;font-size:22px;line-height:1}}