/* Minification failed. Returning unminified contents. (436,25): run-time error CSS1046: Expect comma, found '49' (436,30): run-time error CSS1046: Expect comma, found ')' (437,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-txt-white' (1019,76): run-time error CSS1039: Token not allowed after unary operator: '-countdown-timer-1' (1019,102): run-time error CSS1039: Token not allowed after unary operator: '-countdown-timer-2' (1019,128): run-time error CSS1039: Token not allowed after unary operator: '-countdown-timer-3' (1019,154): run-time error CSS1039: Token not allowed after unary operator: '-countdown-timer-2' (1019,180): run-time error CSS1039: Token not allowed after unary operator: '-countdown-timer-1' (1255,76): run-time error CSS1039: Token not allowed after unary operator: '-countdown-timer-1' (1255,102): run-time error CSS1039: Token not allowed after unary operator: '-countdown-timer-2' (1255,128): run-time error CSS1039: Token not allowed after unary operator: '-countdown-timer-3' (1255,154): run-time error CSS1039: Token not allowed after unary operator: '-countdown-timer-2' (1255,180): run-time error CSS1039: Token not allowed after unary operator: '-countdown-timer-1' (1507,64): run-time error CSS1039: Token not allowed after unary operator: '-countdown-timer-1' (1507,90): run-time error CSS1039: Token not allowed after unary operator: '-countdown-timer-2' (1507,116): run-time error CSS1039: Token not allowed after unary operator: '-countdown-timer-3' (1507,142): run-time error CSS1039: Token not allowed after unary operator: '-countdown-timer-2' (1507,168): run-time error CSS1039: Token not allowed after unary operator: '-countdown-timer-1' (1765,64): run-time error CSS1039: Token not allowed after unary operator: '-countdown-timer-1' (1765,90): run-time error CSS1039: Token not allowed after unary operator: '-countdown-timer-2' (1765,116): run-time error CSS1039: Token not allowed after unary operator: '-countdown-timer-3' (1765,142): run-time error CSS1039: Token not allowed after unary operator: '-countdown-timer-2' (1765,168): run-time error CSS1039: Token not allowed after unary operator: '-countdown-timer-1' (2097,52): run-time error CSS1039: Token not allowed after unary operator: '-countdown-timer-1' (2097,78): run-time error CSS1039: Token not allowed after unary operator: '-countdown-timer-2' (2097,104): run-time error CSS1039: Token not allowed after unary operator: '-countdown-timer-3' (2097,130): run-time error CSS1039: Token not allowed after unary operator: '-countdown-timer-2' (2097,156): run-time error CSS1039: Token not allowed after unary operator: '-countdown-timer-1' (2098,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-main-color' (2099,22): run-time error CSS1039: Token not allowed after unary operator: '-dark-main-color' (2099,59): run-time error CSS1039: Token not allowed after unary operator: '-dark-main-color' (2103,21): run-time error CSS1039: Token not allowed after unary operator: '-jackpot-txt' (2104,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-pure-black' (2108,48): run-time error CSS1039: Token not allowed after unary operator: '-dark-txt-white' (2108,75): run-time error CSS1039: Token not allowed after unary operator: '-dark-txt-white' (2108,102): run-time error CSS1039: Token not allowed after unary operator: '-dark-main-color' (2108,130): run-time error CSS1039: Token not allowed after unary operator: '-dark-main-color' (2108,158): run-time error CSS1039: Token not allowed after unary operator: '-dark-main-color' (2109,23): run-time error CSS1039: Token not allowed after unary operator: '-index-jackpot-title-txt-shadow' (2115,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-txt-black-d' (2123,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-txt-white-d' (2127,64): run-time error CSS1039: Token not allowed after unary operator: '-dark-txt-gray-d-rgb' (2127,92): run-time error CSS1039: Token not allowed after unary operator: '-dark-pure-black' (2131,25): run-time error CSS1039: Token not allowed after unary operator: '-index-main-menu-item-active-txt' (2135,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-main-color' (2139,60): run-time error CSS1039: Token not allowed after unary operator: '-dark-main-color' (2139,84): run-time error CSS1039: Token not allowed after unary operator: '-dark-main-color-d' (2143,28): run-time error CSS1039: Token not allowed after unary operator: '-index-main-menu-dropdown-bg' (2147,21): run-time error CSS1039: Token not allowed after unary operator: '-index-main-menu-dropdown-item-txt' (2155,40): run-time error CSS1039: Token not allowed after unary operator: '-index-main-menu-dropdown-item-img-bg' (2159,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-main-color' (2163,26): run-time error CSS1039: Token not allowed after unary operator: '-lottery-gray-bg-800' (2167,30): run-time error CSS1039: Token not allowed after unary operator: '-dark-txt-gray-d' (2172,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-txt-gray-d' (2178,17): run-time error CSS1039: Token not allowed after unary operator: '-sgainputicongroup-icon' (2184,22): run-time error CSS1039: Token not allowed after unary operator: '-dark-main-color' (2186,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-pure-white' (2190,22): run-time error CSS1039: Token not allowed after unary operator: '-lottery-card-bg' (2194,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-txt-green-dl' (2195,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-pure-white' (2199,22): run-time error CSS1039: Token not allowed after unary operator: '-dark-txt-gray-d' (2203,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-txt-gray-d' (2207,31): run-time error CSS1039: Token not allowed after unary operator: '-dark-main-color-rgb' (2208,37): run-time error CSS1039: Token not allowed after unary operator: '-dark-main-color-rgb' (2209,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-main-color' (2213,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-main-color-d' (2217,22): run-time error CSS1039: Token not allowed after unary operator: '-dark-white-rgb' (2222,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-pure-white' (2226,27): run-time error CSS1039: Token not allowed after unary operator: '-dark-black-rgb' (2227,33): run-time error CSS1039: Token not allowed after unary operator: '-dark-main-color-rgb' (2231,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-txt-gray-d-rgb' (2235,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-txt-black-d' (2239,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-txt-gray-d' (2240,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-pure-black' (2244,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-main-color' (2245,55): run-time error CSS1039: Token not allowed after unary operator: '-dark-main-color' (2245,81): run-time error CSS1039: Token not allowed after unary operator: '-dark-main-color-d' (2247,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-pure-white' (2251,21): run-time error CSS1039: Token not allowed after unary operator: '-home-index-loggedout-hotgame-title-txt' (2255,27): run-time error CSS1039: Token not allowed after unary operator: '-dark-white-rgb' (2259,22): run-time error CSS1039: Token not allowed after unary operator: '-prize-amount-bg' (2267,24): run-time error CSS1039: Token not allowed after unary operator: '-dark-txt-gray-d' (2268,28): run-time error CSS1039: Token not allowed after unary operator: '-sgainputicongroup-bg' (2272,21): run-time error CSS1039: Token not allowed after unary operator: '-sgainputicongroup-icon' (2273,28): run-time error CSS1039: Token not allowed after unary operator: '-sgainputicongroup-icon-bor' (2277,21): run-time error CSS1039: Token not allowed after unary operator: '-sgainputicongroup-inner-txt' (2281,27): run-time error CSS1039: Token not allowed after unary operator: '-dark-main-color-rgb' (2282,33): run-time error CSS1039: Token not allowed after unary operator: '-dark-main-color-rgb' (2283,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-pure-white' (2287,28): run-time error CSS1039: Token not allowed after unary operator: '-home-promo-loggedout-dailyplay-details-dropdown-bg' (2288,24): run-time error CSS1039: Token not allowed after unary operator: '-home-promo-loggedout-dailyplay-details-dropdown-bor' (2293,26): run-time error CSS1039: Token not allowed after unary operator: '-home-promo-loggedout-dailyplay-details-table-td-txt' (2302,21): run-time error CSS1039: Token not allowed after unary operator: '-home-promo-loggedout-dailyplay-details-table-th-txt' (2311,32): run-time error CSS1039: Token not allowed after unary operator: '-home-promo-loggedout-dailyplay-details-table-td-bor' (2315,29): run-time error CSS1039: Token not allowed after unary operator: '-home-promo-item-details-dropdown-promorepeats-txt' (2316,40): run-time error CSS1039: Token not allowed after unary operator: '-home-promo-item-details-dropdown-promorepeats-bg' (2320,29): run-time error CSS1039: Token not allowed after unary operator: '-home-promo-loggedout-dailyplay-details-table-title-promorepeat-txt' (2321,36): run-time error CSS1039: Token not allowed after unary operator: '-home-promo-loggedout-dailyplay-details-table-title-promorepeat-bor' (2322,34): run-time error CSS1039: Token not allowed after unary operator: '-home-promo-loggedout-dailyplay-details-table-title-promorepeat-bg' (2326,36): run-time error CSS1039: Token not allowed after unary operator: '-home-promo-item-details-dropdown-promorepeats-bor' (2337,33): run-time error CSS1039: Token not allowed after unary operator: '-home-promo-item-details-dropdown-table-purchase-btn-txt' (2341,32): run-time error CSS1039: Token not allowed after unary operator: '-home-promo-item-details-dropdown-table-th-bg' (2342,28): run-time error CSS1039: Token not allowed after unary operator: '-home-promo-item-details-dropdown-table-th-bor' (2346,26): run-time error CSS1039: Token not allowed after unary operator: '-home-promo-loggedout-dailyplay-details-table-title-bg' (2350,30): run-time error CSS1039: Token not allowed after unary operator: '-home-promo-loggedout-dailyplay-details-table-title-txt' (2360,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-txt-black-l' (2361,17): run-time error CSS1039: Token not allowed after unary operator: '-tournament-title-txt' (2365,28): run-time error CSS1039: Token not allowed after unary operator: '-tournament-table-body-bor' (2369,28): run-time error CSS1039: Token not allowed after unary operator: '-tournament-table-header-bor' (2370,32): run-time error CSS1039: Token not allowed after unary operator: '-tournament-table-header-bg' (2371,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-txt-white' (2375,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-txt-white' (2377,24): run-time error CSS1039: Token not allowed after unary operator: '-dark-main-color' (2381,24): run-time error CSS1039: Token not allowed after unary operator: '-tournament-my-rank-bor' (2385,28): run-time error CSS1039: Token not allowed after unary operator: '-home-promo-loggedout-dailyplay-details-dropdown-bg' (2386,24): run-time error CSS1039: Token not allowed after unary operator: '-home-promo-loggedout-dailyplay-details-dropdown-bor' (2391,26): run-time error CSS1039: Token not allowed after unary operator: '-home-promo-loggedout-dailyplay-details-table-td-txt' (2400,21): run-time error CSS1039: Token not allowed after unary operator: '-home-promo-loggedout-dailyplay-details-table-th-txt' (2409,32): run-time error CSS1039: Token not allowed after unary operator: '-home-promo-loggedout-dailyplay-details-table-td-bor' (2413,29): run-time error CSS1039: Token not allowed after unary operator: '-home-promo-item-details-dropdown-promorepeats-txt' (2414,40): run-time error CSS1039: Token not allowed after unary operator: '-home-promo-item-details-dropdown-promorepeats-bg' (2418,29): run-time error CSS1039: Token not allowed after unary operator: '-home-promo-loggedout-dailyplay-details-table-title-promorepeat-txt' (2419,36): run-time error CSS1039: Token not allowed after unary operator: '-home-promo-loggedout-dailyplay-details-table-title-promorepeat-bor' (2420,34): run-time error CSS1039: Token not allowed after unary operator: '-home-promo-loggedout-dailyplay-details-table-title-promorepeat-bg' (2424,36): run-time error CSS1039: Token not allowed after unary operator: '-home-promo-item-details-dropdown-promorepeats-bor' (2435,33): run-time error CSS1039: Token not allowed after unary operator: '-home-promo-item-details-dropdown-table-purchase-btn-txt' (2439,32): run-time error CSS1039: Token not allowed after unary operator: '-home-promo-item-details-dropdown-table-th-bg' (2440,28): run-time error CSS1039: Token not allowed after unary operator: '-home-promo-item-details-dropdown-table-th-bor' (2444,26): run-time error CSS1039: Token not allowed after unary operator: '-home-promo-loggedout-dailyplay-details-table-title-bg' (2448,30): run-time error CSS1039: Token not allowed after unary operator: '-home-promo-loggedout-dailyplay-details-table-title-txt' (2458,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-txt-black-l' (2459,17): run-time error CSS1039: Token not allowed after unary operator: '-tournament-title-txt' (2463,28): run-time error CSS1039: Token not allowed after unary operator: '-tournament-table-body-bor' (2467,28): run-time error CSS1039: Token not allowed after unary operator: '-tournament-table-header-bor' (2468,32): run-time error CSS1039: Token not allowed after unary operator: '-tournament-table-header-bg' (2469,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-txt-white' (2473,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-txt-white' (2475,24): run-time error CSS1039: Token not allowed after unary operator: '-dark-main-color' (2479,24): run-time error CSS1039: Token not allowed after unary operator: '-tournament-my-rank-bor' (2483,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-txt-black-l' (2487,17): run-time error CSS1039: Token not allowed after unary operator: '-tournament-title-txt' (2488,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-txt-black-m' (2492,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-main-color' (2496,25): run-time error CSS1039: Token not allowed after unary operator: '-tournament-title-ico-txt' (2500,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-txt-gray-d' (2501,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-pure-black' (2505,21): run-time error CSS1039: Token not allowed after unary operator: '-tournament-title-txt' (2509,37): run-time error CSS1039: Token not allowed after unary operator: '-tournament-table-body-bor' (2510,39): run-time error CSS1039: Token not allowed after unary operator: '-tournament-table-body-bor' (2515,42): run-time error CSS1039: Token not allowed after unary operator: '-tournament-table-body-bor' (2520,32): run-time error CSS1039: Token not allowed after unary operator: '-tournament-table-header-bor' (2521,36): run-time error CSS1039: Token not allowed after unary operator: '-tournament-table-header-bg' (2525,32): run-time error CSS1039: Token not allowed after unary operator: '-tournament-table-body-bor' (2529,32): run-time error CSS1039: Token not allowed after unary operator: '-tournament-my-rank-bor' (2533,28): run-time error CSS1039: Token not allowed after unary operator: '-tournament-timer-bor' (2537,26): run-time error CSS1039: Token not allowed after unary operator: '-tournament-title-bg' (2538,28): run-time error CSS1039: Token not allowed after unary operator: '-tournament-title-bor' (2539,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-main-color' (2544,21): run-time error CSS1039: Token not allowed after unary operator: '-tournament-details-btn-txt' (2545,32): run-time error CSS1039: Token not allowed after unary operator: '-tournament-details-btn-bg' (2546,28): run-time error CSS1039: Token not allowed after unary operator: '-tournament-details-btn-bor' (2550,21): run-time error CSS1039: Token not allowed after unary operator: '-tournament-date-txt' (2554,30): run-time error CSS1039: Token not allowed after unary operator: '-tournament-title-bg' (2555,32): run-time error CSS1039: Token not allowed after unary operator: '-tournament-title-bor' (2559,28): run-time error CSS1039: Token not allowed after unary operator: '-tournament-timer-bor' (2563,38): run-time error CSS1039: Token not allowed after unary operator: '-tournament-timer-bor' (2567,28): run-time error CSS1039: Token not allowed after unary operator: '-popup-page-index-backdrop' (2571,28): run-time error CSS1039: Token not allowed after unary operator: '-popup-page-index-box-bg' (2572,24): run-time error CSS1039: Token not allowed after unary operator: '-popup-page-index-box-bor' (2573,22): run-time error CSS1039: Token not allowed after unary operator: '-popup-page-index-box-shadow' (2577,21): run-time error CSS1039: Token not allowed after unary operator: '-popup-page-index-box-btn-close-txt' (2578,32): run-time error CSS1039: Token not allowed after unary operator: '-popup-page-index-box-btn-close-bg' (2579,28): run-time error CSS1039: Token not allowed after unary operator: '-popup-page-index-box-btn-close-bor' (2580,26): run-time error CSS1039: Token not allowed after unary operator: '-popup-page-index-box-btn-close-shadow' (2584,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-txt-black-l' (2588,17): run-time error CSS1039: Token not allowed after unary operator: '-tournament-title-txt' (2589,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-txt-black-m' (2593,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-main-color' (2597,25): run-time error CSS1039: Token not allowed after unary operator: '-tournament-title-ico-txt' (2601,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-txt-gray-d' (2602,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-pure-black' (2606,21): run-time error CSS1039: Token not allowed after unary operator: '-tournament-title-txt' (2610,37): run-time error CSS1039: Token not allowed after unary operator: '-tournament-table-body-bor' (2611,39): run-time error CSS1039: Token not allowed after unary operator: '-tournament-table-body-bor' (2616,42): run-time error CSS1039: Token not allowed after unary operator: '-tournament-table-body-bor' (2621,32): run-time error CSS1039: Token not allowed after unary operator: '-tournament-table-header-bor' (2622,36): run-time error CSS1039: Token not allowed after unary operator: '-tournament-table-header-bg' (2626,32): run-time error CSS1039: Token not allowed after unary operator: '-tournament-table-body-bor' (2630,32): run-time error CSS1039: Token not allowed after unary operator: '-tournament-my-rank-bor' (2634,28): run-time error CSS1039: Token not allowed after unary operator: '-tournament-timer-bor' (2638,26): run-time error CSS1039: Token not allowed after unary operator: '-tournament-title-bg' (2639,28): run-time error CSS1039: Token not allowed after unary operator: '-tournament-title-bor' (2640,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-main-color' (2644,21): run-time error CSS1039: Token not allowed after unary operator: '-tournament-details-btn-txt' (2645,32): run-time error CSS1039: Token not allowed after unary operator: '-tournament-details-btn-bg' (2646,28): run-time error CSS1039: Token not allowed after unary operator: '-tournament-details-btn-bor' (2650,21): run-time error CSS1039: Token not allowed after unary operator: '-tournament-date-txt' (2654,30): run-time error CSS1039: Token not allowed after unary operator: '-tournament-title-bg' (2655,32): run-time error CSS1039: Token not allowed after unary operator: '-tournament-title-bor' (2659,28): run-time error CSS1039: Token not allowed after unary operator: '-tournament-timer-bor' (2663,38): run-time error CSS1039: Token not allowed after unary operator: '-tournament-timer-bor' (2667,17): run-time error CSS1039: Token not allowed after unary operator: '-home-index-loggedout-announcement-txt' (2668,22): run-time error CSS1039: Token not allowed after unary operator: '-dark-txt-black-d' (2669,24): run-time error CSS1039: Token not allowed after unary operator: '-home-index-loggedout-announcement-bor' (2673,21): run-time error CSS1039: Token not allowed after unary operator: '-home-index-loggedout-announcement-txt' (2677,22): run-time error CSS1039: Token not allowed after unary operator: '-dark-main-color-d' (2678,18): run-time error CSS1039: Token not allowed after unary operator: '-home-index-loggedout-contactus-bor' (2685,21): run-time error CSS1039: Token not allowed after unary operator: '-home-index-loggedout-contactus-link-txt' (2690,25): run-time error CSS1039: Token not allowed after unary operator: '-home-index-loggedout-contactus-link-hover-txt' (2694,22): run-time error CSS1039: Token not allowed after unary operator: '-home-index-loggedout-contactus-ico' (2698,32): run-time error CSS1039: Token not allowed after unary operator: '-box-details-bg-1' (2699,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-main-color' (2703,21): run-time error CSS1039: Token not allowed after unary operator: '-home-index-loggedout-contactus-txt' (2707,22): run-time error CSS1039: Token not allowed after unary operator: '-tournament-details-btn-bg' (2708,17): run-time error CSS1039: Token not allowed after unary operator: '-tournament-details-btn-txt' (2712,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-txt-black-m' (2716,59): run-time error CSS1039: Token not allowed after unary operator: '-dark-txt-gray-d' (2716,86): run-time error CSS1039: Token not allowed after unary operator: '-dark-txt-gray-d' (2716,114): run-time error CSS1039: Token not allowed after unary operator: '-dark-txt-gray-d' (2720,26): run-time error CSS1039: Token not allowed after unary operator: '-tournament-details-btn-bg' (2721,21): run-time error CSS1039: Token not allowed after unary operator: '-tournament-details-btn-txt' (2725,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-main-color' (2729,21): run-time error CSS1039: Token not allowed after unary operator: '-home-index-loggedout-hotgame-title-txt' (2733,36): run-time error CSS1039: Token not allowed after unary operator: '-dark-pure-black' */ .socialmedia { font-size: 24px; color: #9d070a; } .socialmedia.fb { color: #4267b2; } .socialmedia.line, .socialmedia.telegram, .socialmedia.wa, .socialmedia.wechat { color: #2aa939; } .socialmedia.signal { color: #3a76f0; } .socialmedia.skype { color: #00aff0; } .socialmedia.twitter { color: #1DA1F2; } .pagepopup { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.6); z-index: 1030; } .pagepopup-main { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 10px; z-index: 1031; } .pagepopup-main > [data-name="close"] { position: absolute; width: 30px; height: 30px; color: #333; background-color: #fff; border: 2px solid #111; border-radius: 50%; right: -15px; top: -15px; text-align: center; line-height: 28px; font-size: 18px; font-weight: bold; cursor: pointer; box-shadow: 0 0 10px 0 #000; } .pagepopup-main > [data-name="pagecontent"] { width: min-content; max-width: 800px; max-height: 80vh; border: 2px solid #111; border-radius: 10px; box-shadow: 0 0 10px 0 #000; overflow-y: auto; } .pagepopup-main > [data-name="pagecontent"] > img { width: -webkit-fill-available; width: -moz-available; width: fill-available; height: auto; object-fit: fill; margin-bottom: 20px; } .pagepopup-main > [data-name="pagecontent"] > img:last-child { margin-bottom: 0; } @media screen and (max-width: 800px) { .pagepopup-main > [data-name="pagecontent"] { width: 80vw; } } #carouselSlides { width: 100%; } #carouselSlides > .carousel-inner > .carousel-item { text-align: -webkit-center; } #carouselSlides > .carousel-inner > .carousel-item > img { width: 100%; object-fit: contain; border: 1px solid #5a5a5a; } .container-section-top { width: 100%; } .jackpot-container { padding: 1rem 0 0 0; border-radius: 8px; } .jackpot-content { width: 100%; min-height: 100px; border-radius: 8px; padding: 16px; } .jackpot-content > div { min-height: 64px; padding: 8px 4px; text-align: center; border-radius: 8px; box-shadow: 0 0 4px #141414; font-size: 1.4rem; justify-content: center; align-items: center; gap: 1rem; -ms-flex-align: center; -ms-flex-pack: center; -webkit-align-items: center; -webkit-box-align: center; -webkit-justify-content: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; border: 1px solid #2e2e2e; } .jackpot-content > div > span { line-height: 25px; font-family: 'Advanced-dot'; display: block; } .jackpot-content-outter { border-radius: 10px; padding: 3px; } .jackpot-dotted { width: 10px; height: 10px; border-radius: 10px; } .jackpot-dotted:nth-child(2n+1), .jackpot-dotted:nth-child(2n+2) { animation: bright .4s linear infinite; } .jackpot-dotted:nth-child(4n+3), .jackpot-dotted:nth-child(4n+4) { animation: bright_second .4s linear infinite; } .jackpot-dotted-bottom { width: 90%; display: flex; justify-content: space-between; position: absolute; bottom: 0; padding-bottom: 5px; } .jackpot-dotted-left { position: absolute; width: 100%; display: grid; height: 40%; flex-direction: column; align-content: space-between; padding-left: 2px; } .jackpot-dotted-right { position: absolute; width: 100%; display: grid; height: 40%; flex-direction: column; align-content: space-between; justify-content: end; padding-right: 2px; } .jackpot-dotted-upper { width: 90%; display: flex; justify-content: space-between; position: absolute; top: 2px; padding-top: 2px; } .jackpot-header { font-family: HelveticaNeue-BlackCond; font-size: 2rem; letter-spacing: 0.5rem; text-align: center; width: 100%; font-weight: 600; text-align: center; text-shadow: 0 0 2px rgba(227,195,139,1); margin-bottom: 1rem; } @media (max-width: 335px) { .jackpot-content > div { font-size: 1rem; } .jackpot-header { font-size: 1.5rem; letter-spacing: 0.2rem; } } .container-menu-icon { text-align: center; padding: 15px 0; display: inline-flex; overflow-x: auto; white-space: nowrap; width: -webkit-fill-available; } .container-menu-icon > div:not(.col-12) { height: 113px; padding: 0 8px 0; -ms-flex-align: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; margin: -1px 27px; white-space: initial; text-overflow: ellipsis; } .container-menu-icon > div > a { color: #fff; text-decoration: none; } .container-menu-icon > div > a > div { height: 21px; margin: 5px 0; padding: 0; -ms-flex-align: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: block; } .container-menu-icon > div > a > img { height: 55px; max-width: 55px; max-height: 55px; padding: 13px; border-radius: 15px; } .container-menu-icon > div.active > a > div { font-weight: 700; } .container-section-top { width: 100%; } .dropdown-provider { margin-top: 10px; } .game-provider-menu { padding: 3px; border-radius: 10px; } .game-provider-menu > button { margin: 0.8rem 0; } .game-provider-menu > div { padding: 0.2rem; position: relative; } .game-provider-menu > div > a { width: 100%; padding: 0; color: #fff; text-decoration: none; } .game-provider-menu > div > a > p { margin: 0; text-align: center; } .game-provider-menu > div > a > p:first-child { width: 100%; -ms-flex-align: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; } .game-provider-menu > div > a > p:first-child > img { height: 100%; margin: auto; object-fit: scale-down; border-radius: 8px; } .game-provider-menu > div > a > p.disabled { opacity: 0.3; } .game-provider-menu > div > a.disabled { pointer-events: none; opacity: 0.3; } .game-provider-menu > div > .maintenance-notice { position: absolute; top: 50%; left: 50%; text-align: center; font-size: 0.8em; color: white; background: rgba(0, 0, 0, 0.5); border-radius: 1em; transform: translateY(-50%) translateX(-50%); z-index: 1; display: flex; align-items: center; justify-content: center; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); width: 95%; height: 100%; min-width: unset; padding: 0rem; } .game-provider-menu > .load-status { display: flex; flex-direction: column; align-items: center; text-align: center; } .game-provider-menu > .load-status > div > .description { margin-top: 0.5rem; font-size: 1rem; } .game-provider-menu > .load-status > div > .icon { font-size: 2.25rem; } .hot-site-menu-partial { position: absolute; background-image: url(/Themes/Vision/Mobile/Contents/Images/104/ic_hot.webp); background-size: contain; background-repeat: no-repeat; width: 60px; height: 30px; top: -10px; right: -3px; z-index: 10; animation: fire-pulse-site-menu-partial 2s infinite alternate ease-in-out; overflow: hidden; } .hot-site-menu-partial::after { content: ''; position: absolute; top: 14px; width: 30px; height: 18px; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent); animation: shine-site-menu-partial 3s linear infinite; z-index: 1; border-radius: 15px; } .notify-badge-layout { position: absolute; top: 8px; right: 9px; display: inline-flex; padding: 2px 5px; justify-content: center; align-items: center; border-radius: 5px; background: rgb(198 49 49); color: var(--dark-txt-white); box-shadow: 0px 0px 2px 0px #F00; } @keyframes fire-pulse-site-menu-partial { 0% { filter: drop-shadow(0 0 1px rgba(255, 100, 0, 0.7)) drop-shadow(0 0 3px rgba(255, 50, 0, 0.5)); } 100% { filter: drop-shadow(0 0 5px rgba(255, 150, 0, 0.9)) drop-shadow(0 0 6px rgba(255, 100, 0, 0.7)) drop-shadow(0 0 7px rgba(255, 50, 0, 0.5)); } } @keyframes shine-site-menu-partial { 0% { left: 15%; } 80% { left: 45%; } 100% { left: 15%; } } a:hover { text-decoration: none; } .btn-container { display: flex; flex-direction: row; justify-content: center; gap: 2%; } .btn-container a { flex: 1 1 auto; display: flex; justify-content: center; align-items: center; } .btn-container .watch-live { display: none; } .btn-results { border-radius: 8px; border: 1px solid transparent; padding: 10px 15px; } .btn-results:hover { text-decoration: none; color: #fff; } .card-body { padding: 1.5rem; display: flex; flex-direction: column; flex-grow: 1; } .card-body > .bottom { display: flex; justify-content: space-between; } .card-body > .bottom > div { display: grid; } .card-body > .bottom > div > .label { margin: 0 10px 0 0; font-size: 12px; } .card-body > .bottom > div > .prev-roundid { font-size: 10px; margin-top: -13px; } .card-body > .bottom > .result { display: flex; gap: 3px; margin-bottom: 20px; flex-wrap: wrap; justify-content: flex-end; } .card-body > .bottom > .result > .sup, .card-body > .bottom > .result > .win { border-radius: 50px; width: 22px; height: 22px; text-align-last: center; padding-top: 2px; font-size: 12px; } .card-header { padding: 1rem; border-bottom: none; display: flex; justify-content: space-between; align-items: center; } .card-header h3 { font-size: 1.1rem; } .card-header > .countdown { border-radius: 8px; padding: 4px 8px; font-size: 0.8rem; display: flex; align-items: center; gap: 5px; font-weight: 700; } .card-header > .name { margin: 0; font-size: 1.25rem; font-weight: 600; } .current-date h3 { font-size: 1.2rem; font-weight: 500; color: rgba(255, 255, 255, 0.8); } .current-time h2 { font-size: 1.5rem; font-weight: 700; margin-bottom: 0.5rem; } .current-time h2 span { color: #c9a45c; } .detail-row { display: flex; justify-content: space-between; margin-bottom: 0.5rem; font-size: 0.8rem; } .detail-row:last-child { margin-bottom: 0; } .detail-value { font-weight: 500; } .draw-details { margin-bottom: 1.5rem; border-radius: 8px; padding: 1rem; } .line { width: 100%; max-width: 100%; } .line hr { margin-top: 0; margin-bottom: 0; } .live-status { color: #ff3e3e; font-weight: bold; text-transform: uppercase; animation: blink 1s infinite; } .live-status::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 6px; background-color: #ff3e3e; border-radius: 50%; vertical-align: middle; } .lottery-card { border-radius: 16px; overflow: hidden; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); transition: all 0.3s ease; height: 100%; display: flex; flex-direction: column; } .lottery-card:hover { transform: translateY(-5px); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25); } .lottery-cards { margin-top: 1rem; } .lottery-lobby { border-radius: 8px; padding: 20px; margin-top: 20px; } .lottery-lobby > .container > div > .row > * { width: 100%; max-width: 100%; } .lottery-lobby .header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } .lottery-lobby .header > hr { flex: 0 0 20%; height: 0.01rem; } .lottery-lobby .header > .button-arrow { margin-right: 15px; } .lottery-lobby .header > .lottery-result { white-space: nowrap; } .lottery-lobby .header > .lottery-result > a { border-radius: 8px; border: 1px solid; padding: 10px 15px; } .lottery-lobby .header > .lottery-result > a:hover { text-decoration: none; } .lottery-lobby .header > .title { font-size: calc(1.275rem + .3vw); font-weight: 700; display: flex; } .lottery-lobby .header > .title > span { padding: 10px 15px; border-radius: 35px; } .lottery-lobby .search-container { position: relative; padding: 10px; margin-left: -20px; margin-right: -20px; } .lottery-lobby .search-container > i { position: absolute; right: 35px; top: 26px; } .lottery-lobby .search-container > .sga-input-icon-group { position: relative; border-radius: 50px; } .lottery-title::after { width: 40px; } .lottery-title { font-size: 2rem; padding: 0 0 0 12px; height: 23px; margin: 16px 0 16px 0px; position: relative; align-items: center; font-weight: 700; } .play-now, .watch-live { padding: 0.65rem; border-radius: 17px; transition: all 0.3s ease; display: block; width: 100%; text-align: center; } .play-now:hover { padding: 0.5rem; color: #fff; transform: translateY(-2px); } .play-now.disabled { pointer-events: none; } .prize-amount { font-family: Advanced-dot; text-align: center; min-width: 100px; margin-bottom: 1.5rem; font-size: 30px; font-weight: 600; -webkit-text-fill-color: transparent; animation: shimmer 5s linear infinite; width: fit-content; align-self: center; } .prize-amount > div { display: flex; font-family: Roboto-regular, sans-serif; justify-content: space-between; } .prize-amount > div > .currency, .prize-amount > div > .jackpot { font-size: 0.8rem; font-weight: 900; align-content: center; } .prize-amount > .repeat-day { display: flex; font-size: 12px; justify-content: center; letter-spacing: 3px; } .search-container { position: relative; padding: 10px; margin-left: -20px; margin-right: -20px; margin-top: 2rem; } .search-container > .sga-input-icon-group { position: relative; width: 100%; height: 3.2rem; border: 1px solid; border-radius: 25px; background-color: #f9f9f9; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; } .search-container > .sga-input-icon-group:before { position: absolute; width: 3.4rem; height: 2rem; line-height: 2rem; top: 0.6rem; bottom: 0.6rem; left: 0; font-family: 'Font Awesome 5 Free'; font-size: 1rem; font-weight: 600; content: attr(data-icon); text-align: center; pointer-events: none; border-right: 1px solid #222; } .search-container > .sga-input-icon-group > input { position: absolute; width: calc(100% - 5.4rem); height: 100%; top: 0; left: 4.4rem; right: 0; bottom: 0; font-size: 1rem; line-height: 1.2; outline: none; outline-width: 0; border: none; color: #333; background-color: transparent; display: block; } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } } @keyframes shimmer { 0% { background-position: -200% center; } 100% { background-position: 200% center; } } @media screen and (max-width: 400px) { .card-body > .bottom > .result > .sup, .card-body > .bottom > .result > .win { width: 17px; height: 17px; font-size: 9px; } } #fspGlobalTournament { font-size: 0.95rem; } #fspGlobalTournament ul.fa-ul { padding: 0; margin: 0 1.5rem; text-align: left; } #fspGlobalTournament ul.fa-ul > li { padding: 0.2rem 0.1rem; } #fspGlobalTournament .sga-fspopup-body { border-bottom: 1px solid #a68656; } #fspGlobalTournament .sga-fspopup-body .section-bonus { width: 100%; text-align: center; color: #ffe788; font-weight: 600; } #fspGlobalTournament .sga-fspopup-body .section-bonus > div:nth-child(1) { padding-top: 10px; } #fspGlobalTournament .sga-fspopup-body .section-bonus > div:nth-child(2) { border-bottom: 1px solid #a68656; padding-bottom: 10px; } #fspGlobalTournament .sga-fspopup-body .section-content { border-bottom: 1px solid #a68656; text-align: center; padding: 0; font-size: 0.95rem; } #fspGlobalTournament .sga-fspopup-body .section-content > div { padding: 0.6rem 0.3rem; } #fspGlobalTournament .sga-fspopup-body .section-content.ranks { width: 100%; padding: 0 16px; color: #ffe788; } #fspGlobalTournament .sga-fspopup-body .section-content.ranks > .rank { padding: 8px 0 12px; border-bottom: 1px solid #a68656; } #fspGlobalTournament .sga-fspopup-body .section-content.ranks > .rank:last-child { border-bottom: 0 none transparent; } #fspGlobalTournament .sga-fspopup-body .section-content.ranks > .rank > .rank-header { padding: 0 0 8px; } #fspGlobalTournament .sga-fspopup-body .section-content.ranks > .rank > .rank-prize { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #fspGlobalTournament .sga-fspopup-body .section-content.ranks > .rank > .rank-prize > div:first-child { padding-right: 4px; text-align: left; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-positive: 1; flex-grow: 1; } #fspGlobalTournament .sga-fspopup-body .section-content.ranks > .rank > .rank-prize > div:last-child { -ms-flex-pack: end; justify-content: flex-end; } #fspGlobalTournament .sga-fspopup-body .section-content.ranks .rank-header > div:nth-child(1) { font-size: 1.2rem; } #fspGlobalTournament .sga-fspopup-body .section-content.status { padding: 4px 8px; } #fspGlobalTournament .sga-fspopup-body .section-content.status > div { margin: 8px 4px; padding: 4px 0; border-radius: 4px; font-weight: 600; } #fspGlobalTournament .sga-fspopup-body .section-content.status .promo-repeat, #fspGlobalTournament .sga-fspopup-body .section-content.status .promo-start { font-size: 1.2rem; border: 1px solid #a68656; } #fspGlobalTournament .sga-fspopup-body .section-content.timer { border-bottom: 0 none transparent; } #fspGlobalTournament .sga-fspopup-body .section-content.timer > div { font-size: 1.2rem; color: #ffe788; padding: 4px 0 0; font-weight: 600; } #fspGlobalTournament .sga-fspopup-body .section-content.timer > div > div:first-child { padding: 4px 0; } #fspGlobalTournament .sga-fspopup-body .section-content.timer .promo-timer { padding: 4px; display: flex; justify-content: center; } #fspGlobalTournament .sga-fspopup-body .section-content.timer .promo-timer > div { display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; } #fspGlobalTournament .sga-fspopup-body .section-content.timer .promo-timer > div > div { padding: 4px; flex-grow: 1; flex-basis: 15%; color: #fff; background-image: linear-gradient(to top, var(--countdown-timer-1), var(--countdown-timer-2), var(--countdown-timer-3), var(--countdown-timer-2), var(--countdown-timer-1)); font-family: 'HelveticaNeue-BlackCond'; letter-spacing: 2px; margin: 0 8px; height: 70px; width: 70px; border-radius: 10px; display: inline-grid; } #fspGlobalTournament .sga-fspopup-body .section-content.timer .promo-timer > div > div > span:first-child { padding: 5px; align-items: center; justify-content: center; font-size: 36px; display: inline-flex; margin-bottom: 5px; } #fspGlobalTournament .sga-fspopup-body .section-content.timer .promo-timer > div > div > span:first-child .fas { font-size: 28px; } #fspGlobalTournament .sga-fspopup-body .section-content.timer .promo-timer > div > div > span:last-child { font-size: 14px; padding: 0 4px; font-family: Poppins-regular; margin-top: 5px; } #fspGlobalTournament .sga-fspopup-body .section-content.timer .promo-timer > div > div[data-name="hours"] > span:first-child:after, #fspGlobalTournament .sga-fspopup-body .section-content.timer .promo-timer > div > div[data-name="minutes"] > span:first-child:after, #fspGlobalTournament .sga-fspopup-body .section-content.timer .promo-timer > div > div[data-name="seconds"] > span:first-child:after { content: ''; position: absolute; border-top: 1px solid #212121; opacity: .7; width: 70px; } #fspGlobalTournament .sga-fspopup-body .section-head { text-align: center; padding: 0.5rem 0.3rem; border-top: 1px solid #a68656; border-bottom: 1px solid #a68656; } #fspGlobalTournament .sga-fspopup-body .section-head span { color: #ffe788; font-weight: 600; } #fspGlobalTournament .sga-fspopup-body .section-head.date > div:last-child > span { font-size: 0.75rem; font-weight: normal; } #fspGlobalTournament .sga-fspopup-body .title { padding: 12px 8px; font-size: 1.4rem; font-weight: bold; text-align: center; color: #fff; background: linear-gradient(to right, #987648, #ffd700, #987648, #ffd700, #987648); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #fspGlobalTournament .sga-fspopup-header { border-bottom: 1px solid #a68656; } .sga-underline.nav-pills > li:nth-child(-n+3) { border-radius: 25px; margin: 0 3px; } .sga-underline.nav-pills > li > a { padding: 10px 20px; } @media (max-width: 320px) { .promo-main > .promo-main-button { padding: 6px 4px; } .promo-main > .promo-main-button > .btn { font-size: 0.8rem; padding: 2px 8px; } } [data-name="ranklist"] tbody tr.loggedin-player > td { border: 3px solid !important; font-weight: bold; } #fspTournament { font-size: 0.95rem; } #fspTournament ul.fa-ul { padding: 0; margin: 0 1.5rem; text-align: left; } #fspTournament ul.fa-ul > li { padding: 0.2rem 0.1rem; } #fspTournament .sga-fspopup-body { border-bottom: 1px solid #a68656; } #fspTournament .sga-fspopup-body .section-bonus { width: 100%; text-align: center; color: #ffe788; font-weight: 600; } #fspTournament .sga-fspopup-body .section-bonus > div:nth-child(1) { padding-top: 10px; } #fspTournament .sga-fspopup-body .section-bonus > div:nth-child(2) { border-bottom: 1px solid #a68656; padding-bottom: 10px; } #fspTournament .sga-fspopup-body .section-content { border-bottom: 1px solid #a68656; text-align: center; padding: 0; font-size: 0.95rem; } #fspTournament .sga-fspopup-body .section-content > div { padding: 0.6rem 0.3rem; } #fspTournament .sga-fspopup-body .section-content.ranks { width: 100%; padding: 0 16px; color: #ffe788; } #fspTournament .sga-fspopup-body .section-content.ranks > .rank { padding: 8px 0 12px; border-bottom: 1px solid #a68656; } #fspTournament .sga-fspopup-body .section-content.ranks > .rank > .rank-header { padding: 0 0 8px; } #fspTournament .sga-fspopup-body .section-content.ranks > .rank > .rank-prize { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #fspTournament .sga-fspopup-body .section-content.ranks > .rank > .rank-prize > div:first-child { padding-right: 4px; text-align: left; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-positive: 1; flex-grow: 1; } #fspTournament .sga-fspopup-body .section-content.ranks > .rank > .rank-prize > div:last-child { -ms-flex-pack: end; justify-content: flex-end; } #fspTournament .sga-fspopup-body .section-content.ranks > .rank:last-child { border-bottom: 0 none transparent; } #fspTournament .sga-fspopup-body .section-content.ranks .rank-header > div:nth-child(1) { font-size: 1.2rem; } #fspTournament .sga-fspopup-body .section-content.status { padding: 4px 8px; } #fspTournament .sga-fspopup-body .section-content.status > div { margin: 8px 4px; padding: 4px 0; border-radius: 4px; font-weight: 600; } #fspTournament .sga-fspopup-body .section-content.status .promo-repeat, #fspTournament .sga-fspopup-body .section-content.status .promo-start { font-size: 1.2rem; border: 1px solid #a68656; } #fspTournament .sga-fspopup-body .section-content.timer { border-bottom: 0 none transparent; } #fspTournament .sga-fspopup-body .section-content.timer > div { font-size: 1.2rem; color: #ffe788; padding: 4px 0 0; font-weight: 600; } #fspTournament .sga-fspopup-body .section-content.timer > div > div:first-child { padding: 4px 0; } #fspTournament .sga-fspopup-body .section-content.timer .promo-timer { padding: 4px; display: flex; justify-content: center; } #fspTournament .sga-fspopup-body .section-content.timer .promo-timer > div { display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; } #fspTournament .sga-fspopup-body .section-content.timer .promo-timer > div > div { padding: 4px; flex-grow: 1; flex-basis: 15%; color: #fff; background-image: linear-gradient(to top, var(--countdown-timer-1), var(--countdown-timer-2), var(--countdown-timer-3), var(--countdown-timer-2), var(--countdown-timer-1)); font-family: 'HelveticaNeue-BlackCond'; letter-spacing: 2px; margin: 0 8px; height: 70px; width: 70px; border-radius: 10px; display: inline-grid; } #fspTournament .sga-fspopup-body .section-content.timer .promo-timer > div > div[data-name="hours"] > span:first-child:after, #fspTournament .sga-fspopup-body .section-content.timer .promo-timer > div > div[data-name="minutes"] > span:first-child:after, #fspTournament .sga-fspopup-body .section-content.timer .promo-timer > div > div[data-name="seconds"] > span:first-child:after { content: ''; position: absolute; border-top: 1px solid #212121; opacity: .7; width: 70px; } #fspTournament .sga-fspopup-body .section-content.timer .promo-timer > div > div > span:first-child { padding: 5px; align-items: center; justify-content: center; font-size: 36px; display: inline-flex; margin-bottom: 5px; } #fspTournament .sga-fspopup-body .section-content.timer .promo-timer > div > div > span:first-child .fas { font-size: 28px; } #fspTournament .sga-fspopup-body .section-content.timer .promo-timer > div > div > span:last-child { font-size: 14px; padding: 0 4px; font-family: Poppins-regular; margin-top: 5px; } #fspTournament .sga-fspopup-body .section-head { text-align: center; padding: 0.5rem 0.3rem; border-top: 1px solid #a68656; border-bottom: 1px solid #a68656; } #fspTournament .sga-fspopup-body .section-head span { color: #ffe788; font-weight: 600; } #fspTournament .sga-fspopup-body .section-head.date > div:last-child > span { font-size: 0.75rem; font-weight: normal; } #fspTournament .sga-fspopup-body .title { padding: 12px 8px; font-size: 1.4rem; font-weight: bold; text-align: center; color: #fff; background: linear-gradient(to right, #987648, #ffd700, #987648, #ffd700, #987648); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #fspTournament .sga-fspopup-header { border-bottom: 1px solid #a68656; } .sga-underline.nav-pills > li:nth-child(-n+3) { border-radius: 25px; margin: 0 3px; } .sga-underline.nav-pills > li > a { padding: 10px 20px; } @media (max-width: 320px) { .promo-main > .promo-main-button { padding: 6px 4px; } .promo-main > .promo-main-button > .btn { font-size: 0.8rem; padding: 2px 8px; } } [data-name="ranklist"] tbody tr.loggedin-player > td { border: 3px solid !important; font-weight: bold; } #carouselGlobalTournament .carousel-indicators { margin-bottom: 0; } #carouselGlobalTournament .carousel-indicators li { width: 10px; height: 10px; border-radius: 100%; border-top-width: 0; border-bottom-width: 0; } #carouselGlobalTournament .carousel-inner { padding-bottom: 16px; padding-right: 2px; } [data-name="globaltournamentrank"] .currency-ellipsize, [data-name="ranklist"] .currency-ellipsize { word-break: break-all !important; } [data-name="globaltournamentrank"] .ellipsize, [data-name="ranklist"] .ellipsize { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; } .tournament { padding-top: 30px; } .tournament h2 { display: flex; margin-bottom: 10px; font-weight: 700; } .tournament h2 i { margin: 0 16px; } .tournament h4 { text-align: left; height: 20px; font-size: 13px; margin-bottom: 0; } .tournament hr { flex: 0 0 40%; } .tournament table.global-tournament-prize-rank tbody td { background-color: transparent; border-left: 1px solid; border-bottom: 1px solid; padding: 5px; } .tournament table.global-tournament-prize-rank tbody td:last-child { border-right: 1px solid; } .tournament table.global-tournament-prize-rank tbody tr { background-color: transparent; } .tournament table.global-tournament-prize-rank thead th { border: 1px solid; border-right: none; padding: 10px 18px; } .tournament table.global-tournament-prize-rank thead th:last-child { border-right: 1px solid; } .tournament table.tournament-user-rank tbody tr td { padding: 12px 10px; } .tournament table.tournament-user-rank tbody tr.loggedin-player > td { border: 3px solid; font-weight: bold; } .tournament .row .left { margin-top: 20px; } .tournament .row .reward-info { margin-top: 10px; display: flex; flex-direction: row; margin-bottom: 10px; } .tournament .row .reward-info div { width: 100%; border: 2px solid; padding: 8px; } .tournament .row .tournament-games { display: flex; flex-direction: row; width: 100%; border: 1px solid; border-bottom: none; padding: 8px; justify-content: center; font-size: 1rem; } .tournament .row .tournament-more-prize, .tournament .row .tournament-more-user-rank { margin-top: 20px; font-size: 0.85rem; width: 100%; font-weight: bold; margin-bottom: 20px; } .tournament .row .tournament-start-end { display: flex; flex-direction: row; } .tournament .row .tournament-start-end div { width: 50%; border: 1px solid; padding: 8px; } .tournament .row .tournament-start-end div:last-child { border-left: none; } .tournament .row .tournament-timer { margin: 1rem; display: inline-flex; flex-direction: row; text-align: -webkit-center; } .tournament .row .tournament-timer > div, .tournament .row .tournament-timer > div:last-child { width: 25%; padding: 8px; } .tournament .row .tournament-timer > div span:first-child { background-image: linear-gradient(to top, var(--countdown-timer-1), var(--countdown-timer-2), var(--countdown-timer-3), var(--countdown-timer-2), var(--countdown-timer-1)); border-radius: 8px; display: flex; height: 55px; width: 55px; padding: 5px; align-items: center; justify-content: center; font-size: 36px; font-family: 'HelveticaNeue-BlackCond'; letter-spacing: 2px; } .tournament .row .tournament-timer > div[data-name="days"] span:last-child, .tournament .row .tournament-timer > div[data-name="hours"] span:last-child, .tournament .row .tournament-timer > div[data-name="minutes"] span:last-child, .tournament .row .tournament-timer > div[data-name="seconds"] span:last-child { font-size: 14px; } .tournament .row .tournament-timer > div[data-name="hours"] > span:first-child:after, .tournament .row .tournament-timer > div[data-name="minutes"] > span:first-child:after, .tournament .row .tournament-timer > div[data-name="seconds"] > span:first-child:after { content: ''; position: absolute; border-top: 1px solid #212121; opacity: .7; width: 55px; } .tournament .row .tournament-timer > div .fas { font-size: 28px; } @media (max-width: 350px) { [data-name="globaltournamentrank"] .ellipsize { max-width: 3rem; } [data-name="ranklist"] .ellipsize { max-width: 2.5rem; } } @media (min-width: 350px) and (max-width: 400px) { [data-name="globaltournamentrank"] .ellipsize { max-width: 4.3rem; } [data-name="ranklist"] .ellipsize { max-width: 3.5rem; } } @media (min-width: 400px) and (max-width: 576px) { [data-name="globaltournamentrank"] .ellipsize { max-width: 5.5rem; } [data-name="ranklist"] .ellipsize { max-width: 5rem; } } @media (min-width: 577px) and (max-width: 768px) { .ellipsize { max-width: 9rem; } } @media (min-width: 769px) and (max-width: 992px) { .ellipsize { max-width: 12.5rem; } } @media (min-width: 993px) and (max-width: 1200px) { .ellipsize { max-width: 15.5rem; } } @media (min-width: 1201px) { .ellipsize { max-width: 20rem; } } .pagepopup-main > div[data-name="close"] { width: 40px; height: 40px; right: -20px; top: -20px; line-height: 36px; font-size: 24px; } .pagepopup-main > [data-name="pagecontent"] { width: 80vw; } #carouselTournament .carousel-indicators { margin-bottom: 0; } #carouselTournament .carousel-indicators li { width: 10px; height: 10px; border-radius: 100%; border-top-width: 0; border-bottom-width: 0; } #carouselTournament .carousel-inner { padding-bottom: 16px; padding-right: 2px; } .tournament { padding-top: 30px; } .tournament h2 { display: flex; margin-bottom: 10px; font-weight: 700; } .tournament h2 i { margin: 0 16px; } .tournament h4 { text-align: left; height: 20px; font-size: 13px; margin-bottom: 0; } .tournament hr { flex: 0 0 40%; } .tournament table.tournament-prize-rank tbody td { background-color: transparent; border-left: 1px solid; border-bottom: 1px solid; padding: 5px; } .tournament table.tournament-prize-rank tbody td:last-child { border-right: 1px solid; } .tournament table.tournament-prize-rank tbody tr { background-color: transparent; } .tournament table.tournament-prize-rank thead th { border: 1px solid; border-right: none; padding: 10px 18px; } .tournament table.tournament-prize-rank thead th:last-child { border-right: 1px solid; } .tournament table.tournament-user-rank tbody tr td { padding: 12px 10px; } .tournament table.tournament-user-rank tbody tr.loggedin-player > td { border: 3px solid; font-weight: bold; } .tournament .row .left { margin-top: 20px; } .tournament .row .reward-info { margin-top: 10px; display: flex; flex-direction: row; margin-bottom: 10px; } .tournament .row .reward-info div { width: 100%; border: 2px solid; padding: 8px; } .tournament .row .tournament-games { display: flex; flex-direction: row; width: 100%; border: 1px solid; border-bottom: none; padding: 8px; justify-content: center; font-size: 1rem; } .tournament .row .tournament-more-prize { margin-top: 20px; font-size: 0.85rem; width: 100%; font-weight: bold; margin-bottom: 20px; } .tournament .row .tournament-start-end { display: flex; flex-direction: row; } .tournament .row .tournament-start-end div { width: 50%; border: 1px solid; padding: 8px; } .tournament .row .tournament-start-end div:last-child { border-left: none; } .tournament .row .tournament-timer { margin: 1rem; display: inline-flex; flex-direction: row; text-align: -webkit-center; } .tournament .row .tournament-timer > div, .tournament .row .tournament-timer > div:last-child { width: 25%; padding: 8px; } .tournament .row .tournament-timer > div[data-name="days"] span:last-child, .tournament .row .tournament-timer > div[data-name="hours"] span:last-child, .tournament .row .tournament-timer > div[data-name="minutes"] span:last-child, .tournament .row .tournament-timer > div[data-name="seconds"] span:last-child { font-size: 14px; } .tournament .row .tournament-timer > div[data-name="hours"] > span:first-child:after, .tournament .row .tournament-timer > div[data-name="minutes"] > span:first-child:after, .tournament .row .tournament-timer > div[data-name="seconds"] > span:first-child:after { content: ''; position: absolute; border-top: 1px solid #212121; opacity: .7; width: 55px; } .tournament .row .tournament-timer > div span:first-child { background-image: linear-gradient(to top, var(--countdown-timer-1), var(--countdown-timer-2), var(--countdown-timer-3), var(--countdown-timer-2), var(--countdown-timer-1)); border-radius: 8px; display: flex; height: 55px; width: 55px; padding: 5px; align-items: center; justify-content: center; font-size: 36px; font-family: 'HelveticaNeue-BlackCond'; letter-spacing: 2px; } .tournament .row .tournament-timer > div .fas { font-size: 28px; } #carouselSlides > div { height: auto; } #carouselSlides .carousel-inner .load-status { display: flex; flex-direction: column; align-items: center; margin: 1rem; } #carouselSlides .carousel-inner .load-status > button { margin-top: 1.25rem; padding: 0.5rem 1.25rem; } #carouselSlides .carousel-inner .load-status > div { display: flex; flex-direction: column; align-items: center; } #carouselSlides .carousel-inner .load-status > div > .description { margin-top: 0.5rem; font-size: 1rem; text-align: center; } #carouselSlides .carousel-inner .load-status > div > .icon { font-size: 2.5rem; } #fspGlobalTournamentRank.modal > .load-more-btn, #fspTournamentRank.modal > .load-more-btn { color: transparent; } #fspMainMenu > .sga-fspopup-content > .sga-fspopup-body > div > ul > li > .toggle-menu.active { border-radius: 35px; } .announcement { padding: 0.25rem 0; width: -webkit-fill-available; margin-right: -15px; margin-left: -15px; } .announcement > .row, .announcement > .row > div, .contactus > .row, .contactus > .row > div { padding: 0; margin: 0; text-align: center; align-items: center; } .carousel-item > a { display: block; width: 100%; } .contactus { margin-top: 1rem; margin-bottom: 1rem; padding: 25px 0 5px 0; width: auto; border-radius: 20px; } .contactus > .content a { display: contents; margin: 5px 10px; justify-content: space-between; align-items: center; } .contactus > .content .inner { flex-wrap: wrap; display: flex; margin: 25px 10px; border: 1px solid #cacaca; padding: 15px 15px 15px 25px; border-radius: 50px; justify-content: space-between; align-items: center; } .contactus > .content .sm-contact { font-weight: 700; align-self: center; margin-left: 20px; font-size: 16px; flex-grow: 1; display: flex; flex-direction: column; gap: 5px; } .contactus > .row { -ms-flex-align: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .contactus > .row.content { height: 64px; margin-top: 0.5rem; } .contactus > .row.content > div { height: 100%; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; } .contactus > .row.content > div a { text-align: center; text-decoration: none; } .contactus > .row.content > div .sm-contact { padding-top: 4px; font-size: 0.9rem; } .contactus .title { letter-spacing: 1.3px; line-height: 1.2; font-weight: 700; font-size: calc(1.275rem + 0.3vw); } .container-hotgame > .container-hotgame-inner { padding: 6px 0 24px 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; margin-right: 0; margin-left: 0; overflow: auto; } .container-hotgame > .container-hotgame-inner::-webkit-scrollbar { display: inline-block; height: 5px; } .container-hotgame > .container-hotgame-inner > div { position: relative; border-radius: 8px; } .container-hotgame > .container-hotgame-inner > div > div:not([data-name="maintenance-notice"]) { flex-direction: column; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; border-radius: 20px; min-width: 178px; } .container-hotgame > .container-hotgame-inner > div > div > .hotgame-button-bar { padding: 5px; text-align: center; } .container-hotgame > .container-hotgame-inner > div > div > .hotgame-button-bar > button { font-size: .6rem; height: 2rem; } .container-hotgame > .container-hotgame-inner > div > div > .hotgame-image { -ms-flex-positive: 1; flex-grow: 1; align-self: center; } .container-hotgame > .container-hotgame-inner > div > div > .hotgame-image > div { padding: 15px 0 2px 0; text-align: center; font-size: 15px; font-weight: 700; } .container-hotgame > .container-hotgame-inner > div > div > .hotgame-image > img { max-width: 166px; height: 120px; flex-grow: 1; border-radius: 15px; } .container-hotgame > .container-hotgame-inner .col-6 { padding: 10px; } .container-hotgame > .container-hotgame-inner > .load-status { display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; padding: 0; overflow: hidden; } .container-hotgame > .container-hotgame-inner > .load-status > button { margin-top: 0.5rem; } .container-hotgame > .container-hotgame-inner > .load-status > div { text-align: center; margin-top: 1rem; } .container-hotgame > .container-hotgame-inner > .load-status > div > .description { margin-top: 0.25rem; margin-bottom: 0.5rem; } .container-hotgame > .container-hotgame-inner > .load-status > div > .icon { font-size: 2rem; } .container-hotgame > .container-hotgame-inner > .sub-container-hotgame span:last-child { display: flex; margin: 0 10px; } .container-hotgame > .container-hotgame-inner > .sub-container-hotgame span:not(:last-child) { display: flex; margin: 10px 10px 0 10px; font-size: 16px; font-weight: bold; } .container-hotgame > .title { font-size: calc(1.275rem + .3vw); margin-top: 1.3rem; padding: 1.5rem 0 0 12px; font-weight: 700; display: flex; } .container-hotgame > .title hr { flex: 0 0 57%; } .hotgame-button-bar .btn.playnow { border-radius: 15px; font-weight: 600; } .img-disabled { opacity: 0.4; } .jackpot { padding: 3.3% 0; font-family: Advanced-dot; font-size: 2rem; font-weight: bold; text-align: center; } .maintenance-notice { position: absolute; padding: 50% 0 50% 0; flex-direction: column; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 8px; background: #fff; min-width: 178px; height: 100%; background: rgba(0, 0, 0, 0.25); z-index: 1; text-align: center; color: white; } .maintenance-notice.all-caps { text-transform: uppercase; padding-top: 50px; } .jackpot-content { background-image: linear-gradient(to top, var(--countdown-timer-1), var(--countdown-timer-2), var(--countdown-timer-3), var(--countdown-timer-2), var(--countdown-timer-1)); border: 2px solid var(--dark-main-color); box-shadow: var(--dark-main-color) 0px 0px 21px, var(--dark-main-color) 0px -2px 36px; } .jackpot-content > div { color: var(--jackpot-txt); background-color: var(--dark-pure-black); } .jackpot-header { background: linear-gradient(to right, var(--dark-txt-white) 20%, var(--dark-txt-white) 40%, var(--dark-main-color) 40%, var(--dark-main-color) 70%, var(--dark-main-color) 100%); text-shadow: var(--index-jackpot-title-txt-shadow); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .container-menu-icon { background-color: var(--dark-txt-black-d); } .container-menu-icon > div { font-weight: bold; } .container-menu-icon > div > a { color: var(--dark-txt-white-d); } .container-menu-icon > div > a > img { background-image: linear-gradient(115deg, var(--dark-txt-gray-d-rgb), var(--dark-pure-black)); } .container-menu-icon > div.active > a { color: var(--index-main-menu-item-active-txt); } .container-menu-icon > div.active a > div { border-color: var(--dark-main-color); } .container-menu-icon > div.active a > img { background-image: linear-gradient(115deg, var(--dark-main-color), var(--dark-main-color-d)); } .game-provider-menu { background-color: var(--index-main-menu-dropdown-bg); } .game-provider-menu > div > a > p { color: var(--index-main-menu-dropdown-item-txt); } .game-provider-menu > div > a > p:first-child { background-color: transparent; } .game-provider-menu > div > a > p:first-child > img { background-color: var(--index-main-menu-dropdown-item-img-bg); } a, a:hover { color: var(--dark-main-color); } a.disabled > .lottery-card > .card-body { background: var(--lottery-gray-bg-800); } a.disabled > .lottery-card > .card-body > .play-now { background: var(--dark-txt-gray-d); box-shadow: none; } a.disabled > .lottery-card > .card-header { background: var(--dark-txt-gray-d); } .bottom > div > .prev-roundid, .bottom span, .bottom .label { color: var(--sgainputicongroup-icon); } .btn-results, .card-body > .bottom > .result > .win, .play-now { background: var(--dark-main-color); box-shadow: none; color: var(--dark-pure-white); } .card-body { background: var(--lottery-card-bg); } .card-body > .bottom > .result > .sup { background-color: var(--dark-txt-green-dl); color: var(--dark-pure-white); } .card-header { background: var(--dark-txt-gray-d) } .card-header h3 { background: var(--dark-txt-gray-d) } .card-header > .countdown { background: rgba(var(--dark-main-color-rgb), 0.15); border: 1px solid rgba(var(--dark-main-color-rgb), 0.3); color: var(--dark-main-color); } .card-header > .countdown > a { color: var(--dark-main-color-d); } .detail-label { color: rgba(var(--dark-white-rgb), 0.5); } .detail-value, .live-status { color: var(--dark-pure-white); } .draw-details { background: rgba(var(--dark-black-rgb), 0.1); border: 1px solid rgba(var(--dark-main-color-rgb), 0.6); } .lottery-card { border: 1px solid var(--dark-txt-gray-d-rgb); } .lottery-lobby { background-color: var(--dark-txt-black-d); } .lottery-lobby .header > hr { color: var(--dark-txt-gray-d); background-color: var(--dark-pure-black); } .lottery-lobby .header > .lottery-result > a { border-color: var(--dark-main-color); background-image: linear-gradient(to top,var(--dark-main-color) 0%,var(--dark-main-color-d) 100%); box-shadow: none; color: var(--dark-pure-white); } .lottery-lobby .header > .title > span { color: var(--home-index-loggedout-hotgame-title-txt); } .play-now.disabled { background: rgba(var(--dark-white-rgb), 0.3); } .prize-amount { background: var(--prize-amount-bg); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .search-container > .sga-input-icon-group { border-color: var(--dark-txt-gray-d); background-color: var(--sgainputicongroup-bg); } .search-container > .sga-input-icon-group:before { color: var(--sgainputicongroup-icon); border-color: var(--sgainputicongroup-icon-bor); } .search-container > .sga-input-icon-group > input { color: var(--sgainputicongroup-inner-txt); } .watch-live { background: rgba(var(--dark-main-color-rgb), 0.15); border: 1px solid rgba(var(--dark-main-color-rgb), 0.3) !important; color: var(--dark-pure-white) !important; } #fspGlobalTournament .sga-fspopup-body { background-color: var(--home-promo-loggedout-dailyplay-details-dropdown-bg); border-color: var(--home-promo-loggedout-dailyplay-details-dropdown-bor); border-bottom-color: none; } #fspGlobalTournament .sga-fspopup-body span { background: var(--home-promo-loggedout-dailyplay-details-table-td-txt); font-weight: bold; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #fspGlobalTournament .sga-fspopup-body .section-bonus, #fspGlobalTournament .sga-fspopup-body .section-content.ranks, #fspGlobalTournament .sga-fspopup-body .section-head span { color: var(--home-promo-loggedout-dailyplay-details-table-th-txt); } #fspGlobalTournament .sga-fspopup-body .section-bonus > div:nth-child(2), #fspGlobalTournament .sga-fspopup-body .section-content, #fspGlobalTournament .sga-fspopup-body .section-content.ranks > .rank, #fspGlobalTournament .sga-fspopup-body .section-content.status > div, #fspGlobalTournament .sga-fspopup-body .section-content.timer .promo-timer, #fspGlobalTournament .sga-fspopup-header { border-color: var(--home-promo-loggedout-dailyplay-details-table-td-bor); } #fspGlobalTournament .sga-fspopup-body .section-content.status > div { color: var(--home-promo-item-details-dropdown-promorepeats-txt); background-image: var(--home-promo-item-details-dropdown-promorepeats-bg); } #fspGlobalTournament .sga-fspopup-body .section-content.status .promo-repeat { color: var(--home-promo-loggedout-dailyplay-details-table-title-promorepeat-txt); border-color: var(--home-promo-loggedout-dailyplay-details-table-title-promorepeat-bor); background: var(--home-promo-loggedout-dailyplay-details-table-title-promorepeat-bg); } #fspGlobalTournament .sga-fspopup-body .section-content.status .promo-start { border-color: var(--home-promo-item-details-dropdown-promorepeats-bor); } #fspGlobalTournament .sga-fspopup-body .section-content.timer { height: 180px; display: flex; place-content: center; padding-top: 1rem; } #fspGlobalTournament .sga-fspopup-body .section-content.timer > div { color: var(--home-promo-item-details-dropdown-table-purchase-btn-txt); } #fspGlobalTournament .sga-fspopup-body .section-head { background-color: var(--home-promo-item-details-dropdown-table-th-bg); border-color: var(--home-promo-item-details-dropdown-table-th-bor); } #fspGlobalTournament .sga-fspopup-body .title { background: var(--home-promo-loggedout-dailyplay-details-table-title-bg); } #fspGlobalTournament .sga-fspopup-body .title span { background: var(--home-promo-loggedout-dailyplay-details-table-title-txt); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .menu-group .nav-item:nth-child(-n+3) { background-color: #43494e; } #fspGlobalTournamentRank table { background-color: var(--dark-txt-black-l); color: var(--tournament-title-txt); } #fspGlobalTournamentRank table tbody tr td { border-color: var(--tournament-table-body-bor); } #fspGlobalTournamentRank table thead th { border-color: var(--tournament-table-header-bor); background-color: var(--tournament-table-header-bg); color: var(--dark-txt-white); } #fspGlobalTournamentRank .modal-footer > button { color: var(--dark-txt-white); background-color: transparent; border-color: var(--dark-main-color); } [data-name="ranklist"] tbody tr.loggedin-player > td { border-color: var(--tournament-my-rank-bor) !important; } #fspTournament .sga-fspopup-body { background-color: var(--home-promo-loggedout-dailyplay-details-dropdown-bg); border-color: var(--home-promo-loggedout-dailyplay-details-dropdown-bor); border-bottom-color: none; } #fspTournament .sga-fspopup-body span { background: var(--home-promo-loggedout-dailyplay-details-table-td-txt); font-weight: bold; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #fspTournament .sga-fspopup-body .section-bonus, #fspTournament .sga-fspopup-body .section-content.ranks, #fspTournament .sga-fspopup-body .section-head span { color: var(--home-promo-loggedout-dailyplay-details-table-th-txt); } #fspTournament .sga-fspopup-body .section-bonus > div:nth-child(2), #fspTournament .sga-fspopup-body .section-content, #fspTournament .sga-fspopup-body .section-content.ranks > .rank, #fspTournament .sga-fspopup-body .section-content.status > div, #fspTournament .sga-fspopup-body .section-content.timer .promo-timer, #fspTournament .sga-fspopup-header { border-color: var(--home-promo-loggedout-dailyplay-details-table-td-bor); } #fspTournament .sga-fspopup-body .section-content.status > div { color: var(--home-promo-item-details-dropdown-promorepeats-txt); background-image: var(--home-promo-item-details-dropdown-promorepeats-bg); } #fspTournament .sga-fspopup-body .section-content.status .promo-repeat { color: var(--home-promo-loggedout-dailyplay-details-table-title-promorepeat-txt); border-color: var(--home-promo-loggedout-dailyplay-details-table-title-promorepeat-bor); background: var(--home-promo-loggedout-dailyplay-details-table-title-promorepeat-bg); } #fspTournament .sga-fspopup-body .section-content.status .promo-start { border-color: var(--home-promo-item-details-dropdown-promorepeats-bor); } #fspTournament .sga-fspopup-body .section-content.timer { height: 180px; display: flex; place-content: center; padding-top: 1rem; } #fspTournament .sga-fspopup-body .section-content.timer > div { color: var(--home-promo-item-details-dropdown-table-purchase-btn-txt); } #fspTournament .sga-fspopup-body .section-head { background-color: var(--home-promo-item-details-dropdown-table-th-bg); border-color: var(--home-promo-item-details-dropdown-table-th-bor); } #fspTournament .sga-fspopup-body .title { background: var(--home-promo-loggedout-dailyplay-details-table-title-bg); } #fspTournament .sga-fspopup-body .title span { background: var(--home-promo-loggedout-dailyplay-details-table-title-txt); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .menu-group .nav-item:nth-child(-n+3) { background-color: #43494e; } #fspTournamentRank table { background-color: var(--dark-txt-black-l); color: var(--tournament-title-txt); } #fspTournamentRank table tbody tr td { border-color: var(--tournament-table-body-bor); } #fspTournamentRank table thead th { border-color: var(--tournament-table-header-bor); background-color: var(--tournament-table-header-bg); color: var(--dark-txt-white); } #fspTournamentRank .modal-footer > button { color: var(--dark-txt-white); background-color: transparent; border-color: var(--dark-main-color); } [data-name="ranklist"] tbody tr.loggedin-player > td { border-color: var(--tournament-my-rank-bor) !important; } #carouselGlobalTournament table { background-color: var(--dark-txt-black-l); } .tournament { color: var(--tournament-title-txt); background-color: var(--dark-txt-black-m); } .tournament h2 { color: var(--dark-main-color); } .tournament h2 i { color: var(--tournament-title-ico-txt); } .tournament hr { color: var(--dark-txt-gray-d); background-color: var(--dark-pure-black); } .tournament table { color: var(--tournament-title-txt); } .tournament table.global-tournament-prize-rank tbody td { border-left-color: var(--tournament-table-body-bor); border-bottom-color: var(--tournament-table-body-bor); } .tournament table.global-tournament-prize-rank tbody td:last-child, .tournament table.global-tournament-prize-rank thead th:last-child { border-right-color: var(--tournament-table-body-bor); } .tournament table.global-tournament-prize-rank thead th, .tournament table.tournament-user-rank thead th { border-color: var(--tournament-table-header-bor); background-color: var(--tournament-table-header-bg); } .tournament table.tournament-user-rank tbody tr td { border-color: var(--tournament-table-body-bor); } .tournament table.tournament-user-rank tbody tr.loggedin-player > td { border-color: var(--tournament-my-rank-bor); } .tournament .row .reward-info > div { border-color: var(--tournament-timer-bor); } .tournament .row .tournament-games { background: var(--tournament-title-bg); border-color: var(--tournament-title-bor); color: var(--dark-main-color); } .tournament .row .tournament-more-prize, .tournament .row .tournament-more-user-rank { color: var(--tournament-details-btn-txt); background-color: var(--tournament-details-btn-bg); border-color: var(--tournament-details-btn-bor); } .tournament .row .tournament-start-end { color: var(--tournament-date-txt); } .tournament .row .tournament-start-end > div { background: var(--tournament-title-bg); border-color: var(--tournament-title-bor); } .tournament .row .tournament-timer > div { border-color: var(--tournament-timer-bor); } .tournament .row .tournament-timer > div:last-child { border-right-color: var(--tournament-timer-bor); } .pagepopup { background-color: var(--popup-page-index-backdrop); } .pagepopup-main { background-color: var(--popup-page-index-box-bg); border-color: var(--popup-page-index-box-bor); box-shadow: var(--popup-page-index-box-shadow); } .pagepopup-main > [data-name="close"] { color: var(--popup-page-index-box-btn-close-txt); background-color: var(--popup-page-index-box-btn-close-bg); border-color: var(--popup-page-index-box-btn-close-bor); box-shadow: var(--popup-page-index-box-btn-close-shadow); } #carouselTournament table { background-color: var(--dark-txt-black-l); } .tournament { color: var(--tournament-title-txt); background-color: var(--dark-txt-black-m); } .tournament h2 { color: var(--dark-main-color); } .tournament h2 i { color: var(--tournament-title-ico-txt); } .tournament hr { color: var(--dark-txt-gray-d); background-color: var(--dark-pure-black); } .tournament table { color: var(--tournament-title-txt); } .tournament table.tournament-prize-rank tbody td { border-left-color: var(--tournament-table-body-bor); border-bottom-color: var(--tournament-table-body-bor); } .tournament table.tournament-prize-rank tbody td:last-child, .tournament table.tournament-prize-rank thead th:last-child { border-right-color: var(--tournament-table-body-bor); } .tournament table.tournament-prize-rank thead th, .tournament table.tournament-user-rank thead th { border-color: var(--tournament-table-header-bor); background-color: var(--tournament-table-header-bg); } .tournament table.tournament-user-rank tbody tr td { border-color: var(--tournament-table-body-bor); } .tournament table.tournament-user-rank tbody tr.loggedin-player > td { border-color: var(--tournament-my-rank-bor); } .tournament .row .reward-info > div { border-color: var(--tournament-timer-bor); } .tournament .row .tournament-games { background: var(--tournament-title-bg); border-color: var(--tournament-title-bor); color: var(--dark-main-color); } .tournament .row .tournament-more-prize { color: var(--tournament-details-btn-txt); background-color: var(--tournament-details-btn-bg); border-color: var(--tournament-details-btn-bor); } .tournament .row .tournament-start-end { color: var(--tournament-date-txt); } .tournament .row .tournament-start-end > div { background: var(--tournament-title-bg); border-color: var(--tournament-title-bor); } .tournament .row .tournament-timer > div { border-color: var(--tournament-timer-bor); } .tournament .row .tournament-timer > div:last-child { border-right-color: var(--tournament-timer-bor); } .announcement { color: var(--home-index-loggedout-announcement-txt); background: var(--dark-txt-black-d); border-color: var(--home-index-loggedout-announcement-bor); } .announcement > .row > div { color: var(--home-index-loggedout-announcement-txt); } .contactus { background: var(--dark-main-color-d); border: var(--home-index-loggedout-contactus-bor); font-weight: bold; } .contactus .content a { background: #272727; border-color: #424242; color: var(--home-index-loggedout-contactus-link-txt); } .contactus .content a:focus, .contactus .content a:hover { color: var(--home-index-loggedout-contactus-link-hover-txt); } .contactus .content img { filter: var(--home-index-loggedout-contactus-ico); } .contactus > .content .inner { background-image: var(--box-details-bg-1); border-color: var(--dark-main-color); } .contactus .title { color: var(--home-index-loggedout-contactus-txt); } .container .row:nth-child(3) .col-12.promo { background: var(--tournament-details-btn-bg); color: var(--tournament-details-btn-txt); } .container-hotgame { background-color: var(--dark-txt-black-m); } .container-hotgame > .container-hotgame-inner > div > div:not([data-name="maintenance-notice"]) { background-image: linear-gradient(to bottom, var(--dark-txt-gray-d) 0%, var(--dark-txt-gray-d) 50%, var(--dark-txt-gray-d) 100%); } .container-hotgame > .container-hotgame-inner > div > div > .hotgame-button-bar > button { background: var(--tournament-details-btn-bg); color: var(--tournament-details-btn-txt); } .container-hotgame > .container-hotgame-inner > .sub-container-hotgame span:not(:last-child) { color: var(--dark-main-color); } .container-hotgame > .title { color: var(--home-index-loggedout-hotgame-title-txt); } .container-hotgame > .title hr { background-color: var(--dark-pure-black); } .hotgame { background: #252525; }