.rank-container[data-v-6371ef56]{flex:1;background:#1f1e1e;border-radius:8px;padding:15px;margin-left:20px;width:300px;min-width:300px}.rank-container .title-block[data-v-6371ef56]{margin-bottom:15px;text-align:center;display:flex;justify-content:center}.rank-container .title-block .icon-left[data-v-6371ef56]:hover,.rank-container .title-block .icon-left[data-v-6371ef56]:active{content:url(/assets/activity/icon/icon-left-orange.png)}.rank-container .title-block .icon-right[data-v-6371ef56]:hover,.rank-container .title-block .icon-right[data-v-6371ef56]:active{content:url(/assets/activity/icon/icon-right-orange.png)}.rank-container .title-block .activity[data-v-6371ef56],.rank-container .title-block .total[data-v-6371ef56]{display:flex;align-items:center;justify-content:center;font-size:10px;text-shadow:0px 4px 4px rgba(0,0,0,.8509803922)}.rank-container .title-block .title[data-v-6371ef56]{font-size:26px;font-weight:700;text-shadow:0px 4px 4px rgba(0,0,0,.8509803922)}.rank-container .filter[data-v-6371ef56]{display:flex;align-items:center;margin-bottom:20px;justify-content:space-between}.rank-container .filter .block[data-v-6371ef56]{background:#454545;border:1px solid #454545;border-radius:8px;width:80px;padding:10px 0;text-align:center;font-weight:700;cursor:pointer;font-size:14px}.rank-container .filter .block[data-v-6371ef56]:nth-child(2){margin:0 10px}.rank-container .filter .active[data-v-6371ef56]{background:#f39800;border:1px solid #ffffff;color:#000}.rank-container .commit[data-v-6371ef56]{width:100%;border:1px solid #fff;padding:10px;text-align:start;font-size:12px;border-radius:8px}.rank-container .end-date[data-v-6371ef56]{color:#f29600;background-color:#353434;border-radius:100px;margin:20px 0;font-weight:700;text-align:center;padding:3px 0}.rank-container .content[data-v-6371ef56]{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%}.rank-container .content .item[data-v-6371ef56]{width:100%;display:flex;justify-content:space-between}.rank-container .content .item .block[data-v-6371ef56]{display:flex;align-items:center}.rank-container .content .item .block .name[data-v-6371ef56]{max-width:7em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-container .content .item .rank[data-v-6371ef56]{margin-right:10px;background:#9a9a9a;width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#000}.rank-container .content .item .top[data-v-6371ef56]{background:#f39800;color:#000}.rank-container .content .item .top-block[data-v-6371ef56]{background:#454545;width:100%;margin-bottom:20px;border-radius:8px;position:relative}.rank-container .content .item .top-block .detail[data-v-6371ef56]{display:flex;align-items:center;justify-content:space-between;padding:10px}.rank-container .content .item .top-block .detail .rank[data-v-6371ef56]{position:absolute;left:0;top:0;background:#f39800}.rank-container .content .item .top-block .detail .text[data-v-6371ef56]{margin:0 10px 0 30px}.rank-container .content .item .top-block .detail .image[data-v-6371ef56]{min-width:40px;width:40px;height:40px;border-radius:8px;background-color:#fff}.rank-container .content .item .top-block .name[data-v-6371ef56]{display:flex;align-items:center;justify-content:space-between;padding:10px;background-color:#353434;border-radius:0 0 8px 8px}.rank-container .content .item .top-block .name[data-v-6371ef56]:nth-child(1){max-width:7em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-container .content .rank-item[data-v-6371ef56]{line-height:50px}.rank-container .end[data-v-6371ef56]{font-weight:700;color:red;font-size:18px;text-align:center}.rank-container .footer-text[data-v-6371ef56]{font-weight:700;font-size:12px;text-align:center;margin:15px 0}.rank-container .challenge[data-v-6371ef56]{display:flex;align-items:center;justify-content:center}.rank-container .challenge button[data-v-6371ef56]{width:180px;height:40px;background:#f29600;border:2px solid #fccd7e;color:#fff;font-weight:700;text-shadow:0px 2px 20px 0px rgba(0,0,0,.6509803922);border-radius:100px;text-shadow:0px 4px 4px rgba(0,0,0,.8509803922)}.rank-container .challenge button[data-v-6371ef56]:active,.rank-container .challenge button[data-v-6371ef56]:hover{background:linear-gradient(180deg,#f39800 0%,#8d5800 100%);border:2px solid #fccd7e}@media (max-width: 834px){.rank-container[data-v-6371ef56]{width:225px;min-width:225px}.rank-container .title-block .title[data-v-6371ef56]{font-size:24px}.rank-container .filter .block[data-v-6371ef56]{font-size:10px;width:55px}.rank-container .end-date[data-v-6371ef56],.rank-container .content .item .top-block .detail .text[data-v-6371ef56]{font-size:10px}.rank-container .content .item .top-block .detail .image[data-v-6371ef56]{min-width:30px;width:30px;height:30px}.rank-container .content .item .top-block .name[data-v-6371ef56]{font-size:12px}.rank-container .content .rank-item[data-v-6371ef56]{font-size:12px;line-height:50px}}@media (max-width: 576px){.rank-container[data-v-6371ef56]{margin-bottom:20px;background:#1f1e1e;width:320px;margin-left:0}.rank-container .filter[data-v-6371ef56]{flex-direction:row;justify-content:space-between}.rank-container .filter .block[data-v-6371ef56]{width:93px}}