[data-lgg-category-load][hidden], .loading-observer[hidden]{ display: none !important} .loading-observer--sentinel{ height: 1px; margin: 0; min-height: 0; opacity: 0; overflow: hidden; pointer-events: none} .loading-observer--sentinel span{ display: none !important} .lgg-tile__img picture{ display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%} .lgg-tile__img picture img{ display: block; height: 100%; object-fit: cover; width: 100%} .lgg-tile--slot, .lgg-tile--arcade, .lgg-tile--rtp, .lgg-ph--arcade, .lgg-ph--slot{ padding-bottom: 67.75701%} .lgg-tile--slot .lgg-tile__img picture img, .lgg-tile--slot .lgg-tile__img> img, .lgg-tile--arcade .lgg-tile__img picture img, .lgg-tile--arcade .lgg-tile__img> img{ object-fit: contain} .lgg-tile--poker, .lgg-ph--casino{ padding-bottom: 155.17241%} .poker__grid{ align-content: start; align-items: start; grid-auto-rows: auto; grid-template-rows: none} .lgg-tile--poker .lgg-tile__img picture img, .lgg-tile--poker .lgg-tile__img> img{ height: 100%; object-fit: contain; object-position: center; width: 100%} .lgg-tile__img.lgg-img-ready{ opacity: 1 !important} .fishing .lgg-category-grid .lgg-tile--fishing{ padding-bottom: 127.06767%} .fishing .lgg-category-grid .lgg-tile__img picture img, .fishing .lgg-category-grid .lgg-tile__img> img{ object-fit: contain} .fishing .lgg-category-grid .lgg-tile__img span{ display: none} @media(min-width: 768px){ .fishing .lgg-category-grid{ padding: 0.75rem} .fishing{ min-height: calc(100vh - 80px - 1.5rem)}} .login__error{ background: rgba(6, 30, 125, 0.2); border: 1px solid #061e7d; border-radius: 4px; color: #ffb4b4; display: block; font-size: 0.75rem; margin: 0.5rem 0; padding: 0.5rem 0.75rem; text-transform: none; width: 100%} .login__error[hidden]{ display: none !important} .app-breadcrumbs .nav-item a.app-link--exact-active, .app-breadcrumbs .nav-item a[aria-current="page"]{ color: #fff} .lgg-main> .lgg-category-nav{ flex-shrink: 0; min-width: 0; max-width: 100%; width: 100%} @media(min-width: 1024px){ .lgg-frame.lgg-layout{ overflow-x: clip} .lgg-main{ min-width: 0; max-width: 100%; overflow-x: clip} .lgg-main .casino, .lgg-main .lgg-browse, .lgg-main .exclusive-page, .lgg-main .sports, .lgg-main .fishing, .lgg-main .poker, .lgg-main .lotto{ min-width: 0; max-width: 100%; width: 100%} .lgg-main .casino> header, .lgg-main .page-nav, .lgg-main .page-nav__scroll-parent{ min-width: 0; max-width: 100%; width: 100%} .lgg-main .casino-content, .lgg-main .slot-content, .lgg-main .arcade-content{ box-sizing: border-box; min-width: 0; max-width: 100%; width: 100%}} .lgg-main .lgg-browse> header, .lgg-main .slot> header, .lgg-main .sns> header, .lgg-main .casino> header, .lgg-main .search> header, .lgg-main .search header, .lgg-main .promotions> header, .lgg-main .leaderboard> header, .lgg-main section.register> header, .lgg-main section.forgot-password> header, .lgg-main .sports> header, .lgg-main .lotto__nav, .lgg-main .lotto> .page-nav, .lgg-main .sports> .page-nav, .lgg-main .page-nav, .lgg-main .slot-slider--sticky, .lgg-main .lgg-arcade-rail--sticky, .lgg-main .search-module--sticky{ position: static; top: auto} .lgg-main header.surface--primary, .lgg-main .exclusive-page> header, .lgg-main .static-page> header, .lgg-main .contact> header, .lgg-main .complaint> header{ align-items: center; background-color: #030a12; display: flex; padding: 0.5rem; position: sticky; top: 58px; width: 100%; z-index: 9} .lgg-main header.surface--primary:is(h1, h2), .lgg-main .exclusive-page> header:is(h1, h2), .lgg-main .static-page> header:is(h1, h2), .lgg-main .contact> header:is(h1, h2), .lgg-main .complaint> header:is(h1, h2), .fishing> header:is(h1, h2){ align-items: center; display: flex; font-size: 0.875rem; font-weight: 900; line-height: 1.2; margin: 0; min-width: 0; width: 100%} .lgg-main header.surface--primary:is(h1, h2) i, .lgg-main .exclusive-page> header:is(h1, h2) i, .lgg-main .static-page> header:is(h1, h2) i, .lgg-main .contact> header:is(h1, h2) i, .lgg-main .complaint> header:is(h1, h2) i, .fishing> header:is(h1, h2) i{ flex-shrink: 0; margin-right: 0.5rem} .lgg-main header.surface--primary:is(h1, h2) span, .lgg-main .exclusive-page> header:is(h1, h2) span, .lgg-main .static-page> header:is(h1, h2) span, .lgg-main .contact> header:is(h1, h2) span, .lgg-main .complaint> header:is(h1, h2) span, .fishing> header:is(h1, h2) span{ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap} .lgg-main .poker> header.surface--primary:is(h1, h2) i{ margin-right: 0.5rem} .lgg-main .poker> header.surface--primary{ display: grid} @media(max-width: 1023px){ .lgg-main .poker.poker--d> header.surface--primary{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 0.5rem; width: 100%} .lgg-main .poker.poker--d> header.surface--primary:is(h1, h2){ grid-column: 1 / -1; grid-row: 1; margin: 0} .lgg-main .poker.poker--d> header.surface--primary .poker__actions{ grid-column: 1 / -1; grid-row: 2; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0 0.5rem 0.5rem} .lgg-main .poker.poker--d.poker--authed> header.surface--primary:is(h1, h2){ grid-column: 1; align-self: center} .lgg-main .poker.poker--d.poker--authed> header.surface--primary .poker__username{ grid-column: 2 / -1; grid-row: 1; justify-self: stretch} .lgg-main .poker.poker--d.poker--authed> header.surface--primary .poker__actions{ grid-column: 1 / -1; grid-row: 2}} .poker__username[hidden]{ display: none !important} .poker__actions[hidden]{ display: none !important} .sports-content__item[data-lgg-sport-launch]{ cursor: pointer} .sports-content ul[data-lgg-category-grid]{ display: grid; grid-gap: 0.5rem; grid-template-columns: repeat(2, minmax(0, 1fr)); list-style: none; margin: 0; max-width: 100%; min-width: 0; padding: 0} @media(min-width: 768px){ .sports-content ul[data-lgg-category-grid]{ grid-gap: 0.75rem; grid-template-columns: repeat(5, minmax(0, 1fr))}} .sports-content__item button{ pointer-events: none} @media(max-width: 1023px){ .lgg-main> .lgg-category-nav~ .lgg-single--page .lgg-casino-product-nav{ display: none !important}} .lgg-category-grid{ display: grid; grid-gap: 0.5rem; grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; margin: 0; max-width: 100%; min-width: 0; padding: 0} .fishing .lgg-category-grid{ align-content: start; padding: 0 0.5rem 0.5rem} .exclusive-page .lgg-category-grid{ padding: 0 0.5rem 0.5rem} .exclusive-page .lgg-category-grid a{ height: auto; padding-bottom: 0} .exclusive-card ul .lgg-tile__wrapper{ min-width: 0; width: 100%} .exclusive-card ul .lgg-tile__wrapper> a{ display: block; height: auto !important; overflow: visible; padding-bottom: 0 !important; width: 100%} .exclusive-card ul .lgg-tile__wrapper .lgg-tile{ width: 100%} .exclusive-card ul .lgg-tile__wrapper .lgg-tile__img{ align-items: stretch; background-color: transparent !important; border-radius: 0; color: inherit; display: block; height: auto; justify-content: flex-start; position: relative; right: auto; top: auto; width: 100% !important} .exclusive-card ul .lgg-tile__wrapper img{ height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100%} .exclusive-card ul[data-lgg-home-grid="slot-exclusive"]> li{ min-width: 0; width: 100%} @media(min-width: 768px){ .lgg-category-grid:not(.games-grid__casino-lobby){ grid-gap: 0.75rem; grid-template-columns: repeat(6, minmax(0, 1fr))}} .leaderboard__providers{ list-style: none; margin: 0; padding: 0.5rem} .leaderboard__item{ align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.08); display: flex; gap: 0.75rem; padding: 0.5rem 0} .leaderboard__rank{ color: #0e34d5; font-weight: 900; min-width: 1.5rem} .leaderboard__meta{ display: grid; gap: 0.125rem} .leaderboard__distributed{ margin-bottom: 1rem; padding: 0 0.5rem} .leaderboard__distributed h3{ font-size: 0.9375rem; margin: 0 0 0.5rem} .leaderboard__distributed-list{ list-style: none; margin: 0; padding: 0} .leaderboard__distributed-item{ align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.08); display: flex; gap: 0.75rem; justify-content: space-between; padding: 0.45rem 0} .leaderboard__distributed-month{ color: rgba(255, 255, 255, 0.75); font-size: 0.8125rem} .lgg-freespins-list__items{ list-style: none; margin: 0; padding: 0} .lgg-freespins-list__items li{ border-bottom: 1px solid rgba(255, 255, 255, 0.08); padding: 0.65rem 0} .lgg-page-nav-spacer{ height: 0.5rem} .lotto-content__grid> .lotto-content__empty, .lotto-content--lotto> .lotto-content__empty, .lotto-content--e-lottery> .lotto-content__empty{ padding: 1rem 0.5rem} .sports.sports--d, .lotto.lotto--d, .casino.casino--d, .deposit.deposit--d, .withdraw.withdraw--d, .referral-info.referral-info--d{ grid-template-rows: auto auto 1fr} .lgg-main .deposit> .page-nav.surface{ min-width: 0; max-width: 100%; width: 100%} .lgg-main .withdraw> .page-nav.surface{ min-width: 0; max-width: 100%; width: 100%} .lgg-main .referral-info> header .page-nav.surface{ min-width: 0; max-width: 100%; width: 100%} .lgg-main .referral-info.referral-info--d{ min-width: 0; max-width: 100%; width: 100%} .lgg-main .referral-info .page{ min-width: 0; max-width: 100%; width: 100%} .lgg-main .deposit.deposit--d{ min-width: 0; max-width: 100%; width: 100%} .lgg-main .deposit .deposit-content.page, .lgg-main .deposit #opIframe{ min-width: 0; max-width: 100%; width: 100%}[data-lgg-member-guest][hidden],[data-lgg-member-auth][hidden],[data-lgg-member-content][hidden]{ display: none !important} .lgg-main .sports> .page-nav, .lgg-main .lotto> .page-nav, .lgg-main .promotions> .page-nav{ position: sticky; top: 58px; z-index: 9} .lgg-main .casino> header .page-nav.surface{ position: static; top: auto} .page-nav.surface .page-nav__scroll-parent.shadow-container ul a.btn{ align-items: center; display: inline-flex; gap: 0.375rem; white-space: nowrap} .page-nav.surface .page-nav__badge:empty{ display: none} .lgg-member-page__actions{ display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1rem} @media(max-width: 1023px){ .app-header.lgg-mobile-only{ align-items: center; display: grid; grid-template-columns: minmax(0, 1fr) auto; left: 0; padding: 0 0.5rem; position: fixed; right: 0; top: 0; width: 100%; z-index: 99} .app-header.lgg-mobile-only .app-header__brand{ align-items: center; display: grid; grid-auto-flow: column; grid-gap: 0.5rem; justify-self: start; min-width: 0; overflow: hidden} .app-header.lgg-mobile-only .app-header__brand a .lgg-mark{ height: calc(58px - 1rem); max-width: 9.5rem; width: auto} .app-header.lgg-mobile-only .app-header__right{ align-items: center; display: grid; flex-shrink: 0; gap: 6px; grid-auto-flow: column; justify-content: flex-end; justify-self: end} .app-header.lgg-mobile-only .app-header__right> .btn--round, .app-header.lgg-mobile-only .app-header__right> .btn--sm-round{ flex-shrink: 0; height: 32px; min-height: 32px; min-width: 32px; padding: 0; width: 32px} .app-header.lgg-mobile-only .app-header__user{ min-width: 0} .app-header.lgg-mobile-only .app-header__user span[data-lgg-auth-balance]{ font-size: 0.75rem; font-weight: 700; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap} .app-header.lgg-mobile-only .app-header__right> .btn--sm-round i{ color: #fff; font-size: 1.25rem; line-height: 1} .app-header.lgg-mobile-only .app-header__guest{ align-items: center; display: grid; gap: 6px; grid-auto-flow: column; grid-gap: 0.375rem} .app-header.lgg-mobile-only .app-header__guest .btn--brand-text{ background: transparent; border: 0; color: #0e34d5; font-size: 0.875rem; font-weight: 800; height: auto; min-height: 0; padding: 0 0.25rem; text-transform: capitalize} .app-header.lgg-mobile-only .app-header__guest .btn--accent{ align-items: center; border-radius: 20px; display: flex; font-size: 0.875rem; font-weight: 700; height: 36px; min-width: 4.75rem; padding: 0 1rem}} .lgg-browse> header{ overflow: visible} .lgg-browse> header.slot__toolbar{ align-items: center; grid-template-columns: minmax(0, auto) minmax(0, 1fr) auto; height: auto; min-height: 52px} .lgg-browse> header.slot__toolbar:is(h1, h2){ align-items: center; display: flex; font-size: 0.875rem; font-weight: 900; line-height: 1.2; margin: 0; min-width: 0; white-space: nowrap} .lgg-browse> header.slot__toolbar:is(h1, h2) i{ flex-shrink: 0; margin-right: 0.5rem} .lgg-browse> header.slot__toolbar:is(h1, h2) span{ overflow: hidden; text-overflow: ellipsis} .slot> header:is(h1, h2){ align-items: center; display: flex; font-size: 0.875rem; font-weight: 900; line-height: 1.2; margin: 0; min-width: 0} .slot> header:is(h1, h2) i{ flex-shrink: 0; margin-right: 0.5rem} .casino .casino__search:is(h1, h2){ align-items: center; display: flex; font-size: 0.875rem; font-weight: 900; line-height: 1.2; margin: 0; min-width: 0} .casino .casino__search:is(h1, h2) i{ flex-shrink: 0; margin-right: 0.5rem} .lgg-browse .slot__search{ margin-bottom: 0; min-width: 0} .lgg-browse .slot__search .input__root{ width: 100%} .lgg-browse .slot__search .input{ background-color: #081950; font-size: 0.8125rem; height: 36px; min-height: 36px; padding-left: 2rem; width: 100%} .lgg-browse .slot__search .input__icon{ color: #fff; left: 0.5rem; pointer-events: none} .lgg-browse.lgg-category--search .slot-native-carousel, .lgg-browse.lgg-category--search[data-lgg-category-providers]{ display: none} .lgg-browse> header:is(h1, h2){ color: #fff; overflow: visible} .lgg-browse.slot .slot-native-carousel{ -ms-overflow-style: none; -webkit-overflow-scrolling: touch; background-color: #030a12; margin-bottom: 0.5rem; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; width: 100%} .lgg-browse.slot .slot-native-carousel::-webkit-scrollbar{ display: none} @media(max-width: 1023px){ .lgg-browse.slot .slot-native-carousel__container{ align-content: start; grid-auto-columns: 8%; grid-auto-flow: column; grid-template-rows: repeat(3, minmax(0, 1fr)); min-width: 100%; padding: 0.5rem 0; width: max-content}} .lgg-browse.slot .slot-native-carousel__item{ min-width: 0; width: 100%} .lgg-browse.slot .slot-native-carousel__item> span{ font-size: 0.625rem; font-weight: 700; margin-top: 0.125rem; text-align: center} .lgg-browse.slot .slot-native-carousel__img-container{ overflow: hidden; position: relative} .lgg-browse.slot .slot-native-carousel__img-container img{ object-position: center center} .lgg-browse.slot .slot-native-carousel__img-container img[data-lgg-slot-icon-fallback]{ object-fit: contain; padding: 0.25rem} @media(min-width: 1024px){ .lgg-browse.slot .slot-native-carousel__container{ grid-auto-columns: 7%; grid-gap: 0.75rem; grid-template-rows: none; min-width: 0; padding: 0.5rem 0.75rem 0.75rem; width: auto} .lgg-browse.slot .slot-native-carousel__item{ grid-gap: 0.25rem} .lgg-browse.slot .slot-native-carousel__item> span{ font-size: 0.75rem; margin-top: 0; white-space: nowrap} .lgg-browse.slot .slot-native-carousel__img-container img{ object-position: center bottom}} .lgg-browse.slot .slot-slider header a{ color: inherit; text-decoration: none} .lgg-browse.slot .slot-slider header a:is(h1, h2){ align-items: center; color: #fff; display: flex; font-size: 0.875rem; font-weight: 900; line-height: 1.2; margin: 0; min-width: 0} .lgg-browse.slot .slot-slider header a:is(h1, h2) i{ flex-shrink: 0; margin-right: 0.5rem} .lgg-browse.slot .slot-slider header> button{ align-items: center; border: 2px solid #081950; border-radius: 5px; color: #fff; display: flex; font-size: 1rem; height: 100%; justify-content: center; padding: 0 0.5rem} .lgg-browse.slot .slot-slider header> button.active{ background-color: #081950} .lgg-browse.slot .slot-slider header.slot__toolbar{ align-content: center; align-items: center; background-color: #030a12; box-sizing: border-box; display: grid; grid-gap: 0.5rem; grid-template-columns: minmax(0, auto) minmax(0, 1fr) auto; min-height: 52px; padding: 0.5rem; position: relative; top: auto; width: 100%; z-index: 1} @media(max-width: 1023px){ .lgg-main .lgg-browse.slot .slot-slider.slot-slider--sticky{ background-color: #030a12; position: sticky; top: 58px; z-index: 9} .lgg-browse.slot .slot-slider{ display: flex; flex-direction: column} .lgg-browse.slot .slot-slider .lgg-rail__inner{ flex: 0 0 auto; position: relative; z-index: 0}} .lgg-browse.slot .slot-slider .lgg-rail__controls{ display: none} .lgg-browse.slot .slot-slider .lgg-rail__inner{ overflow: hidden; width: 100%} @media(max-width: 1023px){ .lgg-browse.slot .slot-slider .lgg-rail__container{ -ms-overflow-style: none; -webkit-overflow-scrolling: touch; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; width: 100%} .lgg-browse.slot .slot-slider .lgg-rail__container::-webkit-scrollbar{ display: none}} @media(min-width: 1024px){ .lgg-browse.slot .slot-slider .lgg-rail__container{ overflow: visible}} .lgg-browse.slot .slot-slider .lgg-rail__container ul{ display: grid; grid-auto-flow: column; align-content: start; list-style: none; margin: 0} @media(max-width: 1023px){ .lgg-browse.slot .slot-slider .lgg-rail__container{ transform: none !important} .lgg-browse.slot .slot-slider .lgg-rail__container ul{ grid-auto-columns: 6%; grid-gap: 0.5rem; grid-template-rows: repeat(3, minmax(0, 1fr)); min-width: 100%; width: max-content} .lgg-browse.slot .slot-slider .slot-slider__img-container img{ border-radius: 10px; border-width: 2px; padding: 0.125rem}} .lgg-browse.slot .slot-slider .slot-slider__item{ min-width: 0; width: 100%} .lgg-browse.slot .slot-slider .slot-slider__item> span{ font-size: 0.625rem; font-weight: 700; margin-top: 0.125rem; text-align: center} .lgg-browse.slot .slot-slider .slot-slider__img-container img[data-lgg-slot-icon-fallback]{ object-fit: contain; padding: 0.25rem} @media(min-width: 1024px){ .lgg-browse.slot .slot-slider header.slot__toolbar{ grid-gap: 0.75rem; grid-template-columns: auto auto minmax(0, 1fr) auto; height: 52px; padding: 0.25rem 0.75rem} .lgg-browse.slot .slot-slider .lgg-rail__controls{ display: grid} .lgg-browse.slot .slot-slider .lgg-rail__inner{ overflow: hidden} .lgg-browse.slot .slot-slider .lgg-rail__container ul{ grid-auto-columns: 6%; grid-gap: 0.75rem; grid-template-rows: none; min-width: 0; padding: 0.5rem 0.75rem 0.75rem; width: auto} .lgg-browse.slot .slot-slider .slot-slider__item{ grid-gap: 0.25rem} .lgg-browse.slot .slot-slider .slot-slider__item> span{ font-size: 0.75rem; margin-top: 0; white-space: nowrap} .lgg-browse.slot .slot-slider .slot-slider__img-container img{ object-position: center bottom}} .lgg-browse.arcade .lgg-arcade-rail header a{ color: inherit; text-decoration: none} .lgg-browse.arcade .lgg-arcade-rail header a:is(h1, h2){ align-items: center; color: #fff; display: flex; font-size: 0.875rem; font-weight: 900; line-height: 1.2; margin: 0; min-width: 0} .lgg-browse.arcade .lgg-arcade-rail header a:is(h1, h2) i{ flex-shrink: 0; margin-right: 0.5rem} .lgg-browse.arcade .lgg-arcade-rail header> button{ align-items: center; border: 2px solid #081950; border-radius: 5px; color: #fff; display: flex; font-size: 1rem; height: 100%; justify-content: center; padding: 0 0.5rem} .lgg-browse.arcade .lgg-arcade-rail header> button.active{ background-color: #081950} .lgg-browse.arcade .lgg-arcade-rail .lgg-rail__inner{ overflow: hidden; width: 100%} @media(max-width: 1023px){ .lgg-browse.arcade .lgg-arcade-rail .lgg-rail__container{ -ms-overflow-style: none; -webkit-overflow-scrolling: touch; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; width: 100%} .lgg-browse.arcade .lgg-arcade-rail .lgg-rail__container::-webkit-scrollbar{ display: none}} @media(min-width: 1024px){ .lgg-browse.arcade .lgg-arcade-rail .lgg-rail__container{ overflow: visible}} .lgg-browse.arcade .lgg-arcade-rail .lgg-rail__container ul{ display: grid; grid-auto-flow: column; align-content: start; list-style: none; margin: 0} @media(max-width: 1023px){ .lgg-browse.arcade .lgg-arcade-rail .lgg-rail__container ul{ grid-auto-columns: clamp(3.75rem, 18vw, 4.5rem); grid-gap: 0.75rem; min-width: 100%; padding: 0.5rem 0.75rem 0.75rem; width: max-content}} @media(min-width: 1024px){ .lgg-browse.arcade .lgg-arcade-rail .lgg-rail__container ul{ grid-auto-columns: 7%; grid-gap: 0.75rem; min-width: 0; padding: 0.5rem 0.75rem 0.75rem; width: auto}} .lgg-browse.arcade .lgg-arcade-rail .lgg-arcade-rail__item{ min-width: 0; width: 100%} .lgg-browse.arcade .lgg-arcade-rail .lgg-arcade-rail__item> span{ font-size: 0.75rem; font-weight: 700; max-width: 100%; overflow: hidden; text-overflow: ellipsis} .lgg-browse.arcade .lgg-arcade-rail .lgg-arcade-rail__img-container img[data-lgg-slot-icon-fallback]{ object-fit: contain; padding: 0.25rem} .arcade-content{ overflow: hidden; position: relative; width: 100%} .arcade-content .games-grid, .arcade-content .lgg-category-grid{ display: grid; grid-gap: 0.5rem; align-content: start; align-items: start; grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; margin: 0; padding: 0 0.5rem 0.5rem} .arcade-content .games-grid .alert, .arcade-content .lgg-category-grid .alert{ grid-column: 1 / -1} @media(min-width: 768px){ .arcade-content .games-grid, .arcade-content .lgg-category-grid{ grid-gap: 0.75rem; grid-template-columns: repeat(6, minmax(0, 1fr))}} .casino-content{ box-sizing: border-box; max-width: 100%; min-width: 0; overflow-x: clip; overflow-y: visible; position: relative; width: 100%} .casino-content .games-grid, .casino-content .lgg-category-grid{ align-content: start; align-items: start; box-sizing: border-box; grid-auto-rows: auto; grid-template-rows: none; max-width: 100%; min-width: 0; padding: 0 0.5rem 0.5rem; width: 100%} .casino-content .lgg-category-grid> li{ min-width: 0} .casino-content .lgg-category-grid .alert{ grid-column: 1 / -1} .casino-content .lgg-category-grid.games-grid__casino-lobby, .casino-content .games-grid.games-grid__casino-lobby{ grid-template-columns: repeat(2, minmax(0, 1fr))} @media(min-width: 768px){ .casino-content .lgg-category-grid:not(.games-grid__casino-lobby){ grid-gap: 0.75rem; grid-template-columns: repeat(6, minmax(0, 1fr))} .casino-content .lgg-category-grid.games-grid__casino-lobby, .casino-content .games-grid.games-grid__casino-lobby{ grid-gap: 0.75rem; grid-template-columns: repeat(4, minmax(0, 1fr))}} @media(min-width: 1024px){ .casino-content .lgg-category-grid{ padding: 0 0.75rem 0.75rem}} @media(max-width: 1023px){ .casino-content .lgg-tile--casino-lobby .lgg-tile__img span{ display: none}} .casino-content .lgg-category-grid:not(.games-grid__casino-lobby){ grid-template-columns: repeat(3, minmax(0, 1fr))} .casino-content .lgg-category-grid .lgg-tile--casino:not(.lgg-tile--casino-lobby){ padding-bottom: 155.17241%} .casino-content .lgg-category-grid .lgg-tile.lgg-tile--casino-lobby{ height: 0; overflow: hidden; padding-bottom: 155.17241%; position: relative; width: 100%} .casino-content .lgg-category-grid .lgg-tile__wrapper{ min-width: 0; width: 100%} .casino-content .lgg-category-grid .lgg-tile__wrapper> a{ display: block; height: auto; overflow: hidden; padding-bottom: 0; width: 100%} .casino-content .lgg-category-grid .lgg-tile__wrapper .lgg-tile{ width: 100%} .casino-content .lgg-category-grid .lgg-tile__img{ border-radius: 10px; height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%} .casino-content .lgg-category-grid .lgg-tile__img picture, .casino-content .lgg-category-grid .lgg-tile__img picture img, .casino-content .lgg-category-grid .lgg-tile__img> img{ display: block; height: 100%; object-fit: contain; object-position: center; width: 100%} .casino-content .lgg-category-grid .lgg-tile--casino-lobby .lgg-tile__name{ display: none} .casino-content .lgg-category-grid .lgg-tile--casino:not(.lgg-tile--casino-lobby) .lgg-tile__name{ display: block; font-size: 0.75rem; overflow: hidden; padding: 0.25rem 0.125rem 0; text-overflow: ellipsis; white-space: nowrap} @media(min-width: 768px){ .casino-content .lgg-category-grid .lgg-tile--casino:not(.lgg-tile--casino-lobby) .lgg-tile__name{ font-size: 0.875rem; padding-left: 0.25rem; padding-right: 0.25rem}} .casino-content .lgg-category-grid .lgg-tile--casino-lobby .lgg-tile__count{ pointer-events: none; z-index: 4} .promo-native-carousel__flag.exclusive, .promo-native-carousel__flag.network, .promo-card__flag.exclusive, .promo-card__flag.network, .promotion__flag.exclusive, .promotion__flag.network{ display: flex !important; grid-template-rows: unset !important; height: 1.5rem !important; min-height: 0 !important; position: absolute !important; width: 1.5rem !important} .promo-card__flag.exclusive, .promo-native-carousel__flag.exclusive, .promotion__flag.exclusive{ background-color: #f2a20f !important} .promo-card__flag.network, .promo-native-carousel__flag.network, .promotion__flag.network{ background-color: #0a46a6 !important} .promotion-banner span.exclusive, .promotion-banner span.network{ display: block; grid-template-rows: unset; min-height: 0; position: absolute; width: auto} @media(max-width: 1023px){ .lgg-main .casino{ grid-template-columns: minmax(0, 1fr); max-width: 100%; min-width: 0; overflow-x: clip; width: 100%} .lgg-main .casino> header, .lgg-main .casino .page-nav, .lgg-main .casino .page-nav__scroll-parent{ max-width: 100%; min-width: 0; overflow-x: clip; width: 100%} .lgg-main .casino .page-nav ul{ max-width: 100%; min-width: 0} .lgg-main .casino-content{ max-width: 100%; min-width: 0; overflow-x: clip; width: 100%} .casino .casino__search{ background-color: #030a12; grid-template-columns: auto minmax(0, 1fr) auto; height: 52px; padding: 0.5rem} .casino .casino__search:is(h1, h2){ color: #fff; font-size: 0.875rem; font-weight: 900; white-space: nowrap} .casino .casino__search:is(h1, h2) i{ margin-right: 0.25rem} .casino .casino__search .input__container{ margin-bottom: 0; min-width: 0} .casino .casino__search .input{ background-color: #081950} .casino .page-nav.page-nav--d{ background-color: #081950; display: block; height: auto; min-height: 52px; padding: 0.5rem 0; position: static; top: auto} .casino .page-nav.page-nav--d .page-nav__scroll-parent{ width: 100%} .casino .page-nav ul a.btn{ align-items: center; display: inline-flex; gap: 0.375rem; padding: 0.375rem 0.625rem; white-space: nowrap} .casino .page-nav ul a.btn .page-nav__badge{ margin-left: 0.125rem}} @media(min-width: 1024px){ .casino .lgg-casino-product-nav, .casino .casino__search{ display: none}} .footer-meta{ background-color: #030a12; position: relative; z-index: 0} .footer-meta__container{ align-items: stretch; box-sizing: border-box; display: flex; justify-content: center; margin: 0 auto; max-height: 8rem; max-width: 1366px; overflow: hidden; padding: 1rem 0 2rem; position: relative; transition: max-height 0.2s ease; width: 100%} .footer-meta__container.footer-meta--collapsed{ flex-direction: column; max-height: none; overflow: visible} .footer-meta--d .footer-meta__container{ max-height: 8rem} .footer-meta--d .footer-meta__container.footer-meta--collapsed{ max-height: none} .footer-meta__container.footer-meta--collapsed .footer-meta__featured{ display: none} .footer-meta__featured{ flex-shrink: 0; margin: 0 0 0.75rem; max-width: 100%; overflow: hidden; width: 100%} .footer-meta__featured img{ border-radius: 6px; display: block; height: auto; margin: 0 auto; max-height: 10rem; max-width: 100%; object-fit: contain; width: auto} .footer-meta article{ color: hsla(0, 0%, 100%, 0.72); flex: 1 1 auto; font-size: 0.75rem; line-height: 1.5; min-height: 0; overflow: hidden; position: relative; width: 100%} .footer-meta__container.footer-meta--collapsed article{ overflow: visible} .footer-meta article h2, .footer-meta article h3, .footer-meta article h4{ color: hsla(0, 0%, 100%, 0.95); font-size: 0.8125rem; font-weight: 700; line-height: 1.35; margin: 0.75rem 0 0.375rem} .footer-meta article section:first-child> h2:first-child, .footer-meta article> h2:first-child{ margin-top: 0} .footer-meta article p{ margin: 0 0 0.5rem} .footer-meta article p:last-child{ margin-bottom: 0} .footer-meta article a{ color: #0e34d5; font-weight: 600} .footer-meta article strong{ color: hsla(0, 0%, 100%, 0.92); font-weight: 700} .footer-meta article ul, .footer-meta article ol{ margin: 0 0 0.5rem; padding-left: 1.125rem} .footer-meta article li{ margin-bottom: 0.25rem} .footer-meta article table{ border-collapse: collapse; display: block; font-size: 0.6875rem; margin: 0.5rem 0; max-width: 100%; overflow-x: auto; width: 100%} .footer-meta article th, .footer-meta article td{ border: 1px solid rgba(255, 255, 255, 0.12); padding: 0.25rem 0.375rem; text-align: left; vertical-align: top} .footer-meta__container:not(.footer-meta--collapsed) article:after{ background: linear-gradient(0deg, #030a12, rgba(3, 10, 18, 0)); bottom: 0; content: ""; height: 2rem; left: 0; pointer-events: none; position: absolute; width: 100%; z-index: 1} .footer-meta__container.footer-meta--collapsed article:after{ content: none} .footer-meta__container:not(.footer-meta--collapsed)> button[data-lgg-footer-meta-toggle], .footer-meta__container:not(.footer-meta--collapsed)> button{ background: none; border: none; bottom: 0.5rem; color: #0e34d5; cursor: pointer; font-size: 0.75rem; font-weight: 600; left: 0; padding: 0; position: absolute; z-index: 3} .footer-meta__container.footer-meta--collapsed> button[data-lgg-footer-meta-toggle], .footer-meta__container.footer-meta--collapsed> button{ align-self: flex-start; background: none; border: none; color: #0e34d5; cursor: pointer; font-size: 0.75rem; font-weight: 600; margin-top: 0.5rem; padding: 0; position: static} .footer-meta article section{ margin-bottom: 0.75rem} .footer-meta article section:last-child{ margin-bottom: 0} .footer-meta .lgg-home-faq{ margin-top: 0.75rem} .lgg-marquee{ align-items: center; background-color: #081950; border-radius: 6px; display: flex; gap: 0.375rem; margin: 0 0.5rem; min-height: 1.625rem; min-width: 0; overflow: hidden; padding: 0.25rem 0.5rem} .lgg-marquee__icon{ color: #0e34d5; flex-shrink: 0; font-size: 0.75rem; line-height: 1} .lgg-marquee__viewport{ flex: 1; -webkit-mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent); mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent); min-width: 0; overflow: hidden} .lgg-marquee__track{ display: flex; list-style: none; margin: 0; padding: 0; width: max-content; will-change: transform} .lgg-marquee__track--ready{ animation: lgg-marquee-scroll 36s linear infinite} .lgg-marquee:hover .lgg-marquee__track--ready{ animation-play-state: paused} @keyframes lgg-marquee-scroll{ 0%{ transform: translate3d(0, 0, 0)} 100%{ transform: translate3d(-50%, 0, 0)}} .lgg-marquee__item{ color: hsla(0, 0%, 100%, 0.82); flex-shrink: 0; font-size: 0.625rem; font-weight: 500; line-height: 1.2; padding-right: 2rem; white-space: nowrap} .lgg-marquee__item[aria-hidden="true"]{ pointer-events: none} @media(prefers-reduced-motion: reduce){ .lgg-marquee__item[aria-hidden="true"]{ display: none}} @media(min-width: 1024px){ .lgg-stage--d .lgg-marquee{ margin: 0 0 0.5rem; padding: 0.3125rem 0.625rem} .lgg-marquee__item{ font-size: 0.6875rem}} @media(max-width: 1023px){ .lgg-home-mobile .lgg-marquee{ margin: 0.5rem 0.5rem 0}} .lgg-home-faq{ margin-top: 0.75rem} .lgg-home-faq__item{ border-top: 1px solid rgba(255, 255, 255, 0.08)} .lgg-home-faq__item:first-child{ border-top: none} .lgg-home-faq__question{ color: hsla(0, 0%, 100%, 0.92); cursor: pointer; font-size: 0.75rem; font-weight: 600; list-style: none; padding: 0.5rem 0; position: relative} .lgg-home-faq__question::-webkit-details-marker{ display: none} .lgg-home-faq__question::after{ color: #0e34d5; content: "+"; font-size: 1rem; font-weight: 700; position: absolute; right: 0; top: 50%; transform: translateY(-50%)} .lgg-home-faq__item[open] .lgg-home-faq__question::after{ content: "−"} .lgg-home-faq__answer{ color: hsla(0, 0%, 100%, 0.72); font-size: 0.6875rem; line-height: 1.45; padding: 0 0 0.5rem} .icon-kagaming_slots:before{ content: "\e9ea"} .icon-pgsport:before{ content: "\e91c"} .lgg-member-login-banner{ box-sizing: border-box; margin: 0.35rem 0; max-width: 100%; min-width: 0; width: 100%} .lgg-member-login-banner[hidden]{ display: none !important} .lgg-member-login-banner__link{ display: block; line-height: 0; overflow: hidden; position: relative; width: 100%} .lgg-member-login-banner__link::before{ content: ""; display: block; padding-bottom: 12.5%} .lgg-member-login-banner img{ display: block; height: 100%; left: 0; object-fit: cover; object-position: center; position: absolute; top: 0; width: 100%} .lgg-apidevel-crm{ position: fixed; right: 12px; bottom: calc(8.75rem + env(safe-area-inset-bottom, 0px)); z-index: 201; pointer-events: none} #lgg-mobile-nav .lgg-apidevel-crm:not([hidden]){ position: static; right: auto; bottom: auto; z-index: auto; display: flex; align-items: center; justify-content: center; width: 100%; height: 60px; pointer-events: none} @media(min-width: 1024px){ .lgg-apidevel-crm, #lgg-crmchat-notice{ display: none !important}} .lgg-apidevel-crm[hidden], .lgg-apidevel-crm__sheet[hidden]{ display: none !important} .lgg-apidevel-crm__sheet{ position: fixed; inset: 0; z-index: 210} .lgg-apidevel-crm__backdrop, .lgg-apidevel-crm__drawer, .lgg-apidevel-crm__bar, .lgg-apidevel-crm__close, .lgg-apidevel-crm__form, .lgg-apidevel-crm__fab{ pointer-events: auto} .lgg-apidevel-crm__backdrop{ position: absolute; inset: 0; background: rgba(3, 10, 18, 0.55)} .lgg-apidevel-crm__drawer{ position: absolute; top: 0; left: 0; right: 0; display: flex; flex-direction: column; height: min(70dvh, 640px); background: #030a12; color: #f4f7fb; border-radius: 0 0 16px 16px; overflow: hidden} .lgg-apidevel-crm__log{ display: flex; flex-direction: column; flex: 1 1 auto; gap: 0.55rem; min-height: 0; overflow-y: auto; padding: 0.85rem 0.75rem 0.5rem} .lgg-apidevel-crm__row{ display: flex; align-items: flex-end; gap: 0.4rem; max-width: 92%} .lgg-apidevel-crm__row--member{ align-self: flex-end; flex-direction: row-reverse} .lgg-apidevel-crm__face{ flex: 0 0 1.85rem; display: grid; place-items: center; width: 1.85rem; height: 1.85rem; border-radius: 999px; background: #c9a227; color: #1a1404; font-size: 0.62rem; font-weight: 800; letter-spacing: 0.02em; overflow: hidden} .lgg-apidevel-crm__face img{ width: 100%; height: 100%; object-fit: cover; border-radius: inherit} .lgg-apidevel-crm__row--member .lgg-apidevel-crm__face{ background: #f4f7fb; color: #8f1d3a} .lgg-apidevel-crm__bubble{ min-width: 0; padding: 0.38rem 0.65rem 0.32rem; border-radius: 12px; background: #16365a} .lgg-apidevel-crm__row--member .lgg-apidevel-crm__bubble{ background: #8f1d3a} .lgg-apidevel-crm__shot{ display: block; max-width: min(100%, 14rem); border-radius: 10px} .lgg-apidevel-crm__file{ display: inline-flex; align-items: center; border: 0; border-radius: 8px; padding: 0.45rem 0.6rem; background: #16365a; color: #f4f7fb; font-size: 0.75rem; font-weight: 700; cursor: pointer} .lgg-apidevel-crm__who{ display: block; margin-bottom: 0.08rem; font-size: 0.62rem; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; opacity: 0.72} .lgg-apidevel-crm__text{ margin: 0; white-space: pre-wrap; word-break: break-word} .lgg-apidevel-crm__text a{ color: inherit; text-decoration: underline; word-break: break-all} .lgg-apidevel-crm__time{ display: block; margin-top: 0.12rem; font-size: 0.62rem; font-variant-numeric: tabular-nums; opacity: 0.7; text-align: left} .lgg-apidevel-crm__row--member .lgg-apidevel-crm__time{ text-align: right} .lgg-apidevel-crm__quick{ position: relative; padding: 0.45rem 0.75rem 0; background: #0b1c30} .lgg-apidevel-crm__quick-btn{ display: block; width: 100%; box-sizing: border-box; border: 1px solid rgba(244, 247, 251, 0.35); border-radius: 8px; padding: 0.45rem 2rem 0.45rem 0.7rem; background-color: #0b1c30; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%23f4f7fb' d='M1.4.6 6 5.2 10.6.6 12 2 6 8 0 2z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 0.7rem center; background-size: 0.7rem; color: #f4f7fb; font: inherit; font-size: 0.85rem; font-weight: 700; line-height: 1.3; text-align: left; cursor: pointer} .lgg-apidevel-crm__quick-list{ position: absolute; z-index: 4; left: 0.75rem; right: 0.75rem; bottom: calc(100% - 0.2rem); margin: 0; padding: 0.3rem 0; list-style: none; background: #f4f7fb; border-radius: 8px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35)} .lgg-apidevel-crm__quick-list button{ display: block; width: 100%; box-sizing: border-box; border: 0; padding: 0.55rem 0.75rem; background: transparent; color: #102033; font: inherit; font-size: 0.85rem; font-weight: 700; line-height: 1.3; text-align: left; cursor: pointer} .lgg-apidevel-crm__quick-list button:hover, .lgg-apidevel-crm__quick-list button:focus{ background: #d7e2ee} .lgg-apidevel-crm__form{ display: flex; gap: 0.5rem; padding: 0.55rem 0.75rem; background: #0b1c30} .lgg-apidevel-crm__form textarea{ flex: 1 1 auto; min-width: 0; resize: none; border: 0; border-radius: 8px; padding: 0.55rem 0.7rem; background: #f4f7fb; color: #102033} .lgg-apidevel-crm__form button, .lgg-apidevel-crm__close, .lgg-apidevel-crm__fab{ border: 0; cursor: pointer} .lgg-apidevel-crm__form button{ border-radius: 8px; padding: 0 0.9rem; background: #c9a227; color: #1a1404; font-weight: 700} .lgg-apidevel-crm__bar{ display: flex; align-items: center; justify-content: space-between; min-height: 48px; padding: 0 0.35rem 0 0.9rem; background: #081422} .lgg-apidevel-crm__close{ width: 42px; height: 42px; border-radius: 8px; background: transparent; color: #f4f7fb; font-size: 1.4rem; touch-action: manipulation} .lgg-apidevel-crm__fab{ position: relative; display: grid; place-items: center; width: 3.5rem; height: 3.5rem; border-radius: 999px; background: #8f1d3a; color: #fff; box-shadow: 0 6px 18px rgba(143, 29, 58, 0.45); overflow: visible} .lgg-apidevel-crm__heart, .lgg-apidevel-crm__float{ display: block; width: 1.65rem; height: 1.65rem} .lgg-apidevel-crm__heart svg, .lgg-apidevel-crm__float svg{ display: block; width: 100%; height: 100%; fill: #fff4f6} .lgg-apidevel-crm__float{ position: absolute; top: 0.35rem; right: 0.15rem; width: 0.7rem; height: 0.7rem; opacity: 0; pointer-events: none} @media(prefers-reduced-motion: no-preference){ .lgg-apidevel-crm__heart{ animation: lgg-crm-beat 1.15s ease-in-out infinite} .lgg-apidevel-crm__float{ animation: lgg-crm-float 1.8s ease-out infinite}} @keyframes lgg-crm-beat{ 0%, 100%{ transform: scale(1)} 18%{ transform: scale(1.16)} 32%{ transform: scale(0.96)} 48%{ transform: scale(1.1)}} @keyframes lgg-crm-float{ 0%{ transform: translateY(6px) scale(0.6); opacity: 0} 25%{ opacity: 1} 100%{ transform: translateY(-18px) scale(1); opacity: 0}} .lgg-apidevel-crm.is-open .lgg-apidevel-crm__fab{ display: none} .lgg-apidevel-crm__badge{ position: absolute; top: -0.45rem; right: -0.55rem; z-index: 2; display: inline-flex; align-items: center; gap: 0.12rem; pointer-events: none} .lgg-apidevel-crm__badge[hidden]{ display: none !important} .lgg-apidevel-crm__new{ display: block; width: 2.5rem; height: 1rem} .lgg-apidevel-crm__new rect{ fill: #1f8a5b} .lgg-apidevel-crm__new text{ fill: #fff; font-size: 9px; font-weight: 700; font-family: inherit} .lgg-apidevel-crm__count{ min-width: 1.15rem; padding: 0 0.28rem; border-radius: 999px; background: #fff; color: #8f1d3a; font-size: 0.68rem; font-weight: 800; line-height: 1.25; text-align: center} .lgg-apidevel-crm__notice{ position: fixed; inset: 0; z-index: 400; pointer-events: auto} .lgg-apidevel-crm__notice[hidden]{ display: none !important} .lgg-apidevel-crm__notice-backdrop, .lgg-apidevel-crm__notice-card, .lgg-apidevel-crm__notice-open, .lgg-apidevel-crm__notice-close{ pointer-events: auto} .lgg-apidevel-crm__notice-backdrop{ position: absolute; inset: 0; background: rgba(3, 10, 18, 0.55)} .lgg-apidevel-crm__notice-card{ position: relative; z-index: 1; width: min(92vw, 22rem); margin: 18vh auto 0; padding: 1.1rem 1rem 1rem; border-radius: 16px; background: #030a12; color: #f4f7fb; text-align: center} .lgg-apidevel-crm__notice-card h2{ margin: 0 0 0.55rem; font-size: 1.15rem} .lgg-apidevel-crm__notice-body p{ margin: 0 0 0.4rem; white-space: pre-wrap; word-break: break-word} .lgg-apidevel-crm__notice-open{ margin-top: 0.35rem; border: 0; border-radius: 8px; padding: 0.55rem 1rem; background: #c9a227; color: #1a1404; font-weight: 700; cursor: pointer} .lgg-apidevel-crm__notice-close{ position: absolute; top: 0.35rem; right: 0.35rem; width: 2rem; height: 2rem; border: 0; border-radius: 8px; background: transparent; color: #f4f7fb; font-size: 1.3rem; cursor: pointer} @media(prefers-reduced-motion: no-preference){ .lgg-apidevel-crm__new{ animation: lgg-crm-new 1s ease-in-out infinite}} @keyframes lgg-crm-new{ 0%, 100%{ opacity: 1} 50%{ opacity: 0.2}}