.level-bar{--lb-text:#c1c8d7;--lb-fill:rgba(121,138,172,.35);--lb-bg:rgba(87,87,87,.04);background:linear-gradient(90deg,var(--lb-bg) 0,var(--lb-bg) 100%),#161921;border-radius:8px;font-family:Switzer,sans-serif;height:26px;overflow:hidden;position:relative;width:100%}.level-bar--level-15{--lb-text:#f6b097;--lb-fill:rgba(123,80,73,.35);--lb-bg:rgba(188,211,208,.04)}.level-bar--level-30{--lb-text:#dfc08b;--lb-fill:rgba(121,79,33,.35);--lb-bg:rgba(154,68,8,.04)}.level-bar--level-40{--lb-text:#4bb5ac;--lb-fill:rgba(35,168,147,.35);--lb-bg:rgba(108,125,255,.04)}.level-bar--level-50{--lb-text:#69a1f3;--lb-fill:rgba(54,122,186,.35);--lb-bg:rgba(141,45,225,.04)}.level-bar--level-60{--lb-text:#f88ffe;--lb-fill:rgba(199,80,199,.35);--lb-bg:rgba(45,225,195,.04)}.level-bar--level-61{--lb-text:#fa8356;--lb-fill:rgba(215,51,50,.35);--lb-bg:rgba(225,183,45,.04)}.level-bar__fill{background:var(--lb-fill);height:100%;left:0;position:absolute;top:0}.level-bar__percent{color:var(--lb-text);font-size:12px;font-weight:600;letter-spacing:.02px;line-height:16px;position:absolute;right:12px;text-align:right;top:50%;transform:translateY(-50%);white-space:nowrap}.level-bar__progress{align-items:center;display:flex;height:100%;left:0;position:absolute;top:0}.level-bar__badge{align-items:center;display:flex;flex-shrink:0;justify-content:center;padding:6px 8px}.level-bar__exp{color:var(--lb-text);font-size:12px;font-weight:600;letter-spacing:.02px;line-height:16px;white-space:nowrap}.level-bar__arrow{display:block;fill:var(--lb-fill);flex-shrink:0;height:26px;left:100%;position:absolute;width:11px}.navigation-links-grid{display:grid;gap:4px;list-style:none;margin:0;padding:0}.navigation-links-grid__item{align-items:center;background-color:#202736;border-radius:6px;cursor:pointer;display:flex;gap:8px;overflow:hidden;padding:0 12px;transition:background-color .2s;width:100%}.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;height:20px;transition:color .2s,filter .3s;width:20px}.navigation-links-grid__item-label{color:#c1c8d7;font-size:12px;font-weight:700;letter-spacing:.02px;line-height:16px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;transition:color .2s,filter .3s;white-space:nowrap}.navigation-bottom-bar-menu__banners{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:8px}.navigation-bottom-bar-menu__banners--single{grid-template-columns:1fr}