.account-slot{display:flex;gap:16px;align-items:center}.wallet-control,.profile-control{display:flex;gap:7px;align-items:center;padding:7px 10px;border:0;background:transparent;font:12px 'Segoe UI',sans-serif;cursor:pointer}.wallet-control{border-radius:30px;background:#f0f4f8;border:1px solid #e1e8f0;padding-right:15px}.pex-icon{width:24px;height:24px;object-fit:contain;flex:none}.wallet-control b{font-size:15px;color:#18365b}.wallet-control>span{color:#6e8196}.profile-control{gap:9px;padding:3px}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#e8edf4;color:#315c88;font-weight:650;font-size:13px;flex-shrink:0}.avatar.large{width:52px;height:52px;font-size:20px}.account-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron{color:#8e9aaa}dialog.account-dialog{width:calc(100% - 32px);max-width:500px;max-height:90dvh;overflow:auto;border:1px solid #e0e7ef;border-radius:15px;padding:30px;color:#24354c;background:white;font:14px 'Segoe UI',sans-serif;box-shadow:0 20px 80px #18365b22}dialog.account-dialog::backdrop{background:#142b4555}.account-dialog button,.account-dialog input{font:inherit;color:inherit;border:1px solid #dce4ef;border-radius:8px;background:white;padding:11px 16px}.account-dialog button{cursor:pointer}.account-dialog button.primary{background:#315c88;color:white;border-color:#315c88}.account-dialog .full{width:100%}.account-dialog p{line-height:1.7}.account-dialog .dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:22px}.account-dialog h2{font:27px/1.2 Georgia,serif;color:#18365b;margin:0}.account-dialog .eyebrow{font-size:9px;color:#6985a3;letter-spacing:2px;margin:0 0 12px}.account-dialog .dialog-heading>button{padding:0 5px;font-size:23px;border:0;background:transparent;color:#8d99a9}.account-dialog .google-profile{display:flex;gap:15px;align-items:center;padding:20px 0;border-top:1px solid #e0e7ef;border-bottom:1px solid #e0e7ef;margin-bottom:15px}.account-dialog .google-profile b{font-size:14px}.account-dialog .google-profile p{font-size:12px;color:#7b8c9f;margin:5px 0 0}.account-dialog .footnote{font-size:11px;color:#8795a6;line-height:1.7}.account-dialog form{margin-top:26px}.account-dialog label{font-size:12px;display:grid;gap:8px}.account-dialog input{width:100%}.account-dialog form button{margin-top:10px}.account-dialog .wallet-balance{display:flex;align-items:center;gap:20px;background:#f3f6fa;padding:22px;border-radius:14px;margin-bottom:22px}.account-dialog .wallet-balance>img{width:90px;height:90px;object-fit:contain}.account-dialog .wallet-balance small{display:block;font-size:11px;color:#8393a6}.account-dialog .wallet-balance strong{font-size:39px;color:#18365b;font-weight:600;display:block;margin-top:4px}.account-dialog .wallet-balance strong span{font-size:15px;color:#7890ab}.account-dialog .rate-row{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:12px;padding:13px 0;border-bottom:1px solid #e0e7ef}.account-dialog .rate-row b{color:#315c88}.account-dialog .topup-card{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #cddbea;border-radius:12px;padding:20px;margin:22px 0 15px}.account-dialog .topup-card small{font-size:8px;letter-spacing:1.5px;color:#7890a9}.account-dialog .topup-card h3{font-size:27px;color:#18365b;letter-spacing:-.5px;margin:6px 0}.account-dialog .topup-card p{font-size:10px;color:#8190a1;margin:0}.account-dialog .topup-card>b{font-size:21px;color:#18365b;white-space:nowrap}
@media(max-width:720px){.account-slot{gap:6px}.account-name,.chevron{display:none}.avatar{width:30px;height:30px}.wallet-control{padding:5px 8px;gap:4px}.wallet-control .pex-icon{width:21px;height:21px}.wallet-control b{font-size:13px}.wallet-control>span{font-size:10px}dialog.account-dialog{padding:24px}.account-dialog .topup-card{padding:17px;gap:14px}.account-dialog .topup-card>b{font-size:19px}}