.user-level{background-color:#161921;border:1px solid #1b1f2b;border-radius:24px;height:142px;padding:24px;width:550px}.user-level .level-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;width:100%}.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:.3s}.user-level .level-top button{align-items:center;cursor:pointer;display:flex}.user-level .level-top button .G_Icon{background-color:#8892a5;margin-left:8px;min-width:16px;transition:.3s;width:16px}.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{display:flex;justify-content:space-between;margin-bottom:12px;width:100%}.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;height:26px;overflow:hidden;position:relative;width:100%}.user-level .level-bottom .bottom-right-bar .bar-progress{clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);height:100%;opacity:.25}.user-level .level-bottom .bottom-right-bar .bar-info{align-items:center;display:flex;height:100%;justify-content:space-between;left:0;padding:6px 10px;position:absolute;top:0;width:100%}.user-level .level-bottom .bottom-right-bar .bar-info .G_Text .G_Text-content{font-size:12px;font-weight:600}@media only screen and (max-width:1300px){.user-level .level-bottom{height:-moz-max-content;height:max-content}.user-level .level-bottom .level-top{display:none}}