.account{flex:none;display:inline-flex;position:relative}.account-avatar{min-width:var(--a-hit);min-height:var(--a-hit);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:flex-end;align-items:center;padding:0;display:inline-flex}.account-letter{border:1px solid var(--a-rule);width:32px;height:32px;color:var(--a-muted);font:500 16px / 1 var(--a-mono);letter-spacing:0;text-transform:uppercase;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.account-avatar:hover .account-letter,.account-avatar[aria-expanded=true] .account-letter{border-color:var(--a-muted);color:var(--a-text)}.account-pop{top:calc(100% + var(--a-drop,11px));z-index:60;background:var(--a-raised);border:1px solid var(--a-rule);width:max-content;min-width:240px;max-width:min(320px,100vw - 20px);box-shadow:0 10px 28px color-mix(in srgb, var(--color-ground) 50%, transparent);font:16px / 1.45 var(--a-mono);letter-spacing:.08em;text-align:left;border-radius:3px;position:absolute;right:0}.account-head{border-bottom:1px solid var(--a-rule);padding:12px 14px 10px}.account-email{text-overflow:ellipsis;white-space:nowrap;color:var(--a-text);letter-spacing:.02em;text-transform:none;margin:0;font-size:16px;overflow:hidden}.account-access{color:var(--a-muted);text-transform:uppercase;align-items:center;gap:8px;margin:6px 0 0;display:flex}.account-access.is-live{color:var(--a-amber)}.account-dot{background:var(--a-amber);border-radius:50%;flex:none;width:6px;height:6px}.account-items{padding:4px 0}.account-form{margin:0;display:block}.account .account-pop .account-item{width:100%;min-height:36px;color:var(--a-body);font:inherit;letter-spacing:inherit;text-align:left;text-transform:uppercase;white-space:nowrap;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:0 14px;text-decoration:none;display:flex}.account .account-pop .account-item:hover,.account .account-pop .account-item:focus-visible{background:var(--a-rule);color:var(--a-text)}.account .account-pop .account-item:focus-visible{box-shadow:inset 2px 0 0 var(--a-amber);outline:none}.account .account-pop .account-item.is-buy{color:var(--a-amber);border-bottom:1px solid var(--a-rule);margin-bottom:4px}.account .account-pop .account-item.is-out{border-top:1px solid var(--a-rule);margin-top:4px}.account-aside{color:var(--a-muted)}nav[aria-label=Site]:has(.account){margin-left:auto}
