@plaidev/karte-action-sdk 1.1.249 → 1.1.250-28767263.2eb25df3

package/dist/hydrate/index.es.js

@@ -2874,7 +2874,7 @@ function create_if_block$h(ctx) {
 	};
 }
 
-function create_fragment$1f(ctx) {
+function create_fragment$1g(ctx) {
 	let head;
 	let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$h(ctx);
 
@@ -2916,7 +2916,7 @@ function create_fragment$1f(ctx) {
 	};
 }
 
-function instance$1f($$self, $$props, $$invalidate) {
+function instance$1g($$self, $$props, $$invalidate) {
 	let $fonts;
 	component_subscribe($$self, fonts, $$value => $$invalidate(1, $fonts = $$value));
 	let googleFontUrl = '';
@@ -2946,13 +2946,13 @@ function instance$1f($$self, $$props, $$invalidate) {
 class Header extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$1f, create_fragment$1f, safe_not_equal, {});
+		init(this, options, instance$1g, create_fragment$1g, safe_not_equal, {});
 	}
 }
 
 /* src/components/State.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$1e(ctx) {
+function create_fragment$1f(ctx) {
 	let header;
 	let t;
 	let current;
@@ -3016,7 +3016,7 @@ function create_fragment$1e(ctx) {
 	};
 }
 
-function instance$1e($$self, $$props, $$invalidate) {
+function instance$1f($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 
 	$$self.$$set = $$props => {
@@ -3029,14 +3029,14 @@ function instance$1e($$self, $$props, $$invalidate) {
 class State extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$1e, create_fragment$1e, safe_not_equal, {});
+		init(this, options, instance$1f, create_fragment$1f, safe_not_equal, {});
 	}
 }
 
 /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
 
 function add_css$F(target) {
-	append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
+	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$g(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);
@@ -3112,7 +3112,7 @@ function create_if_block$g(ctx) {
 	};
 }
 
-function create_fragment$1d(ctx) {
+function create_fragment$1e(ctx) {
 	let if_block_anchor;
 	let current;
 	let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$g(ctx);
@@ -3177,7 +3177,7 @@ function getStateItemContext() {
 	return getContext(STATE_ITEM_CONTEXT_KEY);
 }
 
-function instance$1d($$self, $$props, $$invalidate) {
+function instance$1e($$self, $$props, $$invalidate) {
 	let $state;
 	component_subscribe($$self, state, $$value => $$invalidate(1, $state = $$value));
 	let { $$slots: slots = {}, $$scope } = $$props;
@@ -3203,7 +3203,7 @@ function instance$1d($$self, $$props, $$invalidate) {
 class StateItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$1d, create_fragment$1d, safe_not_equal, { path: 0 }, add_css$F);
+		init(this, options, instance$1e, create_fragment$1e, safe_not_equal, { path: 0 }, add_css$F);
 	}
 }
 
@@ -3330,7 +3330,7 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
 /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
 
 function add_css$E(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}");
+	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$f(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$f(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);
 			}
 		},
@@ -3374,7 +3374,7 @@ function create_if_block$f(ctx) {
 	};
 }
 
-function create_fragment$1c(ctx) {
+function create_fragment$1d(ctx) {
 	let if_block_anchor;
 	let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$f(ctx);
 
@@ -3414,7 +3414,7 @@ function create_fragment$1c(ctx) {
 	};
 }
 
-function instance$1c($$self, $$props, $$invalidate) {
+function instance$1d($$self, $$props, $$invalidate) {
 	let { backgroundOverlay = false } = $$props;
 	let { class: className = undefined } = $$props;
 	const dispatch = createEventDispatcher();
@@ -3431,7 +3431,7 @@ function instance$1c($$self, $$props, $$invalidate) {
 let BackgroundOverlay$1 = class BackgroundOverlay extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$1c, create_fragment$1c, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$E);
+		init(this, options, instance$1d, create_fragment$1d, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$E);
 	}
 };
 
@@ -3472,7 +3472,7 @@ function checkStopPropagation(eventName, handler) {
 /* src/components/Button.svelte generated by Svelte v3.53.1 */
 
 function add_css$D(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}");
+	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$6(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$6(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$4(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$4(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$e(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) {
@@ -3822,7 +3822,7 @@ function create_if_block$e(ctx) {
 	};
 }
 
-function create_fragment$1b(ctx) {
+function create_fragment$1c(ctx) {
 	let current_block_type_index;
 	let if_block;
 	let if_block_anchor;
@@ -3899,7 +3899,7 @@ function create_fragment$1b(ctx) {
 
 const BUTTON_CLASS = 'button';
 
-function instance$1b($$self, $$props, $$invalidate) {
+function instance$1c($$self, $$props, $$invalidate) {
 	let disabled;
 	let $valuesAreValid;
 	let { $$slots: slots = {}, $$scope } = $$props;
@@ -3965,8 +3965,8 @@ let Button$1 = class Button extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$1b,
-			create_fragment$1b,
+			instance$1c,
+			create_fragment$1c,
 			safe_not_equal,
 			{
 				onClick: 0,
@@ -3982,7 +3982,7 @@ let Button$1 = class Button extends SvelteComponent {
 /* src/components/Modal.svelte generated by Svelte v3.53.1 */
 
 function add_css$C(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}}");
+	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$d(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$d(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$3(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$d(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) {
@@ -4447,7 +4447,7 @@ function create_default_slot$d(ctx) {
 	};
 }
 
-function create_fragment$1a(ctx) {
+function create_fragment$1b(ctx) {
 	let show_if;
 	let current_block_type_index;
 	let if_block0;
@@ -4571,7 +4571,7 @@ function create_fragment$1a(ctx) {
 	};
 }
 
-function instance$1a($$self, $$props, $$invalidate) {
+function instance$1b($$self, $$props, $$invalidate) {
 	let close;
 	let closable;
 	let backgroundClick;
@@ -4854,8 +4854,8 @@ let Modal$1 = class Modal extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$1a,
-			create_fragment$1a,
+			instance$1b,
+			create_fragment$1b,
 			safe_not_equal,
 			{
 				onClick: 0,
@@ -4881,7 +4881,7 @@ let Modal$1 = class Modal extends SvelteComponent {
 
 /* src/components/Grid.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$19(ctx) {
+function create_fragment$1a(ctx) {
 	let div;
 	let current;
 	const default_slot_template = /*#slots*/ ctx[8].default;
@@ -4949,7 +4949,7 @@ function create_fragment$19(ctx) {
 	};
 }
 
-function instance$19($$self, $$props, $$invalidate) {
+function instance$1a($$self, $$props, $$invalidate) {
 	let _style;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { width = '512px' } = $$props;
@@ -4994,7 +4994,7 @@ class Grid extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$19, create_fragment$19, safe_not_equal, {
+		init(this, options, instance$1a, create_fragment$1a, safe_not_equal, {
 			width: 1,
 			height: 2,
 			rows: 3,
@@ -5008,10 +5008,10 @@ class Grid extends SvelteComponent {
 /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
 
 function add_css$B(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}");
+	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$18(ctx) {
+function create_fragment$19(ctx) {
 	let div1;
 	let div0;
 	let current;
@@ -5042,8 +5042,8 @@ function create_fragment$18(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]);
@@ -5104,7 +5104,7 @@ function create_fragment$18(ctx) {
 
 const GRID_ITEM_CONTEXT_KEY = 'GRID_ITEM';
 
-function instance$18($$self, $$props, $$invalidate) {
+function instance$19($$self, $$props, $$invalidate) {
 	let _style;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { x1 } = $$props;
@@ -5153,8 +5153,8 @@ class GridItem extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$18,
-			create_fragment$18,
+			instance$19,
+			create_fragment$19,
 			safe_not_equal,
 			{
 				x1: 2,
@@ -5271,7 +5271,7 @@ function create_each_block$7(ctx) {
 	};
 }
 
-function create_fragment$17(ctx) {
+function create_fragment$18(ctx) {
 	let each_1_anchor;
 	let each_value = /*items*/ ctx[0];
 	let each_blocks = [];
@@ -5337,7 +5337,7 @@ function create_fragment$17(ctx) {
 
 const regexp = /(\r?\n)/;
 
-function instance$17($$self, $$props, $$invalidate) {
+function instance$18($$self, $$props, $$invalidate) {
 	let items;
 	let { text = 'サンプルSample' } = $$props;
 
@@ -5358,14 +5358,14 @@ function instance$17($$self, $$props, $$invalidate) {
 class RenderText extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$17, create_fragment$17, safe_not_equal, { text: 1 });
+		init(this, options, instance$18, create_fragment$18, safe_not_equal, { text: 1 });
 	}
 }
 
 /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$A(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}");
+	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$3(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$3(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$b(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$b(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);
 			}
 
@@ -5548,7 +5548,7 @@ function create_if_block$b(ctx) {
 	};
 }
 
-function create_fragment$16(ctx) {
+function create_fragment$17(ctx) {
 	let div;
 	let current_block_type_index;
 	let if_block;
@@ -5578,7 +5578,7 @@ function create_fragment$16(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);
@@ -5628,7 +5628,7 @@ function create_fragment$16(ctx) {
 	};
 }
 
-function instance$16($$self, $$props, $$invalidate) {
+function instance$17($$self, $$props, $$invalidate) {
 	let style;
 	let { text = 'テキストのコンテンツ' } = $$props;
 	let { font = SYSTEM_FONT } = $$props;
@@ -5724,8 +5724,8 @@ class TextElement extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$16,
-			create_fragment$16,
+			instance$17,
+			create_fragment$17,
 			safe_not_equal,
 			{
 				text: 0,
@@ -5744,7 +5744,7 @@ class TextElement extends SvelteComponent {
 /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$z(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)}");
+	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}>
@@ -5784,7 +5784,7 @@ function create_default_slot$c(ctx) {
 	};
 }
 
-function create_fragment$15(ctx) {
+function create_fragment$16(ctx) {
 	let div;
 	let button;
 	let current;
@@ -5813,7 +5813,7 @@ function create_fragment$15(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);
@@ -5848,7 +5848,7 @@ function create_fragment$15(ctx) {
 	};
 }
 
-function instance$15($$self, $$props, $$invalidate) {
+function instance$16($$self, $$props, $$invalidate) {
 	let style;
 	let { text = 'ボタンのラベル' } = $$props;
 	let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -5886,8 +5886,8 @@ class TextButtonElement extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$15,
-			create_fragment$15,
+			instance$16,
+			create_fragment$16,
 			safe_not_equal,
 			{
 				text: 0,
@@ -5905,7 +5905,7 @@ class TextButtonElement extends SvelteComponent {
 /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$y(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%}");
+	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$b(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");
@@ -5975,7 +5975,7 @@ function create_default_slot$b(ctx) {
 	};
 }
 
-function create_fragment$14(ctx) {
+function create_fragment$15(ctx) {
 	let div;
 	let button;
 	let div_class_value;
@@ -6005,7 +6005,7 @@ function create_fragment$14(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$14(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);
 			}
 		},
@@ -6044,7 +6044,7 @@ function create_fragment$14(ctx) {
 	};
 }
 
-function instance$14($$self, $$props, $$invalidate) {
+function instance$15($$self, $$props, $$invalidate) {
 	let { src = '' } = $$props;
 	let { alt = '画像の説明' } = $$props;
 	let { transport = false } = $$props;
@@ -6075,8 +6075,8 @@ class ImageElement extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$14,
-			create_fragment$14,
+			instance$15,
+			create_fragment$15,
 			safe_not_equal,
 			{
 				src: 0,
@@ -6096,10 +6096,10 @@ class ImageElement extends SvelteComponent {
 /* src/components/List.svelte generated by Svelte v3.53.1 */
 
 function add_css$x(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}");
+	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$13(ctx) {
+function create_fragment$14(ctx) {
 	let div;
 	let current;
 	const default_slot_template = /*#slots*/ ctx[6].default;
@@ -6119,7 +6119,7 @@ function create_fragment$13(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) {
@@ -6169,7 +6169,7 @@ function create_fragment$13(ctx) {
 
 const LIST_CONTEXT_KEY = Symbol();
 
-function instance$13($$self, $$props, $$invalidate) {
+function instance$14($$self, $$props, $$invalidate) {
 	let style;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { direction = 'vertical' } = $$props;
@@ -6236,8 +6236,8 @@ class List extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$13,
-			create_fragment$13,
+			instance$14,
+			create_fragment$14,
 			safe_not_equal,
 			{
 				direction: 1,
@@ -6253,7 +6253,7 @@ class List extends SvelteComponent {
 /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
 
 function add_css$w(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}");
+	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}>
@@ -6307,7 +6307,7 @@ function create_default_slot$a(ctx) {
 	};
 }
 
-function create_fragment$12(ctx) {
+function create_fragment$13(ctx) {
 	let div;
 	let button;
 	let current;
@@ -6336,7 +6336,7 @@ function create_fragment$12(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) {
@@ -6376,7 +6376,7 @@ function create_fragment$12(ctx) {
 	};
 }
 
-function instance$12($$self, $$props, $$invalidate) {
+function instance$13($$self, $$props, $$invalidate) {
 	let listItemStyle;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	const { separator, background, direction, registerItem, unregisterItem } = getContext(LIST_CONTEXT_KEY);
@@ -6455,17 +6455,17 @@ function instance$12($$self, $$props, $$invalidate) {
 class ListItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$12, create_fragment$12, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$w);
+		init(this, options, instance$13, create_fragment$13, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$w);
 	}
 }
 
 /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$v(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}");
+	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$11(ctx) {
+function create_fragment$12(ctx) {
 	let div;
 
 	return {
@@ -6480,7 +6480,7 @@ function create_fragment$11(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) {
@@ -6501,7 +6501,7 @@ function create_fragment$11(ctx) {
 	};
 }
 
-function instance$11($$self, $$props, $$invalidate) {
+function instance$12($$self, $$props, $$invalidate) {
 	let { code } = $$props;
 	let { _style = '' } = $$props;
 
@@ -6516,17 +6516,17 @@ function instance$11($$self, $$props, $$invalidate) {
 class EmbedElement extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$11, create_fragment$11, safe_not_equal, { code: 0, _style: 1 }, add_css$v);
+		init(this, options, instance$12, create_fragment$12, safe_not_equal, { code: 0, _style: 1 }, add_css$v);
 	}
 }
 
 /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$u(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%}");
+	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$10(ctx) {
+function create_fragment$11(ctx) {
 	let div1;
 	let div0;
 
@@ -6546,7 +6546,7 @@ function create_fragment$10(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) {
@@ -6578,7 +6578,7 @@ function _setValue(obj, key, value) {
 	}
 }
 
-function instance$10($$self, $$props, $$invalidate) {
+function instance$11($$self, $$props, $$invalidate) {
 	let $system;
 	component_subscribe($$self, system, $$value => $$invalidate(31, $system = $$value));
 	let { videoId = 'wt0OjOeX-JA' } = $$props;
@@ -6849,8 +6849,8 @@ class MovieYouTubeElement extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$10,
-			create_fragment$10,
+			instance$11,
+			create_fragment$11,
 			safe_not_equal,
 			{
 				videoId: 2,
@@ -6888,10 +6888,10 @@ class MovieYouTubeElement extends SvelteComponent {
 /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$t(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%}");
+	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$$(ctx) {
+function create_fragment$10(ctx) {
 	let div1;
 	let div0;
 
@@ -6911,7 +6911,7 @@ function create_fragment$$(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) {
@@ -6933,7 +6933,7 @@ function create_fragment$$(ctx) {
 	};
 }
 
-function instance$$($$self, $$props, $$invalidate) {
+function instance$10($$self, $$props, $$invalidate) {
 	let $system;
 	component_subscribe($$self, system, $$value => $$invalidate(12, $system = $$value));
 	let { videoId = "201239468" } = $$props;
@@ -7076,8 +7076,8 @@ class MovieVimeoElement extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$$,
-			create_fragment$$,
+			instance$10,
+			create_fragment$10,
 			safe_not_equal,
 			{
 				videoId: 2,
@@ -7095,10 +7095,10 @@ class MovieVimeoElement extends SvelteComponent {
 /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
 
 function add_css$s(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}");
+	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$_(ctx) {
+function create_fragment$$(ctx) {
 	let div;
 	let textarea;
 	let mounted;
@@ -7125,12 +7125,12 @@ function create_fragment$_(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) {
@@ -7173,7 +7173,7 @@ function create_fragment$_(ctx) {
 	};
 }
 
-function instance$_($$self, $$props, $$invalidate) {
+function instance$$($$self, $$props, $$invalidate) {
 	let style;
 	let styleVariables;
 	let $value;
@@ -7261,8 +7261,8 @@ class FormTextarea extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$_,
-			create_fragment$_,
+			instance$$,
+			create_fragment$$,
 			safe_not_equal,
 			{
 				name: 7,
@@ -7282,7 +7282,7 @@ class FormTextarea extends SvelteComponent {
 /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
 
 function add_css$r(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}");
+	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);
@@ -7394,7 +7394,7 @@ function create_each_block$6(ctx) {
 	};
 }
 
-function create_fragment$Z(ctx) {
+function create_fragment$_(ctx) {
 	let div;
 	let each_value = /*_options*/ ctx[4];
 	let each_blocks = [];
@@ -7425,7 +7425,7 @@ function create_fragment$Z(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) {
@@ -7472,7 +7472,7 @@ function create_fragment$Z(ctx) {
 	};
 }
 
-function instance$Z($$self, $$props, $$invalidate) {
+function instance$_($$self, $$props, $$invalidate) {
 	let _options;
 	let buttonStyle;
 	let _value;
@@ -7572,8 +7572,8 @@ class FormRadioButtons extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$Z,
-			create_fragment$Z,
+			instance$_,
+			create_fragment$_,
 			safe_not_equal,
 			{
 				name: 0,
@@ -7594,7 +7594,7 @@ class FormRadioButtons extends SvelteComponent {
 /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
 
 function add_css$q(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}");
+	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) {
@@ -7720,7 +7720,7 @@ function create_each_block$5(ctx) {
 	};
 }
 
-function create_fragment$Y(ctx) {
+function create_fragment$Z(ctx) {
 	let div1;
 	let select;
 	let t;
@@ -7765,10 +7765,10 @@ function create_fragment$Y(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) {
@@ -7830,7 +7830,7 @@ function create_fragment$Y(ctx) {
 	};
 }
 
-function instance$Y($$self, $$props, $$invalidate) {
+function instance$Z($$self, $$props, $$invalidate) {
 	let _options;
 	let style;
 	let styleVariables;
@@ -7946,8 +7946,8 @@ class FormSelect extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$Y,
-			create_fragment$Y,
+			instance$Z,
+			create_fragment$Z,
 			safe_not_equal,
 			{
 				name: 7,
@@ -7970,7 +7970,7 @@ class FormSelect extends SvelteComponent {
 /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
 
 function add_css$p(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}");
+	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);
 			}
 
@@ -8098,7 +8098,7 @@ function create_each_block$4(ctx) {
 	};
 }
 
-function create_fragment$X(ctx) {
+function create_fragment$Y(ctx) {
 	let div;
 	let each_value = /*_options*/ ctx[3];
 	let each_blocks = [];
@@ -8129,7 +8129,7 @@ function create_fragment$X(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) {
@@ -8176,7 +8176,7 @@ function create_fragment$X(ctx) {
 	};
 }
 
-function instance$X($$self, $$props, $$invalidate) {
+function instance$Y($$self, $$props, $$invalidate) {
 	let _options;
 	let styleVariables;
 	let isCheckedArray;
@@ -8282,8 +8282,8 @@ class FormCheckBoxes extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$X,
-			create_fragment$X,
+			instance$Y,
+			create_fragment$Y,
 			safe_not_equal,
 			{
 				name: 0,
@@ -8304,7 +8304,7 @@ class FormCheckBoxes extends SvelteComponent {
 /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
 
 function add_css$o(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}");
+	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) {
@@ -8371,7 +8371,7 @@ function create_each_block$3(ctx) {
 	};
 }
 
-function create_fragment$W(ctx) {
+function create_fragment$X(ctx) {
 	let div;
 	let each_value = [...Array(/*count*/ ctx[0]).keys()].map(/*func*/ ctx[12]);
 	let each_blocks = [];
@@ -8402,7 +8402,7 @@ function create_fragment$W(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);
@@ -8444,7 +8444,7 @@ function create_fragment$W(ctx) {
 	};
 }
 
-function instance$W($$self, $$props, $$invalidate) {
+function instance$X($$self, $$props, $$invalidate) {
 	let _value;
 	let $value;
 	let { name = '' } = $$props;
@@ -8526,8 +8526,8 @@ class FormRatingButtonsNumber extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$W,
-			create_fragment$W,
+			instance$X,
+			create_fragment$X,
 			safe_not_equal,
 			{
 				name: 6,
@@ -8546,7 +8546,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
 /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
 
 function add_css$n(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%)}");
+	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);
 			}
 
@@ -8616,7 +8616,7 @@ function create_each_block$2(ctx) {
 	};
 }
 
-function create_fragment$V(ctx) {
+function create_fragment$W(ctx) {
 	let div;
 	let each_value = [...Array(count).keys()].reverse().map(func);
 	let each_blocks = [];
@@ -8647,7 +8647,7 @@ function create_fragment$V(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);
@@ -8692,7 +8692,7 @@ function create_fragment$V(ctx) {
 const count = 5;
 const func = i => i + 1;
 
-function instance$V($$self, $$props, $$invalidate) {
+function instance$W($$self, $$props, $$invalidate) {
 	let _value;
 	let buttonStyle;
 	let $value;
@@ -8748,17 +8748,17 @@ function instance$V($$self, $$props, $$invalidate) {
 class FormRatingButtonsFace extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$V, create_fragment$V, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$n);
+		init(this, options, instance$W, create_fragment$W, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$n);
 	}
 }
 
 /* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
 
 function add_css$m(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}");
+	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$U(ctx) {
+function create_fragment$V(ctx) {
 	let div;
 	let input;
 	let input_class_value;
@@ -8786,13 +8786,13 @@ function create_fragment$U(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$U(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);
 			}
 
@@ -8839,7 +8839,7 @@ function create_fragment$U(ctx) {
 	};
 }
 
-function instance$U($$self, $$props, $$invalidate) {
+function instance$V($$self, $$props, $$invalidate) {
 	let style;
 	let styleVariables;
 	let isValidForUI;
@@ -8970,8 +8970,8 @@ class FormIdentifyInput extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$U,
-			create_fragment$U,
+			instance$V,
+			create_fragment$V,
 			safe_not_equal,
 			{
 				field: 9,
@@ -8993,10 +8993,10 @@ class FormIdentifyInput extends SvelteComponent {
 /* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
 
 function add_css$l(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}");
+	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$T(ctx) {
+function create_fragment$U(ctx) {
 	let div;
 	let label0;
 	let input0;
@@ -9059,20 +9059,20 @@ function create_fragment$T(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) {
@@ -9137,7 +9137,7 @@ function create_fragment$T(ctx) {
 	};
 }
 
-function instance$T($$self, $$props, $$invalidate) {
+function instance$U($$self, $$props, $$invalidate) {
 	let buttonStyle;
 	let $value;
 	let { field = 'subscription' } = $$props;
@@ -9219,8 +9219,8 @@ class FormIdentifyChoices extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$T,
-			create_fragment$T,
+			instance$U,
+			create_fragment$U,
 			safe_not_equal,
 			{
 				field: 6,
@@ -9240,7 +9240,7 @@ class FormIdentifyChoices extends SvelteComponent {
 /* src/components/Slide.svelte generated by Svelte v3.53.1 */
 
 function add_css$k(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%}");
+	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$2(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$9(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) {
@@ -9450,7 +9450,7 @@ function create_each_block$1(ctx) {
 	};
 }
 
-function create_fragment$S(ctx) {
+function create_fragment$T(ctx) {
 	let div3;
 	let div1;
 	let div0;
@@ -9524,14 +9524,14 @@ function create_fragment$S(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$S(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$S(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;
@@ -9674,7 +9674,7 @@ function calcPositionIndex(shift, index, length) {
 	}
 }
 
-function instance$S($$self, $$props, $$invalidate) {
+function instance$T($$self, $$props, $$invalidate) {
 	let slideStyle;
 	let slideClass;
 	let _loop;
@@ -10127,8 +10127,8 @@ class Slide extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$S,
-			create_fragment$S,
+			instance$T,
+			create_fragment$T,
 			safe_not_equal,
 			{
 				loop: 18,
@@ -10151,10 +10151,10 @@ class Slide extends SvelteComponent {
 /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
 
 function add_css$j(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}");
+	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$R(ctx) {
+function create_fragment$S(ctx) {
 	let div1;
 	let div0;
 	let current;
@@ -10179,9 +10179,9 @@ function create_fragment$R(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) {
@@ -10234,7 +10234,7 @@ function create_fragment$R(ctx) {
 	};
 }
 
-function instance$R($$self, $$props, $$invalidate) {
+function instance$S($$self, $$props, $$invalidate) {
 	let itemStyle;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	const { registerItem, unregisterItem } = getContext('SLIDE');
@@ -10300,20 +10300,20 @@ function instance$R($$self, $$props, $$invalidate) {
 class SlideItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$R, create_fragment$R, safe_not_equal, { _style: 0 }, add_css$j);
+		init(this, options, instance$S, create_fragment$S, safe_not_equal, { _style: 0 }, add_css$j);
 	}
 }
 
 /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
 
 function add_css$i(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}");
+	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 });
 const get_default_slot_context = ctx => ({ countdown: /*countdown*/ ctx[1] });
 
-function create_fragment$Q(ctx) {
+function create_fragment$R(ctx) {
 	let div1;
 	let div0;
 	let current;
@@ -10338,9 +10338,9 @@ function create_fragment$Q(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);
@@ -10406,7 +10406,7 @@ function formatTimeDiff(ms) {
 	};
 }
 
-function instance$Q($$self, $$props, $$invalidate) {
+function instance$R($$self, $$props, $$invalidate) {
 	let countdown;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { timeLimit = '2023/12/31 23:59:59' } = $$props;
@@ -10463,14 +10463,14 @@ function instance$Q($$self, $$props, $$invalidate) {
 class Countdown extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$Q, create_fragment$Q, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$i);
+		init(this, options, instance$R, create_fragment$R, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$i);
 	}
 }
 
 /* src/components/Box.svelte generated by Svelte v3.53.1 */
 
 function add_css$h(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}");
+	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}>
@@ -10524,7 +10524,7 @@ function create_default_slot$9(ctx) {
 	};
 }
 
-function create_fragment$P(ctx) {
+function create_fragment$Q(ctx) {
 	let div;
 	let button;
 	let current;
@@ -10553,7 +10553,7 @@ function create_fragment$P(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "box svelte-1c91vpe");
+			attr(div, "class", "box svelte-1ccydfy");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -10588,7 +10588,7 @@ function create_fragment$P(ctx) {
 	};
 }
 
-function instance$P($$self, $$props, $$invalidate) {
+function instance$Q($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { onClick = { operation: 'none', args: [] } } = $$props;
 	let { eventName = '' } = $$props;
@@ -10607,14 +10607,14 @@ function instance$P($$self, $$props, $$invalidate) {
 class Box extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$P, create_fragment$P, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$h);
+		init(this, options, instance$Q, create_fragment$Q, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$h);
 	}
 }
 
 /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$g(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)}");
+	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}
@@ -10689,7 +10689,7 @@ function create_default_slot$8(ctx) {
 	};
 }
 
-function create_fragment$O(ctx) {
+function create_fragment$P(ctx) {
 	let div;
 	let button;
 	let current;
@@ -10718,7 +10718,7 @@ function create_fragment$O(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "icon svelte-1mk6wi4");
+			attr(div, "class", "icon svelte-1mkvcuo");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -10760,7 +10760,7 @@ function parseData(dataUrl) {
 	return decodeURIComponent(data).replaceAll('\'', '"');
 }
 
-function instance$O($$self, $$props, $$invalidate) {
+function instance$P($$self, $$props, $$invalidate) {
 	let svg;
 	let styleVariables;
 	let style;
@@ -10808,8 +10808,8 @@ class IconElement extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$O,
-			create_fragment$O,
+			instance$P,
+			create_fragment$P,
 			safe_not_equal,
 			{
 				icon: 4,
@@ -10827,10 +10827,10 @@ class IconElement extends SvelteComponent {
 /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$f(target) {
-	append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
+	append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
 }
 
-function create_fragment$N(ctx) {
+function create_fragment$O(ctx) {
 	let div;
 	let switch_instance;
 	let current;
@@ -10863,7 +10863,7 @@ function create_fragment$N(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) {
@@ -10920,7 +10920,7 @@ function create_fragment$N(ctx) {
 	};
 }
 
-function instance$N($$self, $$props, $$invalidate) {
+function instance$O($$self, $$props, $$invalidate) {
 	let $data,
 		$$unsubscribe_data = noop,
 		$$subscribe_data = () => ($$unsubscribe_data(), $$unsubscribe_data = subscribe(data, $$value => $$invalidate(4, $data = $$value)), data);
@@ -10945,17 +10945,17 @@ function instance$N($$self, $$props, $$invalidate) {
 class CodeElement extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$N, create_fragment$N, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$f);
+		init(this, options, instance$O, create_fragment$O, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$f);
 	}
 }
 
 /* src/components/Flex.svelte generated by Svelte v3.53.1 */
 
 function add_css$e(target) {
-	append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
+	append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
 }
 
-function create_fragment$M(ctx) {
+function create_fragment$N(ctx) {
 	let div;
 	let div_style_value;
 	let current;
@@ -10976,7 +10976,7 @@ function create_fragment$M(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) {
@@ -11030,7 +11030,7 @@ function getFlexContext() {
 	return getContext(FlexContextKey);
 }
 
-function instance$M($$self, $$props, $$invalidate) {
+function instance$N($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { direction = 'row' } = $$props;
 	let { width = '100%' } = $$props;
@@ -11056,8 +11056,8 @@ class Flex extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$M,
-			create_fragment$M,
+			instance$N,
+			create_fragment$N,
 			safe_not_equal,
 			{
 				direction: 0,
@@ -11073,10 +11073,10 @@ class Flex extends SvelteComponent {
 /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
 
 function add_css$d(target) {
-	append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
+	append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
 }
 
-function create_fragment$L(ctx) {
+function create_fragment$M(ctx) {
 	let div;
 	let current;
 	const default_slot_template = /*#slots*/ ctx[4].default;
@@ -11096,7 +11096,7 @@ function create_fragment$L(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) {
@@ -11144,7 +11144,7 @@ function create_fragment$L(ctx) {
 	};
 }
 
-function instance$L($$self, $$props, $$invalidate) {
+function instance$M($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { length } = $$props;
 	let { _style = '' } = $$props;
@@ -11187,7 +11187,7 @@ function instance$L($$self, $$props, $$invalidate) {
 class FlexItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$L, create_fragment$L, safe_not_equal, { length: 1, _style: 2 }, add_css$d);
+		init(this, options, instance$M, create_fragment$M, safe_not_equal, { length: 1, _style: 2 }, add_css$d);
 	}
 }
 
@@ -11371,7 +11371,7 @@ function create_default_slot$7(ctx) {
 	};
 }
 
-function create_fragment$K(ctx) {
+function create_fragment$L(ctx) {
 	let stateitem;
 	let current;
 
@@ -11419,7 +11419,7 @@ function create_fragment$K(ctx) {
 	};
 }
 
-function instance$K($$self, $$props, $$invalidate) {
+function instance$L($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { path } = $$props;
 	let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -11490,7 +11490,7 @@ class GridModalState extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$K, create_fragment$K, safe_not_equal, {
+		init(this, options, instance$L, create_fragment$L, safe_not_equal, {
 			path: 0,
 			onClick: 1,
 			clickEventName: 2,
@@ -11516,10 +11516,10 @@ class GridModalState extends SvelteComponent {
 /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
 
 function add_css$c(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%}");
+	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$J(ctx) {
+function create_fragment$K(ctx) {
 	let div1;
 	let div0;
 	let rendertext;
@@ -11545,8 +11545,8 @@ function create_fragment$J(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$J(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);
 			}
 
@@ -11584,7 +11584,7 @@ function create_fragment$J(ctx) {
 	};
 }
 
-function instance$J($$self, $$props, $$invalidate) {
+function instance$K($$self, $$props, $$invalidate) {
 	let style;
 	let { text = 'サンプルSample' } = $$props;
 	let { font = SYSTEM_FONT } = $$props;
@@ -11620,8 +11620,8 @@ class TextBlock extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$J,
-			create_fragment$J,
+			instance$K,
+			create_fragment$K,
 			safe_not_equal,
 			{
 				text: 0,
@@ -11638,10 +11638,10 @@ class TextBlock extends SvelteComponent {
 /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
 
 function add_css$b(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)}");
+	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$I(ctx) {
+function create_fragment$J(ctx) {
 	let div;
 	let button;
 	let rendertext;
@@ -11668,9 +11668,9 @@ function create_fragment$I(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) {
@@ -11715,7 +11715,7 @@ function create_fragment$I(ctx) {
 	};
 }
 
-function instance$I($$self, $$props, $$invalidate) {
+function instance$J($$self, $$props, $$invalidate) {
 	let { text = 'ボタンラベル' } = $$props;
 	let { onClick = { operation: 'none', args: [] } } = $$props;
 
@@ -11757,8 +11757,8 @@ class TextButtonBlock extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$I,
-			create_fragment$I,
+			instance$J,
+			create_fragment$J,
 			safe_not_equal,
 			{
 				text: 0,
@@ -11776,10 +11776,10 @@ class TextButtonBlock extends SvelteComponent {
 /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
 
 function add_css$a(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)}");
+	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$H(ctx) {
+function create_fragment$I(ctx) {
 	let div;
 	let img;
 	let img_style_value;
@@ -11812,14 +11812,14 @@ function create_fragment$H(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$H(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);
 			}
 
@@ -11862,7 +11862,7 @@ function create_fragment$H(ctx) {
 	};
 }
 
-function instance$H($$self, $$props, $$invalidate) {
+function instance$I($$self, $$props, $$invalidate) {
 	let { src = 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg' } = $$props;
 	let { alt = 'No Image' } = $$props;
 	let { transport = false } = $$props;
@@ -11902,8 +11902,8 @@ class ImageBlock extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$H,
-			create_fragment$H,
+			instance$I,
+			create_fragment$I,
 			safe_not_equal,
 			{
 				src: 0,
@@ -12021,7 +12021,7 @@ const toCssOverflow = (p) => {
 /* src/components-flex/shared/elements/Clickable.svelte generated by Svelte v3.53.1 */
 
 function add_css$9(target) {
-	append_styles(target, "svelte-xyyz9m", ".clickable.svelte-xyyz9m:link,.clickable.svelte-xyyz9m:visited,.clickable.svelte-xyyz9m:active,.clickable.svelte-xyyz9m:hover{color:inherit}.clickable.svelte-xyyz9m:enabled{cursor:pointer}.clickable.svelte-xyyz9m{text-decoration:none}");
+	append_styles(target, "svelte-12c4e5i", ".clickable.svelte-12c4e5i:link,.clickable.svelte-12c4e5i:visited,.clickable.svelte-12c4e5i:active,.clickable.svelte-12c4e5i:hover{color:inherit}.clickable.svelte-12c4e5i:enabled{cursor:pointer}.clickable.svelte-12c4e5i{text-decoration:none}");
 }
 
 // (40:0) {:else}
@@ -12066,7 +12066,7 @@ function create_else_block$1(ctx) {
 		},
 		h() {
 			set_attributes(button, button_data);
-			toggle_class(button, "svelte-xyyz9m", true);
+			toggle_class(button, "svelte-12c4e5i", true);
 		},
 		m(target, anchor) {
 			insert_hydration(target, button, anchor);
@@ -12106,7 +12106,7 @@ function create_else_block$1(ctx) {
 				dataAttrStopPropagation('click')
 			]));
 
-			toggle_class(button, "svelte-xyyz9m", true);
+			toggle_class(button, "svelte-12c4e5i", true);
 		},
 		i(local) {
 			if (current) return;
@@ -12154,7 +12154,7 @@ function create_if_block_1$1(ctx) {
 		},
 		h() {
 			attr(div, "data-layer-id", /*layerId*/ ctx[2]);
-			attr(div, "class", div_class_value = "" + (null_to_empty(/*fixedClass*/ ctx[3]) + " svelte-xyyz9m"));
+			attr(div, "class", div_class_value = "" + (null_to_empty(/*fixedClass*/ ctx[3]) + " svelte-12c4e5i"));
 			attr(div, "style", /*style*/ ctx[1]);
 		},
 		m(target, anchor) {
@@ -12186,7 +12186,7 @@ function create_if_block_1$1(ctx) {
 				attr(div, "data-layer-id", /*layerId*/ ctx[2]);
 			}
 
-			if (!current || dirty & /*fixedClass*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(/*fixedClass*/ ctx[3]) + " svelte-xyyz9m"))) {
+			if (!current || dirty & /*fixedClass*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(/*fixedClass*/ ctx[3]) + " svelte-12c4e5i"))) {
 				attr(div, "class", div_class_value);
 			}
 
@@ -12264,7 +12264,7 @@ function create_if_block$7(ctx) {
 		},
 		h() {
 			set_attributes(a, a_data);
-			toggle_class(a, "svelte-xyyz9m", true);
+			toggle_class(a, "svelte-12c4e5i", true);
 		},
 		m(target, anchor) {
 			insert_hydration(target, a, anchor);
@@ -12307,7 +12307,7 @@ function create_if_block$7(ctx) {
 				dataAttrStopPropagation('click')
 			]));
 
-			toggle_class(a, "svelte-xyyz9m", true);
+			toggle_class(a, "svelte-12c4e5i", true);
 		},
 		i(local) {
 			if (current) return;
@@ -12327,7 +12327,7 @@ function create_if_block$7(ctx) {
 	};
 }
 
-function create_fragment$G(ctx) {
+function create_fragment$H(ctx) {
 	let current_block_type_index;
 	let if_block;
 	let if_block_anchor;
@@ -12403,7 +12403,7 @@ function create_fragment$G(ctx) {
 
 const CLICKABLE_CLASS = 'clickable';
 
-function instance$G($$self, $$props, $$invalidate) {
+function instance$H($$self, $$props, $$invalidate) {
 	let fixedClass;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -12458,8 +12458,8 @@ class Clickable extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$G,
-			create_fragment$G,
+			instance$H,
+			create_fragment$H,
 			safe_not_equal,
 			{
 				onClick: 0,
@@ -12517,7 +12517,7 @@ function create_default_slot$6(ctx) {
 	};
 }
 
-function create_fragment$F(ctx) {
+function create_fragment$G(ctx) {
 	let clickable;
 	let current;
 
@@ -12573,7 +12573,7 @@ function create_fragment$F(ctx) {
 	};
 }
 
-function instance$F($$self, $$props, $$invalidate) {
+function instance$G($$self, $$props, $$invalidate) {
 	let style;
 	let imgStyle;
 	let { props = {} } = $$props;
@@ -12622,7 +12622,7 @@ function instance$F($$self, $$props, $$invalidate) {
 class Avatar extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$F, create_fragment$F, safe_not_equal, { props: 0, layerId: 1 });
+		init(this, options, instance$G, create_fragment$G, safe_not_equal, { props: 0, layerId: 1 });
 	}
 }
 
@@ -12680,7 +12680,7 @@ const buttonPropsDefault = {
 
 /* src/components-flex/icon/variants/IconArrowDown.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$E(ctx) {
+function create_fragment$F(ctx) {
 	let svg;
 	let path;
 
@@ -12723,7 +12723,7 @@ function create_fragment$E(ctx) {
 	};
 }
 
-function instance$E($$self, $$props, $$invalidate) {
+function instance$F($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -12736,13 +12736,13 @@ function instance$E($$self, $$props, $$invalidate) {
 class IconArrowDown extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$E, create_fragment$E, safe_not_equal, { color: 0 });
+		init(this, options, instance$F, create_fragment$F, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconArrowUp.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$D(ctx) {
+function create_fragment$E(ctx) {
 	let svg;
 	let path;
 
@@ -12785,7 +12785,7 @@ function create_fragment$D(ctx) {
 	};
 }
 
-function instance$D($$self, $$props, $$invalidate) {
+function instance$E($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -12798,13 +12798,13 @@ function instance$D($$self, $$props, $$invalidate) {
 class IconArrowUp extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$D, create_fragment$D, safe_not_equal, { color: 0 });
+		init(this, options, instance$E, create_fragment$E, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconUsers.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$C(ctx) {
+function create_fragment$D(ctx) {
 	let svg;
 	let path;
 
@@ -12847,7 +12847,7 @@ function create_fragment$C(ctx) {
 	};
 }
 
-function instance$C($$self, $$props, $$invalidate) {
+function instance$D($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -12860,13 +12860,13 @@ function instance$C($$self, $$props, $$invalidate) {
 class IconUsers extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$C, create_fragment$C, safe_not_equal, { color: 0 });
+		init(this, options, instance$D, create_fragment$D, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconArrowLeft.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$B(ctx) {
+function create_fragment$C(ctx) {
 	let svg;
 	let path;
 
@@ -12909,7 +12909,7 @@ function create_fragment$B(ctx) {
 	};
 }
 
-function instance$B($$self, $$props, $$invalidate) {
+function instance$C($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -12922,13 +12922,13 @@ function instance$B($$self, $$props, $$invalidate) {
 class IconArrowLeft extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$B, create_fragment$B, safe_not_equal, { color: 0 });
+		init(this, options, instance$C, create_fragment$C, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconArrowRight.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$A(ctx) {
+function create_fragment$B(ctx) {
 	let svg;
 	let path;
 
@@ -12971,7 +12971,7 @@ function create_fragment$A(ctx) {
 	};
 }
 
-function instance$A($$self, $$props, $$invalidate) {
+function instance$B($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -12984,13 +12984,13 @@ function instance$A($$self, $$props, $$invalidate) {
 class IconArrowRight extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$A, create_fragment$A, safe_not_equal, { color: 0 });
+		init(this, options, instance$B, create_fragment$B, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconBell.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$z(ctx) {
+function create_fragment$A(ctx) {
 	let svg;
 	let path;
 
@@ -13033,7 +13033,7 @@ function create_fragment$z(ctx) {
 	};
 }
 
-function instance$z($$self, $$props, $$invalidate) {
+function instance$A($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -13046,13 +13046,13 @@ function instance$z($$self, $$props, $$invalidate) {
 class IconBell extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$z, create_fragment$z, safe_not_equal, { color: 0 });
+		init(this, options, instance$A, create_fragment$A, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconArrowUpFromSquare.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$y(ctx) {
+function create_fragment$z(ctx) {
 	let svg;
 	let path;
 
@@ -13095,7 +13095,7 @@ function create_fragment$y(ctx) {
 	};
 }
 
-function instance$y($$self, $$props, $$invalidate) {
+function instance$z($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -13108,13 +13108,13 @@ function instance$y($$self, $$props, $$invalidate) {
 class IconArrowUpFromSquare extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$y, create_fragment$y, safe_not_equal, { color: 0 });
+		init(this, options, instance$z, create_fragment$z, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconTicket.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$x(ctx) {
+function create_fragment$y(ctx) {
 	let svg;
 	let path;
 
@@ -13157,7 +13157,7 @@ function create_fragment$x(ctx) {
 	};
 }
 
-function instance$x($$self, $$props, $$invalidate) {
+function instance$y($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -13170,13 +13170,13 @@ function instance$x($$self, $$props, $$invalidate) {
 class IconTicket extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$x, create_fragment$x, safe_not_equal, { color: 0 });
+		init(this, options, instance$y, create_fragment$y, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconTrack.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$w(ctx) {
+function create_fragment$x(ctx) {
 	let svg;
 	let path;
 
@@ -13219,7 +13219,7 @@ function create_fragment$w(ctx) {
 	};
 }
 
-function instance$w($$self, $$props, $$invalidate) {
+function instance$x($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -13232,13 +13232,13 @@ function instance$w($$self, $$props, $$invalidate) {
 class IconTrack extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$w, create_fragment$w, safe_not_equal, { color: 0 });
+		init(this, options, instance$x, create_fragment$x, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconCartShopping.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$v(ctx) {
+function create_fragment$w(ctx) {
 	let svg;
 	let path;
 
@@ -13281,7 +13281,7 @@ function create_fragment$v(ctx) {
 	};
 }
 
-function instance$v($$self, $$props, $$invalidate) {
+function instance$w($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -13294,13 +13294,13 @@ function instance$v($$self, $$props, $$invalidate) {
 class IconCartShopping extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$v, create_fragment$v, safe_not_equal, { color: 0 });
+		init(this, options, instance$w, create_fragment$w, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconCircle.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$u(ctx) {
+function create_fragment$v(ctx) {
 	let svg;
 	let path;
 
@@ -13343,7 +13343,7 @@ function create_fragment$u(ctx) {
 	};
 }
 
-function instance$u($$self, $$props, $$invalidate) {
+function instance$v($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -13356,13 +13356,13 @@ function instance$u($$self, $$props, $$invalidate) {
 class IconCircle extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$u, create_fragment$u, safe_not_equal, { color: 0 });
+		init(this, options, instance$v, create_fragment$v, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconCircleQuestion.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$t(ctx) {
+function create_fragment$u(ctx) {
 	let svg;
 	let path;
 
@@ -13405,7 +13405,7 @@ function create_fragment$t(ctx) {
 	};
 }
 
-function instance$t($$self, $$props, $$invalidate) {
+function instance$u($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -13418,13 +13418,13 @@ function instance$t($$self, $$props, $$invalidate) {
 class IconCircleQuestion extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$t, create_fragment$t, safe_not_equal, { color: 0 });
+		init(this, options, instance$u, create_fragment$u, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconCheck.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$s(ctx) {
+function create_fragment$t(ctx) {
 	let svg;
 	let path;
 
@@ -13467,7 +13467,7 @@ function create_fragment$s(ctx) {
 	};
 }
 
-function instance$s($$self, $$props, $$invalidate) {
+function instance$t($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -13480,13 +13480,13 @@ function instance$s($$self, $$props, $$invalidate) {
 class IconCheck extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$s, create_fragment$s, safe_not_equal, { color: 0 });
+		init(this, options, instance$t, create_fragment$t, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconXMark.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$r(ctx) {
+function create_fragment$s(ctx) {
 	let svg;
 	let path;
 
@@ -13529,7 +13529,7 @@ function create_fragment$r(ctx) {
 	};
 }
 
-function instance$r($$self, $$props, $$invalidate) {
+function instance$s($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -13542,13 +13542,13 @@ function instance$r($$self, $$props, $$invalidate) {
 class IconXMark extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$r, create_fragment$r, safe_not_equal, { color: 0 });
+		init(this, options, instance$s, create_fragment$s, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconPaperPlane.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$q(ctx) {
+function create_fragment$r(ctx) {
 	let svg;
 	let path;
 
@@ -13591,7 +13591,7 @@ function create_fragment$q(ctx) {
 	};
 }
 
-function instance$q($$self, $$props, $$invalidate) {
+function instance$r($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -13604,13 +13604,13 @@ function instance$q($$self, $$props, $$invalidate) {
 class IconPaperPlane extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$q, create_fragment$q, safe_not_equal, { color: 0 });
+		init(this, options, instance$r, create_fragment$r, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconCopy.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$p(ctx) {
+function create_fragment$q(ctx) {
 	let svg;
 	let path;
 
@@ -13653,7 +13653,7 @@ function create_fragment$p(ctx) {
 	};
 }
 
-function instance$p($$self, $$props, $$invalidate) {
+function instance$q($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -13666,13 +13666,13 @@ function instance$p($$self, $$props, $$invalidate) {
 class IconCopy extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$p, create_fragment$p, safe_not_equal, { color: 0 });
+		init(this, options, instance$q, create_fragment$q, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconCircleXMark.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$o(ctx) {
+function create_fragment$p(ctx) {
 	let svg;
 	let path;
 
@@ -13715,7 +13715,7 @@ function create_fragment$o(ctx) {
 	};
 }
 
-function instance$o($$self, $$props, $$invalidate) {
+function instance$p($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -13728,13 +13728,13 @@ function instance$o($$self, $$props, $$invalidate) {
 class IconCircleXMark extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$o, create_fragment$o, safe_not_equal, { color: 0 });
+		init(this, options, instance$p, create_fragment$p, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconHeart.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$n(ctx) {
+function create_fragment$o(ctx) {
 	let svg;
 	let path;
 
@@ -13777,7 +13777,7 @@ function create_fragment$n(ctx) {
 	};
 }
 
-function instance$n($$self, $$props, $$invalidate) {
+function instance$o($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -13790,13 +13790,13 @@ function instance$n($$self, $$props, $$invalidate) {
 class IconHeart extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$n, create_fragment$n, safe_not_equal, { color: 0 });
+		init(this, options, instance$o, create_fragment$o, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconMagnifyingGrass.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$m(ctx) {
+function create_fragment$n(ctx) {
 	let svg;
 	let path;
 
@@ -13839,7 +13839,7 @@ function create_fragment$m(ctx) {
 	};
 }
 
-function instance$m($$self, $$props, $$invalidate) {
+function instance$n($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -13852,13 +13852,13 @@ function instance$m($$self, $$props, $$invalidate) {
 class IconMagnifyingGrass extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$m, create_fragment$m, safe_not_equal, { color: 0 });
+		init(this, options, instance$n, create_fragment$n, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconStar.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$l(ctx) {
+function create_fragment$m(ctx) {
 	let svg;
 	let path;
 
@@ -13901,7 +13901,7 @@ function create_fragment$l(ctx) {
 	};
 }
 
-function instance$l($$self, $$props, $$invalidate) {
+function instance$m($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -13914,13 +13914,13 @@ function instance$l($$self, $$props, $$invalidate) {
 class IconStar extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$l, create_fragment$l, safe_not_equal, { color: 0 });
+		init(this, options, instance$m, create_fragment$m, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconCircleInfo.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$k(ctx) {
+function create_fragment$l(ctx) {
 	let svg;
 	let path;
 
@@ -13963,7 +13963,7 @@ function create_fragment$k(ctx) {
 	};
 }
 
-function instance$k($$self, $$props, $$invalidate) {
+function instance$l($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -13976,13 +13976,13 @@ function instance$k($$self, $$props, $$invalidate) {
 class IconCircleInfo extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$k, create_fragment$k, safe_not_equal, { color: 0 });
+		init(this, options, instance$l, create_fragment$l, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconEnvelope.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$j(ctx) {
+function create_fragment$k(ctx) {
 	let svg;
 	let path;
 
@@ -14025,7 +14025,7 @@ function create_fragment$j(ctx) {
 	};
 }
 
-function instance$j($$self, $$props, $$invalidate) {
+function instance$k($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -14038,13 +14038,13 @@ function instance$j($$self, $$props, $$invalidate) {
 class IconEnvelope extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$j, create_fragment$j, safe_not_equal, { color: 0 });
+		init(this, options, instance$k, create_fragment$k, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconGift.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$i(ctx) {
+function create_fragment$j(ctx) {
 	let svg;
 	let path;
 
@@ -14087,7 +14087,7 @@ function create_fragment$i(ctx) {
 	};
 }
 
-function instance$i($$self, $$props, $$invalidate) {
+function instance$j($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -14100,13 +14100,13 @@ function instance$i($$self, $$props, $$invalidate) {
 class IconGift extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$i, create_fragment$i, safe_not_equal, { color: 0 });
+		init(this, options, instance$j, create_fragment$j, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconPaperclip.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$h(ctx) {
+function create_fragment$i(ctx) {
 	let svg;
 	let path;
 
@@ -14155,7 +14155,7 @@ function create_fragment$h(ctx) {
 	};
 }
 
-function instance$h($$self, $$props, $$invalidate) {
+function instance$i($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -14168,13 +14168,13 @@ function instance$h($$self, $$props, $$invalidate) {
 class IconPaperclip extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$h, create_fragment$h, safe_not_equal, { color: 0 });
+		init(this, options, instance$i, create_fragment$i, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconFire.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$g(ctx) {
+function create_fragment$h(ctx) {
 	let svg;
 	let path;
 
@@ -14223,7 +14223,7 @@ function create_fragment$g(ctx) {
 	};
 }
 
-function instance$g($$self, $$props, $$invalidate) {
+function instance$h($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -14236,13 +14236,13 @@ function instance$g($$self, $$props, $$invalidate) {
 class IconFire extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$g, create_fragment$g, safe_not_equal, { color: 0 });
+		init(this, options, instance$h, create_fragment$h, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconLink.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$f(ctx) {
+function create_fragment$g(ctx) {
 	let svg;
 	let path;
 
@@ -14291,7 +14291,7 @@ function create_fragment$f(ctx) {
 	};
 }
 
-function instance$f($$self, $$props, $$invalidate) {
+function instance$g($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -14304,13 +14304,13 @@ function instance$f($$self, $$props, $$invalidate) {
 class IconLink extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$f, create_fragment$f, safe_not_equal, { color: 0 });
+		init(this, options, instance$g, create_fragment$g, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconBuildings.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$e(ctx) {
+function create_fragment$f(ctx) {
 	let svg;
 	let path;
 
@@ -14353,7 +14353,7 @@ function create_fragment$e(ctx) {
 	};
 }
 
-function instance$e($$self, $$props, $$invalidate) {
+function instance$f($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -14366,13 +14366,13 @@ function instance$e($$self, $$props, $$invalidate) {
 class IconBuildings extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$e, create_fragment$e, safe_not_equal, { color: 0 });
+		init(this, options, instance$f, create_fragment$f, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconChevronsRight.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$d(ctx) {
+function create_fragment$e(ctx) {
 	let svg;
 	let path;
 
@@ -14415,7 +14415,7 @@ function create_fragment$d(ctx) {
 	};
 }
 
-function instance$d($$self, $$props, $$invalidate) {
+function instance$e($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -14426,6 +14426,68 @@ function instance$d($$self, $$props, $$invalidate) {
 }
 
 class IconChevronsRight extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$e, create_fragment$e, safe_not_equal, { color: 0 });
+	}
+}
+
+/* src/components-flex/icon/variants/IconChevronRight.svelte generated by Svelte v3.53.1 */
+
+function create_fragment$d(ctx) {
+	let svg;
+	let path;
+
+	return {
+		c() {
+			svg = svg_element("svg");
+			path = svg_element("path");
+			this.h();
+		},
+		l(nodes) {
+			svg = claim_svg_element(nodes, "svg", { xmlns: true, style: true, viewBox: true });
+			var svg_nodes = children(svg);
+			path = claim_svg_element(svg_nodes, "path", { fill: true, d: true });
+			children(path).forEach(detach);
+			svg_nodes.forEach(detach);
+			this.h();
+		},
+		h() {
+			attr(path, "fill", /*color*/ ctx[0]);
+			attr(path, "d", "M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z");
+			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+			set_style(svg, "width", "100%");
+			set_style(svg, "height", "100%");
+			attr(svg, "viewBox", "0 0 320 512");
+		},
+		m(target, anchor) {
+			insert_hydration(target, svg, anchor);
+			append_hydration(svg, path);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*color*/ 1) {
+				attr(path, "fill", /*color*/ ctx[0]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(svg);
+		}
+	};
+}
+
+function instance$d($$self, $$props, $$invalidate) {
+	let { color } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('color' in $$props) $$invalidate(0, color = $$props.color);
+	};
+
+	return [color];
+}
+
+class IconChevronRight extends SvelteComponent {
 	constructor(options) {
 		super();
 		init(this, options, instance$d, create_fragment$d, safe_not_equal, { color: 0 });
@@ -14597,6 +14659,7 @@ const ICON_VARIANTS = {
     cart_shopping: IconCartShopping,
     check: IconCheck,
     chevrons_right: IconChevronsRight,
+    chevron_right: IconChevronRight,
     circle: IconCircle,
     circle_info: IconCircleInfo,
     circle_question: IconCircleQuestion,
@@ -14868,44 +14931,34 @@ class Icon extends SvelteComponent {
 
 const BUTTON_SIZE_STYLES = {
     extra_small: {
-        minHeight: '32px',
-        paddingInline: '12px',
+        height: '32px',
+        paddingLeft: '12px',
+        paddingRight: '12px',
         fontSize: '12px',
-        paddingBlock: '8px',
-        lineHeight: 1.5,
-        borderRadius: '4px',
     },
     small: {
-        minHeight: '36px',
-        paddingInline: '16px',
+        height: '36px',
+        paddingLeft: '16px',
+        paddingRight: '16px',
         fontSize: '13px',
-        paddingBlock: '8px',
-        lineHeight: 1.5,
-        borderRadius: '4px',
     },
     medium: {
-        minHeight: '40px',
-        paddingInline: '24px',
+        height: '40px',
+        paddingLeft: '24px',
+        paddingRight: '24px',
         fontSize: '14px',
-        paddingBlock: '8px',
-        lineHeight: 1.5,
-        borderRadius: '4px',
     },
     large: {
-        minHeight: '48px',
-        paddingInline: '32px',
+        height: '48px',
+        paddingLeft: '32px',
+        paddingRight: '32px',
         fontSize: '14px',
-        paddingBlock: '10px',
-        lineHeight: 1.5,
-        borderRadius: '4px',
     },
     extra_large: {
-        minHeight: '56px',
-        paddingInline: '40px',
-        fontSize: '17px',
-        paddingBlock: '12px',
-        lineHeight: 1.5,
-        borderRadius: '4px',
+        height: '56px',
+        paddingLeft: '40px',
+        paddingRight: '40px',
+        fontSize: '16px',
     },
 };
 const BUTTON_THEME_STYLES = {
@@ -14959,7 +15012,9 @@ const BUTTON_ROUND_STYLES = {
     none: {
         borderRadius: 0,
     },
-    default: {},
+    default: {
+        borderRadius: '4px',
+    },
     fulled: {
         borderRadius: '56px',
     },
@@ -15022,10 +15077,10 @@ function darkenColor(color, percent) {
 /* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
 
 function add_css$8(target) {
-	append_styles(target, "svelte-51jhz9", ".button{background-color:var(--bg-color)}.button:hover{background-color:var(--hover-bg-color)}.button-icon.svelte-51jhz9{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
+	append_styles(target, "svelte-jar2a9", ".button{background-color:var(--bg-color)}.button:hover{background-color:var(--hover-bg-color)}.button-icon.svelte-jar2a9{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}
+// (48:2) {#if props.isIcon && props.iconVariant}
 function create_if_block$5(ctx) {
 	let div;
 	let icon;
@@ -15056,7 +15111,7 @@ function create_if_block$5(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "button-icon svelte-51jhz9");
+			attr(div, "class", "button-icon svelte-jar2a9");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -15091,7 +15146,7 @@ function create_if_block$5(ctx) {
 	};
 }
 
-// (41:0) <Clickable className="button" layerId={layerId} style={style} onClick={props.onClick} eventName={props.eventName} eventValue={props.eventValue}>
+// (47:0) <Clickable className="button" layerId={layerId} style={style} onClick={props.onClick} eventName={props.eventName} eventValue={props.eventValue}>
 function create_default_slot$4(ctx) {
 	let t0;
 	let span;
@@ -15201,7 +15256,7 @@ function create_fragment$9(ctx) {
 			if (dirty & /*props*/ 1) clickable_changes.eventName = /*props*/ ctx[0].eventName;
 			if (dirty & /*props*/ 1) clickable_changes.eventValue = /*props*/ ctx[0].eventValue;
 
-			if (dirty & /*$$scope, props*/ 33) {
+			if (dirty & /*$$scope, props*/ 65) {
 				clickable_changes.$$scope = { dirty, ctx };
 			}
 
@@ -15228,6 +15283,7 @@ function instance$9($$self, $$props, $$invalidate) {
 	let { props = {} } = $$props;
 	let { layerId = '' } = $$props;
 	const buttonThemeStyle = BUTTON_THEME_STYLES[props.theme ?? buttonPropsDefault.theme];
+	const buttonSizeStyle = BUTTON_SIZE_STYLES[props.size ?? buttonPropsDefault.size];
 
 	$$self.$$set = $$props => {
 		if ('props' in $$props) $$invalidate(0, props = $$props.props);
@@ -15255,14 +15311,19 @@ function instance$9($$self, $$props, $$invalidate) {
 				color: props.color ?? buttonThemeStyle.color,
 				fontWeight: props.fontWeight ?? buttonThemeStyle.fontWeight,
 				cursor: 'pointer',
-				...BUTTON_SIZE_STYLES[props.size ?? buttonPropsDefault.size],
+				lineHeight: 1.5,
 				...BUTTON_WRAP_STYLES[props.wrap ?? buttonPropsDefault.wrap],
 				...BUTTON_ROUND_STYLES[props.round ?? buttonPropsDefault.round],
 				...props.iconAngle
 				? { flexDirection: props.iconAngle }
 				: {},
+				height: props.height ?? buttonSizeStyle.height,
+				paddingLeft: props.paddingLeft ?? buttonSizeStyle.paddingLeft,
+				paddingRight: props.paddingRight ?? buttonSizeStyle.paddingRight,
+				fontSize: props.fontSize ?? buttonSizeStyle.fontSize,
 				...toCssCommon(props),
 				...toCssBorder(props),
+				...toCssShadow(props),
 				...variables
 			}));
 		}
@@ -15350,7 +15411,7 @@ const BUTTON_OUTLINED_WRAP_STYLES = {
 /* src/components-flex/button-outlined/ButtonOutlined.svelte generated by Svelte v3.53.1 */
 
 function add_css$7(target) {
-	append_styles(target, "svelte-1vdhjzp", ".button-outlined{background-color:#ffffff}.button-outlined:hover{background-color:#f6f6f6}.button-outlined-icon.svelte-1vdhjzp{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
+	append_styles(target, "svelte-11hj92h", ".button-outlined{background-color:#ffffff}.button-outlined:hover{background-color:#f6f6f6}.button-outlined-icon.svelte-11hj92h{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
 }
 
 // (46:2) {#if props.isIcon && props.iconVariant}
@@ -15384,7 +15445,7 @@ function create_if_block$4(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "button-outlined-icon svelte-1vdhjzp");
+			attr(div, "class", "button-outlined-icon svelte-11hj92h");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -15602,7 +15663,7 @@ class ButtonOutlined extends SvelteComponent {
 /* src/components-flex/button-text/ButtonText.svelte generated by Svelte v3.53.1 */
 
 function add_css$6(target) {
-	append_styles(target, "svelte-2x427r", ".flex-button-text-icon.svelte-2x427r{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
+	append_styles(target, "svelte-z1kekb", ".flex-button-text-icon.svelte-z1kekb{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
 }
 
 // (99:2) {#if props.isIcon && props.iconVariant}
@@ -15634,7 +15695,7 @@ function create_if_block$3(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "flex-button-text-icon svelte-2x427r");
+			attr(div, "class", "flex-button-text-icon svelte-z1kekb");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -15934,7 +15995,7 @@ const CLOSE_BUTTON_LABEL_PLACEMENT = {
 /* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
 
 function add_css$5(target) {
-	append_styles(target, "svelte-1p6g3cd", ".close-button.svelte-1p6g3cd{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, transform 0.12s}.close-button.svelte-1p6g3cd:hover{transform:rotate(90deg)}.close-button-order-one.svelte-1p6g3cd{order:1}.close-button-order-two.svelte-1p6g3cd{order:2}");
+	append_styles(target, "svelte-12v1h9t", ".close-button.svelte-12v1h9t{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, transform 0.12s}.close-button.svelte-12v1h9t:hover{transform:rotate(90deg)}.close-button-order-one.svelte-12v1h9t{order:1}.close-button-order-two.svelte-12v1h9t{order:2}");
 }
 
 // (93:2) {#if hasLabel}
@@ -15960,7 +16021,7 @@ function create_if_block$2(ctx) {
 
 			attr(span, "class", "close-button-label " + (/*isLeftLabelPlacement*/ ctx[8]
 			? 'close-button-order-one'
-			: '') + " svelte-1p6g3cd");
+			: '') + " svelte-12v1h9t");
 		},
 		m(target, anchor) {
 			insert_hydration(target, span, anchor);
@@ -16052,7 +16113,7 @@ function create_fragment$6(ctx) {
 			attr(svg, "fill", /*color*/ ctx[6]);
 			attr(span, "style", /*iconStyle*/ ctx[1]);
 			set_attributes(button, button_data);
-			toggle_class(button, "svelte-1p6g3cd", true);
+			toggle_class(button, "svelte-12v1h9t", true);
 		},
 		m(target, anchor) {
 			insert_hydration(target, button, anchor);
@@ -16093,7 +16154,7 @@ function create_fragment$6(ctx) {
 				dataAttrStopPropagation('click')
 			]));
 
-			toggle_class(button, "svelte-1p6g3cd", true);
+			toggle_class(button, "svelte-12v1h9t", true);
 		},
 		i: noop,
 		o: noop,
@@ -16221,7 +16282,7 @@ class CloseButton extends SvelteComponent {
 /* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
 
 function add_css$4(target) {
-	append_styles(target, "svelte-ygnde7", ".image-object.svelte-ygnde7{width:100%;overflow:hidden}.image-img.svelte-ygnde7{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}");
+	append_styles(target, "svelte-1nwdvab", ".image-object.svelte-1nwdvab{width:100%;overflow:hidden}.image-img.svelte-1nwdvab{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}");
 }
 
 // (21:0) <CLICKABLE layerId={layerId} style={style} onClick={props.onClick} eventName={props.eventName} eventValue={props.eventValue}>
@@ -16247,9 +16308,9 @@ function create_default_slot$1(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-ygnde7");
+			attr(img, "class", "image-img svelte-1nwdvab");
 			attr(object, "style", /*objectStyle*/ ctx[2]);
-			attr(object, "class", "image-object svelte-ygnde7");
+			attr(object, "class", "image-object svelte-1nwdvab");
 		},
 		m(target, anchor) {
 			insert_hydration(target, object, anchor);
@@ -16531,7 +16592,7 @@ 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$3(target) {
-	append_styles(target, "svelte-10vbkzx", ".container.svelte-10vbkzx{-webkit-user-drag:none}");
+	append_styles(target, "svelte-17ij7ip", ".container.svelte-17ij7ip{-webkit-user-drag:none}");
 }
 
 function get_each_context(ctx, list, i) {
@@ -16666,7 +16727,7 @@ function create_fragment$3(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]);
@@ -17045,7 +17106,7 @@ const TEXT_VARIANTS = {
 /* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
 
 function add_css$2(target) {
-	append_styles(target, "svelte-18qq8cj", ".text.svelte-18qq8cj{margin:0;word-break:break-all}");
+	append_styles(target, "svelte-1vl0c87", ".text.svelte-1vl0c87{margin:0;word-break:break-all}");
 }
 
 function create_fragment$2(ctx) {
@@ -17069,7 +17130,7 @@ function create_fragment$2(ctx) {
 		},
 		h() {
 			attr(p, "data-layer-id", /*layerId*/ ctx[0]);
-			attr(p, "class", "text svelte-18qq8cj");
+			attr(p, "class", "text svelte-1vl0c87");
 			attr(p, "style", /*style*/ ctx[1]);
 		},
 		m(target, anchor) {
@@ -17161,7 +17222,7 @@ const LAYER_TEXT_SIZE = {
 /* 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}");
+	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}
@@ -17182,7 +17243,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);
@@ -17193,7 +17254,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);
 			}
 		},
@@ -17269,10 +17330,10 @@ class BackgroundOverlay extends SvelteComponent {
 /* 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}}");
+	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}}");
 }
 
-// (253:0) {:else}
+// (254:0) {:else}
 function create_else_block(ctx) {
 	let backgroundoverlay;
 	let current;
@@ -17319,7 +17380,7 @@ function create_else_block(ctx) {
 	};
 }
 
-// (242:24) 
+// (243:24) 
 function create_if_block_2(ctx) {
 	let backgroundoverlay0;
 	let t;
@@ -17393,7 +17454,7 @@ function create_if_block_2(ctx) {
 	};
 }
 
-// (240:0) {#if isPreview()}
+// (241:0) {#if isPreview()}
 function create_if_block_1(ctx) {
 	return {
 		c: noop,
@@ -17406,7 +17467,7 @@ function create_if_block_1(ctx) {
 	};
 }
 
-// (256:0) {#if visible}
+// (257:0) {#if visible}
 function create_if_block(ctx) {
 	let div;
 	let div_class_value;
@@ -17435,7 +17496,7 @@ 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(';'));
@@ -17468,7 +17529,7 @@ function create_if_block(ctx) {
 				}
 			}
 
-			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);
 			}
 		},
@@ -17645,8 +17706,9 @@ function instance($$self, $$props, $$invalidate) {
 	let { closeEventValue = null } = $$props;
 
 	// モーダル背景の設定
-	let backgroundOverlay = DefaultModalPlacement.backgroundOverlay;
+	placement && placement.backgroundOverlay !== undefined;
 
+	let backgroundOverlay = DefaultModalPlacement.backgroundOverlay;
 	let backgroundOverlayPC = DefaultModalPlacement.backgroundOverlay;
 	let backgroundOverlaySP = DefaultModalPlacement.backgroundOverlay;