.header-tools{position:relative}
.account-dropdown[hidden]{display:none!important}
.account-dropdown{position:absolute;right:0;top:calc(100% + 10px);z-index:90;width:128px;padding:4px;background:#fff;border:1px solid #eee;border-radius:2px;box-shadow:0 4px 14px #0002;color:#333;font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.account-dropdown button,.account-menu-status{display:flex;align-items:center;gap:9px;width:100%;min-height:32px;padding:6px 8px;white-space:nowrap;text-align:left}
.account-dropdown button{border:0;border-radius:0;background:#fff;box-shadow:none;color:#333;font-size:14px}
.account-dropdown button:hover,.account-dropdown button:focus-visible{background:#f5f5f5;color:#333}
.account-menu-status{color:#bfbfbf;border-bottom:1px solid #eee;margin-bottom:3px}
.account-dropdown svg{flex:0 0 12px}
body.newmagic .header-tools .quota{box-sizing:border-box;width:clamp(150px,14vw,220px);min-width:0;flex-shrink:0}
body.newmagic .header-tools .quota b{width:100%;min-width:0;max-width:100%;box-sizing:border-box;white-space:nowrap;overflow:hidden;font-variant-numeric:tabular-nums;line-height:1.1;font-style:normal}
@media(max-width:760px){body.newmagic .header-tools{min-width:0;flex:1;max-width:none;justify-content:flex-end}body.newmagic .header-tools .quota{width:clamp(100px,31vw,165px)}body.newmagic .header-tools #account{padding:0 2px;max-width:37px}body.newmagic #accountName{display:none}body.newmagic .header-tools .quota b{font-size:18px}body.newmagic .account-dropdown{right:0;top:calc(100% + 10px)}}