.ranking-empty-component{flex-grow:1;display:flex}
.ranking-other-component{align-items:center;gap:10px;height:80px;padding-block:8px;display:flex}.ranking-other-component>.rank{color:#fff;font-variant-numeric:tabular-nums;padding-inline:5px;font-size:16px;font-weight:600}.ranking-other-component>.avatar{cursor:pointer}.ranking-other-component>.info{flex-direction:column;gap:6px;display:flex}.ranking-other-component>.info>.name{align-items:center;gap:4px;display:flex}.ranking-other-component>.info>.name>span{color:#fff;font-size:15px;font-weight:600}.ranking-other-component>.info>.name>img{flex-shrink:0;width:12px;height:12px}.ranking-other-component>.info>.category{color:#aeaeb2;font-size:12px;font-weight:400}
.ranking-top-component{gap:9px;margin-bottom:12px;display:flex}.ranking-top-component>.top-item{border-radius:10px;flex-direction:column;flex:1;align-items:center;padding:20px 6px 16px;display:flex;position:relative}.ranking-top-component>.top-item:first-of-type{background:linear-gradient(100deg,#d67c0133 50.21%,#f9efc333)}.ranking-top-component>.top-item:nth-of-type(2){background:linear-gradient(100deg,#5996be33 50.21%,#cbe7f833)}.ranking-top-component>.top-item:last-of-type{background:linear-gradient(100deg,#be745933 50.21%,#f8e1cb33)}.ranking-top-component>.top-item>.rank{z-index:1;height:21px;position:absolute;top:12px;left:5px}.ranking-top-component>.top-item>.avatar{cursor:pointer;width:100%}.ranking-top-component>.top-item>.name{align-items:center;gap:2px;margin-top:6px;display:flex}.ranking-top-component>.top-item>.name>span{color:#eff0f4;-webkit-line-clamp:1;white-space:pre-line;word-break:break-word;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:135%;display:-webkit-box;overflow:hidden}.ranking-top-component>.top-item>.name>img{flex-shrink:0;width:12px;height:12px}.ranking-top-component>.top-item>.category{color:#ffffff80;margin-top:3px;font-size:12px;font-weight:400;line-height:135%}