/* Option 4: a quiet icon toolbar with account and cart at the right edge. */
:root{--topbar-height:82px}
.topbar{position:relative;z-index:40;flex-wrap:nowrap;gap:24px;padding:0 26px;align-content:normal}
.topbar .header-right{display:flex;flex-basis:auto;align-items:center;justify-content:flex-end;gap:15px;margin-left:auto}
.topbar .header-secondary-actions{display:flex;align-items:center;gap:15px}
.topbar .header-icon,.topbar #saveAccountDesignButton{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:44px;min-height:48px;margin:0;padding:5px 3px;border:0;border-radius:5px;background:transparent;color:#e8edf4;text-decoration:none;font:500 11px/1.2 var(--font-sans);white-space:nowrap;cursor:pointer}
.topbar .header-icon svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.topbar .header-icon span{display:block}
.topbar .header-icon:hover:not(:disabled),.topbar .header-icon[aria-expanded="true"],.topbar .header-more[open]>summary{background:#1a2029;color:#fff}
.topbar .header-icon:focus-visible{outline:2px solid #95bbff;outline-offset:3px}
.topbar .header-icon:disabled{opacity:.4;cursor:not-allowed}
.topbar .header-icon[hidden]{display:none!important}
.topbar .header-nav-divider{height:28px;width:1px;background:#303844;margin:0 3px}
.topbar .header-cart-symbol{position:relative}
.topbar .header-cart-count{position:absolute;right:-8px;top:-6px;display:flex!important;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;border-radius:12px;background:#f71940;color:#fff;font:600 10px/1 var(--font-sans)}
.topbar .header-more{position:relative}
.topbar .header-more>summary{list-style:none}
.topbar .header-more>summary::-webkit-details-marker{display:none}
.topbar .header-more-menu{position:absolute;top:calc(100% + 12px);right:0;width:218px;padding:8px;border:1px solid #343d49;border-radius:10px;background:#171d25;box-shadow:0 16px 40px #0007}
.topbar .header-more-menu .header-icon{flex-direction:row;justify-content:flex-start;gap:12px;width:100%;min-height:44px;padding:10px;font-size:13px}
.topbar .header-more-menu .header-icon svg{width:19px;height:19px}
.topbar .header-more-menu .build-version{display:block!important;margin:7px 0 0;padding:12px 10px 6px!important;border:0!important;border-top:1px solid #343d49!important;border-radius:0!important;background:none!important;color:#a7b5c9;font:400 11px/1.4 var(--font-sans)!important;letter-spacing:0}
@media(max-width:900px){.topbar .brand-logo{height:42px}.topbar{position:sticky;top:0;padding:0 18px;gap:14px}.topbar .header-right,.topbar .header-secondary-actions{gap:9px}.topbar .install-app-button:not([hidden]){display:inline-flex!important}}
@media(max-width:520px){:root{--topbar-height:120px}.topbar{flex-wrap:wrap;align-content:center;gap:6px;padding:8px 14px}.topbar .brand-logo{height:38px;max-width:190px}.topbar .header-right{flex-basis:100%;gap:13px}.topbar .header-more-menu{top:calc(100% + 8px)}}
@media(display-mode:standalone){.topbar .install-app-button{display:none!important}}