.level-bar{--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,Inter,sans-serif;position:relative;overflow:hidden}.level-bar--level-15{--lb-fill:#7b504959;--lb-bg:#bcd3d00a}.level-bar--level-30{--lb-fill:#794f2159;--lb-bg:#9a44080a}.level-bar--level-40{--lb-fill:#23a89359;--lb-bg:#6c7dff0a}.level-bar--level-50{--lb-fill:#367aba59;--lb-bg:#8d2de10a}.level-bar--level-60{--lb-fill:#c750c759;--lb-bg:#2de1c30a}.level-bar--level-61{--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__label{margin-right:6px;font-weight:700}.level-bar__exp,.level-bar__label{color:var(--lb-text);letter-spacing:.02px;white-space:nowrap;font-size:12px;line-height:16px}.level-bar__exp{font-weight:600}.level-bar__arrow{fill:var(--lb-fill);flex-shrink:0;width:11px;height:26px;display:block;position:absolute;left:100%}