.rank_badge_bg {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-repeat: no-repeat;
    display: flex;
}

.rank_badge_text {
    font-weight: lighter;
    width: fit-content;
    height: fit-content;
    display: block;
    margin: auto auto;
}

.rank_badge_bg_rh {
    background: linear-gradient(-135deg, #2D2D2D 0%, rgb(from #2D2D2D calc(r + 30) calc(g + 30) calc(b + 30)) 33.3%, #2D2D2D 66.6%, rgb(from #2D2D2D calc(r + 30) calc(g + 30) calc(b + 30)) 100%);
    color: #e5e5e5;
    /* border: #2D2D2D solid 5%; */
}

.rank_badge_bg_ir {
    background: linear-gradient(-135deg, #17232d 0%, rgb(from #17232d calc(r + 30) calc(g + 30) calc(b + 30)) 33.3%, #17232d 66.6%, rgb(from #17232d calc(r + 30) calc(g + 30) calc(b + 30)) 100%);
    color: #deecf7;
    /* border: solid 5%; */
}

.rank_badge_bg_au {
    background: linear-gradient(-135deg, #161c11 0%, rgb(from #161c11 calc(r + 40) calc(g + 40) calc(b + 40)) 33.3%, #161c11 66.6%, rgb(from #161c11 calc(r + 40) calc(g + 40) calc(b + 40)) 100%);
    color: #FEE9A0;
    /* border: solid 5%; */
}

.rank_badge_bg_cu {
    background: linear-gradient(-135deg, #553822 0%, rgb(from #553822 calc(r + 50) calc(g + 50) calc(b + 50)) 33.3%, #553822 66.6%, rgb(from #553822 calc(r + 50) calc(g + 50) calc(b + 50)) 100%);
    color: #d4b091;
    /* border: solid 5%; */
}


.rank_badge_bg_zn {
    background: linear-gradient(-135deg, #BDC3C9 0%, rgb(from #BDC3C9 calc(r + 60) calc(g + 60) calc(b + 60)) 33.3%, #BDC3C9 66.6%, rgb(from #BDC3C9 calc(r + 60) calc(g + 60) calc(b + 60)) 100%);
    color: #222222;
    /* border: solid 5%; */
}

.rank_badge_bg_al {
    background: linear-gradient(-135deg, #efefef 0%, rgb(from #efefef calc(r + 0) calc(g + 0) calc(b + 0)) 33.3%, #efefef 66.6%, rgb(from #efefef calc(r + 0) calc(g + 0) calc(b + 0)) 100%);
    color: #2a3d70;
    /* border: solid 5%; */
}