﻿.top_winners__game_block {
    display: flex;
    overflow-x: auto;
    column-gap: 8px;
    padding: 0 16px;
}

.top_winners__game {
    min-width: calc(100vw - 32px);
    padding: 11px;
    border-radius: 12px;
}

.top_winners__img_link {
    width: 98px;
    height: 66px;
    border-radius: 8px;
}

.top_winners__id i {
    font-size: 36px;
    line-height: 20px;
    height: 20px;
    width: 20px;
    margin: 0;
}

.top_winners__id span,
.top_winners__bet span:not(.top_jackpots__crns) {
    font-size: 14px;
    line-height: 20px;
    max-width: 120px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media only screen and (max-width: 340px) {
    .top_winners__id span,
    .top_winners__bet span:not(.top_jackpots__crns) {
        max-width: 60px;
    }
}

.top_winners__value .top_winners__value_split + span:not(.top_jackpots__crns) {
    font-size: 16px;
}
.top_winners__value_split {
    font-size: 16px;
    line-height: 20px;
}

.top_winners__text {
    row-gap: 4px;
}

.top_winners__value .top_jackpots__crns {
    --icoSize: 12px;
    line-height: 20px;
}

.top_winners__value .top_jackpots__crns.tw_USD,
.top_winners__value .top_jackpots__crns.tw_USD{
    --icoSize: 14px;
    display: inline-block;
    line-height: 20px;
}

.top_winners__id.me_badge{
    padding: 0px;
}

.top_winners__date, .top_winners__bet {
    font-size: 12px;
    line-height: 18px;
}

.top_winners__bet .top_jackpots__crns{
    --icoSize: 12px;
    display: inline-flex;
}

.top_winners__bet .top_jackpots__crns.tw_USD,
.top_winners__bet .top_jackpots__crns.tw_USD{
    --icoSize: 14px;
}

.top_winners__bet .cw_icon_irt, .top_winners__bet .cw_icon_IRT, .top_winners__bet .cw_icon_ron, .top_winners__bet .cw_icon_RON {
    font-size: 14px;
    line-height: 20px;
    height: auto;
}

.no_winners {
    margin: 0 16px;
    padding: 14px 16px;
}

.no_winners_text {
    font-size: 14px;
    line-height: 20px
}

.no_winners i{
    margin: 0!important;
}

.top_winners_block .rd_header_tab_item {
    padding: 7px 16px;
}

.top_winners_block .rd_header_tabs {
    max-width: initial;
}

.top_winners_block .rd_header_tab_item {
    max-width: 100%;
}

@media only screen and (min-width: 380px){
    .top_winners__game {
        min-width: 342px;
    }
}

/*Start Skeleton loading */
.skeleton-topWinners__container {
    display: flex;
    overflow-x: auto;
    column-gap: 8px;
    padding: 0 16px;
}

.skeleton-topWinners__body {
    min-width: calc(100vw - 32px);
    margin-inline-end: 0;
    padding: 11px;
}

.skeleton-topWinners__body:nth-child(3),
.skeleton-topWinners__body:nth-child(4) {
    display: flex;
}

.skeleton-topWinners__icon {
    width: 98px;
    height: 66px;
}

.skeleton-topWinners__id {
    min-height: 20px;
}

.skeleton-topWinners__value {
    min-height: 20px;
}

.skeleton-topWinners__date {
    min-height: 18px;
}

@media only screen and (min-width: 380px) {
    .skeleton-topWinners__body {
        min-width: 342px;
    }
}

/*End Skeleton loading */
/*Homepage Top Winners start*/
.topWinsDropdown_heading{
    padding: 8px 12px;
    height: 36px;
}

.topWins_tab_icon {
    --icoSize: 20px;
}

.topWinsDropdown_heading:not(.single):after{
    width: 20px;
    height: 20px;
    font-size: 25px;
}

.topWinsDropdown_heading > span{
    max-width: calc(100% - 28px);
}

.topWinsDropdown_heading.single > span{
    max-width: 100%;
}

.tabs_dropdown{
    position: fixed;
    bottom: 0;
    top: auto;
    transform: translateY(100%);
    transition: all 0.314s;
    width: 100%;
    left: 0;
    background-color: var(--bg-level-1, var(--cwModalBg));
    border-radius: 16px 16px 0 0;
    z-index: 1001;
    padding: 12px 16px;
    display: block;
    max-height: 100vh;
}

.home_winners .open .tabs_dropdown{
    transform: translateY(0);
}

.topWinners-cover {
    position: fixed;
    background-color: rgb(0 0 0 / 80%);
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1000;
    /*height: calc(100% - 394px);
    height: calc(100dvh - 394px);*/
    height: 100%;
}

.tabs_dropdown_title{
    padding: 8px 0;
    color: var(--text-level-high,var(--cwModalTxt));
    margin-bottom: 12px;
    gap: 8px;
}

.tabs_dropdown_title p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    text-transform: capitalize;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.tabs_dropdown_close {
    margin-left: auto;
    color: var(--text-level-medium,var(--cwModalTxt2));
    --icoSize: 15px;
    width: 20px;
    height: 20px;
}

.cw-rtl-global .tabs_dropdown_close {
    margin-left: 0;
    margin-right: auto;
}

.tabs_dropdown_title:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: var(--bg-level-3, var(--cwModalBorder));
    bottom: -12px;
}

.tabs_dropdown_inner{
    margin-top: 12px;
    border-radius: 16px;
    border: 1px solid var(--bg-level-3, var(--cwModalBorder));
    background: var(--bg-level-3, var(--cwModalBorder));
    display: flex;
    flex-direction: column;
    gap: 1px;
    overflow: hidden;
    overflow-y: auto;
}

.tabs_dropdown .rd_header_tab_item,
.tabs_dropdown .rd_header_tab_item.active{
    background-color: transparent;
    border: 0;
    border-radius: 0;
    color: var(--text-level-high, var(--cwModalTxt));
}

.tabs_dropdown .rd_header_tab_item{
    font-size: 16px;
    height: 60px;
    padding: 16px;
    position: relative;
    overflow: visible;
    background: var(--bg-level-2, var(--cwModalBg2));
}

.topWinsTypes_dropdown .rd_header_tab_item{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: initial;
    line-height: 28px;
}

/*.tabs_dropdown .rd_header_tab_item:not(.hidden):not(:last-of-type):after{
    content: "";
    position: absolute;
    height: 1px;
    width: calc(100% - 32px);
    inset-inline-start: 16px;
    background: var(--bg-level-3, var(--cwModalBorder));
    bottom: -4px;
}
*/
.home_winners .rd_header_tabs {
    max-width: 100%;
    overflow: hidden;
}

.topWinsCategory_wrapper {
    flex: 0 1 auto;
    max-width: 187px;
}

.topWinsTypes_wrapper {
     min-width: 80px;
}
/*Homepage Top Winners end*/