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%;
    border: 1px solid var(--bg-level-3,var(--cwCardBgHover))
}

.lb_card_body {
    width: 100%;
    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: "";
    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
}

.lb_card_footer {
    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)
}

.lb_card_flag.ru {
    background-position-y: -14px
}

.lb_card_flag.en {
    background-position-y: -29px
}

.lb_card_flag.hy {
    background-position-y: -43px
}

.lb_card_flag.tr {
    background-position-y: -58px
}

.lb_card_flag.bs {
    background-position-y: -72px
}

.lb_card_flag.fa-basketball {
    background-position-y: -86px
}

.lb_card_flag.kw {
    background-position-y: -101px
}

.lb_card_flag.sr {
    background-position-y: -115px
}

.lb_card_flag.hr {
    background-position-y: -130px
}

.lb_card_flag.uk {
    background-position-y: -144px
}

.lb_card_flag.tj {
    background-position-y: -158px
}

.lb_card_flag.he,.lb_card_flag.il {
    background-position-y: -173px
}

.lb_card_flag.es,.lb_card_flag.es-spanish {
    background-position-y: -187px
}

.lb_card_flag.anhayt {
    background-position-y: -202px
}

.lb_card_flag.it {
    background-position-y: -216px
}

.lb_card_flag.fr {
    background-position-y: -230px
}

.lb_card_flag.de {
    background-position-y: -245px
}

.lb_card_flag.ko {
    background-position-y: -259px
}

.lb_card_flag.el {
    background-position-y: -274px
}

.lb_card_flag.da {
    background-position-y: -288px
}

.lb_card_flag.fi {
    background-position-y: -302px
}

.lb_card_flag.cs {
    background-position-y: -317px
}

.lb_card_flag.sv {
    background-position-y: -331px
}

.lb_card_flag.ka {
    background-position-y: -346px
}

.lb_card_flag.nb {
    background-position-y: -360px
}

.lb_card_flag.zh,.lb_card_flag.zh-cht {
    background-position-y: -374px
}

.lb_card_flag.th {
    background-position-y: -389px
}

.lb_card_flag.kk {
    background-position-y: -403px
}

.lb_card_flag.az {
    background-position-y: -418px
}

.lb_card_flag.br {
    background-position-y: -432px
}

.lb_card_flag.ja {
    background-position-y: -446.5px
}

.lb_card_flag.hi {
    background-position-y: -461px
}

.lb_card_flag.pk,.lb_card_flag.ur,.lb_card_flag.ur-pk {
    background-position-y: -475px
}

.lb_card_flag.lt {
    background-position-y: -490px
}

.lb_card_flag.aeb,.lb_card_flag.tn {
    background-position-y: -504px
}

.lb_card_flag.vn,.lb_card_flag.vi {
    background-position-y: -518.5px
}

.lb_card_flag.uz {
    background-position-y: -533px
}

.lb_card_flag.pol,.lb_card_flag.pl {
    background-position-y: -547px
}

.lb_card_flag.sq {
    background-position-y: -562px
}

.lb_card_flag.et,.lb_card_flag.am {
    background-position-y: -576px
}

.lb_card_flag.bn {
    background-position-y: -590.5px
}

.lb_card_flag.be,.lb_card_flag.by {
    background-position-y: -605px
}

.lb_card_flag.ro {
    background-position-y: -619px
}

.lb_card_flag.fa {
    background-position-y: -634px
}

.lb_card_flag.ar {
    background-position-y: -648px
}

.lb_card_flag.ku {
    background-position-y: -662.5px
}

.lb_card_flag.bg {
    background-position-y: -677px
}

.lb_card_flag.pt {
    background-position-y: -691px
}

.lb_card_flag.mn {
    background-position-y: -706px
}

.lb_card_flag.mne,.lb_card_flag.cnr {
    background-position-y: -720px
}

.lb_card_flag.my {
    background-position-y: -734px
}

.lb_card_flag.sl {
    background-position-y: -749px
}

.lb_card_flag.pa {
    background-position-y: -763px
}

.lb_card_flag.nl {
    background-position-y: -777.5px
}

.lb_card_more_btn .loading-dots {
    --color-dot: var(--text-level-high,var(--cwCardTxt));
    --box-color: var(--bg-level-4,var(--cwCardBg2))
}

.lb_card_hover {
    border-radius: var(--cwLobbyCardRadius);
    border: 1px solid var(--bg-level-3);
    background: rgba(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) 0 0;
    background: linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,0) 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: "";
    font-size: 38px;
    font-weight: 400;
    margin-inline-end:7px;width: 20px;
    height: 20px
}

.lb_card_like.active:before {
    content: ""
}

.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: "";
    font-size: 38px;
    line-height: 20px
}

.lb_card_favorite.active::before {
    content: ""
}

.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_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)
}

.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,.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 0 0;
    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
    }
}

.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
}

.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.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
}

.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,.5)),var(--cwCardShadowFade 70%,rgba(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
}

.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: 0 0 var(--cwLobbyCardRadius) var(--cwLobbyCardRadius);
    height: 28px
}

.no_card_footer .skeleton-mostLiked__footer {
    display: none
}
