.no-beta #page-leaderboard {
    display: none;
}

.step-leaderboard .score-div, .step-leaderboard #avatar-icon, .step-leaderboard .hello {
    display: none;
}

.step-leaderboard #page-leaderboard {
    display: block;
    position: absolute;
    width: 1920px;
    height: 1080px;
    top: 0;
    left: 0;
    z-index: 9998;
}

.step-leaderboard .orb {
    transition-delay: unset;
    transition-duration: unset;
    opacity: 0;
}

.page-leaderboard-title {
    font-family: 'Barlow';
    font-size: 48px;
    top: 78px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: white;
    text-align: center;
    border-bottom: 1px solid #f5f5f5;
    width: 1688px;
    padding-bottom: 20px;
}

.ranking-top-10 {
    position: absolute;
    left: 122px;
    top: 178px;
}

.page-leaderboard-subtitle {
    font-family: 'Barlow';
    font-weight: bold;
    font-size: 20px;
    color: #ED837B;
    text-align: center;
    margin-bottom: 20px;
}

.ranking-daily {
    position: absolute;
    left: 630px;
    top: 178px;
}

.top-ranking {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px 8px;
    position: relative;
    width: 420px;
    height: 58px;
    border-radius: 4px;
    margin-bottom: 8px;
    background: #1D313E;
    border: 2px solid #1D313E;
}

.ranking-top-10-list .top-ranking:nth-child(1) {
    background: linear-gradient(135deg, #BB950E 0%, #C6A73A 20%, #1D313E 20%);
    border: 2px solid #C6B36F;
}

.ranking-top-10-list .top-ranking:nth-child(2) {
    background: linear-gradient(135deg, #C7C7C7 0%, #ACA89F 20%, #1D313E 20%);
    border: 2px solid #BDBDBD;
}

.ranking-top-10-list .top-ranking:nth-child(3) {
    background: linear-gradient(135deg, #AA7B43 0%, #7C501C 20%, #1D313E 20%);
    border: 2px solid #8C5F2A;
}

.ranking-top-10-list .top-ranking:nth-child(1) span, .ranking-top-10-list .top-ranking:nth-child(2) span, .ranking-top-10-list .top-ranking:nth-child(3) span {
    color: #000 !important;
}

.top-ranking > div {
    float: left;
    color: #fff;
    font-family: BarlowLight, sans-serif;
    font-size: 16px;
}

.top-ranking > div:nth-child(1) {
    width: 40px;
}

.daily-ranking.top-ranking > div:nth-child(1) {
    width: 80px;
}

.top-ranking > div:nth-child(1) .rank-num {
    color: #ED837B;
    font-size: 24px;
    font-family: BarlowLight, sans-serif;
}

.top-ranking > div:nth-child(1) .rank-num2 {
    color: #ED837B;
    top: 14px;
    font-size: 14px;
    display: inline-block;
    position: absolute;
    font-family: BarlowLight, sans-serif;
}

.top-ranking > div:nth-child(2) {
    position: relative;
    overflow: hidden;
    width: 40px;
    height: 40px;
    margin: 2px 0;
    margin-right: 10px;
}

.top-ranking > div:nth-child(2) .circle-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #ED837B;
}

.top-ranking > div:nth-child(2) img {
    display: none;
    width: 180%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -36%);
}

.top-ranking > div:nth-child(2) img.active {
    display: block;
}

.top-ranking > div:nth-child(3) {
    width: 240px;
}

.daily-ranking.top-ranking > div:nth-child(3) {
    width: 132px;
}

.top-ranking .rank-divider {
    border-left: 3px solid #F5F5F5;
    height: 38px;
    margin-right: 4px;
}

.daily-ranking.top-ranking .rank-divider {
    margin-right: 8px;
    margin-left: 8px;
}

.top-ranking .rank-point {
    font-size: 20px;
    width: 48px;
    text-align: right;
}

.top-ranking .sub-rank-point {
    font-size: 20px;
    width: 40px;
    text-align: left;
    margin: 0 4px;
}

.top-ranking > div:nth-child(2) img.rank-avatar-5 {
    width: 180%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -28%);
}

.top-ranking > div:nth-child(2) img.rank-avatar-1 {
    width: 180%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -32%);
}

.top-ranking-template {
    display: none;
}

.daily-ranking-template {
    display: none;
}

.ranking-daily-list > div {
    float: left;
    margin-right: 10px !important;
    width: 590px !important;
}

.ranking-daily-list {
    width: 1200px;
}

.rank-icon img {
    height: 36px;
}

#page-leaderboard .ranking-daily {
    left: 600px;
}

#page-leaderboard .ranking-daily-list {
    width: 1200px;
}