.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, .top_winners__value .top_jackpots__crns { 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_krw, .top_winners__value .top_jackpots__crns.tw_KRW, .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__value .cw_icon_irt, .top_winners__value .cw_icon_IRT, .top_winners__value .cw_icon_ron, .top_winners__value .cw_icon_RON { font-size: 16px; line-height: 10px; } .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_krw, .top_winners__bet .top_jackpots__crns.tw_KRW, .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: 19px 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: 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; } .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*/