body#body.launcher {
    zoom: 0.6;
}

.launcher .object-leader {display: grid;}

.launcher .header-leaderboard {
    display: grid;
}

.launcher html, body {
    background: none;
    background-color: #00ffff00;
}

html, body#body.launcher {
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: #377DFF rgba(48, 48, 48, 0.72);
    width: calc(100% + 8px);
}

html::-webkit-scrollbar,
body#body.launcher::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}

html::-webkit-scrollbar-track,
body#body.launcher::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 999px;
}

html::-webkit-scrollbar-thumb,
body#body.launcher::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: linear-gradient(180deg, #5F9CFF 0%, #377DFF 52%, #1E5ED6 100%);
    box-shadow: 0 0 14px rgba(55, 125, 255, 0.38);
}

html::-webkit-scrollbar-thumb:hover,
body#body.launcher::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #74AAFF 0%, #4E8DFF 52%, #286FEF 100%);
}

html::-webkit-scrollbar-button,
body#body.launcher::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}


.launcher footer.footer-main {
    display: none;
}

.launcher .header {
    display: none;
}

.launcher .header_content_info {
    margin-top: 137px;
}

img.background_header_top {
    display: none;
}

img.background_header_shop {
    display: none;
}

.header_content_info {
    display: flex;
    justify-content: center;
}

.content {
    background: none;
}

img.ico-user-main {
    width: 61px;
}

.right_content_leaderboard.top_right_a {
    gap: 36px;
}

.header {
    background: #171717f2;
}

h1.leaders-h1 {
    color: #FFF;
    font-family: Tungsten, Oswald;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.top-leader-info {
    display: flex;
    align-items: center;
    gap: 25px;
}

p.text-info-leader-header {
    color: #FFF;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 171%;
}

p.text-info-leader-header > span {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 171%;
}

.info-leader-b {
    max-width: 587px;
}

ul.list-ul {display: flex;flex-direction: column;gap: 7px;}

.leaderboard-header {
    width: 100%;
    border-radius: 12px;
    height: 270px;
    display: flex;
    align-items: center;
    padding-left: 60px;
}

.main-select-box {
    display: flex;
    border-radius: 6px;
    background: #377DFF;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.04);
    width: 140px;
    align-items: center;
    justify-content: space-between;
    height: 46px;
    padding: 16px;
    cursor: pointer;
}

.select-box-leaders {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: flex-start;
    width: 140px;
}

p.text-select-box {
    color: #FFF;
    font-family: Tungsten, Oswald;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
}

.list-select-box {
    border-radius: 6px;
    border: 0.5px solid #434343;
    background: rgba(20, 20, 20, 0.73);
    backdrop-filter: blur(6.550000190734863px);
    width: 186px;
    padding: 15px;
    position: absolute;
    top: 53px;
    z-index: 2;
    transform: translateY(-14px);
    opacity: 0;
    transition: 0.3s;
    pointer-events: none;
}

.loading-ico-content {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 16px;
}

img.loading-ico-a {
    width: 61px;
}

li.list-li {
    display: flex;
    color: #979AA0;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    border-radius: 6px;
    border: 0.5px solid #2d303200;
    background: #1f1f1f00;
    padding: 8px;
    cursor: pointer;
    transition: 0.3s;
}

li.list-li:hover {
    border: 0.5px solid #2D3032;
    color: #FFF;
    padding-left: 14px;
}

.list-select-box.active {
    transform: translateY(0px);
    opacity: 1;
    pointer-events: all;
}

.leaders-content-header {
    display: grid;
    gap: 20px;
}

.header_content_info {
    margin-top: 32px;
    margin-bottom: 32px;
}

.header-leaderboard {
    border-radius: 12px;
    border: 1px solid #3F3F3F;
    background: #171717;
    height: 47px;
    display: grid;
    grid-template-columns: 1fr 2fr repeat(6, 1fr);
    justify-items: center;
    align-items: center;
}

.top-leaderboard {
    min-height: 500px;
}

.hidden-leader {
    opacity: 0;
    transform: translateY(20px);
}

.show-leader {
    animation: fadeInUp 0.2s forwards;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

p.header-leaderboard-name {
    color: #858C95;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.content_leaderboards {
    margin-top: 32px;
    user-select: none;
}

.object-leader {
    border-radius: 12px;
    background: #171717;
    height: 64px;
    display: grid;
    grid-template-columns: 1fr 2fr repeat(6, 1fr); /* вторая колонка шире */
    justify-items: center;
    align-items: center;
    cursor: pointer;
    transition: 0.3s;
    color: #858C95;
}



.user-top {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 10px;
}

.number-leaderboard {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    padding-left: 23px;
    gap: 29px;
    height: 100%;
    align-items: center;
    position: relative;
}

.number-leaderboard.top-1 {
    color: #FCC251;
}

p.leaderboard-num {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
}

.number-leaderboard.top-2 {
    color: #A5C9FF;
}

.number-leaderboard.top-3 {
    color: #D58F71;
}

.content-list-leaderboards {
    display: grid;
    gap: 10px;
    margin-top: 10px;
}

p.title-login {
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
}

p.text-top {
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
}

p.text-top.color-1 {
    color: #41F1B5;
}

p.text-top.color-2 {
    color: #FF7E7E;
}

p.text-top.color-3 {
    color: #DDFF48;
}

p.text-top.color-4 {
    color: #FFC404;
}

.object-leader:hover {
    background: #242424;
}

.number-leaderboard:after {
    border-radius: 12px;
    background: linear-gradient(90deg, rgba(252, 194, 81, 0.16) 0%, rgba(150, 115, 48, 0.00) 100%);
    content: "";
    position: absolute;
    height: 100%;
    left: 0;
    width: 111px;
    opacity: 0;
}

.number-leaderboard.top-1:after {
    opacity: 1;
}

.number-leaderboard.top-2:after {
    background: linear-gradient(90deg, rgba(165, 201, 255, 0.16) 0%, rgba(165, 201, 255, 0.00) 100%);
    opacity: 1;
}

.number-leaderboard.top-3:after {
    background: linear-gradient(90deg, rgba(213, 143, 113, 0.16) 0%, rgba(213, 143, 113, 0.00) 100%);
    opacity: 1;
}

svg.arrow-down {
    transition: 0.3s;
}

svg.arrow-down.active {
    transform: rotate(180deg);
}

.left_content_leaderboard {
    display: none;
}

.right_content_leaderboard {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 10px;
}

@media (max-width: 1175px) {
    body#body:not(.launcher) .list_category {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 1000px) {
    body#body:not(.launcher) button.category_button {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 14px;
        height: 48px;
    }

    body#body:not(.launcher) img.category_image {
        height: 29px;
    }

    body#body:not(.launcher) .list_category {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    body#body:not(.launcher) .header-leaderboard {
        display: none;
    }
    body#body:not(.launcher) .object-leader {
        display: flex;
        flex-direction: column;
        height: auto;
        padding: 25px 15px;
        gap: 25px;
    }

    body#body:not(.launcher) .object-leader > div {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        padding-left: 0px;
    }

    body#body:not(.launcher) .left_content_leaderboard {
        display: flex;
    }

    body#body:not(.launcher) .right_content_leaderboard {
        width: auto;
    }

    body#body:not(.launcher) p.left-text-leaderboard {font-size: 19px;}

    body#body:not(.launcher) .number-leaderboard:after {
        display: none;
    }

    body#body:not(.launcher) img.ico-user-main {
        width: 42px;
    }

    body#body:not(.launcher) .leaderboard-header {
        padding: 15px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    body#body:not(.launcher) .leaders-content-header {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
}