@everymatrix/casino-lobby 0.0.158 → 0.0.162

package/dist/casino-lobby.js

@@ -4955,19 +4955,19 @@
 
     function get_each_context$3(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[21] = list[i];
-    	child_ctx[23] = i;
+    	child_ctx[24] = list[i];
+    	child_ctx[26] = i;
     	return child_ctx;
     }
 
-    // (75:6) {#if sliderdata.length > 0}
+    // (79:6) {#if sliderdata.length > 0}
     function create_if_block$9(ctx) {
     	let each_blocks = [];
     	let each_1_lookup = new Map();
     	let each_1_anchor;
     	let each_value = /*sliderdata*/ ctx[0];
     	validate_each_argument(each_value);
-    	const get_key = ctx => /*item*/ ctx[21].id;
+    	const get_key = ctx => /*item*/ ctx[24].id;
     	validate_each_keys(ctx, each_value, get_each_context$3, get_key);
 
     	for (let i = 0; i < each_value.length; i += 1) {
@@ -4992,7 +4992,7 @@
     			insert_dev(target, each_1_anchor, anchor);
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty & /*active, sliderdata, handleClick, location, favoritesnumber*/ 87) {
+    			if (dirty & /*active, sliderdata, handleClick, location, favoritesnumber*/ 295) {
     				each_value = /*sliderdata*/ ctx[0];
     				validate_each_argument(each_value);
     				validate_each_keys(ctx, each_value, get_each_context$3, get_key);
@@ -5012,20 +5012,20 @@
     		block,
     		id: create_if_block$9.name,
     		type: "if",
-    		source: "(75:6) {#if sliderdata.length > 0}",
+    		source: "(79:6) {#if sliderdata.length > 0}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (80:12) {:else}
+    // (84:12) {:else}
     function create_else_block$6(ctx) {
-    	let t0_value = /*item*/ ctx[21].name + "";
+    	let t0_value = /*item*/ ctx[24].name + "";
     	let t0;
     	let t1;
 
-    	let t2_value = (/*item*/ ctx[21].id === "FAVORITES"
+    	let t2_value = (/*item*/ ctx[24].id === "FAVORITES"
     	? "(" + /*favoritesnumber*/ ctx[1] + ")"
     	: "") + "";
 
@@ -5043,9 +5043,9 @@
     			insert_dev(target, t2, anchor);
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty & /*sliderdata*/ 1 && t0_value !== (t0_value = /*item*/ ctx[21].name + "")) set_data_dev(t0, t0_value);
+    			if (dirty & /*sliderdata*/ 1 && t0_value !== (t0_value = /*item*/ ctx[24].name + "")) set_data_dev(t0, t0_value);
 
-    			if (dirty & /*sliderdata, favoritesnumber*/ 3 && t2_value !== (t2_value = (/*item*/ ctx[21].id === "FAVORITES"
+    			if (dirty & /*sliderdata, favoritesnumber*/ 3 && t2_value !== (t2_value = (/*item*/ ctx[24].id === "FAVORITES"
     			? "(" + /*favoritesnumber*/ ctx[1] + ")"
     			: "") + "")) set_data_dev(t2, t2_value);
     		},
@@ -5060,17 +5060,17 @@
     		block,
     		id: create_else_block$6.name,
     		type: "else",
-    		source: "(80:12) {:else}",
+    		source: "(84:12) {:else}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (78:12) {#if location === 'headerMain'}
+    // (82:12) {#if location === 'headerMain'}
     function create_if_block_1$6(ctx) {
     	let a;
-    	let t_value = /*item*/ ctx[21].label + "";
+    	let t_value = /*item*/ ctx[24].label + "";
     	let t;
     	let a_href_value;
 
@@ -5078,17 +5078,17 @@
     		c: function create() {
     			a = element("a");
     			t = text(t_value);
-    			attr_dev(a, "href", a_href_value = /*item*/ ctx[21].path);
-    			add_location(a, file$9, 78, 14, 2741);
+    			attr_dev(a, "href", a_href_value = /*item*/ ctx[24].path);
+    			add_location(a, file$9, 82, 14, 3154);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, a, anchor);
     			append_dev(a, t);
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty & /*sliderdata*/ 1 && t_value !== (t_value = /*item*/ ctx[21].label + "")) set_data_dev(t, t_value);
+    			if (dirty & /*sliderdata*/ 1 && t_value !== (t_value = /*item*/ ctx[24].label + "")) set_data_dev(t, t_value);
 
-    			if (dirty & /*sliderdata*/ 1 && a_href_value !== (a_href_value = /*item*/ ctx[21].path)) {
+    			if (dirty & /*sliderdata*/ 1 && a_href_value !== (a_href_value = /*item*/ ctx[24].path)) {
     				attr_dev(a, "href", a_href_value);
     			}
     		},
@@ -5101,14 +5101,14 @@
     		block,
     		id: create_if_block_1$6.name,
     		type: "if",
-    		source: "(78:12) {#if location === 'headerMain'}",
+    		source: "(82:12) {#if location === 'headerMain'}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (76:8) {#each sliderdata as item, index (item.id)}
+    // (80:8) {#each sliderdata as item, index (item.id)}
     function create_each_block$3(key_1, ctx) {
     	let li;
     	let t;
@@ -5124,7 +5124,7 @@
     	let if_block = current_block_type(ctx);
 
     	function click_handler_1(...args) {
-    		return /*click_handler_1*/ ctx[14](/*item*/ ctx[21], /*index*/ ctx[23], ...args);
+    		return /*click_handler_1*/ ctx[16](/*item*/ ctx[24], /*index*/ ctx[26], ...args);
     	}
 
     	const block = {
@@ -5135,8 +5135,8 @@
     			if_block.c();
     			t = space();
     			attr_dev(li, "class", "CarouselItem");
-    			toggle_class(li, "active", /*active*/ ctx[4] == /*index*/ ctx[23]);
-    			add_location(li, file$9, 76, 10, 2582);
+    			toggle_class(li, "active", /*active*/ ctx[5] == /*index*/ ctx[26]);
+    			add_location(li, file$9, 80, 10, 2995);
     			this.first = li;
     		},
     		m: function mount(target, anchor) {
@@ -5164,8 +5164,8 @@
     				}
     			}
 
-    			if (dirty & /*active, sliderdata*/ 17) {
-    				toggle_class(li, "active", /*active*/ ctx[4] == /*index*/ ctx[23]);
+    			if (dirty & /*active, sliderdata*/ 33) {
+    				toggle_class(li, "active", /*active*/ ctx[5] == /*index*/ ctx[26]);
     			}
     		},
     		d: function destroy(detaching) {
@@ -5180,7 +5180,7 @@
     		block,
     		id: create_each_block$3.name,
     		type: "each",
-    		source: "(76:8) {#each sliderdata as item, index (item.id)}",
+    		source: "(80:8) {#each sliderdata as item, index (item.id)}",
     		ctx
     	});
 
@@ -5200,6 +5200,8 @@
     	let svg1;
     	let path1;
     	let div2_class_value;
+    	let div2_style_value;
+    	let div3_class_value;
     	let mounted;
     	let dispose;
     	let if_block = /*sliderdata*/ ctx[0].length > 0 && create_if_block$9(ctx);
@@ -5223,35 +5225,44 @@
     			attr_dev(path0, "stroke-linejoin", "round");
     			attr_dev(path0, "stroke-width", "2");
     			attr_dev(path0, "d", "M15 19l-7-7 7-7");
-    			add_location(path0, file$9, 69, 8, 2311);
+    			add_location(path0, file$9, 73, 8, 2724);
     			attr_dev(svg0, "fill", "none");
     			attr_dev(svg0, "stroke", "currentColor");
     			attr_dev(svg0, "viewBox", "0 0 24 24");
     			attr_dev(svg0, "xmlns", "http://www.w3.org/2000/svg");
-    			add_location(svg0, file$9, 68, 6, 2208);
+    			add_location(svg0, file$9, 72, 6, 2621);
     			attr_dev(div0, "class", "CarouselLeftArrow");
-    			add_location(div0, file$9, 67, 4, 2138);
+    			add_location(div0, file$9, 71, 4, 2551);
     			attr_dev(ul, "class", "CarouselItems");
-    			add_location(ul, file$9, 73, 4, 2438);
+    			add_location(ul, file$9, 77, 4, 2851);
     			attr_dev(path1, "stroke-linecap", "round");
     			attr_dev(path1, "stroke-linejoin", "round");
     			attr_dev(path1, "stroke-width", "2");
     			attr_dev(path1, "d", "M9 5l7 7-7 7");
-    			add_location(path1, file$9, 89, 8, 3137);
+    			add_location(path1, file$9, 93, 8, 3550);
     			attr_dev(svg1, "fill", "none");
     			attr_dev(svg1, "stroke", "currentColor");
     			attr_dev(svg1, "viewBox", "0 0 24 24");
     			attr_dev(svg1, "xmlns", "http://www.w3.org/2000/svg");
-    			add_location(svg1, file$9, 88, 6, 3034);
+    			add_location(svg1, file$9, 92, 6, 3447);
     			attr_dev(div1, "class", "CarouselRightArrow");
-    			add_location(div1, file$9, 87, 4, 2962);
+    			add_location(div1, file$9, 91, 4, 3375);
 
-    			attr_dev(div2, "class", div2_class_value = "CarouselContainer " + (/*location*/ ctx[2] === "headerMain"
+    			attr_dev(div2, "class", div2_class_value = "CarouselContainer " + (/*isMobile*/ ctx[7] ? "CarouselContainerMobile" : "") + " " + (/*location*/ ctx[2] === "headerMain"
     			? "CarouselContainerHeaderMain"
     			: ""));
 
-    			add_location(div2, file$9, 66, 2, 2033);
-    			add_location(div3, file$9, 65, 0, 1990);
+    			attr_dev(div2, "style", div2_style_value = /*location*/ ctx[2] === "headerMain"
+    			? "max-width: auto"
+    			: `max-width: ${/*containermaxwidth*/ ctx[3]}px`);
+
+    			add_location(div2, file$9, 70, 2, 2304);
+
+    			attr_dev(div3, "class", div3_class_value = "CarouselWrapper " + (/*location*/ ctx[2] === "headerMain"
+    			? "CarouselWrapperHeaderMain"
+    			: ""));
+
+    			add_location(div3, file$9, 69, 0, 2170);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -5265,17 +5276,17 @@
     			append_dev(div2, t0);
     			append_dev(div2, ul);
     			if (if_block) if_block.m(ul, null);
-    			/*ul_binding*/ ctx[15](ul);
+    			/*ul_binding*/ ctx[17](ul);
     			append_dev(div2, t1);
     			append_dev(div2, div1);
     			append_dev(div1, svg1);
     			append_dev(svg1, path1);
-    			/*div3_binding*/ ctx[17](div3);
+    			/*div3_binding*/ ctx[19](div3);
 
     			if (!mounted) {
     				dispose = [
-    					listen_dev(div0, "click", /*click_handler*/ ctx[13], false, false, false),
-    					listen_dev(div1, "click", /*click_handler_2*/ ctx[16], false, false, false)
+    					listen_dev(div0, "click", /*click_handler*/ ctx[15], false, false, false),
+    					listen_dev(div1, "click", /*click_handler_2*/ ctx[18], false, false, false)
     				];
 
     				mounted = true;
@@ -5295,19 +5306,31 @@
     				if_block = null;
     			}
 
-    			if (dirty & /*location*/ 4 && div2_class_value !== (div2_class_value = "CarouselContainer " + (/*location*/ ctx[2] === "headerMain"
+    			if (dirty & /*location*/ 4 && div2_class_value !== (div2_class_value = "CarouselContainer " + (/*isMobile*/ ctx[7] ? "CarouselContainerMobile" : "") + " " + (/*location*/ ctx[2] === "headerMain"
     			? "CarouselContainerHeaderMain"
     			: ""))) {
     				attr_dev(div2, "class", div2_class_value);
     			}
+
+    			if (dirty & /*location, containermaxwidth*/ 12 && div2_style_value !== (div2_style_value = /*location*/ ctx[2] === "headerMain"
+    			? "max-width: auto"
+    			: `max-width: ${/*containermaxwidth*/ ctx[3]}px`)) {
+    				attr_dev(div2, "style", div2_style_value);
+    			}
+
+    			if (dirty & /*location*/ 4 && div3_class_value !== (div3_class_value = "CarouselWrapper " + (/*location*/ ctx[2] === "headerMain"
+    			? "CarouselWrapperHeaderMain"
+    			: ""))) {
+    				attr_dev(div3, "class", div3_class_value);
+    			}
     		},
     		i: noop$1,
     		o: noop$1,
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(div3);
     			if (if_block) if_block.d();
-    			/*ul_binding*/ ctx[15](null);
-    			/*div3_binding*/ ctx[17](null);
+    			/*ul_binding*/ ctx[17](null);
+    			/*div3_binding*/ ctx[19](null);
     			mounted = false;
     			run_all(dispose);
     		}
@@ -5334,6 +5357,9 @@
     	let { clientstyling = "" } = $$props;
     	let { clientstylingurl = "" } = $$props;
     	let { identity = "" } = $$props;
+    	let { containermaxwidth = "" } = $$props;
+    	let userAgent = window.navigator.userAgent;
+    	let isMobile = getDevice(userAgent) === "PC" ? false : true;
     	let carousel;
     	let active;
     	let customStylingContainer;
@@ -5341,13 +5367,13 @@
     	// Clicking on the slider item will trigger this method and send a postmessage on window
     	// @TODO itemId type fix
     	let handleClick = (itemId, index) => {
-    		$$invalidate(4, active = index);
+    		$$invalidate(5, active = index);
     		window.postMessage({ type: onclickeventname, itemId, index }, window.location.href);
     	};
 
     	const messageHandler = e => {
     		if (e.data && e.data.type == "SetSliderIndex") {
-    			$$invalidate(4, active = e.data.categoryData
+    			$$invalidate(5, active = e.data.categoryData
     			? sliderdata.map(e => {
     					return e.id;
     				}).indexOf(e.data.categoryData.id)
@@ -5355,7 +5381,7 @@
     		}
 
     		if (e.data && e.data.type == `SetSliderIndex_${identity}`) {
-    			$$invalidate(4, active = e.data.index);
+    			$$invalidate(5, active = e.data.index);
     		}
     	};
 
@@ -5408,7 +5434,8 @@
     		"location",
     		"clientstyling",
     		"clientstylingurl",
-    		"identity"
+    		"identity",
+    		"containermaxwidth"
     	];
 
     	Object.keys($$props).forEach(key => {
@@ -5421,7 +5448,7 @@
     	function ul_binding($$value) {
     		binding_callbacks[$$value ? "unshift" : "push"](() => {
     			carousel = $$value;
-    			$$invalidate(3, carousel);
+    			$$invalidate(4, carousel);
     		});
     	}
 
@@ -5430,22 +5457,24 @@
     	function div3_binding($$value) {
     		binding_callbacks[$$value ? "unshift" : "push"](() => {
     			customStylingContainer = $$value;
-    			$$invalidate(5, customStylingContainer);
+    			$$invalidate(6, customStylingContainer);
     		});
     	}
 
     	$$self.$$set = $$props => {
     		if ("sliderdata" in $$props) $$invalidate(0, sliderdata = $$props.sliderdata);
-    		if ("onclickeventname" in $$props) $$invalidate(9, onclickeventname = $$props.onclickeventname);
+    		if ("onclickeventname" in $$props) $$invalidate(11, onclickeventname = $$props.onclickeventname);
     		if ("favoritesnumber" in $$props) $$invalidate(1, favoritesnumber = $$props.favoritesnumber);
     		if ("location" in $$props) $$invalidate(2, location = $$props.location);
-    		if ("clientstyling" in $$props) $$invalidate(10, clientstyling = $$props.clientstyling);
-    		if ("clientstylingurl" in $$props) $$invalidate(11, clientstylingurl = $$props.clientstylingurl);
-    		if ("identity" in $$props) $$invalidate(12, identity = $$props.identity);
+    		if ("clientstyling" in $$props) $$invalidate(12, clientstyling = $$props.clientstyling);
+    		if ("clientstylingurl" in $$props) $$invalidate(13, clientstylingurl = $$props.clientstylingurl);
+    		if ("identity" in $$props) $$invalidate(14, identity = $$props.identity);
+    		if ("containermaxwidth" in $$props) $$invalidate(3, containermaxwidth = $$props.containermaxwidth);
     	};
 
     	$$self.$capture_state = () => ({
     		onMount,
+    		getDevice,
     		sliderdata,
     		onclickeventname,
     		favoritesnumber,
@@ -5453,6 +5482,9 @@
     		clientstyling,
     		clientstylingurl,
     		identity,
+    		containermaxwidth,
+    		userAgent,
+    		isMobile,
     		carousel,
     		active,
     		customStylingContainer,
@@ -5466,18 +5498,21 @@
 
     	$$self.$inject_state = $$props => {
     		if ("sliderdata" in $$props) $$invalidate(0, sliderdata = $$props.sliderdata);
-    		if ("onclickeventname" in $$props) $$invalidate(9, onclickeventname = $$props.onclickeventname);
+    		if ("onclickeventname" in $$props) $$invalidate(11, onclickeventname = $$props.onclickeventname);
     		if ("favoritesnumber" in $$props) $$invalidate(1, favoritesnumber = $$props.favoritesnumber);
     		if ("location" in $$props) $$invalidate(2, location = $$props.location);
-    		if ("clientstyling" in $$props) $$invalidate(10, clientstyling = $$props.clientstyling);
-    		if ("clientstylingurl" in $$props) $$invalidate(11, clientstylingurl = $$props.clientstylingurl);
-    		if ("identity" in $$props) $$invalidate(12, identity = $$props.identity);
-    		if ("carousel" in $$props) $$invalidate(3, carousel = $$props.carousel);
-    		if ("active" in $$props) $$invalidate(4, active = $$props.active);
-    		if ("customStylingContainer" in $$props) $$invalidate(5, customStylingContainer = $$props.customStylingContainer);
-    		if ("handleClick" in $$props) $$invalidate(6, handleClick = $$props.handleClick);
-    		if ("scrollLeft" in $$props) $$invalidate(7, scrollLeft = $$props.scrollLeft);
-    		if ("scrollRight" in $$props) $$invalidate(8, scrollRight = $$props.scrollRight);
+    		if ("clientstyling" in $$props) $$invalidate(12, clientstyling = $$props.clientstyling);
+    		if ("clientstylingurl" in $$props) $$invalidate(13, clientstylingurl = $$props.clientstylingurl);
+    		if ("identity" in $$props) $$invalidate(14, identity = $$props.identity);
+    		if ("containermaxwidth" in $$props) $$invalidate(3, containermaxwidth = $$props.containermaxwidth);
+    		if ("userAgent" in $$props) userAgent = $$props.userAgent;
+    		if ("isMobile" in $$props) $$invalidate(7, isMobile = $$props.isMobile);
+    		if ("carousel" in $$props) $$invalidate(4, carousel = $$props.carousel);
+    		if ("active" in $$props) $$invalidate(5, active = $$props.active);
+    		if ("customStylingContainer" in $$props) $$invalidate(6, customStylingContainer = $$props.customStylingContainer);
+    		if ("handleClick" in $$props) $$invalidate(8, handleClick = $$props.handleClick);
+    		if ("scrollLeft" in $$props) $$invalidate(9, scrollLeft = $$props.scrollLeft);
+    		if ("scrollRight" in $$props) $$invalidate(10, scrollRight = $$props.scrollRight);
     	};
 
     	if ($$props && "$$inject" in $$props) {
@@ -5485,11 +5520,11 @@
     	}
 
     	$$self.$$.update = () => {
-    		if ($$self.$$.dirty & /*clientstyling*/ 1024) {
+    		if ($$self.$$.dirty & /*clientstyling*/ 4096) {
     			clientstyling && setClientStyling();
     		}
 
-    		if ($$self.$$.dirty & /*clientstylingurl*/ 2048) {
+    		if ($$self.$$.dirty & /*clientstylingurl*/ 8192) {
     			clientstylingurl && setClientStylingURL();
     		}
     	};
@@ -5498,9 +5533,11 @@
     		sliderdata,
     		favoritesnumber,
     		location,
+    		containermaxwidth,
     		carousel,
     		active,
     		customStylingContainer,
+    		isMobile,
     		handleClick,
     		scrollLeft,
     		scrollRight,
@@ -5519,7 +5556,7 @@
     class CasinoSlider 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}.CarouselContainer{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;width:100%;background:#D0046C;background:-webkit-linear-gradient(to left, #FD2839, #D0046C);background:linear-gradient(to left, #FD2839, #D0046C);color:#ffffff}.CarouselContainer .CarouselItems{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;overflow-x:scroll;list-style-type:none;-ms-overflow-style:none;scrollbar-width:none}.CarouselContainer .CarouselItems::-webkit-scrollbar{display:none}.CarouselContainer .CarouselItems .CarouselItem{display:flex;height:100%;align-items:center;padding:12.8px 19.2px;font-size:16px;text-align:center;line-height:25.6px;transition:all 150ms ease-in-out}.CarouselContainer .CarouselItems .CarouselItem:hover,.CarouselContainer .CarouselItems .CarouselItem.active{background:#07072a;cursor:pointer}.CarouselContainer .CarouselLeftArrow,.CarouselContainer .CarouselRightArrow{display:flex;align-items:center;justify-content:center;width:50%;max-width:64px;background:rgba(255, 255, 255, 0.3)}.CarouselContainer .CarouselLeftArrow svg,.CarouselContainer .CarouselRightArrow svg{width:100%;max-width:38.4px}.CarouselContainer .CarouselLeftArrow:hover,.CarouselContainer .CarouselRightArrow:hover{cursor:pointer}.CarouselContainerHeaderMain .CarouselItems .CarouselItem:hover,.CarouselContainerHeaderMain .CarouselItems .CarouselItem.active{background:transparent}.CarouselContainerHeaderMain .CarouselItems .CarouselItem:hover a,.CarouselContainerHeaderMain .CarouselItems .CarouselItem.active a{border-top:1px solid #D0046C;color:#D0046C}.CarouselContainerHeaderMain{background:transparent}.CarouselContainerHeaderMain .CarouselLeftArrow,.CarouselContainerHeaderMain .CarouselRightArrow{background:transparent;width:unset;display:none}.CarouselContainerHeaderMain .CarouselItem a{color:#fff;text-decoration:none}@media only screen and (max-width: 1024px){.CarouselContainerHeaderMain .CarouselLeftArrow,.CarouselContainerHeaderMain .CarouselRightArrow{display:flex}}</style>`;
+    		this.shadowRoot.innerHTML = `<style>*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;font-family:'Helvetica Neue', 'Helvetica', sans-serif}.CarouselWrapper{background:#D0046C;background:-webkit-linear-gradient(to left, #FD2839, #D0046C);background:linear-gradient(to left, #FD2839, #D0046C)}.CarouselWrapper.CarouselWrapperHeaderMain{background:transparent}.CarouselContainer{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;width:100%;color:#ffffff;margin:0 auto;padding:0 10px}.CarouselContainer.CarouselContainerMobile{padding:0}.CarouselContainer .CarouselItems{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;overflow-x:scroll;list-style-type:none;-ms-overflow-style:none;scrollbar-width:none}.CarouselContainer .CarouselItems::-webkit-scrollbar{display:none}.CarouselContainer .CarouselItems .CarouselItem{display:flex;height:100%;align-items:center;padding:12.8px 19.2px;font-size:16px;text-align:center;line-height:25.6px;transition:all 150ms ease-in-out;white-space:nowrap}.CarouselContainer .CarouselItems .CarouselItem:hover,.CarouselContainer .CarouselItems .CarouselItem.active{background:#07072a;cursor:pointer}.CarouselContainer .CarouselLeftArrow,.CarouselContainer .CarouselRightArrow{display:flex;align-items:center;justify-content:center;width:50%;max-width:64px;background:rgba(255, 255, 255, 0.3)}.CarouselContainer .CarouselLeftArrow svg,.CarouselContainer .CarouselRightArrow svg{width:100%;max-width:38.4px}.CarouselContainer .CarouselLeftArrow:hover,.CarouselContainer .CarouselRightArrow:hover{cursor:pointer}.CarouselContainerHeaderMain .CarouselItems .CarouselItem:hover,.CarouselContainerHeaderMain .CarouselItems .CarouselItem.active{background:transparent}.CarouselContainerHeaderMain .CarouselItems .CarouselItem:hover a,.CarouselContainerHeaderMain .CarouselItems .CarouselItem.active a{border-top:1px solid #D0046C;color:#D0046C}.CarouselContainerHeaderMain{background:transparent;margin:0;padding:0}.CarouselContainerHeaderMain .CarouselLeftArrow,.CarouselContainerHeaderMain .CarouselRightArrow{background:transparent;width:unset;display:none}.CarouselContainerHeaderMain .CarouselItem a{color:#fff;text-decoration:none}@media only screen and (max-width: 1024px){.CarouselContainerHeaderMain .CarouselLeftArrow,.CarouselContainerHeaderMain .CarouselRightArrow{display:flex}}</style>`;
 
     		init(
     			this,
@@ -5533,12 +5570,13 @@
     			safe_not_equal,
     			{
     				sliderdata: 0,
-    				onclickeventname: 9,
+    				onclickeventname: 11,
     				favoritesnumber: 1,
     				location: 2,
-    				clientstyling: 10,
-    				clientstylingurl: 11,
-    				identity: 12
+    				clientstyling: 12,
+    				clientstylingurl: 13,
+    				identity: 14,
+    				containermaxwidth: 3
     			}
     		);
 
@@ -5562,7 +5600,8 @@
     			"location",
     			"clientstyling",
     			"clientstylingurl",
-    			"identity"
+    			"identity",
+    			"containermaxwidth"
     		];
     	}
 
@@ -5576,7 +5615,7 @@
     	}
 
     	get onclickeventname() {
-    		return this.$$.ctx[9];
+    		return this.$$.ctx[11];
     	}
 
     	set onclickeventname(onclickeventname) {
@@ -5603,7 +5642,7 @@
     	}
 
     	get clientstyling() {
-    		return this.$$.ctx[10];
+    		return this.$$.ctx[12];
     	}
 
     	set clientstyling(clientstyling) {
@@ -5612,7 +5651,7 @@
     	}
 
     	get clientstylingurl() {
-    		return this.$$.ctx[11];
+    		return this.$$.ctx[13];
     	}
 
     	set clientstylingurl(clientstylingurl) {
@@ -5621,13 +5660,22 @@
     	}
 
     	get identity() {
-    		return this.$$.ctx[12];
+    		return this.$$.ctx[14];
     	}
 
     	set identity(identity) {
     		this.$set({ identity });
     		flush();
     	}
+
+    	get containermaxwidth() {
+    		return this.$$.ctx[3];
+    	}
+
+    	set containermaxwidth(containermaxwidth) {
+    		this.$set({ containermaxwidth });
+    		flush();
+    	}
     }
 
     !customElements.get('casino-slider') && customElements.define('casino-slider', CasinoSlider);
@@ -5637,7 +5685,7 @@
     const { console: console_1$7 } = globals;
     const file$8 = "../casino-categories-slider/src/CasinoCategoriesSlider.svelte";
 
-    // (186:4) {:else}
+    // (187:4) {:else}
     function create_else_block$5(ctx) {
     	let div;
     	let casino_slider;
@@ -5646,26 +5694,27 @@
     		c: function create() {
     			div = element("div");
     			casino_slider = element("casino-slider");
-    			set_custom_element_data(casino_slider, "favoritesnumber", /*numberOfFavoredGames*/ ctx[6]);
-    			set_custom_element_data(casino_slider, "sliderdata", /*categories*/ ctx[3]);
+    			set_custom_element_data(casino_slider, "favoritesnumber", /*numberOfFavoredGames*/ ctx[7]);
+    			set_custom_element_data(casino_slider, "sliderdata", /*categories*/ ctx[4]);
     			set_custom_element_data(casino_slider, "clientstyling", /*clientstyling*/ ctx[0]);
     			set_custom_element_data(casino_slider, "clientstylingurl", /*clientstylingurl*/ ctx[1]);
+    			set_custom_element_data(casino_slider, "containermaxwidth", /*containermaxwidth*/ ctx[2]);
     			set_custom_element_data(casino_slider, "onclickeventname", "CategoryChange");
-    			add_location(casino_slider, file$8, 187, 8, 6019);
+    			add_location(casino_slider, file$8, 188, 8, 6054);
     			attr_dev(div, "class", "CasinoCategoriesContainer");
-    			add_location(div, file$8, 186, 6, 5971);
+    			add_location(div, file$8, 187, 6, 6006);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
     			append_dev(div, casino_slider);
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty & /*numberOfFavoredGames*/ 64) {
-    				set_custom_element_data(casino_slider, "favoritesnumber", /*numberOfFavoredGames*/ ctx[6]);
+    			if (dirty & /*numberOfFavoredGames*/ 128) {
+    				set_custom_element_data(casino_slider, "favoritesnumber", /*numberOfFavoredGames*/ ctx[7]);
     			}
 
-    			if (dirty & /*categories*/ 8) {
-    				set_custom_element_data(casino_slider, "sliderdata", /*categories*/ ctx[3]);
+    			if (dirty & /*categories*/ 16) {
+    				set_custom_element_data(casino_slider, "sliderdata", /*categories*/ ctx[4]);
     			}
 
     			if (dirty & /*clientstyling*/ 1) {
@@ -5675,6 +5724,10 @@
     			if (dirty & /*clientstylingurl*/ 2) {
     				set_custom_element_data(casino_slider, "clientstylingurl", /*clientstylingurl*/ ctx[1]);
     			}
+
+    			if (dirty & /*containermaxwidth*/ 4) {
+    				set_custom_element_data(casino_slider, "containermaxwidth", /*containermaxwidth*/ ctx[2]);
+    			}
     		},
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(div);
@@ -5685,14 +5738,14 @@
     		block,
     		id: create_else_block$5.name,
     		type: "else",
-    		source: "(186:4) {:else}",
+    		source: "(187:4) {:else}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (184:4) {#if hasErrors}
+    // (185:4) {#if hasErrors}
     function create_if_block_1$5(ctx) {
     	let p;
 
@@ -5701,7 +5754,7 @@
     			p = element("p");
     			p.textContent = "500 Error - Internal Server Error.";
     			attr_dev(p, "class", "SearchLoading");
-    			add_location(p, file$8, 184, 6, 5889);
+    			add_location(p, file$8, 185, 6, 5924);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -5716,14 +5769,14 @@
     		block,
     		id: create_if_block_1$5.name,
     		type: "if",
-    		source: "(184:4) {#if hasErrors}",
+    		source: "(185:4) {#if hasErrors}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (181:2) {#if isLoading}
+    // (182:2) {#if isLoading}
     function create_if_block$8(ctx) {
     	let p;
 
@@ -5731,7 +5784,7 @@
     		c: function create() {
     			p = element("p");
     			p.textContent = "Please wait ...";
-    			add_location(p, file$8, 181, 4, 5830);
+    			add_location(p, file$8, 182, 4, 5865);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -5746,7 +5799,7 @@
     		block,
     		id: create_if_block$8.name,
     		type: "if",
-    		source: "(181:2) {#if isLoading}",
+    		source: "(182:2) {#if isLoading}",
     		ctx
     	});
 
@@ -5757,8 +5810,8 @@
     	let div;
 
     	function select_block_type(ctx, dirty) {
-    		if (/*isLoading*/ ctx[2]) return create_if_block$8;
-    		if (/*hasErrors*/ ctx[4]) return create_if_block_1$5;
+    		if (/*isLoading*/ ctx[3]) return create_if_block$8;
+    		if (/*hasErrors*/ ctx[5]) return create_if_block_1$5;
     		return create_else_block$5;
     	}
 
@@ -5770,7 +5823,7 @@
     			div = element("div");
     			if_block.c();
     			this.c = noop$1;
-    			add_location(div, file$8, 179, 0, 5767);
+    			add_location(div, file$8, 180, 0, 5802);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -5778,7 +5831,7 @@
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
     			if_block.m(div, null);
-    			/*div_binding*/ ctx[13](div);
+    			/*div_binding*/ ctx[14](div);
     		},
     		p: function update(ctx, [dirty]) {
     			if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block) {
@@ -5798,7 +5851,7 @@
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(div);
     			if_block.d();
-    			/*div_binding*/ ctx[13](null);
+    			/*div_binding*/ ctx[14](null);
     		}
     	};
 
@@ -5825,6 +5878,7 @@
     	let { favorites = "" } = $$props; // True - add Favorites category in slider
     	let { clientstyling = "" } = $$props;
     	let { clientstylingurl = "" } = $$props;
+    	let { containermaxwidth = "" } = $$props;
 
     	// Player logged-in/logged-out status & session
     	let sessionID = "";
@@ -5846,10 +5900,10 @@
     		if (e.data) {
     			switch (e.data.type) {
     				case "UpdateCategoryFavoriteGames":
-    					$$invalidate(6, numberOfFavoredGames = e.data.receivedFavoriteResults.count);
+    					$$invalidate(7, numberOfFavoredGames = e.data.receivedFavoriteResults.count);
     					break;
     				case "ShowFavoriteSection":
-    					$$invalidate(6, numberOfFavoredGames = e.data.receivedFavoriteResults.count);
+    					$$invalidate(7, numberOfFavoredGames = e.data.receivedFavoriteResults.count);
     					break;
     				case "UserSessionID":
     					if (e.data.session) {
@@ -5882,7 +5936,7 @@
     		}
 
     		favoritesAdded = true;
-    		$$invalidate(2, isLoading = false);
+    		$$invalidate(3, isLoading = false);
     	};
 
     	const addMostPlayedCategory = () => {
@@ -5897,28 +5951,28 @@
     		}
 
     		mostPlayedAdded = true;
-    		$$invalidate(2, isLoading = false);
+    		$$invalidate(3, isLoading = false);
     	};
 
     	const checkAttrs = () => {
     		if (!endpoint) {
     			error = "Endpoint is missing! Please provide a valid endpointURL.";
-    			$$invalidate(4, hasErrors = true);
-    			$$invalidate(2, isLoading = false);
+    			$$invalidate(5, hasErrors = true);
+    			$$invalidate(3, isLoading = false);
     			console.error(error);
     		}
 
     		if (!datasource) {
     			error = "Datasource is missing! Please provide a valid datasource.";
-    			$$invalidate(4, hasErrors = true);
-    			$$invalidate(2, isLoading = false);
+    			$$invalidate(5, hasErrors = true);
+    			$$invalidate(3, isLoading = false);
     			console.error(error);
     		}
 
     		if (!lang || lang.length != 2) {
     			error = "Language is missing! Please provide a valid language (alpha2code)";
-    			$$invalidate(4, hasErrors = true);
-    			$$invalidate(2, isLoading = false);
+    			$$invalidate(5, hasErrors = true);
+    			$$invalidate(3, isLoading = false);
     			console.error(error);
     		}
 
@@ -5927,7 +5981,7 @@
 
     	const initialLoad = () => {
     		if (!checkAttrs()) {
-    			$$invalidate(2, isLoading = true);
+    			$$invalidate(3, isLoading = true);
     			let url = new URL(`${endpoint}/casino/groups/${datasource}`);
     			url.searchParams.append("datasource", datasource);
 
@@ -5942,7 +5996,7 @@
     						return item.games.total > 0;
     					});
 
-    					$$invalidate(3, categories = categories.concat(arr));
+    					$$invalidate(4, categories = categories.concat(arr));
 
     					// @TODO Translation for lobby
     					categories.unshift({
@@ -5953,14 +6007,14 @@
     					});
 
     					window.postMessage({ type: "CategoriesLoadedForSlider" }, window.location.href);
-    					$$invalidate(2, isLoading = false);
+    					$$invalidate(3, isLoading = false);
     				},
     				err => {
-    					$$invalidate(4, hasErrors = true);
+    					$$invalidate(5, hasErrors = true);
     					console.error("There was an error while fetching the categories", err);
     				}
     			).catch(err => {
-    				$$invalidate(4, hasErrors = true);
+    				$$invalidate(5, hasErrors = true);
     				console.error("There was an error while fetching the categories", err);
     			});
     		}
@@ -6017,7 +6071,8 @@
     		"mostplayed",
     		"favorites",
     		"clientstyling",
-    		"clientstylingurl"
+    		"clientstylingurl",
+    		"containermaxwidth"
     	];
 
     	Object.keys($$props).forEach(key => {
@@ -6027,19 +6082,20 @@
     	function div_binding($$value) {
     		binding_callbacks[$$value ? "unshift" : "push"](() => {
     			customStylingContainer = $$value;
-    			$$invalidate(5, customStylingContainer);
+    			$$invalidate(6, customStylingContainer);
     		});
     	}
 
     	$$self.$$set = $$props => {
-    		if ("endpoint" in $$props) $$invalidate(7, endpoint = $$props.endpoint);
-    		if ("datasource" in $$props) $$invalidate(8, datasource = $$props.datasource);
-    		if ("lang" in $$props) $$invalidate(9, lang = $$props.lang);
-    		if ("session" in $$props) $$invalidate(10, session = $$props.session);
-    		if ("mostplayed" in $$props) $$invalidate(11, mostplayed = $$props.mostplayed);
-    		if ("favorites" in $$props) $$invalidate(12, favorites = $$props.favorites);
+    		if ("endpoint" in $$props) $$invalidate(8, endpoint = $$props.endpoint);
+    		if ("datasource" in $$props) $$invalidate(9, datasource = $$props.datasource);
+    		if ("lang" in $$props) $$invalidate(10, lang = $$props.lang);
+    		if ("session" in $$props) $$invalidate(11, session = $$props.session);
+    		if ("mostplayed" in $$props) $$invalidate(12, mostplayed = $$props.mostplayed);
+    		if ("favorites" in $$props) $$invalidate(13, favorites = $$props.favorites);
     		if ("clientstyling" in $$props) $$invalidate(0, clientstyling = $$props.clientstyling);
     		if ("clientstylingurl" in $$props) $$invalidate(1, clientstylingurl = $$props.clientstylingurl);
+    		if ("containermaxwidth" in $$props) $$invalidate(2, containermaxwidth = $$props.containermaxwidth);
     	};
 
     	$$self.$capture_state = () => ({
@@ -6054,6 +6110,7 @@
     		favorites,
     		clientstyling,
     		clientstylingurl,
+    		containermaxwidth,
     		sessionID,
     		isLoggedIn,
     		playerID,
@@ -6078,25 +6135,26 @@
     	});
 
     	$$self.$inject_state = $$props => {
-    		if ("endpoint" in $$props) $$invalidate(7, endpoint = $$props.endpoint);
-    		if ("datasource" in $$props) $$invalidate(8, datasource = $$props.datasource);
-    		if ("lang" in $$props) $$invalidate(9, lang = $$props.lang);
-    		if ("session" in $$props) $$invalidate(10, session = $$props.session);
-    		if ("mostplayed" in $$props) $$invalidate(11, mostplayed = $$props.mostplayed);
-    		if ("favorites" in $$props) $$invalidate(12, favorites = $$props.favorites);
+    		if ("endpoint" in $$props) $$invalidate(8, endpoint = $$props.endpoint);
+    		if ("datasource" in $$props) $$invalidate(9, datasource = $$props.datasource);
+    		if ("lang" in $$props) $$invalidate(10, lang = $$props.lang);
+    		if ("session" in $$props) $$invalidate(11, session = $$props.session);
+    		if ("mostplayed" in $$props) $$invalidate(12, mostplayed = $$props.mostplayed);
+    		if ("favorites" in $$props) $$invalidate(13, favorites = $$props.favorites);
     		if ("clientstyling" in $$props) $$invalidate(0, clientstyling = $$props.clientstyling);
     		if ("clientstylingurl" in $$props) $$invalidate(1, clientstylingurl = $$props.clientstylingurl);
+    		if ("containermaxwidth" in $$props) $$invalidate(2, containermaxwidth = $$props.containermaxwidth);
     		if ("sessionID" in $$props) sessionID = $$props.sessionID;
     		if ("isLoggedIn" in $$props) isLoggedIn = $$props.isLoggedIn;
     		if ("playerID" in $$props) playerID = $$props.playerID;
-    		if ("isLoading" in $$props) $$invalidate(2, isLoading = $$props.isLoading);
-    		if ("categories" in $$props) $$invalidate(3, categories = $$props.categories);
-    		if ("hasErrors" in $$props) $$invalidate(4, hasErrors = $$props.hasErrors);
+    		if ("isLoading" in $$props) $$invalidate(3, isLoading = $$props.isLoading);
+    		if ("categories" in $$props) $$invalidate(4, categories = $$props.categories);
+    		if ("hasErrors" in $$props) $$invalidate(5, hasErrors = $$props.hasErrors);
     		if ("userAgent" in $$props) userAgent = $$props.userAgent;
     		if ("favoritesTitle" in $$props) favoritesTitle = $$props.favoritesTitle;
-    		if ("customStylingContainer" in $$props) $$invalidate(5, customStylingContainer = $$props.customStylingContainer);
+    		if ("customStylingContainer" in $$props) $$invalidate(6, customStylingContainer = $$props.customStylingContainer);
     		if ("reworkedFavoriteGamesCollection" in $$props) reworkedFavoriteGamesCollection = $$props.reworkedFavoriteGamesCollection;
-    		if ("numberOfFavoredGames" in $$props) $$invalidate(6, numberOfFavoredGames = $$props.numberOfFavoredGames);
+    		if ("numberOfFavoredGames" in $$props) $$invalidate(7, numberOfFavoredGames = $$props.numberOfFavoredGames);
     		if ("favoritesAdded" in $$props) favoritesAdded = $$props.favoritesAdded;
     		if ("mostPlayedAdded" in $$props) mostPlayedAdded = $$props.mostPlayedAdded;
     	};
@@ -6106,19 +6164,19 @@
     	}
 
     	$$self.$$.update = () => {
-    		if ($$self.$$.dirty & /*endpoint, datasource, lang*/ 896) {
+    		if ($$self.$$.dirty & /*endpoint, datasource, lang*/ 1792) {
     			endpoint && datasource && lang && initialLoad();
     		}
 
-    		if ($$self.$$.dirty & /*session, endpoint*/ 1152) {
+    		if ($$self.$$.dirty & /*session, endpoint*/ 2304) {
     			session && endpoint && setSession();
     		}
 
-    		if ($$self.$$.dirty & /*session, favorites*/ 5120) {
+    		if ($$self.$$.dirty & /*session, favorites*/ 10240) {
     			session && favorites && addFavoritesCategory();
     		}
 
-    		if ($$self.$$.dirty & /*session, mostplayed*/ 3072) {
+    		if ($$self.$$.dirty & /*session, mostplayed*/ 6144) {
     			session && mostplayed && addMostPlayedCategory();
     		}
 
@@ -6131,11 +6189,12 @@
     		}
     	};
 
-    	$$invalidate(6, numberOfFavoredGames = 0);
+    	$$invalidate(7, numberOfFavoredGames = 0);
 
     	return [
     		clientstyling,
     		clientstylingurl,
+    		containermaxwidth,
     		isLoading,
     		categories,
     		hasErrors,
@@ -6167,14 +6226,15 @@
     			create_fragment$8,
     			safe_not_equal,
     			{
-    				endpoint: 7,
-    				datasource: 8,
-    				lang: 9,
-    				session: 10,
-    				mostplayed: 11,
-    				favorites: 12,
+    				endpoint: 8,
+    				datasource: 9,
+    				lang: 10,
+    				session: 11,
+    				mostplayed: 12,
+    				favorites: 13,
     				clientstyling: 0,
-    				clientstylingurl: 1
+    				clientstylingurl: 1,
+    				containermaxwidth: 2
     			}
     		);
 
@@ -6199,12 +6259,13 @@
     			"mostplayed",
     			"favorites",
     			"clientstyling",
-    			"clientstylingurl"
+    			"clientstylingurl",
+    			"containermaxwidth"
     		];
     	}
 
     	get endpoint() {
-    		return this.$$.ctx[7];
+    		return this.$$.ctx[8];
     	}
 
     	set endpoint(endpoint) {
@@ -6213,7 +6274,7 @@
     	}
 
     	get datasource() {
-    		return this.$$.ctx[8];
+    		return this.$$.ctx[9];
     	}
 
     	set datasource(datasource) {
@@ -6222,7 +6283,7 @@
     	}
 
     	get lang() {
-    		return this.$$.ctx[9];
+    		return this.$$.ctx[10];
     	}
 
     	set lang(lang) {
@@ -6231,7 +6292,7 @@
     	}
 
     	get session() {
-    		return this.$$.ctx[10];
+    		return this.$$.ctx[11];
     	}
 
     	set session(session) {
@@ -6240,7 +6301,7 @@
     	}
 
     	get mostplayed() {
-    		return this.$$.ctx[11];
+    		return this.$$.ctx[12];
     	}
 
     	set mostplayed(mostplayed) {
@@ -6249,7 +6310,7 @@
     	}
 
     	get favorites() {
-    		return this.$$.ctx[12];
+    		return this.$$.ctx[13];
     	}
 
     	set favorites(favorites) {
@@ -6274,6 +6335,15 @@
     		this.$set({ clientstylingurl });
     		flush();
     	}
+
+    	get containermaxwidth() {
+    		return this.$$.ctx[2];
+    	}
+
+    	set containermaxwidth(containermaxwidth) {
+    		this.$set({ containermaxwidth });
+    		flush();
+    	}
     }
 
     !customElements.get('casino-categories-slider') && customElements.define('casino-categories-slider', CasinoCategoriesSlider);
@@ -10848,17 +10918,17 @@
 
     function get_each_context$1(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$3(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;
@@ -10874,17 +10944,17 @@
     	let if_block2 = current_block_type(ctx);
 
     	function select_block_type_2(ctx, dirty) {
-    		if (/*isLoading*/ ctx[11]) return create_if_block_2$2;
-    		if (/*searched*/ ctx[18]) return create_if_block_3$2;
-    		if (/*lobbyScreen*/ ctx[20]) return create_if_block_4$2;
-    		if (/*favoritesScreen*/ ctx[16]) return create_if_block_5$1;
-    		if (/*mostPlayedScreen*/ ctx[21]) return create_if_block_6$1;
-    		if (!/*recentSearches*/ ctx[17]) return create_if_block_8$1;
+    		if (/*isLoading*/ ctx[12]) return create_if_block_2$2;
+    		if (/*searched*/ ctx[19]) return create_if_block_3$2;
+    		if (/*lobbyScreen*/ ctx[21]) return create_if_block_4$2;
+    		if (/*favoritesScreen*/ ctx[17]) return create_if_block_5$1;
+    		if (/*mostPlayedScreen*/ ctx[22]) return create_if_block_6$1;
+    		if (!/*recentSearches*/ ctx[18]) return create_if_block_8$1;
     	}
 
     	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$2(ctx);
+    	let if_block4 = /*isLoggedIn*/ ctx[14] && create_if_block_1$2(ctx);
 
     	const block = {
     		c: function create() {
@@ -10899,7 +10969,8 @@
     			t3 = space();
     			if (if_block4) if_block4.c();
     			attr_dev(section, "class", "CategoriesLobby");
-    			add_location(section, file$5, 654, 2, 22487);
+    			set_style(section, "max-width", /*containermaxwidth*/ ctx[10] + "px");
+    			add_location(section, file$5, 655, 2, 22522);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, section, anchor);
@@ -10912,10 +10983,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 {
@@ -10928,7 +10999,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) {
@@ -10967,7 +11038,7 @@
     				}
     			}
 
-    			if (/*isLoggedIn*/ ctx[13]) {
+    			if (/*isLoggedIn*/ ctx[14]) {
     				if (if_block4) {
     					if_block4.p(ctx, dirty);
     				} else {
@@ -10979,6 +11050,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);
@@ -10991,7 +11066,7 @@
     			}
 
     			if (if_block4) if_block4.d();
-    			/*section_binding*/ ctx[64](null);
+    			/*section_binding*/ ctx[65](null);
     		}
     	};
 
@@ -10999,14 +11074,14 @@
     		block,
     		id: create_else_block$3.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$5(ctx) {
     	let p;
 
@@ -11015,7 +11090,7 @@
     			p = element("p");
     			p.textContent = "500 Error - Internal Server Error";
     			attr_dev(p, "class", "SearchLoading");
-    			add_location(p, file$5, 652, 2, 22414);
+    			add_location(p, file$5, 653, 2, 22449);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -11030,14 +11105,14 @@
     		block,
     		id: create_if_block$5.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;
 
@@ -11045,7 +11120,7 @@
     		c: function create() {
     			div = element("div");
     			attr_dev(div, "class", "SearchBarPlaceholder");
-    			add_location(div, file$5, 656, 6, 22665);
+    			add_location(div, file$5, 657, 6, 22742);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -11059,14 +11134,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;
@@ -11087,7 +11162,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$5, 664, 14, 23269);
+    			add_location(polygon, file$5, 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");
@@ -11097,13 +11172,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$5, 662, 12, 23014);
+    			add_location(svg, file$5, 663, 12, 23091);
     			attr_dev(span, "class", "ClearIcon");
-    			add_location(span, file$5, 661, 10, 22977);
+    			add_location(span, file$5, 662, 10, 23054);
     			attr_dev(div0, "class", "ClearButton");
-    			add_location(div0, file$5, 660, 8, 22936);
+    			add_location(div0, file$5, 661, 8, 23013);
     			attr_dev(div1, "class", "ClearFilterMobileButtonWrapper");
-    			add_location(div1, file$5, 659, 6, 22844);
+    			add_location(div1, file$5, 660, 6, 22921);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div1, anchor);
@@ -11114,7 +11189,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;
     			}
     		},
@@ -11130,14 +11205,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$1(ctx) {
     	let div2;
     	let div1;
@@ -11148,15 +11223,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() {
@@ -11175,40 +11250,40 @@
     			if (if_block2) if_block2.c();
     			attr_dev(label, "for", "search");
     			attr_dev(label, "class", "SrOnly");
-    			add_location(label, file$5, 734, 10, 28620);
+    			add_location(label, file$5, 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$5, 743, 12, 29176);
+    			add_location(input, file$5, 744, 12, 29253);
     			attr_dev(div0, "class", "SearchWrapper");
-    			add_location(div0, file$5, 735, 10, 28693);
+    			add_location(div0, file$5, 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$5, 733, 8, 28478);
+    			add_location(div1, file$5, 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$5, 731, 6, 27959);
+    			add_location(div2, file$5, 732, 6, 28036);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div2, anchor);
@@ -11219,27 +11294,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();
@@ -11250,17 +11325,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) {
@@ -11275,13 +11350,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 {
@@ -11294,20 +11369,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"
     				: "");
     			}
@@ -11315,10 +11390,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);
     		}
@@ -11328,14 +11403,14 @@
     		block,
     		id: create_else_block_2$1.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$1(ctx) {
     	let div2;
     	let div1;
@@ -11346,15 +11421,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$1(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$1(ctx);
 
     	const block = {
     		c: function create() {
@@ -11373,40 +11448,40 @@
     			if (if_block2) if_block2.c();
     			attr_dev(label, "for", "search");
     			attr_dev(label, "class", "SrOnly");
-    			add_location(label, file$5, 677, 10, 24277);
+    			add_location(label, file$5, 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$5, 686, 12, 24833);
+    			add_location(input, file$5, 687, 12, 24910);
     			attr_dev(div0, "class", "SearchWrapper");
-    			add_location(div0, file$5, 678, 10, 24350);
+    			add_location(div0, file$5, 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$5, 676, 8, 24135);
+    			add_location(div1, file$5, 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$5, 674, 6, 23648);
+    			add_location(div2, file$5, 675, 6, 23725);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div2, anchor);
@@ -11417,27 +11492,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();
@@ -11448,17 +11523,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) {
@@ -11473,13 +11548,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 {
@@ -11492,20 +11567,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"
     				: "");
     			}
@@ -11513,10 +11588,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);
     		}
@@ -11526,14 +11601,14 @@
     		block,
     		id: create_if_block_9$1.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;
@@ -11547,14 +11622,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$5, 739, 18, 28936);
+    			add_location(path, file$5, 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$5, 738, 16, 28818);
+    			add_location(svg, file$5, 739, 16, 28895);
     			attr_dev(div, "class", "SearchIcon");
-    			add_location(div, file$5, 737, 14, 28777);
+    			add_location(div, file$5, 738, 14, 28854);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -11570,14 +11645,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;
@@ -11593,17 +11668,17 @@
     			div1 = element("div");
     			div0 = element("div");
     			attr_dev(div0, "class", "CloseIcon");
-    			add_location(div0, file$5, 748, 20, 29836);
+    			add_location(div0, file$5, 749, 20, 29913);
     			attr_dev(div1, "class", "CloseIconWrapper");
-    			add_location(div1, file$5, 747, 18, 29785);
+    			add_location(div1, file$5, 748, 18, 29862);
     			attr_dev(div2, "class", "CloseIconContainer");
-    			add_location(div2, file$5, 746, 16, 29734);
+    			add_location(div2, file$5, 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$5, 745, 14, 29582);
+    			add_location(span, file$5, 746, 14, 29659);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, span, anchor);
@@ -11612,7 +11687,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;
     			}
     		},
@@ -11628,19 +11703,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() {
@@ -11649,7 +11724,7 @@
     			t = space();
     			if (if_block1) if_block1.c();
     			attr_dev(div, "class", "FiltersButtonsContainer");
-    			add_location(div, file$5, 756, 10, 30140);
+    			add_location(div, file$5, 757, 10, 30217);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -11658,7 +11733,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 {
@@ -11671,7 +11746,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 {
@@ -11695,14 +11770,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;
@@ -11724,7 +11799,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$5, 763, 22, 30730);
+    			add_location(polygon, file$5, 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");
@@ -11734,13 +11809,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$5, 761, 20, 30455);
+    			add_location(svg, file$5, 762, 20, 30532);
     			attr_dev(span, "class", "ClearIcon");
-    			add_location(span, file$5, 760, 18, 30410);
+    			add_location(span, file$5, 761, 18, 30487);
     			attr_dev(div0, "class", "ClearButton");
-    			add_location(div0, file$5, 759, 16, 30361);
-    			attr_dev(div1, "class", div1_class_value = "ClearFilterButtonWrapper " + (/*numberOfFilters*/ ctx[30] ? "FiltersActive" : ""));
-    			add_location(div1, file$5, 758, 14, 30226);
+    			add_location(div0, file$5, 760, 16, 30438);
+    			attr_dev(div1, "class", div1_class_value = "ClearFilterButtonWrapper " + (/*numberOfFilters*/ ctx[31] ? "FiltersActive" : ""));
+    			add_location(div1, file$5, 759, 14, 30303);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div1, anchor);
@@ -11751,12 +11826,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);
     			}
     		},
@@ -11771,17 +11846,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() {
@@ -11793,7 +11868,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 {
@@ -11816,14 +11891,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;
@@ -11856,28 +11931,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$5, 773, 18, 31289);
-    			add_location(style, file$5, 775, 109, 31490);
-    			add_location(defs, file$5, 775, 103, 31484);
+    			add_location(div0, file$5, 774, 18, 31366);
+    			add_location(style, file$5, 776, 109, 31567);
+    			add_location(defs, file$5, 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$5, 775, 145, 31526);
+    			add_location(path, file$5, 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$5, 775, 20, 31401);
+    			add_location(svg, file$5, 776, 20, 31478);
     			attr_dev(span, "class", "NumberOfFilters");
-    			add_location(span, file$5, 777, 22, 32087);
+    			add_location(span, file$5, 778, 22, 32164);
     			attr_dev(div1, "class", "NumberOfFiltersContainer");
-    			add_location(div1, file$5, 776, 20, 32026);
+    			add_location(div1, file$5, 777, 20, 32103);
     			attr_dev(div2, "class", "FilterIconContainer");
-    			add_location(div2, file$5, 774, 18, 31347);
+    			add_location(div2, file$5, 775, 18, 31424);
     			attr_dev(div3, "class", "FilterButtonWrapper");
-    			add_location(div3, file$5, 772, 16, 31197);
+    			add_location(div3, file$5, 773, 16, 31274);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div3, anchor);
@@ -11895,12 +11970,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);
@@ -11913,14 +11988,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;
@@ -11934,14 +12009,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$5, 682, 18, 24593);
+    			add_location(path, file$5, 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$5, 681, 16, 24475);
+    			add_location(svg, file$5, 682, 16, 24552);
     			attr_dev(div, "class", "SearchIcon");
-    			add_location(div, file$5, 680, 14, 24434);
+    			add_location(div, file$5, 681, 14, 24511);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -11957,14 +12032,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;
@@ -11980,17 +12055,17 @@
     			div1 = element("div");
     			div0 = element("div");
     			attr_dev(div0, "class", "CloseIcon");
-    			add_location(div0, file$5, 691, 20, 25493);
+    			add_location(div0, file$5, 692, 20, 25570);
     			attr_dev(div1, "class", "CloseIconWrapper");
-    			add_location(div1, file$5, 690, 18, 25442);
+    			add_location(div1, file$5, 691, 18, 25519);
     			attr_dev(div2, "class", "CloseIconContainer");
-    			add_location(div2, file$5, 689, 16, 25391);
+    			add_location(div2, file$5, 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$5, 688, 14, 25239);
+    			add_location(span, file$5, 689, 14, 25316);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, span, anchor);
@@ -11999,7 +12074,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;
     			}
     		},
@@ -12015,19 +12090,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$1(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$1(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$1(ctx);
 
     	const block = {
     		c: function create() {
@@ -12036,7 +12111,7 @@
     			t = space();
     			if (if_block1) if_block1.c();
     			attr_dev(div, "class", "FiltersButtonsContainer");
-    			add_location(div, file$5, 699, 10, 25797);
+    			add_location(div, file$5, 700, 10, 25874);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -12045,7 +12120,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 {
@@ -12058,7 +12133,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 {
@@ -12082,14 +12157,14 @@
     		block,
     		id: create_if_block_10$1.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;
@@ -12110,7 +12185,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$5, 706, 22, 26346);
+    			add_location(polygon, file$5, 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");
@@ -12120,13 +12195,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$5, 704, 20, 26071);
+    			add_location(svg, file$5, 705, 20, 26148);
     			attr_dev(span, "class", "ClearIcon");
-    			add_location(span, file$5, 703, 18, 26026);
+    			add_location(span, file$5, 704, 18, 26103);
     			attr_dev(div0, "class", "ClearButton");
-    			add_location(div0, file$5, 702, 16, 25977);
+    			add_location(div0, file$5, 703, 16, 26054);
     			attr_dev(div1, "class", "ClearFilterButtonWrapper");
-    			add_location(div1, file$5, 701, 14, 25883);
+    			add_location(div1, file$5, 702, 14, 25960);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div1, anchor);
@@ -12137,7 +12212,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;
     			}
     		},
@@ -12153,17 +12228,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$1(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() {
@@ -12175,7 +12250,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 {
@@ -12198,14 +12273,14 @@
     		block,
     		id: create_if_block_11$1.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;
@@ -12238,28 +12313,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$5, 716, 18, 26885);
-    			add_location(style, file$5, 718, 109, 27086);
-    			add_location(defs, file$5, 718, 103, 27080);
+    			add_location(div0, file$5, 717, 18, 26962);
+    			add_location(style, file$5, 719, 109, 27163);
+    			add_location(defs, file$5, 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$5, 718, 145, 27122);
+    			add_location(path, file$5, 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$5, 718, 20, 26997);
+    			add_location(svg, file$5, 719, 20, 27074);
     			attr_dev(span, "class", "NumberOfFilters");
-    			add_location(span, file$5, 720, 22, 27683);
+    			add_location(span, file$5, 721, 22, 27760);
     			attr_dev(div1, "class", "NumberOfFiltersContainer");
-    			add_location(div1, file$5, 719, 20, 27622);
+    			add_location(div1, file$5, 720, 20, 27699);
     			attr_dev(div2, "class", "FilterIconContainer");
-    			add_location(div2, file$5, 717, 18, 26943);
+    			add_location(div2, file$5, 718, 18, 27020);
     			attr_dev(div3, "class", "FilterButtonWrapper");
-    			add_location(div3, file$5, 715, 16, 26793);
+    			add_location(div3, file$5, 716, 16, 26870);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div3, anchor);
@@ -12277,12 +12352,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);
@@ -12295,14 +12370,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$1(ctx) {
     	let casino_games_category_section;
 
@@ -12315,12 +12390,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$5, 861, 12, 34734);
+    			add_location(casino_games_category_section, file$5, 862, 12, 34811);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, casino_games_category_section, anchor);
@@ -12350,8 +12425,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) {
@@ -12371,19 +12446,19 @@
     		block,
     		id: create_if_block_8$1.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$1(ctx) {
     	let if_block_anchor;
 
     	function select_block_type_3(ctx, dirty) {
-    		if (/*mostPlayedEmpty*/ ctx[22]) return create_if_block_7$1;
+    		if (/*mostPlayedEmpty*/ ctx[23]) return create_if_block_7$1;
     		return create_else_block_1$1;
     	}
 
@@ -12422,14 +12497,14 @@
     		block,
     		id: create_if_block_6$1.name,
     		type: "if",
-    		source: "(841:35) ",
+    		source: "(842:35) ",
     		ctx
     	});
 
     	return block;
     }
 
-    // (827:34) 
+    // (828:34) 
     function create_if_block_5$1(ctx) {
     	let casino_games_category_section;
     	let showFavoriteGames_action;
@@ -12449,13 +12524,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$5, 827, 10, 33607);
+    			add_location(casino_games_category_section, file$5, 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;
     			}
     		},
@@ -12492,7 +12567,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);
@@ -12505,17 +12580,17 @@
     		block,
     		id: create_if_block_5$1.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$2(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 = [];
 
@@ -12539,8 +12614,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;
 
@@ -12573,14 +12648,14 @@
     		block,
     		id: create_if_block_4$2.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$2(ctx) {
     	let casino_games_category_section;
     	let sendSearchData_action;
@@ -12600,13 +12675,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$5, 793, 8, 32477);
+    			add_location(casino_games_category_section, file$5, 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;
     			}
     		},
@@ -12643,7 +12718,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);
@@ -12656,17 +12731,17 @@
     		block,
     		id: create_if_block_3$2.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$2(ctx) {
     	let p;
-    	let t_value = /*$_*/ ctx[32]("casinoPage.loading") + "";
+    	let t_value = /*$_*/ ctx[33]("casinoPage.loading") + "";
     	let t;
 
     	const block = {
@@ -12674,14 +12749,14 @@
     			p = element("p");
     			t = text(t_value);
     			attr_dev(p, "class", "SearchLoading");
-    			add_location(p, file$5, 790, 6, 32380);
+    			add_location(p, file$5, 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);
@@ -12692,14 +12767,14 @@
     		block,
     		id: create_if_block_2$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$1(ctx) {
     	let casino_games_category_section;
 
@@ -12718,7 +12793,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$5, 844, 12, 34211);
+    			add_location(casino_games_category_section, file$5, 845, 12, 34288);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, casino_games_category_section, anchor);
@@ -12765,14 +12840,14 @@
     		block,
     		id: create_else_block_1$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$1(ctx) {
     	let p;
 
@@ -12781,7 +12856,7 @@
     			p = element("p");
     			p.textContent = "You have no games played!";
     			attr_dev(p, "class", "SearchLoading");
-    			add_location(p, file$5, 842, 12, 34126);
+    			add_location(p, file$5, 843, 12, 34203);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -12796,14 +12871,14 @@
     		block,
     		id: create_if_block_7$1.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$1(ctx) {
     	let casino_games_category_section;
     	let casino_games_category_section_categoryid_value;
@@ -12819,25 +12894,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$5, 809, 12, 32952);
+    			add_location(casino_games_category_section, file$5, 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;
     			}
     		},
@@ -12864,7 +12939,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);
     			}
 
@@ -12873,7 +12948,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");
     			}
@@ -12886,7 +12961,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);
@@ -12899,14 +12974,14 @@
     		block,
     		id: create_each_block$1.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$2(ctx) {
     	let div1;
     	let div0;
@@ -12914,11 +12989,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;
@@ -12939,7 +13014,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$5, 881, 140, 35493);
+    			add_location(path, file$5, 882, 140, 35570);
     			attr_dev(svg, "class", "w-1 h-1");
     			attr_dev(svg, "fill", "none");
     			attr_dev(svg, "stroke", "white");
@@ -12947,18 +13022,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$5, 881, 10, 35363);
-    			add_location(p, file$5, 882, 10, 35635);
+    			add_location(svg, file$5, 882, 10, 35440);
+    			add_location(p, file$5, 883, 10, 35712);
     			attr_dev(div0, "class", "PanicText");
-    			add_location(div0, file$5, 880, 8, 35329);
+    			add_location(div0, file$5, 881, 8, 35406);
     			attr_dev(button, "class", "PanicButton");
-    			add_location(button, file$5, 884, 8, 35690);
+    			add_location(button, file$5, 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$5, 879, 6, 35232);
+    			add_location(div1, file$5, 880, 6, 35309);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div1, anchor);
@@ -12973,13 +13048,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);
@@ -12992,7 +13067,7 @@
     		block,
     		id: create_if_block_1$2.name,
     		type: "if",
-    		source: "(879:4) {#if isLoggedIn}",
+    		source: "(880:4) {#if isLoggedIn}",
     		ctx
     	});
 
@@ -13003,7 +13078,7 @@
     	let if_block_anchor;
 
     	function select_block_type(ctx, dirty) {
-    		if (/*hasErrors*/ ctx[12]) return create_if_block$5;
+    		if (/*hasErrors*/ ctx[13]) return create_if_block$5;
     		return create_else_block$3;
     	}
 
@@ -13060,7 +13135,7 @@
     function instance$5($$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, []);
     	
@@ -13077,6 +13152,7 @@
     	let { favorites = "" } = $$props;
     	let { mostplayed = "" } = $$props;
     	let { lobbyid = "casinodefault" } = $$props; // identifier for recent searched
+    	let { containermaxwidth = "" } = $$props;
 
     	// CasinoPage loading state
     	let isLoading = false;
@@ -13137,33 +13213,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 = [];
@@ -13179,20 +13255,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(
     						{
@@ -13214,8 +13290,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);
     					}
@@ -13461,14 +13537,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);
     				});
@@ -13477,14 +13553,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);
     				});
@@ -13493,14 +13569,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);
     				});
@@ -13528,8 +13604,8 @@
     				}
 
     				if (lobbyScreen == true && !initialLoaded) {
-    					$$invalidate(19, lobbyViewAux = lobbyScreen);
-    					$$invalidate(20, lobbyScreen = false);
+    					$$invalidate(20, lobbyViewAux = lobbyScreen);
+    					$$invalidate(21, lobbyScreen = false);
     				}
 
     				let promises = [];
@@ -13546,7 +13622,7 @@
     					}
 
     					Promise.all(promises).then(res => {
-    						$$invalidate(24, searchArray = res);
+    						$$invalidate(25, searchArray = res);
     						sendRecentSearchData({}, searchArray);
     					});
     				} else {
@@ -13560,11 +13636,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(
@@ -13600,9 +13676,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);
     		}
     	};
 
@@ -13612,9 +13688,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);
     				}
     			}
     		}
@@ -13625,10 +13701,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();
     	};
 
@@ -13706,31 +13782,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);
     		}
 
@@ -13739,7 +13815,7 @@
 
     	const initialSetup = () => {
     		if (!checkAttrs()) {
-    			$$invalidate(11, isLoading = true);
+    			$$invalidate(12, isLoading = true);
 
     			if (favorites == "true") {
     				getFavoredGames(endpoint, sessionID, playerID);
@@ -13755,21 +13831,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);
     				});
     			}
 
@@ -13783,9 +13859,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 = () => {
@@ -13834,7 +13910,8 @@
     		"alternativesearch",
     		"favorites",
     		"mostplayed",
-    		"lobbyid"
+    		"lobbyid",
+    		"containermaxwidth"
     	];
 
     	Object_1$2.keys($$props).forEach(key => {
@@ -13846,13 +13923,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();
@@ -13865,20 +13942,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();
@@ -13891,7 +13968,7 @@
     	function div2_binding_1($$value) {
     		binding_callbacks[$$value ? "unshift" : "push"](() => {
     			searchWrapper = $$value;
-    			$$invalidate(27, searchWrapper);
+    			$$invalidate(28, searchWrapper);
     		});
     	}
 
@@ -13900,7 +13977,7 @@
     	function section_binding($$value) {
     		binding_callbacks[$$value ? "unshift" : "push"](() => {
     			customStylingContainer = $$value;
-    			$$invalidate(31, customStylingContainer);
+    			$$invalidate(32, customStylingContainer);
     		});
     	}
 
@@ -13913,11 +13990,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 = () => ({
@@ -13939,6 +14017,7 @@
     		favorites,
     		mostplayed,
     		lobbyid,
+    		containermaxwidth,
     		isLoading,
     		hasErrors,
     		isLoggedIn,
@@ -14032,56 +14111,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;
@@ -14092,13 +14172,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");
@@ -14109,7 +14189,7 @@
     				searchUrl.searchParams.append("filter", `name=${searchValue}`);
 
     				getGames(searchUrl).then(searchData => {
-    					$$invalidate(24, searchArray = searchData);
+    					$$invalidate(25, searchArray = searchData);
     					sendSearchData({}, searchData);
     				});
     			} else {
@@ -14118,7 +14198,7 @@
     				}
 
     				if (initialLoaded) {
-    					$$invalidate(48, initialLoaded = false);
+    					$$invalidate(49, initialLoaded = false);
     				}
     			}
     		}
@@ -14151,6 +14231,7 @@
     		categorybackground,
     		alternativesearch,
     		favorites,
+    		containermaxwidth,
     		searchValue,
     		isLoading,
     		hasErrors,
@@ -14212,7 +14293,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,
@@ -14233,11 +14314,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]
     		);
@@ -14268,7 +14350,8 @@
     			"alternativesearch",
     			"favorites",
     			"mostplayed",
-    			"lobbyid"
+    			"lobbyid",
+    			"containermaxwidth"
     		];
     	}
 
@@ -14345,7 +14428,7 @@
     	}
 
     	get visiblegames() {
-    		return this.$$.ctx[45];
+    		return this.$$.ctx[46];
     	}
 
     	set visiblegames(visiblegames) {
@@ -14372,7 +14455,7 @@
     	}
 
     	get mostplayed() {
-    		return this.$$.ctx[46];
+    		return this.$$.ctx[47];
     	}
 
     	set mostplayed(mostplayed) {
@@ -14381,13 +14464,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);
@@ -25120,7 +25212,7 @@
     const { console: console_1 } = globals;
     const file = "src/CasinoLobby.svelte";
 
-    // (154:0) {:else}
+    // (155:0) {:else}
     function create_else_block(ctx) {
     	let div3;
     	let div2;
@@ -25156,74 +25248,76 @@
     			casino_filter_modal = element("casino-filter-modal");
     			casino_filter_page = element("casino-filter-page");
     			attr_dev(div0, "class", "HeaderPlaceholder");
-    			set_style(div0, "height", /*headerPlaceholderSize*/ ctx[16] + "px");
-    			add_location(div0, file, 156, 6, 4820);
+    			set_style(div0, "height", /*headerPlaceholderSize*/ ctx[17] + "px");
+    			add_location(div0, file, 157, 6, 4855);
     			attr_dev(div1, "class", "ScrollTop");
-    			add_location(div1, file, 157, 6, 4905);
-    			set_custom_element_data(casino_categories_slider, "endpoint", /*endpointURL*/ ctx[10]);
-    			set_custom_element_data(casino_categories_slider, "datasource", /*DS*/ ctx[11]);
-    			set_custom_element_data(casino_categories_slider, "lang", /*language*/ ctx[12]);
+    			add_location(div1, file, 158, 6, 4940);
+    			set_custom_element_data(casino_categories_slider, "endpoint", /*endpointURL*/ ctx[11]);
+    			set_custom_element_data(casino_categories_slider, "datasource", /*DS*/ ctx[12]);
+    			set_custom_element_data(casino_categories_slider, "lang", /*language*/ ctx[13]);
     			set_custom_element_data(casino_categories_slider, "session", /*session*/ ctx[0]);
     			set_custom_element_data(casino_categories_slider, "userid", /*userid*/ ctx[1]);
-    			set_custom_element_data(casino_categories_slider, "mostplayed", /*mostPlayed*/ ctx[18]);
-    			set_custom_element_data(casino_categories_slider, "favorites", /*fav*/ ctx[19]);
+    			set_custom_element_data(casino_categories_slider, "mostplayed", /*mostPlayed*/ ctx[19]);
+    			set_custom_element_data(casino_categories_slider, "favorites", /*fav*/ ctx[20]);
     			set_custom_element_data(casino_categories_slider, "clientstyling", /*clientstyling*/ ctx[2]);
     			set_custom_element_data(casino_categories_slider, "clientstylingurl", /*clientstylingurl*/ ctx[3]);
-    			add_location(casino_categories_slider, file, 158, 6, 4941);
+    			set_custom_element_data(casino_categories_slider, "containermaxwidth", /*containermaxwidth*/ ctx[10]);
+    			add_location(casino_categories_slider, file, 159, 6, 4976);
     			set_custom_element_data(casino_page, "session", /*session*/ ctx[0]);
     			set_custom_element_data(casino_page, "userid", /*userid*/ ctx[1]);
-    			set_custom_element_data(casino_page, "endpoint", /*endpointURL*/ ctx[10]);
-    			set_custom_element_data(casino_page, "datasource", /*DS*/ ctx[11]);
-    			set_custom_element_data(casino_page, "lang", /*language*/ ctx[12]);
+    			set_custom_element_data(casino_page, "endpoint", /*endpointURL*/ ctx[11]);
+    			set_custom_element_data(casino_page, "datasource", /*DS*/ ctx[12]);
+    			set_custom_element_data(casino_page, "lang", /*language*/ ctx[13]);
     			set_custom_element_data(casino_page, "visiblegames", "10");
     			set_custom_element_data(casino_page, "alternativesearch", /*alternativesearch*/ ctx[9]);
-    			set_custom_element_data(casino_page, "favorites", /*fav*/ ctx[19]);
-    			set_custom_element_data(casino_page, "mostplayed", /*mostPlayed*/ ctx[18]);
+    			set_custom_element_data(casino_page, "favorites", /*fav*/ ctx[20]);
+    			set_custom_element_data(casino_page, "mostplayed", /*mostPlayed*/ ctx[19]);
     			set_custom_element_data(casino_page, "clientstyling", /*clientstyling*/ ctx[2]);
     			set_custom_element_data(casino_page, "clientstylingurl", /*clientstylingurl*/ ctx[3]);
     			set_custom_element_data(casino_page, "lobbyid", /*lobbyid*/ ctx[5]);
-    			add_location(casino_page, file, 169, 6, 5244);
+    			set_custom_element_data(casino_page, "containermaxwidth", /*containermaxwidth*/ ctx[10]);
+    			add_location(casino_page, file, 171, 6, 5307);
     			set_custom_element_data(casino_game_page, "session", /*session*/ ctx[0]);
     			set_custom_element_data(casino_game_page, "userid", /*userid*/ ctx[1]);
-    			set_custom_element_data(casino_game_page, "endpoint", /*endpointURL*/ ctx[10]);
-    			set_custom_element_data(casino_game_page, "datasource", /*DS*/ ctx[11]);
-    			set_custom_element_data(casino_game_page, "lang", /*language*/ ctx[12]);
+    			set_custom_element_data(casino_game_page, "endpoint", /*endpointURL*/ ctx[11]);
+    			set_custom_element_data(casino_game_page, "datasource", /*DS*/ ctx[12]);
+    			set_custom_element_data(casino_game_page, "lang", /*language*/ ctx[13]);
     			set_custom_element_data(casino_game_page, "loginevent", /*loginevent*/ ctx[6]);
-    			set_custom_element_data(casino_game_page, "favorites", /*fav*/ ctx[19]);
+    			set_custom_element_data(casino_game_page, "favorites", /*fav*/ ctx[20]);
     			set_custom_element_data(casino_game_page, "registerevent", /*registerevent*/ ctx[7]);
     			set_custom_element_data(casino_game_page, "depositevent", /*depositevent*/ ctx[8]);
     			set_custom_element_data(casino_game_page, "clientstyling", /*clientstyling*/ ctx[2]);
     			set_custom_element_data(casino_game_page, "clientstylingurl", /*clientstylingurl*/ ctx[3]);
     			set_custom_element_data(casino_game_page, "clockformat", /*clockformat*/ ctx[4]);
-    			add_location(casino_game_page, file, 191, 9, 5796);
+    			add_location(casino_game_page, file, 194, 9, 5887);
     			set_custom_element_data(casino_modal, "session", /*session*/ ctx[0]);
     			set_custom_element_data(casino_modal, "userid", /*userid*/ ctx[1]);
-    			set_custom_element_data(casino_modal, "endpoint", /*endpointURL*/ ctx[10]);
-    			set_custom_element_data(casino_modal, "datasource", /*DS*/ ctx[11]);
-    			set_custom_element_data(casino_modal, "lang", /*language*/ ctx[12]);
+    			set_custom_element_data(casino_modal, "endpoint", /*endpointURL*/ ctx[11]);
+    			set_custom_element_data(casino_modal, "datasource", /*DS*/ ctx[12]);
+    			set_custom_element_data(casino_modal, "lang", /*language*/ ctx[13]);
     			set_custom_element_data(casino_modal, "clientstyling", /*clientstyling*/ ctx[2]);
     			set_custom_element_data(casino_modal, "clientstylingurl", /*clientstylingurl*/ ctx[3]);
-    			add_location(casino_modal, file, 183, 6, 5593);
+    			add_location(casino_modal, file, 186, 6, 5684);
     			set_custom_element_data(casino_filter_page, "session", /*session*/ ctx[0]);
     			set_custom_element_data(casino_filter_page, "userid", /*userid*/ ctx[1]);
-    			set_custom_element_data(casino_filter_page, "endpoint", /*endpointURL*/ ctx[10]);
-    			set_custom_element_data(casino_filter_page, "datasource", /*DS*/ ctx[11]);
-    			set_custom_element_data(casino_filter_page, "lang", /*language*/ ctx[12]);
+    			set_custom_element_data(casino_filter_page, "endpoint", /*endpointURL*/ ctx[11]);
+    			set_custom_element_data(casino_filter_page, "datasource", /*DS*/ ctx[12]);
+    			set_custom_element_data(casino_filter_page, "lang", /*language*/ ctx[13]);
     			set_custom_element_data(casino_filter_page, "clientstylingurl", /*clientstylingurl*/ ctx[3]);
     			set_custom_element_data(casino_filter_page, "clientstyling", /*clientstyling*/ ctx[2]);
-    			add_location(casino_filter_page, file, 214, 8, 6419);
+    			add_location(casino_filter_page, file, 217, 8, 6510);
     			set_custom_element_data(casino_filter_modal, "clientstylingurl", /*clientstylingurl*/ ctx[3]);
     			set_custom_element_data(casino_filter_modal, "session", /*session*/ ctx[0]);
     			set_custom_element_data(casino_filter_modal, "userid", /*userid*/ ctx[1]);
-    			set_custom_element_data(casino_filter_modal, "endpoint", /*endpointURL*/ ctx[10]);
-    			set_custom_element_data(casino_filter_modal, "datasource", /*DS*/ ctx[11]);
-    			set_custom_element_data(casino_filter_modal, "lang", /*language*/ ctx[12]);
+    			set_custom_element_data(casino_filter_modal, "endpoint", /*endpointURL*/ ctx[11]);
+    			set_custom_element_data(casino_filter_modal, "datasource", /*DS*/ ctx[12]);
+    			set_custom_element_data(casino_filter_modal, "lang", /*language*/ ctx[13]);
     			set_custom_element_data(casino_filter_modal, "clientstyling", /*clientstyling*/ ctx[2]);
-    			add_location(casino_filter_modal, file, 206, 6, 6209);
+    			add_location(casino_filter_modal, file, 209, 6, 6300);
     			attr_dev(div2, "class", "WidgetsSection");
-    			add_location(div2, file, 155, 4, 4785);
+    			add_location(div2, file, 156, 4, 4820);
     			attr_dev(div3, "class", "CasinoLobby");
-    			add_location(div3, file, 154, 2, 4755);
+    			add_location(div3, file, 155, 2, 4790);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div3, anchor);
@@ -25243,20 +25337,20 @@
     			append_dev(casino_filter_modal, casino_filter_page);
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty[0] & /*headerPlaceholderSize*/ 65536) {
-    				set_style(div0, "height", /*headerPlaceholderSize*/ ctx[16] + "px");
+    			if (dirty[0] & /*headerPlaceholderSize*/ 131072) {
+    				set_style(div0, "height", /*headerPlaceholderSize*/ ctx[17] + "px");
     			}
 
-    			if (dirty[0] & /*endpointURL*/ 1024) {
-    				set_custom_element_data(casino_categories_slider, "endpoint", /*endpointURL*/ ctx[10]);
+    			if (dirty[0] & /*endpointURL*/ 2048) {
+    				set_custom_element_data(casino_categories_slider, "endpoint", /*endpointURL*/ ctx[11]);
     			}
 
-    			if (dirty[0] & /*DS*/ 2048) {
-    				set_custom_element_data(casino_categories_slider, "datasource", /*DS*/ ctx[11]);
+    			if (dirty[0] & /*DS*/ 4096) {
+    				set_custom_element_data(casino_categories_slider, "datasource", /*DS*/ ctx[12]);
     			}
 
-    			if (dirty[0] & /*language*/ 4096) {
-    				set_custom_element_data(casino_categories_slider, "lang", /*language*/ ctx[12]);
+    			if (dirty[0] & /*language*/ 8192) {
+    				set_custom_element_data(casino_categories_slider, "lang", /*language*/ ctx[13]);
     			}
 
     			if (dirty[0] & /*session*/ 1) {
@@ -25267,12 +25361,12 @@
     				set_custom_element_data(casino_categories_slider, "userid", /*userid*/ ctx[1]);
     			}
 
-    			if (dirty[0] & /*mostPlayed*/ 262144) {
-    				set_custom_element_data(casino_categories_slider, "mostplayed", /*mostPlayed*/ ctx[18]);
+    			if (dirty[0] & /*mostPlayed*/ 524288) {
+    				set_custom_element_data(casino_categories_slider, "mostplayed", /*mostPlayed*/ ctx[19]);
     			}
 
-    			if (dirty[0] & /*fav*/ 524288) {
-    				set_custom_element_data(casino_categories_slider, "favorites", /*fav*/ ctx[19]);
+    			if (dirty[0] & /*fav*/ 1048576) {
+    				set_custom_element_data(casino_categories_slider, "favorites", /*fav*/ ctx[20]);
     			}
 
     			if (dirty[0] & /*clientstyling*/ 4) {
@@ -25283,6 +25377,10 @@
     				set_custom_element_data(casino_categories_slider, "clientstylingurl", /*clientstylingurl*/ ctx[3]);
     			}
 
+    			if (dirty[0] & /*containermaxwidth*/ 1024) {
+    				set_custom_element_data(casino_categories_slider, "containermaxwidth", /*containermaxwidth*/ ctx[10]);
+    			}
+
     			if (dirty[0] & /*session*/ 1) {
     				set_custom_element_data(casino_page, "session", /*session*/ ctx[0]);
     			}
@@ -25291,28 +25389,28 @@
     				set_custom_element_data(casino_page, "userid", /*userid*/ ctx[1]);
     			}
 
-    			if (dirty[0] & /*endpointURL*/ 1024) {
-    				set_custom_element_data(casino_page, "endpoint", /*endpointURL*/ ctx[10]);
+    			if (dirty[0] & /*endpointURL*/ 2048) {
+    				set_custom_element_data(casino_page, "endpoint", /*endpointURL*/ ctx[11]);
     			}
 
-    			if (dirty[0] & /*DS*/ 2048) {
-    				set_custom_element_data(casino_page, "datasource", /*DS*/ ctx[11]);
+    			if (dirty[0] & /*DS*/ 4096) {
+    				set_custom_element_data(casino_page, "datasource", /*DS*/ ctx[12]);
     			}
 
-    			if (dirty[0] & /*language*/ 4096) {
-    				set_custom_element_data(casino_page, "lang", /*language*/ ctx[12]);
+    			if (dirty[0] & /*language*/ 8192) {
+    				set_custom_element_data(casino_page, "lang", /*language*/ ctx[13]);
     			}
 
     			if (dirty[0] & /*alternativesearch*/ 512) {
     				set_custom_element_data(casino_page, "alternativesearch", /*alternativesearch*/ ctx[9]);
     			}
 
-    			if (dirty[0] & /*fav*/ 524288) {
-    				set_custom_element_data(casino_page, "favorites", /*fav*/ ctx[19]);
+    			if (dirty[0] & /*fav*/ 1048576) {
+    				set_custom_element_data(casino_page, "favorites", /*fav*/ ctx[20]);
     			}
 
-    			if (dirty[0] & /*mostPlayed*/ 262144) {
-    				set_custom_element_data(casino_page, "mostplayed", /*mostPlayed*/ ctx[18]);
+    			if (dirty[0] & /*mostPlayed*/ 524288) {
+    				set_custom_element_data(casino_page, "mostplayed", /*mostPlayed*/ ctx[19]);
     			}
 
     			if (dirty[0] & /*clientstyling*/ 4) {
@@ -25327,6 +25425,10 @@
     				set_custom_element_data(casino_page, "lobbyid", /*lobbyid*/ ctx[5]);
     			}
 
+    			if (dirty[0] & /*containermaxwidth*/ 1024) {
+    				set_custom_element_data(casino_page, "containermaxwidth", /*containermaxwidth*/ ctx[10]);
+    			}
+
     			if (dirty[0] & /*session*/ 1) {
     				set_custom_element_data(casino_game_page, "session", /*session*/ ctx[0]);
     			}
@@ -25335,24 +25437,24 @@
     				set_custom_element_data(casino_game_page, "userid", /*userid*/ ctx[1]);
     			}
 
-    			if (dirty[0] & /*endpointURL*/ 1024) {
-    				set_custom_element_data(casino_game_page, "endpoint", /*endpointURL*/ ctx[10]);
+    			if (dirty[0] & /*endpointURL*/ 2048) {
+    				set_custom_element_data(casino_game_page, "endpoint", /*endpointURL*/ ctx[11]);
     			}
 
-    			if (dirty[0] & /*DS*/ 2048) {
-    				set_custom_element_data(casino_game_page, "datasource", /*DS*/ ctx[11]);
+    			if (dirty[0] & /*DS*/ 4096) {
+    				set_custom_element_data(casino_game_page, "datasource", /*DS*/ ctx[12]);
     			}
 
-    			if (dirty[0] & /*language*/ 4096) {
-    				set_custom_element_data(casino_game_page, "lang", /*language*/ ctx[12]);
+    			if (dirty[0] & /*language*/ 8192) {
+    				set_custom_element_data(casino_game_page, "lang", /*language*/ ctx[13]);
     			}
 
     			if (dirty[0] & /*loginevent*/ 64) {
     				set_custom_element_data(casino_game_page, "loginevent", /*loginevent*/ ctx[6]);
     			}
 
-    			if (dirty[0] & /*fav*/ 524288) {
-    				set_custom_element_data(casino_game_page, "favorites", /*fav*/ ctx[19]);
+    			if (dirty[0] & /*fav*/ 1048576) {
+    				set_custom_element_data(casino_game_page, "favorites", /*fav*/ ctx[20]);
     			}
 
     			if (dirty[0] & /*registerevent*/ 128) {
@@ -25383,16 +25485,16 @@
     				set_custom_element_data(casino_modal, "userid", /*userid*/ ctx[1]);
     			}
 
-    			if (dirty[0] & /*endpointURL*/ 1024) {
-    				set_custom_element_data(casino_modal, "endpoint", /*endpointURL*/ ctx[10]);
+    			if (dirty[0] & /*endpointURL*/ 2048) {
+    				set_custom_element_data(casino_modal, "endpoint", /*endpointURL*/ ctx[11]);
     			}
 
-    			if (dirty[0] & /*DS*/ 2048) {
-    				set_custom_element_data(casino_modal, "datasource", /*DS*/ ctx[11]);
+    			if (dirty[0] & /*DS*/ 4096) {
+    				set_custom_element_data(casino_modal, "datasource", /*DS*/ ctx[12]);
     			}
 
-    			if (dirty[0] & /*language*/ 4096) {
-    				set_custom_element_data(casino_modal, "lang", /*language*/ ctx[12]);
+    			if (dirty[0] & /*language*/ 8192) {
+    				set_custom_element_data(casino_modal, "lang", /*language*/ ctx[13]);
     			}
 
     			if (dirty[0] & /*clientstyling*/ 4) {
@@ -25411,16 +25513,16 @@
     				set_custom_element_data(casino_filter_page, "userid", /*userid*/ ctx[1]);
     			}
 
-    			if (dirty[0] & /*endpointURL*/ 1024) {
-    				set_custom_element_data(casino_filter_page, "endpoint", /*endpointURL*/ ctx[10]);
+    			if (dirty[0] & /*endpointURL*/ 2048) {
+    				set_custom_element_data(casino_filter_page, "endpoint", /*endpointURL*/ ctx[11]);
     			}
 
-    			if (dirty[0] & /*DS*/ 2048) {
-    				set_custom_element_data(casino_filter_page, "datasource", /*DS*/ ctx[11]);
+    			if (dirty[0] & /*DS*/ 4096) {
+    				set_custom_element_data(casino_filter_page, "datasource", /*DS*/ ctx[12]);
     			}
 
-    			if (dirty[0] & /*language*/ 4096) {
-    				set_custom_element_data(casino_filter_page, "lang", /*language*/ ctx[12]);
+    			if (dirty[0] & /*language*/ 8192) {
+    				set_custom_element_data(casino_filter_page, "lang", /*language*/ ctx[13]);
     			}
 
     			if (dirty[0] & /*clientstylingurl*/ 8) {
@@ -25443,16 +25545,16 @@
     				set_custom_element_data(casino_filter_modal, "userid", /*userid*/ ctx[1]);
     			}
 
-    			if (dirty[0] & /*endpointURL*/ 1024) {
-    				set_custom_element_data(casino_filter_modal, "endpoint", /*endpointURL*/ ctx[10]);
+    			if (dirty[0] & /*endpointURL*/ 2048) {
+    				set_custom_element_data(casino_filter_modal, "endpoint", /*endpointURL*/ ctx[11]);
     			}
 
-    			if (dirty[0] & /*DS*/ 2048) {
-    				set_custom_element_data(casino_filter_modal, "datasource", /*DS*/ ctx[11]);
+    			if (dirty[0] & /*DS*/ 4096) {
+    				set_custom_element_data(casino_filter_modal, "datasource", /*DS*/ ctx[12]);
     			}
 
-    			if (dirty[0] & /*language*/ 4096) {
-    				set_custom_element_data(casino_filter_modal, "lang", /*language*/ ctx[12]);
+    			if (dirty[0] & /*language*/ 8192) {
+    				set_custom_element_data(casino_filter_modal, "lang", /*language*/ ctx[13]);
     			}
 
     			if (dirty[0] & /*clientstyling*/ 4) {
@@ -25468,14 +25570,14 @@
     		block,
     		id: create_else_block.name,
     		type: "else",
-    		source: "(154:0) {:else}",
+    		source: "(155:0) {:else}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (152:0) {#if hasErrors}
+    // (153:0) {#if hasErrors}
     function create_if_block(ctx) {
     	let p;
     	let t;
@@ -25483,16 +25585,16 @@
     	const block = {
     		c: function create() {
     			p = element("p");
-    			t = text(/*error*/ ctx[15]);
+    			t = text(/*error*/ ctx[16]);
     			set_style(p, "color", "#fff");
-    			add_location(p, file, 152, 2, 4711);
+    			add_location(p, file, 153, 2, 4746);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
     			append_dev(p, t);
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty[0] & /*error*/ 32768) set_data_dev(t, /*error*/ ctx[15]);
+    			if (dirty[0] & /*error*/ 65536) set_data_dev(t, /*error*/ ctx[16]);
     		},
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(p);
@@ -25503,7 +25605,7 @@
     		block,
     		id: create_if_block.name,
     		type: "if",
-    		source: "(152:0) {#if hasErrors}",
+    		source: "(153:0) {#if hasErrors}",
     		ctx
     	});
 
@@ -25515,7 +25617,7 @@
     	let div_class_value;
 
     	function select_block_type(ctx, dirty) {
-    		if (/*hasErrors*/ ctx[14]) return create_if_block;
+    		if (/*hasErrors*/ ctx[15]) return create_if_block;
     		return create_else_block;
     	}
 
@@ -25527,8 +25629,8 @@
     			div = element("div");
     			if_block.c();
     			this.c = noop$1;
-    			attr_dev(div, "class", div_class_value = /*displayNone*/ ctx[13] ? "DisplayNone" : "");
-    			add_location(div, file, 150, 0, 4610);
+    			attr_dev(div, "class", div_class_value = /*displayNone*/ ctx[14] ? "DisplayNone" : "");
+    			add_location(div, file, 151, 0, 4645);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -25536,7 +25638,7 @@
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
     			if_block.m(div, null);
-    			/*div_binding*/ ctx[31](div);
+    			/*div_binding*/ ctx[32](div);
     		},
     		p: function update(ctx, dirty) {
     			if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block) {
@@ -25551,7 +25653,7 @@
     				}
     			}
 
-    			if (dirty[0] & /*displayNone*/ 8192 && div_class_value !== (div_class_value = /*displayNone*/ ctx[13] ? "DisplayNone" : "")) {
+    			if (dirty[0] & /*displayNone*/ 16384 && div_class_value !== (div_class_value = /*displayNone*/ ctx[14] ? "DisplayNone" : "")) {
     				attr_dev(div, "class", div_class_value);
     			}
     		},
@@ -25560,7 +25662,7 @@
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(div);
     			if_block.d();
-    			/*div_binding*/ ctx[31](null);
+    			/*div_binding*/ ctx[32](null);
     		}
     	};
 
@@ -25599,6 +25701,7 @@
     	let { desktopoffset = "0" } = $$props;
     	let { mobileoffset = "0" } = $$props;
     	let { alternativesearch = "false" } = $$props;
+    	let { containermaxwidth = "" } = $$props;
     	let endpointURL;
     	let DS;
     	let language;
@@ -25640,20 +25743,20 @@
 
     	const checkAttrs = () => {
     		if (!endpoint) {
-    			$$invalidate(15, error = "Endpoint is missing! Please provide a valid endpointURL.");
-    			$$invalidate(14, hasErrors = true);
+    			$$invalidate(16, error = "Endpoint is missing! Please provide a valid endpointURL.");
+    			$$invalidate(15, hasErrors = true);
     			console.error(error);
     		}
 
     		if (!datasource) {
-    			$$invalidate(15, error = "Datasource is missing! Please provide a valid datasource.");
-    			$$invalidate(14, hasErrors = true);
+    			$$invalidate(16, error = "Datasource is missing! Please provide a valid datasource.");
+    			$$invalidate(15, hasErrors = true);
     			console.error(error);
     		}
 
     		if (!lang || lang.length != 2) {
-    			$$invalidate(15, error = "Language is missing! Please provide a valid language (alpha2code)");
-    			$$invalidate(14, hasErrors = true);
+    			$$invalidate(16, error = "Language is missing! Please provide a valid language (alpha2code)");
+    			$$invalidate(15, hasErrors = true);
     			console.error(error);
     		}
 
@@ -25666,12 +25769,12 @@
     	const initialSetup = () => {
     		checkAttrs();
     		setLocale(lang);
-    		$$invalidate(10, endpointURL = endpoint);
-    		$$invalidate(11, DS = datasource);
-    		$$invalidate(12, language = lang);
-    		$$invalidate(18, mostPlayed = mostplayed);
-    		$$invalidate(19, fav = favorites);
-    		$$invalidate(14, hasErrors = false);
+    		$$invalidate(11, endpointURL = endpoint);
+    		$$invalidate(12, DS = datasource);
+    		$$invalidate(13, language = lang);
+    		$$invalidate(19, mostPlayed = mostplayed);
+    		$$invalidate(20, fav = favorites);
+    		$$invalidate(15, hasErrors = false);
     		isLoading = false;
     	};
 
@@ -25701,7 +25804,7 @@
     	};
 
     	const setClientStylingURL = () => {
-    		$$invalidate(13, displayNone = true);
+    		$$invalidate(14, displayNone = true);
     		let cssFile = document.createElement("style");
 
     		fetch(new URL(clientstylingurl)).then(res => res.text()).then(data => {
@@ -25717,7 +25820,7 @@
 
     				setTimeout(
     					() => {
-    						$$invalidate(13, displayNone = false);
+    						$$invalidate(14, displayNone = false);
     					},
     					500
     				);
@@ -25728,7 +25831,7 @@
     	onMount(() => {
     		window.addEventListener("message", messageHandler, false);
 
-    		$$invalidate(16, headerPlaceholderSize = getDevice(userAgent) === "PC"
+    		$$invalidate(17, headerPlaceholderSize = getDevice(userAgent) === "PC"
     		? desktopoffset
     		: mobileoffset);
 
@@ -25758,7 +25861,8 @@
     		"favorites",
     		"desktopoffset",
     		"mobileoffset",
-    		"alternativesearch"
+    		"alternativesearch",
+    		"containermaxwidth"
     	];
 
     	Object.keys($$props).forEach(key => {
@@ -25768,32 +25872,33 @@
     	function div_binding($$value) {
     		binding_callbacks[$$value ? "unshift" : "push"](() => {
     			customStylingContainer = $$value;
-    			$$invalidate(17, customStylingContainer);
+    			$$invalidate(18, customStylingContainer);
     		});
     	}
 
     	$$self.$$set = $$props => {
-    		if ("endpoint" in $$props) $$invalidate(20, endpoint = $$props.endpoint);
-    		if ("datasource" in $$props) $$invalidate(21, datasource = $$props.datasource);
-    		if ("lang" in $$props) $$invalidate(22, lang = $$props.lang);
+    		if ("endpoint" in $$props) $$invalidate(21, endpoint = $$props.endpoint);
+    		if ("datasource" in $$props) $$invalidate(22, datasource = $$props.datasource);
+    		if ("lang" in $$props) $$invalidate(23, lang = $$props.lang);
     		if ("session" in $$props) $$invalidate(0, session = $$props.session);
     		if ("userid" in $$props) $$invalidate(1, userid = $$props.userid);
-    		if ("opsession" in $$props) $$invalidate(23, opsession = $$props.opsession);
+    		if ("opsession" in $$props) $$invalidate(24, opsession = $$props.opsession);
     		if ("clientstyling" in $$props) $$invalidate(2, clientstyling = $$props.clientstyling);
     		if ("clientstylingurl" in $$props) $$invalidate(3, clientstylingurl = $$props.clientstylingurl);
     		if ("clockformat" in $$props) $$invalidate(4, clockformat = $$props.clockformat);
     		if ("lobbyid" in $$props) $$invalidate(5, lobbyid = $$props.lobbyid);
-    		if ("loginurl" in $$props) $$invalidate(24, loginurl = $$props.loginurl);
-    		if ("registerurl" in $$props) $$invalidate(25, registerurl = $$props.registerurl);
-    		if ("depositurl" in $$props) $$invalidate(26, depositurl = $$props.depositurl);
+    		if ("loginurl" in $$props) $$invalidate(25, loginurl = $$props.loginurl);
+    		if ("registerurl" in $$props) $$invalidate(26, registerurl = $$props.registerurl);
+    		if ("depositurl" in $$props) $$invalidate(27, depositurl = $$props.depositurl);
     		if ("loginevent" in $$props) $$invalidate(6, loginevent = $$props.loginevent);
     		if ("registerevent" in $$props) $$invalidate(7, registerevent = $$props.registerevent);
     		if ("depositevent" in $$props) $$invalidate(8, depositevent = $$props.depositevent);
-    		if ("mostplayed" in $$props) $$invalidate(27, mostplayed = $$props.mostplayed);
-    		if ("favorites" in $$props) $$invalidate(28, favorites = $$props.favorites);
-    		if ("desktopoffset" in $$props) $$invalidate(29, desktopoffset = $$props.desktopoffset);
-    		if ("mobileoffset" in $$props) $$invalidate(30, mobileoffset = $$props.mobileoffset);
+    		if ("mostplayed" in $$props) $$invalidate(28, mostplayed = $$props.mostplayed);
+    		if ("favorites" in $$props) $$invalidate(29, favorites = $$props.favorites);
+    		if ("desktopoffset" in $$props) $$invalidate(30, desktopoffset = $$props.desktopoffset);
+    		if ("mobileoffset" in $$props) $$invalidate(31, mobileoffset = $$props.mobileoffset);
     		if ("alternativesearch" in $$props) $$invalidate(9, alternativesearch = $$props.alternativesearch);
+    		if ("containermaxwidth" in $$props) $$invalidate(10, containermaxwidth = $$props.containermaxwidth);
     	};
 
     	$$self.$capture_state = () => ({
@@ -25823,6 +25928,7 @@
     		desktopoffset,
     		mobileoffset,
     		alternativesearch,
+    		containermaxwidth,
     		endpointURL,
     		DS,
     		language,
@@ -25850,44 +25956,45 @@
     	});
 
     	$$self.$inject_state = $$props => {
-    		if ("endpoint" in $$props) $$invalidate(20, endpoint = $$props.endpoint);
-    		if ("datasource" in $$props) $$invalidate(21, datasource = $$props.datasource);
-    		if ("lang" in $$props) $$invalidate(22, lang = $$props.lang);
+    		if ("endpoint" in $$props) $$invalidate(21, endpoint = $$props.endpoint);
+    		if ("datasource" in $$props) $$invalidate(22, datasource = $$props.datasource);
+    		if ("lang" in $$props) $$invalidate(23, lang = $$props.lang);
     		if ("session" in $$props) $$invalidate(0, session = $$props.session);
     		if ("userid" in $$props) $$invalidate(1, userid = $$props.userid);
-    		if ("opsession" in $$props) $$invalidate(23, opsession = $$props.opsession);
+    		if ("opsession" in $$props) $$invalidate(24, opsession = $$props.opsession);
     		if ("clientstyling" in $$props) $$invalidate(2, clientstyling = $$props.clientstyling);
     		if ("clientstylingurl" in $$props) $$invalidate(3, clientstylingurl = $$props.clientstylingurl);
     		if ("clockformat" in $$props) $$invalidate(4, clockformat = $$props.clockformat);
     		if ("lobbyid" in $$props) $$invalidate(5, lobbyid = $$props.lobbyid);
-    		if ("loginurl" in $$props) $$invalidate(24, loginurl = $$props.loginurl);
-    		if ("registerurl" in $$props) $$invalidate(25, registerurl = $$props.registerurl);
-    		if ("depositurl" in $$props) $$invalidate(26, depositurl = $$props.depositurl);
+    		if ("loginurl" in $$props) $$invalidate(25, loginurl = $$props.loginurl);
+    		if ("registerurl" in $$props) $$invalidate(26, registerurl = $$props.registerurl);
+    		if ("depositurl" in $$props) $$invalidate(27, depositurl = $$props.depositurl);
     		if ("loginevent" in $$props) $$invalidate(6, loginevent = $$props.loginevent);
     		if ("registerevent" in $$props) $$invalidate(7, registerevent = $$props.registerevent);
     		if ("depositevent" in $$props) $$invalidate(8, depositevent = $$props.depositevent);
-    		if ("mostplayed" in $$props) $$invalidate(27, mostplayed = $$props.mostplayed);
-    		if ("favorites" in $$props) $$invalidate(28, favorites = $$props.favorites);
-    		if ("desktopoffset" in $$props) $$invalidate(29, desktopoffset = $$props.desktopoffset);
-    		if ("mobileoffset" in $$props) $$invalidate(30, mobileoffset = $$props.mobileoffset);
+    		if ("mostplayed" in $$props) $$invalidate(28, mostplayed = $$props.mostplayed);
+    		if ("favorites" in $$props) $$invalidate(29, favorites = $$props.favorites);
+    		if ("desktopoffset" in $$props) $$invalidate(30, desktopoffset = $$props.desktopoffset);
+    		if ("mobileoffset" in $$props) $$invalidate(31, mobileoffset = $$props.mobileoffset);
     		if ("alternativesearch" in $$props) $$invalidate(9, alternativesearch = $$props.alternativesearch);
-    		if ("endpointURL" in $$props) $$invalidate(10, endpointURL = $$props.endpointURL);
-    		if ("DS" in $$props) $$invalidate(11, DS = $$props.DS);
-    		if ("language" in $$props) $$invalidate(12, language = $$props.language);
-    		if ("displayNone" in $$props) $$invalidate(13, displayNone = $$props.displayNone);
-    		if ("hasErrors" in $$props) $$invalidate(14, hasErrors = $$props.hasErrors);
-    		if ("error" in $$props) $$invalidate(15, error = $$props.error);
+    		if ("containermaxwidth" in $$props) $$invalidate(10, containermaxwidth = $$props.containermaxwidth);
+    		if ("endpointURL" in $$props) $$invalidate(11, endpointURL = $$props.endpointURL);
+    		if ("DS" in $$props) $$invalidate(12, DS = $$props.DS);
+    		if ("language" in $$props) $$invalidate(13, language = $$props.language);
+    		if ("displayNone" in $$props) $$invalidate(14, displayNone = $$props.displayNone);
+    		if ("hasErrors" in $$props) $$invalidate(15, hasErrors = $$props.hasErrors);
+    		if ("error" in $$props) $$invalidate(16, error = $$props.error);
     		if ("isLoggedIn" in $$props) isLoggedIn = $$props.isLoggedIn;
     		if ("sessionID" in $$props) sessionID = $$props.sessionID;
     		if ("playerID" in $$props) playerID = $$props.playerID;
     		if ("userAgent" in $$props) userAgent = $$props.userAgent;
     		if ("isLoading" in $$props) isLoading = $$props.isLoading;
-    		if ("headerPlaceholderSize" in $$props) $$invalidate(16, headerPlaceholderSize = $$props.headerPlaceholderSize);
+    		if ("headerPlaceholderSize" in $$props) $$invalidate(17, headerPlaceholderSize = $$props.headerPlaceholderSize);
     		if ("scrollReference" in $$props) scrollReference = $$props.scrollReference;
     		if ("scrollTop" in $$props) scrollTop = $$props.scrollTop;
-    		if ("customStylingContainer" in $$props) $$invalidate(17, customStylingContainer = $$props.customStylingContainer);
-    		if ("mostPlayed" in $$props) $$invalidate(18, mostPlayed = $$props.mostPlayed);
-    		if ("fav" in $$props) $$invalidate(19, fav = $$props.fav);
+    		if ("customStylingContainer" in $$props) $$invalidate(18, customStylingContainer = $$props.customStylingContainer);
+    		if ("mostPlayed" in $$props) $$invalidate(19, mostPlayed = $$props.mostPlayed);
+    		if ("fav" in $$props) $$invalidate(20, fav = $$props.fav);
     	};
 
     	if ($$props && "$$inject" in $$props) {
@@ -25895,15 +26002,15 @@
     	}
 
     	$$self.$$.update = () => {
-    		if ($$self.$$.dirty[0] & /*session, userid, endpoint*/ 1048579) {
+    		if ($$self.$$.dirty[0] & /*session, userid, endpoint*/ 2097155) {
     			session && userid && endpoint && setSession();
     		}
 
-    		if ($$self.$$.dirty[0] & /*endpoint, datasource, lang, mostplayed, favorites*/ 409993216) {
+    		if ($$self.$$.dirty[0] & /*endpoint, datasource, lang, mostplayed, favorites*/ 819986432) {
     			endpoint && datasource && lang && mostplayed && favorites && initialSetup();
     		}
 
-    		if ($$self.$$.dirty[0] & /*opsession*/ 8388608) {
+    		if ($$self.$$.dirty[0] & /*opsession*/ 16777216) {
     			opsession && setOpSession();
     		}
 
@@ -25927,6 +26034,7 @@
     		registerevent,
     		depositevent,
     		alternativesearch,
+    		containermaxwidth,
     		endpointURL,
     		DS,
     		language,
@@ -25968,27 +26076,28 @@
     			create_fragment,
     			safe_not_equal,
     			{
-    				endpoint: 20,
-    				datasource: 21,
-    				lang: 22,
+    				endpoint: 21,
+    				datasource: 22,
+    				lang: 23,
     				session: 0,
     				userid: 1,
-    				opsession: 23,
+    				opsession: 24,
     				clientstyling: 2,
     				clientstylingurl: 3,
     				clockformat: 4,
     				lobbyid: 5,
-    				loginurl: 24,
-    				registerurl: 25,
-    				depositurl: 26,
+    				loginurl: 25,
+    				registerurl: 26,
+    				depositurl: 27,
     				loginevent: 6,
     				registerevent: 7,
     				depositevent: 8,
-    				mostplayed: 27,
-    				favorites: 28,
-    				desktopoffset: 29,
-    				mobileoffset: 30,
-    				alternativesearch: 9
+    				mostplayed: 28,
+    				favorites: 29,
+    				desktopoffset: 30,
+    				mobileoffset: 31,
+    				alternativesearch: 9,
+    				containermaxwidth: 10
     			},
     			[-1, -1]
     		);
@@ -26034,12 +26143,13 @@
     			"favorites",
     			"desktopoffset",
     			"mobileoffset",
-    			"alternativesearch"
+    			"alternativesearch",
+    			"containermaxwidth"
     		];
     	}
 
     	get endpoint() {
-    		return this.$$.ctx[20];
+    		return this.$$.ctx[21];
     	}
 
     	set endpoint(endpoint) {
@@ -26048,7 +26158,7 @@
     	}
 
     	get datasource() {
-    		return this.$$.ctx[21];
+    		return this.$$.ctx[22];
     	}
 
     	set datasource(datasource) {
@@ -26057,7 +26167,7 @@
     	}
 
     	get lang() {
-    		return this.$$.ctx[22];
+    		return this.$$.ctx[23];
     	}
 
     	set lang(lang) {
@@ -26084,7 +26194,7 @@
     	}
 
     	get opsession() {
-    		return this.$$.ctx[23];
+    		return this.$$.ctx[24];
     	}
 
     	set opsession(opsession) {
@@ -26129,7 +26239,7 @@
     	}
 
     	get loginurl() {
-    		return this.$$.ctx[24];
+    		return this.$$.ctx[25];
     	}
 
     	set loginurl(loginurl) {
@@ -26138,7 +26248,7 @@
     	}
 
     	get registerurl() {
-    		return this.$$.ctx[25];
+    		return this.$$.ctx[26];
     	}
 
     	set registerurl(registerurl) {
@@ -26147,7 +26257,7 @@
     	}
 
     	get depositurl() {
-    		return this.$$.ctx[26];
+    		return this.$$.ctx[27];
     	}
 
     	set depositurl(depositurl) {
@@ -26183,7 +26293,7 @@
     	}
 
     	get mostplayed() {
-    		return this.$$.ctx[27];
+    		return this.$$.ctx[28];
     	}
 
     	set mostplayed(mostplayed) {
@@ -26192,7 +26302,7 @@
     	}
 
     	get favorites() {
-    		return this.$$.ctx[28];
+    		return this.$$.ctx[29];
     	}
 
     	set favorites(favorites) {
@@ -26201,7 +26311,7 @@
     	}
 
     	get desktopoffset() {
-    		return this.$$.ctx[29];
+    		return this.$$.ctx[30];
     	}
 
     	set desktopoffset(desktopoffset) {
@@ -26210,7 +26320,7 @@
     	}
 
     	get mobileoffset() {
-    		return this.$$.ctx[30];
+    		return this.$$.ctx[31];
     	}
 
     	set mobileoffset(mobileoffset) {
@@ -26226,6 +26336,15 @@
     		this.$set({ alternativesearch });
     		flush();
     	}
+
+    	get containermaxwidth() {
+    		return this.$$.ctx[10];
+    	}
+
+    	set containermaxwidth(containermaxwidth) {
+    		this.$set({ containermaxwidth });
+    		flush();
+    	}
     }
 
     !customElements.get('casino-lobby') && customElements.define('casino-lobby', CasinoLobby);