@everymatrix/player-account-gaming-limits-group-edit 0.0.166 → 0.0.170

package/dist/player-account-gaming-limits-group-edit.js

@@ -144,9 +144,6 @@
     function set_input_value(input, value) {
         input.value = value == null ? '' : value;
     }
-    function set_style(node, key, value, important) {
-        node.style.setProperty(key, value, important ? 'important' : '');
-    }
     function select_option(select, value) {
         for (let i = 0; i < select.options.length; i += 1) {
             const option = select.options[i];
@@ -11617,7 +11614,96 @@
     	return child_ctx;
     }
 
-    // (433:2) {#if showsuccessnotification}
+    // (418:2) {#if isMobile}
+    function create_if_block_18(ctx) {
+    	let div;
+    	let svg;
+    	let defs;
+    	let style;
+    	let t0;
+    	let g1;
+    	let g0;
+    	let path;
+    	let t1;
+    	let h2;
+    	let t2_value = /*$_*/ ctx[17]("editText.back") + "";
+    	let t2;
+    	let mounted;
+    	let dispose;
+
+    	const block = {
+    		c: function create() {
+    			div = element("div");
+    			svg = svg_element("svg");
+    			defs = svg_element("defs");
+    			style = svg_element("style");
+    			t0 = text(".aaa{fill:#d0046c;}");
+    			g1 = svg_element("g");
+    			g0 = svg_element("g");
+    			path = svg_element("path");
+    			t1 = space();
+    			h2 = element("h2");
+    			t2 = text(t2_value);
+    			add_location(style, file, 419, 95, 17419);
+    			add_location(defs, file, 419, 89, 17413);
+    			attr_dev(path, "class", "aaa");
+    			attr_dev(path, "d", "M7.5,0,6.136,1.364,11.3,6.526H0V8.474H11.3L6.136,13.636,7.5,15,15,7.5Z");
+    			attr_dev(path, "transform", "translate(15 15) rotate(180)");
+    			add_location(path, file, 421, 10, 17548);
+    			attr_dev(g0, "transform", "translate(20 158)");
+    			add_location(g0, file, 420, 8, 17504);
+    			attr_dev(g1, "transform", "translate(-20 -158)");
+    			add_location(g1, file, 419, 136, 17460);
+    			attr_dev(svg, "xmlns", "http://www.w3.org/2000/svg");
+    			attr_dev(svg, "width", "15");
+    			attr_dev(svg, "height", "15");
+    			attr_dev(svg, "viewBox", "0 0 15 15");
+    			add_location(svg, file, 419, 6, 17330);
+    			attr_dev(h2, "class", "ChangePasswordTitleMobile");
+    			add_location(h2, file, 425, 6, 17721);
+    			attr_dev(div, "class", "MenuReturnButton");
+    			add_location(div, file, 418, 4, 17258);
+    		},
+    		m: function mount(target, anchor) {
+    			insert_dev(target, div, anchor);
+    			append_dev(div, svg);
+    			append_dev(svg, defs);
+    			append_dev(defs, style);
+    			append_dev(style, t0);
+    			append_dev(svg, g1);
+    			append_dev(g1, g0);
+    			append_dev(g0, path);
+    			append_dev(div, t1);
+    			append_dev(div, h2);
+    			append_dev(h2, t2);
+
+    			if (!mounted) {
+    				dispose = listen_dev(div, "click", /*switchToLimitsGroupView*/ ctx[23], false, false, false);
+    				mounted = true;
+    			}
+    		},
+    		p: function update(ctx, dirty) {
+    			if (dirty[0] & /*$_*/ 131072 && t2_value !== (t2_value = /*$_*/ ctx[17]("editText.back") + "")) set_data_dev(t2, t2_value);
+    		},
+    		d: function destroy(detaching) {
+    			if (detaching) detach_dev(div);
+    			mounted = false;
+    			dispose();
+    		}
+    	};
+
+    	dispatch_dev("SvelteRegisterBlock", {
+    		block,
+    		id: create_if_block_18.name,
+    		type: "if",
+    		source: "(418:2) {#if isMobile}",
+    		ctx
+    	});
+
+    	return block;
+    }
+
+    // (447:2) {#if showsuccessnotification}
     function create_if_block_17(ctx) {
     	let div;
     	let p;
@@ -11629,9 +11715,9 @@
     			div = element("div");
     			p = element("p");
     			t = text(t_value);
-    			add_location(p, file, 434, 6, 18409);
+    			add_location(p, file, 448, 6, 18818);
     			attr_dev(div, "class", "AccountEditLimitSuccessfulChangeContainer");
-    			add_location(div, file, 433, 4, 18347);
+    			add_location(div, file, 447, 4, 18756);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -11650,14 +11736,14 @@
     		block,
     		id: create_if_block_17.name,
     		type: "if",
-    		source: "(433:2) {#if showsuccessnotification}",
+    		source: "(447:2) {#if showsuccessnotification}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (438:2) {#if showdeletenotification}
+    // (452:2) {#if showdeletenotification}
     function create_if_block_14(ctx) {
     	let div;
 
@@ -11674,7 +11760,7 @@
     			div = element("div");
     			if_block.c();
     			attr_dev(div, "class", "AccountEditLimitSuccessfulChangeContainer");
-    			add_location(div, file, 438, 4, 18495);
+    			add_location(div, file, 452, 4, 18904);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -11703,14 +11789,14 @@
     		block,
     		id: create_if_block_14.name,
     		type: "if",
-    		source: "(438:2) {#if showdeletenotification}",
+    		source: "(452:2) {#if showdeletenotification}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (446:6) {:else}
+    // (460:6) {:else}
     function create_else_block_2(ctx) {
     	let p;
     	let t0_value = /*$_*/ ctx[17]("editText.remove") + "";
@@ -11729,7 +11815,7 @@
     			t0 = text(t0_value);
     			t1 = space();
     			t2 = text(t2_value);
-    			add_location(p, file, 446, 8, 18880);
+    			add_location(p, file, 460, 8, 19289);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -11753,14 +11839,14 @@
     		block,
     		id: create_else_block_2.name,
     		type: "else",
-    		source: "(446:6) {:else}",
+    		source: "(460:6) {:else}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (440:6) {#if isArray}
+    // (454:6) {#if isArray}
     function create_if_block_15(ctx) {
     	let each_1_anchor;
     	let each_value_5 = /*limitsUpdateData*/ ctx[13];
@@ -11821,14 +11907,14 @@
     		block,
     		id: create_if_block_15.name,
     		type: "if",
-    		source: "(440:6) {#if isArray}",
+    		source: "(454:6) {#if isArray}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (442:10) {#if selectData.period == storedData[index].periodName}
+    // (456:10) {#if selectData.period == storedData[index].periodName}
     function create_if_block_16(ctx) {
     	let p;
     	let t0_value = /*$_*/ ctx[17]("editText.remove") + "";
@@ -11847,7 +11933,7 @@
     			t0 = text(t0_value);
     			t1 = space();
     			t2 = text(t2_value);
-    			add_location(p, file, 442, 12, 18703);
+    			add_location(p, file, 456, 12, 19112);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -11871,14 +11957,14 @@
     		block,
     		id: create_if_block_16.name,
     		type: "if",
-    		source: "(442:10) {#if selectData.period == storedData[index].periodName}",
+    		source: "(456:10) {#if selectData.period == storedData[index].periodName}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (441:8) {#each limitsUpdateData as selectData, index}
+    // (455:8) {#each limitsUpdateData as selectData, index}
     function create_each_block_5(ctx) {
     	let if_block_anchor;
     	let if_block = /*selectData*/ ctx[48].period == /*storedData*/ ctx[16][/*index*/ ctx[50]].periodName && create_if_block_16(ctx);
@@ -11916,14 +12002,14 @@
     		block,
     		id: create_each_block_5.name,
     		type: "each",
-    		source: "(441:8) {#each limitsUpdateData as selectData, index}",
+    		source: "(455:8) {#each limitsUpdateData as selectData, index}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (451:2) {#if showLimits}
+    // (465:2) {#if showLimits}
     function create_if_block(ctx) {
     	let div;
 
@@ -11940,7 +12026,7 @@
     			div = element("div");
     			if_block.c();
     			attr_dev(div, "class", "AccountEditContent");
-    			add_location(div, file, 451, 2, 19055);
+    			add_location(div, file, 465, 2, 19464);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -11969,14 +12055,14 @@
     		block,
     		id: create_if_block.name,
     		type: "if",
-    		source: "(451:2) {#if showLimits}",
+    		source: "(465:2) {#if showLimits}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (492:4) {:else}
+    // (506:4) {:else}
     function create_else_block_1(ctx) {
     	let div1;
     	let div0;
@@ -12023,15 +12109,15 @@
     			}
 
     			attr_dev(p, "class", "AccountEditLimitsTitle");
-    			add_location(p, file, 494, 10, 22230);
+    			add_location(p, file, 508, 10, 22637);
     			attr_dev(select, "class", "AccountEditField " + (/*isMobile*/ ctx[18] ? "TimeoutSelectMobile" : ""));
     			select.disabled = select_disabled_value = /*limitsUpdateData*/ ctx[13].isModified === true;
     			if (/*limitsUpdateData*/ ctx[13].period === void 0) add_render_callback(() => /*select_change_handler_1*/ ctx[29].call(select));
-    			add_location(select, file, 495, 10, 22284);
+    			add_location(select, file, 509, 10, 22691);
     			attr_dev(div0, "class", "AccountEditLimitsSplitSection");
-    			add_location(div0, file, 493, 8, 22176);
+    			add_location(div0, file, 507, 8, 22583);
     			attr_dev(div1, "class", "AccountEditLimitsContainer");
-    			add_location(div1, file, 492, 6, 22127);
+    			add_location(div1, file, 506, 6, 22534);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div1, anchor);
@@ -12141,14 +12227,14 @@
     		block,
     		id: create_else_block_1.name,
     		type: "else",
-    		source: "(492:4) {:else}",
+    		source: "(506:4) {:else}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (453:4) {#if (isArray)}
+    // (467:4) {#if (isArray)}
     function create_if_block_1(ctx) {
     	let div;
     	let each_value = /*limitsUpdateData*/ ctx[13];
@@ -12168,7 +12254,7 @@
     			}
 
     			attr_dev(div, "class", "AccountEditLimitsContainer");
-    			add_location(div, file, 453, 6, 19179);
+    			add_location(div, file, 467, 6, 19586);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -12212,14 +12298,14 @@
     		block,
     		id: create_if_block_1.name,
     		type: "if",
-    		source: "(453:4) {#if (isArray)}",
+    		source: "(467:4) {#if (isArray)}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (497:12) {#each periodValues as selectData}
+    // (511:12) {#each periodValues as selectData}
     function create_each_block_4(ctx) {
     	let option;
     	let t_value = /*selectData*/ ctx[48] + "";
@@ -12231,7 +12317,7 @@
     			t = text(t_value);
     			option.__value = /*selectData*/ ctx[48];
     			option.value = option.__value;
-    			add_location(option, file, 497, 14, 22585);
+    			add_location(option, file, 511, 14, 22992);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, option, anchor);
@@ -12247,14 +12333,14 @@
     		block,
     		id: create_each_block_4.name,
     		type: "each",
-    		source: "(497:12) {#each periodValues as selectData}",
+    		source: "(511:12) {#each periodValues as selectData}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (503:10) {#if limitsUpdateData.period === savedData.periodName}
+    // (517:10) {#if limitsUpdateData.period === savedData.periodName}
     function create_if_block_9(ctx) {
     	let div1;
     	let p;
@@ -12308,21 +12394,21 @@
     			if (if_block1) if_block1.c();
     			t5 = space();
     			attr_dev(p, "class", "AccountEditLimitsTitle");
-    			add_location(p, file, 504, 14, 22871);
+    			add_location(p, file, 518, 14, 23278);
     			option.__value = "";
     			option.value = option.__value;
     			option.disabled = true;
     			option.selected = true;
     			option.hidden = true;
-    			add_location(option, file, 506, 16, 23189);
+    			add_location(option, file, 520, 16, 23596);
     			attr_dev(select, "class", "AccountEditField " + (/*isMobile*/ ctx[18] ? "TimeoutSelectMobile" : ""));
     			select.disabled = select_disabled_value = /*limitsUpdateData*/ ctx[13].isModified === true;
     			if (/*savedData*/ ctx[54].amount === void 0) add_render_callback(select_change_handler_2);
-    			add_location(select, file, 505, 14, 22947);
+    			add_location(select, file, 519, 14, 23354);
     			attr_dev(div0, "class", "AccountEditLimitsInputContainer");
-    			add_location(div0, file, 511, 14, 23581);
+    			add_location(div0, file, 525, 14, 23988);
     			attr_dev(div1, "class", "AccountEditLimitsSplitSection");
-    			add_location(div1, file, 503, 12, 22813);
+    			add_location(div1, file, 517, 12, 23220);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div1, anchor);
@@ -12440,14 +12526,14 @@
     		block,
     		id: create_if_block_9.name,
     		type: "if",
-    		source: "(503:10) {#if limitsUpdateData.period === savedData.periodName}",
+    		source: "(517:10) {#if limitsUpdateData.period === savedData.periodName}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (509:58) {#if selectData !== "No limit" && selectData !== "Custom"}
+    // (523:58) {#if selectData !== "No limit" && selectData !== "Custom"}
     function create_if_block_13(ctx) {
     	let t;
 
@@ -12470,14 +12556,14 @@
     		block,
     		id: create_if_block_13.name,
     		type: "if",
-    		source: "(509:58) {#if selectData !== \\\"No limit\\\" && selectData !== \\\"Custom\\\"}",
+    		source: "(523:58) {#if selectData !== \\\"No limit\\\" && selectData !== \\\"Custom\\\"}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (508:16) {#each lossLimitPredefinedValues as selectData}
+    // (522:16) {#each lossLimitPredefinedValues as selectData}
     function create_each_block_3(ctx) {
     	let option;
     	let t0_value = /*selectData*/ ctx[48] + "";
@@ -12493,7 +12579,7 @@
     			if (if_block) if_block.c();
     			option.__value = /*selectData*/ ctx[48];
     			option.value = option.__value;
-    			add_location(option, file, 508, 18, 23347);
+    			add_location(option, file, 522, 18, 23754);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, option, anchor);
@@ -12514,14 +12600,14 @@
     		block,
     		id: create_each_block_3.name,
     		type: "each",
-    		source: "(508:16) {#each lossLimitPredefinedValues as selectData}",
+    		source: "(522:16) {#each lossLimitPredefinedValues as selectData}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (513:16) {#if savedData.amount === "Custom"}
+    // (527:16) {#if savedData.amount === "Custom"}
     function create_if_block_11(ctx) {
     	let input;
     	let input_disabled_value;
@@ -12545,7 +12631,7 @@
     			attr_dev(input, "type", "number");
     			attr_dev(input, "class", "AccountEditField");
     			input.disabled = input_disabled_value = /*limitsUpdateData*/ ctx[13].isModified === true;
-    			add_location(input, file, 513, 18, 23697);
+    			add_location(input, file, 527, 18, 24104);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, input, anchor);
@@ -12610,14 +12696,14 @@
     		block,
     		id: create_if_block_11.name,
     		type: "if",
-    		source: "(513:16) {#if savedData.amount === \\\"Custom\\\"}",
+    		source: "(527:16) {#if savedData.amount === \\\"Custom\\\"}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (515:18) {#if invalidIndex === true}
+    // (529:18) {#if invalidIndex === true}
     function create_if_block_12(ctx) {
     	let p;
     	let span;
@@ -12630,9 +12716,9 @@
     			span = element("span");
     			t = text(t_value);
     			attr_dev(span, "class", "InvalidInput InvalidSingleRow");
-    			add_location(span, file, 516, 20, 24015);
+    			add_location(span, file, 530, 20, 24422);
     			attr_dev(p, "class", "AccountEditWarningText");
-    			add_location(p, file, 515, 18, 23960);
+    			add_location(p, file, 529, 18, 24367);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -12651,14 +12737,14 @@
     		block,
     		id: create_if_block_12.name,
     		type: "if",
-    		source: "(515:18) {#if invalidIndex === true}",
+    		source: "(529:18) {#if invalidIndex === true}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (521:16) {#if limitsUpdateData.isModified === true}
+    // (535:16) {#if limitsUpdateData.isModified === true}
     function create_if_block_10(ctx) {
     	let p0;
     	let t0_value = /*$_*/ ctx[17]("editText.expirationDate") + "";
@@ -12709,15 +12795,15 @@
     			t8 = space();
     			t9 = text(/*playercurrency*/ ctx[4]);
     			t10 = text(t10_value);
-    			add_location(span0, file, 521, 89, 24325);
+    			add_location(span0, file, 535, 89, 24732);
     			attr_dev(p0, "class", "AccountEditLimitsExpiryDate");
-    			add_location(p0, file, 521, 18, 24254);
+    			add_location(p0, file, 535, 18, 24661);
     			attr_dev(span1, "class", "AccountEditLimitChangePeriodIcon");
-    			add_location(span1, file, 523, 23, 24528);
-    			add_location(span2, file, 523, 78, 24583);
-    			add_location(p1, file, 523, 20, 24525);
+    			add_location(span1, file, 537, 23, 24935);
+    			add_location(span2, file, 537, 78, 24990);
+    			add_location(p1, file, 537, 20, 24932);
     			attr_dev(div, "class", "AccountEditLimitsPeriodChangeContainer");
-    			add_location(div, file, 522, 18, 24452);
+    			add_location(div, file, 536, 18, 24859);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p0, anchor);
@@ -12764,14 +12850,14 @@
     		block,
     		id: create_if_block_10.name,
     		type: "if",
-    		source: "(521:16) {#if limitsUpdateData.isModified === true}",
+    		source: "(535:16) {#if limitsUpdateData.isModified === true}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (502:8) {#each storedData as savedData, index}
+    // (516:8) {#each storedData as savedData, index}
     function create_each_block_2(ctx) {
     	let if_block_anchor;
     	let if_block = /*limitsUpdateData*/ ctx[13].period === /*savedData*/ ctx[54].periodName && create_if_block_9(ctx);
@@ -12809,14 +12895,14 @@
     		block,
     		id: create_each_block_2.name,
     		type: "each",
-    		source: "(502:8) {#each storedData as savedData, index}",
+    		source: "(516:8) {#each storedData as savedData, index}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (458:12) {#if selectData.period == storedData[index].periodName}
+    // (472:12) {#if selectData.period == storedData[index].periodName}
     function create_if_block_2(ctx) {
     	let select;
     	let option;
@@ -12863,11 +12949,11 @@
     			option.disabled = true;
     			option.selected = true;
     			option.hidden = true;
-    			add_location(option, file, 459, 16, 19727);
+    			add_location(option, file, 473, 16, 20134);
     			attr_dev(select, "class", "AccountEditField " + (/*isMobile*/ ctx[18] ? "TimeoutSelectMobile" : ""));
     			select.disabled = select_disabled_value = /*selectData*/ ctx[48].isModified === true;
     			if (/*storedData*/ ctx[16][/*index*/ ctx[50]].amount === void 0) add_render_callback(select_change_handler);
-    			add_location(select, file, 458, 14, 19471);
+    			add_location(select, file, 472, 14, 19878);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, select, anchor);
@@ -12982,14 +13068,14 @@
     		block,
     		id: create_if_block_2.name,
     		type: "if",
-    		source: "(458:12) {#if selectData.period == storedData[index].periodName}",
+    		source: "(472:12) {#if selectData.period == storedData[index].periodName}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (462:66) {#if predefinedData !== "No limit" && predefinedData !== "Custom"}
+    // (476:66) {#if predefinedData !== "No limit" && predefinedData !== "Custom"}
     function create_if_block_8(ctx) {
     	let t_value = (/*limitname*/ ctx[3] !== "Time Limit"
     	? /*playercurrency*/ ctx[4]
@@ -13018,14 +13104,14 @@
     		block,
     		id: create_if_block_8.name,
     		type: "if",
-    		source: "(462:66) {#if predefinedData !== \\\"No limit\\\" && predefinedData !== \\\"Custom\\\"}",
+    		source: "(476:66) {#if predefinedData !== \\\"No limit\\\" && predefinedData !== \\\"Custom\\\"}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (461:16) {#each depositPredefinedValues[index].values as predefinedData}
+    // (475:16) {#each depositPredefinedValues[index].values as predefinedData}
     function create_each_block_1(ctx) {
     	let option;
     	let t0_value = /*predefinedData*/ ctx[51] + "";
@@ -13041,7 +13127,7 @@
     			if (if_block) if_block.c();
     			option.__value = /*predefinedData*/ ctx[51];
     			option.value = option.__value;
-    			add_location(option, file, 461, 18, 19901);
+    			add_location(option, file, 475, 18, 20308);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, option, anchor);
@@ -13062,14 +13148,14 @@
     		block,
     		id: create_each_block_1.name,
     		type: "each",
-    		source: "(461:16) {#each depositPredefinedValues[index].values as predefinedData}",
+    		source: "(475:16) {#each depositPredefinedValues[index].values as predefinedData}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (465:14) {#if storedData[index].amount === "Custom"}
+    // (479:14) {#if storedData[index].amount === "Custom"}
     function create_if_block_4(ctx) {
     	let if_block_anchor;
 
@@ -13113,14 +13199,14 @@
     		block,
     		id: create_if_block_4.name,
     		type: "if",
-    		source: "(465:14) {#if storedData[index].amount === \\\"Custom\\\"}",
+    		source: "(479:14) {#if storedData[index].amount === \\\"Custom\\\"}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (473:16) {:else}
+    // (487:16) {:else}
     function create_else_block(ctx) {
     	let input;
     	let input_disabled_value;
@@ -13144,9 +13230,9 @@
     			attr_dev(input, "type", "number");
     			attr_dev(input, "class", "AccountEditField");
     			input.disabled = input_disabled_value = /*selectData*/ ctx[48].isModified === true;
-    			add_location(input, file, 473, 18, 20762);
+    			add_location(input, file, 487, 18, 21169);
     			attr_dev(p, "class", "AccountEditWarningText");
-    			add_location(p, file, 474, 18, 20992);
+    			add_location(p, file, 488, 18, 21399);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, input, anchor);
@@ -13211,14 +13297,14 @@
     		block,
     		id: create_else_block.name,
     		type: "else",
-    		source: "(473:16) {:else}",
+    		source: "(487:16) {:else}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (466:16) {#if limitname === "Deposit Limit"}
+    // (480:16) {#if limitname === "Deposit Limit"}
     function create_if_block_5(ctx) {
     	let input;
     	let input_disabled_value;
@@ -13242,9 +13328,9 @@
     			attr_dev(input, "type", "number");
     			attr_dev(input, "class", "AccountEditField");
     			input.disabled = input_disabled_value = /*selectData*/ ctx[48].isModified === true;
-    			add_location(input, file, 466, 18, 20264);
+    			add_location(input, file, 480, 18, 20671);
     			attr_dev(p, "class", "AccountEditWarningText");
-    			add_location(p, file, 467, 18, 20495);
+    			add_location(p, file, 481, 18, 20902);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, input, anchor);
@@ -13309,14 +13395,14 @@
     		block,
     		id: create_if_block_5.name,
     		type: "if",
-    		source: "(466:16) {#if limitname === \\\"Deposit Limit\\\"}",
+    		source: "(480:16) {#if limitname === \\\"Deposit Limit\\\"}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (476:20) {#if invalidIndexes[index] == 1}
+    // (490:20) {#if invalidIndexes[index] == 1}
     function create_if_block_7(ctx) {
     	let p;
 
@@ -13334,7 +13420,7 @@
     			p = element("p");
     			t = text(t_value);
     			attr_dev(p, "class", "InvalidInput");
-    			add_location(p, file, 476, 22, 21102);
+    			add_location(p, file, 490, 22, 21509);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -13357,14 +13443,14 @@
     		block,
     		id: create_if_block_7.name,
     		type: "if",
-    		source: "(476:20) {#if invalidIndexes[index] == 1}",
+    		source: "(490:20) {#if invalidIndexes[index] == 1}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (469:20) {#if invalidIndexes[index] == 1}
+    // (483:20) {#if invalidIndexes[index] == 1}
     function create_if_block_6(ctx) {
     	let p;
     	let t_value = /*$_*/ ctx[17]("editText.invalidInputMessageLimit") + "";
@@ -13375,7 +13461,7 @@
     			p = element("p");
     			t = text(t_value);
     			attr_dev(p, "class", "InvalidInput");
-    			add_location(p, file, 469, 18, 20601);
+    			add_location(p, file, 483, 18, 21008);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -13393,14 +13479,14 @@
     		block,
     		id: create_if_block_6.name,
     		type: "if",
-    		source: "(469:20) {#if invalidIndexes[index] == 1}",
+    		source: "(483:20) {#if invalidIndexes[index] == 1}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (482:14) {#if selectData.isModified === true}
+    // (496:14) {#if selectData.isModified === true}
     function create_if_block_3(ctx) {
     	let p0;
     	let t0_value = /*$_*/ ctx[17]("editText.expirationDate") + "";
@@ -13456,15 +13542,15 @@
     			t8 = space();
     			t9 = text(t9_value);
     			t10 = text(t10_value);
-    			add_location(span0, file, 482, 87, 21460);
+    			add_location(span0, file, 496, 87, 21867);
     			attr_dev(p0, "class", "AccountEditLimitsExpiryDate");
-    			add_location(p0, file, 482, 16, 21389);
+    			add_location(p0, file, 496, 16, 21796);
     			attr_dev(span1, "class", "AccountEditLimitChangePeriodIcon");
-    			add_location(span1, file, 484, 19, 21657);
-    			add_location(span2, file, 484, 74, 21712);
-    			add_location(p1, file, 484, 16, 21654);
+    			add_location(span1, file, 498, 19, 22064);
+    			add_location(span2, file, 498, 74, 22119);
+    			add_location(p1, file, 498, 16, 22061);
     			attr_dev(div, "class", "AccountEditLimitsPeriodChangeContainer");
-    			add_location(div, file, 483, 16, 21585);
+    			add_location(div, file, 497, 16, 21992);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p0, anchor);
@@ -13514,14 +13600,14 @@
     		block,
     		id: create_if_block_3.name,
     		type: "if",
-    		source: "(482:14) {#if selectData.isModified === true}",
+    		source: "(496:14) {#if selectData.isModified === true}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (455:8) {#each limitsUpdateData as selectData, index}
+    // (469:8) {#each limitsUpdateData as selectData, index}
     function create_each_block(ctx) {
     	let div;
     	let p;
@@ -13540,9 +13626,9 @@
     			if (if_block) if_block.c();
     			t2 = space();
     			attr_dev(p, "class", "AccountEditLimitsTitle");
-    			add_location(p, file, 456, 12, 19331);
+    			add_location(p, file, 470, 12, 19738);
     			attr_dev(div, "class", "AccountEditLimitsBox");
-    			add_location(div, file, 455, 10, 19284);
+    			add_location(div, file, 469, 10, 19691);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -13578,7 +13664,7 @@
     		block,
     		id: create_each_block.name,
     		type: "each",
-    		source: "(455:8) {#each limitsUpdateData as selectData, index}",
+    		source: "(469:8) {#each limitsUpdateData as selectData, index}",
     		ctx
     	});
 
@@ -13587,164 +13673,182 @@
 
     function create_fragment(ctx) {
     	let div4;
+    	let t0;
     	let div0;
     	let svg;
-    	let g;
-    	let path;
-    	let t0;
-    	let span0;
-    	let t1_value = /*$_*/ ctx[17]("editText.back") + "";
+    	let defs;
+    	let style;
     	let t1;
+    	let g1;
+    	let g0;
+    	let path;
     	let t2;
-    	let div2;
-    	let h6;
-    	let t3_value = (/*limitsdata*/ ctx[0] ? /*limitname*/ ctx[3] : "") + "";
+    	let h2;
+    	let t3_value = /*$_*/ ctx[17]("editText.back") + "";
     	let t3;
     	let t4;
-    	let div1;
-    	let span1;
+    	let div2;
+    	let h6;
+    	let t5_value = (/*limitsdata*/ ctx[0] ? /*limitname*/ ctx[3] : "") + "";
+    	let t5;
     	let t6;
-    	let player_account_gaming_limits_popup;
-    	let t7;
+    	let div1;
+    	let span;
     	let t8;
+    	let player_account_gaming_limits_popup;
     	let t9;
     	let t10;
+    	let t11;
+    	let t12;
     	let div3;
     	let button;
-    	let t11_value = /*$_*/ ctx[17]("editText.save") + "";
-    	let t11;
+    	let t13_value = /*$_*/ ctx[17]("editText.save") + "";
+    	let t13;
     	let button_class_value;
     	let button_disabled_value;
-    	let t12;
+    	let t14;
     	let player_account_modal;
     	let player_account_gaming_limits_confirmation_modal;
     	let mounted;
     	let dispose;
-    	let if_block0 = /*showsuccessnotification*/ ctx[1] && create_if_block_17(ctx);
-    	let if_block1 = /*showdeletenotification*/ ctx[2] && create_if_block_14(ctx);
-    	let if_block2 = /*showLimits*/ ctx[6] && create_if_block(ctx);
+    	let if_block0 = /*isMobile*/ ctx[18] && create_if_block_18(ctx);
+    	let if_block1 = /*showsuccessnotification*/ ctx[1] && create_if_block_17(ctx);
+    	let if_block2 = /*showdeletenotification*/ ctx[2] && create_if_block_14(ctx);
+    	let if_block3 = /*showLimits*/ ctx[6] && create_if_block(ctx);
 
     	const block = {
     		c: function create() {
     			div4 = element("div");
+    			if (if_block0) if_block0.c();
+    			t0 = space();
     			div0 = element("div");
     			svg = svg_element("svg");
-    			g = svg_element("g");
+    			defs = svg_element("defs");
+    			style = svg_element("style");
+    			t1 = text(".aaa{fill:#d0046c;}");
+    			g1 = svg_element("g");
+    			g0 = svg_element("g");
     			path = svg_element("path");
-    			t0 = space();
-    			span0 = element("span");
-    			t1 = text(t1_value);
     			t2 = space();
-    			div2 = element("div");
-    			h6 = element("h6");
+    			h2 = element("h2");
     			t3 = text(t3_value);
     			t4 = space();
-    			div1 = element("div");
-    			span1 = element("span");
-    			span1.textContent = "i";
+    			div2 = element("div");
+    			h6 = element("h6");
+    			t5 = text(t5_value);
     			t6 = space();
-    			player_account_gaming_limits_popup = element("player-account-gaming-limits-popup");
-    			t7 = space();
-    			if (if_block0) if_block0.c();
+    			div1 = element("div");
+    			span = element("span");
+    			span.textContent = "i";
     			t8 = space();
-    			if (if_block1) if_block1.c();
+    			player_account_gaming_limits_popup = element("player-account-gaming-limits-popup");
     			t9 = space();
-    			if (if_block2) if_block2.c();
+    			if (if_block1) if_block1.c();
     			t10 = space();
+    			if (if_block2) if_block2.c();
+    			t11 = space();
+    			if (if_block3) if_block3.c();
+    			t12 = space();
     			div3 = element("div");
     			button = element("button");
-    			t11 = text(t11_value);
-    			t12 = space();
+    			t13 = text(t13_value);
+    			t14 = space();
     			player_account_modal = element("player-account-modal");
     			player_account_gaming_limits_confirmation_modal = element("player-account-gaming-limits-confirmation-modal");
     			this.c = noop$1;
-    			attr_dev(path, "id", "Chevron_Right");
-    			attr_dev(path, "d", "M57.633,129.007L165.93,237.268c4.752,4.74,12.451,4.74,17.215,0c4.752-4.74,4.752-12.439,0-17.179\n          l-99.707-99.671l99.695-99.671c4.752-4.74,4.752-12.439,0-17.191c-4.752-4.74-12.463-4.74-17.215,0L57.621,111.816\n          C52.942,116.507,52.942,124.327,57.633,129.007z");
-    			add_location(path, file, 418, 8, 17593);
-    			add_location(g, file, 417, 6, 17581);
-    			attr_dev(svg, "version", "1.1");
-    			attr_dev(svg, "id", "Capa_1");
+    			add_location(style, file, 429, 93, 17971);
+    			add_location(defs, file, 429, 87, 17965);
+    			attr_dev(path, "class", "aaa");
+    			attr_dev(path, "d", "M7.5,0,6.136,1.364,11.3,6.526H0V8.474H11.3L6.136,13.636,7.5,15,15,7.5Z");
+    			attr_dev(path, "transform", "translate(15 15) rotate(180)");
+    			add_location(path, file, 431, 8, 18096);
+    			attr_dev(g0, "transform", "translate(20 158)");
+    			add_location(g0, file, 430, 6, 18054);
+    			attr_dev(g1, "transform", "translate(-20 -158)");
+    			add_location(g1, file, 429, 134, 18012);
     			attr_dev(svg, "xmlns", "http://www.w3.org/2000/svg");
-    			attr_dev(svg, "xmlns:xlink", "http://www.w3.org/1999/xlink");
-    			attr_dev(svg, "x", "0px");
-    			attr_dev(svg, "y", "0px");
-    			attr_dev(svg, "viewBox", "0 0 240.823 240.823");
-    			set_style(svg, "enable-background", "new 0 0 240.823 240.823");
-    			attr_dev(svg, "xml:space", "preserve");
-    			attr_dev(svg, "width", "18px");
-    			attr_dev(svg, "fill", "#58586B");
-    			add_location(svg, file, 415, 4, 17313);
-    			add_location(span0, file, 423, 4, 17924);
+    			attr_dev(svg, "width", "15");
+    			attr_dev(svg, "height", "15");
+    			attr_dev(svg, "viewBox", "0 0 15 15");
+    			add_location(svg, file, 429, 4, 17882);
+    			attr_dev(h2, "class", "ChangePasswordTitle " + (/*isMobile*/ ctx[18] ? "ChangePasswordTitleNone" : ""));
+    			add_location(h2, file, 434, 4, 18262);
     			attr_dev(div0, "class", "AccountEditBackButton");
-    			add_location(div0, file, 414, 2, 17238);
-    			add_location(h6, file, 426, 4, 18012);
-    			attr_dev(span1, "class", "AccountEditLimitsIcon");
-    			add_location(span1, file, 428, 6, 18104);
+    			add_location(div0, file, 428, 2, 17807);
+    			add_location(h6, file, 440, 4, 18421);
+    			attr_dev(span, "class", "AccountEditLimitsIcon");
+    			add_location(span, file, 442, 6, 18513);
     			set_custom_element_data(player_account_gaming_limits_popup, "showpopup", /*showPopup*/ ctx[5]);
-    			add_location(player_account_gaming_limits_popup, file, 429, 6, 18195);
+    			add_location(player_account_gaming_limits_popup, file, 443, 6, 18604);
     			attr_dev(div1, "class", "AccountEditLimitsIconWrapper");
-    			add_location(div1, file, 427, 4, 18055);
+    			add_location(div1, file, 441, 4, 18464);
     			attr_dev(div2, "class", "AccountEditLimitsHeader");
-    			add_location(div2, file, 425, 2, 17970);
+    			add_location(div2, file, 439, 2, 18379);
 
     			attr_dev(button, "class", button_class_value = "AccountEditLimitsSaveButton " + (/*hasDifferences*/ ctx[14]
     			? ""
     			: "AccountEditLimitsButtonDisabled"));
 
     			button.disabled = button_disabled_value = !/*hasDifferences*/ ctx[14];
-    			add_location(button, file, 535, 4, 24963);
+    			add_location(button, file, 549, 4, 25370);
     			attr_dev(div3, "class", "AccountEditLimitsControlArea");
-    			add_location(div3, file, 534, 2, 24916);
+    			add_location(div3, file, 548, 2, 25323);
 
     			attr_dev(div4, "class", "AccountEditLimitsWrapper " + (/*isMobile*/ ctx[18]
     			? "AccountEditLimitsMobileWrapper"
     			: ""));
 
-    			add_location(div4, file, 413, 0, 17146);
+    			add_location(div4, file, 413, 0, 17144);
     			set_custom_element_data(player_account_gaming_limits_confirmation_modal, "modaltext", /*changeLimitsText*/ ctx[9]);
     			set_custom_element_data(player_account_gaming_limits_confirmation_modal, "modalsource", "groupEdit");
-    			add_location(player_account_gaming_limits_confirmation_modal, file, 540, 2, 25211);
-    			add_location(player_account_modal, file, 539, 0, 25186);
+    			add_location(player_account_gaming_limits_confirmation_modal, file, 554, 2, 25618);
+    			add_location(player_account_modal, file, 553, 0, 25593);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div4, anchor);
+    			if (if_block0) if_block0.m(div4, null);
+    			append_dev(div4, t0);
     			append_dev(div4, div0);
     			append_dev(div0, svg);
-    			append_dev(svg, g);
-    			append_dev(g, path);
-    			append_dev(div0, t0);
-    			append_dev(div0, span0);
-    			append_dev(span0, t1);
-    			append_dev(div4, t2);
+    			append_dev(svg, defs);
+    			append_dev(defs, style);
+    			append_dev(style, t1);
+    			append_dev(svg, g1);
+    			append_dev(g1, g0);
+    			append_dev(g0, path);
+    			append_dev(div0, t2);
+    			append_dev(div0, h2);
+    			append_dev(h2, t3);
+    			append_dev(div4, t4);
     			append_dev(div4, div2);
     			append_dev(div2, h6);
-    			append_dev(h6, t3);
-    			append_dev(div2, t4);
+    			append_dev(h6, t5);
+    			append_dev(div2, t6);
     			append_dev(div2, div1);
-    			append_dev(div1, span1);
-    			append_dev(div1, t6);
+    			append_dev(div1, span);
+    			append_dev(div1, t8);
     			append_dev(div1, player_account_gaming_limits_popup);
-    			append_dev(div4, t7);
-    			if (if_block0) if_block0.m(div4, null);
-    			append_dev(div4, t8);
-    			if (if_block1) if_block1.m(div4, null);
     			append_dev(div4, t9);
-    			if (if_block2) if_block2.m(div4, null);
+    			if (if_block1) if_block1.m(div4, null);
     			append_dev(div4, t10);
+    			if (if_block2) if_block2.m(div4, null);
+    			append_dev(div4, t11);
+    			if (if_block3) if_block3.m(div4, null);
+    			append_dev(div4, t12);
     			append_dev(div4, div3);
     			append_dev(div3, button);
-    			append_dev(button, t11);
-    			insert_dev(target, t12, anchor);
+    			append_dev(button, t13);
+    			insert_dev(target, t14, anchor);
     			insert_dev(target, player_account_modal, anchor);
     			append_dev(player_account_modal, player_account_gaming_limits_confirmation_modal);
 
     			if (!mounted) {
     				dispose = [
     					listen_dev(div0, "click", /*switchToLimitsGroupView*/ ctx[23], false, false, false),
-    					listen_dev(span1, "click", prevent_default(/*openInfoPopup*/ ctx[22]), false, true, false),
+    					listen_dev(span, "click", prevent_default(/*openInfoPopup*/ ctx[22]), false, true, false),
     					listen_dev(button, "click", /*click_handler*/ ctx[32], false, false, false)
     				];
 
@@ -13752,53 +13856,54 @@
     			}
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty[0] & /*$_*/ 131072 && t1_value !== (t1_value = /*$_*/ ctx[17]("editText.back") + "")) set_data_dev(t1, t1_value);
-    			if (dirty[0] & /*limitsdata, limitname*/ 9 && t3_value !== (t3_value = (/*limitsdata*/ ctx[0] ? /*limitname*/ ctx[3] : "") + "")) set_data_dev(t3, t3_value);
+    			if (/*isMobile*/ ctx[18]) if_block0.p(ctx, dirty);
+    			if (dirty[0] & /*$_*/ 131072 && t3_value !== (t3_value = /*$_*/ ctx[17]("editText.back") + "")) set_data_dev(t3, t3_value);
+    			if (dirty[0] & /*limitsdata, limitname*/ 9 && t5_value !== (t5_value = (/*limitsdata*/ ctx[0] ? /*limitname*/ ctx[3] : "") + "")) set_data_dev(t5, t5_value);
 
     			if (dirty[0] & /*showPopup*/ 32) {
     				set_custom_element_data(player_account_gaming_limits_popup, "showpopup", /*showPopup*/ ctx[5]);
     			}
 
     			if (/*showsuccessnotification*/ ctx[1]) {
-    				if (if_block0) {
-    					if_block0.p(ctx, dirty);
-    				} else {
-    					if_block0 = create_if_block_17(ctx);
-    					if_block0.c();
-    					if_block0.m(div4, t8);
-    				}
-    			} else if (if_block0) {
-    				if_block0.d(1);
-    				if_block0 = null;
-    			}
-
-    			if (/*showdeletenotification*/ ctx[2]) {
     				if (if_block1) {
     					if_block1.p(ctx, dirty);
     				} else {
-    					if_block1 = create_if_block_14(ctx);
+    					if_block1 = create_if_block_17(ctx);
     					if_block1.c();
-    					if_block1.m(div4, t9);
+    					if_block1.m(div4, t10);
     				}
     			} else if (if_block1) {
     				if_block1.d(1);
     				if_block1 = null;
     			}
 
-    			if (/*showLimits*/ ctx[6]) {
+    			if (/*showdeletenotification*/ ctx[2]) {
     				if (if_block2) {
     					if_block2.p(ctx, dirty);
     				} else {
-    					if_block2 = create_if_block(ctx);
+    					if_block2 = create_if_block_14(ctx);
     					if_block2.c();
-    					if_block2.m(div4, t10);
+    					if_block2.m(div4, t11);
     				}
     			} else if (if_block2) {
     				if_block2.d(1);
     				if_block2 = null;
     			}
 
-    			if (dirty[0] & /*$_*/ 131072 && t11_value !== (t11_value = /*$_*/ ctx[17]("editText.save") + "")) set_data_dev(t11, t11_value);
+    			if (/*showLimits*/ ctx[6]) {
+    				if (if_block3) {
+    					if_block3.p(ctx, dirty);
+    				} else {
+    					if_block3 = create_if_block(ctx);
+    					if_block3.c();
+    					if_block3.m(div4, t12);
+    				}
+    			} else if (if_block3) {
+    				if_block3.d(1);
+    				if_block3 = null;
+    			}
+
+    			if (dirty[0] & /*$_*/ 131072 && t13_value !== (t13_value = /*$_*/ ctx[17]("editText.save") + "")) set_data_dev(t13, t13_value);
 
     			if (dirty[0] & /*hasDifferences*/ 16384 && button_class_value !== (button_class_value = "AccountEditLimitsSaveButton " + (/*hasDifferences*/ ctx[14]
     			? ""
@@ -13821,7 +13926,8 @@
     			if (if_block0) if_block0.d();
     			if (if_block1) if_block1.d();
     			if (if_block2) if_block2.d();
-    			if (detaching) detach_dev(t12);
+    			if (if_block3) if_block3.d();
+    			if (detaching) detach_dev(t14);
     			if (detaching) detach_dev(player_account_modal);
     			mounted = false;
     			run_all(dispose);
@@ -14278,7 +14384,7 @@
     		setLimitModalTexts();
     		$$invalidate(10, isArray = Array.isArray(limitsdata));
 
-    		// used for validation  
+    		// used for validation
     		$$invalidate(15, updatedLimitValues = JSON.parse(JSON.stringify(limitsdata)));
 
     		// use limitsUpdateData in order to populate select & input fields
@@ -14526,7 +14632,7 @@
     class PlayerAccountGamingLimitsGroupEdit extends SvelteElement {
     	constructor(options) {
     		super();
-    		this.shadowRoot.innerHTML = `<style>.AccountEditLimitsWrapper{padding:50px;max-width:760px}.AccountEditLimitsWrapper.AccountEditLimitsMobileWrapper{padding:20px}.AccountEditLimitsWrapper.AccountEditLimitsMobileWrapper .AccountEditLimitsControlArea{grid-template-columns:1fr}.AccountEditLimitsWrapper.AccountEditLimitsMobileWrapper .AccountEditLimitsControlArea .AccountEditLimitsSaveButton{width:100%}.AccountEditBackButton{display:inline-block;color:#D0046C;font-size:26px;font-weight:300;cursor:pointer;margin-bottom:30px}.AccountEditBackButton svg{fill:#D0046C}.AccountEditLimitsHeader{display:flex;flex-direction:row;justify-content:space-between;padding-bottom:5px;color:#D0046C}.AccountEditLimitsHeader h6{margin:0;font-weight:normal;font-size:16px;line-height:20px}.AccountEditLimitsHeader .AccountEditLimitsIcon{display:flex;width:20px;height:20px;background:transparent;border:1px solid #D0046C;align-items:center;justify-content:center;border-radius:30px;cursor:pointer}.AccountEditLimitChangePeriodIcon{display:flex;width:20px;height:20px;color:#5E5E30;background:transparent;border:1px solid #5E5E30;align-items:center;justify-content:center;border-radius:30px;cursor:pointer;margin-right:10px}.AccountEditLimitSuccessfulChangeContainer{background:#F2F9F2;border:1px solid #C5DFC5;font-size:16px;font-weight:300;color:#07072A;border-radius:5px;padding:10px}.AccountEditLimitSuccessfulChangeContainer p{margin:0}.AccountEditLimitsIconWrapper{position:relative}.AccountEditLimitsTitle{font-size:16px;font-weight:300;color:#07072A;margin:0;padding-top:10px}.AccountEditLimitsExpiryDate{font-size:12px;font-weight:300;color:#000}.AccountEditLimitsContainer{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;direction:ltr}@media only screen and (max-width: 1024px){.AccountEditLimitsContainer{grid-template-columns:1fr;grid-gap:20px}}.AccountEditField{margin-top:20px;padding:12px;width:100%;font-size:16px;font-weight:300;color:#07072A;box-sizing:border-box;border-radius:5px;border:1px solid #D1D1D1}.AccountEditLimitsPeriodChangeContainer{background:#FFFFF8;border-radius:5px}.AccountEditLimitsPeriodChangeContainer p{max-width:290px;display:-webkit-box;padding:10px 35px 15px 10px;color:#5E5E30;font-size:12px;font-weight:300}.AccountEditLimitsPeriodChangeContainer p .AccountEditLimitChangePeriodIcon{font-size:14px;font-weight:400}.AccountEditLimitsControlArea{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;margin-top:35px}.AccountEditLimitsControlArea .AccountEditLimitsSaveButton{padding:12px;cursor:pointer;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#000;text-transform:uppercase;transition-duration:0.3s;box-sizing:border-box;background:#D0046C;border:1px solid #D0046C;color:#fff}.AccountEditLimitsControlArea .AccountEditLimitsSaveButton.AccountEditLimitsButtonDisabled{background:#D0046C;cursor:not-allowed;opacity:0.6}.AccountEditLimitsBox{position:relative}.AccountEditWarningText{position:relative;margin:0}.InvalidInput{color:#D0046C;font-size:10px;position:absolute;top:6px;margin:0;line-height:10px}.AccountEditLimitsInputContainer{position:relative}</style>`;
+    		this.shadowRoot.innerHTML = `<style>.ChangePasswordTitle{font-size:26px;color:#D0046C;font-weight:400}.ChangePasswordTitleMobile{font-size:16px;color:#D0046C}.ChangePasswordTitleNone{display:none}.AccountEditLimitsWrapper{padding:50px;max-width:760px}.AccountEditLimitsWrapper.AccountEditLimitsMobileWrapper{padding:20px}.AccountEditLimitsWrapper.AccountEditLimitsMobileWrapper .AccountEditLimitsControlArea{grid-template-columns:1fr}.AccountEditLimitsWrapper.AccountEditLimitsMobileWrapper .AccountEditLimitsControlArea .AccountEditLimitsSaveButton{width:100%}.AccountEditBackButton{display:inline-block;color:#D0046C;font-size:26px;font-weight:300;cursor:pointer;margin-bottom:30px}.AccountEditBackButton svg{fill:#D0046C}.MenuReturnButton{color:#D0046C;display:inline-flex;align-items:center;column-gap:10px;margin-bottom:10px}.MenuReturnButton svg{fill:#D0046C}.AccountEditLimitsHeader{display:flex;flex-direction:row;justify-content:space-between;padding-bottom:5px;color:#D0046C}.AccountEditLimitsHeader h6{margin:0;font-weight:normal;font-size:16px;line-height:20px}.AccountEditLimitsHeader .AccountEditLimitsIcon{display:flex;width:20px;height:20px;background:transparent;border:1px solid #D0046C;align-items:center;justify-content:center;border-radius:30px;cursor:pointer}.AccountEditLimitChangePeriodIcon{display:flex;width:20px;height:20px;color:#5E5E30;background:transparent;border:1px solid #5E5E30;align-items:center;justify-content:center;border-radius:30px;cursor:pointer;margin-right:10px}.AccountEditLimitSuccessfulChangeContainer{background:#F2F9F2;border:1px solid #C5DFC5;font-size:16px;font-weight:300;color:#07072A;border-radius:5px;padding:10px}.AccountEditLimitSuccessfulChangeContainer p{margin:0}.AccountEditLimitsIconWrapper{position:relative}.AccountEditLimitsTitle{font-size:16px;font-weight:300;color:#07072A;margin:0;padding-top:10px}.AccountEditLimitsExpiryDate{font-size:12px;font-weight:300;color:#000}.AccountEditLimitsContainer{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;direction:ltr}@media only screen and (max-width: 1024px){.AccountEditLimitsContainer{grid-template-columns:1fr;grid-gap:20px}}.AccountEditField{width:100%;font-size:14px;font-weight:300;color:#07072A;padding:10px;line-height:16px;background:#FFF;border:1px solid #D1D1D1;border-radius:5px;outline:none;transition-duration:0.3s}.AccountEditField:focus,.AccountEditField :focus-within,.AccountEditField :focus-visible,.AccountEditField :visited{border:1px solid #D0046C;box-shadow:0 0 0 1pt #D0046C}.AccountEditLimitsPeriodChangeContainer{background:#FFFFF8;border-radius:5px}.AccountEditLimitsPeriodChangeContainer p{max-width:290px;display:-webkit-box;padding:10px 35px 15px 10px;color:#5E5E30;font-size:12px;font-weight:300}.AccountEditLimitsPeriodChangeContainer p .AccountEditLimitChangePeriodIcon{font-size:14px;font-weight:400}.AccountEditLimitsControlArea{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;margin-top:35px}.AccountEditLimitsControlArea .AccountEditLimitsSaveButton{padding:12px;cursor:pointer;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#000;text-transform:uppercase;transition-duration:0.3s;box-sizing:border-box;background:#D0046C;border:1px solid #D0046C;color:#fff}.AccountEditLimitsControlArea .AccountEditLimitsSaveButton.AccountEditLimitsButtonDisabled{background:#D0046C;cursor:not-allowed;opacity:0.6}.AccountEditLimitsBox{position:relative}.AccountEditWarningText{position:relative;margin:0}.InvalidInput{color:#D0046C;font-size:10px;position:absolute;top:6px;margin:0;line-height:10px}.AccountEditLimitsInputContainer{position:relative}</style>`;
 
     		init(
     			this,