.leaderboard-item{position:relative;min-height:2em;margin:.125em 0}.leaderboard-item .detail-cont,.leaderboard-item .profile-cont{position:absolute;background:#068bcd}.leaderboard-item .detail-cont.first,.leaderboard-item .profile-cont.first{background:gold}.leaderboard-item .detail-cont.second,.leaderboard-item .profile-cont.second{background:silver}.leaderboard-item .detail-cont.third,.leaderboard-item .profile-cont.third{background:#cd7f32}.leaderboard-item .profile-cont{height:2em;width:2em;border-radius:2em;z-index:999}.leaderboard-item .profile-cont .prof-img{height:1.5em;width:1.5em}.leaderboard-item .detail-cont{height:1.5em;width:100%;margin:.25em 0;padding-left:2.125em;border-radius:1em .25em .25em 1em;z-index:998}.leaderboard-item .detail-cont .exp-points,.leaderboard-item .detail-cont .level,.leaderboard-item .detail-cont .rank,.leaderboard-item .detail-cont .user-name{font-size:.5em;line-height:3;font-weight:700;color:#fff}.leaderboard-item .detail-cont .user-name{float:left}.leaderboard-item .detail-cont .exp-points,.leaderboard-item .detail-cont .level{float:right}.leaderboard-item .detail-cont .rank{float:right;height:3em;min-width:4em;padding-right:1em;text-align:right}@media only screen and (min-width:768px){.leaderboard-item.page{min-height:4em;margin:.125em 0}.leaderboard-item.page .profile-cont{height:4em;width:4em;border-radius:4em}.leaderboard-item.page .profile-cont .prof-img{height:3em;width:3em}.leaderboard-item.page .detail-cont{height:3em;width:100%;margin:.5em 0;padding-left:4.25em;border-radius:2em .5em .5em 2em}.leaderboard-item.page .detail-cont .exp-points,.leaderboard-item.page .detail-cont .level,.leaderboard-item.page .detail-cont .rank,.leaderboard-item.page .detail-cont .user-name{font-size:1em;line-height:3}.leaderboard-item.page .detail-cont .rank{height:3em;padding-right:1em}}@media only screen and (min-width:1200px){.leaderboard-item.page .detail-cont .rank{min-width:8em}}