14 lines
1.5 KiB
CSS
14 lines
1.5 KiB
CSS
#root .balance-menu{position:relative;flex-shrink:0}
|
|
#root .balance-trigger{display:flex;align-items:center;gap:7px;min-height:36px;margin:0;padding:7px 10px;border:1px solid #b9cde1;border-radius:8px;background:#edf5ff;color:#174777;font-size:13px;white-space:nowrap}
|
|
#root .balance-trigger strong{font-variant-numeric:tabular-nums;max-width:135px;overflow:hidden;text-overflow:ellipsis}
|
|
#root .balance-trigger:hover,#root .balance-trigger[aria-expanded=true]{background:#dfedfd;border-color:#2868a8}
|
|
#root .balance-trigger:focus-visible{outline:2px solid #2868a8;outline-offset:3px}
|
|
#root .balance-panel{position:absolute;right:0;top:calc(100% + 10px);width:320px;max-width:calc(100vw - 32px);z-index:100;padding:20px;background:#fff;border:1px solid #cdd9e5;border-radius:12px;box-shadow:0 12px 36px #233b5624;color:#263748}
|
|
#root .balance-panel>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
|
|
#root .balance-panel .mini{display:flex;align-items:center;gap:5px;margin:0}
|
|
#root .balance-panel p{margin:12px 0 0;font-size:13px;line-height:1.7}
|
|
#root .balance-panel .balance-amount{font-size:28px;font-weight:650;color:#174777;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
|
|
#root .balance-panel .balance-amount small{font-size:13px;font-weight:400}
|
|
#root .balance-help{color:#607082}
|
|
@media(max-width:600px){#root .balance-trigger{gap:4px;padding:7px;font-size:12px}#root .balance-unit{display:none}#root .balance-trigger strong{max-width:95px}#root .topbar .environment-badge{display:none}}
|