@plaidev/karte-action-sdk 1.1.254 → 1.1.255-28810552.9a96aac1

package/dist/hydrate/index.es.js

@@ -3035,8 +3035,8 @@ class State extends SvelteComponent {
 
 /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
 
-function add_css$I(target) {
-	append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
+function add_css$J(target) {
+	append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
 }
 
 // (23:0) {#if $state === path}
@@ -3063,7 +3063,7 @@ function create_if_block$f(ctx) {
 		},
 		h() {
 			attr(div, "data-state-path", /*path*/ ctx[0]);
-			attr(div, "class", "state-item svelte-1amihue");
+			attr(div, "class", "state-item svelte-2qb6dm");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -3203,7 +3203,7 @@ function instance$1f($$self, $$props, $$invalidate) {
 class StateItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$1f, create_fragment$1f, safe_not_equal, { path: 0 }, add_css$I);
+		init(this, options, instance$1f, create_fragment$1f, safe_not_equal, { path: 0 }, add_css$J);
 	}
 }
 
@@ -3329,8 +3329,8 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
 
 /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
 
-function add_css$H(target) {
-	append_styles(target, "svelte-g6ucc2", ".background.svelte-g6ucc2{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
+function add_css$I(target) {
+	append_styles(target, "svelte-1d4fta", ".background.svelte-1d4fta{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
 }
 
 // (14:0) {#if backgroundOverlay}
@@ -3351,7 +3351,7 @@ function create_if_block$e(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"));
+			attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"));
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -3362,7 +3362,7 @@ function create_if_block$e(ctx) {
 			}
 		},
 		p(ctx, dirty) {
-			if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"))) {
+			if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"))) {
 				attr(div, "class", div_class_value);
 			}
 		},
@@ -3431,7 +3431,7 @@ function instance$1e($$self, $$props, $$invalidate) {
 let BackgroundOverlay$1 = class BackgroundOverlay extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$1e, create_fragment$1e, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$H);
+		init(this, options, instance$1e, create_fragment$1e, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$I);
 	}
 };
 
@@ -3471,8 +3471,8 @@ function checkStopPropagation(eventName, handler) {
 
 /* src/components/Button.svelte generated by Svelte v3.53.1 */
 
-function add_css$G(target) {
-	append_styles(target, "svelte-1kmu8zp", ".button.svelte-1kmu8zp{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-1kmu8zp:link,.button.svelte-1kmu8zp:visited,.button.svelte-1kmu8zp:active,.button.svelte-1kmu8zp:hover{color:inherit}");
+function add_css$H(target) {
+	append_styles(target, "svelte-15k4deh", ".button.svelte-15k4deh{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-15k4deh:link,.button.svelte-15k4deh:visited,.button.svelte-15k4deh:active,.button.svelte-15k4deh:hover{color:inherit}");
 }
 
 // (50:0) {:else}
@@ -3511,7 +3511,7 @@ function create_else_block$5(ctx) {
 		},
 		h() {
 			set_attributes(button, button_data);
-			toggle_class(button, "svelte-1kmu8zp", true);
+			toggle_class(button, "svelte-15k4deh", true);
 		},
 		m(target, anchor) {
 			insert_hydration(target, button, anchor);
@@ -3550,7 +3550,7 @@ function create_else_block$5(ctx) {
 				dataAttrStopPropagation('click')
 			]));
 
-			toggle_class(button, "svelte-1kmu8zp", true);
+			toggle_class(button, "svelte-15k4deh", true);
 		},
 		i(local) {
 			if (current) return;
@@ -3591,7 +3591,7 @@ function create_if_block_2$2(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1kmu8zp"));
+			attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-15k4deh"));
 			attr(div, "style", /*style*/ ctx[1]);
 		},
 		m(target, anchor) {
@@ -3691,7 +3691,7 @@ function create_if_block_1$3(ctx) {
 		},
 		h() {
 			set_attributes(a, a_data);
-			toggle_class(a, "svelte-1kmu8zp", true);
+			toggle_class(a, "svelte-15k4deh", true);
 		},
 		m(target, anchor) {
 			insert_hydration(target, a, anchor);
@@ -3733,7 +3733,7 @@ function create_if_block_1$3(ctx) {
 				dataAttrStopPropagation('click')
 			]));
 
-			toggle_class(a, "svelte-1kmu8zp", true);
+			toggle_class(a, "svelte-15k4deh", true);
 		},
 		i(local) {
 			if (current) return;
@@ -3774,7 +3774,7 @@ function create_if_block$d(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1kmu8zp"));
+			attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-15k4deh"));
 			attr(div, "style", /*style*/ ctx[1]);
 		},
 		m(target, anchor) {
@@ -3974,15 +3974,15 @@ let Button$1 = class Button extends SvelteComponent {
 				eventValue: 6,
 				style: 1
 			},
-			add_css$G
+			add_css$H
 		);
 	}
 };
 
 /* src/components/Modal.svelte generated by Svelte v3.53.1 */
 
-function add_css$F(target) {
-	append_styles(target, "svelte-1i2vo31", ".modal.svelte-1i2vo31{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1i2vo31 > .button{flex:auto;display:flex}.close.svelte-1i2vo31{position:absolute;top:0;right:0}.close.svelte-1i2vo31 > .button{position:absolute;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;padding:0;transition:all 0.25s}.close.svelte-1i2vo31 > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1i2vo31{flex:auto;display:flex;justify-content:center;align-items:center;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}@media screen and (min-width: 641px){.modal-bp.svelte-1i2vo31{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-1i2vo31{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
+function add_css$G(target) {
+	append_styles(target, "svelte-1ijkyzl", ".modal.svelte-1ijkyzl{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1ijkyzl > .button{flex:auto;display:flex}.close.svelte-1ijkyzl{position:absolute;top:0;right:0}.close.svelte-1ijkyzl > .button{position:absolute;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;padding:0;transition:all 0.25s}.close.svelte-1ijkyzl > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1ijkyzl{flex:auto;display:flex;justify-content:center;align-items:center;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}@media screen and (min-width: 641px){.modal-bp.svelte-1ijkyzl{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-1ijkyzl{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
 }
 
 // (278:0) {:else}
@@ -4157,7 +4157,7 @@ function create_if_block$c(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"));
+			attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"));
 			attr(div, "role", "dialog");
 			attr(div, "aria-modal", "true");
 			attr(div, "style", Array.from(/*modalStyles*/ ctx[23]).join(';'));
@@ -4181,7 +4181,7 @@ function create_if_block$c(ctx) {
 
 			button.$set(button_changes);
 
-			if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"))) {
+			if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"))) {
 				attr(div, "class", div_class_value);
 			}
 		},
@@ -4245,7 +4245,7 @@ function create_if_block_1$2(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "close svelte-1i2vo31");
+			attr(div, "class", "close svelte-1ijkyzl");
 			set_style(div, "z-index", /*$maximumZindex*/ ctx[22] + 1);
 		},
 		m(target, anchor) {
@@ -4370,7 +4370,7 @@ function create_default_slot$6(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "modal-content svelte-1i2vo31");
+			attr(div, "class", "modal-content svelte-1ijkyzl");
 			attr(div, "style", /*_style*/ ctx[5]);
 		},
 		m(target, anchor) {
@@ -4873,7 +4873,7 @@ let Modal$1 = class Modal extends SvelteComponent {
 				closeButtonColor: 9,
 				_closeStyle: 10
 			},
-			add_css$F,
+			add_css$G,
 			[-1, -1]
 		);
 	}
@@ -5007,8 +5007,8 @@ class Grid extends SvelteComponent {
 
 /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
 
-function add_css$E(target) {
-	append_styles(target, "svelte-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{position:absolute;inset:0}");
+function add_css$F(target) {
+	append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
 }
 
 function create_fragment$1a(ctx) {
@@ -5042,8 +5042,8 @@ function create_fragment$1a(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div0, "class", "grid-item-inner svelte-1cryhmb");
-			attr(div1, "class", "grid-item svelte-1cryhmb");
+			attr(div0, "class", "grid-item-inner svelte-n7kdl3");
+			attr(div1, "class", "grid-item svelte-n7kdl3");
 			attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
 			attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
 			attr(div1, "style", /*_style*/ ctx[1]);
@@ -5165,7 +5165,7 @@ class GridItem extends SvelteComponent {
 				background: 7,
 				gridItemId: 0
 			},
-			add_css$E
+			add_css$F
 		);
 	}
 }
@@ -5364,8 +5364,8 @@ class RenderText extends SvelteComponent {
 
 /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
 
-function add_css$D(target) {
-	append_styles(target, "svelte-vz6867", ".text-element-wrapper.svelte-vz6867.svelte-vz6867{position:relative;height:100%}.text-element.svelte-vz6867.svelte-vz6867{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;margin:0px;padding:0px;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden;font-size:12px;line-height:1.5}.text-link-element.svelte-vz6867.svelte-vz6867{text-decoration:none;color:inherit}.text-element-inner.svelte-vz6867.svelte-vz6867{width:100%;height:auto}.text-direction-vertical.svelte-vz6867.svelte-vz6867{writing-mode:vertical-rl}.text-direction-vertical.svelte-vz6867 .text-element-inner.svelte-vz6867{width:auto;height:100%}.tooltip.svelte-vz6867.svelte-vz6867{display:none;position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);color:#fff;background-color:#3d4948;white-space:nowrap;padding:4px 8px 4px 8px;border-radius:4px;font-size:12px;z-index:2147483647}.tooltip.svelte-vz6867.svelte-vz6867:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-vz6867.svelte-vz6867{display:block}.tooltip-error.svelte-vz6867.svelte-vz6867{background-color:#c00}.tooltip-error.svelte-vz6867.svelte-vz6867:before{border-bottom:7px solid #c00}");
+function add_css$E(target) {
+	append_styles(target, "svelte-9ixs0b", ".text-element-wrapper.svelte-9ixs0b.svelte-9ixs0b{position:relative;height:100%}.text-element.svelte-9ixs0b.svelte-9ixs0b{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;margin:0px;padding:0px;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden;font-size:12px;line-height:1.5}.text-link-element.svelte-9ixs0b.svelte-9ixs0b{text-decoration:none;color:inherit}.text-element-inner.svelte-9ixs0b.svelte-9ixs0b{width:100%;height:auto}.text-direction-vertical.svelte-9ixs0b.svelte-9ixs0b{writing-mode:vertical-rl}.text-direction-vertical.svelte-9ixs0b .text-element-inner.svelte-9ixs0b{width:auto;height:100%}.tooltip.svelte-9ixs0b.svelte-9ixs0b{display:none;position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);color:#fff;background-color:#3d4948;white-space:nowrap;padding:4px 8px 4px 8px;border-radius:4px;font-size:12px;z-index:2147483647}.tooltip.svelte-9ixs0b.svelte-9ixs0b:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-9ixs0b.svelte-9ixs0b{display:block}.tooltip-error.svelte-9ixs0b.svelte-9ixs0b{background-color:#c00}.tooltip-error.svelte-9ixs0b.svelte-9ixs0b:before{border-bottom:7px solid #c00}");
 }
 
 // (94:2) {:else}
@@ -5395,8 +5395,8 @@ function create_else_block$2(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div0, "class", "text-element-inner svelte-vz6867");
-			attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
+			attr(div0, "class", "text-element-inner svelte-9ixs0b");
+			attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
 			attr(div1, "style", /*style*/ ctx[5]);
 		},
 		m(target, anchor) {
@@ -5410,7 +5410,7 @@ function create_else_block$2(ctx) {
 			if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
 			rendertext.$set(rendertext_changes);
 
-			if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"))) {
+			if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
 				attr(div1, "class", div1_class_value);
 			}
 
@@ -5485,12 +5485,12 @@ function create_if_block$a(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div0, "class", "text-element-inner svelte-vz6867");
+			attr(div0, "class", "text-element-inner svelte-9ixs0b");
 			attr(a, "href", '');
-			attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
+			attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
 			attr(a, "style", /*style*/ ctx[5]);
-			attr(div1, "class", "tooltip svelte-vz6867");
-			attr(div2, "class", "tooltip tooltip-error svelte-vz6867");
+			attr(div1, "class", "tooltip svelte-9ixs0b");
+			attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
 		},
 		m(target, anchor) {
 			insert_hydration(target, a, anchor);
@@ -5516,7 +5516,7 @@ function create_if_block$a(ctx) {
 			if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
 			rendertext.$set(rendertext_changes);
 
-			if (!current || dirty & /*textDirection*/ 2 && a_class_value !== (a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"))) {
+			if (!current || dirty & /*textDirection*/ 2 && a_class_value !== (a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
 				attr(a, "class", a_class_value);
 			}
 
@@ -5578,7 +5578,7 @@ function create_fragment$18(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "text-element-wrapper svelte-vz6867");
+			attr(div, "class", "text-element-wrapper svelte-9ixs0b");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -5736,15 +5736,15 @@ class TextElement extends SvelteComponent {
 				enableCopy: 2,
 				eventName: 10
 			},
-			add_css$D
+			add_css$E
 		);
 	}
 }
 
 /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
 
-function add_css$C(target) {
-	append_styles(target, "svelte-ujdxfc", ".text-button-element.svelte-ujdxfc{width:100%;height:100%}.text-button-element.svelte-ujdxfc > .button{display:flex;width:100%;height:100%;border:none;box-shadow:transparent;box-sizing:border-box;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5;background-color:#33403e;border-radius:4px;cursor:pointer;border-width:0px;border-style:solid;border-color:#000000}.text-button-element.svelte-ujdxfc > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-ujdxfc > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-ujdxfc > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
+function add_css$D(target) {
+	append_styles(target, "svelte-1vg84sc", ".text-button-element.svelte-1vg84sc{width:100%;height:100%}.text-button-element.svelte-1vg84sc > .button{display:flex;width:100%;height:100%;border:none;box-shadow:transparent;box-sizing:border-box;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5;background-color:#33403e;border-radius:4px;cursor:pointer;border-width:0px;border-style:solid;border-color:#000000}.text-button-element.svelte-1vg84sc > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-1vg84sc > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-1vg84sc > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
 }
 
 // (48:2) <Button {onClick} {style} {eventName}>
@@ -5813,7 +5813,7 @@ function create_fragment$17(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "text-button-element svelte-ujdxfc");
+			attr(div, "class", "text-button-element svelte-1vg84sc");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -5897,15 +5897,15 @@ class TextButtonElement extends SvelteComponent {
 				_buttonStyle: 5,
 				_style: 6
 			},
-			add_css$C
+			add_css$D
 		);
 	}
 }
 
 /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
 
-function add_css$B(target) {
-	append_styles(target, "svelte-1alkh1m", ".image-element.svelte-1alkh1m{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-1alkh1m > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image-element.svelte-1alkh1m > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-1alkh1m > .button:not(._disabled):hover,.image-element.transport.svelte-1alkh1m > .button:not(._disabled):focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}.image.svelte-1alkh1m{width:100%;height:100%}");
+function add_css$C(target) {
+	append_styles(target, "svelte-t6tu0e", ".image-element.svelte-t6tu0e{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-t6tu0e > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image-element.svelte-t6tu0e > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-t6tu0e > .button:not(._disabled):hover,.image-element.transport.svelte-t6tu0e > .button:not(._disabled):focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}.image.svelte-t6tu0e{width:100%;height:100%}");
 }
 
 // (44:2) <Button {onClick} style={_style} {eventName}>
@@ -5933,7 +5933,7 @@ function create_default_slot$4(ctx) {
 			this.h();
 		},
 		h() {
-			attr(img, "class", "image svelte-1alkh1m");
+			attr(img, "class", "image svelte-t6tu0e");
 			attr(img, "loading", "lazy");
 			attr(img, "width", "auto");
 			attr(img, "height", "auto");
@@ -6005,7 +6005,7 @@ function create_fragment$16(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m");
+			attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -6024,7 +6024,7 @@ function create_fragment$16(ctx) {
 
 			button.$set(button_changes);
 
-			if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m")) {
+			if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
 				attr(div, "class", div_class_value);
 			}
 		},
@@ -6088,15 +6088,15 @@ class ImageElement extends SvelteComponent {
 				_imageStyle: 6,
 				_style: 7
 			},
-			add_css$B
+			add_css$C
 		);
 	}
 }
 
 /* src/components/List.svelte generated by Svelte v3.53.1 */
 
-function add_css$A(target) {
-	append_styles(target, "svelte-1t8r9z", ".list.svelte-1t8r9z{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
+function add_css$B(target) {
+	append_styles(target, "svelte-aquv6z", ".list.svelte-aquv6z{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
 }
 
 function create_fragment$15(ctx) {
@@ -6119,7 +6119,7 @@ function create_fragment$15(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "list svelte-1t8r9z");
+			attr(div, "class", "list svelte-aquv6z");
 			attr(div, "style", /*style*/ ctx[0]);
 		},
 		m(target, anchor) {
@@ -6245,15 +6245,15 @@ class List extends SvelteComponent {
 				background: 3,
 				_style: 4
 			},
-			add_css$A
+			add_css$B
 		);
 	}
 }
 
 /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
 
-function add_css$z(target) {
-	append_styles(target, "svelte-1lbw8v2", ".list-item.svelte-1lbw8v2{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item.svelte-1lbw8v2 > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
+function add_css$A(target) {
+	append_styles(target, "svelte-9n97pe", ".list-item.svelte-9n97pe{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item.svelte-9n97pe > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
 }
 
 // (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
@@ -6336,7 +6336,7 @@ function create_fragment$14(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "list-item svelte-1lbw8v2");
+			attr(div, "class", "list-item svelte-9n97pe");
 			attr(div, "style", /*listItemStyle*/ ctx[3]);
 		},
 		m(target, anchor) {
@@ -6455,14 +6455,14 @@ function instance$14($$self, $$props, $$invalidate) {
 class ListItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$14, create_fragment$14, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$z);
+		init(this, options, instance$14, create_fragment$14, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$A);
 	}
 }
 
 /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
 
-function add_css$y(target) {
-	append_styles(target, "svelte-w6jkzh", ".embed.svelte-w6jkzh{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-w6jkzh iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
+function add_css$z(target) {
+	append_styles(target, "svelte-wocq4p", ".embed.svelte-wocq4p{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-wocq4p iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
 }
 
 function create_fragment$13(ctx) {
@@ -6480,7 +6480,7 @@ function create_fragment$13(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "embed svelte-w6jkzh");
+			attr(div, "class", "embed svelte-wocq4p");
 			attr(div, "style", /*_style*/ ctx[1]);
 		},
 		m(target, anchor) {
@@ -6516,14 +6516,14 @@ function instance$13($$self, $$props, $$invalidate) {
 class EmbedElement extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$13, create_fragment$13, safe_not_equal, { code: 0, _style: 1 }, add_css$y);
+		init(this, options, instance$13, create_fragment$13, safe_not_equal, { code: 0, _style: 1 }, add_css$z);
 	}
 }
 
 /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
 
-function add_css$x(target) {
-	append_styles(target, "svelte-ljxq7x", ".embed.svelte-ljxq7x{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-ljxq7x iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
+function add_css$y(target) {
+	append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
 }
 
 function create_fragment$12(ctx) {
@@ -6546,7 +6546,7 @@ function create_fragment$12(ctx) {
 		},
 		h() {
 			attr(div0, "class", "karte-player");
-			attr(div1, "class", "embed svelte-ljxq7x");
+			attr(div1, "class", "embed svelte-vikz49");
 			attr(div1, "style", /*_style*/ ctx[0]);
 		},
 		m(target, anchor) {
@@ -6879,7 +6879,7 @@ class MovieYouTubeElement extends SvelteComponent {
 				mute: 25,
 				_style: 0
 			},
-			add_css$x,
+			add_css$y,
 			[-1, -1]
 		);
 	}
@@ -6887,8 +6887,8 @@ class MovieYouTubeElement extends SvelteComponent {
 
 /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
 
-function add_css$w(target) {
-	append_styles(target, "svelte-ljxq7x", ".embed.svelte-ljxq7x{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-ljxq7x iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
+function add_css$x(target) {
+	append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
 }
 
 function create_fragment$11(ctx) {
@@ -6911,7 +6911,7 @@ function create_fragment$11(ctx) {
 		},
 		h() {
 			attr(div0, "class", "karte-player");
-			attr(div1, "class", "embed svelte-ljxq7x");
+			attr(div1, "class", "embed svelte-vikz49");
 			attr(div1, "style", /*_style*/ ctx[0]);
 		},
 		m(target, anchor) {
@@ -7087,15 +7087,15 @@ class MovieVimeoElement extends SvelteComponent {
 				mute: 6,
 				_style: 0
 			},
-			add_css$w
+			add_css$x
 		);
 	}
 }
 
 /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
 
-function add_css$v(target) {
-	append_styles(target, "svelte-1fjy5oo", ".textarea-wrapper.svelte-1fjy5oo{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-1fjy5oo{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.textarea.svelte-1fjy5oo::placeholder{color:var(--placeholder-color)}.textarea.svelte-1fjy5oo:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}");
+function add_css$w(target) {
+	append_styles(target, "svelte-zxvkkc", ".textarea-wrapper.svelte-zxvkkc{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-zxvkkc{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.textarea.svelte-zxvkkc::placeholder{color:var(--placeholder-color)}.textarea.svelte-zxvkkc:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}");
 }
 
 function create_fragment$10(ctx) {
@@ -7125,12 +7125,12 @@ function create_fragment$10(ctx) {
 			this.h();
 		},
 		h() {
-			attr(textarea, "class", "textarea svelte-1fjy5oo");
+			attr(textarea, "class", "textarea svelte-zxvkkc");
 			textarea.value = /*$value*/ ctx[4];
 			textarea.required = /*required*/ ctx[1];
 			attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
 			attr(textarea, "style", /*style*/ ctx[3]);
-			attr(div, "class", "textarea-wrapper svelte-1fjy5oo");
+			attr(div, "class", "textarea-wrapper svelte-zxvkkc");
 			attr(div, "style", /*styleVariables*/ ctx[2]);
 		},
 		m(target, anchor) {
@@ -7274,15 +7274,15 @@ class FormTextarea extends SvelteComponent {
 				_textStyle: 11,
 				_placeholderStyle: 12
 			},
-			add_css$v
+			add_css$w
 		);
 	}
 }
 
 /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
 
-function add_css$u(target) {
-	append_styles(target, "svelte-1ntb6j8", ".radio-buttons.svelte-1ntb6j8{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-1ntb6j8{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-1ntb6j8{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-1ntb6j8:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18,160,160,.08),0px 1px 4px -1px rgba(18,160,160,.24)}.radio-button-text.svelte-1ntb6j8{margin-left:0.5em}");
+function add_css$v(target) {
+	append_styles(target, "svelte-17s08g", ".radio-buttons.svelte-17s08g{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-17s08g{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-17s08g{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-17s08g:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18,160,160,.08),0px 1px 4px -1px rgba(18,160,160,.24)}.radio-button-text.svelte-17s08g{margin-left:0.5em}");
 }
 
 function get_each_context$6(ctx, list, i) {
@@ -7339,14 +7339,14 @@ function create_each_block$6(ctx) {
 		},
 		h() {
 			attr(input, "type", "radio");
-			attr(input, "class", "radio-button-input svelte-1ntb6j8");
+			attr(input, "class", "radio-button-input svelte-17s08g");
 			attr(input, "style", /*buttonStyle*/ ctx[5]);
 			attr(input, "name", /*name*/ ctx[0]);
 			input.value = input_value_value = /*option*/ ctx[17];
 			input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
-			attr(span, "class", "radio-button-text svelte-1ntb6j8");
+			attr(span, "class", "radio-button-text svelte-17s08g");
 			attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
-			attr(label, "class", "radio-button svelte-1ntb6j8");
+			attr(label, "class", "radio-button svelte-17s08g");
 		},
 		m(target, anchor) {
 			insert_hydration(target, label, anchor);
@@ -7425,7 +7425,7 @@ function create_fragment$$(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "radio-buttons svelte-1ntb6j8");
+			attr(div, "class", "radio-buttons svelte-17s08g");
 			attr(div, "style", /*_layoutStyle*/ ctx[1]);
 		},
 		m(target, anchor) {
@@ -7586,15 +7586,15 @@ class FormRadioButtons extends SvelteComponent {
 				buttonColor: 13,
 				buttonColorActive: 14
 			},
-			add_css$u
+			add_css$v
 		);
 	}
 }
 
 /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
 
-function add_css$t(target) {
-	append_styles(target, "svelte-iejizj", ".select.svelte-iejizj{width:100%;height:100%}.select-select.svelte-iejizj{position:relative;appearance:none;width:100%;height:100%;cursor:pointer;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:0 0 0 10px;font-size:12px;line-height:1.5}.select-select.svelte-iejizj:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.select-icon.svelte-iejizj{position:absolute;width:calc(var(--icon-size) / 1.41);height:calc(var(--icon-size) / 1.41);top:calc(50% - calc(var(--icon-size) / 4));right:calc(var(--icon-size) * 1.2);box-sizing:border-box;border-right:solid 2px var(--icon-color);border-top:solid 2px var(--icon-color);transform:translateY(-35.4%) rotate(135deg);pointer-events:none}");
+function add_css$u(target) {
+	append_styles(target, "svelte-t9ynyj", ".select.svelte-t9ynyj{width:100%;height:100%}.select-select.svelte-t9ynyj{position:relative;appearance:none;width:100%;height:100%;cursor:pointer;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:0 0 0 10px;font-size:12px;line-height:1.5}.select-select.svelte-t9ynyj:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.select-icon.svelte-t9ynyj{position:absolute;width:calc(var(--icon-size) / 1.41);height:calc(var(--icon-size) / 1.41);top:calc(50% - calc(var(--icon-size) / 4));right:calc(var(--icon-size) * 1.2);box-sizing:border-box;border-right:solid 2px var(--icon-color);border-top:solid 2px var(--icon-color);transform:translateY(-35.4%) rotate(135deg);pointer-events:none}");
 }
 
 function get_each_context$5(ctx, list, i) {
@@ -7765,10 +7765,10 @@ function create_fragment$_(ctx) {
 			this.h();
 		},
 		h() {
-			attr(select, "class", "select-select svelte-iejizj");
+			attr(select, "class", "select-select svelte-t9ynyj");
 			attr(select, "style", /*style*/ ctx[3]);
-			attr(div0, "class", "select-icon svelte-iejizj");
-			attr(div1, "class", "select svelte-iejizj");
+			attr(div0, "class", "select-icon svelte-t9ynyj");
+			attr(div1, "class", "select svelte-t9ynyj");
 			attr(div1, "style", /*styleVariables*/ ctx[2]);
 		},
 		m(target, anchor) {
@@ -7962,15 +7962,15 @@ class FormSelect extends SvelteComponent {
 				iconColor: 15,
 				iconSize: 16
 			},
-			add_css$t
+			add_css$u
 		);
 	}
 }
 
 /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
 
-function add_css$s(target) {
-	append_styles(target, "svelte-2pz1us", ".check-boxes.svelte-2pz1us.svelte-2pz1us{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%;gap:0px}.check-box.svelte-2pz1us.svelte-2pz1us{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-2pz1us.svelte-2pz1us{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-2pz1us.svelte-2pz1us{display:inline-flex;background-color:var(--color-main);width:var(--size);height:var(--size);border-radius:calc(var(--size) / 4);justify-content:center;align-items:center;flex:none}.check-box-icon.svelte-2pz1us.svelte-2pz1us{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-2pz1us.svelte-2pz1us:after{content:'';display:block;box-sizing:border-box;width:45%;height:91%;transform:translate(60%, -8%) rotate(45deg);border-style:none solid solid none;border-width:2px;border-color:var(--color-sub)}.check-box-check._checked.svelte-2pz1us.svelte-2pz1us{background-color:var(--color-main-active)}.check-box-check._checked.svelte-2pz1us .check-box-icon.svelte-2pz1us:after{border-color:var(--color-sub-active)}.check-box-text.svelte-2pz1us.svelte-2pz1us{margin-left:0.5em;color:#333;font-size:12px;line-height:1.5}");
+function add_css$t(target) {
+	append_styles(target, "svelte-1p65cg8", ".check-boxes.svelte-1p65cg8.svelte-1p65cg8{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%;gap:0px}.check-box.svelte-1p65cg8.svelte-1p65cg8{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-1p65cg8.svelte-1p65cg8{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-1p65cg8.svelte-1p65cg8{display:inline-flex;background-color:var(--color-main);width:var(--size);height:var(--size);border-radius:calc(var(--size) / 4);justify-content:center;align-items:center;flex:none}.check-box-icon.svelte-1p65cg8.svelte-1p65cg8{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-1p65cg8.svelte-1p65cg8:after{content:'';display:block;box-sizing:border-box;width:45%;height:91%;transform:translate(60%, -8%) rotate(45deg);border-style:none solid solid none;border-width:2px;border-color:var(--color-sub)}.check-box-check._checked.svelte-1p65cg8.svelte-1p65cg8{background-color:var(--color-main-active)}.check-box-check._checked.svelte-1p65cg8 .check-box-icon.svelte-1p65cg8:after{border-color:var(--color-sub-active)}.check-box-text.svelte-1p65cg8.svelte-1p65cg8{margin-left:0.5em;color:#333;font-size:12px;line-height:1.5}");
 }
 
 function get_each_context$4(ctx, list, i) {
@@ -8032,19 +8032,19 @@ function create_each_block$4(ctx) {
 			this.h();
 		},
 		h() {
-			attr(input, "class", "check-box-input svelte-2pz1us");
+			attr(input, "class", "check-box-input svelte-1p65cg8");
 			attr(input, "type", "checkbox");
 			attr(input, "name", /*name*/ ctx[0]);
 			input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
-			attr(span0, "class", "check-box-icon svelte-2pz1us");
+			attr(span0, "class", "check-box-icon svelte-1p65cg8");
 
 			attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
 			? ' _checked'
-			: ''}`) + " svelte-2pz1us"));
+			: ''}`) + " svelte-1p65cg8"));
 
-			attr(span2, "class", "check-box-text svelte-2pz1us");
+			attr(span2, "class", "check-box-text svelte-1p65cg8");
 			attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
-			attr(label, "class", "check-box svelte-2pz1us");
+			attr(label, "class", "check-box svelte-1p65cg8");
 			attr(label, "style", /*styleVariables*/ ctx[5]);
 		},
 		m(target, anchor) {
@@ -8076,7 +8076,7 @@ function create_each_block$4(ctx) {
 
 			if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
 			? ' _checked'
-			: ''}`) + " svelte-2pz1us"))) {
+			: ''}`) + " svelte-1p65cg8"))) {
 				attr(span1, "class", span1_class_value);
 			}
 
@@ -8129,7 +8129,7 @@ function create_fragment$Z(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "check-boxes svelte-2pz1us");
+			attr(div, "class", "check-boxes svelte-1p65cg8");
 			attr(div, "style", /*_layoutStyle*/ ctx[1]);
 		},
 		m(target, anchor) {
@@ -8296,15 +8296,15 @@ class FormCheckBoxes extends SvelteComponent {
 				buttonColor: 13,
 				buttonColorActive: 14
 			},
-			add_css$s
+			add_css$t
 		);
 	}
 }
 
 /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
 
-function add_css$r(target) {
-	append_styles(target, "svelte-9idbf1", ".rating-buttons.svelte-9idbf1{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-9idbf1{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color 0.2s, box-shadow 0.2s;appearance:none;background:none;border:none;margin:0;padding:0}");
+function add_css$s(target) {
+	append_styles(target, "svelte-1iqf36p", ".rating-buttons.svelte-1iqf36p{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-1iqf36p{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color 0.2s, box-shadow 0.2s;appearance:none;background:none;border:none;margin:0;padding:0}");
 }
 
 function get_each_context$3(ctx, list, i) {
@@ -8339,7 +8339,7 @@ function create_each_block$3(ctx) {
 			this.h();
 		},
 		h() {
-			attr(button, "class", "rating-button svelte-9idbf1");
+			attr(button, "class", "rating-button svelte-1iqf36p");
 			attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[5](/*i*/ ctx[14] === /*_value*/ ctx[2]));
 		},
 		m(target, anchor) {
@@ -8402,7 +8402,7 @@ function create_fragment$Y(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "rating-buttons svelte-9idbf1");
+			attr(div, "class", "rating-buttons svelte-1iqf36p");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -8538,15 +8538,15 @@ class FormRatingButtonsNumber extends SvelteComponent {
 				buttonStyle: 9,
 				buttonActiveStyle: 10
 			},
-			add_css$r
+			add_css$s
 		);
 	}
 }
 
 /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
 
-function add_css$q(target) {
-	append_styles(target, "svelte-1b5dvzw", ".rating-buttons.svelte-1b5dvzw{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-1b5dvzw{appearance:none;background:none;border:none;margin:0;padding:0}.rating-button-image.svelte-1b5dvzw{cursor:pointer;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.rating-button-image.svelte-1b5dvzw:not(._active){filter:grayscale(100%)}");
+function add_css$r(target) {
+	append_styles(target, "svelte-tbunko", ".rating-buttons.svelte-tbunko{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-tbunko{appearance:none;background:none;border:none;margin:0;padding:0}.rating-button-image.svelte-tbunko{cursor:pointer;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.rating-button-image.svelte-tbunko:not(._active){filter:grayscale(100%)}");
 }
 
 function get_each_context$2(ctx, list, i) {
@@ -8582,9 +8582,9 @@ function create_each_block$2(ctx) {
 		},
 		h() {
 			if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
-			attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"));
+			attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
 			attr(img, "alt", "rate" + /*i*/ ctx[10]);
-			attr(button, "class", "rating-button svelte-1b5dvzw");
+			attr(button, "class", "rating-button svelte-tbunko");
 			attr(button, "style", /*buttonStyle*/ ctx[0]);
 		},
 		m(target, anchor) {
@@ -8600,7 +8600,7 @@ function create_each_block$2(ctx) {
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
 
-			if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"))) {
+			if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"))) {
 				attr(img, "class", img_class_value);
 			}
 
@@ -8647,7 +8647,7 @@ function create_fragment$X(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "rating-buttons svelte-1b5dvzw");
+			attr(div, "class", "rating-buttons svelte-tbunko");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -8748,14 +8748,14 @@ function instance$X($$self, $$props, $$invalidate) {
 class FormRatingButtonsFace extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$X, create_fragment$X, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$q);
+		init(this, options, instance$X, create_fragment$X, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$r);
 	}
 }
 
 /* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
 
-function add_css$p(target) {
-	append_styles(target, "svelte-f14zo5", ".input-wrapper.svelte-f14zo5{display:flex;align-items:center;width:100%;height:100%}.input.svelte-f14zo5{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.input.svelte-f14zo5::placeholder{color:var(--placeholder-color)}.input.svelte-f14zo5:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.input._error.svelte-f14zo5{outline:none;border-width:var(--error-border-width) !important;border-color:var(--error-border-color) !important;border-style:var(--error-border-style) !important}");
+function add_css$q(target) {
+	append_styles(target, "svelte-h8fqwx", ".input-wrapper.svelte-h8fqwx{display:flex;align-items:center;width:100%;height:100%}.input.svelte-h8fqwx{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.input.svelte-h8fqwx::placeholder{color:var(--placeholder-color)}.input.svelte-h8fqwx:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.input._error.svelte-h8fqwx{outline:none;border-width:var(--error-border-width) !important;border-color:var(--error-border-color) !important;border-style:var(--error-border-style) !important}");
 }
 
 function create_fragment$W(ctx) {
@@ -8786,13 +8786,13 @@ function create_fragment$W(ctx) {
 			this.h();
 		},
 		h() {
-			attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"));
+			attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"));
 			attr(input, "type", "text");
 			input.value = /*$value*/ ctx[2];
 			input.required = /*required*/ ctx[0];
 			attr(input, "placeholder", /*placeholder*/ ctx[1]);
 			attr(input, "style", /*style*/ ctx[5]);
-			attr(div, "class", "input-wrapper svelte-f14zo5");
+			attr(div, "class", "input-wrapper svelte-h8fqwx");
 			attr(div, "style", /*styleVariables*/ ctx[4]);
 		},
 		m(target, anchor) {
@@ -8805,7 +8805,7 @@ function create_fragment$W(ctx) {
 			}
 		},
 		p(ctx, [dirty]) {
-			if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"))) {
+			if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"))) {
 				attr(input, "class", input_class_value);
 			}
 
@@ -8985,15 +8985,15 @@ class FormIdentifyInput extends SvelteComponent {
 				_textStyle: 15,
 				_placeholderStyle: 16
 			},
-			add_css$p
+			add_css$q
 		);
 	}
 }
 
 /* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
 
-function add_css$o(target) {
-	append_styles(target, "svelte-pzrwlo", ".radio-buttons.svelte-pzrwlo{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-pzrwlo{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-pzrwlo{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-pzrwlo:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18, 160, 160, 0.08), 0px 1px 4px -1px rgba(18, 160, 160, 0.24)}.radio-button-text.svelte-pzrwlo{margin-left:0.5em}");
+function add_css$p(target) {
+	append_styles(target, "svelte-8zbmyo", ".radio-buttons.svelte-8zbmyo{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-8zbmyo{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-8zbmyo{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-8zbmyo:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18, 160, 160, 0.08), 0px 1px 4px -1px rgba(18, 160, 160, 0.24)}.radio-button-text.svelte-8zbmyo{margin-left:0.5em}");
 }
 
 function create_fragment$V(ctx) {
@@ -9059,20 +9059,20 @@ function create_fragment$V(ctx) {
 		},
 		h() {
 			attr(input0, "type", "radio");
-			attr(input0, "class", "radio-button-input svelte-pzrwlo");
+			attr(input0, "class", "radio-button-input svelte-8zbmyo");
 			attr(input0, "style", /*buttonStyle*/ ctx[2]);
 			input0.checked = input0_checked_value = /*$value*/ ctx[3] === true;
-			attr(span0, "class", "radio-button-text svelte-pzrwlo");
+			attr(span0, "class", "radio-button-text svelte-8zbmyo");
 			attr(span0, "style", span0_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
-			attr(label0, "class", "radio-button svelte-pzrwlo");
+			attr(label0, "class", "radio-button svelte-8zbmyo");
 			attr(input1, "type", "radio");
-			attr(input1, "class", "radio-button-input svelte-pzrwlo");
+			attr(input1, "class", "radio-button-input svelte-8zbmyo");
 			attr(input1, "style", /*buttonStyle*/ ctx[2]);
 			input1.checked = input1_checked_value = /*$value*/ ctx[3] === false;
-			attr(span1, "class", "radio-button-text svelte-pzrwlo");
+			attr(span1, "class", "radio-button-text svelte-8zbmyo");
 			attr(span1, "style", span1_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
-			attr(label1, "class", "radio-button svelte-pzrwlo");
-			attr(div, "class", "radio-buttons svelte-pzrwlo");
+			attr(label1, "class", "radio-button svelte-8zbmyo");
+			attr(div, "class", "radio-buttons svelte-8zbmyo");
 			attr(div, "style", /*_layoutStyle*/ ctx[0]);
 		},
 		m(target, anchor) {
@@ -9232,15 +9232,15 @@ class FormIdentifyChoices extends SvelteComponent {
 				buttonColor: 10,
 				buttonColorActive: 11
 			},
-			add_css$o
+			add_css$p
 		);
 	}
 }
 
 /* src/components/Slide.svelte generated by Svelte v3.53.1 */
 
-function add_css$n(target) {
-	append_styles(target, "svelte-1qfq79t", ".root.svelte-1qfq79t{width:100%;height:100%;position:relative}.container.svelte-1qfq79t{width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000}.slide.svelte-1qfq79t{height:100%;position:absolute;display:flex}.transition.svelte-1qfq79t{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-1qfq79t{height:100%;flex:none}.prev-button-container.svelte-1qfq79t,.next-button-container.svelte-1qfq79t{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button-container.svelte-1qfq79t{left:0}.next-button-container.svelte-1qfq79t{right:0}.move-button.svelte-1qfq79t{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;border:none;background:none;margin:0;padding:0}.navigation.svelte-1qfq79t{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-1qfq79t{flex-shrink:0;cursor:pointer;border:none;background:none;margin:0;padding:0;appearance:none}.navigation-item-inner.circle.svelte-1qfq79t{border-radius:51%}");
+function add_css$o(target) {
+	append_styles(target, "svelte-ji1fh", ".root.svelte-ji1fh{width:100%;height:100%;position:relative}.container.svelte-ji1fh{width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000}.slide.svelte-ji1fh{height:100%;position:absolute;display:flex}.transition.svelte-ji1fh{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-ji1fh{height:100%;flex:none}.prev-button-container.svelte-ji1fh,.next-button-container.svelte-ji1fh{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button-container.svelte-ji1fh{left:0}.next-button-container.svelte-ji1fh{right:0}.move-button.svelte-ji1fh{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;border:none;background:none;margin:0;padding:0}.navigation.svelte-ji1fh{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-ji1fh{flex-shrink:0;cursor:pointer;border:none;background:none;margin:0;padding:0;appearance:none}.navigation-item-inner.circle.svelte-ji1fh{border-radius:51%}");
 }
 
 function get_each_context$1(ctx, list, i) {
@@ -9286,9 +9286,9 @@ function create_if_block_1$1(ctx) {
 			attr(svg, "viewBox", "0 0 10 16");
 			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
 			attr(svg, "style", /*prevIconStyle*/ ctx[10]);
-			attr(button, "class", "move-button svelte-1qfq79t");
+			attr(button, "class", "move-button svelte-ji1fh");
 			attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
-			attr(div, "class", "prev-button-container svelte-1qfq79t");
+			attr(div, "class", "prev-button-container svelte-ji1fh");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -9354,9 +9354,9 @@ function create_if_block$8(ctx) {
 			attr(svg, "viewBox", "0 0 10 16");
 			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
 			attr(svg, "style", /*nextIconStyle*/ ctx[8]);
-			attr(button, "class", "move-button svelte-1qfq79t");
+			attr(button, "class", "move-button svelte-ji1fh");
 			attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
-			attr(div, "class", "next-button-container svelte-1qfq79t");
+			attr(div, "class", "next-button-container svelte-ji1fh");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -9416,9 +9416,9 @@ function create_each_block$1(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "navigation-item-inner circle svelte-1qfq79t");
+			attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
 			attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
-			attr(button, "class", "navigation-item svelte-1qfq79t");
+			attr(button, "class", "navigation-item svelte-ji1fh");
 			attr(button, "style", /*navigationItemStyle*/ ctx[6]);
 		},
 		m(target, anchor) {
@@ -9524,14 +9524,14 @@ function create_fragment$U(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"));
+			attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
 			attr(div0, "style", /*slideStyle*/ ctx[14]);
-			attr(div1, "class", "container svelte-1qfq79t");
+			attr(div1, "class", "container svelte-ji1fh");
 			attr(div1, "style", /*_style*/ ctx[0]);
-			attr(div2, "class", "navigation svelte-1qfq79t");
+			attr(div2, "class", "navigation svelte-ji1fh");
 			attr(div2, "style", /*navigationStyle*/ ctx[4]);
 			set_attributes(div3, div3_data);
-			toggle_class(div3, "svelte-1qfq79t", true);
+			toggle_class(div3, "svelte-ji1fh", true);
 		},
 		m(target, anchor) {
 			insert_hydration(target, div3, anchor);
@@ -9573,7 +9573,7 @@ function create_fragment$U(ctx) {
 				}
 			}
 
-			if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"))) {
+			if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
 				attr(div0, "class", div0_class_value);
 			}
 
@@ -9639,7 +9639,7 @@ function create_fragment$U(ctx) {
 			}
 
 			set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
-			toggle_class(div3, "svelte-1qfq79t", true);
+			toggle_class(div3, "svelte-ji1fh", true);
 		},
 		i(local) {
 			if (current) return;
@@ -10142,7 +10142,7 @@ class Slide extends SvelteComponent {
 				navigationButton: 25,
 				navigationEdgePosition: 26
 			},
-			add_css$n,
+			add_css$o,
 			[-1, -1, -1]
 		);
 	}
@@ -10150,8 +10150,8 @@ class Slide extends SvelteComponent {
 
 /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
 
-function add_css$m(target) {
-	append_styles(target, "svelte-1rv0qgo", ".item.svelte-1rv0qgo{height:100%;flex:none;position:relative}.item.svelte-1rv0qgo img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-1rv0qgo{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;cursor:default;overflow:hidden}");
+function add_css$n(target) {
+	append_styles(target, "svelte-9ygf1w", ".item.svelte-9ygf1w{height:100%;flex:none;position:relative}.item.svelte-9ygf1w img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-9ygf1w{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;cursor:default;overflow:hidden}");
 }
 
 function create_fragment$T(ctx) {
@@ -10179,9 +10179,9 @@ function create_fragment$T(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div0, "class", "item-inner svelte-1rv0qgo");
+			attr(div0, "class", "item-inner svelte-9ygf1w");
 			attr(div0, "style", /*_style*/ ctx[0]);
-			attr(div1, "class", "item svelte-1rv0qgo");
+			attr(div1, "class", "item svelte-9ygf1w");
 			attr(div1, "style", /*itemStyle*/ ctx[1]);
 		},
 		m(target, anchor) {
@@ -10300,14 +10300,14 @@ function instance$T($$self, $$props, $$invalidate) {
 class SlideItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$T, create_fragment$T, safe_not_equal, { _style: 0 }, add_css$m);
+		init(this, options, instance$T, create_fragment$T, safe_not_equal, { _style: 0 }, add_css$n);
 	}
 }
 
 /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
 
-function add_css$l(target) {
-	append_styles(target, "svelte-t87l6f", ".countdown.svelte-t87l6f{position:relative;width:100%;height:100%}.countdown-inner.svelte-t87l6f{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
+function add_css$m(target) {
+	append_styles(target, "svelte-rroxiz", ".countdown.svelte-rroxiz{position:relative;width:100%;height:100%}.countdown-inner.svelte-rroxiz{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
 }
 
 const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
@@ -10338,9 +10338,9 @@ function create_fragment$S(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div0, "class", "countdown-inner svelte-t87l6f");
+			attr(div0, "class", "countdown-inner svelte-rroxiz");
 			attr(div0, "style", /*_style*/ ctx[0]);
-			attr(div1, "class", "countdown svelte-t87l6f");
+			attr(div1, "class", "countdown svelte-rroxiz");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div1, anchor);
@@ -10463,14 +10463,14 @@ function instance$S($$self, $$props, $$invalidate) {
 class Countdown extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$S, create_fragment$S, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$l);
+		init(this, options, instance$S, create_fragment$S, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$m);
 	}
 }
 
 /* src/components/Box.svelte generated by Svelte v3.53.1 */
 
-function add_css$k(target) {
-	append_styles(target, "svelte-1c91vpe", ".box.svelte-1c91vpe{position:relative;width:100%;height:100%}.box.svelte-1c91vpe > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
+function add_css$l(target) {
+	append_styles(target, "svelte-1ccydfy", ".box.svelte-1ccydfy{position:relative;width:100%;height:100%}.box.svelte-1ccydfy > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
 }
 
 // (24:2) <Button {onClick} style={_style} {eventName}>
@@ -10553,7 +10553,7 @@ function create_fragment$R(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "box svelte-1c91vpe");
+			attr(div, "class", "box svelte-1ccydfy");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -10607,14 +10607,14 @@ function instance$R($$self, $$props, $$invalidate) {
 class Box extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$R, create_fragment$R, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$k);
+		init(this, options, instance$R, create_fragment$R, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$l);
 	}
 }
 
 /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
 
-function add_css$j(target) {
-	append_styles(target, "svelte-1mk6wi4", ".icon.svelte-1mk6wi4{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.icon.svelte-1mk6wi4 > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;overflow:hidden}.icon.svelte-1mk6wi4 > .button._disabled{cursor:not-allowed !important;opacity:0.2}.icon.svelte-1mk6wi4 svg{width:var(--width);height:var(--height);color:var(--color);stroke:var(--stroke);fill:var(--fill)}");
+function add_css$k(target) {
+	append_styles(target, "svelte-1mkvcuo", ".icon.svelte-1mkvcuo{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.icon.svelte-1mkvcuo > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;overflow:hidden}.icon.svelte-1mkvcuo > .button._disabled{cursor:not-allowed !important;opacity:0.2}.icon.svelte-1mkvcuo svg{width:var(--width);height:var(--height);color:var(--color);stroke:var(--stroke);fill:var(--fill)}");
 }
 
 // (56:4) {#if svg}
@@ -10718,7 +10718,7 @@ function create_fragment$Q(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "icon svelte-1mk6wi4");
+			attr(div, "class", "icon svelte-1mkvcuo");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -10819,15 +10819,15 @@ class IconElement extends SvelteComponent {
 				color: 6,
 				_style: 7
 			},
-			add_css$j
+			add_css$k
 		);
 	}
 }
 
 /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
 
-function add_css$i(target) {
-	append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
+function add_css$j(target) {
+	append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
 }
 
 function create_fragment$P(ctx) {
@@ -10863,7 +10863,7 @@ function create_fragment$P(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "codeElement svelte-1ng2n51");
+			attr(div, "class", "codeElement svelte-ymsb9l");
 			attr(div, "style", /*style*/ ctx[3]);
 		},
 		m(target, anchor) {
@@ -10945,14 +10945,14 @@ function instance$P($$self, $$props, $$invalidate) {
 class CodeElement extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$P, create_fragment$P, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$i);
+		init(this, options, instance$P, create_fragment$P, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$j);
 	}
 }
 
 /* src/components/Flex.svelte generated by Svelte v3.53.1 */
 
-function add_css$h(target) {
-	append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
+function add_css$i(target) {
+	append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
 }
 
 function create_fragment$O(ctx) {
@@ -10976,7 +10976,7 @@ function create_fragment$O(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "flex svelte-9v2qdg");
+			attr(div, "class", "flex svelte-1e71ejc");
 			attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
 		},
 		m(target, anchor) {
@@ -11065,15 +11065,15 @@ class Flex extends SvelteComponent {
 				height: 2,
 				_style: 3
 			},
-			add_css$h
+			add_css$i
 		);
 	}
 }
 
 /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
 
-function add_css$g(target) {
-	append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
+function add_css$h(target) {
+	append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
 }
 
 function create_fragment$N(ctx) {
@@ -11096,7 +11096,7 @@ function create_fragment$N(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "flex-item svelte-164ah5d");
+			attr(div, "class", "flex-item svelte-1p0bk1x");
 			attr(div, "style", /*style*/ ctx[0]);
 		},
 		m(target, anchor) {
@@ -11187,7 +11187,7 @@ function instance$N($$self, $$props, $$invalidate) {
 class FlexItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$N, create_fragment$N, safe_not_equal, { length: 1, _style: 2 }, add_css$g);
+		init(this, options, instance$N, create_fragment$N, safe_not_equal, { length: 1, _style: 2 }, add_css$h);
 	}
 }
 
@@ -11515,8 +11515,8 @@ class GridModalState extends SvelteComponent {
 
 /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
 
-function add_css$f(target) {
-	append_styles(target, "svelte-akic2e", ".text-block.svelte-akic2e.svelte-akic2e{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:hidden}.text-block-inner.svelte-akic2e.svelte-akic2e{width:100%;height:auto}.text-direction-vertical.svelte-akic2e.svelte-akic2e{writing-mode:vertical-rl}.text-direction-vertical.svelte-akic2e .text-block-inner.svelte-akic2e{width:auto;height:100%}");
+function add_css$g(target) {
+	append_styles(target, "svelte-15pej1m", ".text-block.svelte-15pej1m.svelte-15pej1m{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:hidden}.text-block-inner.svelte-15pej1m.svelte-15pej1m{width:100%;height:auto}.text-direction-vertical.svelte-15pej1m.svelte-15pej1m{writing-mode:vertical-rl}.text-direction-vertical.svelte-15pej1m .text-block-inner.svelte-15pej1m{width:auto;height:100%}");
 }
 
 function create_fragment$L(ctx) {
@@ -11545,8 +11545,8 @@ function create_fragment$L(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div0, "class", "text-block-inner svelte-akic2e");
-			attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"));
+			attr(div0, "class", "text-block-inner svelte-15pej1m");
+			attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
 			attr(div1, "style", /*style*/ ctx[2]);
 		},
 		m(target, anchor) {
@@ -11560,7 +11560,7 @@ function create_fragment$L(ctx) {
 			if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
 			rendertext.$set(rendertext_changes);
 
-			if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"))) {
+			if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
 				attr(div1, "class", div1_class_value);
 			}
 
@@ -11630,15 +11630,15 @@ class TextBlock extends SvelteComponent {
 				textDirection: 1,
 				_style: 5
 			},
-			add_css$f
+			add_css$g
 		);
 	}
 }
 
 /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
 
-function add_css$e(target) {
-	append_styles(target, "svelte-1c34p4n", ".text-button-block.svelte-1c34p4n{width:100%;height:100%;background-color:#000000;border-radius:4px}.text-button.svelte-1c34p4n{display:flex;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5}.text-button.svelte-1c34p4n:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-1c34p4n:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
+function add_css$f(target) {
+	append_styles(target, "svelte-ff0k6r", ".text-button-block.svelte-ff0k6r{width:100%;height:100%;background-color:#000000;border-radius:4px}.text-button.svelte-ff0k6r{display:flex;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5}.text-button.svelte-ff0k6r:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-ff0k6r:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
 }
 
 function create_fragment$K(ctx) {
@@ -11668,9 +11668,9 @@ function create_fragment$K(ctx) {
 			this.h();
 		},
 		h() {
-			attr(button, "class", "text-button svelte-1c34p4n");
+			attr(button, "class", "text-button svelte-ff0k6r");
 			attr(button, "style", /*_buttonStyle*/ ctx[1]);
-			attr(div, "class", "text-button-block svelte-1c34p4n");
+			attr(div, "class", "text-button-block svelte-ff0k6r");
 			attr(div, "style", /*_style*/ ctx[2]);
 		},
 		m(target, anchor) {
@@ -11768,15 +11768,15 @@ class TextButtonBlock extends SvelteComponent {
 				_buttonStyle: 1,
 				_style: 2
 			},
-			add_css$e
+			add_css$f
 		);
 	}
 }
 
 /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
 
-function add_css$d(target) {
-	append_styles(target, "svelte-1jus6sx", ".image-block.svelte-1jus6sx{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image.svelte-1jus6sx{width:100%;height:100%}.transport.svelte-1jus6sx:hover,.transport.svelte-1jus6sx:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
+function add_css$e(target) {
+	append_styles(target, "svelte-1pdw891", ".image-block.svelte-1pdw891{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image.svelte-1pdw891{width:100%;height:100%}.transport.svelte-1pdw891:hover,.transport.svelte-1pdw891:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
 }
 
 function create_fragment$J(ctx) {
@@ -11812,14 +11812,14 @@ function create_fragment$J(ctx) {
 			this.h();
 		},
 		h() {
-			attr(img, "class", "image svelte-1jus6sx");
+			attr(img, "class", "image svelte-1pdw891");
 			attr(img, "loading", "lazy");
 			attr(img, "width", "auto");
 			attr(img, "height", "auto");
 			attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
 			if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
 			attr(img, "alt", /*alt*/ ctx[1]);
-			attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"));
+			attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
 			attr(div, "style", /*_style*/ ctx[5]);
 		},
 		m(target, anchor) {
@@ -11844,7 +11844,7 @@ function create_fragment$J(ctx) {
 				attr(img, "alt", /*alt*/ ctx[1]);
 			}
 
-			if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"))) {
+			if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
 				attr(div, "class", div_class_value);
 			}
 
@@ -11915,7 +11915,7 @@ class ImageBlock extends SvelteComponent {
 				_imageStyle: 4,
 				_style: 5
 			},
-			add_css$d
+			add_css$e
 		);
 	}
 }
@@ -11992,6 +11992,7 @@ const toCssBackgroundImage = (p) => {
     return {
         backgroundImage: url ? `url(${url})` : undefined,
         backgroundSize: url ? 'cover' : undefined,
+        backgroundPosition: 'center',
     };
 };
 const toCssBackgroundColor = (p) => {
@@ -12069,13 +12070,32 @@ const useClickable = ({ eventValue = {}, eventName = '', onClick, element = 'div
     };
 };
 
+const useInjectCustomizeCss = (props) => {
+    function injectCss() {
+        const style = document.createElement('style');
+        style.textContent = props.customizeCss;
+        document.head.appendChild(style);
+        return () => {
+            document.head.removeChild(style);
+        };
+    }
+    onMount$1(() => {
+        if (!props.isCustomizeCss)
+            return;
+        const removeCss = injectCss();
+        return () => {
+            removeCss();
+        };
+    });
+};
+
 /* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
 
-function add_css$c(target) {
-	append_styles(target, "svelte-uy130g", ".avatar.svelte-uy130g{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}");
+function add_css$d(target) {
+	append_styles(target, "svelte-1vk223g", ".avatar.svelte-1vk223g{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}");
 }
 
-// (33:0) <svelte:element   {...attributes}   this={element}   class="avatar"   style={style}   data-layer-id={layerId}   on:click={handleClick} >
+// (35:0) <svelte:element   {...attributes}   this={element}   class="avatar"   style={style}   data-layer-id={layerId}   on:click={handleClick} >
 function create_dynamic_element$8(ctx) {
 	let svelte_element;
 	let img;
@@ -12124,7 +12144,7 @@ function create_dynamic_element$8(ctx) {
 		},
 		h() {
 			if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
-			attr(img, "class", "avatar-image svelte-uy130g");
+			attr(img, "class", "avatar-image svelte-1vk223g");
 			attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
 			attr(img, "style", /*imgStyle*/ ctx[2]);
 
@@ -12134,7 +12154,7 @@ function create_dynamic_element$8(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-uy130g", true);
+			toggle_class(svelte_element, "svelte-1vk223g", true);
 		},
 		m(target, anchor) {
 			insert_hydration(target, svelte_element, anchor);
@@ -12171,7 +12191,7 @@ function create_dynamic_element$8(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-uy130g", true);
+			toggle_class(svelte_element, "svelte-1vk223g", true);
 		},
 		d(detaching) {
 			if (detaching) detach(svelte_element);
@@ -12234,6 +12254,7 @@ function instance$I($$self, $$props, $$invalidate) {
 	let imgStyle;
 	let { props = {} } = $$props;
 	let { layerId = '' } = $$props;
+	useInjectCustomizeCss(props);
 	const { attributes, element, handleClick } = useClickable(props);
 
 	const VARIANTS = {
@@ -12274,7 +12295,7 @@ function instance$I($$self, $$props, $$invalidate) {
 class Avatar extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$I, create_fragment$I, safe_not_equal, { props: 0, layerId: 1 }, add_css$c);
+		init(this, options, instance$I, create_fragment$I, safe_not_equal, { props: 0, layerId: 1 }, add_css$d);
 	}
 }
 
@@ -14335,11 +14356,11 @@ const ICON_VARIANTS = {
 
 /* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
 
-function add_css$b(target) {
-	append_styles(target, "svelte-mut6o2", ".icon.svelte-mut6o2{display:flex;align-items:center;overflow:hidden;width:auto;cursor:pointer;text-decoration:none}");
+function add_css$c(target) {
+	append_styles(target, "svelte-19rssou", ".icon.svelte-19rssou{display:flex;align-items:center;overflow:hidden;width:auto;cursor:pointer;text-decoration:none}");
 }
 
-// (22:0) <svelte:element   {...attributes}   this={element}   class="icon"   style={style}   data-layer-id={layerId}   on:click={handleClick} >
+// (24:0) <svelte:element   {...attributes}   this={element}   class="icon"   style={style}   data-layer-id={layerId}   on:click={handleClick} >
 function create_dynamic_element$7(ctx) {
 	let svelte_element;
 	let switch_instance;
@@ -14398,7 +14419,7 @@ function create_dynamic_element$7(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-mut6o2", true);
+			toggle_class(svelte_element, "svelte-19rssou", true);
 		},
 		m(target, anchor) {
 			insert_hydration(target, svelte_element, anchor);
@@ -14451,7 +14472,7 @@ function create_dynamic_element$7(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-mut6o2", true);
+			toggle_class(svelte_element, "svelte-19rssou", true);
 		},
 		i(local) {
 			if (current) return;
@@ -14526,6 +14547,7 @@ function instance$c($$self, $$props, $$invalidate) {
 	let IconComponent;
 	let { props = {} } = $$props;
 	let { layerId = '' } = $$props;
+	useInjectCustomizeCss(props);
 	const { attributes, element, handleClick } = useClickable(props);
 
 	const getSizeCss = () => {
@@ -14563,7 +14585,7 @@ function instance$c($$self, $$props, $$invalidate) {
 class Icon extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$c, create_fragment$c, safe_not_equal, { props: 0, layerId: 1 }, add_css$b);
+		init(this, options, instance$c, create_fragment$c, safe_not_equal, { props: 0, layerId: 1 }, add_css$c);
 	}
 }
 
@@ -14730,11 +14752,11 @@ function darkenColor(color, percent) {
 
 /* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
 
-function add_css$a(target) {
-	append_styles(target, "svelte-1o60d09", ".button.svelte-1o60d09{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border:0;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:var(--bg-color)}.button.svelte-1o60d09:hover{background-color:var(--hover-bg-color)}.button-icon.svelte-1o60d09{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
+function add_css$b(target) {
+	append_styles(target, "svelte-1ix4ul", ".button.svelte-1ix4ul{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border:0;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:var(--bg-color)}.button.svelte-1ix4ul:hover{background-color:var(--hover-bg-color)}.button-icon.svelte-1ix4ul{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
 }
 
-// (47:2) {#if props.isIcon && props.iconVariant}
+// (49:2) {#if props.isIcon && props.iconVariant}
 function create_if_block$6(ctx) {
 	let div;
 	let icon;
@@ -14765,7 +14787,7 @@ function create_if_block$6(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "button-icon svelte-1o60d09");
+			attr(div, "class", "button-icon svelte-1ix4ul");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -14800,7 +14822,7 @@ function create_if_block$6(ctx) {
 	};
 }
 
-// (39:0) <svelte:element   {...attributes}   this={element}   class="button"   style={style}   data-layer-id={layerId}   on:click={handleClick} >
+// (41:0) <svelte:element   {...attributes}   this={element}   class="button"   style={style}   data-layer-id={layerId}   on:click={handleClick} >
 function create_dynamic_element$6(ctx) {
 	let svelte_element;
 	let t0;
@@ -14852,7 +14874,7 @@ function create_dynamic_element$6(ctx) {
 			this.h();
 		},
 		h() {
-			attr(span, "class", "button-label svelte-1o60d09");
+			attr(span, "class", "button-label svelte-1ix4ul");
 
 			if ((/-/).test(/*element*/ ctx[4])) {
 				set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -14860,7 +14882,7 @@ function create_dynamic_element$6(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-1o60d09", true);
+			toggle_class(svelte_element, "svelte-1ix4ul", true);
 		},
 		m(target, anchor) {
 			insert_hydration(target, svelte_element, anchor);
@@ -14914,7 +14936,7 @@ function create_dynamic_element$6(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-1o60d09", true);
+			toggle_class(svelte_element, "svelte-1ix4ul", true);
 		},
 		i(local) {
 			if (current) return;
@@ -14989,6 +15011,7 @@ function instance$b($$self, $$props, $$invalidate) {
 	let style;
 	let { props = {} } = $$props;
 	let { layerId = '' } = $$props;
+	useInjectCustomizeCss(props);
 	const { attributes, element, handleClick } = useClickable(props);
 	const buttonThemeStyle = BUTTON_THEME_STYLES[props.theme ?? buttonPropsDefault.theme];
 	const buttonSizeStyle = BUTTON_SIZE_STYLES[props.size ?? buttonPropsDefault.size];
@@ -15043,7 +15066,7 @@ function instance$b($$self, $$props, $$invalidate) {
 class Button extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$b, create_fragment$b, safe_not_equal, { props: 0, layerId: 1 }, add_css$a);
+		init(this, options, instance$b, create_fragment$b, safe_not_equal, { props: 0, layerId: 1 }, add_css$b);
 	}
 }
 
@@ -15140,11 +15163,11 @@ const BUTTON_OUTLINED_WRAP_STYLES = {
 
 /* src/components-flex/button-outlined/ButtonOutlined.svelte generated by Svelte v3.53.1 */
 
-function add_css$9(target) {
-	append_styles(target, "svelte-1ogxph4", ".button-outlined.svelte-1ogxph4{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:#ffffff}.button-outlined.svelte-1ogxph4:hover{background-color:#f6f6f6}.button-outlined-icon.svelte-1ogxph4{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
+function add_css$a(target) {
+	append_styles(target, "svelte-b990ec", ".button-outlined.svelte-b990ec{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:#ffffff}.button-outlined.svelte-b990ec:hover{background-color:#f6f6f6}.button-outlined-icon.svelte-b990ec{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
 }
 
-// (42:2) {#if props.isIcon && props.iconVariant}
+// (44:2) {#if props.isIcon && props.iconVariant}
 function create_if_block$5(ctx) {
 	let div;
 	let icon;
@@ -15175,7 +15198,7 @@ function create_if_block$5(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "button-outlined-icon svelte-1ogxph4");
+			attr(div, "class", "button-outlined-icon svelte-b990ec");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -15210,7 +15233,7 @@ function create_if_block$5(ctx) {
 	};
 }
 
-// (34:0) <svelte:element   {...attributes}   this={element}   class="button-outlined"   style={style}   data-layer-id={layerId}   on:click={handleClick} >
+// (36:0) <svelte:element   {...attributes}   this={element}   class="button-outlined"   style={style}   data-layer-id={layerId}   on:click={handleClick} >
 function create_dynamic_element$5(ctx) {
 	let svelte_element;
 	let t0;
@@ -15262,7 +15285,7 @@ function create_dynamic_element$5(ctx) {
 			this.h();
 		},
 		h() {
-			attr(span, "class", "button-outlined-label svelte-1ogxph4");
+			attr(span, "class", "button-outlined-label svelte-b990ec");
 
 			if ((/-/).test(/*element*/ ctx[4])) {
 				set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -15270,7 +15293,7 @@ function create_dynamic_element$5(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-1ogxph4", true);
+			toggle_class(svelte_element, "svelte-b990ec", true);
 		},
 		m(target, anchor) {
 			insert_hydration(target, svelte_element, anchor);
@@ -15324,7 +15347,7 @@ function create_dynamic_element$5(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-1ogxph4", true);
+			toggle_class(svelte_element, "svelte-b990ec", true);
 		},
 		i(local) {
 			if (current) return;
@@ -15398,6 +15421,7 @@ function instance$a($$self, $$props, $$invalidate) {
 	let style;
 	let { props = {} } = $$props;
 	let { layerId = '' } = $$props;
+	useInjectCustomizeCss(props);
 	const { attributes, element, handleClick } = useClickable(props);
 	const buttonThemeStyle = BUTTON_OUTLINED_THEME_STYLES[props.theme ?? buttonOutlinedPropsDefault.theme];
 	const buttonSizeStyle = BUTTON_OUTLINED_SIZE_STYLES[props.size ?? buttonOutlinedPropsDefault.size];
@@ -15436,7 +15460,7 @@ function instance$a($$self, $$props, $$invalidate) {
 class ButtonOutlined extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$a, create_fragment$a, safe_not_equal, { props: 0, layerId: 1 }, add_css$9);
+		init(this, options, instance$a, create_fragment$a, safe_not_equal, { props: 0, layerId: 1 }, add_css$a);
 	}
 }
 
@@ -15497,11 +15521,11 @@ const BUTTON_TEXT_THEME_STYLES = {
 
 /* src/components-flex/button-text/ButtonText.svelte generated by Svelte v3.53.1 */
 
-function add_css$8(target) {
-	append_styles(target, "svelte-lted9r", ".button-text.svelte-lted9r{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border:0;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:rgba(255, 255, 255, 0)}.button-text.svelte-lted9r:hover{background-color:var(--hover-bg-color)}.button-text-icon.svelte-lted9r{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
+function add_css$9(target) {
+	append_styles(target, "svelte-1xgvp8r", ".button-text.svelte-1xgvp8r{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border:0;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:rgba(255, 255, 255, 0)}.button-text.svelte-1xgvp8r:hover{background-color:var(--hover-bg-color)}.button-text-icon.svelte-1xgvp8r{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
 }
 
-// (44:2) {#if props.isIcon && props.iconVariant}
+// (46:2) {#if props.isIcon && props.iconVariant}
 function create_if_block$4(ctx) {
 	let div;
 	let icon;
@@ -15532,7 +15556,7 @@ function create_if_block$4(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "button-text-icon svelte-lted9r");
+			attr(div, "class", "button-text-icon svelte-1xgvp8r");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -15567,7 +15591,7 @@ function create_if_block$4(ctx) {
 	};
 }
 
-// (36:0) <svelte:element   {...attributes}   this={element}   class="button-text"   style={style}   data-layer-id={layerId}   on:click={handleClick} >
+// (38:0) <svelte:element   {...attributes}   this={element}   class="button-text"   style={style}   data-layer-id={layerId}   on:click={handleClick} >
 function create_dynamic_element$4(ctx) {
 	let svelte_element;
 	let t0;
@@ -15619,7 +15643,7 @@ function create_dynamic_element$4(ctx) {
 			this.h();
 		},
 		h() {
-			attr(span, "class", "button-text-label svelte-lted9r");
+			attr(span, "class", "button-text-label svelte-1xgvp8r");
 
 			if ((/-/).test(/*element*/ ctx[4])) {
 				set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -15627,7 +15651,7 @@ function create_dynamic_element$4(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-lted9r", true);
+			toggle_class(svelte_element, "svelte-1xgvp8r", true);
 		},
 		m(target, anchor) {
 			insert_hydration(target, svelte_element, anchor);
@@ -15681,7 +15705,7 @@ function create_dynamic_element$4(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-lted9r", true);
+			toggle_class(svelte_element, "svelte-1xgvp8r", true);
 		},
 		i(local) {
 			if (current) return;
@@ -15756,6 +15780,7 @@ function instance$9($$self, $$props, $$invalidate) {
 	let style;
 	let { props = {} } = $$props;
 	let { layerId = '' } = $$props;
+	useInjectCustomizeCss(props);
 	const { attributes, element, handleClick } = useClickable(props);
 	const buttonThemeStyle = BUTTON_TEXT_THEME_STYLES[props.theme ?? 'default'];
 	const buttonSizeStyle = BUTTON_TEXT_SIZE_STYLES[props.size ?? 'medium'];
@@ -15807,7 +15832,7 @@ function instance$9($$self, $$props, $$invalidate) {
 class ButtonText extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$9, create_fragment$9, safe_not_equal, { props: 0, layerId: 1 }, add_css$8);
+		init(this, options, instance$9, create_fragment$9, safe_not_equal, { props: 0, layerId: 1 }, add_css$9);
 	}
 }
 
@@ -15845,11 +15870,11 @@ const CLOSE_BUTTON_LABEL_PLACEMENT = {
 
 /* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
 
-function add_css$7(target) {
-	append_styles(target, "svelte-3133h2", ".close-button.svelte-3133h2.svelte-3133h2{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:8px;border-radius:100%;background:none;cursor:pointer;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.close-button.svelte-3133h2 svg.svelte-3133h2{transition:transform 0.12s}.close-button.svelte-3133h2:hover svg.svelte-3133h2{transform:rotate(90deg)}.close-button-order-one.svelte-3133h2.svelte-3133h2{order:1}.close-button-order-two.svelte-3133h2.svelte-3133h2{order:2}");
+function add_css$8(target) {
+	append_styles(target, "svelte-3mvsv6", ".close-button.svelte-3mvsv6.svelte-3mvsv6{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:8px;border-radius:100%;background:none;cursor:pointer;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.close-button.svelte-3mvsv6 svg.svelte-3mvsv6{transition:transform 0.12s}.close-button.svelte-3mvsv6:hover svg.svelte-3mvsv6{transform:rotate(90deg)}.close-button-order-one.svelte-3mvsv6.svelte-3mvsv6{order:1}.close-button-order-two.svelte-3mvsv6.svelte-3mvsv6{order:2}");
 }
 
-// (89:2) {#if hasLabel}
+// (91:2) {#if hasLabel}
 function create_if_block$3(ctx) {
 	let span;
 	let t;
@@ -15872,7 +15897,7 @@ function create_if_block$3(ctx) {
 
 			attr(span, "class", "close-button-label " + (/*isLeftLabelPlacement*/ ctx[10]
 			? 'close-button-order-one'
-			: '') + " svelte-3133h2");
+			: '') + " svelte-3mvsv6");
 		},
 		m(target, anchor) {
 			insert_hydration(target, span, anchor);
@@ -15889,7 +15914,7 @@ function create_if_block$3(ctx) {
 	};
 }
 
-// (70:0) <svelte:element   {...attributes}   this={element}   class="close-button {isLeftLabelPlacement ? 'close-button-order-two' : ''}"   data-layer-id={layerId}   style={style}   on:click={handleClick} >
+// (72:0) <svelte:element   {...attributes}   this={element}   class="close-button {isLeftLabelPlacement ? 'close-button-order-two' : ''}"   data-layer-id={layerId}   style={style}   on:click={handleClick} >
 function create_dynamic_element$3(ctx) {
 	let svelte_element;
 	let span;
@@ -15964,7 +15989,7 @@ function create_dynamic_element$3(ctx) {
 			set_style(svg, "width", "100%");
 			set_style(svg, "height", "100%");
 			attr(svg, "fill", /*color*/ ctx[8]);
-			attr(svg, "class", "svelte-3133h2");
+			attr(svg, "class", "svelte-3mvsv6");
 			attr(span, "style", /*iconStyle*/ ctx[1]);
 
 			if ((/-/).test(/*element*/ ctx[6])) {
@@ -15973,7 +15998,7 @@ function create_dynamic_element$3(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-3133h2", true);
+			toggle_class(svelte_element, "svelte-3mvsv6", true);
 		},
 		m(target, anchor) {
 			insert_hydration(target, svelte_element, anchor);
@@ -16019,7 +16044,7 @@ function create_dynamic_element$3(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-3133h2", true);
+			toggle_class(svelte_element, "svelte-3mvsv6", true);
 		},
 		d(detaching) {
 			if (detaching) detach(svelte_element);
@@ -16087,6 +16112,7 @@ function instance$8($$self, $$props, $$invalidate) {
 	let { layerId = '' } = $$props;
 	let { eventName = '' } = $$props;
 	let { eventValue = undefined } = $$props;
+	useInjectCustomizeCss(props);
 
 	const { attributes, element, handleClick } = useClickable({
 		onClick: { operation: 'closeApp', args: ['button'] },
@@ -16183,18 +16209,18 @@ class CloseButton extends SvelteComponent {
 				eventName: 12,
 				eventValue: 13
 			},
-			add_css$7
+			add_css$8
 		);
 	}
 }
 
 /* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
 
-function add_css$6(target) {
-	append_styles(target, "svelte-1x7ex8r", ".image.svelte-1x7ex8r{max-width:100%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.image-object.svelte-1x7ex8r{width:100%;overflow:hidden}.image-img.svelte-1x7ex8r{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}");
+function add_css$7(target) {
+	append_styles(target, "svelte-10a9nyt", ".image.svelte-10a9nyt{max-width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.image-object.svelte-10a9nyt{width:100%;overflow:hidden}.image-img.svelte-10a9nyt{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}");
 }
 
-// (17:0) <svelte:element   {...attributes}   this={element}   class="image"   style={style}   data-layer-id={layerId}   on:click={handleClick} >
+// (19:0) <svelte:element   this={element}   {...attributes}   class="image"   {style}   data-layer-id={layerId}   on:click={handleClick} >
 function create_dynamic_element$2(ctx) {
 	let svelte_element;
 	let object;
@@ -16242,9 +16268,9 @@ function create_dynamic_element$2(ctx) {
 		h() {
 			if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
 			attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
-			attr(img, "class", "image-img svelte-1x7ex8r");
+			attr(img, "class", "image-img svelte-10a9nyt");
 			attr(object, "style", /*objectStyle*/ ctx[2]);
-			attr(object, "class", "image-object svelte-1x7ex8r");
+			attr(object, "class", "image-object svelte-10a9nyt");
 
 			if ((/-/).test(/*element*/ ctx[5])) {
 				set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -16252,7 +16278,7 @@ function create_dynamic_element$2(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-1x7ex8r", true);
+			toggle_class(svelte_element, "svelte-10a9nyt", true);
 		},
 		m(target, anchor) {
 			insert_hydration(target, svelte_element, anchor);
@@ -16290,7 +16316,7 @@ function create_dynamic_element$2(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-1x7ex8r", true);
+			toggle_class(svelte_element, "svelte-10a9nyt", true);
 		},
 		d(detaching) {
 			if (detaching) detach(svelte_element);
@@ -16353,6 +16379,7 @@ function instance$7($$self, $$props, $$invalidate) {
 	let objectStyle;
 	let { props = {} } = $$props;
 	let { layerId = '' } = $$props;
+	useInjectCustomizeCss(props);
 	const { attributes, element, handleClick } = useClickable(props);
 
 	$$self.$$set = $$props => {
@@ -16380,17 +16407,17 @@ function instance$7($$self, $$props, $$invalidate) {
 class Image extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$7, create_fragment$7, safe_not_equal, { props: 0, layerId: 1 }, add_css$6);
+		init(this, options, instance$7, create_fragment$7, safe_not_equal, { props: 0, layerId: 1 }, add_css$7);
 	}
 }
 
 /* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
 
-function add_css$5(target) {
-	append_styles(target, "svelte-1tjo4al", ".layout.svelte-1tjo4al{text-decoration:none;color:inherit}.layout[data-clickable=true].svelte-1tjo4al{cursor:pointer}.layout[data-clickable=true].svelte-1tjo4al:hover{opacity:0.8}");
+function add_css$6(target) {
+	append_styles(target, "svelte-139vx15", ".layout.svelte-139vx15{text-decoration:none;color:inherit}.layout[data-clickable=true].svelte-139vx15{cursor:pointer}.layout[data-clickable=true].svelte-139vx15:hover{opacity:0.8}");
 }
 
-// (27:0) <svelte:element   {...attributes}   this="div"   class="layout"   style={style}   data-layer-id={layerId}   on:click={handleClick} >
+// (28:0) <svelte:element   {...attributes}   this="div"   class="layout"   style={style}   data-layer-id={layerId}   on:click={handleClick} >
 function create_dynamic_element$1(ctx) {
 	let svelte_element;
 	let current;
@@ -16437,7 +16464,7 @@ function create_dynamic_element$1(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-1tjo4al", true);
+			toggle_class(svelte_element, "svelte-139vx15", true);
 		},
 		m(target, anchor) {
 			insert_hydration(target, svelte_element, anchor);
@@ -16482,7 +16509,7 @@ function create_dynamic_element$1(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-1tjo4al", true);
+			toggle_class(svelte_element, "svelte-139vx15", true);
 		},
 		i(local) {
 			if (current) return;
@@ -16561,6 +16588,7 @@ function instance$6($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { props = {} } = $$props;
 	let { layerId = '' } = $$props;
+	useInjectCustomizeCss(props);
 	const { attributes, element, handleClick } = useClickable(props);
 
 	$$self.$$set = $$props => {
@@ -16597,7 +16625,7 @@ function instance$6($$self, $$props, $$invalidate) {
 class Layout extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$6, create_fragment$6, safe_not_equal, { props: 4, layerId: 0 }, add_css$5);
+		init(this, options, instance$6, create_fragment$6, safe_not_equal, { props: 4, layerId: 0 }, add_css$6);
 	}
 }
 
@@ -16608,8 +16636,8 @@ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
 
 /* src/components-flex/slider/Slider.svelte generated by Svelte v3.53.1 */
 
-function add_css$4(target) {
-	append_styles(target, "svelte-10vbkzx", ".container.svelte-10vbkzx{-webkit-user-drag:none}");
+function add_css$5(target) {
+	append_styles(target, "svelte-17ij7ip", ".container.svelte-17ij7ip{-webkit-user-drag:none}");
 }
 
 function get_each_context(ctx, list, i) {
@@ -16744,7 +16772,7 @@ function create_fragment$5(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div0, "class", "container svelte-10vbkzx");
+			attr(div0, "class", "container svelte-17ij7ip");
 			attr(div0, "style", div0_style_value = [/*containerStyle*/ ctx[5], /*overrideStyle*/ ctx[1]].join(' '));
 			attr(div1, "style", /*indicatorListStyle*/ ctx[4]);
 			attr(div2, "data-layer-id", /*layerId*/ ctx[0]);
@@ -17061,7 +17089,7 @@ function instance$5($$self, $$props, $$invalidate) {
 class Slider extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$5, create_fragment$5, safe_not_equal, { layerId: 0, props: 11, overrideStyle: 1 }, add_css$4, [-1, -1]);
+		init(this, options, instance$5, create_fragment$5, safe_not_equal, { layerId: 0, props: 11, overrideStyle: 1 }, add_css$5, [-1, -1]);
 	}
 }
 
@@ -17149,8 +17177,8 @@ const TEXT_THEME_STYLES = {
 
 /* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
 
-function add_css$3(target) {
-	append_styles(target, "svelte-14kt34i", ".text.svelte-14kt34i{margin:0;word-break:break-all;text-decoration:none}");
+function add_css$4(target) {
+	append_styles(target, "svelte-vifn7y", ".text.svelte-vifn7y{margin:0;word-break:break-all;text-decoration:none}");
 }
 
 function create_fragment$4(ctx) {
@@ -17173,7 +17201,7 @@ function create_fragment$4(ctx) {
 			this.h();
 		},
 		h() {
-			attr(p, "class", "text svelte-14kt34i");
+			attr(p, "class", "text svelte-vifn7y");
 			attr(p, "style", /*style*/ ctx[1]);
 			attr(p, "data-layer-id", /*layerId*/ ctx[0]);
 		},
@@ -17204,6 +17232,7 @@ function instance$4($$self, $$props, $$invalidate) {
 	let style;
 	let { props = { content: '' } } = $$props;
 	let { layerId = '' } = $$props;
+	useInjectCustomizeCss(props);
 
 	if (props.fontFamily) {
 		addFont(props.fontFamily);
@@ -17253,7 +17282,7 @@ function instance$4($$self, $$props, $$invalidate) {
 class Text extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$4, create_fragment$4, safe_not_equal, { props: 3, layerId: 0 }, add_css$3);
+		init(this, options, instance$4, create_fragment$4, safe_not_equal, { props: 3, layerId: 0 }, add_css$4);
 	}
 }
 
@@ -17321,11 +17350,11 @@ const TEXT_LINK_THEME_STYLES = {
 
 /* src/components-flex/text-link/TextLink.svelte generated by Svelte v3.53.1 */
 
-function add_css$2(target) {
-	append_styles(target, "svelte-1ly79de", ".link.svelte-1ly79de,.link.svelte-1ly79de:visited,.link.svelte-1ly79de:link{color:var(--color)}.link.svelte-1ly79de:hover{color:var(--hover-color)}.link.svelte-1ly79de:active{color:var(--active-color)}.link.underline-hover-on.svelte-1ly79de{text-decoration:none}.link.underline-hover-on.svelte-1ly79de:hover{text-decoration:underline}.link.underline-hover-off.svelte-1ly79de{text-decoration:underline}.link.underline-hover-off.svelte-1ly79de:hover{text-decoration:none}.link.underline-on.svelte-1ly79de{text-decoration:underline}.link.underline-off.svelte-1ly79de{text-decoration:none}");
+function add_css$3(target) {
+	append_styles(target, "svelte-1y4hh01", ".link.svelte-1y4hh01{-webkit-appearance:none;border:0;background:none;padding:0}.link.svelte-1y4hh01,.link.svelte-1y4hh01:visited,.link.svelte-1y4hh01:link{color:var(--color)}.link.svelte-1y4hh01:hover{color:var(--hover-color)}.link.svelte-1y4hh01:active{color:var(--active-color)}.link.underline-hover-on.svelte-1y4hh01{text-decoration:none}.link.underline-hover-on.svelte-1y4hh01:hover{text-decoration:underline}.link.underline-hover-off.svelte-1y4hh01{text-decoration:underline}.link.underline-hover-off.svelte-1y4hh01:hover{text-decoration:none}.link.underline-on.svelte-1y4hh01{text-decoration:underline}.link.underline-off.svelte-1y4hh01{text-decoration:none}");
 }
 
-// (67:2) {#if props.isIcon && props.iconVariant}
+// (69:2) {#if props.isIcon && props.iconVariant}
 function create_if_block$2(ctx) {
 	let icon;
 	let current;
@@ -17379,7 +17408,7 @@ function create_if_block$2(ctx) {
 	};
 }
 
-// (59:0) <svelte:element   {...attributes}   this={element}   class={`link ${underlineClass}`}   style={style}   data-layer-id={layerId}   on:click={handleClick} >
+// (61:0) <svelte:element   {...attributes}   this={element}   class={`link ${underlineClass}`}   style={style}   data-layer-id={layerId}   on:click={handleClick} >
 function create_dynamic_element(ctx) {
 	let svelte_element;
 	let t;
@@ -17436,7 +17465,7 @@ function create_dynamic_element(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-1ly79de", true);
+			toggle_class(svelte_element, "svelte-1y4hh01", true);
 		},
 		m(target, anchor) {
 			insert_hydration(target, svelte_element, anchor);
@@ -17489,7 +17518,7 @@ function create_dynamic_element(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-1ly79de", true);
+			toggle_class(svelte_element, "svelte-1y4hh01", true);
 		},
 		i(local) {
 			if (current) return;
@@ -17565,6 +17594,7 @@ function instance$3($$self, $$props, $$invalidate) {
 	let style;
 	let { props = { label: '' } } = $$props;
 	let { layerId = '' } = $$props;
+	useInjectCustomizeCss(props);
 	const { attributes, element, handleClick } = useClickable({ ...props, element: 'span' });
 	const themeStyle = TEXT_LINK_THEME_STYLES[props.theme ?? 'link'];
 	const sizeStyle = TEXT_LINK_SIZE_STYLES[props.size ?? 'medium'];
@@ -17635,7 +17665,7 @@ function instance$3($$self, $$props, $$invalidate) {
 class TextLink extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$3, create_fragment$3, safe_not_equal, { props: 0, layerId: 1 }, add_css$2);
+		init(this, options, instance$3, create_fragment$3, safe_not_equal, { props: 0, layerId: 1 }, add_css$3);
 	}
 }
 
@@ -17661,8 +17691,8 @@ const TEXT_LINK_UNDERLINE = {
 
 /* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
 
-function add_css$1(target) {
-	append_styles(target, "svelte-ed4ktn", ".v2-background.svelte-ed4ktn{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
+function add_css$2(target) {
+	append_styles(target, "svelte-18nkdjz", ".v2-background.svelte-18nkdjz{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
 }
 
 // (14:0) {#if backgroundOverlay}
@@ -17683,7 +17713,7 @@ function create_if_block$1(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"));
+			attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"));
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -17694,7 +17724,7 @@ function create_if_block$1(ctx) {
 			}
 		},
 		p(ctx, dirty) {
-			if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"))) {
+			if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"))) {
 				attr(div, "class", div_class_value);
 			}
 		},
@@ -17763,29 +17793,29 @@ function instance$2($$self, $$props, $$invalidate) {
 class BackgroundOverlay extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$2, create_fragment$2, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$1);
+		init(this, options, instance$2, create_fragment$2, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$2);
 	}
 }
 
 /* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
 
-function add_css(target) {
-	append_styles(target, "svelte-15b58xm", "*{box-sizing:border-box}.modal.svelte-15b58xm{position:fixed;z-index:2147483647;display:flex}.modal.svelte-15b58xm > .button{flex:auto;display:flex}@media screen and (min-width: 641px){.modal-bp.svelte-15b58xm{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-15b58xm{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
+function add_css$1(target) {
+	append_styles(target, "svelte-45ue06", "*{box-sizing:border-box}.modal.svelte-45ue06{position:fixed;z-index:2147483647;display:flex}.modal.svelte-45ue06 > .button{flex:auto;display:flex}@media screen and (min-width: 641px){.modal-bp.svelte-45ue06{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-45ue06{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
 }
 
-// (219:0) {:else}
+// (220:0) {:else}
 function create_else_block(ctx) {
 	let backgroundoverlay;
 	let current;
 
 	backgroundoverlay = new BackgroundOverlay({
 			props: {
-				backgroundOverlay: /*backgroundOverlay*/ ctx[3]
+				backgroundOverlay: /*backgroundOverlay*/ ctx[4]
 			}
 		});
 
 	backgroundoverlay.$on("click", function () {
-		if (is_function(/*backgroundClick*/ ctx[11])) /*backgroundClick*/ ctx[11].apply(this, arguments);
+		if (is_function(/*backgroundClick*/ ctx[12])) /*backgroundClick*/ ctx[12].apply(this, arguments);
 	});
 
 	return {
@@ -17802,7 +17832,7 @@ function create_else_block(ctx) {
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
 			const backgroundoverlay_changes = {};
-			if (dirty & /*backgroundOverlay*/ 8) backgroundoverlay_changes.backgroundOverlay = /*backgroundOverlay*/ ctx[3];
+			if (dirty & /*backgroundOverlay*/ 16) backgroundoverlay_changes.backgroundOverlay = /*backgroundOverlay*/ ctx[4];
 			backgroundoverlay.$set(backgroundoverlay_changes);
 		},
 		i(local) {
@@ -17820,7 +17850,7 @@ function create_else_block(ctx) {
 	};
 }
 
-// (208:24) 
+// (209:24) 
 function create_if_block_2(ctx) {
 	let backgroundoverlay0;
 	let t;
@@ -17830,23 +17860,23 @@ function create_if_block_2(ctx) {
 	backgroundoverlay0 = new BackgroundOverlay({
 			props: {
 				class: "background-bp-pc",
-				backgroundOverlay: /*backgroundOverlayPC*/ ctx[4]
+				backgroundOverlay: /*backgroundOverlayPC*/ ctx[5]
 			}
 		});
 
 	backgroundoverlay0.$on("click", function () {
-		if (is_function(/*backgroundClickPC*/ ctx[10])) /*backgroundClickPC*/ ctx[10].apply(this, arguments);
+		if (is_function(/*backgroundClickPC*/ ctx[11])) /*backgroundClickPC*/ ctx[11].apply(this, arguments);
 	});
 
 	backgroundoverlay1 = new BackgroundOverlay({
 			props: {
 				class: "background-bp-sp ",
-				backgroundOverlay: /*backgroundOverlaySP*/ ctx[5]
+				backgroundOverlay: /*backgroundOverlaySP*/ ctx[6]
 			}
 		});
 
 	backgroundoverlay1.$on("click", function () {
-		if (is_function(/*backgroundClickSP*/ ctx[9])) /*backgroundClickSP*/ ctx[9].apply(this, arguments);
+		if (is_function(/*backgroundClickSP*/ ctx[10])) /*backgroundClickSP*/ ctx[10].apply(this, arguments);
 	});
 
 	return {
@@ -17869,10 +17899,10 @@ function create_if_block_2(ctx) {
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
 			const backgroundoverlay0_changes = {};
-			if (dirty & /*backgroundOverlayPC*/ 16) backgroundoverlay0_changes.backgroundOverlay = /*backgroundOverlayPC*/ ctx[4];
+			if (dirty & /*backgroundOverlayPC*/ 32) backgroundoverlay0_changes.backgroundOverlay = /*backgroundOverlayPC*/ ctx[5];
 			backgroundoverlay0.$set(backgroundoverlay0_changes);
 			const backgroundoverlay1_changes = {};
-			if (dirty & /*backgroundOverlaySP*/ 32) backgroundoverlay1_changes.backgroundOverlay = /*backgroundOverlaySP*/ ctx[5];
+			if (dirty & /*backgroundOverlaySP*/ 64) backgroundoverlay1_changes.backgroundOverlay = /*backgroundOverlaySP*/ ctx[6];
 			backgroundoverlay1.$set(backgroundoverlay1_changes);
 		},
 		i(local) {
@@ -17894,7 +17924,7 @@ function create_if_block_2(ctx) {
 	};
 }
 
-// (206:0) {#if isPreview()}
+// (207:0) {#if isPreview()}
 function create_if_block_1(ctx) {
 	return {
 		c: noop,
@@ -17907,14 +17937,14 @@ function create_if_block_1(ctx) {
 	};
 }
 
-// (222:0) {#if visible}
+// (223:0) {#if visible}
 function create_if_block(ctx) {
 	let div;
 	let div_class_value;
 	let div_intro;
 	let current;
-	const default_slot_template = /*#slots*/ ctx[23].default;
-	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[22], null);
+	const default_slot_template = /*#slots*/ ctx[24].default;
+	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[23], null);
 
 	return {
 		c() {
@@ -17927,6 +17957,7 @@ function create_if_block(ctx) {
 				class: true,
 				role: true,
 				"aria-modal": true,
+				"data-layer-id": true,
 				style: true
 			});
 
@@ -17936,10 +17967,11 @@ function create_if_block(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-15b58xm"));
+			attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"));
 			attr(div, "role", "dialog");
 			attr(div, "aria-modal", "true");
-			attr(div, "style", Array.from(/*modalStyles*/ ctx[12]).join(';'));
+			attr(div, "data-layer-id", /*layerId*/ ctx[2]);
+			attr(div, "style", Array.from(/*modalStyles*/ ctx[13]).join(';'));
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -17948,30 +17980,34 @@ function create_if_block(ctx) {
 				default_slot.m(div, null);
 			}
 
-			/*div_binding*/ ctx[24](div);
+			/*div_binding*/ ctx[25](div);
 			current = true;
 		},
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
 
 			if (default_slot) {
-				if (default_slot.p && (!current || dirty & /*$$scope*/ 4194304)) {
+				if (default_slot.p && (!current || dirty & /*$$scope*/ 8388608)) {
 					update_slot_base(
 						default_slot,
 						default_slot_template,
 						ctx,
-						/*$$scope*/ ctx[22],
+						/*$$scope*/ ctx[23],
 						!current
-						? get_all_dirty_from_scope(/*$$scope*/ ctx[22])
-						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[22], dirty, null),
+						? get_all_dirty_from_scope(/*$$scope*/ ctx[23])
+						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[23], dirty, null),
 						null
 					);
 				}
 			}
 
-			if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-15b58xm"))) {
+			if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"))) {
 				attr(div, "class", div_class_value);
 			}
+
+			if (!current || dirty & /*layerId*/ 4) {
+				attr(div, "data-layer-id", /*layerId*/ ctx[2]);
+			}
 		},
 		i(local) {
 			if (current) return;
@@ -17980,7 +18016,7 @@ function create_if_block(ctx) {
 			if (!div_intro) {
 				add_render_callback(() => {
 					div_intro = create_in_transition(div, customAnimation, {
-						transforms: /*transforms*/ ctx[2],
+						transforms: /*transforms*/ ctx[3],
 						animationStyle: /*animation*/ ctx[1]
 					});
 
@@ -17997,7 +18033,7 @@ function create_if_block(ctx) {
 		d(detaching) {
 			if (detaching) detach(div);
 			if (default_slot) default_slot.d(detaching);
-			/*div_binding*/ ctx[24](null);
+			/*div_binding*/ ctx[25](null);
 		}
 	};
 }
@@ -18023,7 +18059,7 @@ function create_fragment$1(ctx) {
 
 	current_block_type_index = select_block_type(ctx);
 	if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
-	let if_block1 = /*visible*/ ctx[7] && create_if_block(ctx);
+	let if_block1 = /*visible*/ ctx[8] && create_if_block(ctx);
 
 	return {
 		c() {
@@ -18047,7 +18083,7 @@ function create_fragment$1(ctx) {
 
 			if (!mounted) {
 				dispose = listen(window, "keydown", function () {
-					if (is_function(/*handle_keydown*/ ctx[8])) /*handle_keydown*/ ctx[8].apply(this, arguments);
+					if (is_function(/*handle_keydown*/ ctx[9])) /*handle_keydown*/ ctx[9].apply(this, arguments);
 				});
 
 				mounted = true;
@@ -18081,11 +18117,11 @@ function create_fragment$1(ctx) {
 				if_block0.m(t.parentNode, t);
 			}
 
-			if (/*visible*/ ctx[7]) {
+			if (/*visible*/ ctx[8]) {
 				if (if_block1) {
 					if_block1.p(ctx, dirty);
 
-					if (dirty & /*visible*/ 128) {
+					if (dirty & /*visible*/ 256) {
 						transition_in(if_block1, 1);
 					}
 				} else {
@@ -18141,6 +18177,7 @@ function instance$1($$self, $$props, $$invalidate) {
 	let { animation = 'none' } = $$props;
 	let { closeEventName = '' } = $$props;
 	let { closeEventValue = null } = $$props;
+	let { layerId = '' } = $$props;
 
 	// モーダル背景の設定
 	placement && placement.backgroundOverlay !== undefined;
@@ -18159,7 +18196,7 @@ function instance$1($$self, $$props, $$invalidate) {
 	let modal;
 
 	onMount$1(() => {
-		$$invalidate(7, visible = true);
+		$$invalidate(8, visible = true);
 	});
 
 	onDestroy$1(() => setPreviousFocus());
@@ -18167,24 +18204,25 @@ function instance$1($$self, $$props, $$invalidate) {
 	function div_binding($$value) {
 		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
 			modal = $$value;
-			$$invalidate(6, modal);
+			$$invalidate(7, modal);
 		});
 	}
 
 	$$self.$$set = $$props => {
 		if ('useBreakPoint' in $$props) $$invalidate(0, useBreakPoint = $$props.useBreakPoint);
-		if ('placement' in $$props) $$invalidate(13, placement = $$props.placement);
-		if ('breakPoint' in $$props) $$invalidate(14, breakPoint = $$props.breakPoint);
-		if ('elasticity' in $$props) $$invalidate(15, elasticity = $$props.elasticity);
+		if ('placement' in $$props) $$invalidate(14, placement = $$props.placement);
+		if ('breakPoint' in $$props) $$invalidate(15, breakPoint = $$props.breakPoint);
+		if ('elasticity' in $$props) $$invalidate(16, elasticity = $$props.elasticity);
 		if ('animation' in $$props) $$invalidate(1, animation = $$props.animation);
-		if ('closeEventName' in $$props) $$invalidate(16, closeEventName = $$props.closeEventName);
-		if ('closeEventValue' in $$props) $$invalidate(17, closeEventValue = $$props.closeEventValue);
-		if ('$$scope' in $$props) $$invalidate(22, $$scope = $$props.$$scope);
+		if ('closeEventName' in $$props) $$invalidate(17, closeEventName = $$props.closeEventName);
+		if ('closeEventValue' in $$props) $$invalidate(18, closeEventValue = $$props.closeEventValue);
+		if ('layerId' in $$props) $$invalidate(2, layerId = $$props.layerId);
+		if ('$$scope' in $$props) $$invalidate(23, $$scope = $$props.$$scope);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*closeEventName, closeEventValue*/ 196608) {
-			$$invalidate(21, close = () => {
+		if ($$self.$$.dirty & /*closeEventName, closeEventValue*/ 393216) {
+			$$invalidate(22, close = () => {
 				const onClose = { operation: 'closeApp', args: ['button'] };
 
 				if (closeEventName) {
@@ -18195,42 +18233,42 @@ function instance$1($$self, $$props, $$invalidate) {
 			});
 		}
 
-		if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 24577) {
+		if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 49153) {
 			{
 
 				if (useBreakPoint) {
 					const pc = breakPoint?.PC?.placement?.backgroundOverlay;
-					$$invalidate(4, backgroundOverlayPC = pc ?? false);
+					$$invalidate(5, backgroundOverlayPC = pc ?? false);
 					const sp = breakPoint?.SP?.placement?.backgroundOverlay;
-					$$invalidate(5, backgroundOverlaySP = sp ?? false);
+					$$invalidate(6, backgroundOverlaySP = sp ?? false);
 				}
 			}
 		}
 
-		if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 24577) {
+		if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 49153) {
 			{
 				if (placement && placement.backgroundClick) {
-					$$invalidate(18, backgroundClickFunction = placement.backgroundClick);
+					$$invalidate(19, backgroundClickFunction = placement.backgroundClick);
 				}
 
 				if (useBreakPoint) {
 					const pc = breakPoint?.PC?.placement?.backgroundClick;
 
 					if (pc) {
-						$$invalidate(19, backgroundClickFunctionPC = pc);
+						$$invalidate(20, backgroundClickFunctionPC = pc);
 					}
 
 					const sp = breakPoint?.SP?.placement?.backgroundClick;
 
 					if (sp) {
-						$$invalidate(20, backgroundClickFunctionSP = sp);
+						$$invalidate(21, backgroundClickFunctionSP = sp);
 					}
 				}
 			}
 		}
 
-		if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 458752) {
-			$$invalidate(11, backgroundClick = () => {
+		if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 917504) {
+			$$invalidate(12, backgroundClick = () => {
 				if (closeEventName) {
 					send_event(closeEventName, closeEventValue);
 				}
@@ -18239,8 +18277,8 @@ function instance$1($$self, $$props, $$invalidate) {
 			});
 		}
 
-		if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 720896) {
-			$$invalidate(10, backgroundClickPC = () => {
+		if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 1441792) {
+			$$invalidate(11, backgroundClickPC = () => {
 				if (closeEventName) {
 					send_event(closeEventName, closeEventValue);
 				}
@@ -18249,8 +18287,8 @@ function instance$1($$self, $$props, $$invalidate) {
 			});
 		}
 
-		if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 1245184) {
-			$$invalidate(9, backgroundClickSP = () => {
+		if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 2490368) {
+			$$invalidate(10, backgroundClickSP = () => {
 				if (closeEventName) {
 					send_event(closeEventName, closeEventValue);
 				}
@@ -18259,7 +18297,7 @@ function instance$1($$self, $$props, $$invalidate) {
 			});
 		}
 
-		if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint, transforms*/ 24581) {
+		if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint, transforms*/ 49161) {
 			// 表示位置のスタイルとアニメーションの動きを設定
 			{
 				// 表示位置のスタイルの設定
@@ -18271,7 +18309,7 @@ function instance$1($$self, $$props, $$invalidate) {
 					modalStyles.add(positionStyle);
 				}
 
-				$$invalidate(2, transforms = []);
+				$$invalidate(3, transforms = []);
 
 				DEVICE_IDS.forEach(deviceId => {
 
@@ -18289,7 +18327,7 @@ function instance$1($$self, $$props, $$invalidate) {
 			}
 		}
 
-		if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 24577) {
+		if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 49153) {
 			// 表示位置の調整のスタイルを設定
 			{
 				let margin = DefaultModalPlacement.margin;
@@ -18313,7 +18351,7 @@ function instance$1($$self, $$props, $$invalidate) {
 			}
 		}
 
-		if ($$self.$$.dirty & /*elasticity, useBreakPoint, breakPoint*/ 49153) {
+		if ($$self.$$.dirty & /*elasticity, useBreakPoint, breakPoint*/ 98305) {
 			// 拡大方法のスタイルを設定
 			{
 				let elasticStyle = ElasticityStyle['none' ];
@@ -18335,19 +18373,20 @@ function instance$1($$self, $$props, $$invalidate) {
 			}
 		}
 
-		if ($$self.$$.dirty & /*close*/ 2097152) {
-			$$invalidate(8, handle_keydown = handleKeydown({ Escape: close }));
+		if ($$self.$$.dirty & /*close*/ 4194304) {
+			$$invalidate(9, handle_keydown = handleKeydown({ Escape: close }));
 		}
 	};
 
-	$$invalidate(6, modal = null);
+	$$invalidate(7, modal = null);
 
 	// svelteコンポーネントのアニメーションを発火させるためにマウント時にvisibleをtrueにする。
-	$$invalidate(7, visible = false);
+	$$invalidate(8, visible = false);
 
 	return [
 		useBreakPoint,
 		animation,
+		layerId,
 		transforms,
 		backgroundOverlay,
 		backgroundOverlayPC,
@@ -18386,20 +18425,25 @@ class Modal extends SvelteComponent {
 			safe_not_equal,
 			{
 				useBreakPoint: 0,
-				placement: 13,
-				breakPoint: 14,
-				elasticity: 15,
+				placement: 14,
+				breakPoint: 15,
+				elasticity: 16,
 				animation: 1,
-				closeEventName: 16,
-				closeEventValue: 17
+				closeEventName: 17,
+				closeEventValue: 18,
+				layerId: 2
 			},
-			add_css
+			add_css$1
 		);
 	}
 }
 
 /* src/components-flex/code/Code.svelte generated by Svelte v3.53.1 */
 
+function add_css(target) {
+	append_styles(target, "svelte-igivoz", ".code.svelte-igivoz{flex-grow:1;flex-shrink:0;align-self:stretch}");
+}
+
 function create_fragment(ctx) {
 	let div;
 	let raw_value = /*props*/ ctx[0].rawHtml + "";
@@ -18407,18 +18451,28 @@ function create_fragment(ctx) {
 	return {
 		c() {
 			div = element("div");
+			this.h();
 		},
 		l(nodes) {
-			div = claim_element(nodes, "DIV", {});
+			div = claim_element(nodes, "DIV", { class: true, "data-layer-id": true });
 			var div_nodes = children(div);
 			div_nodes.forEach(detach);
+			this.h();
+		},
+		h() {
+			attr(div, "class", "code svelte-igivoz");
+			attr(div, "data-layer-id", /*layerId*/ ctx[1]);
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
 			div.innerHTML = raw_value;
 		},
 		p(ctx, [dirty]) {
-			if (dirty & /*props*/ 1 && raw_value !== (raw_value = /*props*/ ctx[0].rawHtml + "")) div.innerHTML = raw_value;		},
+			if (dirty & /*props*/ 1 && raw_value !== (raw_value = /*props*/ ctx[0].rawHtml + "")) div.innerHTML = raw_value;
+			if (dirty & /*layerId*/ 2) {
+				attr(div, "data-layer-id", /*layerId*/ ctx[1]);
+			}
+		},
 		i: noop,
 		o: noop,
 		d(detaching) {
@@ -18427,46 +18481,59 @@ function create_fragment(ctx) {
 	};
 }
 
+function unescapeBraces(str) {
+	if (!str) return str;
+	return str.replace(/\\([{}])/g, '$1');
+}
+
 function instance($$self, $$props, $$invalidate) {
 	let { props = {} } = $$props;
+	let { layerId = '' } = $$props;
 
-	// JavaScriptの実行を安全に行う関数
 	function injectJavaScript() {
 		const script = document.createElement('script');
-		script.textContent = props.rawScript;
-
-		// 動的に作成したスクリプトを挿入
+		script.type = 'text/javascript';
+		script.textContent = unescapeBraces(props.rawScript);
 		document.body.appendChild(script);
 
-		// スクリプトの削除
 		return () => {
 			document.body.removeChild(script);
 		};
 	}
 
-	// コンポーネントがマウントされた時にJavaScriptを実行
+	function injectCss() {
+		const style = document.createElement('style');
+		style.textContent = props.rawCss;
+		document.head.appendChild(style);
+
+		return () => {
+			document.head.removeChild(style);
+		};
+	}
+
 	onMount$1(() => {
-		if (props.rawScript) {
-			const removeScript = injectJavaScript();
+		const removeScript = injectJavaScript();
+		const removeCss = injectCss();
 
-			// コンポーネントが破棄された時にスクリプトも削除
-			return () => {
-				removeScript();
-			};
-		}
+		// コンポーネントが破棄された時にスクリプトも削除
+		return () => {
+			removeScript();
+			removeCss();
+		};
 	});
 
 	$$self.$$set = $$props => {
 		if ('props' in $$props) $$invalidate(0, props = $$props.props);
+		if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
 	};
 
-	return [props];
+	return [props, layerId];
 }
 
 class Code extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance, create_fragment, safe_not_equal, { props: 0 });
+		init(this, options, instance, create_fragment, safe_not_equal, { props: 0, layerId: 1 }, add_css);
 	}
 }