.level-bar{--lb-text:#c1c8d7;--lb-fill:#798aac59;--lb-bg:#5757570a;background:linear-gradient(90deg,var(--lb-bg) 0,var(--lb-bg) 100%),#161921;border-radius:8px;width:100%;height:26px;font-family:Switzer,sans-serif;position:relative;overflow:hidden}.level-bar--level-15{--lb-text:#f6b097;--lb-fill:#7b504959;--lb-bg:#bcd3d00a}.level-bar--level-30{--lb-text:#dfc08b;--lb-fill:#794f2159;--lb-bg:#9a44080a}.level-bar--level-40{--lb-text:#4bb5ac;--lb-fill:#23a89359;--lb-bg:#6c7dff0a}.level-bar--level-50{--lb-text:#69a1f3;--lb-fill:#367aba59;--lb-bg:#8d2de10a}.level-bar--level-60{--lb-text:#f88ffe;--lb-fill:#c750c759;--lb-bg:#2de1c30a}.level-bar--level-61{--lb-text:#fa8356;--lb-fill:#d7333259;--lb-bg:#e1b72d0a}.level-bar__fill{background:var(--lb-fill);height:100%;position:absolute;top:0;left:0}.level-bar__percent{color:var(--lb-text);letter-spacing:.02px;text-align:right;white-space:nowrap;font-size:12px;font-weight:600;line-height:16px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.level-bar__progress{align-items:center;height:100%;display:flex;position:absolute;top:0;left:0}.level-bar__badge{flex-shrink:0;justify-content:center;align-items:center;padding:6px 8px;display:flex}.level-bar__exp{color:var(--lb-text);letter-spacing:.02px;white-space:nowrap;font-size:12px;font-weight:600;line-height:16px}.level-bar__arrow{fill:var(--lb-fill);flex-shrink:0;width:11px;height:26px;display:block;position:absolute;left:100%}.navigation-links-grid{gap:4px;margin:0;padding:0;list-style:none;display:grid}.navigation-links-grid__item{cursor:pointer;background-color:#202736;border-radius:6px;align-items:center;gap:8px;width:100%;padding:0 12px;transition:background-color .2s;display:flex;overflow:hidden}.navigation-links-grid--grid{grid-template-columns:1fr 1fr}.navigation-links-grid--grid .navigation-links-grid__item{cursor:pointer;height:44px}.navigation-links-grid--grid .navigation-links-grid__item:hover{background:#353a5a}.navigation-links-grid--grid .navigation-links-grid__item:hover .navigation-links-grid__item-icon,.navigation-links-grid--grid .navigation-links-grid__item:hover .navigation-links-grid__item-label{filter:brightness(1.2)}.navigation-links-grid--grid .navigation-links-grid__item.router-link-active .navigation-links-grid__item-icon{color:#b055ff}.navigation-links-grid--grid .navigation-links-grid__item.router-link-active .navigation-links-grid__item-label{color:#fff}.navigation-links-grid--list{grid-template-columns:1fr}.navigation-links-grid--list .navigation-links-grid__item{height:44px}.navigation-links-grid--list .navigation-links-grid__item:hover{background-color:#31bbff29}.navigation-links-grid--list .navigation-links-grid__item:hover .navigation-links-grid__item-icon,.navigation-links-grid--list .navigation-links-grid__item:hover .navigation-links-grid__item-label{color:#e6e9ef}.navigation-links-grid--list .navigation-links-grid__item.router-link-active{background-color:#31bbff29}.navigation-links-grid__item-icon{color:#9ba7bf;flex-shrink:0;width:20px;height:20px;transition:color .2s,filter .3s}.navigation-links-grid__item-label{color:#c1c8d7;letter-spacing:.02px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:12px;font-weight:700;line-height:16px;transition:color .2s,filter .3s;overflow:hidden}.navigation-bottom-bar-menu__banners{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.navigation-bottom-bar-menu__banners--single{grid-template-columns:1fr}