.user-level{background-color:#161921;border:1px solid #1b1f2b;border-radius:24px;width:550px;height:142px;padding:24px}.user-level .level-top{justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;display:flex}.user-level .level-top .G_Text:has(b.G_Text-content) .G_Text-content{font-size:20px;font-weight:700}.user-level .level-top .G_Text:has(span.G_Text-content) .G_Text-content{color:#8892a5;font-size:14px;font-weight:600;text-decoration:underline;transition:all .3s}.user-level .level-top button{cursor:pointer;align-items:center;display:flex}.user-level .level-top button .G_Icon{background-color:#8892a5;width:16px;min-width:16px;margin-left:8px;transition:all .3s}.user-level .level-top button:hover .G_Icon{background-color:#fff}.user-level .level-top button:hover .G_Text .G_Text-content{color:#fff}.user-level .level-bottom{align-items:center;display:flex}.user-level .level-bottom .level-box{margin-right:8px}.user-level .level-bottom .bottom-right{width:calc(100% - 78px)}.user-level .level-bottom .bottom-right-level{justify-content:space-between;width:100%;margin-bottom:12px;display:flex}.user-level .level-bottom .bottom-right-level .G_Text .G_Text-content{font-size:16px;font-weight:700}.user-level .level-bottom .bottom-right-bar{background-color:#101319;border-radius:8px;width:100%;height:26px;position:relative;overflow:hidden}.user-level .level-bottom .bottom-right-bar .bar-progress{clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);opacity:.25;height:100%}.user-level .level-bottom .bottom-right-bar .bar-info{justify-content:space-between;align-items:center;width:100%;height:100%;padding:6px 10px;display:flex;position:absolute;top:0;left:0}.user-level .level-bottom .bottom-right-bar .bar-info .G_Text .G_Text-content{font-size:12px;font-weight:600}@media only screen and (width<=1300px){.user-level .level-bottom{height:max-content}.user-level .level-bottom .level-top{display:none}}