badge-rank {
    width:100%;
    height:100%;
    background-size:contain;
    background-position:50%;
    background-repeat:no-repeat
}
.badge-rank--XH {
    background-image:url(/images/badges/score-ranks/SSPlus.png)
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(min-resolution:1.5dppx) {
    .badge-rank--XH {
        background-image:url(/images/badges/score-ranks/SSPlus@2x.png)
    }

}
.badge-rank--X {
    background-image:url(/images/badges/score-ranks/SS.png)
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(min-resolution:1.5dppx) {
    .badge-rank--X {
        background-image:url(/images/badges/score-ranks/SS@2x.png)
    }

}
.badge-rank--SH {
    background-image:url(/images/badges/score-ranks/SPlus.png)
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(min-resolution:1.5dppx) {
    .badge-rank--SH {
        background-image:url(/images/badges/score-ranks/SPlus@2x.png)
    }

}
.badge-rank--S {
    background-image:url(/images/badges/score-ranks/S.png)
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(min-resolution:1.5dppx) {
    .badge-rank--S {
        background-image:url(/images/badges/score-ranks/S@2x.png)
    }

}
.badge-rank--A {
    background-image:url(/images/badges/score-ranks/A.png)
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(min-resolution:1.5dppx) {
    .badge-rank--A {
        background-image:url(/images/badges/score-ranks/A@2x.png)
    }

}
.badge-rank--B {
    background-image:url(/images/badges/score-ranks/B.png)
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(min-resolution:1.5dppx) {
    .badge-rank--B {
        background-image:url(/images/badges/score-ranks/B@2x.png)
    }

}
.badge-rank--C {
    background-image:url(/images/badges/score-ranks/C.png)
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(min-resolution:1.5dppx) {
    .badge-rank--C {
        background-image:url(/images/badges/score-ranks/C@2x.png)
    }

}
.badge-rank--D {
    background-image:url(/images/badges/score-ranks/F.png)
}

.badge-rank--medium{
    width:48px;
    height:16px
}

.badge-rank--full{
    width:100%;
    height:100%;
    position:absolute
}