body {
    --cwLobbyCardRadius: 12px;
}

.flex_center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.lb_card_main {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: row dense;
    grid-gap: 8px;
    padding-bottom: 24px;
    padding-inline-start: 16px;
    padding-inline-end: 16px;
}

.lb_card_main.grid_3{
    grid-template-columns: 1fr;
}

.lb_card {
    border-radius: var(--cwLobbyCardRadius);
    overflow: hidden;
    width: 100%;
    /*max-width: 257px;*/
    border: 1px solid var(--bg-level-3, var(--cwCardBgHover));
}

.lb_card_body {
    width: 100%;
    /*border-radius: var(--cwLobbyCardRadius) var(--cwLobbyCardRadius) 0px 0px;*/
    /*height: 171px;*/
    height: calc(93px + (318 - 93) * (100vw - 320px) / (991 - 320));
}

.lb_card_v {
    grid-row: span 2;
}

.lb_card_h {
    grid-column: span 2;
}

.lb_card_v .lb_card_body {
    height: calc(196px + (646 - 196) * (100vw - 320px) / (991 - 320));
}

.has_card_footer .lb_card_v .lb_card_body {
    height: calc(224px + (675 - 224) * (100vw - 320px) / (991 - 320));
}

.grid_3 .lb_card_body {
    height: calc(192px + (644 - 192) * (100vw - 320px) / (991 - 320));
}

.lb_card_img {
    width: 100%;
    height: 100%;
}

.lb_card_maxwin {
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    color: var(--cwCardTxt, #fff);
    margin-inline-start: auto;
}

.lb_card_maxwin:after {
    display: inline-block;
    font-family: "iconsDinamicMenu";
    content: "\E4AE";
    font-size: 35px;
    font-weight: 400;
    margin-inline-start: 4px;
    line-height: 15px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*Card Footer*/
.lb_card_footer {
    /*border-radius: 0px 0px var(--cwLobbyCardRadius) var(--cwLobbyCardRadius);*/
    background: var(--bg-level-2, var(--cwCardBg));
    padding: 8px;
    position: relative;
    z-index: 2;
}

.lb_card_name {
    overflow: hidden;
    color: var(--text-level-high, var(--cwModalTxt));
    text-overflow: ellipsis;
    font-size: 10px;
    line-height: 12px;
    width: 100%;
    white-space: nowrap;
    margin: 0;
}
.cw-rtl-global .lb_card_name {
    direction: ltr;
    text-align: right;
}
.lb_card_price {
    text-align: right;
    flex-shrink: 0;
    margin-inline-start: 8px;
    font-size: 10px;
    color: var(--cwPrimary, var(--cwCardAccent));
    display: flex;
    align-items: center;
    height: 12px;
    gap: 4px;
}

.lb_card_price .currency_icon, .lb_card_price .currency_icon:after{
    margin: 0;
    padding: 0;
}

.lb_card_price .currency_icon.irt,
.lb_card_price .currency_icon.IRT,
.lb_card_price .currency_icon.ron,
.lb_card_price .currency_icon.RON {
    font-size: 10px;
}

.lb_card_limit_count {
    font-weight: 700;
    line-height: 12px;
}

.lb_card_more {
    grid-column: 1/-1;
    padding-bottom: 24px;
}

.lb_card_more_btn {
    padding: 8px 12px;
    background: var(--bg-level-4, var(--cwButtonSecondaryBg));
    border-radius: 8px;
    color: var(--text-level-high, var(--cwButtonSecondaryTxt));
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    border: 0;
    cursor: pointer;
    min-width: 95px;
    height: 36px;
}

.lb_card_flag_wrapper{
    margin-inline-start: auto;
}

.lb_card_maxwin + .lb_card_flag_wrapper {
    margin-inline-start: 4px;
}

.lb_card_flag {
    width: 12px;
    height: 12px;
    background-size: 12px auto;
    background-repeat: no-repeat;
    margin-bottom: 4px;
    background-position: 0 0;
    background-image: var(--cdn-circleFlag_png);
}

/*Russian*/
.lb_card_flag.ru {
    background-position-y: -14px;
}
/*English*/
.lb_card_flag.en {
    background-position-y: -29px;
}
/*Armenian*/
.lb_card_flag.hy {
    background-position-y: -43px;
}
/*Turkish*/
.lb_card_flag.tr {
    background-position-y: -58px;
}
/*Bosnia and Herzegovina*/
.lb_card_flag.bs {
    background-position-y: -72px;
}
/*Farsi (iran) basketball logo*/
.lb_card_flag.fa-basketball {
    background-position-y: -86px;
}
/*Kuwait*/
.lb_card_flag.kw {
    background-position-y: -101px;
}
/*Serbia*/
.lb_card_flag.sr {
    background-position-y: -115px;
}
/*Croatia*/
.lb_card_flag.hr {
    background-position-y: -130px;
}
/*Ukraine*/
.lb_card_flag.uk {
    background-position-y: -144px;
}
/*Tajik  */
.lb_card_flag.tj {
    background-position-y: -158px;
}

/*Israel (Hebrew)*/
.lb_card_flag.he,
.lb_card_flag.il {
    background-position-y: -173px;
}
/*Spanish (spain)*/
.lb_card_flag.es,
.lb_card_flag.es-spanish {
    background-position-y: -187px;
}
/*anhayt*/
.lb_card_flag.anhayt {
    background-position-y: -202px;
}
/*Italy*/
.lb_card_flag.it {
    background-position-y: -216px;
}
/*France*/
.lb_card_flag.fr {
    background-position-y: -230px;
}
/*Germany*/
.lb_card_flag.de {
    background-position-y: -245px;
}
/*Korea  (the Republic of)*/
.lb_card_flag.ko {
    background-position-y: -259px;
}
/*Greek*/
.lb_card_flag.el {
    background-position-y: -274px;
}
/*Denmark*/
.lb_card_flag.da {
    background-position-y: -288px;
}
/*Finland*/
.lb_card_flag.fi {
    background-position-y: -302px;
}
/*Czechia*/
.lb_card_flag.cs {
    background-position-y: -317px;
}
/*Sweden*/
.lb_card_flag.sv {
    background-position-y: -331px;
}
/*Georgia*/
.lb_card_flag.ka {
    background-position-y: -346px;
}
/*Norway*/
.lb_card_flag.nb {
    background-position-y: -360px;
}
/*China*/
.lb_card_flag.zh,
.lb_card_flag.zh-cht {
    background-position-y: -374px;
}
/*Thailand*/
.lb_card_flag.th {
    background-position-y: -389px;
}
/*Kazakhstan*/
.lb_card_flag.kk {
    background-position-y: -403px;
}
/*Azerbaijan*/
.lb_card_flag.az {
    background-position-y: -418px;
}
/*Brazil*/
.lb_card_flag.br {
    background-position-y: -432px;
}
/*Japan*/
.lb_card_flag.ja {
    background-position-y: -446.5px;
}
/*India*/
.lb_card_flag.hi {
    background-position-y: -461px;
}
/*Pakistan*/
.lb_card_flag.pk,
.lb_card_flag.ur,
.lb_card_flag.ur-pk {
    background-position-y: -475px;
}
/*Lithuania*/
.lb_card_flag.lt {
    background-position-y: -490px;
}
/*Tunisia*/
.lb_card_flag.aeb,
.lb_card_flag.tn {
    background-position-y: -504px;
}
/*Viet Nam*/
.lb_card_flag.vn,
.lb_card_flag.vi {
    background-position-y: -518.5px;
}
/*Uzbekistan*/
.lb_card_flag.uz {
    background-position-y: -533px;
}
/*Poland*/
.lb_card_flag.pol,
.lb_card_flag.pl {
    background-position-y: -547px;
}
/*Albania*/
.lb_card_flag.sq {
    background-position-y: -562px;
}
/*Ethiopia*/
.lb_card_flag.et,
.lb_card_flag.am {
    background-position-y: -576px;
}
/*Bengali*/
.lb_card_flag.bn {
    background-position-y: -590.5px;
}
/*Belarusian*/
.lb_card_flag.be,
.lb_card_flag.by {
    background-position-y: -605px;
}
/*Romanian*/
.lb_card_flag.ro {
    background-position-y: -619px;
}
/*Iran(Farsi)*/
.lb_card_flag.fa {
    background-position-y: -634px;
}
/*Arabic*/
.lb_card_flag.ar {
    background-position-y: -648px;
}
/*Kurdish*/
.lb_card_flag.ku {
    background-position-y: -662.5px;
}
/*Bulgarian*/
.lb_card_flag.bg {
    background-position-y: -677px;
}
/*Portugal*/
.lb_card_flag.pt {
    background-position-y: -691px;
}
/*Mongolian*/
.lb_card_flag.mn {
    background-position-y: -706px;
}
/*Montenegrin*/
.lb_card_flag.mne,
.lb_card_flag.cnr {
    background-position-y: -720px;
}
/*Burmese*/
.lb_card_flag.my {
    background-position-y: -734px;
}
/*Slovenian*/
.lb_card_flag.sl {
    background-position-y: -749px;
}
/*Punjabi*/
.lb_card_flag.pa {
    background-position-y: -763px;
}
/*Netherlands*/
.lb_card_flag.nl {
    background-position-y: -777.5px;
}

/*Loading more*/
.lb_card_more_btn .loading-dots {
    --color-dot: var(--text-level-high, var(--cwCardTxt));
    --box-color: var(--bg-level-4, var(--cwCardBg2));
}

/*Lobby Card Hover*/
.lb_card_hover {
    border-radius: var(--cwLobbyCardRadius);
    border: 1px solid var(--bg-level-3);
    background: rgba(0, 0, 0, 0.85);
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    z-index: 1;
    flex-direction: column;
}

.has_card_footer .lb_card_hover {
    height: calc(100% - 28px);
    border-radius: var(--cwLobbyCardRadius) var(--cwLobbyCardRadius) 0 0;
}

.lb_card:hover .lb_card_hover {
    top: 0;
}

.lb_card_hover_top {
    padding: 10px 12px;
    border-radius: var(--cwLobbyCardRadius) var(--cwLobbyCardRadius) 0px 0px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.00) 100%);
}

.lb_card_like {
    color: var(--text-level-high, var(--cwCardTxt));
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.lb_card_like:before {
    color: var(--icon-level-high, var(--cwCardTxt));
    display: inline-block;
    font-family: "iconsDinamicMenu";
    content: "\E115";
    font-size: 38px;
    font-weight: 400;
    margin-inline-end: 7px;
    width: 20px;
    height: 20px;
}

.lb_card_like.active:before {
    content: "\E213";
}

.lb_card_like,
.lb_card_favorite {
    cursor: pointer;
}

.lb_card_favorite::before {
    color: var(--icon-level-high, var(--cwCardTxt));
    display: inline-block;
    font-family: "iconsDinamicMenu";
    content: "\E180";
    /*content: "\E347";*/
    font-size: 38px;
    line-height: 20px;
}

.lb_card_favorite.active::before {
    content: "\E181";
}

.lb_card_button {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 16px;
    border-radius: 8px;
    font-weight: 500;
    line-height: 20px;
    gap: 8px;
    background: var(--bg-level-4, var(--cwButtonSecondaryBg));
    color: var(--text-level-high, var(--cwButtonSecondaryTxt));
    width: 100%;
    margin: 0;
    font-size: 14px;
}


.lb_card_button.play_btn {
    background: var(--btn-primary, var(--cwButtonBg));
    color: var(--btn-primary-text, var(--cwButtonTxt));
}

.lb_card_button.play_btn i {
    line-height: 24px;
    font-size: 41px;
    width: 24px;
    text-align: center;
    margin: 0;
}

.lb_card_jackpot_value {
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    gap: 4px;
    color: var(--text-level-high, var(--cwCardTxt));
}

.lb_card_jackpot_value > .dynamic_icon{
    font-size: 24px;
    display: inline-block;
    width: 16px;
    font-weight: normal;
    text-align: center;
    line-height: 16px;  
    color: var(--icon-level-high, var(--cwCardTxt));
    margin: 0;
}

/*Most Liked Section*/
.most_liked_wrapper {
    display: flex;
    overflow-x: auto;
    column-gap: 8px;
    padding: 0 16px;
}

.most_liked_wrapper .lb_card{
    width: calc(50vw - 20px);
    min-width: calc(50vw - 20px);
}
/*Recommended Widget Section*/
.recommended_widget_wrapper {
    display: flex;
    overflow-x: auto;
    column-gap: 8px;
    padding: 0 16px;
}

.recommended_widget_wrapper .lb_card{
    width: calc(50vw - 20px);
    min-width: calc(50vw - 20px);
}
/*Card Preview popup*/
.lb_card_preview {
    --cwLobbyCardRadius: 16px;
}

.cw_overlay_dimm {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: rgba(0,0,0,0.7);
}

.lb_card_preview_cover {
    position: fixed;
    --z_ind: calc(var(--toast-zIndex) - 1);
    z-index: var(--z_ind);
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
}

.lb_card_preview {
    background: var(--bg-level-1, var(--cwCardBg));
    border-radius: 12px 12px 0px 0px;
    padding: 0 16px;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-top: auto;
    z-index: 2;
}

.lb_card_preview > *{
    position:relative;
    z-index: 2;
}

@media screen and (min-height: 451px) {
    .lb_card_preview_inner {
        max-height: calc(100vh - 169px);
        overflow-y: auto;
    }
}

@media screen and (max-height: 450px) {
    .lb_card_preview_content {
        max-height: calc(100vh - 73px);
        max-height: calc(100dvh - 73px);
        overflow-y: auto;
        /*padding-bottom: 50px;*/
    }
}

.lb_card_cover_inner {
    position: absolute;
    top: 0;
    width: 100%;
    height: auto;
    left: 0;
    filter: blur(124px);
    opacity: 40%;
    z-index: 1;
}

.lb_card_preview_header {
    padding: 12px 0;
    display: grid;
    grid-template-areas:
        'swipeButton swipeButton'
        'leftHeader rightHeader'
        'line line';
    grid-template-columns: 1fr 1fr;
    grid-gap: 12px;
    align-items: center;
}

.lb_card_preview_header:after{
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    background: linear-gradient(270deg, var(--cwCardBg, rgba(255, 255, 255, 0))  0%, var(--cwCardBg3, #fff) 50%, var(--cwCardBg, rgba(255, 255, 255, 0)) 100%);
    grid-area: line;
}

.lb_card_preview_swipe {
    grid-area: swipeButton;
    border-radius: 10px;
    background: var(--text-level-medium, var(--cwCardTxt2));
    width: 54px;
    height: 4px;
    margin: 0 auto;
}


.lb_card_preview_close {
    grid-area: rightHeader;
}

.lb_card_preview .lb_card_name {
    grid-area: leftHeader;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}

.lb_card_preview_close_btn {
    color: var(--icon-level-high, var(--cwCardTxt2));
    padding: 2.5px;
    background: transparent;
    border: 0;
    margin-inline-start: 12px;
    display: flex;
}

.lb_card_preview_close_btn i{
    font-size: 30px;
    line-height: 15px;
}

.lb_card_preview .lb_card {
    margin-bottom: 12px;
}

.lb_card_preview .lb_card_body {
    height: calc(192px + (644 - 192) * (100vw - 320px) / (991 - 320));
}

.lb_card_preview .lb_card_footer {
    padding: 8px 16px;
}

.lb_card_preview .lb_card_favorite {
    margin-inline-start: auto;
}

.lb_card_preview .lb_card_favorite::before {
    font-size: 44px;
    line-height: 24px;
    width: 24px;
    text-align: center;
}

.lb_card_preview .lb_card_like {
    font-size: 16px;
    line-height: 24px;
}

.lb_card_preview .lb_card_like::before {
    font-size: 44px;
    line-height: 25px;
    font-weight: 400;
    margin-inline-end: 8px;
    width: 24px;
    height: 24px;
}

.lb_card_preview .js_game_likes_count {
    padding-top: 0;
}

.lb_card_preview_footer {
    padding: 12px 0 24px;
    margin-top: 12px;
    gap: 8px;
    align-items: stretch;
}

.lb_card_preview_footer:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(270deg, var(--cwCardBg, rgba(255, 255, 255, 0)) 0%, var(--cwCardBg3, #fff) 50%, var(--cwCardBg, rgba(255, 255, 255, 0)) 100%);
    grid-area: line;
}

.lb_card_preview .lb_card_jackpot_value {
    font-size: 20px;
    line-height: 21px;
    color: var(--text-level-high, var(--cwCardTxt));
}

.lb_card_preview .lb_card_jackpot_value .currency_icon,
.lb_card_preview .lb_card_jackpot_value .currency_icon{
    font-size: 28px;
}

.lb_card_preview .lb_card_jackpot_value .currency_icon.irt,
.lb_card_preview .lb_card_jackpot_value .currency_icon.IRT,
.lb_card_preview .lb_card_jackpot_value .currency_icon.RON,
.lb_card_preview .lb_card_jackpot_value .currency_icon.ron{
    font-size: 18px;
    line-height: 18px;
}
.lb_card_preview .lb_card_jackpot_value .currency_icon.krw,
.lb_card_preview .lb_card_jackpot_value .currency_icon.KRW,
.lb_card_preview .lb_card_jackpot_value .currency_icon.usd,
.lb_card_preview .lb_card_jackpot_value .currency_icon.USD{
    font-size: 32px;
}

.lb_card_preview .lb_card_jackpot_value > .dynamic_icon {
    font-size: 36px;
    width: 24px;
    height: 24px;
    line-height: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--icon-level-high, var(--cwCardTxt2));
}

.lb_card_preview .currency_icon:after {
    padding: 0;
    line-height: 17px;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
}

.lb_card_preview .currency_icon.irt:after,
.lb_card_preview .currency_icon.IRT:after,
.lb_card_preview .currency_icon.ron:after,
.lb_card_preview .currency_icon.RON:after {
    line-height: 20px;
}

.lb_card_preview .lb_card_topitems {
    background: linear-gradient(180deg, var(--cwCardShadow, #000) 0%, var(--cwCardShadowFade, rgba(0, 0, 0, 0.5)), var(--cwCardShadowFade 70%, rgba(0, 0, 0, 0.0)) 100%);
    padding: 14px 16px;
}

.lb_card_preview .lb_card_provider {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: var(--cwCardTxt, #fff);
    margin-inline-start: auto;
    max-width: 60%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.lb_card_preview .lb_card_provider span{
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.lb_card_preview .lb_card_provider img{
    width: 20px;
    height: 20px;
}

.lb_card_preview .lb_card_provider img.me-8{
    margin-inline-end: 8px;
}

.lb_card_preview .lb_card_flag_wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.lb_card_preview .lb_card_flag {
    width: 20px;
    height: 20px;
    margin-bottom: 0;
    background-size: 20px auto;
    background-image: var(--cdn-circleFlag_png);
}

.lb_card_bet_info {
    padding: 8px 16px;
    background: var(--bg-level-2, var(--cwCardBg2));
    border: 1px solid var(--bg-level-3, var(--cwCardBg2Hover));
    border-radius: 12px;
    margin-top: 12px;
}

.lb_card_bet_info li{
    padding: 8px 0 4px;
}

.lb_card_bet_info li p{
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: var(--text-level-medium, var(--cwCardTxt2));
    margin-inline-end: 16px;
}

.lb_card_bet_info li > div{
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: var(--text-level-high, var(--cwCardTxt));
    display: flex;
}

.lb_card_bet_info li .currency_icon {
    margin-inline-start: 4px;
}

.lb_card_preview .lb_card_badge_anim > div {
    align-items: flex-end;
}

/*Start Skeleton loading Most Liked*/
.skeleton-mostLiked__body {
    width: calc(50vw - 20px);
    min-width: calc(50vw - 20px);
    flex-shrink: 0;
    border-radius: var(--cwLobbyCardRadius);
    overflow: hidden;
    border: 1px solid var(--bg-level-3);
}

.skeleton-mostLiked__inner {
    position: relative;
}

.skeleton-mostLiked__img {
    height: calc(93px + (318 - 93) * (100vw - 320px) / (991 - 320));
}

.skeleton-mostLiked__footer {
    border-radius: 0px 0px var(--cwLobbyCardRadius) var(--cwLobbyCardRadius);
    height: 28px;
}

.no_card_footer .skeleton-mostLiked__footer {
    display: none;
}
/*End Skeleton loading Most Liked*/
/*Start Skeleton loading Recommended*/
.skeleton-recommended__body {
    width: calc(50vw - 20px);
    min-width: calc(50vw - 20px);
    flex-shrink: 0;
    border-radius: var(--cwLobbyCardRadius);
    overflow: hidden;
    border: 1px solid var(--bg-level-3);
}

.skeleton-recommended__inner {
    position: relative;
}

.skeleton-recommended__img {
    height: calc(93px + (318 - 93) * (100vw - 320px) / (991 - 320));
}

.skeleton-recommended__footer {
    border-radius: 0px 0px var(--cwLobbyCardRadius) var(--cwLobbyCardRadius);
    height: 28px;
}

.no_card_footer .skeleton-recommended__footer {
    display: none;
}
/*End Skeleton loading Recommended*/