.acct{--acct-size:38px;--acct-panel:var(--panel,#fff);--acct-panel-2:var(--panel-2,#f7f8fa);--acct-ink:var(--ink,#16202e);--acct-ink-2:var(--ink-2,#45536a);--acct-ink-3:var(--ink-3,#5e6e85);--acct-line:var(--line,#e4e8ee);--acct-acc-ink:var(--acc-ink,var(--acc,#175fb0));--acct-acc-soft:var(--acc-soft,#eff5ff);--acct-acc-line:var(--acc-line,var(--line-2,#c8d3e2));--acct-focus:var(--focus,var(--acc-press,var(--acc,#14559c)));flex:none;display:inline-flex;position:relative}.acct.sm{--acct-size:28px}.acct .acctBtn{width:var(--acct-size);height:var(--acct-size);border:1px solid var(--acct-line);background:var(--acct-panel-2);color:var(--acct-ink-2);font:inherit;font-size:calc(var(--acct-size) * .4);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;font-weight:600;line-height:1;display:grid}.acct .acctBtn:hover,.acct .acctBtn[aria-expanded=true]{background:var(--acct-acc-soft);color:var(--acct-acc-ink);border-color:var(--acct-acc-line)}.acct .acctBtn:focus-visible,.acct .acctItem:focus-visible,.acct.acctSignin:focus-visible{outline:2px solid var(--acct-focus);outline-offset:2px}.acct.acctSignin{height:var(--acct-size);border:1px solid var(--acct-line);background:var(--acct-panel-2);color:var(--acct-ink-2);white-space:nowrap;border-radius:99px;align-items:center;padding:0 12px;font-size:14px;font-weight:600;text-decoration:none}.acct.acctSignin:hover{background:var(--acct-acc-soft);color:var(--acct-acc-ink);border-color:var(--acct-acc-line)}.acct.sm.acctSignin{padding:0 10px;font-size:12px}.acct .acctMenu{z-index:30;overscroll-behavior:contain;background:var(--acct-panel);border:1px solid var(--acct-line);border-radius:12px;width:max-content;min-width:14.5rem;max-width:min(19rem,100vw - 24px);max-height:calc(100dvh - 5rem);padding:6px;animation:90ms ease-out acctIn;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 1px 2px #16202e0f,0 14px 30px -16px #16202e57}@keyframes acctIn{0%{opacity:0;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.acct .acctMenu{animation:none}}.acct .acctWho{align-items:center;gap:10px;padding:8px 10px 10px;display:flex}.acct .acctAv{background:var(--acct-acc-soft);width:34px;height:34px;color:var(--acct-acc-ink);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:600;line-height:1;display:grid}.acct .acctWhoText{min-width:0;display:grid}.acct .acctHandle{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);color:var(--acct-ink);overflow-wrap:anywhere;font-size:13px;font-weight:500;line-height:1.35}.acct .acctRole{color:var(--acct-ink-3);font-size:12px;line-height:1.35}.acct .acctItem{width:100%;min-height:44px;color:var(--acct-ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;margin:0;padding:9px 10px;font-size:14px;font-weight:600;line-height:1.35;text-decoration:none;display:flex}.acct.sm .acctItem{min-height:34px;font-size:13px}.acct .acctItem:hover{background:var(--acct-panel-2)}.acct .acctMenu form{margin:0}.acct .acctOut{color:var(--acct-ink-2);font-weight:500}.acct .acctChip{border-radius:50%;flex:none;width:18px;height:18px;box-shadow:inset 0 0 0 1px #00000014}.acct .acctSep{background:var(--acct-line);border:0;height:1px;margin:6px 0}.acct .acctLabel{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--acct-ink-3);margin:0;padding:4px 10px 2px;font-size:12px;font-weight:500}.acct .acctHint{color:var(--acct-ink-3);margin:0;padding:2px 10px 6px;font-size:12px;line-height:1.4}.acct .acctSr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
