/* Same blue Battle.net identity and compact dark-blue enclosure as .warband-account. */
.gn-product-account{position:relative;min-width:0;max-width:230px;font:13px/1.5 var(--gb-font-ui,Verdana,Tahoma,sans-serif)}
.gn-product-account .gn-account-trigger,.gn-product-account>a{display:flex;align-items:center;gap:8px;min-height:44px;width:100%;max-width:100%;padding:5px 9px;border:1px solid #2479b244;border-radius:0;background:#0b1523c9;box-shadow:inset 0 1px #75baff0c;color:#55b6ff;font:inherit;text-decoration:none;cursor:pointer}
.gn-product-account .gn-account-icon{display:block;width:25px;height:25px;object-fit:contain;flex:none;filter:drop-shadow(0 0 5px #148eff33)}
.gn-product-account .gn-account-name{display:block;min-width:0;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;color:#55b6ff;font-size:13px;font-weight:650}
.gn-product-account .gn-account-chevron{display:flex;align-items:center;justify-content:center;flex:none;width:24px;height:30px;margin-left:auto;color:#85b8df;line-height:0}
.gn-product-account .gn-account-chevron svg{display:block;flex:none;width:14px;height:14px;transform-origin:center}
.gn-product-account .gn-account-trigger[aria-expanded=true] .gn-account-chevron svg{transform:rotate(180deg)}
.gn-product-account .gn-account-trigger:hover,.gn-product-account>a:hover{border-color:#37688c;background:#11243a}.gn-product-account .gn-account-trigger:hover .gn-account-chevron{color:#d1edff}
.gn-product-account button:focus-visible,.gn-product-account a:focus-visible{outline:2px solid #85c9ff;outline-offset:3px}
.gn-product-account .gn-account-menu{position:absolute;top:calc(100% + 9px);right:0;z-index:80;box-sizing:border-box;width:min(280px,calc(100vw - 32px));padding:6px;border:1px solid #37688c;border-radius:0;background:#0e1825;color:#d7e7f4;box-shadow:0 10px 30px #0009}
.gn-account-menu[hidden]{display:none}.gn-account-menu>*{display:block;overflow-wrap:anywhere}.gn-account-menu strong{padding:10px 12px 0;font-size:14px;color:#55b6ff}.gn-account-menu small{color:#86a6c3;font-size:12px;margin:3px 12px 10px}
.gn-account-menu a,.gn-account-menu button{box-sizing:border-box;width:100%;min-height:44px;margin:0;padding:12px;text-align:left;font:inherit;background:none;color:#b3d7f2;border:0;border-radius:0;text-decoration:none;cursor:pointer;line-height:1.4}
.gn-account-menu a:hover,.gn-account-menu button:hover{color:#eefaff;background:#248ddb20}.gn-account-menu p{font-size:13px;margin:8px 12px}.gn-account-menu p:empty{display:none}.gn-account-menu [role=status]{color:#ffd0c7}.gn-product-account button:disabled{opacity:.65;cursor:wait}
@media(max-width:720px){.gn-product-account{max-width:min(180px,100%)}.gn-product-account .gn-account-name{max-width:96px;font-size:12px}.gn-product-account .gn-account-trigger,.gn-product-account>a{gap:6px;padding-inline:7px}.gn-product-account .gn-account-chevron{width:20px}.gn-product-account .gn-account-menu{left:0;right:auto;width:min(280px,calc(100vw - 32px))}}