.account-signin{gap:.5rem}.account-menu{flex:none;display:none;position:relative}@media (min-width:40rem){.account-menu{display:block}}.account-placeholder{border:1px solid var(--color-border);background:#ffffff0a;border-radius:9999px;flex:none;width:40px;height:40px;display:none}@media (min-width:40rem){.account-placeholder{display:block}}.account-placeholder-signin{visibility:hidden;pointer-events:none}.account-avatar-button{border:1px solid var(--color-border);cursor:pointer;width:40px;height:40px;transition:border-color .2s var(--ease-tint);background:#ffffff0a;border-radius:9999px;place-items:center;display:grid}.account-avatar-button:hover,.account-avatar-button[aria-expanded=true]{border-color:var(--color-border-interactive)}.account-avatar{background:var(--color-surface-lift);width:32px;height:32px;color:var(--color-text);object-fit:cover;border-radius:9999px;place-items:center;font-size:.875rem;font-weight:600;display:grid}.account-panel{z-index:60;border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;flex-direction:column;min-width:13rem;padding:.375rem;display:flex;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 16px 40px #0009}.account-panel-name{color:var(--color-faint);text-overflow:ellipsis;white-space:nowrap;padding:.5rem .75rem .375rem;font-size:.75rem;overflow:hidden}.account-panel-link,.account-panel button{width:100%;min-height:2.5rem;color:var(--color-muted);text-align:left;cursor:pointer;transition:color .2s var(--ease-tint), background-color .2s var(--ease-tint);border-radius:10px;align-items:center;padding:0 .75rem;font-size:.875rem;display:flex}.account-panel-link:hover,.account-panel button:hover{color:var(--color-text);background-color:#ffffff0d}.account-panel-divider{background:var(--color-border);height:1px;margin:.375rem .5rem}