.lgg-home-heading{ color: #fff; font-size: 1rem; font-weight: 700; line-height: 1.35; margin: 0; padding: 0.25rem 0.5rem 0; text-align: center} .lgg-casino-rail .lgg-tile--casino, .lgg-tables-rail .lgg-tile--casino{ padding-bottom: 155.17241%} .lgg-casino-rail .lgg-tile__img, .lgg-tables-rail .lgg-tile__img{ height: 100%; width: 100%} .lgg-casino-rail .lgg-tile__img picture img, .lgg-casino-rail .lgg-tile__img> img, .lgg-tables-rail .lgg-tile__img picture img, .lgg-tables-rail .lgg-tile__img> img{ height: 100%; object-fit: contain; object-position: center; width: 100%} @media(min-width: 1024px){ .lgg-home> .lgg-home-heading{ font-size: 1.25rem; padding: 0 0 0.5rem; text-align: left} .lgg-stage--d .lgg-hot-rail .lgg-tile--slot{ padding-bottom: 67.75701%} .lgg-stage--d .lgg-hot-rail .lgg-tile__img picture, .lgg-stage--d .lgg-hot-rail .lgg-tile__img picture img, .lgg-stage--d .lgg-hot-rail .lgg-tile__img> img{ height: 100%; object-fit: contain; width: 100%}} @media(max-width: 1023px){ .lgg-home-mobile.lgg-stage{ display: grid; grid-gap: 0.5rem; grid-template-columns: 100%; max-width: 100%; min-width: 0; overflow-x: hidden; width: 100%} .lgg-floating-menu{ display: none !important} #lgg-home-banner-mobile{ --lgg-banner-peek: 20px; min-width: 0; position: relative; width: 100%} #lgg-home-banner-mobile .slick-slider{ min-height: 0; position: relative; width: 100%} #lgg-home-banner-mobile .slick-list{ overflow: hidden; position: relative; width: 100%} #lgg-home-banner-mobile .slick-slide> div, #lgg-home-banner-mobile .slick-slide .slide{ width: 100%} #lgg-home-banner-mobile:not([data-lgg-banner-ready]) .slick-slide:not(.slick-current):not([data-index="0"]){ display: none !important; float: none !important; width: 100% !important} #lgg-home-banner-mobile:not([data-lgg-banner-ready]) .slick-slide[data-index="0"]{ display: block !important; float: none !important; width: 100% !important} #lgg-home-banner-mobile:not([data-lgg-banner-ready]) .slick-track{ transform: none !important; visibility: visible} #lgg-home-banner-mobile[data-lgg-banner-ready] .slick-track{ visibility: visible} #lgg-home-banner-mobile .slide .app-slider__pagination{ display: none !important} #lgg-home-banner-mobile> .app-slider__pagination{ bottom: 0.25rem; left: 50%; pointer-events: none; position: absolute; transform: translateX(-50%); z-index: 3} #lgg-home-banner-mobile .app-slider__arrow.arrow--prev, #lgg-home-banner-mobile .app-slider__arrow.arrow--next{ top: 50%; z-index: 4} #lgg-home-banner-mobile .app-slider__arrow.arrow--prev{ left: calc(var(--lgg-banner-peek) + 0.25rem); transform: translate(-50%, -50%)} #lgg-home-banner-mobile .app-slider__arrow.arrow--next{ right: calc(var(--lgg-banner-peek) - 0.125rem); transform: translate(50%, -50%)} .lgg-home-mobile .card.card--primary{ background-color: #030a12; overflow: hidden; width: 100%} .lgg-home-mobile .card.card--primary header{ align-items: center; display: flex; flex-direction: row; height: 42px; justify-content: space-between; padding: 0.5rem 0.5rem 0} .lgg-home-mobile .card.card--primary header h2{ align-items: center; color: #fff; display: flex; font-size: 0.875rem; font-weight: 900} .lgg-home-mobile .card.card--primary header h2 i, .lgg-home-mobile .card.card--primary header h2 img{ margin-right: 0.5rem} .lgg-home-mobile .card.card--primary header a.btn{ align-items: center; color: #0e34d5; display: flex; font-weight: 800; justify-content: center; text-transform: capitalize} .lgg-home-mobile .card.card--primary header a.btn i{ margin-left: 0.5rem} .lgg-home-mobile .card.card--primary .card__content{ overflow: hidden; width: 100%} .lgg-home-mobile .lgg-duo{ display: grid; grid-auto-columns: 1fr; grid-auto-flow: column; grid-gap: 0.5rem; padding: 0 0.5rem} .lgg-home-mobile .lgg-duo .card.card--primary header{ justify-content: flex-start} .lgg-home-mobile .lgg-duo .product-card{ padding: 0.5rem} .lgg-home-mobile .exclusive-card, .lgg-home-mobile .promo-card{ padding: 0.5rem} .lgg-home-mobile .hot-slots-card, .lgg-home-mobile .top-tables-card, .lgg-home-mobile .casino-card{ overflow: hidden; width: 100%} .lgg-home-mobile .hot-slots-card__container, .lgg-home-mobile .top-tables-card__container{ display: grid; grid-auto-columns: 29%; grid-auto-flow: column; grid-gap: 0.5rem; grid-template-rows: repeat(2, minmax(0, 1fr)); padding: 0.5rem 0} .lgg-home-mobile .hot-slots-card__container> li, .lgg-home-mobile .top-tables-card__container> li{ min-width: 0} .lgg-home-mobile .casino-card__container{ grid-auto-columns: minmax(40%, 1fr); grid-auto-flow: column; grid-gap: 0.5rem; padding: 0.5rem 0} .lgg-home-mobile .slot-native-carousel__container, .lgg-home-mobile .arcade-native-carousel__container{ padding: 0.5rem 0} .lgg-home-mobile .lgg-rail__inner{ overflow: hidden} .lgg-home-mobile .lgg-rail__container{ -ms-overflow-style: none; -webkit-overflow-scrolling: touch; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; transform: none !important} .lgg-home-mobile .lgg-rail__container::-webkit-scrollbar{ display: none} .lgg-home-mobile .lgg-rail__container ul{ align-content: start; display: grid; grid-auto-flow: column; list-style: none; margin: 0; min-width: 100%; padding: 2px; width: max-content} .lgg-home-mobile .lgg-hot-rail .lgg-tile--slot{ padding-bottom: 67.75701%} .lgg-home-mobile .lgg-hot-rail .lgg-tile__img picture, .lgg-home-mobile .lgg-hot-rail .lgg-tile__img picture img, .lgg-home-mobile .lgg-hot-rail .lgg-tile__img> img{ height: 100%; object-fit: contain; width: 100%} .lgg-home-mobile .lgg-hot-rail ul, .lgg-home-mobile .lgg-tables-rail ul{ grid-auto-columns: 29%; grid-gap: 0.5rem; grid-template-rows: repeat(2, minmax(0, 1fr))} .lgg-home-mobile .lgg-hot-rail ul> li, .lgg-home-mobile .lgg-tables-rail ul> li, .lgg-home-mobile .lgg-casino-rail ul> li{ min-width: 0} .lgg-home-mobile .lgg-casino-rail ul{ grid-auto-columns: minmax(40%, 1fr); grid-gap: 0.5rem; grid-template-rows: none} .lgg-home-mobile .lgg-rail .lgg-rail__controls{ display: none} .lgg-home-mobile .slot-slider ul{ grid-auto-columns: 6%; grid-gap: 0.5rem; grid-template-rows: repeat(3, minmax(0, 1fr))} .lgg-home-mobile .slot-slider .slot-slider__item> span{ display: block; font-size: 0.625rem; font-weight: 700; margin-top: 0.125rem; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 100%} .lgg-home-mobile .slot-slider .slot-native-carousel__item> span{ display: block; font-size: 0.625rem; font-weight: 700; margin-top: 0.125rem; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 100%} .lgg-home-mobile .lgg-arcade-rail ul{ grid-auto-columns: 10%; grid-gap: 0.5rem; grid-template-rows: none} .lgg-home-mobile .lgg-arcade-rail ul> li{ min-width: 0} .lgg-home-mobile .lgg-arcade-rail .lgg-arcade-rail__item> span, .lgg-home-mobile .lgg-arcade-rail .arcade-native-carousel__item> span{ display: block; font-size: 0.625rem; font-weight: 700; margin-top: 0.125rem; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 100%} .lgg-home-mobile .lotto-homepage{ display: grid; grid-gap: 0.5rem; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0 0.5rem} .lgg-home-mobile .sns-banner{ margin: 0 0.5rem} .lgg-home-mobile .lgg-tile__skeleton, .lgg-home-mobile .lgg-tile__placeholder{ display: none} .lgg-home-mobile .promo-native-carousel{ -webkit-clip-path: inset(0 -100% 0 0.5rem); clip-path: inset(0 -100% 0 0.5rem); position: relative} .lgg-home-mobile .promo-native-carousel> ul{ display: flex; flex-wrap: nowrap; list-style: none; margin: 0; overflow-x: auto; padding: 0.5rem 0; scrollbar-width: none; -webkit-overflow-scrolling: touch; width: 100%} .lgg-home-mobile .promo-native-carousel> ul::-webkit-scrollbar{ display: none} .lgg-home-mobile .promo-native-carousel> ul> li{ flex: 0 0 46%; max-width: 220px; min-width: 0} .lgg-home-mobile .promo-native-carousel .slick-slide> div{ line-height: 0} .lgg-home-mobile .promo-native-carousel .slick-list{ overflow-x: auto !important; overflow-y: hidden; padding: 0.5rem 0 !important; scrollbar-width: none; -webkit-overflow-scrolling: touch; width: 100%} .lgg-home-mobile .promo-native-carousel .slick-list::-webkit-scrollbar{ display: none} .lgg-home-mobile .promo-native-carousel .slick-track{ display: flex !important; transform: none !important; width: max-content !important} .lgg-home-mobile .promo-native-carousel .slick-slide{ display: block !important; flex: 0 0 46%; float: none !important; max-width: 220px; width: 46% !important} .lgg-home-mobile .promo-native-carousel__slide{ padding: 0 0.25rem} .lgg-home-mobile .promo-native-carousel__slide a{ background-color: #081950; border-radius: 10px; display: block; height: 0; overflow: hidden; padding-bottom: 133.33333%; position: relative; width: 100%} .lgg-home-mobile .promo-native-carousel__slide a img{ display: block; height: 100%; object-fit: cover; position: absolute; width: 100%} .lgg-home-mobile .promo-native-carousel__slide a .promotion-banner__skeleton{ height: 100%; left: 0; position: absolute; top: 0; width: 100%} .lgg-home-mobile .promo-native-carousel__slide a .promo-native-carousel__flag{ align-items: center; border-radius: 5px; color: #fff; display: flex; grid-template-rows: unset; height: 1.5rem; justify-content: center; min-height: 0; position: absolute; right: 0.5rem; top: 0.5rem; width: 1.5rem; z-index: 2} .lgg-home-mobile .promo-native-carousel__slide a .promo-native-carousel__flag.exclusive{ background-color: #f2a20f} .lgg-home-mobile .promo-native-carousel__slide a .promo-native-carousel__flag.network{ background-color: #0a46a6} .lgg-home-mobile .arcade-native-carousel{ overflow: hidden; width: 100%} .lgg-home-mobile .arcade-native-carousel__container{ display: grid; grid-auto-columns: 17%; grid-auto-flow: column; grid-gap: 0.5rem; padding: 0.5rem 0} .lgg-home-mobile .arcade-native-carousel__item{ align-items: center; display: flex; flex-direction: column; grid-gap: 0.125rem; justify-content: center; position: relative} .lgg-home-mobile .arcade-native-carousel__item span{ font-size: 0.625rem; font-weight: 700; margin-top: 0.125rem; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 100%} .lgg-home-mobile .arcade-native-carousel__item.app-link--exact-active{ color: #0e34d5} .lgg-home-mobile .arcade-native-carousel__item.app-link--exact-active .arcade-native-carousel__img-container img{ border-color: #0e34d5} .lgg-home-mobile .arcade-native-carousel__img-container{ height: 0; overflow: hidden; padding-bottom: 100%; position: relative; width: 100%} .lgg-home-mobile .arcade-native-carousel__img-container img{ border: 3px solid #081950; border-radius: 14px; display: block; height: 100%; object-fit: contain; object-position: center center; padding: 0.25rem; position: absolute; width: 100%}} @media(min-width: 1024px){ #lgg-home-banner-mobile, .lgg-home-mobile{ display: none !important} #lgg-home-banner{ --lgg-banner-peek: 40px; min-width: 0; overflow: visible; position: relative; width: 100%} #lgg-home-banner .slick-slider{ min-height: 0; position: relative; width: 100%} #lgg-home-banner .slick-list{ overflow: hidden; padding: 0 var(--lgg-banner-peek); position: relative; width: 100%} #lgg-home-banner .slick-slide> div, #lgg-home-banner .slick-slide .slide{ width: 100%} #lgg-home-banner:not([data-lgg-banner-ready]) .slick-slide{ display: none !important; float: left !important; width: 50% !important} #lgg-home-banner:not([data-lgg-banner-ready]) .slick-slide[data-index="1"], #lgg-home-banner:not([data-lgg-banner-ready]) .slick-slide[data-index="2"]{ display: block !important} #lgg-home-banner:not([data-lgg-banner-ready]) .slick-track{ transform: none !important; visibility: visible} #lgg-home-banner[data-lgg-banner-ready] .slick-track{ visibility: visible} #lgg-home-banner .slick-slide:not(.slick-active) .app-slider__pagination{ visibility: hidden} #lgg-home-banner .app-slider__separator{ left: calc(var(--lgg-banner-peek, 40px) + 50%); pointer-events: none; top: 50%; transform: translate(-50%, -50%); z-index: 3} #lgg-home-banner .app-slider__arrow.arrow--prev, #lgg-home-banner .app-slider__arrow.arrow--next{ top: 50%; z-index: 4} .lgg-stage--d .lgg-tile__skeleton, .lgg-stage--d .lgg-tile__placeholder{ display: none} .lgg-desktop-only .lgg-stage--d .card.card--primary.card--d header{ height: 52px; padding: 0.25rem 0.75rem} .lgg-desktop-only .lgg-stage--d .card.card--primary.card--d .card__content{ padding: 0.25rem 0.75rem 0.75rem} .lgg-desktop-only .lgg-stage--d .lgg-duo{ display: grid; gap: 0.5rem; grid-auto-flow: row; min-width: 0} .lgg-desktop-only .lgg-stage--d .lgg-duo--quad{ grid-template-columns: repeat(4, minmax(0, 1fr))} .lgg-desktop-only .lgg-stage--d .lgg-duo--duo{ grid-template-columns: repeat(2, minmax(0, 1fr))} .lgg-desktop-only .lgg-stage--d .lgg-duo .card.card--d{ min-width: 0; width: auto} .lgg-desktop-only .lgg-stage--d .product-card--d{ padding: 0} .lgg-desktop-only .lgg-stage--d .exclusive-card--d{ padding: 0} .lgg-desktop-only .lgg-stage--d .exclusive-card--d ul{ grid-gap: 0.75rem; grid-template-columns: repeat(3, minmax(0, 1fr))} .lgg-desktop-only .lgg-stage--d .promo-card--d{ padding: 0} .lgg-desktop-only .lgg-stage--d .promo-card--d ul{ grid-gap: 0.75rem; grid-template-columns: repeat(3, minmax(0, 1fr))}} .lgg-home-mobile .scroll-container ul .inner.arcade-native-carousel__container, .lgg-home-mobile .scroll-container ul .inner.slot-native-carousel__container, .lgg-home-mobile .scroll-container ul .inner.casino-card__container, .lgg-home-mobile .scroll-container ul .inner.hot-slots-card__container, .lgg-home-mobile .scroll-container ul .inner.top-tables-card__container{ display: grid; grid-auto-flow: column; width: 100%}