/* Account popover for the local signed-in prototype. */
#account-menu{position:fixed;z-index:50;width:336px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 96px);overflow-x:hidden;overflow-y:auto;transform-origin:top right}
#account-menu:not([hidden]){animation:account-arrive 160ms var(--motion-out,cubic-bezier(.22,.61,.36,1))}
.account-identity{display:flex;align-items:center;gap:12px;padding:12px 12px 16px;min-width:0}
.account-avatar{display:grid;place-items:center;width:40px;height:40px;flex:none;border:1px solid #ffffff24;border-radius:50%;background:#ffffff06}
.account-avatar img{display:block;width:24px;height:24px}
.account-avatar.has-photo{overflow:hidden}.account-avatar.has-photo img{width:100%;height:100%;object-fit:cover;border-radius:50%}
#auth-trigger.account-has-photo{--header-avatar-size:20px}
#auth-trigger.account-has-photo>img{display:block;flex:0 0 var(--header-avatar-size);width:var(--header-avatar-size);height:var(--header-avatar-size);min-width:var(--header-avatar-size);max-width:var(--header-avatar-size);min-height:var(--header-avatar-size);max-height:var(--header-avatar-size);filter:none;opacity:1;object-fit:cover;object-position:center;border-radius:50%}
.account-identity-copy{flex:1;min-width:0}.account-identifier{display:block;color:#fff;font:500 16px/23px 'DM Sans',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.account-method{display:block;margin-top:3px;color:#ffffff80;font:400 12px/18px 'DM Sans',sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:root body #account-menu .account-copy{display:grid;place-items:center;flex:none;width:34px;height:34px;min-width:34px;padding:8px;border:1px solid transparent;border-radius:50%;color:#ffffff99;background:transparent}
#account-menu .account-copy:hover{color:#fff;background:#ffffff0d;border-color:#ffffff24}
.account-copy svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
.account-copy.is-copied{color:#8ee4b8!important}
.account-funds{padding:0 12px 18px}.account-balance-label{color:#ffffff80;font:400 12px/18px 'DM Sans',sans-serif}
.account-balance{display:block;margin-top:4px;font:600 28px/36px 'DM Sans',sans-serif;letter-spacing:-.4px;font-variant-numeric:tabular-nums}
.account-funding-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
#account-menu .account-fund-button,#account-menu .account-signout{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;padding:10px 14px;border:1px solid #ffffff30;border-radius:8px;background:#ffffff04;color:#fff;font:600 14px/22px 'DM Sans',sans-serif;text-decoration:none;text-align:center}
#account-menu .account-fund-button.flipdex-primary{background:#fff;color:#252340;border-color:#ffffffcc}
#account-menu .account-fund-button:not(.flipdex-primary):hover,#account-menu .account-signout:hover{background:#ffffff0d;border-color:#ffffff5c}
.account-menu-nav{display:flex;flex-direction:column;align-items:stretch;gap:2px;width:auto;height:auto;max-width:none;margin:0;padding:8px 0;border-top:1px solid #ffffff1c;border-bottom:1px solid #ffffff1c}
#account-menu .account-menu-row{display:flex;align-items:center;gap:12px;text-decoration:none}

.account-menu-icon{display:block;flex:none;width:20px;height:20px;color:#ffffff99;background:currentColor;mask:var(--account-icon) center/contain no-repeat;-webkit-mask:var(--account-icon) center/contain no-repeat}
.account-menu-row:hover .account-menu-icon{color:#fff}
.account-menu-count{margin-left:auto;min-width:22px;padding:0 5px;border-radius:6px;background:#ffffff08;color:#ffffff80;text-align:center;font:400 12px/21px 'DM Sans',sans-serif;font-variant-numeric:tabular-nums}
.account-menu-arrow{margin-left:auto;display:block;width:14px;height:14px;fill:none;stroke:#ffffff66;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.account-menu-footer{padding:12px}
.account-signout svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.account-feedback{margin:0;padding:0 12px 12px;color:#8ee4b8;font:400 12px/18px 'DM Sans',sans-serif;overflow-wrap:anywhere}
.account-feedback:empty{display:none}
#auth-trigger.account-trigger>span{min-width:0;max-width:138px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#auth-trigger.account-trigger .account-trigger-chevron{display:block;flex:none;width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.7;transition:transform var(--motion-normal,220ms) var(--motion-out,cubic-bezier(.22,.61,.36,1))}
#auth-trigger[aria-expanded=true] .account-trigger-chevron{transform:rotate(180deg)}
:root body #account-menu :is(button,a):not(:disabled):not([aria-disabled=true]){--control-scale:1;transform:scale(var(--control-scale));transform-origin:center;transition:transform var(--motion-normal,220ms) var(--motion-out,cubic-bezier(.22,.61,.36,1)),color var(--motion-fast,160ms),border-color var(--motion-fast,160ms),background-color var(--motion-fast,160ms)}
@media(hover:hover) and (pointer:fine){:root body #account-menu :is(button,a):not(:disabled):not([aria-disabled=true]):hover{--control-scale:1.01}}
:root body #account-menu :is(button,a):not(:disabled):not([aria-disabled=true]):active{--control-scale:.995;transition-duration:90ms}
@keyframes account-arrive{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){#auth-trigger.account-has-photo{--header-avatar-size:16px}#account-menu{width:336px;max-width:calc(100vw - 24px)}#auth-trigger.account-trigger>span{display:none}#auth-trigger.account-trigger>img{display:block;flex:none;width:16px;height:16px}:root body #auth-trigger.account-trigger{min-width:44px;min-height:40px;padding:10px;gap:7px}}
@media(prefers-reduced-motion:reduce){#account-menu:not([hidden]){animation:none}#auth-trigger.account-trigger .account-trigger-chevron{transition:none}:root body #account-menu :is(button,a):not(:disabled):not([aria-disabled=true]){--control-scale:1!important;transition:none!important}}