#ui-tab-3 .c168-preapi-game-ui ._name-img-layout_gji9e_45{
    position:relative!important;
    z-index:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    width:var(--card-benchmark)!important;
    cursor:pointer!important;
    margin-left:calc(var(--card-benchmark) * .0366667)!important}
[dir=rtl] #ui-tab-3 .c168-preapi-game-ui ._name-img-layout_gji9e_45{
    margin-left:0!important;
    margin-right:calc(var(--card-benchmark) * .0366667)!important}
#ui-tab-3 .c168-preapi-game-ui ._game-name-normal_nto5v_45{
    width:100%!important;
    text-align:center!important;
    overflow:hidden!important}
#ui-tab-3 .c168-preapi-game-ui ._game-name-normal_nto5v_45._game-height_nto5v_50{
    height:var(--game-height-size)!important}
#ui-tab-3 .c168-preapi-game-ui ._game-name-normal_nto5v_45 ._name-inner_nto5v_53{
    width:100%!important}
#ui-tab-3 .c168-preapi-game-ui ._game-name-normal_nto5v_45._line-one_nto5v_56 ._name-inner_nto5v_53{
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important}
#ui-tab-3 .c168-preapi-game-ui ._game-name-normal_nto5v_45._line-two_nto5v_61 ._name-inner_nto5v_53{
    display:-webkit-box!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    vertical-align:middle!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important}
#ui-tab-3 .c168-preapi-game-ui ._game-platform-name_16cw0_45{
    --game-name-width:calc(var(--card-benchmark) * .4)!important;
    --game-name-show-width:calc(var(--card-benchmark) * .3666667)!important;
    --game-name-height:calc(var(--card-benchmark) * .16)!important;
    --game-name-left:0!important;
    --game-name-bottom:calc(var(--card-benchmark) * .0533333)!important;
    --game-name-font-size:calc(var(--card-benchmark) * .0666667)!important;
    position:absolute!important;
    bottom:var(--game-name-bottom)!important;
    left:var(--game-name-left)!important;
    width:var(--game-name-width)!important;
    height:var(--game-name-height)!important;
    margin:var(--game-name-margin)!important;
    color:var(--skin__primary)!important;
    font-size:var(--game-name-font-size)!important;
    line-height:1.25!important;
    text-align:center!important}
[dir=rtl] #ui-tab-3 .c168-preapi-game-ui ._game-platform-name_16cw0_45{
    left:auto!important;
    right:var(--game-name-left)!important}
#ui-tab-3 .c168-preapi-game-ui ._game-platform-name_16cw0_45 .name-inner{
    width:var(--game-name-show-width)!important;
    margin:0 auto!important;
    font-weight:600!important;
    word-break:break-word!important}
#ui-tab-3 .c168-preapi-game-ui ._poster-image_1yjon_49{
    --poster-image-border-width:0!important;
    --poster-image-border-color:var(--skin__web_plat_line)!important;
    --poster-image-border-radius:var(--poster-image-border-base-radius)!important;
    color:var(--skin__ddt_icon)!important;
    border-style:solid!important;
    border-width:var(--poster-image-border-width)!important;
    border-color:var(--poster-image-border-color)!important;
    border-radius:var(--poster-image-border-radius)!important;
    background-size:100% 100%!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    overflow:hidden!important}
#ui-tab-3 .c168-preapi-game-ui ._poster-image_1yjon_49._shrink-bg-img_1yjon_66{
    background-size:calc(100% - var(--poster-image-shrink-background-size)) calc(100% - var(--poster-image-shrink-background-size))!important}
#ui-tab-3 .c168-preapi-game-ui ._poster-image_1yjon_49.lobby-image--skeleton[data-status=loading]{
    border-radius:var(--poster-image-border-radius)!important}
#ui-tab-3 .c168-preapi-game-ui ._poster-image_1yjon_49._is-has-background-color_1yjon_72{
    background-color:var(--skin__ddt_bg)!important}
#ui-tab-3 .c168-preapi-game-ui ._poster-box-core_1iqt6_45{
    --poster-box-core-width:calc(var(--card-benchmark) * .433333)!important;
    --poster-box-core-height:calc(var(--card-benchmark) * .433333)!important;
    position:absolute!important;
    width:var(--poster-box-core-width)!important;
    height:var(--poster-box-core-height)!important;
    overflow:hidden!important;
    right:calc(var(--card-benchmark) * .133333)!important;
    left:auto!important;
    top:calc(var(--card-benchmark) * .05)!important;
    background-color:transparent!important;
    background-size:cover!important}
[dir=rtl] #ui-tab-3 .c168-preapi-game-ui ._poster-box-core_1iqt6_45{
    left:calc(var(--card-benchmark) * .133333)!important;
    right:auto!important}
#ui-tab-3 .c168-preapi-game-ui ._virtual-border_1unl1_45{
    box-sizing:border-box!important;
    position:absolute!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    width:100%!important;
    height:100%!important;
    background-size:100% 100%!important;
    pointer-events:none!important}
#ui-tab-3 .c168-preapi-game-ui ._landscape-left-name_61j6f_46{
    --landscape-left-right-width:var(--card-benchmark)!important;
    box-sizing:border-box!important;
    border-radius:calc(var(--card-benchmark) * .04)!important;
    position:relative!important}
#ui-tab-3 .c168-preapi-game-ui ._landscape-left-name_61j6f_46 ._landscape-left_61j6f_46{
    opacity:1!important}
#ui-tab-3 .c168-preapi-game-ui ._landscape-left-name_61j6f_46 ._poster-image-logo_61j6f_55{
    position:absolute!important;
    width:calc(var(--card-benchmark) * .266667)!important;
    height:calc(var(--card-benchmark) * .266667)!important;
    left:calc(var(--card-benchmark) * .066667)!important;
    top:calc(var(--card-benchmark) * .053333)!important;
    z-index:2!important}
[dir=rtl] #ui-tab-3 .c168-preapi-game-ui ._landscape-left-name_61j6f_46 ._poster-image-logo_61j6f_55{
    left:auto!important;
    right:calc(var(--card-benchmark) * .066667)!important}
#ui-tab-3 .c168-preapi-game-ui ._landscape-left-name_61j6f_46 ._favorite-icon_61j6f_63{
    position:absolute!important;
    left:calc(var(--card-benchmark) * .02)!important;
    top:calc(var(--card-benchmark) * .02)!important}
[dir=rtl] #ui-tab-3 .c168-preapi-game-ui ._landscape-left-name_61j6f_46 ._favorite-icon_61j6f_63{
    left:auto!important;
    right:calc(var(--card-benchmark) * .02)!important}
#ui-tab-3 .c168-preapi-game-ui ._landscape-left-name_61j6f_46 .recommend-icon{
    right:0!important;
    left:auto!important}
[dir=rtl] #ui-tab-3 .c168-preapi-game-ui ._landscape-left-name_61j6f_46 .recommend-icon{
    left:0!important;
    right:auto!important}
#ui-tab-3 .c168-preapi-game-ui ._landscape-left-name_61j6f_46 ._mask-maintain_61j6f_72{
    border-radius:calc(var(--card-benchmark) * .04)!important}
#ui-tab-3 .c168-preapi-game-ui ._game-platform-name_ylgoz_45{
    --game-name-width:calc(var(--card-benchmark) * .4)!important;
    --game-name-show-width:calc(var(--card-benchmark) * .3666667)!important;
    --game-name-height:calc(var(--card-benchmark) * .16)!important;
    --game-name-right:0!important;
    --game-name-bottom:calc(var(--card-benchmark) * .053333)!important;
    --game-name-font-size:calc(var(--card-benchmark) * .066667)!important;
    position:absolute!important;
    bottom:var(--game-name-bottom)!important;
    right:var(--game-name-right)!important;
    width:var(--game-name-width)!important;
    height:var(--game-name-height)!important;
    margin:var(--game-name-margin)!important;
    color:var(--skin__primary)!important;
    font-size:var(--game-name-font-size)!important;
    line-height:1.25!important;
    text-align:center!important}
[dir=rtl] #ui-tab-3 .c168-preapi-game-ui ._game-platform-name_ylgoz_45{
    right:auto!important;
    left:var(--game-name-right)!important}
#ui-tab-3 .c168-preapi-game-ui ._game-platform-name_ylgoz_45 .name-inner{
    width:var(--game-name-show-width)!important;
    margin:0 auto!important;
    font-weight:600!important;
    word-break:break-word!important}
#ui-tab-3 .c168-preapi-game-ui ._poster-box-core_hwfjs_46{
    --poster-box-core-width:calc(var(--card-benchmark) * .43333)!important;
    --poster-box-core-height:calc(var(--card-benchmark) * .43333)!important;
    position:absolute!important;
    width:var(--poster-box-core-width)!important;
    height:var(--poster-box-core-height)!important;
    overflow:hidden!important;
    left:calc(var(--card-benchmark) * .133333)!important;
    top:calc(var(--card-benchmark) * .05)!important;
    background-color:transparent!important;
    background-size:cover!important}
[dir=rtl] #ui-tab-3 .c168-preapi-game-ui ._poster-box-core_hwfjs_46{
    left:auto!important;
    right:calc(var(--card-benchmark) * .133333)!important}
#ui-tab-3 .c168-preapi-game-ui ._landscape-right-name_1e09m_46{
    --landscape-left-right-width:var(--card-benchmark)!important;
    box-sizing:border-box!important;
    border-radius:calc(var(--card-benchmark) * .04)!important;
    position:relative!important}
#ui-tab-3 .c168-preapi-game-ui ._landscape-right-name_1e09m_46 ._landscape-right_1e09m_46{
    opacity:1!important}
#ui-tab-3 .c168-preapi-game-ui ._landscape-right-name_1e09m_46 ._poster-image-logo_1e09m_55{
    position:absolute!important;
    width:calc(var(--card-benchmark) * .266667)!important;
    height:calc(var(--card-benchmark) * .266667)!important;
    right:calc(var(--card-benchmark) * .066667)!important;
    top:calc(var(--card-benchmark) * .053333)!important;
    z-index:2!important}
[dir=rtl] #ui-tab-3 .c168-preapi-game-ui ._landscape-right-name_1e09m_46 ._poster-image-logo_1e09m_55{
    right:auto!important;
    left:calc(var(--card-benchmark) * .066667)!important}
#ui-tab-3 .c168-preapi-game-ui ._landscape-right-name_1e09m_46 ._favorite-icon_1e09m_63{
    position:absolute!important;
    right:calc(var(--card-benchmark) * .02)!important;
    top:calc(var(--card-benchmark) * .02)!important}
[dir=rtl] #ui-tab-3 .c168-preapi-game-ui ._landscape-right-name_1e09m_46 ._favorite-icon_1e09m_63{
    right:auto!important;
    left:calc(var(--card-benchmark) * .02)!important}
#ui-tab-3 .c168-preapi-game-ui ._landscape-right-name_1e09m_46 .recommend-icon{
    left:calc(var(--card-benchmark) * .116667)!important}
[dir=rtl] #ui-tab-3 .c168-preapi-game-ui ._landscape-right-name_1e09m_46 .recommend-icon{
    left:auto!important;
    right:calc(var(--card-benchmark) * .116667)!important}
#ui-tab-3 .c168-preapi-game-ui ._landscape-right-name_1e09m_46 ._mask-maintain_1e09m_71{
    border-radius:calc(var(--card-benchmark) * .04)!important}
#ui-tab-3 .c168-preapi-game-ui ._name-img-layout_1o221_45{
    position:relative!important;
    z-index:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    width:var(--card-benchmark)!important;
    cursor:pointer!important;
    margin-left:calc(var(--card-benchmark) * -.0733334)!important}
[dir=rtl] #ui-tab-3 .c168-preapi-game-ui ._name-img-layout_1o221_45{
    margin-left:0!important;
    margin-right:calc(var(--card-benchmark) * -.0733334)!important}
#ui-tab-3 .c168-preapi-game-ui ._list-ordinary_1gyrx_45{
    width:fit-content!important}
#ui-tab-3 .c168-preapi-game-ui ._list-ordinary_1gyrx_45>._list-ordinary-layout_1gyrx_48{
    display:flex!important;
    flex-wrap:wrap!important}
html[data-gap-supported="1"] #ui-tab-3 .c168-preapi-game-ui ._list-ordinary_1gyrx_45>._list-ordinary-layout_1gyrx_48{
    width:var(--list-ordinary-width)!important;
    height:var(--list-ordinary-height)!important;
    column-gap:calc(var(--list-ordinary-left-right-spacing) - var(--list-ordinary-left-right-spacing-adapt))!important;
    row-gap:var(--list-ordinary-top-bot-spacing)!important}
html[data-gap-supported="0"] #ui-tab-3 .c168-preapi-game-ui ._list-ordinary_1gyrx_45>._list-ordinary-layout_1gyrx_48{
    width:calc(var(--list-ordinary-width) + var(--list-ordinary-left-right-spacing))!important;
    height:calc(var(--list-ordinary-height) + var(--list-ordinary-top-bot-spacing))!important;
    margin:calc(0% - var(--list-ordinary-top-bot-spacing) / 2) calc(0% - var(--list-ordinary-left-right-spacing) / 2)!important}
html[data-gap-supported="0"] #ui-tab-3 .c168-preapi-game-ui ._list-ordinary_1gyrx_45>._list-ordinary-layout_1gyrx_48>*{
    margin:calc(var(--list-ordinary-top-bot-spacing) / 2) calc(var(--list-ordinary-left-right-spacing) / 2 - var(--list-ordinary-left-right-spacing-adapt))!important}
#ui-tab-3 .c168-preapi-game-ui ._layout-box_1blsh_45{
    --div-div-margin-top:.3rem!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important}
#ui-tab-3 .c168-preapi-game-ui ._layout-box_1blsh_45>div+div,#ui-tab-3 .c168-preapi-game-ui ._layout-box_1blsh_45>section+section,#ui-tab-3 .c168-preapi-game-ui ._layout-box_1blsh_45>div+section,#ui-tab-3 .c168-preapi-game-ui ._layout-box_1blsh_45>section+div{
    margin-top:var(--div-div-margin-top)!important}
/* Native flex rows regain their height from the original Hot renderer's row calculation. */
#ui-tab-3 .c168-preapi-game-ui .c168-preapi-home-grid{display:flex!important;flex-wrap:wrap!important;height:var(--list-ordinary-height)!important;min-height:0!important;align-items:stretch!important;align-content:stretch!important;overflow:visible!important}
#ui-tab-3 .c168-preapi-game-ui .c168-preapi-home-grid>.name-img-layout{height:auto!important;min-height:0!important;flex:0 1 auto!important;align-self:auto!important;aspect-ratio:auto!important;transform:none!important;filter:none!important}
#ui-tab-3 .c168-preapi-game-ui .poster-image{transform:none!important;filter:none!important}
#ui-tab-3 .c168-preapi-game-ui .name-inner{font-family:inherit!important}