npm - @everymatrix/casino-page - Versions diffs - 0.0.156 → 0.0.160 - Mend

@everymatrix/casino-page 0.0.156 → 0.0.160

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/casino-page.js CHANGED Viewed

@@ -9096,17 +9096,17 @@
     function get_each_context(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[109] = list[i];
-    	child_ctx[111] = i;
+    	child_ctx[110] = list[i];
+    	child_ctx[112] = i;
     	return child_ctx;
     }
-    // (654:0) {:else}
+    // (655:0) {:else}
     function create_else_block(ctx) {
     	let section;
-    	let show_if_1 = getDevice(/*userAgent*/ ctx[34]) !== "PC" && /*alternativesearch*/ ctx[8] === "false" && /*mobileSearchViewActive*/ ctx[29];
+    	let show_if_1 = getDevice(/*userAgent*/ ctx[35]) !== "PC" && /*alternativesearch*/ ctx[8] === "false" && /*mobileSearchViewActive*/ ctx[30];
     	let t0;
-    	let show_if = !/*favoritesScreen*/ ctx[16] && !/*lobbyScreen*/ ctx[20] && !/*mobileSearchViewActive*/ ctx[29] && /*numberOfFilters*/ ctx[30] && getDevice(/*userAgent*/ ctx[34]) !== "PC";
+    	let show_if = !/*favoritesScreen*/ ctx[17] && !/*lobbyScreen*/ ctx[21] && !/*mobileSearchViewActive*/ ctx[30] && /*numberOfFilters*/ ctx[31] && getDevice(/*userAgent*/ ctx[35]) !== "PC";
     	let t1;
     	let t2;
     	let t3;
@@ -9122,17 +9122,17 @@
     	let if_block2 = current_block_type(ctx);
     	function select_block_type_2(ctx, dirty) {
-    		if (/*isLoading*/ ctx[11]) return create_if_block_2;
-    		if (/*searched*/ ctx[18]) return create_if_block_3;
-    		if (/*lobbyScreen*/ ctx[20]) return create_if_block_4;
-    		if (/*favoritesScreen*/ ctx[16]) return create_if_block_5;
-    		if (/*mostPlayedScreen*/ ctx[21]) return create_if_block_6;
-    		if (!/*recentSearches*/ ctx[17]) return create_if_block_8;
+    		if (/*isLoading*/ ctx[12]) return create_if_block_2;
+    		if (/*searched*/ ctx[19]) return create_if_block_3;
+    		if (/*lobbyScreen*/ ctx[21]) return create_if_block_4;
+    		if (/*favoritesScreen*/ ctx[17]) return create_if_block_5;
+    		if (/*mostPlayedScreen*/ ctx[22]) return create_if_block_6;
+    		if (!/*recentSearches*/ ctx[18]) return create_if_block_8;
     	}
     	let current_block_type_1 = select_block_type_2(ctx);
     	let if_block3 = current_block_type_1 && current_block_type_1(ctx);
-    	let if_block4 = /*isLoggedIn*/ ctx[13] && create_if_block_1(ctx);
+    	let if_block4 = /*isLoggedIn*/ ctx[14] && create_if_block_1(ctx);
     	const block = {
     		c: function create() {
@@ -9147,7 +9147,8 @@
     			t3 = space();
     			if (if_block4) if_block4.c();
     			attr_dev(section, "class", "CategoriesLobby");
-    			add_location(section, file, 654, 2, 22487);
+    			set_style(section, "max-width", /*containermaxwidth*/ ctx[10] + "px");
+    			add_location(section, file, 655, 2, 22522);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, section, anchor);
@@ -9160,10 +9161,10 @@
     			if (if_block3) if_block3.m(section, null);
     			append_dev(section, t3);
     			if (if_block4) if_block4.m(section, null);
-    			/*section_binding*/ ctx[64](section);
+    			/*section_binding*/ ctx[65](section);
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty[0] & /*alternativesearch, mobileSearchViewActive*/ 536871168) show_if_1 = getDevice(/*userAgent*/ ctx[34]) !== "PC" && /*alternativesearch*/ ctx[8] === "false" && /*mobileSearchViewActive*/ ctx[29];
+    			if (dirty[0] & /*alternativesearch, mobileSearchViewActive*/ 1073742080) show_if_1 = getDevice(/*userAgent*/ ctx[35]) !== "PC" && /*alternativesearch*/ ctx[8] === "false" && /*mobileSearchViewActive*/ ctx[30];
     			if (show_if_1) {
     				if (if_block0) ; else {
@@ -9176,7 +9177,7 @@
     				if_block0 = null;
     			}
-    			if (dirty[0] & /*favoritesScreen, lobbyScreen, mobileSearchViewActive, numberOfFilters*/ 1611726848) show_if = !/*favoritesScreen*/ ctx[16] && !/*lobbyScreen*/ ctx[20] && !/*mobileSearchViewActive*/ ctx[29] && /*numberOfFilters*/ ctx[30] && getDevice(/*userAgent*/ ctx[34]) !== "PC";
+    			if (dirty[0] & /*favoritesScreen, lobbyScreen, mobileSearchViewActive*/ 1075970048 | dirty[1] & /*numberOfFilters*/ 1) show_if = !/*favoritesScreen*/ ctx[17] && !/*lobbyScreen*/ ctx[21] && !/*mobileSearchViewActive*/ ctx[30] && /*numberOfFilters*/ ctx[31] && getDevice(/*userAgent*/ ctx[35]) !== "PC";
     			if (show_if) {
     				if (if_block1) {
@@ -9215,7 +9216,7 @@
     				}
     			}
-    			if (/*isLoggedIn*/ ctx[13]) {
+    			if (/*isLoggedIn*/ ctx[14]) {
     				if (if_block4) {
     					if_block4.p(ctx, dirty);
     				} else {
@@ -9227,6 +9228,10 @@
     				if_block4.d(1);
     				if_block4 = null;
     			}
+    			if (dirty[0] & /*containermaxwidth*/ 1024) {
+    				set_style(section, "max-width", /*containermaxwidth*/ ctx[10] + "px");
+    			}
     		},
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(section);
@@ -9239,7 +9244,7 @@
     			}
     			if (if_block4) if_block4.d();
-    			/*section_binding*/ ctx[64](null);
+    			/*section_binding*/ ctx[65](null);
     		}
     	};
@@ -9247,14 +9252,14 @@
     		block,
     		id: create_else_block.name,
     		type: "else",
-    		source: "(654:0) {:else}",
+    		source: "(655:0) {:else}",
     		ctx
     	});
     	return block;
     }
-    // (652:0) {#if hasErrors}
+    // (653:0) {#if hasErrors}
     function create_if_block(ctx) {
     	let p;
@@ -9263,7 +9268,7 @@
     			p = element("p");
     			p.textContent = "500 Error - Internal Server Error";
     			attr_dev(p, "class", "SearchLoading");
-    			add_location(p, file, 652, 2, 22414);
+    			add_location(p, file, 653, 2, 22449);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -9278,14 +9283,14 @@
     		block,
     		id: create_if_block.name,
     		type: "if",
-    		source: "(652:0) {#if hasErrors}",
+    		source: "(653:0) {#if hasErrors}",
     		ctx
     	});
     	return block;
     }
-    // (656:4) {#if (getDevice(userAgent) !== 'PC') && (alternativesearch === 'false') && mobileSearchViewActive}
+    // (657:4) {#if (getDevice(userAgent) !== 'PC') && (alternativesearch === 'false') && mobileSearchViewActive}
     function create_if_block_23(ctx) {
     	let div;
@@ -9293,7 +9298,7 @@
     		c: function create() {
     			div = element("div");
     			attr_dev(div, "class", "SearchBarPlaceholder");
-    			add_location(div, file, 656, 6, 22665);
+    			add_location(div, file, 657, 6, 22742);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -9307,14 +9312,14 @@
     		block,
     		id: create_if_block_23.name,
     		type: "if",
-    		source: "(656:4) {#if (getDevice(userAgent) !== 'PC') && (alternativesearch === 'false') && mobileSearchViewActive}",
+    		source: "(657:4) {#if (getDevice(userAgent) !== 'PC') && (alternativesearch === 'false') && mobileSearchViewActive}",
     		ctx
     	});
     	return block;
     }
-    // (659:4) {#if !favoritesScreen && !lobbyScreen && !mobileSearchViewActive && numberOfFilters && getDevice(userAgent) !== 'PC'}
+    // (660:4) {#if !favoritesScreen && !lobbyScreen && !mobileSearchViewActive && numberOfFilters && getDevice(userAgent) !== 'PC'}
     function create_if_block_22(ctx) {
     	let div1;
     	let div0;
@@ -9335,7 +9340,7 @@
     			polygon = svg_element("polygon");
     			set_style(polygon, "fill", "#FD2839");
     			attr_dev(polygon, "points", "378.303,28.285 350.018,0 189.151,160.867 28.285,0 0,28.285 160.867,189.151 0,350.018\n                28.285,378.302 189.151,217.436 350.018,378.302 378.303,350.018 217.436,189.151 ");
-    			add_location(polygon, file, 664, 14, 23269);
+    			add_location(polygon, file, 665, 14, 23346);
     			attr_dev(svg, "version", "1.1");
     			attr_dev(svg, "id", "Layer_1");
     			attr_dev(svg, "xmlns", "http://www.w3.org/2000/svg");
@@ -9345,13 +9350,13 @@
     			attr_dev(svg, "viewBox", "0 0 378.303 378.303");
     			set_style(svg, "enable-background", "new 0 0 378.303 378.303");
     			attr_dev(svg, "xml:space", "preserve");
-    			add_location(svg, file, 662, 12, 23014);
+    			add_location(svg, file, 663, 12, 23091);
     			attr_dev(span, "class", "ClearIcon");
-    			add_location(span, file, 661, 10, 22977);
+    			add_location(span, file, 662, 10, 23054);
     			attr_dev(div0, "class", "ClearButton");
-    			add_location(div0, file, 660, 8, 22936);
+    			add_location(div0, file, 661, 8, 23013);
     			attr_dev(div1, "class", "ClearFilterMobileButtonWrapper");
-    			add_location(div1, file, 659, 6, 22844);
+    			add_location(div1, file, 660, 6, 22921);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div1, anchor);
@@ -9362,7 +9367,7 @@
     			append_dev(svg, polygon);
     			if (!mounted) {
-    				dispose = listen_dev(div1, "click", /*click_handler*/ ctx[50], false, false, false);
+    				dispose = listen_dev(div1, "click", /*click_handler*/ ctx[51], false, false, false);
     				mounted = true;
     			}
     		},
@@ -9378,14 +9383,14 @@
     		block,
     		id: create_if_block_22.name,
     		type: "if",
-    		source: "(659:4) {#if !favoritesScreen && !lobbyScreen && !mobileSearchViewActive && numberOfFilters && getDevice(userAgent) !== 'PC'}",
+    		source: "(660:4) {#if !favoritesScreen && !lobbyScreen && !mobileSearchViewActive && numberOfFilters && getDevice(userAgent) !== 'PC'}",
     		ctx
     	});
     	return block;
     }
-    // (730:4) {:else}
+    // (731:4) {:else}
     function create_else_block_2(ctx) {
     	let div2;
     	let div1;
@@ -9396,15 +9401,15 @@
     	let input;
     	let input_placeholder_value;
     	let t3;
-    	let show_if = getDevice(/*userAgent*/ ctx[34]) === "PC" && /*searchValue*/ ctx[10].length || getDevice(/*userAgent*/ ctx[34]) !== "PC";
+    	let show_if = getDevice(/*userAgent*/ ctx[35]) === "PC" && /*searchValue*/ ctx[11].length || getDevice(/*userAgent*/ ctx[35]) !== "PC";
     	let div1_class_value;
     	let t4;
     	let div2_class_value;
     	let mounted;
     	let dispose;
-    	let if_block0 = !/*mobileSearchViewActive*/ ctx[29] && create_if_block_21(ctx);
+    	let if_block0 = !/*mobileSearchViewActive*/ ctx[30] && create_if_block_21(ctx);
     	let if_block1 = show_if && create_if_block_20(ctx);
-    	let if_block2 = !/*favoritesScreen*/ ctx[16] && !/*lobbyScreen*/ ctx[20] && !/*mobileSearchViewActive*/ ctx[29] && !/*mostPlayedScreen*/ ctx[21] && !/*recentSearches*/ ctx[17] && !/*searched*/ ctx[18] && !/*lobbyViewAux*/ ctx[19] && create_if_block_16(ctx);
+    	let if_block2 = !/*favoritesScreen*/ ctx[17] && !/*lobbyScreen*/ ctx[21] && !/*mobileSearchViewActive*/ ctx[30] && !/*mostPlayedScreen*/ ctx[22] && !/*recentSearches*/ ctx[18] && !/*searched*/ ctx[19] && !/*lobbyViewAux*/ ctx[20] && create_if_block_16(ctx);
     	const block = {
     		c: function create() {
@@ -9423,40 +9428,40 @@
     			if (if_block2) if_block2.c();
     			attr_dev(label, "for", "search");
     			attr_dev(label, "class", "SrOnly");
-    			add_location(label, file, 734, 10, 28620);
+    			add_location(label, file, 735, 10, 28697);
     			attr_dev(input, "id", "SearchField");
     			attr_dev(input, "class", "SearchInput");
-    			attr_dev(input, "placeholder", input_placeholder_value = getDevice(/*userAgent*/ ctx[34]) === "PC"
-    			? /*$_*/ ctx[32]("casinoPage.search")
-    			: /*$_*/ ctx[32]("casinoPage.searchMobile"));
+    			attr_dev(input, "placeholder", input_placeholder_value = getDevice(/*userAgent*/ ctx[35]) === "PC"
+    			? /*$_*/ ctx[33]("casinoPage.search")
+    			: /*$_*/ ctx[33]("casinoPage.searchMobile"));
     			attr_dev(input, "type", "search");
-    			add_location(input, file, 743, 12, 29176);
+    			add_location(input, file, 744, 12, 29253);
     			attr_dev(div0, "class", "SearchWrapper");
-    			add_location(div0, file, 735, 10, 28693);
+    			add_location(div0, file, 736, 10, 28770);
-    			attr_dev(div1, "class", div1_class_value = "SearchContainer " + (!/*lobbyScreen*/ ctx[20] && !/*favoritesScreen*/ ctx[16] && !/*mostPlayedScreen*/ ctx[21] && !/*lobbyViewAux*/ ctx[19]
+    			attr_dev(div1, "class", div1_class_value = "SearchContainer " + (!/*lobbyScreen*/ ctx[21] && !/*favoritesScreen*/ ctx[17] && !/*mostPlayedScreen*/ ctx[22] && !/*lobbyViewAux*/ ctx[20]
     			? "SearchTruncated"
     			: ""));
-    			add_location(div1, file, 733, 8, 28478);
+    			add_location(div1, file, 734, 8, 28555);
-    			attr_dev(div2, "class", div2_class_value = "CategoriesHeaderSection CategoriesHeaderSectionAltDesign " + (getDevice(/*userAgent*/ ctx[34]) !== "PC"
+    			attr_dev(div2, "class", div2_class_value = "CategoriesHeaderSection CategoriesHeaderSectionAltDesign " + (getDevice(/*userAgent*/ ctx[35]) !== "PC"
     			? "CategoriesHeaderMobileSection"
-    			: "") + " " + (/*mobileSearchViewActive*/ ctx[29]
+    			: "") + " " + (/*mobileSearchViewActive*/ ctx[30]
     			? "SearchMobileActive"
-    			: "") + " " + (/*mobileSearchViewActive*/ ctx[29] || /*searched*/ ctx[18] && !(getDevice(/*userAgent*/ ctx[34]) === "PC") && !/*closeSearch*/ ctx[33]
+    			: "") + " " + (/*mobileSearchViewActive*/ ctx[30] || /*searched*/ ctx[19] && !(getDevice(/*userAgent*/ ctx[35]) === "PC") && !/*closeSearch*/ ctx[34]
     			? "CategoriesHeaderSearchActive"
-    			: "") + (/*adjustingScroll*/ ctx[23] && /*mobileSearchViewActive*/ ctx[29]
+    			: "") + (/*adjustingScroll*/ ctx[24] && /*mobileSearchViewActive*/ ctx[30]
     			? "SearchStickTop"
     			: ""));
-    			set_style(div2, "top", /*adjustingScroll*/ ctx[23] && /*mobileSearchViewActive*/ ctx[29]
+    			set_style(div2, "top", /*adjustingScroll*/ ctx[24] && /*mobileSearchViewActive*/ ctx[30]
     			? scrollOffset + "px"
     			: "");
-    			add_location(div2, file, 731, 6, 27959);
+    			add_location(div2, file, 732, 6, 28036);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div2, anchor);
@@ -9467,27 +9472,27 @@
     			if (if_block0) if_block0.m(div0, null);
     			append_dev(div0, t2);
     			append_dev(div0, input);
-    			/*input_binding_1*/ ctx[57](input);
-    			set_input_value(input, /*searchValue*/ ctx[10]);
+    			/*input_binding_1*/ ctx[58](input);
+    			set_input_value(input, /*searchValue*/ ctx[11]);
     			append_dev(div0, t3);
     			if (if_block1) if_block1.m(div0, null);
     			append_dev(div2, t4);
     			if (if_block2) if_block2.m(div2, null);
-    			/*div2_binding_1*/ ctx[62](div2);
+    			/*div2_binding_1*/ ctx[63](div2);
     			if (!mounted) {
     				dispose = [
-    					listen_dev(input, "focus", /*onFocus*/ ctx[36], false, false, false),
-    					listen_dev(input, "blur", /*onBlur*/ ctx[37], false, false, false),
-    					listen_dev(input, "input", /*input_input_handler_1*/ ctx[58]),
-    					listen_dev(input, "focus", /*searchActivated*/ ctx[38], false, false, false)
+    					listen_dev(input, "focus", /*onFocus*/ ctx[37], false, false, false),
+    					listen_dev(input, "blur", /*onBlur*/ ctx[38], false, false, false),
+    					listen_dev(input, "input", /*input_input_handler_1*/ ctx[59]),
+    					listen_dev(input, "focus", /*searchActivated*/ ctx[39], false, false, false)
     				];
     				mounted = true;
     			}
     		},
     		p: function update(ctx, dirty) {
-    			if (!/*mobileSearchViewActive*/ ctx[29]) {
+    			if (!/*mobileSearchViewActive*/ ctx[30]) {
     				if (if_block0) ; else {
     					if_block0 = create_if_block_21(ctx);
     					if_block0.c();
@@ -9498,17 +9503,17 @@
     				if_block0 = null;
     			}
-    			if (dirty[1] & /*$_*/ 2 && input_placeholder_value !== (input_placeholder_value = getDevice(/*userAgent*/ ctx[34]) === "PC"
-    			? /*$_*/ ctx[32]("casinoPage.search")
-    			: /*$_*/ ctx[32]("casinoPage.searchMobile"))) {
+    			if (dirty[1] & /*$_*/ 4 && input_placeholder_value !== (input_placeholder_value = getDevice(/*userAgent*/ ctx[35]) === "PC"
+    			? /*$_*/ ctx[33]("casinoPage.search")
+    			: /*$_*/ ctx[33]("casinoPage.searchMobile"))) {
     				attr_dev(input, "placeholder", input_placeholder_value);
     			}
-    			if (dirty[0] & /*searchValue*/ 1024) {
-    				set_input_value(input, /*searchValue*/ ctx[10]);
+    			if (dirty[0] & /*searchValue*/ 2048) {
+    				set_input_value(input, /*searchValue*/ ctx[11]);
     			}
-    			if (dirty[0] & /*searchValue*/ 1024) show_if = getDevice(/*userAgent*/ ctx[34]) === "PC" && /*searchValue*/ ctx[10].length || getDevice(/*userAgent*/ ctx[34]) !== "PC";
+    			if (dirty[0] & /*searchValue*/ 2048) show_if = getDevice(/*userAgent*/ ctx[35]) === "PC" && /*searchValue*/ ctx[11].length || getDevice(/*userAgent*/ ctx[35]) !== "PC";
     			if (show_if) {
     				if (if_block1) {
@@ -9523,13 +9528,13 @@
     				if_block1 = null;
     			}
-    			if (dirty[0] & /*lobbyScreen, favoritesScreen, mostPlayedScreen, lobbyViewAux*/ 3735552 && div1_class_value !== (div1_class_value = "SearchContainer " + (!/*lobbyScreen*/ ctx[20] && !/*favoritesScreen*/ ctx[16] && !/*mostPlayedScreen*/ ctx[21] && !/*lobbyViewAux*/ ctx[19]
+    			if (dirty[0] & /*lobbyScreen, favoritesScreen, mostPlayedScreen, lobbyViewAux*/ 7471104 && div1_class_value !== (div1_class_value = "SearchContainer " + (!/*lobbyScreen*/ ctx[21] && !/*favoritesScreen*/ ctx[17] && !/*mostPlayedScreen*/ ctx[22] && !/*lobbyViewAux*/ ctx[20]
     			? "SearchTruncated"
     			: ""))) {
     				attr_dev(div1, "class", div1_class_value);
     			}
-    			if (!/*favoritesScreen*/ ctx[16] && !/*lobbyScreen*/ ctx[20] && !/*mobileSearchViewActive*/ ctx[29] && !/*mostPlayedScreen*/ ctx[21] && !/*recentSearches*/ ctx[17] && !/*searched*/ ctx[18] && !/*lobbyViewAux*/ ctx[19]) {
+    			if (!/*favoritesScreen*/ ctx[17] && !/*lobbyScreen*/ ctx[21] && !/*mobileSearchViewActive*/ ctx[30] && !/*mostPlayedScreen*/ ctx[22] && !/*recentSearches*/ ctx[18] && !/*searched*/ ctx[19] && !/*lobbyViewAux*/ ctx[20]) {
     				if (if_block2) {
     					if_block2.p(ctx, dirty);
     				} else {
@@ -9542,20 +9547,20 @@
     				if_block2 = null;
     			}
-    			if (dirty[0] & /*mobileSearchViewActive, searched, adjustingScroll*/ 545521664 && div2_class_value !== (div2_class_value = "CategoriesHeaderSection CategoriesHeaderSectionAltDesign " + (getDevice(/*userAgent*/ ctx[34]) !== "PC"
+    			if (dirty[0] & /*mobileSearchViewActive, searched, adjustingScroll*/ 1091043328 && div2_class_value !== (div2_class_value = "CategoriesHeaderSection CategoriesHeaderSectionAltDesign " + (getDevice(/*userAgent*/ ctx[35]) !== "PC"
     			? "CategoriesHeaderMobileSection"
-    			: "") + " " + (/*mobileSearchViewActive*/ ctx[29]
+    			: "") + " " + (/*mobileSearchViewActive*/ ctx[30]
     			? "SearchMobileActive"
-    			: "") + " " + (/*mobileSearchViewActive*/ ctx[29] || /*searched*/ ctx[18] && !(getDevice(/*userAgent*/ ctx[34]) === "PC") && !/*closeSearch*/ ctx[33]
+    			: "") + " " + (/*mobileSearchViewActive*/ ctx[30] || /*searched*/ ctx[19] && !(getDevice(/*userAgent*/ ctx[35]) === "PC") && !/*closeSearch*/ ctx[34]
     			? "CategoriesHeaderSearchActive"
-    			: "") + (/*adjustingScroll*/ ctx[23] && /*mobileSearchViewActive*/ ctx[29]
+    			: "") + (/*adjustingScroll*/ ctx[24] && /*mobileSearchViewActive*/ ctx[30]
     			? "SearchStickTop"
     			: ""))) {
     				attr_dev(div2, "class", div2_class_value);
     			}
-    			if (dirty[0] & /*adjustingScroll, mobileSearchViewActive*/ 545259520) {
-    				set_style(div2, "top", /*adjustingScroll*/ ctx[23] && /*mobileSearchViewActive*/ ctx[29]
+    			if (dirty[0] & /*adjustingScroll, mobileSearchViewActive*/ 1090519040) {
+    				set_style(div2, "top", /*adjustingScroll*/ ctx[24] && /*mobileSearchViewActive*/ ctx[30]
     				? scrollOffset + "px"
     				: "");
     			}
@@ -9563,10 +9568,10 @@
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(div2);
     			if (if_block0) if_block0.d();
-    			/*input_binding_1*/ ctx[57](null);
+    			/*input_binding_1*/ ctx[58](null);
     			if (if_block1) if_block1.d();
     			if (if_block2) if_block2.d();
-    			/*div2_binding_1*/ ctx[62](null);
+    			/*div2_binding_1*/ ctx[63](null);
     			mounted = false;
     			run_all(dispose);
     		}
@@ -9576,14 +9581,14 @@
     		block,
     		id: create_else_block_2.name,
     		type: "else",
-    		source: "(730:4) {:else}",
+    		source: "(731:4) {:else}",
     		ctx
     	});
     	return block;
     }
-    // (673:4) {#if alternativesearch === 'false'}
+    // (674:4) {#if alternativesearch === 'false'}
     function create_if_block_9(ctx) {
     	let div2;
     	let div1;
@@ -9594,15 +9599,15 @@
     	let input;
     	let input_placeholder_value;
     	let t3;
-    	let show_if = getDevice(/*userAgent*/ ctx[34]) === "PC" && /*searchValue*/ ctx[10].length || getDevice(/*userAgent*/ ctx[34]) !== "PC";
+    	let show_if = getDevice(/*userAgent*/ ctx[35]) === "PC" && /*searchValue*/ ctx[11].length || getDevice(/*userAgent*/ ctx[35]) !== "PC";
     	let div1_class_value;
     	let t4;
     	let div2_class_value;
     	let mounted;
     	let dispose;
-    	let if_block0 = !/*mobileSearchViewActive*/ ctx[29] && create_if_block_15(ctx);
+    	let if_block0 = !/*mobileSearchViewActive*/ ctx[30] && create_if_block_15(ctx);
     	let if_block1 = show_if && create_if_block_14(ctx);
-    	let if_block2 = !/*favoritesScreen*/ ctx[16] && !/*lobbyScreen*/ ctx[20] && !/*mobileSearchViewActive*/ ctx[29] && !/*mostPlayedScreen*/ ctx[21] && !/*recentSearches*/ ctx[17] && !/*searched*/ ctx[18] && !/*lobbyViewAux*/ ctx[19] && create_if_block_10(ctx);
+    	let if_block2 = !/*favoritesScreen*/ ctx[17] && !/*lobbyScreen*/ ctx[21] && !/*mobileSearchViewActive*/ ctx[30] && !/*mostPlayedScreen*/ ctx[22] && !/*recentSearches*/ ctx[18] && !/*searched*/ ctx[19] && !/*lobbyViewAux*/ ctx[20] && create_if_block_10(ctx);
     	const block = {
     		c: function create() {
@@ -9621,40 +9626,40 @@
     			if (if_block2) if_block2.c();
     			attr_dev(label, "for", "search");
     			attr_dev(label, "class", "SrOnly");
-    			add_location(label, file, 677, 10, 24277);
+    			add_location(label, file, 678, 10, 24354);
     			attr_dev(input, "id", "SearchField");
     			attr_dev(input, "class", "SearchInput");
-    			attr_dev(input, "placeholder", input_placeholder_value = getDevice(/*userAgent*/ ctx[34]) === "PC"
-    			? /*$_*/ ctx[32]("casinoPage.search")
-    			: /*$_*/ ctx[32]("casinoPage.searchMobile"));
+    			attr_dev(input, "placeholder", input_placeholder_value = getDevice(/*userAgent*/ ctx[35]) === "PC"
+    			? /*$_*/ ctx[33]("casinoPage.search")
+    			: /*$_*/ ctx[33]("casinoPage.searchMobile"));
     			attr_dev(input, "type", "search");
-    			add_location(input, file, 686, 12, 24833);
+    			add_location(input, file, 687, 12, 24910);
     			attr_dev(div0, "class", "SearchWrapper");
-    			add_location(div0, file, 678, 10, 24350);
+    			add_location(div0, file, 679, 10, 24427);
-    			attr_dev(div1, "class", div1_class_value = "SearchContainer " + (!/*lobbyScreen*/ ctx[20] && !/*favoritesScreen*/ ctx[16] && !/*mostPlayedScreen*/ ctx[21] && !/*lobbyViewAux*/ ctx[19]
+    			attr_dev(div1, "class", div1_class_value = "SearchContainer " + (!/*lobbyScreen*/ ctx[21] && !/*favoritesScreen*/ ctx[17] && !/*mostPlayedScreen*/ ctx[22] && !/*lobbyViewAux*/ ctx[20]
     			? "SearchTruncated"
     			: ""));
-    			add_location(div1, file, 676, 8, 24135);
+    			add_location(div1, file, 677, 8, 24212);
-    			attr_dev(div2, "class", div2_class_value = "CategoriesHeaderSection " + (getDevice(/*userAgent*/ ctx[34]) !== "PC"
+    			attr_dev(div2, "class", div2_class_value = "CategoriesHeaderSection " + (getDevice(/*userAgent*/ ctx[35]) !== "PC"
     			? "CategoriesHeaderMobileSection"
-    			: "") + " " + (/*mobileSearchViewActive*/ ctx[29]
+    			: "") + " " + (/*mobileSearchViewActive*/ ctx[30]
     			? "SearchMobileActive"
-    			: "") + " " + (/*mobileSearchViewActive*/ ctx[29] || /*searched*/ ctx[18] && !(getDevice(/*userAgent*/ ctx[34]) === "PC") && !/*closeSearch*/ ctx[33]
+    			: "") + " " + (/*mobileSearchViewActive*/ ctx[30] || /*searched*/ ctx[19] && !(getDevice(/*userAgent*/ ctx[35]) === "PC") && !/*closeSearch*/ ctx[34]
     			? "CategoriesHeaderSearchActive"
-    			: "") + " " + (/*adjustingScroll*/ ctx[23] && /*mobileSearchViewActive*/ ctx[29]
+    			: "") + " " + (/*adjustingScroll*/ ctx[24] && /*mobileSearchViewActive*/ ctx[30]
     			? "SearchStickTop"
     			: ""));
-    			set_style(div2, "top", /*adjustingScroll*/ ctx[23] && /*mobileSearchViewActive*/ ctx[29]
+    			set_style(div2, "top", /*adjustingScroll*/ ctx[24] && /*mobileSearchViewActive*/ ctx[30]
     			? scrollOffset + "px"
     			: "");
-    			add_location(div2, file, 674, 6, 23648);
+    			add_location(div2, file, 675, 6, 23725);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div2, anchor);
@@ -9665,27 +9670,27 @@
     			if (if_block0) if_block0.m(div0, null);
     			append_dev(div0, t2);
     			append_dev(div0, input);
-    			/*input_binding*/ ctx[51](input);
-    			set_input_value(input, /*searchValue*/ ctx[10]);
+    			/*input_binding*/ ctx[52](input);
+    			set_input_value(input, /*searchValue*/ ctx[11]);
     			append_dev(div0, t3);
     			if (if_block1) if_block1.m(div0, null);
     			append_dev(div2, t4);
     			if (if_block2) if_block2.m(div2, null);
-    			/*div2_binding*/ ctx[56](div2);
+    			/*div2_binding*/ ctx[57](div2);
     			if (!mounted) {
     				dispose = [
-    					listen_dev(input, "focus", /*onFocus*/ ctx[36], false, false, false),
-    					listen_dev(input, "blur", /*onBlur*/ ctx[37], false, false, false),
-    					listen_dev(input, "input", /*input_input_handler*/ ctx[52]),
-    					listen_dev(input, "focus", /*searchActivated*/ ctx[38], false, false, false)
+    					listen_dev(input, "focus", /*onFocus*/ ctx[37], false, false, false),
+    					listen_dev(input, "blur", /*onBlur*/ ctx[38], false, false, false),
+    					listen_dev(input, "input", /*input_input_handler*/ ctx[53]),
+    					listen_dev(input, "focus", /*searchActivated*/ ctx[39], false, false, false)
     				];
     				mounted = true;
     			}
     		},
     		p: function update(ctx, dirty) {
-    			if (!/*mobileSearchViewActive*/ ctx[29]) {
+    			if (!/*mobileSearchViewActive*/ ctx[30]) {
     				if (if_block0) ; else {
     					if_block0 = create_if_block_15(ctx);
     					if_block0.c();
@@ -9696,17 +9701,17 @@
     				if_block0 = null;
     			}
-    			if (dirty[1] & /*$_*/ 2 && input_placeholder_value !== (input_placeholder_value = getDevice(/*userAgent*/ ctx[34]) === "PC"
-    			? /*$_*/ ctx[32]("casinoPage.search")
-    			: /*$_*/ ctx[32]("casinoPage.searchMobile"))) {
+    			if (dirty[1] & /*$_*/ 4 && input_placeholder_value !== (input_placeholder_value = getDevice(/*userAgent*/ ctx[35]) === "PC"
+    			? /*$_*/ ctx[33]("casinoPage.search")
+    			: /*$_*/ ctx[33]("casinoPage.searchMobile"))) {
     				attr_dev(input, "placeholder", input_placeholder_value);
     			}
-    			if (dirty[0] & /*searchValue*/ 1024) {
-    				set_input_value(input, /*searchValue*/ ctx[10]);
+    			if (dirty[0] & /*searchValue*/ 2048) {
+    				set_input_value(input, /*searchValue*/ ctx[11]);
     			}
-    			if (dirty[0] & /*searchValue*/ 1024) show_if = getDevice(/*userAgent*/ ctx[34]) === "PC" && /*searchValue*/ ctx[10].length || getDevice(/*userAgent*/ ctx[34]) !== "PC";
+    			if (dirty[0] & /*searchValue*/ 2048) show_if = getDevice(/*userAgent*/ ctx[35]) === "PC" && /*searchValue*/ ctx[11].length || getDevice(/*userAgent*/ ctx[35]) !== "PC";
     			if (show_if) {
     				if (if_block1) {
@@ -9721,13 +9726,13 @@
     				if_block1 = null;
     			}
-    			if (dirty[0] & /*lobbyScreen, favoritesScreen, mostPlayedScreen, lobbyViewAux*/ 3735552 && div1_class_value !== (div1_class_value = "SearchContainer " + (!/*lobbyScreen*/ ctx[20] && !/*favoritesScreen*/ ctx[16] && !/*mostPlayedScreen*/ ctx[21] && !/*lobbyViewAux*/ ctx[19]
+    			if (dirty[0] & /*lobbyScreen, favoritesScreen, mostPlayedScreen, lobbyViewAux*/ 7471104 && div1_class_value !== (div1_class_value = "SearchContainer " + (!/*lobbyScreen*/ ctx[21] && !/*favoritesScreen*/ ctx[17] && !/*mostPlayedScreen*/ ctx[22] && !/*lobbyViewAux*/ ctx[20]
     			? "SearchTruncated"
     			: ""))) {
     				attr_dev(div1, "class", div1_class_value);
     			}
-    			if (!/*favoritesScreen*/ ctx[16] && !/*lobbyScreen*/ ctx[20] && !/*mobileSearchViewActive*/ ctx[29] && !/*mostPlayedScreen*/ ctx[21] && !/*recentSearches*/ ctx[17] && !/*searched*/ ctx[18] && !/*lobbyViewAux*/ ctx[19]) {
+    			if (!/*favoritesScreen*/ ctx[17] && !/*lobbyScreen*/ ctx[21] && !/*mobileSearchViewActive*/ ctx[30] && !/*mostPlayedScreen*/ ctx[22] && !/*recentSearches*/ ctx[18] && !/*searched*/ ctx[19] && !/*lobbyViewAux*/ ctx[20]) {
     				if (if_block2) {
     					if_block2.p(ctx, dirty);
     				} else {
@@ -9740,20 +9745,20 @@
     				if_block2 = null;
     			}
-    			if (dirty[0] & /*mobileSearchViewActive, searched, adjustingScroll*/ 545521664 && div2_class_value !== (div2_class_value = "CategoriesHeaderSection " + (getDevice(/*userAgent*/ ctx[34]) !== "PC"
+    			if (dirty[0] & /*mobileSearchViewActive, searched, adjustingScroll*/ 1091043328 && div2_class_value !== (div2_class_value = "CategoriesHeaderSection " + (getDevice(/*userAgent*/ ctx[35]) !== "PC"
     			? "CategoriesHeaderMobileSection"
-    			: "") + " " + (/*mobileSearchViewActive*/ ctx[29]
+    			: "") + " " + (/*mobileSearchViewActive*/ ctx[30]
     			? "SearchMobileActive"
-    			: "") + " " + (/*mobileSearchViewActive*/ ctx[29] || /*searched*/ ctx[18] && !(getDevice(/*userAgent*/ ctx[34]) === "PC") && !/*closeSearch*/ ctx[33]
+    			: "") + " " + (/*mobileSearchViewActive*/ ctx[30] || /*searched*/ ctx[19] && !(getDevice(/*userAgent*/ ctx[35]) === "PC") && !/*closeSearch*/ ctx[34]
     			? "CategoriesHeaderSearchActive"
-    			: "") + " " + (/*adjustingScroll*/ ctx[23] && /*mobileSearchViewActive*/ ctx[29]
+    			: "") + " " + (/*adjustingScroll*/ ctx[24] && /*mobileSearchViewActive*/ ctx[30]
     			? "SearchStickTop"
     			: ""))) {
     				attr_dev(div2, "class", div2_class_value);
     			}
-    			if (dirty[0] & /*adjustingScroll, mobileSearchViewActive*/ 545259520) {
-    				set_style(div2, "top", /*adjustingScroll*/ ctx[23] && /*mobileSearchViewActive*/ ctx[29]
+    			if (dirty[0] & /*adjustingScroll, mobileSearchViewActive*/ 1090519040) {
+    				set_style(div2, "top", /*adjustingScroll*/ ctx[24] && /*mobileSearchViewActive*/ ctx[30]
     				? scrollOffset + "px"
     				: "");
     			}
@@ -9761,10 +9766,10 @@
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(div2);
     			if (if_block0) if_block0.d();
-    			/*input_binding*/ ctx[51](null);
+    			/*input_binding*/ ctx[52](null);
     			if (if_block1) if_block1.d();
     			if (if_block2) if_block2.d();
-    			/*div2_binding*/ ctx[56](null);
+    			/*div2_binding*/ ctx[57](null);
     			mounted = false;
     			run_all(dispose);
     		}
@@ -9774,14 +9779,14 @@
     		block,
     		id: create_if_block_9.name,
     		type: "if",
-    		source: "(673:4) {#if alternativesearch === 'false'}",
+    		source: "(674:4) {#if alternativesearch === 'false'}",
     		ctx
     	});
     	return block;
     }
-    // (737:12) {#if !mobileSearchViewActive}
+    // (738:12) {#if !mobileSearchViewActive}
     function create_if_block_21(ctx) {
     	let div;
     	let svg;
@@ -9795,14 +9800,14 @@
     			attr_dev(path, "fill-rule", "evenodd");
     			attr_dev(path, "d", "M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z");
     			attr_dev(path, "clip-rule", "evenodd");
-    			add_location(path, file, 739, 18, 28936);
+    			add_location(path, file, 740, 18, 29013);
     			attr_dev(svg, "role", "presentation");
     			attr_dev(svg, "xmlns", "http://www.w3.org/2000/svg");
     			attr_dev(svg, "viewBox", "0 0 20 20");
     			attr_dev(svg, "aria-hidden", "true");
-    			add_location(svg, file, 738, 16, 28818);
+    			add_location(svg, file, 739, 16, 28895);
     			attr_dev(div, "class", "SearchIcon");
-    			add_location(div, file, 737, 14, 28777);
+    			add_location(div, file, 738, 14, 28854);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -9818,14 +9823,14 @@
     		block,
     		id: create_if_block_21.name,
     		type: "if",
-    		source: "(737:12) {#if !mobileSearchViewActive}",
+    		source: "(738:12) {#if !mobileSearchViewActive}",
     		ctx
     	});
     	return block;
     }
-    // (745:12) {#if ((getDevice(userAgent) === 'PC') && searchValue.length) ||  (getDevice(userAgent) !== 'PC') }
+    // (746:12) {#if ((getDevice(userAgent) === 'PC') && searchValue.length) ||  (getDevice(userAgent) !== 'PC') }
     function create_if_block_20(ctx) {
     	let span;
     	let div2;
@@ -9841,17 +9846,17 @@
     			div1 = element("div");
     			div0 = element("div");
     			attr_dev(div0, "class", "CloseIcon");
-    			add_location(div0, file, 748, 20, 29836);
+    			add_location(div0, file, 749, 20, 29913);
     			attr_dev(div1, "class", "CloseIconWrapper");
-    			add_location(div1, file, 747, 18, 29785);
+    			add_location(div1, file, 748, 18, 29862);
     			attr_dev(div2, "class", "CloseIconContainer");
-    			add_location(div2, file, 746, 16, 29734);
+    			add_location(div2, file, 747, 16, 29811);
-    			attr_dev(span, "class", "" + ((getDevice(/*userAgent*/ ctx[34]) === "PC"
+    			attr_dev(span, "class", "" + ((getDevice(/*userAgent*/ ctx[35]) === "PC"
     			? "ClearSearchButton"
     			: "ClearSearchButtonMobile") + " "));
-    			add_location(span, file, 745, 14, 29582);
+    			add_location(span, file, 746, 14, 29659);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, span, anchor);
@@ -9860,7 +9865,7 @@
     			append_dev(div1, div0);
     			if (!mounted) {
-    				dispose = listen_dev(span, "click", /*click_handler_4*/ ctx[59], false, false, false);
+    				dispose = listen_dev(span, "click", /*click_handler_4*/ ctx[60], false, false, false);
     				mounted = true;
     			}
     		},
@@ -9876,19 +9881,19 @@
     		block,
     		id: create_if_block_20.name,
     		type: "if",
-    		source: "(745:12) {#if ((getDevice(userAgent) === 'PC') && searchValue.length) ||  (getDevice(userAgent) !== 'PC') }",
+    		source: "(746:12) {#if ((getDevice(userAgent) === 'PC') && searchValue.length) ||  (getDevice(userAgent) !== 'PC') }",
     		ctx
     	});
     	return block;
     }
-    // (756:8) {#if !favoritesScreen && !lobbyScreen && !mobileSearchViewActive && !mostPlayedScreen && !recentSearches && !searched && !lobbyViewAux}
+    // (757:8) {#if !favoritesScreen && !lobbyScreen && !mobileSearchViewActive && !mostPlayedScreen && !recentSearches && !searched && !lobbyViewAux}
     function create_if_block_16(ctx) {
     	let div;
     	let t;
-    	let if_block0 = /*numberOfFilters*/ ctx[30] && create_if_block_19(ctx);
-    	let if_block1 = (!/*searched*/ ctx[18] || !/*recentSearches*/ ctx[17]) && create_if_block_17(ctx);
+    	let if_block0 = /*numberOfFilters*/ ctx[31] && create_if_block_19(ctx);
+    	let if_block1 = (!/*searched*/ ctx[19] || !/*recentSearches*/ ctx[18]) && create_if_block_17(ctx);
     	const block = {
     		c: function create() {
@@ -9897,7 +9902,7 @@
     			t = space();
     			if (if_block1) if_block1.c();
     			attr_dev(div, "class", "FiltersButtonsContainer");
-    			add_location(div, file, 756, 10, 30140);
+    			add_location(div, file, 757, 10, 30217);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -9906,7 +9911,7 @@
     			if (if_block1) if_block1.m(div, null);
     		},
     		p: function update(ctx, dirty) {
-    			if (/*numberOfFilters*/ ctx[30]) {
+    			if (/*numberOfFilters*/ ctx[31]) {
     				if (if_block0) {
     					if_block0.p(ctx, dirty);
     				} else {
@@ -9919,7 +9924,7 @@
     				if_block0 = null;
     			}
-    			if (!/*searched*/ ctx[18] || !/*recentSearches*/ ctx[17]) {
+    			if (!/*searched*/ ctx[19] || !/*recentSearches*/ ctx[18]) {
     				if (if_block1) {
     					if_block1.p(ctx, dirty);
     				} else {
@@ -9943,14 +9948,14 @@
     		block,
     		id: create_if_block_16.name,
     		type: "if",
-    		source: "(756:8) {#if !favoritesScreen && !lobbyScreen && !mobileSearchViewActive && !mostPlayedScreen && !recentSearches && !searched && !lobbyViewAux}",
+    		source: "(757:8) {#if !favoritesScreen && !lobbyScreen && !mobileSearchViewActive && !mostPlayedScreen && !recentSearches && !searched && !lobbyViewAux}",
     		ctx
     	});
     	return block;
     }
-    // (758:12) {#if numberOfFilters}
+    // (759:12) {#if numberOfFilters}
     function create_if_block_19(ctx) {
     	let div1;
     	let div0;
@@ -9972,7 +9977,7 @@
     			polygon = svg_element("polygon");
     			set_style(polygon, "fill", "#FD2839");
     			attr_dev(polygon, "points", "378.303,28.285 350.018,0 189.151,160.867 28.285,0 0,28.285 160.867,189.151 0,350.018\n                        28.285,378.302 189.151,217.436 350.018,378.302 378.303,350.018 217.436,189.151 ");
-    			add_location(polygon, file, 763, 22, 30730);
+    			add_location(polygon, file, 764, 22, 30807);
     			attr_dev(svg, "version", "1.1");
     			attr_dev(svg, "id", "Layer_1");
     			attr_dev(svg, "xmlns", "http://www.w3.org/2000/svg");
@@ -9982,13 +9987,13 @@
     			attr_dev(svg, "viewBox", "0 0 378.303 378.303");
     			set_style(svg, "enable-background", "new 0 0 378.303 378.303");
     			attr_dev(svg, "xml:space", "preserve");
-    			add_location(svg, file, 761, 20, 30455);
+    			add_location(svg, file, 762, 20, 30532);
     			attr_dev(span, "class", "ClearIcon");
-    			add_location(span, file, 760, 18, 30410);
+    			add_location(span, file, 761, 18, 30487);
     			attr_dev(div0, "class", "ClearButton");
-    			add_location(div0, file, 759, 16, 30361);
-    			attr_dev(div1, "class", div1_class_value = "ClearFilterButtonWrapper " + (/*numberOfFilters*/ ctx[30] ? "FiltersActive" : ""));
-    			add_location(div1, file, 758, 14, 30226);
+    			add_location(div0, file, 760, 16, 30438);
+    			attr_dev(div1, "class", div1_class_value = "ClearFilterButtonWrapper " + (/*numberOfFilters*/ ctx[31] ? "FiltersActive" : ""));
+    			add_location(div1, file, 759, 14, 30303);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div1, anchor);
@@ -9999,12 +10004,12 @@
     			append_dev(svg, polygon);
     			if (!mounted) {
-    				dispose = listen_dev(div1, "click", /*click_handler_5*/ ctx[60], false, false, false);
+    				dispose = listen_dev(div1, "click", /*click_handler_5*/ ctx[61], false, false, false);
     				mounted = true;
     			}
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty[0] & /*numberOfFilters*/ 1073741824 && div1_class_value !== (div1_class_value = "ClearFilterButtonWrapper " + (/*numberOfFilters*/ ctx[30] ? "FiltersActive" : ""))) {
+    			if (dirty[1] & /*numberOfFilters*/ 1 && div1_class_value !== (div1_class_value = "ClearFilterButtonWrapper " + (/*numberOfFilters*/ ctx[31] ? "FiltersActive" : ""))) {
     				attr_dev(div1, "class", div1_class_value);
     			}
     		},
@@ -10019,17 +10024,17 @@
     		block,
     		id: create_if_block_19.name,
     		type: "if",
-    		source: "(758:12) {#if numberOfFilters}",
+    		source: "(759:12) {#if numberOfFilters}",
     		ctx
     	});
     	return block;
     }
-    // (771:12) {#if !searched || !recentSearches}
+    // (772:12) {#if !searched || !recentSearches}
     function create_if_block_17(ctx) {
     	let if_block_anchor;
-    	let if_block = !/*mostPlayedScreen*/ ctx[21] && !/*numberOfFilters*/ ctx[30] && create_if_block_18(ctx);
+    	let if_block = !/*mostPlayedScreen*/ ctx[22] && !/*numberOfFilters*/ ctx[31] && create_if_block_18(ctx);
     	const block = {
     		c: function create() {
@@ -10041,7 +10046,7 @@
     			insert_dev(target, if_block_anchor, anchor);
     		},
     		p: function update(ctx, dirty) {
-    			if (!/*mostPlayedScreen*/ ctx[21] && !/*numberOfFilters*/ ctx[30]) {
+    			if (!/*mostPlayedScreen*/ ctx[22] && !/*numberOfFilters*/ ctx[31]) {
     				if (if_block) {
     					if_block.p(ctx, dirty);
     				} else {
@@ -10064,14 +10069,14 @@
     		block,
     		id: create_if_block_17.name,
     		type: "if",
-    		source: "(771:12) {#if !searched || !recentSearches}",
+    		source: "(772:12) {#if !searched || !recentSearches}",
     		ctx
     	});
     	return block;
     }
-    // (772:14) {#if !mostPlayedScreen && !numberOfFilters}
+    // (773:14) {#if !mostPlayedScreen && !numberOfFilters}
     function create_if_block_18(ctx) {
     	let div3;
     	let div0;
@@ -10104,28 +10109,28 @@
     			t3 = space();
     			div1 = element("div");
     			span = element("span");
-    			t4 = text(/*numberOfFilters*/ ctx[30]);
+    			t4 = text(/*numberOfFilters*/ ctx[31]);
     			attr_dev(div0, "class", "FilterButton");
-    			add_location(div0, file, 773, 18, 31289);
-    			add_location(style, file, 775, 109, 31490);
-    			add_location(defs, file, 775, 103, 31484);
+    			add_location(div0, file, 774, 18, 31366);
+    			add_location(style, file, 776, 109, 31567);
+    			add_location(defs, file, 776, 103, 31561);
     			attr_dev(path, "class", "a");
     			attr_dev(path, "d", "M16.7,32.2a1.654,1.654,0,0,1-.636-.148,1.526,1.526,0,0,1-.867-1.393V20.578L5.433,10.588A1.543,1.543,0,0,1,5,9.491V7.742A1.512,1.512,0,0,1,6.5,6.2h23A1.512,1.512,0,0,1,31,7.742V9.491a1.543,1.543,0,0,1-.433,1.1L20.8,20.578v7.738a1.594,1.594,0,0,1-.52,1.156l-2.6,2.312A1.461,1.461,0,0,1,16.7,32.2ZM6.618,9.431l9.764,10.02a1.543,1.543,0,0,1,.433,1.1v9.813l2.34-2.075V20.519a1.543,1.543,0,0,1,.433-1.1L29.353,9.4V7.831H6.618Z");
     			attr_dev(path, "transform", "translate(-5 -6.2)");
-    			add_location(path, file, 775, 145, 31526);
+    			add_location(path, file, 776, 145, 31603);
     			attr_dev(svg, "xmlns", "http://www.w3.org/2000/svg");
     			attr_dev(svg, "width", "20");
     			attr_dev(svg, "height", "20");
     			attr_dev(svg, "viewBox", "0 0 26 26");
-    			add_location(svg, file, 775, 20, 31401);
+    			add_location(svg, file, 776, 20, 31478);
     			attr_dev(span, "class", "NumberOfFilters");
-    			add_location(span, file, 777, 22, 32087);
+    			add_location(span, file, 778, 22, 32164);
     			attr_dev(div1, "class", "NumberOfFiltersContainer");
-    			add_location(div1, file, 776, 20, 32026);
+    			add_location(div1, file, 777, 20, 32103);
     			attr_dev(div2, "class", "FilterIconContainer");
-    			add_location(div2, file, 774, 18, 31347);
+    			add_location(div2, file, 775, 18, 31424);
     			attr_dev(div3, "class", "FilterButtonWrapper");
-    			add_location(div3, file, 772, 16, 31197);
+    			add_location(div3, file, 773, 16, 31274);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div3, anchor);
@@ -10143,12 +10148,12 @@
     			append_dev(span, t4);
     			if (!mounted) {
-    				dispose = listen_dev(div3, "click", /*click_handler_6*/ ctx[61], false, false, false);
+    				dispose = listen_dev(div3, "click", /*click_handler_6*/ ctx[62], false, false, false);
     				mounted = true;
     			}
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty[0] & /*numberOfFilters*/ 1073741824) set_data_dev(t4, /*numberOfFilters*/ ctx[30]);
+    			if (dirty[1] & /*numberOfFilters*/ 1) set_data_dev(t4, /*numberOfFilters*/ ctx[31]);
     		},
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(div3);
@@ -10161,14 +10166,14 @@
     		block,
     		id: create_if_block_18.name,
     		type: "if",
-    		source: "(772:14) {#if !mostPlayedScreen && !numberOfFilters}",
+    		source: "(773:14) {#if !mostPlayedScreen && !numberOfFilters}",
     		ctx
     	});
     	return block;
     }
-    // (680:12) {#if !mobileSearchViewActive}
+    // (681:12) {#if !mobileSearchViewActive}
     function create_if_block_15(ctx) {
     	let div;
     	let svg;
@@ -10182,14 +10187,14 @@
     			attr_dev(path, "fill-rule", "evenodd");
     			attr_dev(path, "d", "M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z");
     			attr_dev(path, "clip-rule", "evenodd");
-    			add_location(path, file, 682, 18, 24593);
+    			add_location(path, file, 683, 18, 24670);
     			attr_dev(svg, "role", "presentation");
     			attr_dev(svg, "xmlns", "http://www.w3.org/2000/svg");
     			attr_dev(svg, "viewBox", "0 0 20 20");
     			attr_dev(svg, "aria-hidden", "true");
-    			add_location(svg, file, 681, 16, 24475);
+    			add_location(svg, file, 682, 16, 24552);
     			attr_dev(div, "class", "SearchIcon");
-    			add_location(div, file, 680, 14, 24434);
+    			add_location(div, file, 681, 14, 24511);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -10205,14 +10210,14 @@
     		block,
     		id: create_if_block_15.name,
     		type: "if",
-    		source: "(680:12) {#if !mobileSearchViewActive}",
+    		source: "(681:12) {#if !mobileSearchViewActive}",
     		ctx
     	});
     	return block;
     }
-    // (688:12) {#if ((getDevice(userAgent) === 'PC') && searchValue.length) ||  (getDevice(userAgent) !== 'PC') }
+    // (689:12) {#if ((getDevice(userAgent) === 'PC') && searchValue.length) ||  (getDevice(userAgent) !== 'PC') }
     function create_if_block_14(ctx) {
     	let span;
     	let div2;
@@ -10228,17 +10233,17 @@
     			div1 = element("div");
     			div0 = element("div");
     			attr_dev(div0, "class", "CloseIcon");
-    			add_location(div0, file, 691, 20, 25493);
+    			add_location(div0, file, 692, 20, 25570);
     			attr_dev(div1, "class", "CloseIconWrapper");
-    			add_location(div1, file, 690, 18, 25442);
+    			add_location(div1, file, 691, 18, 25519);
     			attr_dev(div2, "class", "CloseIconContainer");
-    			add_location(div2, file, 689, 16, 25391);
+    			add_location(div2, file, 690, 16, 25468);
-    			attr_dev(span, "class", "" + ((getDevice(/*userAgent*/ ctx[34]) === "PC"
+    			attr_dev(span, "class", "" + ((getDevice(/*userAgent*/ ctx[35]) === "PC"
     			? "ClearSearchButton"
     			: "ClearSearchButtonMobile") + " "));
-    			add_location(span, file, 688, 14, 25239);
+    			add_location(span, file, 689, 14, 25316);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, span, anchor);
@@ -10247,7 +10252,7 @@
     			append_dev(div1, div0);
     			if (!mounted) {
-    				dispose = listen_dev(span, "click", /*click_handler_1*/ ctx[53], false, false, false);
+    				dispose = listen_dev(span, "click", /*click_handler_1*/ ctx[54], false, false, false);
     				mounted = true;
     			}
     		},
@@ -10263,19 +10268,19 @@
     		block,
     		id: create_if_block_14.name,
     		type: "if",
-    		source: "(688:12) {#if ((getDevice(userAgent) === 'PC') && searchValue.length) ||  (getDevice(userAgent) !== 'PC') }",
+    		source: "(689:12) {#if ((getDevice(userAgent) === 'PC') && searchValue.length) ||  (getDevice(userAgent) !== 'PC') }",
     		ctx
     	});
     	return block;
     }
-    // (699:8) {#if !favoritesScreen && !lobbyScreen && !mobileSearchViewActive && !mostPlayedScreen && !recentSearches && !searched && !lobbyViewAux}
+    // (700:8) {#if !favoritesScreen && !lobbyScreen && !mobileSearchViewActive && !mostPlayedScreen && !recentSearches && !searched && !lobbyViewAux}
     function create_if_block_10(ctx) {
     	let div;
     	let t;
-    	let if_block0 = /*numberOfFilters*/ ctx[30] && create_if_block_13(ctx);
-    	let if_block1 = (!/*searched*/ ctx[18] || !/*recentSearches*/ ctx[17]) && create_if_block_11(ctx);
+    	let if_block0 = /*numberOfFilters*/ ctx[31] && create_if_block_13(ctx);
+    	let if_block1 = (!/*searched*/ ctx[19] || !/*recentSearches*/ ctx[18]) && create_if_block_11(ctx);
     	const block = {
     		c: function create() {
@@ -10284,7 +10289,7 @@
     			t = space();
     			if (if_block1) if_block1.c();
     			attr_dev(div, "class", "FiltersButtonsContainer");
-    			add_location(div, file, 699, 10, 25797);
+    			add_location(div, file, 700, 10, 25874);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -10293,7 +10298,7 @@
     			if (if_block1) if_block1.m(div, null);
     		},
     		p: function update(ctx, dirty) {
-    			if (/*numberOfFilters*/ ctx[30]) {
+    			if (/*numberOfFilters*/ ctx[31]) {
     				if (if_block0) {
     					if_block0.p(ctx, dirty);
     				} else {
@@ -10306,7 +10311,7 @@
     				if_block0 = null;
     			}
-    			if (!/*searched*/ ctx[18] || !/*recentSearches*/ ctx[17]) {
+    			if (!/*searched*/ ctx[19] || !/*recentSearches*/ ctx[18]) {
     				if (if_block1) {
     					if_block1.p(ctx, dirty);
     				} else {
@@ -10330,14 +10335,14 @@
     		block,
     		id: create_if_block_10.name,
     		type: "if",
-    		source: "(699:8) {#if !favoritesScreen && !lobbyScreen && !mobileSearchViewActive && !mostPlayedScreen && !recentSearches && !searched && !lobbyViewAux}",
+    		source: "(700:8) {#if !favoritesScreen && !lobbyScreen && !mobileSearchViewActive && !mostPlayedScreen && !recentSearches && !searched && !lobbyViewAux}",
     		ctx
     	});
     	return block;
     }
-    // (701:12) {#if numberOfFilters}
+    // (702:12) {#if numberOfFilters}
     function create_if_block_13(ctx) {
     	let div1;
     	let div0;
@@ -10358,7 +10363,7 @@
     			polygon = svg_element("polygon");
     			set_style(polygon, "fill", "#FD2839");
     			attr_dev(polygon, "points", "378.303,28.285 350.018,0 189.151,160.867 28.285,0 0,28.285 160.867,189.151 0,350.018\n                        28.285,378.302 189.151,217.436 350.018,378.302 378.303,350.018 217.436,189.151 ");
-    			add_location(polygon, file, 706, 22, 26346);
+    			add_location(polygon, file, 707, 22, 26423);
     			attr_dev(svg, "version", "1.1");
     			attr_dev(svg, "id", "Layer_1");
     			attr_dev(svg, "xmlns", "http://www.w3.org/2000/svg");
@@ -10368,13 +10373,13 @@
     			attr_dev(svg, "viewBox", "0 0 378.303 378.303");
     			set_style(svg, "enable-background", "new 0 0 378.303 378.303");
     			attr_dev(svg, "xml:space", "preserve");
-    			add_location(svg, file, 704, 20, 26071);
+    			add_location(svg, file, 705, 20, 26148);
     			attr_dev(span, "class", "ClearIcon");
-    			add_location(span, file, 703, 18, 26026);
+    			add_location(span, file, 704, 18, 26103);
     			attr_dev(div0, "class", "ClearButton");
-    			add_location(div0, file, 702, 16, 25977);
+    			add_location(div0, file, 703, 16, 26054);
     			attr_dev(div1, "class", "ClearFilterButtonWrapper");
-    			add_location(div1, file, 701, 14, 25883);
+    			add_location(div1, file, 702, 14, 25960);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div1, anchor);
@@ -10385,7 +10390,7 @@
     			append_dev(svg, polygon);
     			if (!mounted) {
-    				dispose = listen_dev(div1, "click", /*click_handler_2*/ ctx[54], false, false, false);
+    				dispose = listen_dev(div1, "click", /*click_handler_2*/ ctx[55], false, false, false);
     				mounted = true;
     			}
     		},
@@ -10401,17 +10406,17 @@
     		block,
     		id: create_if_block_13.name,
     		type: "if",
-    		source: "(701:12) {#if numberOfFilters}",
+    		source: "(702:12) {#if numberOfFilters}",
     		ctx
     	});
     	return block;
     }
-    // (714:12) {#if !searched || !recentSearches}
+    // (715:12) {#if !searched || !recentSearches}
     function create_if_block_11(ctx) {
     	let if_block_anchor;
-    	let if_block = !/*mostPlayedScreen*/ ctx[21] && create_if_block_12(ctx);
+    	let if_block = !/*mostPlayedScreen*/ ctx[22] && create_if_block_12(ctx);
     	const block = {
     		c: function create() {
@@ -10423,7 +10428,7 @@
     			insert_dev(target, if_block_anchor, anchor);
     		},
     		p: function update(ctx, dirty) {
-    			if (!/*mostPlayedScreen*/ ctx[21]) {
+    			if (!/*mostPlayedScreen*/ ctx[22]) {
     				if (if_block) {
     					if_block.p(ctx, dirty);
     				} else {
@@ -10446,14 +10451,14 @@
     		block,
     		id: create_if_block_11.name,
     		type: "if",
-    		source: "(714:12) {#if !searched || !recentSearches}",
+    		source: "(715:12) {#if !searched || !recentSearches}",
     		ctx
     	});
     	return block;
     }
-    // (715:14) {#if !mostPlayedScreen}
+    // (716:14) {#if !mostPlayedScreen}
     function create_if_block_12(ctx) {
     	let div3;
     	let div0;
@@ -10486,28 +10491,28 @@
     			t3 = space();
     			div1 = element("div");
     			span = element("span");
-    			t4 = text(/*numberOfFilters*/ ctx[30]);
+    			t4 = text(/*numberOfFilters*/ ctx[31]);
     			attr_dev(div0, "class", "FilterButton");
-    			add_location(div0, file, 716, 18, 26885);
-    			add_location(style, file, 718, 109, 27086);
-    			add_location(defs, file, 718, 103, 27080);
+    			add_location(div0, file, 717, 18, 26962);
+    			add_location(style, file, 719, 109, 27163);
+    			add_location(defs, file, 719, 103, 27157);
     			attr_dev(path, "class", "a");
     			attr_dev(path, "d", "M16.7,32.2a1.654,1.654,0,0,1-.636-.148,1.526,1.526,0,0,1-.867-1.393V20.578L5.433,10.588A1.543,1.543,0,0,1,5,9.491V7.742A1.512,1.512,0,0,1,6.5,6.2h23A1.512,1.512,0,0,1,31,7.742V9.491a1.543,1.543,0,0,1-.433,1.1L20.8,20.578v7.738a1.594,1.594,0,0,1-.52,1.156l-2.6,2.312A1.461,1.461,0,0,1,16.7,32.2ZM6.618,9.431l9.764,10.02a1.543,1.543,0,0,1,.433,1.1v9.813l2.34-2.075V20.519a1.543,1.543,0,0,1,.433-1.1L29.353,9.4V7.831H6.618Z");
     			attr_dev(path, "transform", "translate(-5 -6.2)");
-    			add_location(path, file, 718, 145, 27122);
+    			add_location(path, file, 719, 145, 27199);
     			attr_dev(svg, "xmlns", "http://www.w3.org/2000/svg");
     			attr_dev(svg, "width", "20");
     			attr_dev(svg, "height", "20");
     			attr_dev(svg, "viewBox", "0 0 26 26");
-    			add_location(svg, file, 718, 20, 26997);
+    			add_location(svg, file, 719, 20, 27074);
     			attr_dev(span, "class", "NumberOfFilters");
-    			add_location(span, file, 720, 22, 27683);
+    			add_location(span, file, 721, 22, 27760);
     			attr_dev(div1, "class", "NumberOfFiltersContainer");
-    			add_location(div1, file, 719, 20, 27622);
+    			add_location(div1, file, 720, 20, 27699);
     			attr_dev(div2, "class", "FilterIconContainer");
-    			add_location(div2, file, 717, 18, 26943);
+    			add_location(div2, file, 718, 18, 27020);
     			attr_dev(div3, "class", "FilterButtonWrapper");
-    			add_location(div3, file, 715, 16, 26793);
+    			add_location(div3, file, 716, 16, 26870);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div3, anchor);
@@ -10525,12 +10530,12 @@
     			append_dev(span, t4);
     			if (!mounted) {
-    				dispose = listen_dev(div3, "click", /*click_handler_3*/ ctx[55], false, false, false);
+    				dispose = listen_dev(div3, "click", /*click_handler_3*/ ctx[56], false, false, false);
     				mounted = true;
     			}
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty[0] & /*numberOfFilters*/ 1073741824) set_data_dev(t4, /*numberOfFilters*/ ctx[30]);
+    			if (dirty[1] & /*numberOfFilters*/ 1) set_data_dev(t4, /*numberOfFilters*/ ctx[31]);
     		},
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(div3);
@@ -10543,14 +10548,14 @@
     		block,
     		id: create_if_block_12.name,
     		type: "if",
-    		source: "(715:14) {#if !mostPlayedScreen}",
+    		source: "(716:14) {#if !mostPlayedScreen}",
     		ctx
     	});
     	return block;
     }
-    // (861:10) {#if !recentSearches}
+    // (862:10) {#if !recentSearches}
     function create_if_block_8(ctx) {
     	let casino_games_category_section;
@@ -10563,12 +10568,12 @@
     			set_custom_element_data(casino_games_category_section, "favorites", /*favorites*/ ctx[9]);
     			set_custom_element_data(casino_games_category_section, "lang", /*lang*/ ctx[2]);
     			set_custom_element_data(casino_games_category_section, "session", /*session*/ ctx[3]);
-    			set_custom_element_data(casino_games_category_section, "categoryid", /*activeCategory*/ ctx[26]);
+    			set_custom_element_data(casino_games_category_section, "categoryid", /*activeCategory*/ ctx[27]);
     			set_custom_element_data(casino_games_category_section, "categorygames", "9");
     			set_custom_element_data(casino_games_category_section, "class", "CategoryContainer");
     			set_custom_element_data(casino_games_category_section, "clientstyling", /*clientstyling*/ ctx[5]);
     			set_custom_element_data(casino_games_category_section, "clientstylingurl", /*clientstylingurl*/ ctx[6]);
-    			add_location(casino_games_category_section, file, 861, 12, 34734);
+    			add_location(casino_games_category_section, file, 862, 12, 34811);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, casino_games_category_section, anchor);
@@ -10598,8 +10603,8 @@
     				set_custom_element_data(casino_games_category_section, "session", /*session*/ ctx[3]);
     			}
-    			if (dirty[0] & /*activeCategory*/ 67108864) {
-    				set_custom_element_data(casino_games_category_section, "categoryid", /*activeCategory*/ ctx[26]);
+    			if (dirty[0] & /*activeCategory*/ 134217728) {
+    				set_custom_element_data(casino_games_category_section, "categoryid", /*activeCategory*/ ctx[27]);
     			}
     			if (dirty[0] & /*clientstyling*/ 32) {
@@ -10619,19 +10624,19 @@
     		block,
     		id: create_if_block_8.name,
     		type: "if",
-    		source: "(861:10) {#if !recentSearches}",
+    		source: "(862:10) {#if !recentSearches}",
     		ctx
     	});
     	return block;
     }
-    // (841:35)
+    // (842:35)
     function create_if_block_6(ctx) {
     	let if_block_anchor;
     	function select_block_type_3(ctx, dirty) {
-    		if (/*mostPlayedEmpty*/ ctx[22]) return create_if_block_7;
+    		if (/*mostPlayedEmpty*/ ctx[23]) return create_if_block_7;
     		return create_else_block_1;
     	}
@@ -10670,14 +10675,14 @@
     		block,
     		id: create_if_block_6.name,
     		type: "if",
-    		source: "(841:35) ",
+    		source: "(842:35) ",
     		ctx
     	});
     	return block;
     }
-    // (827:34)
+    // (828:34)
     function create_if_block_5(ctx) {
     	let casino_games_category_section;
     	let showFavoriteGames_action;
@@ -10697,13 +10702,13 @@
     			set_custom_element_data(casino_games_category_section, "class", "CategoryContainer");
     			set_custom_element_data(casino_games_category_section, "clientstyling", /*clientstyling*/ ctx[5]);
     			set_custom_element_data(casino_games_category_section, "clientstylingurl", /*clientstylingurl*/ ctx[6]);
-    			add_location(casino_games_category_section, file, 827, 10, 33607);
+    			add_location(casino_games_category_section, file, 828, 10, 33684);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, casino_games_category_section, anchor);
     			if (!mounted) {
-    				dispose = action_destroyer(showFavoriteGames_action = /*showFavoriteGames*/ ctx[35].call(null, casino_games_category_section, (`${/*endpoint*/ ctx[0]}/player/${/*playerID*/ ctx[14]}/favorites/`, /*sessionID*/ ctx[15], /*playerID*/ ctx[14])));
+    				dispose = action_destroyer(showFavoriteGames_action = /*showFavoriteGames*/ ctx[36].call(null, casino_games_category_section, (`${/*endpoint*/ ctx[0]}/player/${/*playerID*/ ctx[15]}/favorites/`, /*sessionID*/ ctx[16], /*playerID*/ ctx[15])));
     				mounted = true;
     			}
     		},
@@ -10740,7 +10745,7 @@
     				set_custom_element_data(casino_games_category_section, "clientstylingurl", /*clientstylingurl*/ ctx[6]);
     			}
-    			if (showFavoriteGames_action && is_function(showFavoriteGames_action.update) && dirty[0] & /*endpoint, playerID, sessionID*/ 49153) showFavoriteGames_action.update.call(null, (`${/*endpoint*/ ctx[0]}/player/${/*playerID*/ ctx[14]}/favorites/`, /*sessionID*/ ctx[15], /*playerID*/ ctx[14]));
+    			if (showFavoriteGames_action && is_function(showFavoriteGames_action.update) && dirty[0] & /*endpoint, playerID, sessionID*/ 98305) showFavoriteGames_action.update.call(null, (`${/*endpoint*/ ctx[0]}/player/${/*playerID*/ ctx[15]}/favorites/`, /*sessionID*/ ctx[16], /*playerID*/ ctx[15]));
     		},
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(casino_games_category_section);
@@ -10753,17 +10758,17 @@
     		block,
     		id: create_if_block_5.name,
     		type: "if",
-    		source: "(827:34) ",
+    		source: "(828:34) ",
     		ctx
     	});
     	return block;
     }
-    // (808:8) {#if lobbyScreen}
+    // (809:8) {#if lobbyScreen}
     function create_if_block_4(ctx) {
     	let each_1_anchor;
-    	let each_value = /*shownCategories*/ ctx[25];
+    	let each_value = /*shownCategories*/ ctx[26];
     	validate_each_argument(each_value);
     	let each_blocks = [];
@@ -10787,8 +10792,8 @@
     			insert_dev(target, each_1_anchor, anchor);
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty[0] & /*session, userid, endpoint, datasource, lang, shownCategories, favorites, categorybackground, clientstyling, clientstylingurl*/ 33555199) {
-    				each_value = /*shownCategories*/ ctx[25];
+    			if (dirty[0] & /*session, userid, endpoint, datasource, lang, shownCategories, favorites, categorybackground, clientstyling, clientstylingurl*/ 67109631) {
+    				each_value = /*shownCategories*/ ctx[26];
     				validate_each_argument(each_value);
     				let i;
@@ -10821,14 +10826,14 @@
     		block,
     		id: create_if_block_4.name,
     		type: "if",
-    		source: "(808:8) {#if lobbyScreen}",
+    		source: "(809:8) {#if lobbyScreen}",
     		ctx
     	});
     	return block;
     }
-    // (793:6) {#if searched}
+    // (794:6) {#if searched}
     function create_if_block_3(ctx) {
     	let casino_games_category_section;
     	let sendSearchData_action;
@@ -10848,13 +10853,13 @@
     			set_custom_element_data(casino_games_category_section, "categoryindex", "0");
     			set_custom_element_data(casino_games_category_section, "clientstyling", /*clientstyling*/ ctx[5]);
     			set_custom_element_data(casino_games_category_section, "clientstylingurl", /*clientstylingurl*/ ctx[6]);
-    			add_location(casino_games_category_section, file, 793, 8, 32477);
+    			add_location(casino_games_category_section, file, 794, 8, 32554);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, casino_games_category_section, anchor);
     			if (!mounted) {
-    				dispose = action_destroyer(sendSearchData_action = /*sendSearchData*/ ctx[43].call(null, casino_games_category_section, /*searchArray*/ ctx[24]));
+    				dispose = action_destroyer(sendSearchData_action = /*sendSearchData*/ ctx[44].call(null, casino_games_category_section, /*searchArray*/ ctx[25]));
     				mounted = true;
     			}
     		},
@@ -10891,7 +10896,7 @@
     				set_custom_element_data(casino_games_category_section, "clientstylingurl", /*clientstylingurl*/ ctx[6]);
     			}
-    			if (sendSearchData_action && is_function(sendSearchData_action.update) && dirty[0] & /*searchArray*/ 16777216) sendSearchData_action.update.call(null, /*searchArray*/ ctx[24]);
+    			if (sendSearchData_action && is_function(sendSearchData_action.update) && dirty[0] & /*searchArray*/ 33554432) sendSearchData_action.update.call(null, /*searchArray*/ ctx[25]);
     		},
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(casino_games_category_section);
@@ -10904,17 +10909,17 @@
     		block,
     		id: create_if_block_3.name,
     		type: "if",
-    		source: "(793:6) {#if searched}",
+    		source: "(794:6) {#if searched}",
     		ctx
     	});
     	return block;
     }
-    // (790:4) {#if isLoading}
+    // (791:4) {#if isLoading}
     function create_if_block_2(ctx) {
     	let p;
-    	let t_value = /*$_*/ ctx[32]("casinoPage.loading") + "";
+    	let t_value = /*$_*/ ctx[33]("casinoPage.loading") + "";
     	let t;
     	const block = {
@@ -10922,14 +10927,14 @@
     			p = element("p");
     			t = text(t_value);
     			attr_dev(p, "class", "SearchLoading");
-    			add_location(p, file, 790, 6, 32380);
+    			add_location(p, file, 791, 6, 32457);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
     			append_dev(p, t);
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty[1] & /*$_*/ 2 && t_value !== (t_value = /*$_*/ ctx[32]("casinoPage.loading") + "")) set_data_dev(t, t_value);
+    			if (dirty[1] & /*$_*/ 4 && t_value !== (t_value = /*$_*/ ctx[33]("casinoPage.loading") + "")) set_data_dev(t, t_value);
     		},
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(p);
@@ -10940,14 +10945,14 @@
     		block,
     		id: create_if_block_2.name,
     		type: "if",
-    		source: "(790:4) {#if isLoading}",
+    		source: "(791:4) {#if isLoading}",
     		ctx
     	});
     	return block;
     }
-    // (844:10) {:else}
+    // (845:10) {:else}
     function create_else_block_1(ctx) {
     	let casino_games_category_section;
@@ -10966,7 +10971,7 @@
     			set_custom_element_data(casino_games_category_section, "class", "CategoryContainer");
     			set_custom_element_data(casino_games_category_section, "clientstyling", /*clientstyling*/ ctx[5]);
     			set_custom_element_data(casino_games_category_section, "clientstylingurl", /*clientstylingurl*/ ctx[6]);
-    			add_location(casino_games_category_section, file, 844, 12, 34211);
+    			add_location(casino_games_category_section, file, 845, 12, 34288);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, casino_games_category_section, anchor);
@@ -11013,14 +11018,14 @@
     		block,
     		id: create_else_block_1.name,
     		type: "else",
-    		source: "(844:10) {:else}",
+    		source: "(845:10) {:else}",
     		ctx
     	});
     	return block;
     }
-    // (842:10) {#if mostPlayedEmpty}
+    // (843:10) {#if mostPlayedEmpty}
     function create_if_block_7(ctx) {
     	let p;
@@ -11029,7 +11034,7 @@
     			p = element("p");
     			p.textContent = "You have no games played!";
     			attr_dev(p, "class", "SearchLoading");
-    			add_location(p, file, 842, 12, 34126);
+    			add_location(p, file, 843, 12, 34203);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -11044,14 +11049,14 @@
     		block,
     		id: create_if_block_7.name,
     		type: "if",
-    		source: "(842:10) {#if mostPlayedEmpty}",
+    		source: "(843:10) {#if mostPlayedEmpty}",
     		ctx
     	});
     	return block;
     }
-    // (809:10) {#each shownCategories as category, index}
+    // (810:10) {#each shownCategories as category, index}
     function create_each_block(ctx) {
     	let casino_games_category_section;
     	let casino_games_category_section_categoryid_value;
@@ -11067,25 +11072,25 @@
     			set_custom_element_data(casino_games_category_section, "endpoint", /*endpoint*/ ctx[0]);
     			set_custom_element_data(casino_games_category_section, "datasource", /*datasource*/ ctx[1]);
     			set_custom_element_data(casino_games_category_section, "lang", /*lang*/ ctx[2]);
-    			set_custom_element_data(casino_games_category_section, "categoryid", casino_games_category_section_categoryid_value = /*category*/ ctx[109]);
-    			set_custom_element_data(casino_games_category_section, "categoryindex", /*index*/ ctx[111]);
+    			set_custom_element_data(casino_games_category_section, "categoryid", casino_games_category_section_categoryid_value = /*category*/ ctx[110]);
+    			set_custom_element_data(casino_games_category_section, "categoryindex", /*index*/ ctx[112]);
     			set_custom_element_data(casino_games_category_section, "categorygames", "9");
     			set_custom_element_data(casino_games_category_section, "favorites", /*favorites*/ ctx[9]);
     			set_custom_element_data(casino_games_category_section, "class", "CategoryContainer");
-    			set_style(casino_games_category_section, "background-color", /*index*/ ctx[111] % 2 !== 0
+    			set_style(casino_games_category_section, "background-color", /*index*/ ctx[112] % 2 !== 0
     			? /*categorybackground*/ ctx[7]
     			: "transparent");
     			set_custom_element_data(casino_games_category_section, "clientstyling", /*clientstyling*/ ctx[5]);
     			set_custom_element_data(casino_games_category_section, "clientstylingurl", /*clientstylingurl*/ ctx[6]);
-    			add_location(casino_games_category_section, file, 809, 12, 32952);
+    			add_location(casino_games_category_section, file, 810, 12, 33029);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, casino_games_category_section, anchor);
     			if (!mounted) {
-    				dispose = action_destroyer(sendCategoryData_action = /*sendCategoryData*/ ctx[42].call(null, casino_games_category_section, /*category*/ ctx[109]));
+    				dispose = action_destroyer(sendCategoryData_action = /*sendCategoryData*/ ctx[43].call(null, casino_games_category_section, /*category*/ ctx[110]));
     				mounted = true;
     			}
     		},
@@ -11112,7 +11117,7 @@
     				set_custom_element_data(casino_games_category_section, "lang", /*lang*/ ctx[2]);
     			}
-    			if (dirty[0] & /*shownCategories*/ 33554432 && casino_games_category_section_categoryid_value !== (casino_games_category_section_categoryid_value = /*category*/ ctx[109])) {
+    			if (dirty[0] & /*shownCategories*/ 67108864 && casino_games_category_section_categoryid_value !== (casino_games_category_section_categoryid_value = /*category*/ ctx[110])) {
     				set_custom_element_data(casino_games_category_section, "categoryid", casino_games_category_section_categoryid_value);
     			}
@@ -11121,7 +11126,7 @@
     			}
     			if (dirty[0] & /*categorybackground*/ 128) {
-    				set_style(casino_games_category_section, "background-color", /*index*/ ctx[111] % 2 !== 0
+    				set_style(casino_games_category_section, "background-color", /*index*/ ctx[112] % 2 !== 0
     				? /*categorybackground*/ ctx[7]
     				: "transparent");
     			}
@@ -11134,7 +11139,7 @@
     				set_custom_element_data(casino_games_category_section, "clientstylingurl", /*clientstylingurl*/ ctx[6]);
     			}
-    			if (sendCategoryData_action && is_function(sendCategoryData_action.update) && dirty[0] & /*shownCategories*/ 33554432) sendCategoryData_action.update.call(null, /*category*/ ctx[109]);
+    			if (sendCategoryData_action && is_function(sendCategoryData_action.update) && dirty[0] & /*shownCategories*/ 67108864) sendCategoryData_action.update.call(null, /*category*/ ctx[110]);
     		},
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(casino_games_category_section);
@@ -11147,14 +11152,14 @@
     		block,
     		id: create_each_block.name,
     		type: "each",
-    		source: "(809:10) {#each shownCategories as category, index}",
+    		source: "(810:10) {#each shownCategories as category, index}",
     		ctx
     	});
     	return block;
     }
-    // (879:4) {#if isLoggedIn}
+    // (880:4) {#if isLoggedIn}
     function create_if_block_1(ctx) {
     	let div1;
     	let div0;
@@ -11162,11 +11167,11 @@
     	let path;
     	let t0;
     	let p;
-    	let t1_value = /*$_*/ ctx[32]("casinoPage.break") + "";
+    	let t1_value = /*$_*/ ctx[33]("casinoPage.break") + "";
     	let t1;
     	let t2;
     	let button;
-    	let t3_value = /*$_*/ ctx[32]("casinoPage.breakButton") + "";
+    	let t3_value = /*$_*/ ctx[33]("casinoPage.breakButton") + "";
     	let t3;
     	let mounted;
     	let dispose;
@@ -11187,7 +11192,7 @@
     			attr_dev(path, "stroke-linejoin", "round");
     			attr_dev(path, "stroke-width", "2");
     			attr_dev(path, "d", "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z");
-    			add_location(path, file, 881, 140, 35493);
+    			add_location(path, file, 882, 140, 35570);
     			attr_dev(svg, "class", "w-1 h-1");
     			attr_dev(svg, "fill", "none");
     			attr_dev(svg, "stroke", "white");
@@ -11195,18 +11200,18 @@
     			attr_dev(svg, "height", "34px");
     			attr_dev(svg, "viewBox", "0 0 24 24");
     			attr_dev(svg, "xmlns", "http://www.w3.org/2000/svg");
-    			add_location(svg, file, 881, 10, 35363);
-    			add_location(p, file, 882, 10, 35635);
+    			add_location(svg, file, 882, 10, 35440);
+    			add_location(p, file, 883, 10, 35712);
     			attr_dev(div0, "class", "PanicText");
-    			add_location(div0, file, 880, 8, 35329);
+    			add_location(div0, file, 881, 8, 35406);
     			attr_dev(button, "class", "PanicButton");
-    			add_location(button, file, 884, 8, 35690);
+    			add_location(button, file, 885, 8, 35767);
-    			attr_dev(div1, "class", "PanicSection " + (getDevice(/*userAgent*/ ctx[34]) !== "PC"
+    			attr_dev(div1, "class", "PanicSection " + (getDevice(/*userAgent*/ ctx[35]) !== "PC"
     			? "PanicSectionMobile"
     			: ""));
-    			add_location(div1, file, 879, 6, 35232);
+    			add_location(div1, file, 880, 6, 35309);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div1, anchor);
@@ -11221,13 +11226,13 @@
     			append_dev(button, t3);
     			if (!mounted) {
-    				dispose = listen_dev(button, "click", /*click_handler_7*/ ctx[63], false, false, false);
+    				dispose = listen_dev(button, "click", /*click_handler_7*/ ctx[64], false, false, false);
     				mounted = true;
     			}
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty[1] & /*$_*/ 2 && t1_value !== (t1_value = /*$_*/ ctx[32]("casinoPage.break") + "")) set_data_dev(t1, t1_value);
-    			if (dirty[1] & /*$_*/ 2 && t3_value !== (t3_value = /*$_*/ ctx[32]("casinoPage.breakButton") + "")) set_data_dev(t3, t3_value);
+    			if (dirty[1] & /*$_*/ 4 && t1_value !== (t1_value = /*$_*/ ctx[33]("casinoPage.break") + "")) set_data_dev(t1, t1_value);
+    			if (dirty[1] & /*$_*/ 4 && t3_value !== (t3_value = /*$_*/ ctx[33]("casinoPage.breakButton") + "")) set_data_dev(t3, t3_value);
     		},
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(div1);
@@ -11240,7 +11245,7 @@
     		block,
     		id: create_if_block_1.name,
     		type: "if",
-    		source: "(879:4) {#if isLoggedIn}",
+    		source: "(880:4) {#if isLoggedIn}",
     		ctx
     	});
@@ -11251,7 +11256,7 @@
     	let if_block_anchor;
     	function select_block_type(ctx, dirty) {
-    		if (/*hasErrors*/ ctx[12]) return create_if_block;
+    		if (/*hasErrors*/ ctx[13]) return create_if_block;
     		return create_else_block;
     	}
@@ -11308,7 +11313,7 @@
     function instance($$self, $$props, $$invalidate) {
     	let $_;
     	validate_store(X, "_");
-    	component_subscribe($$self, X, $$value => $$invalidate(32, $_ = $$value));
+    	component_subscribe($$self, X, $$value => $$invalidate(33, $_ = $$value));
     	let { $$slots: slots = {}, $$scope } = $$props;
     	validate_slots("undefined", slots, []);
@@ -11325,6 +11330,7 @@
     	let { favorites = "" } = $$props;
     	let { mostplayed = "" } = $$props;
     	let { lobbyid = "casinodefault" } = $$props; // identifier for recent searched
+    	let { containermaxwidth = "" } = $$props;
     	// CasinoPage loading state
     	let isLoading = false;
@@ -11385,33 +11391,33 @@
     	});
     	const CategoryChangeHandler = categoryEvent => {
-    		$$invalidate(18, searched = false);
-    		$$invalidate(10, searchValue = "");
+    		$$invalidate(19, searched = false);
+    		$$invalidate(11, searchValue = "");
     		switch (categoryEvent.data.itemId) {
     			case "LOBBY":
-    				$$invalidate(20, lobbyScreen = true);
-    				$$invalidate(16, favoritesScreen = false);
-    				$$invalidate(26, activeCategory = "");
-    				$$invalidate(21, mostPlayedScreen = false);
+    				$$invalidate(21, lobbyScreen = true);
+    				$$invalidate(17, favoritesScreen = false);
+    				$$invalidate(27, activeCategory = "");
+    				$$invalidate(22, mostPlayedScreen = false);
     				scrollTop = true;
     				break;
     			case "FAVORITES":
-    				$$invalidate(20, lobbyScreen = false);
-    				$$invalidate(16, favoritesScreen = true);
-    				$$invalidate(21, mostPlayedScreen = false);
-    				$$invalidate(26, activeCategory = "");
+    				$$invalidate(21, lobbyScreen = false);
+    				$$invalidate(17, favoritesScreen = true);
+    				$$invalidate(22, mostPlayedScreen = false);
+    				$$invalidate(27, activeCategory = "");
     				break;
     			case "MOSTPLAYED":
     				if (mostplayed == "true") {
-    					$$invalidate(11, isLoading = true);
+    					$$invalidate(12, isLoading = true);
     					getMostPlayedGames({
     						limit: 100,
     						device: getDevice(userAgent),
     						rounds: 10
     					}).then(res => {
-    						$$invalidate(11, isLoading = false);
+    						$$invalidate(12, isLoading = false);
     						if (res.count > 0) {
     							let promises = [];
@@ -11427,20 +11433,20 @@
     								window.postMessage({ type: "MostPlayedData", mostPlayedGames }, window.location.href);
     							});
     						} else {
-    							$$invalidate(22, mostPlayedEmpty = true);
+    							$$invalidate(23, mostPlayedEmpty = true);
     						}
     					});
-    					$$invalidate(26, activeCategory = "");
-    					$$invalidate(20, lobbyScreen = false);
-    					$$invalidate(21, mostPlayedScreen = true);
+    					$$invalidate(27, activeCategory = "");
+    					$$invalidate(21, lobbyScreen = false);
+    					$$invalidate(22, mostPlayedScreen = true);
     				}
     				break;
     			default:
-    				$$invalidate(20, lobbyScreen = false);
-    				$$invalidate(16, favoritesScreen = false);
-    				$$invalidate(21, mostPlayedScreen = false);
-    				$$invalidate(26, activeCategory = categoryEvent.data.itemId);
+    				$$invalidate(21, lobbyScreen = false);
+    				$$invalidate(17, favoritesScreen = false);
+    				$$invalidate(22, mostPlayedScreen = false);
+    				$$invalidate(27, activeCategory = categoryEvent.data.itemId);
     				setTimeout(() => {
     					window.postMessage(
     						{
@@ -11462,8 +11468,8 @@
     					CategoryChangeHandler(e);
     					break;
     				case "UserSessionID":
-    					$$invalidate(15, sessionID = e.data.session);
-    					$$invalidate(14, playerID = e.data.userID);
+    					$$invalidate(16, sessionID = e.data.session);
+    					$$invalidate(15, playerID = e.data.userID);
     					if (playerID && playerID.length && sessionID && sessionID.length > 0) {
     						getFavoredGames(endpoint, sessionID, playerID);
     					}
@@ -11709,14 +11715,14 @@
     	//
     	const getCategories = url => {
     		return new Promise((resolve, reject) => {
-    				$$invalidate(11, isLoading = true);
+    				$$invalidate(12, isLoading = true);
     				fetch(url).then(res => res.json()).then(data => {
-    					$$invalidate(11, isLoading = false);
+    					$$invalidate(12, isLoading = false);
     					resolve(data);
     				}).catch(err => {
-    					$$invalidate(12, hasErrors = true);
-    					$$invalidate(11, isLoading = false);
+    					$$invalidate(13, hasErrors = true);
+    					$$invalidate(12, isLoading = false);
     					console.error(err);
     					reject(err);
     				});
@@ -11725,14 +11731,14 @@
     	const getGames = url => {
     		return new Promise((resolve, reject) => {
-    				$$invalidate(11, isLoading = true);
+    				$$invalidate(12, isLoading = true);
     				fetch(url).then(res => res.json()).then(categoryData => {
-    					$$invalidate(11, isLoading = false);
+    					$$invalidate(12, isLoading = false);
     					resolve(categoryData);
     				}).catch(err => {
-    					$$invalidate(12, hasErrors = true);
-    					$$invalidate(11, isLoading = false);
+    					$$invalidate(13, hasErrors = true);
+    					$$invalidate(12, isLoading = false);
     					console.error(err);
     					reject(err);
     				});
@@ -11741,14 +11747,14 @@
     	const getGame = url => {
     		return new Promise((resolve, reject) => {
-    				$$invalidate(11, isLoading = true);
+    				$$invalidate(12, isLoading = true);
     				fetch(url).then(res => res.json()).then(categoryData => {
-    					$$invalidate(11, isLoading = false);
+    					$$invalidate(12, isLoading = false);
     					resolve(categoryData[0]);
     				}).catch(err => {
-    					$$invalidate(12, hasErrors = true);
-    					$$invalidate(11, isLoading = false);
+    					$$invalidate(13, hasErrors = true);
+    					$$invalidate(12, isLoading = false);
     					console.error(err);
     					reject(err);
     				});
@@ -11776,8 +11782,8 @@
     				}
     				if (lobbyScreen == true && !initialLoaded) {
-    					$$invalidate(19, lobbyViewAux = lobbyScreen);
-    					$$invalidate(20, lobbyScreen = false);
+    					$$invalidate(20, lobbyViewAux = lobbyScreen);
+    					$$invalidate(21, lobbyScreen = false);
     				}
     				let promises = [];
@@ -11794,7 +11800,7 @@
     					}
     					Promise.all(promises).then(res => {
-    						$$invalidate(24, searchArray = res);
+    						$$invalidate(25, searchArray = res);
     						sendRecentSearchData({}, searchArray);
     					});
     				} else {
@@ -11808,11 +11814,11 @@
     		searchFocus = false;
     		if (searchValue.length < 2 && !gameFocus) {
-    			$$invalidate(18, searched = false);
-    			$$invalidate(24, searchArray = []);
-    			$$invalidate(17, recentSearches = false);
-    			$$invalidate(20, lobbyScreen = lobbyViewAux);
-    			$$invalidate(19, lobbyViewAux = false);
+    			$$invalidate(19, searched = false);
+    			$$invalidate(25, searchArray = []);
+    			$$invalidate(18, recentSearches = false);
+    			$$invalidate(21, lobbyScreen = lobbyViewAux);
+    			$$invalidate(20, lobbyViewAux = false);
     			if (lobbyScreen === false) {
     				window.postMessage(
@@ -11848,9 +11854,9 @@
     	// @TODO let's do some small changes around here in order to have this search functionality pretty written, 'cuz right now is kinda shitty
     	const searchValueChanged = () => {
     		if (searchValue.length >= 2) {
-    			$$invalidate(49, searchBarCleared = true);
+    			$$invalidate(50, searchBarCleared = true);
     		} else {
-    			$$invalidate(49, searchBarCleared = false);
+    			$$invalidate(50, searchBarCleared = false);
     		}
     	};
@@ -11860,9 +11866,9 @@
     		if (vendors) {
     			if (currentCategoryId) {
     				if (vendors[currentCategoryId]) {
-    					$$invalidate(30, numberOfFilters = vendors[currentCategoryId].length);
+    					$$invalidate(31, numberOfFilters = vendors[currentCategoryId].length);
     				} else {
-    					$$invalidate(30, numberOfFilters = 0);
+    					$$invalidate(31, numberOfFilters = 0);
     				}
     			}
     		}
@@ -11873,10 +11879,10 @@
     	};
     	const clearSearchbar = () => {
-    		$$invalidate(49, searchBarCleared = true);
-    		$$invalidate(10, searchValue = "");
-    		$$invalidate(24, searchArray = []);
-    		$$invalidate(17, recentSearches = false);
+    		$$invalidate(50, searchBarCleared = true);
+    		$$invalidate(11, searchValue = "");
+    		$$invalidate(25, searchArray = []);
+    		$$invalidate(18, recentSearches = false);
     		onBlur();
     	};
@@ -11954,31 +11960,31 @@
     		}
     		if (document.documentElement.scrollTop > searchPositionTop || searchPositionTop > 130) {
-    			$$invalidate(23, adjustingScroll = true);
+    			$$invalidate(24, adjustingScroll = true);
     		} else {
-    			$$invalidate(23, adjustingScroll = false);
+    			$$invalidate(24, adjustingScroll = false);
     		}
     	};
     	const checkAttrs = () => {
     		if (!endpoint) {
     			error = "Endpoint is missing! Please provide a valid endpointURL.";
-    			$$invalidate(12, hasErrors = true);
-    			$$invalidate(11, isLoading = false);
+    			$$invalidate(13, hasErrors = true);
+    			$$invalidate(12, isLoading = false);
     			console.error(error);
     		}
     		if (!datasource) {
     			error = "Datasource is missing! Please provide a valid datasource.";
-    			$$invalidate(12, hasErrors = true);
-    			$$invalidate(11, isLoading = false);
+    			$$invalidate(13, hasErrors = true);
+    			$$invalidate(12, isLoading = false);
     			console.error(error);
     		}
     		if (!lang || lang.length != 2) {
     			error = "Language is missing! Please provide a valid language (alpha2code)";
-    			$$invalidate(12, hasErrors = true);
-    			$$invalidate(11, isLoading = false);
+    			$$invalidate(13, hasErrors = true);
+    			$$invalidate(12, isLoading = false);
     			console.error(error);
     		}
@@ -11987,7 +11993,7 @@
     	const initialSetup = () => {
     		if (!checkAttrs()) {
-    			$$invalidate(11, isLoading = true);
+    			$$invalidate(12, isLoading = true);
     			if (favorites == "true") {
     				getFavoredGames(endpoint, sessionID, playerID);
@@ -12003,21 +12009,21 @@
     						return item.games.total > 0;
     					});
-    					$$invalidate(25, shownCategories = categories = categoriesData.map(item => {
+    					$$invalidate(26, shownCategories = categories = categoriesData.map(item => {
     						return item.id;
     					}));
-    					$$invalidate(11, isLoading = false);
+    					$$invalidate(12, isLoading = false);
     				}
     			});
     			if (getDevice(userAgent) !== "PC") {
     				searchElement.addEventListener("focusin", event => {
-    					$$invalidate(29, mobileSearchViewActive = true);
+    					$$invalidate(30, mobileSearchViewActive = true);
     				});
     				searchElement.addEventListener("focusout", event => {
-    					$$invalidate(29, mobileSearchViewActive = false);
+    					$$invalidate(30, mobileSearchViewActive = false);
     				});
     			}
@@ -12031,9 +12037,9 @@
     	};
     	const setSession = () => {
-    		$$invalidate(13, isLoggedIn = true);
-    		$$invalidate(15, sessionID = session);
-    		$$invalidate(14, playerID = userid);
+    		$$invalidate(14, isLoggedIn = true);
+    		$$invalidate(16, sessionID = session);
+    		$$invalidate(15, playerID = userid);
     	};
     	const setClientStyling = () => {
@@ -12082,7 +12088,8 @@
     		"alternativesearch",
     		"favorites",
     		"mostplayed",
-    		"lobbyid"
+    		"lobbyid",
+    		"containermaxwidth"
     	];
     	Object_1.keys($$props).forEach(key => {
@@ -12094,13 +12101,13 @@
     	function input_binding($$value) {
     		binding_callbacks[$$value ? "unshift" : "push"](() => {
     			searchElement = $$value;
-    			$$invalidate(28, searchElement);
+    			$$invalidate(29, searchElement);
     		});
     	}
     	function input_input_handler() {
     		searchValue = this.value;
-    		$$invalidate(10, searchValue);
+    		$$invalidate(11, searchValue);
     	}
     	const click_handler_1 = () => clearSearchbar();
@@ -12113,20 +12120,20 @@
     	function div2_binding($$value) {
     		binding_callbacks[$$value ? "unshift" : "push"](() => {
     			searchWrapper = $$value;
-    			$$invalidate(27, searchWrapper);
+    			$$invalidate(28, searchWrapper);
     		});
     	}
     	function input_binding_1($$value) {
     		binding_callbacks[$$value ? "unshift" : "push"](() => {
     			searchElement = $$value;
-    			$$invalidate(28, searchElement);
+    			$$invalidate(29, searchElement);
     		});
     	}
     	function input_input_handler_1() {
     		searchValue = this.value;
-    		$$invalidate(10, searchValue);
+    		$$invalidate(11, searchValue);
     	}
     	const click_handler_4 = () => clearSearchbar();
@@ -12139,7 +12146,7 @@
     	function div2_binding_1($$value) {
     		binding_callbacks[$$value ? "unshift" : "push"](() => {
     			searchWrapper = $$value;
-    			$$invalidate(27, searchWrapper);
+    			$$invalidate(28, searchWrapper);
     		});
     	}
@@ -12148,7 +12155,7 @@
     	function section_binding($$value) {
     		binding_callbacks[$$value ? "unshift" : "push"](() => {
     			customStylingContainer = $$value;
-    			$$invalidate(31, customStylingContainer);
+    			$$invalidate(32, customStylingContainer);
     		});
     	}
@@ -12161,11 +12168,12 @@
     		if ("clientstyling" in $$props) $$invalidate(5, clientstyling = $$props.clientstyling);
     		if ("clientstylingurl" in $$props) $$invalidate(6, clientstylingurl = $$props.clientstylingurl);
     		if ("categorybackground" in $$props) $$invalidate(7, categorybackground = $$props.categorybackground);
-    		if ("visiblegames" in $$props) $$invalidate(45, visiblegames = $$props.visiblegames);
+    		if ("visiblegames" in $$props) $$invalidate(46, visiblegames = $$props.visiblegames);
     		if ("alternativesearch" in $$props) $$invalidate(8, alternativesearch = $$props.alternativesearch);
     		if ("favorites" in $$props) $$invalidate(9, favorites = $$props.favorites);
-    		if ("mostplayed" in $$props) $$invalidate(46, mostplayed = $$props.mostplayed);
-    		if ("lobbyid" in $$props) $$invalidate(47, lobbyid = $$props.lobbyid);
+    		if ("mostplayed" in $$props) $$invalidate(47, mostplayed = $$props.mostplayed);
+    		if ("lobbyid" in $$props) $$invalidate(48, lobbyid = $$props.lobbyid);
+    		if ("containermaxwidth" in $$props) $$invalidate(10, containermaxwidth = $$props.containermaxwidth);
     	};
     	$$self.$capture_state = () => ({
@@ -12187,6 +12195,7 @@
     		favorites,
     		mostplayed,
     		lobbyid,
+    		containermaxwidth,
     		isLoading,
     		hasErrors,
     		isLoggedIn,
@@ -12280,56 +12289,57 @@
     		if ("clientstyling" in $$props) $$invalidate(5, clientstyling = $$props.clientstyling);
     		if ("clientstylingurl" in $$props) $$invalidate(6, clientstylingurl = $$props.clientstylingurl);
     		if ("categorybackground" in $$props) $$invalidate(7, categorybackground = $$props.categorybackground);
-    		if ("visiblegames" in $$props) $$invalidate(45, visiblegames = $$props.visiblegames);
+    		if ("visiblegames" in $$props) $$invalidate(46, visiblegames = $$props.visiblegames);
     		if ("alternativesearch" in $$props) $$invalidate(8, alternativesearch = $$props.alternativesearch);
     		if ("favorites" in $$props) $$invalidate(9, favorites = $$props.favorites);
-    		if ("mostplayed" in $$props) $$invalidate(46, mostplayed = $$props.mostplayed);
-    		if ("lobbyid" in $$props) $$invalidate(47, lobbyid = $$props.lobbyid);
-    		if ("isLoading" in $$props) $$invalidate(11, isLoading = $$props.isLoading);
-    		if ("hasErrors" in $$props) $$invalidate(12, hasErrors = $$props.hasErrors);
-    		if ("isLoggedIn" in $$props) $$invalidate(13, isLoggedIn = $$props.isLoggedIn);
+    		if ("mostplayed" in $$props) $$invalidate(47, mostplayed = $$props.mostplayed);
+    		if ("lobbyid" in $$props) $$invalidate(48, lobbyid = $$props.lobbyid);
+    		if ("containermaxwidth" in $$props) $$invalidate(10, containermaxwidth = $$props.containermaxwidth);
+    		if ("isLoading" in $$props) $$invalidate(12, isLoading = $$props.isLoading);
+    		if ("hasErrors" in $$props) $$invalidate(13, hasErrors = $$props.hasErrors);
+    		if ("isLoggedIn" in $$props) $$invalidate(14, isLoggedIn = $$props.isLoggedIn);
     		if ("error" in $$props) error = $$props.error;
-    		if ("playerID" in $$props) $$invalidate(14, playerID = $$props.playerID);
-    		if ("sessionID" in $$props) $$invalidate(15, sessionID = $$props.sessionID);
-    		if ("favoritesScreen" in $$props) $$invalidate(16, favoritesScreen = $$props.favoritesScreen);
-    		if ("recentSearches" in $$props) $$invalidate(17, recentSearches = $$props.recentSearches);
-    		if ("initialLoaded" in $$props) $$invalidate(48, initialLoaded = $$props.initialLoaded);
-    		if ("searched" in $$props) $$invalidate(18, searched = $$props.searched);
+    		if ("playerID" in $$props) $$invalidate(15, playerID = $$props.playerID);
+    		if ("sessionID" in $$props) $$invalidate(16, sessionID = $$props.sessionID);
+    		if ("favoritesScreen" in $$props) $$invalidate(17, favoritesScreen = $$props.favoritesScreen);
+    		if ("recentSearches" in $$props) $$invalidate(18, recentSearches = $$props.recentSearches);
+    		if ("initialLoaded" in $$props) $$invalidate(49, initialLoaded = $$props.initialLoaded);
+    		if ("searched" in $$props) $$invalidate(19, searched = $$props.searched);
     		if ("gameFocus" in $$props) gameFocus = $$props.gameFocus;
-    		if ("lobbyViewAux" in $$props) $$invalidate(19, lobbyViewAux = $$props.lobbyViewAux);
-    		if ("closeSearch" in $$props) $$invalidate(33, closeSearch = $$props.closeSearch);
+    		if ("lobbyViewAux" in $$props) $$invalidate(20, lobbyViewAux = $$props.lobbyViewAux);
+    		if ("closeSearch" in $$props) $$invalidate(34, closeSearch = $$props.closeSearch);
     		if ("searchFocus" in $$props) searchFocus = $$props.searchFocus;
-    		if ("lobbyScreen" in $$props) $$invalidate(20, lobbyScreen = $$props.lobbyScreen);
-    		if ("mostPlayedScreen" in $$props) $$invalidate(21, mostPlayedScreen = $$props.mostPlayedScreen);
-    		if ("mostPlayedEmpty" in $$props) $$invalidate(22, mostPlayedEmpty = $$props.mostPlayedEmpty);
-    		if ("adjustingScroll" in $$props) $$invalidate(23, adjustingScroll = $$props.adjustingScroll);
-    		if ("searchBarCleared" in $$props) $$invalidate(49, searchBarCleared = $$props.searchBarCleared);
+    		if ("lobbyScreen" in $$props) $$invalidate(21, lobbyScreen = $$props.lobbyScreen);
+    		if ("mostPlayedScreen" in $$props) $$invalidate(22, mostPlayedScreen = $$props.mostPlayedScreen);
+    		if ("mostPlayedEmpty" in $$props) $$invalidate(23, mostPlayedEmpty = $$props.mostPlayedEmpty);
+    		if ("adjustingScroll" in $$props) $$invalidate(24, adjustingScroll = $$props.adjustingScroll);
+    		if ("searchBarCleared" in $$props) $$invalidate(50, searchBarCleared = $$props.searchBarCleared);
     		if ("gamesArray" in $$props) gamesArray = $$props.gamesArray;
-    		if ("searchArray" in $$props) $$invalidate(24, searchArray = $$props.searchArray);
+    		if ("searchArray" in $$props) $$invalidate(25, searchArray = $$props.searchArray);
     		if ("categories" in $$props) categories = $$props.categories;
-    		if ("shownCategories" in $$props) $$invalidate(25, shownCategories = $$props.shownCategories);
-    		if ("activeCategory" in $$props) $$invalidate(26, activeCategory = $$props.activeCategory);
-    		if ("searchValue" in $$props) $$invalidate(10, searchValue = $$props.searchValue);
-    		if ("searchWrapper" in $$props) $$invalidate(27, searchWrapper = $$props.searchWrapper);
+    		if ("shownCategories" in $$props) $$invalidate(26, shownCategories = $$props.shownCategories);
+    		if ("activeCategory" in $$props) $$invalidate(27, activeCategory = $$props.activeCategory);
+    		if ("searchValue" in $$props) $$invalidate(11, searchValue = $$props.searchValue);
+    		if ("searchWrapper" in $$props) $$invalidate(28, searchWrapper = $$props.searchWrapper);
     		if ("searchElementWrapper" in $$props) searchElementWrapper = $$props.searchElementWrapper;
     		if ("searchPositionTop" in $$props) searchPositionTop = $$props.searchPositionTop;
-    		if ("userAgent" in $$props) $$invalidate(34, userAgent = $$props.userAgent);
+    		if ("userAgent" in $$props) $$invalidate(35, userAgent = $$props.userAgent);
     		if ("scrollTop" in $$props) scrollTop = $$props.scrollTop;
     		if ("mostPlayedGames" in $$props) mostPlayedGames = $$props.mostPlayedGames;
     		if ("favoredGamesCollection" in $$props) favoredGamesCollection = $$props.favoredGamesCollection;
     		if ("categoriesData" in $$props) categoriesData = $$props.categoriesData;
     		if ("receivedFavoriteResults" in $$props) receivedFavoriteResults = $$props.receivedFavoriteResults;
     		if ("updatedFavoriteResultsIds" in $$props) updatedFavoriteResultsIds = $$props.updatedFavoriteResultsIds;
-    		if ("searchElement" in $$props) $$invalidate(28, searchElement = $$props.searchElement);
-    		if ("mobileSearchViewActive" in $$props) $$invalidate(29, mobileSearchViewActive = $$props.mobileSearchViewActive);
+    		if ("searchElement" in $$props) $$invalidate(29, searchElement = $$props.searchElement);
+    		if ("mobileSearchViewActive" in $$props) $$invalidate(30, mobileSearchViewActive = $$props.mobileSearchViewActive);
     		if ("searchedValues" in $$props) searchedValues = $$props.searchedValues;
     		if ("mostPlayedValues" in $$props) mostPlayedValues = $$props.mostPlayedValues;
     		if ("filterVendorsArray" in $$props) filterVendorsArray = $$props.filterVendorsArray;
-    		if ("numberOfFilters" in $$props) $$invalidate(30, numberOfFilters = $$props.numberOfFilters);
+    		if ("numberOfFilters" in $$props) $$invalidate(31, numberOfFilters = $$props.numberOfFilters);
     		if ("filteredGamesArray" in $$props) filteredGamesArray = $$props.filteredGamesArray;
     		if ("currentCategoryId" in $$props) currentCategoryId = $$props.currentCategoryId;
     		if ("activeCategoryAux" in $$props) activeCategoryAux = $$props.activeCategoryAux;
-    		if ("customStylingContainer" in $$props) $$invalidate(31, customStylingContainer = $$props.customStylingContainer);
+    		if ("customStylingContainer" in $$props) $$invalidate(32, customStylingContainer = $$props.customStylingContainer);
     		if ("getFavoredGames" in $$props) getFavoredGames = $$props.getFavoredGames;
     		if ("updateFavoredList" in $$props) updateFavoredList = $$props.updateFavoredList;
     		if ("addFavoredGame" in $$props) addFavoredGame = $$props.addFavoredGame;
@@ -12340,13 +12350,13 @@
     	}
     	$$self.$$.update = () => {
-    		if ($$self.$$.dirty[0] & /*searchValue*/ 1024) {
+    		if ($$self.$$.dirty[0] & /*searchValue*/ 2048) {
     			searchValue && searchValueChanged();
     		}
-    		if ($$self.$$.dirty[0] & /*searchValue, endpoint, datasource*/ 1027 | $$self.$$.dirty[1] & /*searchBarCleared, initialLoaded*/ 393216) {
+    		if ($$self.$$.dirty[0] & /*searchValue, endpoint, datasource*/ 2051 | $$self.$$.dirty[1] & /*searchBarCleared, initialLoaded*/ 786432) {
     			if (searchValue.length >= 2) {
-    				$$invalidate(18, searched = true);
+    				$$invalidate(19, searched = true);
     				let searchUrl = new URL(`${endpoint}/casino/games`);
     				searchUrl.searchParams.append("datasource", datasource);
     				searchUrl.searchParams.append("expand", "vendor");
@@ -12357,7 +12367,7 @@
     				searchUrl.searchParams.append("filter", `name=${searchValue}`);
     				getGames(searchUrl).then(searchData => {
-    					$$invalidate(24, searchArray = searchData);
+    					$$invalidate(25, searchArray = searchData);
     					sendSearchData({}, searchData);
     				});
     			} else {
@@ -12366,7 +12376,7 @@
     				}
     				if (initialLoaded) {
-    					$$invalidate(48, initialLoaded = false);
+    					$$invalidate(49, initialLoaded = false);
     				}
     			}
     		}
@@ -12399,6 +12409,7 @@
     		categorybackground,
     		alternativesearch,
     		favorites,
+    		containermaxwidth,
     		searchValue,
     		isLoading,
     		hasErrors,
@@ -12460,7 +12471,7 @@
     class CasinoPage extends SvelteElement {
     	constructor(options) {
     		super();
-    		this.shadowRoot.innerHTML = `<style>*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;font-family:'Helvetica Neue', 'Helvetica', sans-serif}.PanicSectionMobile{flex-direction:column;margin-bottom:40px}.PanicSection{display:flex;justify-content:center;align-items:center;gap:10px}.PanicText{display:flex;justify-content:center;align-items:center;gap:10px}p{font-size:16px;color:#fff}.PanicButton{border-radius:2px;border:1px solid #D0046C;background-color:#D0046C;width:240px;height:48px;color:#fff;cursor:pointer}[type="search"]{appearance:none}.SrOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.CategoryContainer{display:block}.SearchLoading{color:#fff;font-size:14.4px;margin-top:16px;text-align:center}.SearchContainer{flex:3;width:100%;max-width:640px;margin:0 auto}.SearchContainer.SearchTruncated{margin:auto 5% auto 15%}.SearchContainer.SearchTruncated .SearchInput{tabindex:999;padding:20px 12px 20px 40px}.SearchContainer .SearchWrapper{position:relative;display:flex;color:#c7d2fe}.SearchContainer .SearchWrapper .SearchIcon{position:absolute;display:flex;align-items:center;top:0;bottom:0;left:0;padding-left:8px;pointer-events:none}.SearchContainer .SearchWrapper .SearchIcon svg{width:25.6px;height:25.6px;display:block;vertical-align:middle;fill:#c7d2fe}.SearchContainer .SearchWrapper .SearchInput{width:100%;display:block;padding:12px 12px 12px 40px;border-radius:6.4px;border-color:transparent;font-size:16px;background-color:rgba(156, 163, 175, 0.25);color:#e0e7ff}.SearchContainer .SearchWrapper .SearchInput::-webkit-search-decoration,.SearchContainer .SearchWrapper .SearchInput::-webkit-search-cancel-button,.SearchContainer .SearchWrapper .SearchInput::-webkit-search-results-button,.SearchContainer .SearchWrapper .SearchInput::-webkit-search-results-decoration{-webkit-appearance:none}.SearchContainer .SearchWrapper .SearchInput::placeholder{color:white}.SearchContainer .SearchWrapper .SearchInput:focus{background-color:white;color:#111827;outline:2px solid transparent;outline-offset:2px}.SearchContainer .SearchWrapper .SearchInput:focus::placeholder{color:#9ca3af}.SearchContainer .SearchWrapper:focus-within{color:#9ca3af}.SearchContainer .SearchWrapper:focus-within .SearchIcon svg{fill:#9ca3af}.FiltersButtonsContainer{display:inline-flex;flex:1;grid-gap:20px;flex-direction:row-reverse}.FilterButtonWrapper,.ClearFilterButtonWrapper{display:inline-flex;padding:10px 22px;border:1px solid #58586B;border-radius:5px;text-transform:uppercase;color:#fff;cursor:pointer}.ClearFilterButtonWrapper{border:1px solid #FD2839;color:#FD2839}.FilterIconContainer,.ClearIcon{position:relative;padding-left:5px}.FilterIconContainer{top:2px}.ClearIcon{position:relative;top:1px}.ClearIcon svg{width:14px}.FilterButtonWrapper,.ClearFilterButtonWrapper{display:inline-flex;justify-content:center;align-items:center}.NumberOfFiltersContainer{display:block;line-height:0px;border-radius:50%;border:2px solid #D0046C;background:#D0046C;color:#fff;font-size:12px;position:absolute;top:-5px;left:22px}.NumberOfFiltersContainer .NumberOfFilters{display:inline-block;padding-top:50%;padding-bottom:50%;margin-left:3px;margin-right:3px}.CategoriesHeaderSection{width:100%;display:inline-flex;flex-direction:row;margin-top:30px}.CategoriesHeaderMobileSection{position:fixed;bottom:0;flex-direction:row-reverse;z-index:1}.CategoriesHeaderMobileSection .ClearFilterButtonWrapper{display:none}.CategoriesHeaderMobileSection .SearchContainer{flex:1;max-width:unset;margin:unset;background-color:#d0056c;z-index:1}.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper{color:#fff}.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper .SearchIcon{left:25px}.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper .SearchInput{padding:12px;border-radius:0;background-color:#d0056c;color:#fff;text-align:center;opacity:1}.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper .SearchInput::placeholder,.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper .SearchInput:-ms-input-placeholder,.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper .SearchInput::-ms-input-placeholder{color:white;opacity:1}.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper path{fill:#fff}.CategoriesHeaderMobileSection .FiltersButtonsContainer{flex:1}.CategoriesHeaderMobileSection .FiltersButtonsContainer .FilterButtonWrapper{position:relative;width:100%;display:flex;flex-direction:row-reverse;border:1px solid #fff;border-radius:0;background:#fff;color:#D0046C}.CategoriesHeaderMobileSection .FiltersButtonsContainer .FilterIconContainer{position:absolute;left:40px;top:revert;padding-left:0}.CategoriesHeaderMobileSection .FiltersButtonsContainer .FilterIconContainer path{fill:#D0046C}.CategoriesHeaderMobileSection .NumberOfFiltersContainer{font-size:8px;left:15px}.CategoriesHeaderSectionAltDesign{display:block;position:relative}.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection{flex-direction:row;position:relative;margin-top:30px}.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection .SearchContainer{background-color:#07072A}.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper{justify-content:center}.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper .SearchInput{width:90%;border:1px solid #58586B;border-radius:6.4px;background-color:transparent;color:#fff;padding:12px 50px}.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper .SearchInput:active,.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper .SearchInput:focus{width:90%}.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection .FiltersButtonsContainer{position:absolute;top:64px;right:5px}.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection .FiltersButtonsContainer .FilterIconContainer{display:none}.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection .FiltersButtonsContainer .FilterButtonWrapper{border-radius:6.4px;border:2px solid #fff;background:transparent;color:#fff}.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection .FiltersButtonsContainer .ClearFilterButtonWrapper{padding:10px 16px}.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection.CategoriesHeaderSearchActive{top:0}.CategoriesHeaderSectionAltDesign .FiltersActive.ClearFilterButtonWrapper{display:block}.CategoriesHeaderSectionAltDesign .ClearSearchButton,.CategoriesHeaderSectionAltDesign .ClearSearchButtonMobile{right:30px;top:9px}.ClearFilterMobileButtonWrapper{position:absolute;right:5px;padding:8px 18px;display:inline-flex;border:1px solid #58586B;border-radius:5px;border:1px solid #FD2839;text-transform:uppercase;color:#fff;cursor:pointer;color:#FD2839;font-size:14px}.ClearFilterMobileButtonWrapper .ClearIcon svg{width:12px}.CategoriesHeaderSearchActive{position:fixed;bottom:unset;top:70px;margin-top:0}.CategoriesHeaderSearchActive .SearchContainer{background-color:white}.CategoriesHeaderSearchActive .SearchContainer .SearchWrapper .SearchInput{background-color:white;color:#000}.SearchStickTop{margin-top:0}@media(max-width: 768px){.SearchContainer{margin:auto 3% auto 0%}}.SearchBarPlaceholder{display:block;width:100%;height:46px}.SearchBarPlaceholder{display:block;width:100%;height:46px}.ClearSearchButton,.ClearSearchButtonMobile{cursor:pointer;position:absolute;right:14px;top:11px}.ClearSearchButton .CloseIconContainer,.ClearSearchButtonMobile .CloseIconContainer{width:25px;height:25px}.ClearSearchButton .CloseIconWrapper,.ClearSearchButtonMobile .CloseIconWrapper{height:25px;width:3px;margin-left:12px;background-color:#FFF;transform:rotate(45deg);Z-index:1}.ClearSearchButton .CloseIcon,.ClearSearchButtonMobile .CloseIcon{height:25px;width:3px;background-color:#FFF;transform:rotate(90deg);Z-index:2}.SearchContainer .CloseIconWrapper,.SearchContainer .CloseIcon{background-color:#FD2839}.ClearSearchButtonMobile{display:none}.CategoriesHeaderSearchActive .ClearSearchButtonMobile{display:block}.CategoriesHeaderSearchActive .ClearSearchButtonMobile .CloseIconWrapper,.CategoriesHeaderSearchActive .ClearSearchButtonMobile .CloseIcon{background-color:#FD2839}</style>`;
+    		this.shadowRoot.innerHTML = `<style>*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;font-family:'Helvetica Neue', 'Helvetica', sans-serif}.CategoriesLobby{margin:0 auto;padding:0 10px}.PanicSectionMobile{flex-direction:column;margin-bottom:40px}.PanicSection{display:flex;justify-content:center;align-items:center;gap:10px}.PanicText{display:flex;justify-content:center;align-items:center;gap:10px}p{font-size:16px;color:#fff}.PanicButton{border-radius:2px;border:1px solid #D0046C;background-color:#D0046C;width:240px;height:48px;color:#fff;cursor:pointer}[type="search"]{appearance:none}.SrOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.CategoryContainer{display:block}.SearchLoading{color:#fff;font-size:14.4px;margin-top:16px;text-align:center}.SearchContainer{flex:3;width:100%;max-width:640px;margin:0 auto}.SearchContainer.SearchTruncated{margin:auto 5% auto 15%}.SearchContainer.SearchTruncated .SearchInput{tabindex:999;padding:20px 12px 20px 40px}.SearchContainer .SearchWrapper{position:relative;display:flex;color:#c7d2fe}.SearchContainer .SearchWrapper .SearchIcon{position:absolute;display:flex;align-items:center;top:0;bottom:0;left:0;padding-left:8px;pointer-events:none}.SearchContainer .SearchWrapper .SearchIcon svg{width:25.6px;height:25.6px;display:block;vertical-align:middle;fill:#c7d2fe}.SearchContainer .SearchWrapper .SearchInput{width:100%;display:block;padding:12px 12px 12px 40px;border-radius:6.4px;border-color:transparent;font-size:16px;background-color:rgba(156, 163, 175, 0.25);color:#e0e7ff}.SearchContainer .SearchWrapper .SearchInput::-webkit-search-decoration,.SearchContainer .SearchWrapper .SearchInput::-webkit-search-cancel-button,.SearchContainer .SearchWrapper .SearchInput::-webkit-search-results-button,.SearchContainer .SearchWrapper .SearchInput::-webkit-search-results-decoration{-webkit-appearance:none}.SearchContainer .SearchWrapper .SearchInput::placeholder{color:white}.SearchContainer .SearchWrapper .SearchInput:focus{background-color:white;color:#111827;outline:2px solid transparent;outline-offset:2px}.SearchContainer .SearchWrapper .SearchInput:focus::placeholder{color:#9ca3af}.SearchContainer .SearchWrapper:focus-within{color:#9ca3af}.SearchContainer .SearchWrapper:focus-within .SearchIcon svg{fill:#9ca3af}.FiltersButtonsContainer{display:inline-flex;flex:1;grid-gap:20px;flex-direction:row-reverse}.FilterButtonWrapper,.ClearFilterButtonWrapper{display:inline-flex;padding:10px 22px;border:1px solid #58586B;border-radius:5px;text-transform:uppercase;color:#fff;cursor:pointer}.ClearFilterButtonWrapper{border:1px solid #FD2839;color:#FD2839}.FilterIconContainer,.ClearIcon{position:relative;padding-left:5px}.FilterIconContainer{top:2px}.ClearIcon{position:relative;top:1px}.ClearIcon svg{width:14px}.FilterButtonWrapper,.ClearFilterButtonWrapper{display:inline-flex;justify-content:center;align-items:center}.NumberOfFiltersContainer{display:block;line-height:0px;border-radius:50%;border:2px solid #D0046C;background:#D0046C;color:#fff;font-size:12px;position:absolute;top:-5px;left:22px}.NumberOfFiltersContainer .NumberOfFilters{display:inline-block;padding-top:50%;padding-bottom:50%;margin-left:3px;margin-right:3px}.CategoriesHeaderSection{width:100%;display:inline-flex;flex-direction:row;margin-top:30px}.CategoriesHeaderMobileSection{position:fixed;bottom:0;left:0;flex-direction:row-reverse;z-index:1}.CategoriesHeaderMobileSection .ClearFilterButtonWrapper{display:none}.CategoriesHeaderMobileSection .SearchContainer{flex:1;max-width:unset;margin:unset;background-color:#d0056c;z-index:1}.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper{color:#fff}.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper .SearchIcon{left:25px}.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper .SearchInput{padding:12px;border-radius:0;background-color:#d0056c;color:#fff;text-align:center;opacity:1}.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper .SearchInput::placeholder,.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper .SearchInput:-ms-input-placeholder,.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper .SearchInput::-ms-input-placeholder{color:white;opacity:1}.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper path{fill:#fff}.CategoriesHeaderMobileSection .FiltersButtonsContainer{flex:1}.CategoriesHeaderMobileSection .FiltersButtonsContainer .FilterButtonWrapper{position:relative;width:100%;display:flex;flex-direction:row-reverse;border:1px solid #fff;border-radius:0;background:#fff;color:#D0046C}.CategoriesHeaderMobileSection .FiltersButtonsContainer .FilterIconContainer{position:absolute;left:40px;top:revert;padding-left:0}.CategoriesHeaderMobileSection .FiltersButtonsContainer .FilterIconContainer path{fill:#D0046C}.CategoriesHeaderMobileSection .NumberOfFiltersContainer{font-size:8px;left:15px}.CategoriesHeaderSectionAltDesign{display:block;position:relative}.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection{flex-direction:row;position:relative;margin-top:30px}.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection .SearchContainer{background-color:#07072A}.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper{justify-content:center}.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper .SearchInput{width:90%;border:1px solid #58586B;border-radius:6.4px;background-color:transparent;color:#fff;padding:12px 50px}.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper .SearchInput:active,.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper .SearchInput:focus{width:90%}.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection .FiltersButtonsContainer{position:absolute;top:64px;right:5px}.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection .FiltersButtonsContainer .FilterIconContainer{display:none}.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection .FiltersButtonsContainer .FilterButtonWrapper{border-radius:6.4px;border:2px solid #fff;background:transparent;color:#fff}.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection .FiltersButtonsContainer .ClearFilterButtonWrapper{padding:10px 16px}.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection.CategoriesHeaderSearchActive{top:0}.CategoriesHeaderSectionAltDesign .FiltersActive.ClearFilterButtonWrapper{display:block}.CategoriesHeaderSectionAltDesign .ClearSearchButton,.CategoriesHeaderSectionAltDesign .ClearSearchButtonMobile{right:30px;top:9px}.ClearFilterMobileButtonWrapper{position:absolute;right:5px;padding:8px 18px;display:inline-flex;border:1px solid #58586B;border-radius:5px;border:1px solid #FD2839;text-transform:uppercase;color:#fff;cursor:pointer;color:#FD2839;font-size:14px}.ClearFilterMobileButtonWrapper .ClearIcon svg{width:12px}.CategoriesHeaderSearchActive{position:fixed;bottom:unset;top:70px;margin-top:0}.CategoriesHeaderSearchActive .SearchContainer{background-color:white}.CategoriesHeaderSearchActive .SearchContainer .SearchWrapper .SearchInput{background-color:white;color:#000}.SearchStickTop{margin-top:0}@media(max-width: 768px){.SearchContainer{margin:auto 3% auto 0%}}.SearchBarPlaceholder{display:block;width:100%;height:46px}.SearchBarPlaceholder{display:block;width:100%;height:46px}.ClearSearchButton,.ClearSearchButtonMobile{cursor:pointer;position:absolute;right:14px;top:11px}.ClearSearchButton .CloseIconContainer,.ClearSearchButtonMobile .CloseIconContainer{width:25px;height:25px}.ClearSearchButton .CloseIconWrapper,.ClearSearchButtonMobile .CloseIconWrapper{height:25px;width:3px;margin-left:12px;background-color:#FFF;transform:rotate(45deg);Z-index:1}.ClearSearchButton .CloseIcon,.ClearSearchButtonMobile .CloseIcon{height:25px;width:3px;background-color:#FFF;transform:rotate(90deg);Z-index:2}.SearchContainer .CloseIconWrapper,.SearchContainer .CloseIcon{background-color:#FD2839}.ClearSearchButtonMobile{display:none}.CategoriesHeaderSearchActive .ClearSearchButtonMobile{display:block}.CategoriesHeaderSearchActive .ClearSearchButtonMobile .CloseIconWrapper,.CategoriesHeaderSearchActive .ClearSearchButtonMobile .CloseIcon{background-color:#FD2839}</style>`;
     		init(
     			this,
@@ -12481,11 +12492,12 @@
     				clientstyling: 5,
     				clientstylingurl: 6,
     				categorybackground: 7,
-    				visiblegames: 45,
+    				visiblegames: 46,
     				alternativesearch: 8,
     				favorites: 9,
-    				mostplayed: 46,
-    				lobbyid: 47
+    				mostplayed: 47,
+    				lobbyid: 48,
+    				containermaxwidth: 10
     			},
     			[-1, -1, -1, -1]
     		);
@@ -12516,7 +12528,8 @@
     			"alternativesearch",
     			"favorites",
     			"mostplayed",
-    			"lobbyid"
+    			"lobbyid",
+    			"containermaxwidth"
     		];
     	}
@@ -12593,7 +12606,7 @@
     	}
     	get visiblegames() {
-    		return this.$$.ctx[45];
+    		return this.$$.ctx[46];
     	}
     	set visiblegames(visiblegames) {
@@ -12620,7 +12633,7 @@
     	}
     	get mostplayed() {
-    		return this.$$.ctx[46];
+    		return this.$$.ctx[47];
     	}
     	set mostplayed(mostplayed) {
@@ -12629,13 +12642,22 @@
     	}
     	get lobbyid() {
-    		return this.$$.ctx[47];
+    		return this.$$.ctx[48];
     	}
     	set lobbyid(lobbyid) {
     		this.$set({ lobbyid });
     		flush();
     	}
+    	get containermaxwidth() {
+    		return this.$$.ctx[10];
+    	}
+    	set containermaxwidth(containermaxwidth) {
+    		this.$set({ containermaxwidth });
+    		flush();
+    	}
     }
     !customElements.get('casino-page') && customElements.define('casino-page', CasinoPage);