@plaidev/karte-action-sdk 1.1.261-28997367.d745b343 → 1.1.261-29008381.850cae9e

package/dist/hydrate/index.es.js

@@ -81,6 +81,7 @@ var sdk = /*#__PURE__*/Object.freeze({
   get FlexSliderItem () { return SliderItem; },
   get FlexText () { return Text; },
   get FlexTextLink () { return TextLink; },
+  get FlexYoutube () { return Youtube; },
   get Fonts () { return Fonts; },
   get FormCheckBoxes () { return FormCheckBoxes; },
   get FormIdentifyBooleanFields () { return FormIdentifyBooleanFields; },
@@ -3110,7 +3111,7 @@ function create_if_block$h(ctx) {
 	};
 }
 
-function create_fragment$1o(ctx) {
+function create_fragment$1p(ctx) {
 	let head;
 	let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$h(ctx);
 
@@ -3152,7 +3153,7 @@ function create_fragment$1o(ctx) {
 	};
 }
 
-function instance$1o($$self, $$props, $$invalidate) {
+function instance$1p($$self, $$props, $$invalidate) {
 	let $fonts;
 	component_subscribe($$self, fonts, $$value => $$invalidate(1, $fonts = $$value));
 	let googleFontUrl = '';
@@ -3182,7 +3183,7 @@ function instance$1o($$self, $$props, $$invalidate) {
 class Header extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$1o, create_fragment$1o, safe_not_equal, {});
+		init(this, options, instance$1p, create_fragment$1p, safe_not_equal, {});
 	}
 }
 
@@ -3220,7 +3221,7 @@ const useBrandKit = () => {
 
 /* src/components/State.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$1n(ctx) {
+function create_fragment$1o(ctx) {
 	let header;
 	let t;
 	let current;
@@ -3284,7 +3285,7 @@ function create_fragment$1n(ctx) {
 	};
 }
 
-function instance$1n($$self, $$props, $$invalidate) {
+function instance$1o($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { customBrandKit = undefined } = $$props;
 	setContext('brandKit', getBrandKit(customBrandKit));
@@ -3300,13 +3301,13 @@ function instance$1n($$self, $$props, $$invalidate) {
 class State extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$1n, create_fragment$1n, safe_not_equal, { customBrandKit: 0 });
+		init(this, options, instance$1o, create_fragment$1o, safe_not_equal, { customBrandKit: 0 });
 	}
 }
 
 /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
 
-function add_css$P(target) {
+function add_css$Q(target) {
 	append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
 }
 
@@ -3383,7 +3384,7 @@ function create_if_block$g(ctx) {
 	};
 }
 
-function create_fragment$1m(ctx) {
+function create_fragment$1n(ctx) {
 	let if_block_anchor;
 	let current;
 	let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$g(ctx);
@@ -3448,7 +3449,7 @@ function getStateItemContext() {
 	return getContext(STATE_ITEM_CONTEXT_KEY);
 }
 
-function instance$1m($$self, $$props, $$invalidate) {
+function instance$1n($$self, $$props, $$invalidate) {
 	let $state;
 	component_subscribe($$self, state, $$value => $$invalidate(1, $state = $$value));
 	let { $$slots: slots = {}, $$scope } = $$props;
@@ -3474,7 +3475,7 @@ function instance$1m($$self, $$props, $$invalidate) {
 class StateItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$1m, create_fragment$1m, safe_not_equal, { path: 0 }, add_css$P);
+		init(this, options, instance$1n, create_fragment$1n, safe_not_equal, { path: 0 }, add_css$Q);
 	}
 }
 
@@ -3600,7 +3601,7 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
 
 /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
 
-function add_css$O(target) {
+function add_css$P(target) {
 	append_styles(target, "svelte-1d4fta", ".background.svelte-1d4fta{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
 }
 
@@ -3645,7 +3646,7 @@ function create_if_block$f(ctx) {
 	};
 }
 
-function create_fragment$1l(ctx) {
+function create_fragment$1m(ctx) {
 	let if_block_anchor;
 	let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$f(ctx);
 
@@ -3685,7 +3686,7 @@ function create_fragment$1l(ctx) {
 	};
 }
 
-function instance$1l($$self, $$props, $$invalidate) {
+function instance$1m($$self, $$props, $$invalidate) {
 	let { backgroundOverlay = false } = $$props;
 	let { class: className = undefined } = $$props;
 	const dispatch = createEventDispatcher();
@@ -3702,7 +3703,7 @@ function instance$1l($$self, $$props, $$invalidate) {
 let BackgroundOverlay$1 = class BackgroundOverlay extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$1l, create_fragment$1l, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$O);
+		init(this, options, instance$1m, create_fragment$1m, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$P);
 	}
 };
 
@@ -3742,7 +3743,7 @@ function checkStopPropagation(eventName, handler) {
 
 /* src/components/Button.svelte generated by Svelte v3.53.1 */
 
-function add_css$N(target) {
+function add_css$O(target) {
 	append_styles(target, "svelte-15k4deh", ".button.svelte-15k4deh{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-15k4deh:link,.button.svelte-15k4deh:visited,.button.svelte-15k4deh:active,.button.svelte-15k4deh:hover{color:inherit}");
 }
 
@@ -4093,7 +4094,7 @@ function create_if_block$e(ctx) {
 	};
 }
 
-function create_fragment$1k(ctx) {
+function create_fragment$1l(ctx) {
 	let current_block_type_index;
 	let if_block;
 	let if_block_anchor;
@@ -4170,7 +4171,7 @@ function create_fragment$1k(ctx) {
 
 const BUTTON_CLASS = 'button';
 
-function instance$1k($$self, $$props, $$invalidate) {
+function instance$1l($$self, $$props, $$invalidate) {
 	let disabled;
 	let $valuesAreValid;
 	let { $$slots: slots = {}, $$scope } = $$props;
@@ -4240,8 +4241,8 @@ let Button$1 = class Button extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$1k,
-			create_fragment$1k,
+			instance$1l,
+			create_fragment$1l,
 			safe_not_equal,
 			{
 				onClick: 0,
@@ -4250,14 +4251,14 @@ let Button$1 = class Button extends SvelteComponent {
 				style: 1,
 				isModalCloseButton: 7
 			},
-			add_css$N
+			add_css$O
 		);
 	}
 };
 
 /* src/components/Modal.svelte generated by Svelte v3.53.1 */
 
-function add_css$M(target) {
+function add_css$N(target) {
 	append_styles(target, "svelte-1ijkyzl", ".modal.svelte-1ijkyzl{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1ijkyzl > .button{flex:auto;display:flex}.close.svelte-1ijkyzl{position:absolute;top:0;right:0}.close.svelte-1ijkyzl > .button{position:absolute;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;padding:0;transition:all 0.25s}.close.svelte-1ijkyzl > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1ijkyzl{flex:auto;display:flex;justify-content:center;align-items:center;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}@media screen and (min-width: 641px){.modal-bp.svelte-1ijkyzl{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-1ijkyzl{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
 }
 
@@ -4724,7 +4725,7 @@ function create_default_slot$7(ctx) {
 	};
 }
 
-function create_fragment$1j(ctx) {
+function create_fragment$1k(ctx) {
 	let show_if;
 	let current_block_type_index;
 	let if_block0;
@@ -4848,7 +4849,7 @@ function create_fragment$1j(ctx) {
 	};
 }
 
-function instance$1j($$self, $$props, $$invalidate) {
+function instance$1k($$self, $$props, $$invalidate) {
 	let close;
 	let closable;
 	let backgroundClick;
@@ -5131,8 +5132,8 @@ let Modal$1 = class Modal extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$1j,
-			create_fragment$1j,
+			instance$1k,
+			create_fragment$1k,
 			safe_not_equal,
 			{
 				onClick: 0,
@@ -5150,7 +5151,7 @@ let Modal$1 = class Modal extends SvelteComponent {
 				closeButtonColor: 9,
 				_closeStyle: 10
 			},
-			add_css$M,
+			add_css$N,
 			[-1, -1]
 		);
 	}
@@ -5158,7 +5159,7 @@ let Modal$1 = class Modal extends SvelteComponent {
 
 /* src/components/Grid.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$1i(ctx) {
+function create_fragment$1j(ctx) {
 	let div;
 	let current;
 	const default_slot_template = /*#slots*/ ctx[8].default;
@@ -5226,7 +5227,7 @@ function create_fragment$1i(ctx) {
 	};
 }
 
-function instance$1i($$self, $$props, $$invalidate) {
+function instance$1j($$self, $$props, $$invalidate) {
 	let _style;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { width = '512px' } = $$props;
@@ -5271,7 +5272,7 @@ class Grid extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$1i, create_fragment$1i, safe_not_equal, {
+		init(this, options, instance$1j, create_fragment$1j, safe_not_equal, {
 			width: 1,
 			height: 2,
 			rows: 3,
@@ -5284,11 +5285,11 @@ class Grid extends SvelteComponent {
 
 /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
 
-function add_css$L(target) {
+function add_css$M(target) {
 	append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
 }
 
-function create_fragment$1h(ctx) {
+function create_fragment$1i(ctx) {
 	let div1;
 	let div0;
 	let current;
@@ -5381,7 +5382,7 @@ function create_fragment$1h(ctx) {
 
 const GRID_ITEM_CONTEXT_KEY = 'GRID_ITEM';
 
-function instance$1h($$self, $$props, $$invalidate) {
+function instance$1i($$self, $$props, $$invalidate) {
 	let _style;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { x1 } = $$props;
@@ -5430,8 +5431,8 @@ class GridItem extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$1h,
-			create_fragment$1h,
+			instance$1i,
+			create_fragment$1i,
 			safe_not_equal,
 			{
 				x1: 2,
@@ -5442,7 +5443,7 @@ class GridItem extends SvelteComponent {
 				background: 7,
 				gridItemId: 0
 			},
-			add_css$L
+			add_css$M
 		);
 	}
 }
@@ -5548,7 +5549,7 @@ function create_each_block$8(ctx) {
 	};
 }
 
-function create_fragment$1g(ctx) {
+function create_fragment$1h(ctx) {
 	let each_1_anchor;
 	let each_value = /*items*/ ctx[0];
 	let each_blocks = [];
@@ -5614,7 +5615,7 @@ function create_fragment$1g(ctx) {
 
 const regexp = /(\r?\n)/;
 
-function instance$1g($$self, $$props, $$invalidate) {
+function instance$1h($$self, $$props, $$invalidate) {
 	let items;
 	let { text = 'サンプルSample' } = $$props;
 
@@ -5635,13 +5636,13 @@ function instance$1g($$self, $$props, $$invalidate) {
 class RenderText extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$1g, create_fragment$1g, safe_not_equal, { text: 1 });
+		init(this, options, instance$1h, create_fragment$1h, safe_not_equal, { text: 1 });
 	}
 }
 
 /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
 
-function add_css$K(target) {
+function add_css$L(target) {
 	append_styles(target, "svelte-9ixs0b", ".text-element-wrapper.svelte-9ixs0b.svelte-9ixs0b{position:relative;height:100%}.text-element.svelte-9ixs0b.svelte-9ixs0b{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;margin:0px;padding:0px;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden;font-size:12px;line-height:1.5}.text-link-element.svelte-9ixs0b.svelte-9ixs0b{text-decoration:none;color:inherit}.text-element-inner.svelte-9ixs0b.svelte-9ixs0b{width:100%;height:auto}.text-direction-vertical.svelte-9ixs0b.svelte-9ixs0b{writing-mode:vertical-rl}.text-direction-vertical.svelte-9ixs0b .text-element-inner.svelte-9ixs0b{width:auto;height:100%}.tooltip.svelte-9ixs0b.svelte-9ixs0b{display:none;position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);color:#fff;background-color:#3d4948;white-space:nowrap;padding:4px 8px 4px 8px;border-radius:4px;font-size:12px;z-index:2147483647}.tooltip.svelte-9ixs0b.svelte-9ixs0b:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-9ixs0b.svelte-9ixs0b{display:block}.tooltip-error.svelte-9ixs0b.svelte-9ixs0b{background-color:#c00}.tooltip-error.svelte-9ixs0b.svelte-9ixs0b:before{border-bottom:7px solid #c00}");
 }
 
@@ -5825,7 +5826,7 @@ function create_if_block$b(ctx) {
 	};
 }
 
-function create_fragment$1f(ctx) {
+function create_fragment$1g(ctx) {
 	let div;
 	let current_block_type_index;
 	let if_block;
@@ -5905,7 +5906,7 @@ function create_fragment$1f(ctx) {
 	};
 }
 
-function instance$1f($$self, $$props, $$invalidate) {
+function instance$1g($$self, $$props, $$invalidate) {
 	let style;
 	let { text = 'テキストのコンテンツ' } = $$props;
 	let { font = SYSTEM_FONT } = $$props;
@@ -6001,8 +6002,8 @@ class TextElement extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$1f,
-			create_fragment$1f,
+			instance$1g,
+			create_fragment$1g,
 			safe_not_equal,
 			{
 				text: 0,
@@ -6013,14 +6014,14 @@ class TextElement extends SvelteComponent {
 				enableCopy: 2,
 				eventName: 10
 			},
-			add_css$K
+			add_css$L
 		);
 	}
 }
 
 /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
 
-function add_css$J(target) {
+function add_css$K(target) {
 	append_styles(target, "svelte-1vg84sc", ".text-button-element.svelte-1vg84sc{width:100%;height:100%}.text-button-element.svelte-1vg84sc > .button{display:flex;width:100%;height:100%;border:none;box-shadow:transparent;box-sizing:border-box;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5;background-color:#33403e;border-radius:4px;cursor:pointer;border-width:0px;border-style:solid;border-color:#000000}.text-button-element.svelte-1vg84sc > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-1vg84sc > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-1vg84sc > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
 }
 
@@ -6061,7 +6062,7 @@ function create_default_slot$6(ctx) {
 	};
 }
 
-function create_fragment$1e(ctx) {
+function create_fragment$1f(ctx) {
 	let div;
 	let button;
 	let current;
@@ -6125,7 +6126,7 @@ function create_fragment$1e(ctx) {
 	};
 }
 
-function instance$1e($$self, $$props, $$invalidate) {
+function instance$1f($$self, $$props, $$invalidate) {
 	let style;
 	let { text = 'ボタンのラベル' } = $$props;
 	let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -6163,8 +6164,8 @@ class TextButtonElement extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$1e,
-			create_fragment$1e,
+			instance$1f,
+			create_fragment$1f,
 			safe_not_equal,
 			{
 				text: 0,
@@ -6174,14 +6175,14 @@ class TextButtonElement extends SvelteComponent {
 				_buttonStyle: 5,
 				_style: 6
 			},
-			add_css$J
+			add_css$K
 		);
 	}
 }
 
 /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
 
-function add_css$I(target) {
+function add_css$J(target) {
 	append_styles(target, "svelte-t6tu0e", ".image-element.svelte-t6tu0e{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-t6tu0e > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image-element.svelte-t6tu0e > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-t6tu0e > .button:not(._disabled):hover,.image-element.transport.svelte-t6tu0e > .button:not(._disabled):focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}.image.svelte-t6tu0e{width:100%;height:100%}");
 }
 
@@ -6252,7 +6253,7 @@ function create_default_slot$5(ctx) {
 	};
 }
 
-function create_fragment$1d(ctx) {
+function create_fragment$1e(ctx) {
 	let div;
 	let button;
 	let div_class_value;
@@ -6321,7 +6322,7 @@ function create_fragment$1d(ctx) {
 	};
 }
 
-function instance$1d($$self, $$props, $$invalidate) {
+function instance$1e($$self, $$props, $$invalidate) {
 	let { src = '' } = $$props;
 	let { alt = '画像の説明' } = $$props;
 	let { transport = false } = $$props;
@@ -6352,8 +6353,8 @@ class ImageElement extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$1d,
-			create_fragment$1d,
+			instance$1e,
+			create_fragment$1e,
 			safe_not_equal,
 			{
 				src: 0,
@@ -6365,18 +6366,18 @@ class ImageElement extends SvelteComponent {
 				_imageStyle: 6,
 				_style: 7
 			},
-			add_css$I
+			add_css$J
 		);
 	}
 }
 
 /* src/components/List.svelte generated by Svelte v3.53.1 */
 
-function add_css$H(target) {
+function add_css$I(target) {
 	append_styles(target, "svelte-aquv6z", ".list.svelte-aquv6z{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
 }
 
-function create_fragment$1c(ctx) {
+function create_fragment$1d(ctx) {
 	let div;
 	let current;
 	const default_slot_template = /*#slots*/ ctx[6].default;
@@ -6446,7 +6447,7 @@ function create_fragment$1c(ctx) {
 
 const LIST_CONTEXT_KEY = Symbol();
 
-function instance$1c($$self, $$props, $$invalidate) {
+function instance$1d($$self, $$props, $$invalidate) {
 	let style;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { direction = 'vertical' } = $$props;
@@ -6513,8 +6514,8 @@ let List$1 = class List extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$1c,
-			create_fragment$1c,
+			instance$1d,
+			create_fragment$1d,
 			safe_not_equal,
 			{
 				direction: 1,
@@ -6522,14 +6523,14 @@ let List$1 = class List extends SvelteComponent {
 				background: 3,
 				_style: 4
 			},
-			add_css$H
+			add_css$I
 		);
 	}
 };
 
 /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
 
-function add_css$G(target) {
+function add_css$H(target) {
 	append_styles(target, "svelte-9n97pe", ".list-item.svelte-9n97pe{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item.svelte-9n97pe > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
 }
 
@@ -6584,7 +6585,7 @@ function create_default_slot$4(ctx) {
 	};
 }
 
-function create_fragment$1b(ctx) {
+function create_fragment$1c(ctx) {
 	let div;
 	let button;
 	let current;
@@ -6653,7 +6654,7 @@ function create_fragment$1b(ctx) {
 	};
 }
 
-function instance$1b($$self, $$props, $$invalidate) {
+function instance$1c($$self, $$props, $$invalidate) {
 	let listItemStyle;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	const { separator, background, direction, registerItem, unregisterItem } = getContext(LIST_CONTEXT_KEY);
@@ -6732,17 +6733,17 @@ function instance$1b($$self, $$props, $$invalidate) {
 let ListItem$1 = class ListItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$1b, create_fragment$1b, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$G);
+		init(this, options, instance$1c, create_fragment$1c, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$H);
 	}
 };
 
 /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
 
-function add_css$F(target) {
+function add_css$G(target) {
 	append_styles(target, "svelte-wocq4p", ".embed.svelte-wocq4p{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-wocq4p iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
 }
 
-function create_fragment$1a(ctx) {
+function create_fragment$1b(ctx) {
 	let div;
 
 	return {
@@ -6778,7 +6779,7 @@ function create_fragment$1a(ctx) {
 	};
 }
 
-function instance$1a($$self, $$props, $$invalidate) {
+function instance$1b($$self, $$props, $$invalidate) {
 	let { code } = $$props;
 	let { _style = '' } = $$props;
 
@@ -6793,17 +6794,17 @@ function instance$1a($$self, $$props, $$invalidate) {
 class EmbedElement extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$1a, create_fragment$1a, safe_not_equal, { code: 0, _style: 1 }, add_css$F);
+		init(this, options, instance$1b, create_fragment$1b, safe_not_equal, { code: 0, _style: 1 }, add_css$G);
 	}
 }
 
 /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
 
-function add_css$E(target) {
+function add_css$F(target) {
 	append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
 }
 
-function create_fragment$19(ctx) {
+function create_fragment$1a(ctx) {
 	let div1;
 	let div0;
 
@@ -6855,7 +6856,7 @@ function _setValue(obj, key, value) {
 	}
 }
 
-function instance$19($$self, $$props, $$invalidate) {
+function instance$1a($$self, $$props, $$invalidate) {
 	let $system;
 	component_subscribe($$self, system, $$value => $$invalidate(31, $system = $$value));
 	let { videoId = 'wt0OjOeX-JA' } = $$props;
@@ -7126,8 +7127,8 @@ class MovieYouTubeElement extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$19,
-			create_fragment$19,
+			instance$1a,
+			create_fragment$1a,
 			safe_not_equal,
 			{
 				videoId: 2,
@@ -7156,7 +7157,7 @@ class MovieYouTubeElement extends SvelteComponent {
 				mute: 25,
 				_style: 0
 			},
-			add_css$E,
+			add_css$F,
 			[-1, -1]
 		);
 	}
@@ -7164,11 +7165,11 @@ class MovieYouTubeElement extends SvelteComponent {
 
 /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
 
-function add_css$D(target) {
+function add_css$E(target) {
 	append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
 }
 
-function create_fragment$18(ctx) {
+function create_fragment$19(ctx) {
 	let div1;
 	let div0;
 
@@ -7210,7 +7211,7 @@ function create_fragment$18(ctx) {
 	};
 }
 
-function instance$18($$self, $$props, $$invalidate) {
+function instance$19($$self, $$props, $$invalidate) {
 	let $system;
 	component_subscribe($$self, system, $$value => $$invalidate(12, $system = $$value));
 	let { videoId = "201239468" } = $$props;
@@ -7353,8 +7354,8 @@ class MovieVimeoElement extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$18,
-			create_fragment$18,
+			instance$19,
+			create_fragment$19,
 			safe_not_equal,
 			{
 				videoId: 2,
@@ -7364,18 +7365,18 @@ class MovieVimeoElement extends SvelteComponent {
 				mute: 6,
 				_style: 0
 			},
-			add_css$D
+			add_css$E
 		);
 	}
 }
 
 /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
 
-function add_css$C(target) {
+function add_css$D(target) {
 	append_styles(target, "svelte-zxvkkc", ".textarea-wrapper.svelte-zxvkkc{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-zxvkkc{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.textarea.svelte-zxvkkc::placeholder{color:var(--placeholder-color)}.textarea.svelte-zxvkkc:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}");
 }
 
-function create_fragment$17(ctx) {
+function create_fragment$18(ctx) {
 	let div;
 	let textarea;
 	let mounted;
@@ -7450,7 +7451,7 @@ function create_fragment$17(ctx) {
 	};
 }
 
-function instance$17($$self, $$props, $$invalidate) {
+function instance$18($$self, $$props, $$invalidate) {
 	let style;
 	let styleVariables;
 	let $value;
@@ -7538,8 +7539,8 @@ class FormTextarea extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$17,
-			create_fragment$17,
+			instance$18,
+			create_fragment$18,
 			safe_not_equal,
 			{
 				name: 7,
@@ -7551,14 +7552,14 @@ class FormTextarea extends SvelteComponent {
 				_textStyle: 11,
 				_placeholderStyle: 12
 			},
-			add_css$C
+			add_css$D
 		);
 	}
 }
 
 /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
 
-function add_css$B(target) {
+function add_css$C(target) {
 	append_styles(target, "svelte-17s08g", ".radio-buttons.svelte-17s08g{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-17s08g{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-17s08g{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-17s08g:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18,160,160,.08),0px 1px 4px -1px rgba(18,160,160,.24)}.radio-button-text.svelte-17s08g{margin-left:0.5em}");
 }
 
@@ -7671,7 +7672,7 @@ function create_each_block$7(ctx) {
 	};
 }
 
-function create_fragment$16(ctx) {
+function create_fragment$17(ctx) {
 	let div;
 	let each_value = /*_options*/ ctx[4];
 	let each_blocks = [];
@@ -7749,7 +7750,7 @@ function create_fragment$16(ctx) {
 	};
 }
 
-function instance$16($$self, $$props, $$invalidate) {
+function instance$17($$self, $$props, $$invalidate) {
 	let _options;
 	let buttonStyle;
 	let _value;
@@ -7849,8 +7850,8 @@ class FormRadioButtons extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$16,
-			create_fragment$16,
+			instance$17,
+			create_fragment$17,
 			safe_not_equal,
 			{
 				name: 0,
@@ -7863,14 +7864,14 @@ class FormRadioButtons extends SvelteComponent {
 				buttonColor: 13,
 				buttonColorActive: 14
 			},
-			add_css$B
+			add_css$C
 		);
 	}
 }
 
 /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
 
-function add_css$A(target) {
+function add_css$B(target) {
 	append_styles(target, "svelte-t9ynyj", ".select.svelte-t9ynyj{width:100%;height:100%}.select-select.svelte-t9ynyj{position:relative;appearance:none;width:100%;height:100%;cursor:pointer;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:0 0 0 10px;font-size:12px;line-height:1.5}.select-select.svelte-t9ynyj:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.select-icon.svelte-t9ynyj{position:absolute;width:calc(var(--icon-size) / 1.41);height:calc(var(--icon-size) / 1.41);top:calc(50% - calc(var(--icon-size) / 4));right:calc(var(--icon-size) * 1.2);box-sizing:border-box;border-right:solid 2px var(--icon-color);border-top:solid 2px var(--icon-color);transform:translateY(-35.4%) rotate(135deg);pointer-events:none}");
 }
 
@@ -7997,7 +7998,7 @@ function create_each_block$6(ctx) {
 	};
 }
 
-function create_fragment$15(ctx) {
+function create_fragment$16(ctx) {
 	let div1;
 	let select;
 	let t;
@@ -8107,7 +8108,7 @@ function create_fragment$15(ctx) {
 	};
 }
 
-function instance$15($$self, $$props, $$invalidate) {
+function instance$16($$self, $$props, $$invalidate) {
 	let _options;
 	let style;
 	let styleVariables;
@@ -8223,8 +8224,8 @@ class FormSelect extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$15,
-			create_fragment$15,
+			instance$16,
+			create_fragment$16,
 			safe_not_equal,
 			{
 				name: 7,
@@ -8239,14 +8240,14 @@ class FormSelect extends SvelteComponent {
 				iconColor: 15,
 				iconSize: 16
 			},
-			add_css$A
+			add_css$B
 		);
 	}
 }
 
 /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
 
-function add_css$z(target) {
+function add_css$A(target) {
 	append_styles(target, "svelte-1p65cg8", ".check-boxes.svelte-1p65cg8.svelte-1p65cg8{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%;gap:0px}.check-box.svelte-1p65cg8.svelte-1p65cg8{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-1p65cg8.svelte-1p65cg8{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-1p65cg8.svelte-1p65cg8{display:inline-flex;background-color:var(--color-main);width:var(--size);height:var(--size);border-radius:calc(var(--size) / 4);justify-content:center;align-items:center;flex:none}.check-box-icon.svelte-1p65cg8.svelte-1p65cg8{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-1p65cg8.svelte-1p65cg8:after{content:'';display:block;box-sizing:border-box;width:45%;height:91%;transform:translate(60%, -8%) rotate(45deg);border-style:none solid solid none;border-width:2px;border-color:var(--color-sub)}.check-box-check._checked.svelte-1p65cg8.svelte-1p65cg8{background-color:var(--color-main-active)}.check-box-check._checked.svelte-1p65cg8 .check-box-icon.svelte-1p65cg8:after{border-color:var(--color-sub-active)}.check-box-text.svelte-1p65cg8.svelte-1p65cg8{margin-left:0.5em;color:#333;font-size:12px;line-height:1.5}");
 }
 
@@ -8375,7 +8376,7 @@ function create_each_block$5(ctx) {
 	};
 }
 
-function create_fragment$14(ctx) {
+function create_fragment$15(ctx) {
 	let div;
 	let each_value = /*_options*/ ctx[3];
 	let each_blocks = [];
@@ -8453,7 +8454,7 @@ function create_fragment$14(ctx) {
 	};
 }
 
-function instance$14($$self, $$props, $$invalidate) {
+function instance$15($$self, $$props, $$invalidate) {
 	let _options;
 	let styleVariables;
 	let isCheckedArray;
@@ -8559,8 +8560,8 @@ class FormCheckBoxes extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$14,
-			create_fragment$14,
+			instance$15,
+			create_fragment$15,
 			safe_not_equal,
 			{
 				name: 0,
@@ -8573,14 +8574,14 @@ class FormCheckBoxes extends SvelteComponent {
 				buttonColor: 13,
 				buttonColorActive: 14
 			},
-			add_css$z
+			add_css$A
 		);
 	}
 }
 
 /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
 
-function add_css$y(target) {
+function add_css$z(target) {
 	append_styles(target, "svelte-1iqf36p", ".rating-buttons.svelte-1iqf36p{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-1iqf36p{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color 0.2s, box-shadow 0.2s;appearance:none;background:none;border:none;margin:0;padding:0}");
 }
 
@@ -8648,7 +8649,7 @@ function create_each_block$4(ctx) {
 	};
 }
 
-function create_fragment$13(ctx) {
+function create_fragment$14(ctx) {
 	let div;
 	let each_value = [...Array(/*count*/ ctx[0]).keys()].map(/*func*/ ctx[12]);
 	let each_blocks = [];
@@ -8721,7 +8722,7 @@ function create_fragment$13(ctx) {
 	};
 }
 
-function instance$13($$self, $$props, $$invalidate) {
+function instance$14($$self, $$props, $$invalidate) {
 	let _value;
 	let $value;
 	let { name = '' } = $$props;
@@ -8803,8 +8804,8 @@ class FormRatingButtonsNumber extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$13,
-			create_fragment$13,
+			instance$14,
+			create_fragment$14,
 			safe_not_equal,
 			{
 				name: 6,
@@ -8815,14 +8816,14 @@ class FormRatingButtonsNumber extends SvelteComponent {
 				buttonStyle: 9,
 				buttonActiveStyle: 10
 			},
-			add_css$y
+			add_css$z
 		);
 	}
 }
 
 /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
 
-function add_css$x(target) {
+function add_css$y(target) {
 	append_styles(target, "svelte-tbunko", ".rating-buttons.svelte-tbunko{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-tbunko{appearance:none;background:none;border:none;margin:0;padding:0}.rating-button-image.svelte-tbunko{cursor:pointer;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.rating-button-image.svelte-tbunko:not(._active){filter:grayscale(100%)}");
 }
 
@@ -8893,7 +8894,7 @@ function create_each_block$3(ctx) {
 	};
 }
 
-function create_fragment$12(ctx) {
+function create_fragment$13(ctx) {
 	let div;
 	let each_value = [...Array(count).keys()].reverse().map(func);
 	let each_blocks = [];
@@ -8969,7 +8970,7 @@ function create_fragment$12(ctx) {
 const count = 5;
 const func = i => i + 1;
 
-function instance$12($$self, $$props, $$invalidate) {
+function instance$13($$self, $$props, $$invalidate) {
 	let _value;
 	let buttonStyle;
 	let $value;
@@ -9025,17 +9026,17 @@ function instance$12($$self, $$props, $$invalidate) {
 class FormRatingButtonsFace extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$12, create_fragment$12, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$x);
+		init(this, options, instance$13, create_fragment$13, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$y);
 	}
 }
 
 /* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
 
-function add_css$w(target) {
+function add_css$x(target) {
 	append_styles(target, "svelte-h8fqwx", ".input-wrapper.svelte-h8fqwx{display:flex;align-items:center;width:100%;height:100%}.input.svelte-h8fqwx{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.input.svelte-h8fqwx::placeholder{color:var(--placeholder-color)}.input.svelte-h8fqwx:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.input._error.svelte-h8fqwx{outline:none;border-width:var(--error-border-width) !important;border-color:var(--error-border-color) !important;border-style:var(--error-border-style) !important}");
 }
 
-function create_fragment$11(ctx) {
+function create_fragment$12(ctx) {
 	let div;
 	let input;
 	let input_class_value;
@@ -9116,7 +9117,7 @@ function create_fragment$11(ctx) {
 	};
 }
 
-function instance$11($$self, $$props, $$invalidate) {
+function instance$12($$self, $$props, $$invalidate) {
 	let style;
 	let styleVariables;
 	let isValidForUI;
@@ -9247,8 +9248,8 @@ class FormIdentifyInput extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$11,
-			create_fragment$11,
+			instance$12,
+			create_fragment$12,
 			safe_not_equal,
 			{
 				field: 9,
@@ -9262,18 +9263,18 @@ class FormIdentifyInput extends SvelteComponent {
 				_textStyle: 15,
 				_placeholderStyle: 16
 			},
-			add_css$w
+			add_css$x
 		);
 	}
 }
 
 /* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
 
-function add_css$v(target) {
+function add_css$w(target) {
 	append_styles(target, "svelte-8zbmyo", ".radio-buttons.svelte-8zbmyo{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-8zbmyo{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-8zbmyo{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-8zbmyo:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18, 160, 160, 0.08), 0px 1px 4px -1px rgba(18, 160, 160, 0.24)}.radio-button-text.svelte-8zbmyo{margin-left:0.5em}");
 }
 
-function create_fragment$10(ctx) {
+function create_fragment$11(ctx) {
 	let div;
 	let label0;
 	let input0;
@@ -9414,7 +9415,7 @@ function create_fragment$10(ctx) {
 	};
 }
 
-function instance$10($$self, $$props, $$invalidate) {
+function instance$11($$self, $$props, $$invalidate) {
 	let buttonStyle;
 	let $value;
 	let { field = 'subscription' } = $$props;
@@ -9496,8 +9497,8 @@ class FormIdentifyChoices extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$10,
-			create_fragment$10,
+			instance$11,
+			create_fragment$11,
 			safe_not_equal,
 			{
 				field: 6,
@@ -9509,14 +9510,14 @@ class FormIdentifyChoices extends SvelteComponent {
 				buttonColor: 10,
 				buttonColorActive: 11
 			},
-			add_css$v
+			add_css$w
 		);
 	}
 }
 
 /* src/components/Slide.svelte generated by Svelte v3.53.1 */
 
-function add_css$u(target) {
+function add_css$v(target) {
 	append_styles(target, "svelte-ji1fh", ".root.svelte-ji1fh{width:100%;height:100%;position:relative}.container.svelte-ji1fh{width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000}.slide.svelte-ji1fh{height:100%;position:absolute;display:flex}.transition.svelte-ji1fh{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-ji1fh{height:100%;flex:none}.prev-button-container.svelte-ji1fh,.next-button-container.svelte-ji1fh{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button-container.svelte-ji1fh{left:0}.next-button-container.svelte-ji1fh{right:0}.move-button.svelte-ji1fh{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;border:none;background:none;margin:0;padding:0}.navigation.svelte-ji1fh{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-ji1fh{flex-shrink:0;cursor:pointer;border:none;background:none;margin:0;padding:0;appearance:none}.navigation-item-inner.circle.svelte-ji1fh{border-radius:51%}");
 }
 
@@ -9727,7 +9728,7 @@ function create_each_block$2(ctx) {
 	};
 }
 
-function create_fragment$$(ctx) {
+function create_fragment$10(ctx) {
 	let div3;
 	let div1;
 	let div0;
@@ -9951,7 +9952,7 @@ function calcPositionIndex(shift, index, length) {
 	}
 }
 
-function instance$$($$self, $$props, $$invalidate) {
+function instance$10($$self, $$props, $$invalidate) {
 	let slideStyle;
 	let slideClass;
 	let _loop;
@@ -10404,8 +10405,8 @@ class Slide extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$$,
-			create_fragment$$,
+			instance$10,
+			create_fragment$10,
 			safe_not_equal,
 			{
 				loop: 18,
@@ -10419,7 +10420,7 @@ class Slide extends SvelteComponent {
 				navigationButton: 25,
 				navigationEdgePosition: 26
 			},
-			add_css$u,
+			add_css$v,
 			[-1, -1, -1]
 		);
 	}
@@ -10427,11 +10428,11 @@ class Slide extends SvelteComponent {
 
 /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
 
-function add_css$t(target) {
+function add_css$u(target) {
 	append_styles(target, "svelte-9ygf1w", ".item.svelte-9ygf1w{height:100%;flex:none;position:relative}.item.svelte-9ygf1w img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-9ygf1w{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;cursor:default;overflow:hidden}");
 }
 
-function create_fragment$_(ctx) {
+function create_fragment$$(ctx) {
 	let div1;
 	let div0;
 	let current;
@@ -10511,7 +10512,7 @@ function create_fragment$_(ctx) {
 	};
 }
 
-function instance$_($$self, $$props, $$invalidate) {
+function instance$$($$self, $$props, $$invalidate) {
 	let itemStyle;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	const { registerItem, unregisterItem } = getContext('SLIDE');
@@ -10577,20 +10578,20 @@ function instance$_($$self, $$props, $$invalidate) {
 class SlideItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$_, create_fragment$_, safe_not_equal, { _style: 0 }, add_css$t);
+		init(this, options, instance$$, create_fragment$$, safe_not_equal, { _style: 0 }, add_css$u);
 	}
 }
 
 /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
 
-function add_css$s(target) {
+function add_css$t(target) {
 	append_styles(target, "svelte-rroxiz", ".countdown.svelte-rroxiz{position:relative;width:100%;height:100%}.countdown-inner.svelte-rroxiz{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
 }
 
 const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
 const get_default_slot_context = ctx => ({ countdown: /*countdown*/ ctx[1] });
 
-function create_fragment$Z(ctx) {
+function create_fragment$_(ctx) {
 	let div1;
 	let div0;
 	let current;
@@ -10683,7 +10684,7 @@ function formatTimeDiff(ms) {
 	};
 }
 
-function instance$Z($$self, $$props, $$invalidate) {
+function instance$_($$self, $$props, $$invalidate) {
 	let countdown;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { timeLimit = '2023/12/31 23:59:59' } = $$props;
@@ -10740,13 +10741,13 @@ function instance$Z($$self, $$props, $$invalidate) {
 class Countdown extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$Z, create_fragment$Z, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$s);
+		init(this, options, instance$_, create_fragment$_, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$t);
 	}
 }
 
 /* src/components/Box.svelte generated by Svelte v3.53.1 */
 
-function add_css$r(target) {
+function add_css$s(target) {
 	append_styles(target, "svelte-1ccydfy", ".box.svelte-1ccydfy{position:relative;width:100%;height:100%}.box.svelte-1ccydfy > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
 }
 
@@ -10801,7 +10802,7 @@ function create_default_slot$3(ctx) {
 	};
 }
 
-function create_fragment$Y(ctx) {
+function create_fragment$Z(ctx) {
 	let div;
 	let button;
 	let current;
@@ -10865,7 +10866,7 @@ function create_fragment$Y(ctx) {
 	};
 }
 
-function instance$Y($$self, $$props, $$invalidate) {
+function instance$Z($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { onClick = { operation: 'none', args: [] } } = $$props;
 	let { eventName = '' } = $$props;
@@ -10884,13 +10885,13 @@ function instance$Y($$self, $$props, $$invalidate) {
 class Box extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$Y, create_fragment$Y, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$r);
+		init(this, options, instance$Z, create_fragment$Z, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$s);
 	}
 }
 
 /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
 
-function add_css$q(target) {
+function add_css$r(target) {
 	append_styles(target, "svelte-1mkvcuo", ".icon.svelte-1mkvcuo{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.icon.svelte-1mkvcuo > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;overflow:hidden}.icon.svelte-1mkvcuo > .button._disabled{cursor:not-allowed !important;opacity:0.2}.icon.svelte-1mkvcuo svg{width:var(--width);height:var(--height);color:var(--color);stroke:var(--stroke);fill:var(--fill)}");
 }
 
@@ -10966,7 +10967,7 @@ function create_default_slot$2(ctx) {
 	};
 }
 
-function create_fragment$X(ctx) {
+function create_fragment$Y(ctx) {
 	let div;
 	let button;
 	let current;
@@ -11037,7 +11038,7 @@ function parseData(dataUrl) {
 	return decodeURIComponent(data).replaceAll('\'', '"');
 }
 
-function instance$X($$self, $$props, $$invalidate) {
+function instance$Y($$self, $$props, $$invalidate) {
 	let svg;
 	let styleVariables;
 	let style;
@@ -11085,8 +11086,8 @@ class IconElement extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$X,
-			create_fragment$X,
+			instance$Y,
+			create_fragment$Y,
 			safe_not_equal,
 			{
 				icon: 4,
@@ -11096,18 +11097,18 @@ class IconElement extends SvelteComponent {
 				color: 6,
 				_style: 7
 			},
-			add_css$q
+			add_css$r
 		);
 	}
 }
 
 /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
 
-function add_css$p(target) {
+function add_css$q(target) {
 	append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
 }
 
-function create_fragment$W(ctx) {
+function create_fragment$X(ctx) {
 	let div;
 	let switch_instance;
 	let current;
@@ -11197,7 +11198,7 @@ function create_fragment$W(ctx) {
 	};
 }
 
-function instance$W($$self, $$props, $$invalidate) {
+function instance$X($$self, $$props, $$invalidate) {
 	let $data,
 		$$unsubscribe_data = noop,
 		$$subscribe_data = () => ($$unsubscribe_data(), $$unsubscribe_data = subscribe(data, $$value => $$invalidate(4, $data = $$value)), data);
@@ -11222,17 +11223,17 @@ function instance$W($$self, $$props, $$invalidate) {
 class CodeElement extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$W, create_fragment$W, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$p);
+		init(this, options, instance$X, create_fragment$X, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$q);
 	}
 }
 
 /* src/components/Flex.svelte generated by Svelte v3.53.1 */
 
-function add_css$o(target) {
+function add_css$p(target) {
 	append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
 }
 
-function create_fragment$V(ctx) {
+function create_fragment$W(ctx) {
 	let div;
 	let div_style_value;
 	let current;
@@ -11307,7 +11308,7 @@ function getFlexContext() {
 	return getContext(FlexContextKey);
 }
 
-function instance$V($$self, $$props, $$invalidate) {
+function instance$W($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { direction = 'row' } = $$props;
 	let { width = '100%' } = $$props;
@@ -11333,8 +11334,8 @@ class Flex extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$V,
-			create_fragment$V,
+			instance$W,
+			create_fragment$W,
 			safe_not_equal,
 			{
 				direction: 0,
@@ -11342,18 +11343,18 @@ class Flex extends SvelteComponent {
 				height: 2,
 				_style: 3
 			},
-			add_css$o
+			add_css$p
 		);
 	}
 }
 
 /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
 
-function add_css$n(target) {
+function add_css$o(target) {
 	append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
 }
 
-function create_fragment$U(ctx) {
+function create_fragment$V(ctx) {
 	let div;
 	let current;
 	const default_slot_template = /*#slots*/ ctx[4].default;
@@ -11421,7 +11422,7 @@ function create_fragment$U(ctx) {
 	};
 }
 
-function instance$U($$self, $$props, $$invalidate) {
+function instance$V($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { length } = $$props;
 	let { _style = '' } = $$props;
@@ -11464,7 +11465,7 @@ function instance$U($$self, $$props, $$invalidate) {
 class FlexItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$U, create_fragment$U, safe_not_equal, { length: 1, _style: 2 }, add_css$n);
+		init(this, options, instance$V, create_fragment$V, safe_not_equal, { length: 1, _style: 2 }, add_css$o);
 	}
 }
 
@@ -11648,7 +11649,7 @@ function create_default_slot$1(ctx) {
 	};
 }
 
-function create_fragment$T(ctx) {
+function create_fragment$U(ctx) {
 	let stateitem;
 	let current;
 
@@ -11696,7 +11697,7 @@ function create_fragment$T(ctx) {
 	};
 }
 
-function instance$T($$self, $$props, $$invalidate) {
+function instance$U($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { path } = $$props;
 	let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -11767,7 +11768,7 @@ class GridModalState extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$T, create_fragment$T, safe_not_equal, {
+		init(this, options, instance$U, create_fragment$U, safe_not_equal, {
 			path: 0,
 			onClick: 1,
 			clickEventName: 2,
@@ -11792,11 +11793,11 @@ class GridModalState extends SvelteComponent {
 
 /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
 
-function add_css$m(target) {
+function add_css$n(target) {
 	append_styles(target, "svelte-15pej1m", ".text-block.svelte-15pej1m.svelte-15pej1m{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:hidden}.text-block-inner.svelte-15pej1m.svelte-15pej1m{width:100%;height:auto}.text-direction-vertical.svelte-15pej1m.svelte-15pej1m{writing-mode:vertical-rl}.text-direction-vertical.svelte-15pej1m .text-block-inner.svelte-15pej1m{width:auto;height:100%}");
 }
 
-function create_fragment$S(ctx) {
+function create_fragment$T(ctx) {
 	let div1;
 	let div0;
 	let rendertext;
@@ -11861,7 +11862,7 @@ function create_fragment$S(ctx) {
 	};
 }
 
-function instance$S($$self, $$props, $$invalidate) {
+function instance$T($$self, $$props, $$invalidate) {
 	let style;
 	let { text = 'サンプルSample' } = $$props;
 	let { font = SYSTEM_FONT } = $$props;
@@ -11897,8 +11898,8 @@ class TextBlock extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$S,
-			create_fragment$S,
+			instance$T,
+			create_fragment$T,
 			safe_not_equal,
 			{
 				text: 0,
@@ -11907,18 +11908,18 @@ class TextBlock extends SvelteComponent {
 				textDirection: 1,
 				_style: 5
 			},
-			add_css$m
+			add_css$n
 		);
 	}
 }
 
 /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
 
-function add_css$l(target) {
+function add_css$m(target) {
 	append_styles(target, "svelte-ff0k6r", ".text-button-block.svelte-ff0k6r{width:100%;height:100%;background-color:#000000;border-radius:4px}.text-button.svelte-ff0k6r{display:flex;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5}.text-button.svelte-ff0k6r:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-ff0k6r:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
 }
 
-function create_fragment$R(ctx) {
+function create_fragment$S(ctx) {
 	let div;
 	let button;
 	let rendertext;
@@ -11992,7 +11993,7 @@ function create_fragment$R(ctx) {
 	};
 }
 
-function instance$R($$self, $$props, $$invalidate) {
+function instance$S($$self, $$props, $$invalidate) {
 	let { text = 'ボタンラベル' } = $$props;
 	let { onClick = { operation: 'none', args: [] } } = $$props;
 
@@ -12034,8 +12035,8 @@ class TextButtonBlock extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$R,
-			create_fragment$R,
+			instance$S,
+			create_fragment$S,
 			safe_not_equal,
 			{
 				text: 0,
@@ -12045,18 +12046,18 @@ class TextButtonBlock extends SvelteComponent {
 				_buttonStyle: 1,
 				_style: 2
 			},
-			add_css$l
+			add_css$m
 		);
 	}
 }
 
 /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
 
-function add_css$k(target) {
+function add_css$l(target) {
 	append_styles(target, "svelte-1pdw891", ".image-block.svelte-1pdw891{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image.svelte-1pdw891{width:100%;height:100%}.transport.svelte-1pdw891:hover,.transport.svelte-1pdw891:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
 }
 
-function create_fragment$Q(ctx) {
+function create_fragment$R(ctx) {
 	let div;
 	let img;
 	let img_style_value;
@@ -12139,7 +12140,7 @@ function create_fragment$Q(ctx) {
 	};
 }
 
-function instance$Q($$self, $$props, $$invalidate) {
+function instance$R($$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;
@@ -12179,8 +12180,8 @@ class ImageBlock extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$Q,
-			create_fragment$Q,
+			instance$R,
+			create_fragment$R,
 			safe_not_equal,
 			{
 				src: 0,
@@ -12192,7 +12193,7 @@ class ImageBlock extends SvelteComponent {
 				_imageStyle: 4,
 				_style: 5
 			},
-			add_css$k
+			add_css$l
 		);
 	}
 }
@@ -12547,7 +12548,7 @@ const AVATAR_SIZE_STYLES = {
 
 /* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
 
-function add_css$j(target) {
+function add_css$k(target) {
 	append_styles(target, "svelte-1krsdyx", ".avatar.svelte-1krsdyx{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:0}");
 }
 
@@ -12657,7 +12658,7 @@ function create_dynamic_element$b(ctx) {
 	};
 }
 
-function create_fragment$P(ctx) {
+function create_fragment$Q(ctx) {
 	let previous_tag = /*element*/ ctx[5];
 	let svelte_element_anchor;
 	let svelte_element = /*element*/ ctx[5] && create_dynamic_element$b(ctx);
@@ -12705,7 +12706,7 @@ function create_fragment$P(ctx) {
 	};
 }
 
-function instance$P($$self, $$props, $$invalidate) {
+function instance$Q($$self, $$props, $$invalidate) {
 	let style;
 	let imgStyle;
 	let { props = {} } = $$props;
@@ -12757,7 +12758,7 @@ function instance$P($$self, $$props, $$invalidate) {
 class Avatar extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$P, create_fragment$P, safe_not_equal, { props: 0, layerId: 1 }, add_css$j);
+		init(this, options, instance$Q, create_fragment$Q, safe_not_equal, { props: 0, layerId: 1 }, add_css$k);
 	}
 }
 
@@ -12801,7 +12802,7 @@ const buttonPropsDefault = {
 
 /* src/components-flex/icon/variants/IconArrowDown.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$O(ctx) {
+function create_fragment$P(ctx) {
 	let svg;
 	let path;
 
@@ -12844,7 +12845,7 @@ function create_fragment$O(ctx) {
 	};
 }
 
-function instance$O($$self, $$props, $$invalidate) {
+function instance$P($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -12857,13 +12858,13 @@ function instance$O($$self, $$props, $$invalidate) {
 class IconArrowDown 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/IconArrowUp.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$N(ctx) {
+function create_fragment$O(ctx) {
 	let svg;
 	let path;
 
@@ -12906,7 +12907,7 @@ function create_fragment$N(ctx) {
 	};
 }
 
-function instance$N($$self, $$props, $$invalidate) {
+function instance$O($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -12919,13 +12920,13 @@ function instance$N($$self, $$props, $$invalidate) {
 class IconArrowUp 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/IconUsers.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$M(ctx) {
+function create_fragment$N(ctx) {
 	let svg;
 	let path;
 
@@ -12968,7 +12969,7 @@ function create_fragment$M(ctx) {
 	};
 }
 
-function instance$M($$self, $$props, $$invalidate) {
+function instance$N($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -12981,13 +12982,13 @@ function instance$M($$self, $$props, $$invalidate) {
 class IconUsers 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/IconArrowLeft.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$L(ctx) {
+function create_fragment$M(ctx) {
 	let svg;
 	let path;
 
@@ -13030,7 +13031,7 @@ function create_fragment$L(ctx) {
 	};
 }
 
-function instance$L($$self, $$props, $$invalidate) {
+function instance$M($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -13043,13 +13044,13 @@ function instance$L($$self, $$props, $$invalidate) {
 class IconArrowLeft 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/IconArrowRight.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$K(ctx) {
+function create_fragment$L(ctx) {
 	let svg;
 	let path;
 
@@ -13092,7 +13093,7 @@ function create_fragment$K(ctx) {
 	};
 }
 
-function instance$K($$self, $$props, $$invalidate) {
+function instance$L($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -13105,13 +13106,13 @@ function instance$K($$self, $$props, $$invalidate) {
 class IconArrowRight 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/IconBell.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$J(ctx) {
+function create_fragment$K(ctx) {
 	let svg;
 	let path;
 
@@ -13154,7 +13155,7 @@ function create_fragment$J(ctx) {
 	};
 }
 
-function instance$J($$self, $$props, $$invalidate) {
+function instance$K($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -13167,13 +13168,13 @@ function instance$J($$self, $$props, $$invalidate) {
 class IconBell 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/IconArrowUpFromSquare.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$I(ctx) {
+function create_fragment$J(ctx) {
 	let svg;
 	let path;
 
@@ -13216,7 +13217,7 @@ function create_fragment$I(ctx) {
 	};
 }
 
-function instance$I($$self, $$props, $$invalidate) {
+function instance$J($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -13229,13 +13230,13 @@ function instance$I($$self, $$props, $$invalidate) {
 class IconArrowUpFromSquare 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/IconTicket.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$H(ctx) {
+function create_fragment$I(ctx) {
 	let svg;
 	let path;
 
@@ -13278,7 +13279,7 @@ function create_fragment$H(ctx) {
 	};
 }
 
-function instance$H($$self, $$props, $$invalidate) {
+function instance$I($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -13291,13 +13292,13 @@ function instance$H($$self, $$props, $$invalidate) {
 class IconTicket 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/IconTrack.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$G(ctx) {
+function create_fragment$H(ctx) {
 	let svg;
 	let path;
 
@@ -13340,7 +13341,7 @@ function create_fragment$G(ctx) {
 	};
 }
 
-function instance$G($$self, $$props, $$invalidate) {
+function instance$H($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -13353,13 +13354,13 @@ function instance$G($$self, $$props, $$invalidate) {
 class IconTrack 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/IconCartShopping.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$F(ctx) {
+function create_fragment$G(ctx) {
 	let svg;
 	let path;
 
@@ -13402,7 +13403,7 @@ function create_fragment$F(ctx) {
 	};
 }
 
-function instance$F($$self, $$props, $$invalidate) {
+function instance$G($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -13415,13 +13416,13 @@ function instance$F($$self, $$props, $$invalidate) {
 class IconCartShopping 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/IconCircle.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$E(ctx) {
+function create_fragment$F(ctx) {
 	let svg;
 	let path;
 
@@ -13464,7 +13465,7 @@ function create_fragment$E(ctx) {
 	};
 }
 
-function instance$E($$self, $$props, $$invalidate) {
+function instance$F($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -13477,13 +13478,13 @@ function instance$E($$self, $$props, $$invalidate) {
 class IconCircle 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/IconCircleQuestion.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$D(ctx) {
+function create_fragment$E(ctx) {
 	let svg;
 	let path;
 
@@ -13526,7 +13527,7 @@ function create_fragment$D(ctx) {
 	};
 }
 
-function instance$D($$self, $$props, $$invalidate) {
+function instance$E($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -13539,13 +13540,13 @@ function instance$D($$self, $$props, $$invalidate) {
 class IconCircleQuestion 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/IconCheck.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$C(ctx) {
+function create_fragment$D(ctx) {
 	let svg;
 	let path;
 
@@ -13588,7 +13589,7 @@ function create_fragment$C(ctx) {
 	};
 }
 
-function instance$C($$self, $$props, $$invalidate) {
+function instance$D($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -13601,13 +13602,13 @@ function instance$C($$self, $$props, $$invalidate) {
 class IconCheck 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/IconXMark.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$B(ctx) {
+function create_fragment$C(ctx) {
 	let svg;
 	let path;
 
@@ -13650,7 +13651,7 @@ function create_fragment$B(ctx) {
 	};
 }
 
-function instance$B($$self, $$props, $$invalidate) {
+function instance$C($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -13663,13 +13664,13 @@ function instance$B($$self, $$props, $$invalidate) {
 class IconXMark 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/IconPaperPlane.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$A(ctx) {
+function create_fragment$B(ctx) {
 	let svg;
 	let path;
 
@@ -13712,7 +13713,7 @@ function create_fragment$A(ctx) {
 	};
 }
 
-function instance$A($$self, $$props, $$invalidate) {
+function instance$B($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -13725,13 +13726,13 @@ function instance$A($$self, $$props, $$invalidate) {
 class IconPaperPlane 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/IconCopy.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$z(ctx) {
+function create_fragment$A(ctx) {
 	let svg;
 	let path;
 
@@ -13774,7 +13775,7 @@ function create_fragment$z(ctx) {
 	};
 }
 
-function instance$z($$self, $$props, $$invalidate) {
+function instance$A($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -13787,13 +13788,13 @@ function instance$z($$self, $$props, $$invalidate) {
 class IconCopy 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/IconCircleXMark.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$y(ctx) {
+function create_fragment$z(ctx) {
 	let svg;
 	let path;
 
@@ -13836,7 +13837,7 @@ function create_fragment$y(ctx) {
 	};
 }
 
-function instance$y($$self, $$props, $$invalidate) {
+function instance$z($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -13849,13 +13850,13 @@ function instance$y($$self, $$props, $$invalidate) {
 class IconCircleXMark 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/IconHeart.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$x(ctx) {
+function create_fragment$y(ctx) {
 	let svg;
 	let path;
 
@@ -13898,7 +13899,7 @@ function create_fragment$x(ctx) {
 	};
 }
 
-function instance$x($$self, $$props, $$invalidate) {
+function instance$y($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -13911,13 +13912,13 @@ function instance$x($$self, $$props, $$invalidate) {
 class IconHeart 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/IconMagnifyingGrass.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$w(ctx) {
+function create_fragment$x(ctx) {
 	let svg;
 	let path;
 
@@ -13960,7 +13961,7 @@ function create_fragment$w(ctx) {
 	};
 }
 
-function instance$w($$self, $$props, $$invalidate) {
+function instance$x($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -13973,13 +13974,13 @@ function instance$w($$self, $$props, $$invalidate) {
 class IconMagnifyingGrass 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/IconStar.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$v(ctx) {
+function create_fragment$w(ctx) {
 	let svg;
 	let path;
 
@@ -14022,7 +14023,7 @@ function create_fragment$v(ctx) {
 	};
 }
 
-function instance$v($$self, $$props, $$invalidate) {
+function instance$w($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -14035,13 +14036,13 @@ function instance$v($$self, $$props, $$invalidate) {
 class IconStar 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/IconCircleInfo.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$u(ctx) {
+function create_fragment$v(ctx) {
 	let svg;
 	let path;
 
@@ -14084,7 +14085,7 @@ function create_fragment$u(ctx) {
 	};
 }
 
-function instance$u($$self, $$props, $$invalidate) {
+function instance$v($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -14097,13 +14098,13 @@ function instance$u($$self, $$props, $$invalidate) {
 class IconCircleInfo 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/IconEnvelope.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$t(ctx) {
+function create_fragment$u(ctx) {
 	let svg;
 	let path;
 
@@ -14146,7 +14147,7 @@ function create_fragment$t(ctx) {
 	};
 }
 
-function instance$t($$self, $$props, $$invalidate) {
+function instance$u($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -14159,13 +14160,13 @@ function instance$t($$self, $$props, $$invalidate) {
 class IconEnvelope 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/IconGift.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$s(ctx) {
+function create_fragment$t(ctx) {
 	let svg;
 	let path;
 
@@ -14208,7 +14209,7 @@ function create_fragment$s(ctx) {
 	};
 }
 
-function instance$s($$self, $$props, $$invalidate) {
+function instance$t($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -14221,13 +14222,13 @@ function instance$s($$self, $$props, $$invalidate) {
 class IconGift 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/IconPaperclip.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$r(ctx) {
+function create_fragment$s(ctx) {
 	let svg;
 	let path;
 
@@ -14276,7 +14277,7 @@ function create_fragment$r(ctx) {
 	};
 }
 
-function instance$r($$self, $$props, $$invalidate) {
+function instance$s($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -14289,13 +14290,13 @@ function instance$r($$self, $$props, $$invalidate) {
 class IconPaperclip 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/IconFire.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$q(ctx) {
+function create_fragment$r(ctx) {
 	let svg;
 	let path;
 
@@ -14344,7 +14345,7 @@ function create_fragment$q(ctx) {
 	};
 }
 
-function instance$q($$self, $$props, $$invalidate) {
+function instance$r($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -14357,13 +14358,13 @@ function instance$q($$self, $$props, $$invalidate) {
 class IconFire 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/IconLink.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$p(ctx) {
+function create_fragment$q(ctx) {
 	let svg;
 	let path;
 
@@ -14412,7 +14413,7 @@ function create_fragment$p(ctx) {
 	};
 }
 
-function instance$p($$self, $$props, $$invalidate) {
+function instance$q($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -14425,13 +14426,13 @@ function instance$p($$self, $$props, $$invalidate) {
 class IconLink 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/IconBuildings.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$o(ctx) {
+function create_fragment$p(ctx) {
 	let svg;
 	let path;
 
@@ -14474,7 +14475,7 @@ function create_fragment$o(ctx) {
 	};
 }
 
-function instance$o($$self, $$props, $$invalidate) {
+function instance$p($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -14487,13 +14488,13 @@ function instance$o($$self, $$props, $$invalidate) {
 class IconBuildings 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/IconChevronsRight.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$n(ctx) {
+function create_fragment$o(ctx) {
 	let svg;
 	let path;
 
@@ -14536,7 +14537,7 @@ function create_fragment$n(ctx) {
 	};
 }
 
-function instance$n($$self, $$props, $$invalidate) {
+function instance$o($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -14549,13 +14550,13 @@ function instance$n($$self, $$props, $$invalidate) {
 class IconChevronsRight 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/IconChevronRight.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$m(ctx) {
+function create_fragment$n(ctx) {
 	let svg;
 	let path;
 
@@ -14598,7 +14599,7 @@ function create_fragment$m(ctx) {
 	};
 }
 
-function instance$m($$self, $$props, $$invalidate) {
+function instance$n($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -14611,13 +14612,13 @@ function instance$m($$self, $$props, $$invalidate) {
 class IconChevronRight 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/IconPhone.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$l(ctx) {
+function create_fragment$m(ctx) {
 	let svg;
 	let path;
 
@@ -14660,7 +14661,7 @@ function create_fragment$l(ctx) {
 	};
 }
 
-function instance$l($$self, $$props, $$invalidate) {
+function instance$m($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -14673,13 +14674,13 @@ function instance$l($$self, $$props, $$invalidate) {
 class IconPhone 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/IconLocationDot.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$k(ctx) {
+function create_fragment$l(ctx) {
 	let svg;
 	let path;
 
@@ -14722,7 +14723,7 @@ function create_fragment$k(ctx) {
 	};
 }
 
-function instance$k($$self, $$props, $$invalidate) {
+function instance$l($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -14735,7 +14736,7 @@ function instance$k($$self, $$props, $$invalidate) {
 class IconLocationDot 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 });
 	}
 }
 
@@ -14806,7 +14807,7 @@ const ICON_VARIANTS = {
 
 /* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
 
-function add_css$i(target) {
+function add_css$j(target) {
 	append_styles(target, "svelte-19rssou", ".icon.svelte-19rssou{display:flex;align-items:center;overflow:hidden;width:auto;cursor:pointer;text-decoration:none}");
 }
 
@@ -14942,7 +14943,7 @@ function create_dynamic_element$a(ctx) {
 	};
 }
 
-function create_fragment$j(ctx) {
+function create_fragment$k(ctx) {
 	let previous_tag = /*element*/ ctx[5];
 	let svelte_element_anchor;
 	let svelte_element = /*element*/ ctx[5] && create_dynamic_element$a(ctx);
@@ -14992,7 +14993,7 @@ function create_fragment$j(ctx) {
 	};
 }
 
-function instance$j($$self, $$props, $$invalidate) {
+function instance$k($$self, $$props, $$invalidate) {
 	let style;
 	let IconComponent;
 	let { props = {} } = $$props;
@@ -15035,7 +15036,7 @@ function instance$j($$self, $$props, $$invalidate) {
 class Icon extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$j, create_fragment$j, safe_not_equal, { props: 0, layerId: 1 }, add_css$i);
+		init(this, options, instance$k, create_fragment$k, safe_not_equal, { props: 0, layerId: 1 }, add_css$j);
 	}
 }
 
@@ -15208,7 +15209,7 @@ function darkenColor(color, percent) {
 
 /* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
 
-function add_css$h(target) {
+function add_css$i(target) {
 	append_styles(target, "svelte-1yc1lic", ".button.svelte-1yc1lic{display:inline-flex;gap:0.8em;align-items:center;justify-content:center;text-decoration:none;outline:0;border:0;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:var(--bg-color)}.button.svelte-1yc1lic:hover{background-color:var(--hover-bg-color)}.button-icon.svelte-1yc1lic{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
 }
 
@@ -15412,7 +15413,7 @@ function create_dynamic_element$9(ctx) {
 	};
 }
 
-function create_fragment$i(ctx) {
+function create_fragment$j(ctx) {
 	let previous_tag = /*element*/ ctx[4];
 	let svelte_element_anchor;
 	let svelte_element = /*element*/ ctx[4] && create_dynamic_element$9(ctx);
@@ -15462,7 +15463,7 @@ function create_fragment$i(ctx) {
 	};
 }
 
-function instance$i($$self, $$props, $$invalidate) {
+function instance$j($$self, $$props, $$invalidate) {
 	let variables;
 	let style;
 	let { props = {} } = $$props;
@@ -15524,7 +15525,7 @@ function instance$i($$self, $$props, $$invalidate) {
 class Button extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$i, create_fragment$i, safe_not_equal, { props: 0, layerId: 1 }, add_css$h);
+		init(this, options, instance$j, create_fragment$j, safe_not_equal, { props: 0, layerId: 1 }, add_css$i);
 	}
 }
 
@@ -15628,7 +15629,7 @@ const BUTTON_OUTLINED_WRAP_STYLES = {
 
 /* src/components-flex/button-outlined/ButtonOutlined.svelte generated by Svelte v3.53.1 */
 
-function add_css$g(target) {
+function add_css$h(target) {
 	append_styles(target, "svelte-38fju1", ".button-outlined.svelte-38fju1{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:var(--bg-color)}.button-outlined.svelte-38fju1:hover{background-color:var(--hover-bg-color)}.button-outlined-icon.svelte-38fju1{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
 }
 
@@ -15832,7 +15833,7 @@ function create_dynamic_element$8(ctx) {
 	};
 }
 
-function create_fragment$h(ctx) {
+function create_fragment$i(ctx) {
 	let previous_tag = /*element*/ ctx[4];
 	let svelte_element_anchor;
 	let svelte_element = /*element*/ ctx[4] && create_dynamic_element$8(ctx);
@@ -15882,7 +15883,7 @@ function create_fragment$h(ctx) {
 	};
 }
 
-function instance$h($$self, $$props, $$invalidate) {
+function instance$i($$self, $$props, $$invalidate) {
 	let variables;
 	let style;
 	let { props = {} } = $$props;
@@ -15945,7 +15946,7 @@ function instance$h($$self, $$props, $$invalidate) {
 class ButtonOutlined extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$h, create_fragment$h, safe_not_equal, { props: 0, layerId: 1 }, add_css$g);
+		init(this, options, instance$i, create_fragment$i, safe_not_equal, { props: 0, layerId: 1 }, add_css$h);
 	}
 }
 
@@ -16006,7 +16007,7 @@ const getButtonTextThemeStyles = getPropStyles(({ brandKit }) => ({
 
 /* src/components-flex/button-text/ButtonText.svelte generated by Svelte v3.53.1 */
 
-function add_css$f(target) {
+function add_css$g(target) {
 	append_styles(target, "svelte-1xgvp8r", ".button-text.svelte-1xgvp8r{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border:0;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:rgba(255, 255, 255, 0)}.button-text.svelte-1xgvp8r:hover{background-color:var(--hover-bg-color)}.button-text-icon.svelte-1xgvp8r{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
 }
 
@@ -16210,7 +16211,7 @@ function create_dynamic_element$7(ctx) {
 	};
 }
 
-function create_fragment$g(ctx) {
+function create_fragment$h(ctx) {
 	let previous_tag = /*element*/ ctx[4];
 	let svelte_element_anchor;
 	let svelte_element = /*element*/ ctx[4] && create_dynamic_element$7(ctx);
@@ -16260,7 +16261,7 @@ function create_fragment$g(ctx) {
 	};
 }
 
-function instance$g($$self, $$props, $$invalidate) {
+function instance$h($$self, $$props, $$invalidate) {
 	let variables;
 	let style;
 	let { props = {} } = $$props;
@@ -16319,7 +16320,7 @@ function instance$g($$self, $$props, $$invalidate) {
 class ButtonText extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$g, create_fragment$g, safe_not_equal, { props: 0, layerId: 1 }, add_css$f);
+		init(this, options, instance$h, create_fragment$h, safe_not_equal, { props: 0, layerId: 1 }, add_css$g);
 	}
 }
 
@@ -16357,7 +16358,7 @@ const CLOSE_BUTTON_LABEL_PLACEMENT = {
 
 /* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
 
-function add_css$e(target) {
+function add_css$f(target) {
 	append_styles(target, "svelte-3mvsv6", ".close-button.svelte-3mvsv6.svelte-3mvsv6{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:8px;border-radius:100%;background:none;cursor:pointer;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.close-button.svelte-3mvsv6 svg.svelte-3mvsv6{transition:transform 0.12s}.close-button.svelte-3mvsv6:hover svg.svelte-3mvsv6{transform:rotate(90deg)}.close-button-order-one.svelte-3mvsv6.svelte-3mvsv6{order:1}.close-button-order-two.svelte-3mvsv6.svelte-3mvsv6{order:2}");
 }
 
@@ -16542,7 +16543,7 @@ function create_dynamic_element$6(ctx) {
 	};
 }
 
-function create_fragment$f(ctx) {
+function create_fragment$g(ctx) {
 	let previous_tag = /*element*/ ctx[6];
 	let svelte_element_anchor;
 	let svelte_element = /*element*/ ctx[6] && create_dynamic_element$6(ctx);
@@ -16590,7 +16591,7 @@ function create_fragment$f(ctx) {
 	};
 }
 
-function instance$f($$self, $$props, $$invalidate) {
+function instance$g($$self, $$props, $$invalidate) {
 	let hasLabel;
 	let style;
 	let labelStyle;
@@ -16687,8 +16688,8 @@ class CloseButton extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$f,
-			create_fragment$f,
+			instance$g,
+			create_fragment$g,
 			safe_not_equal,
 			{
 				props: 11,
@@ -16696,7 +16697,7 @@ class CloseButton extends SvelteComponent {
 				eventName: 12,
 				eventValue: 13
 			},
-			add_css$e
+			add_css$f
 		);
 	}
 }
@@ -16734,7 +16735,7 @@ const ICON_SIZE_STYLES = {
 
 /* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
 
-function add_css$d(target) {
+function add_css$e(target) {
 	append_styles(target, "svelte-gzaieg", ".image.svelte-gzaieg{max-width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.image-img.svelte-gzaieg{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}");
 }
 
@@ -16832,7 +16833,7 @@ function create_dynamic_element$5(ctx) {
 	};
 }
 
-function create_fragment$e(ctx) {
+function create_fragment$f(ctx) {
 	let previous_tag = /*element*/ ctx[4];
 	let svelte_element_anchor;
 	let svelte_element = /*element*/ ctx[4] && create_dynamic_element$5(ctx);
@@ -16880,7 +16881,7 @@ function create_fragment$e(ctx) {
 	};
 }
 
-function instance$e($$self, $$props, $$invalidate) {
+function instance$f($$self, $$props, $$invalidate) {
 	let style;
 	let { props = {} } = $$props;
 	let { layerId = '' } = $$props;
@@ -16920,7 +16921,7 @@ function instance$e($$self, $$props, $$invalidate) {
 class Image extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$e, create_fragment$e, safe_not_equal, { props: 0, layerId: 1 }, add_css$d);
+		init(this, options, instance$f, create_fragment$f, safe_not_equal, { props: 0, layerId: 1 }, add_css$e);
 	}
 }
 
@@ -16944,7 +16945,7 @@ const IMAGE_ASPECT_VARIANTS = {
 
 /* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
 
-function add_css$c(target) {
+function add_css$d(target) {
 	append_styles(target, "svelte-139vx15", ".layout.svelte-139vx15{text-decoration:none;color:inherit}.layout[data-clickable=true].svelte-139vx15{cursor:pointer}.layout[data-clickable=true].svelte-139vx15:hover{opacity:0.8}");
 }
 
@@ -17060,7 +17061,7 @@ function create_dynamic_element$4(ctx) {
 	};
 }
 
-function create_fragment$d(ctx) {
+function create_fragment$e(ctx) {
 	let previous_tag = "div";
 	let svelte_element_anchor;
 	let current;
@@ -17114,7 +17115,7 @@ function create_fragment$d(ctx) {
 	};
 }
 
-function instance$d($$self, $$props, $$invalidate) {
+function instance$e($$self, $$props, $$invalidate) {
 	let style;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { props = {} } = $$props;
@@ -17156,7 +17157,7 @@ function instance$d($$self, $$props, $$invalidate) {
 class Layout extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$d, create_fragment$d, safe_not_equal, { props: 4, layerId: 0 }, add_css$c);
+		init(this, options, instance$e, create_fragment$e, safe_not_equal, { props: 4, layerId: 0 }, add_css$d);
 	}
 }
 
@@ -17167,7 +17168,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$b(target) {
+function add_css$c(target) {
 	append_styles(target, "svelte-1slel1d", ".slider-list.svelte-1slel1d{-webkit-user-drag:none;margin:0;padding:0;list-style:none}");
 }
 
@@ -17251,7 +17252,7 @@ function create_each_block$1(ctx) {
 	};
 }
 
-function create_fragment$c(ctx) {
+function create_fragment$d(ctx) {
 	let div1;
 	let ul;
 	let ul_style_value;
@@ -17417,7 +17418,7 @@ function create_fragment$c(ctx) {
 	};
 }
 
-function instance$c($$self, $$props, $$invalidate) {
+function instance$d($$self, $$props, $$invalidate) {
 	let indicators;
 	let itemWidthPercentage;
 	let style;
@@ -17657,13 +17658,13 @@ function instance$c($$self, $$props, $$invalidate) {
 class Slider extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$c, create_fragment$c, safe_not_equal, { layerId: 0, props: 11, overrideStyle: 1 }, add_css$b, [-1, -1]);
+		init(this, options, instance$d, create_fragment$d, safe_not_equal, { layerId: 0, props: 11, overrideStyle: 1 }, add_css$c, [-1, -1]);
 	}
 }
 
 /* src/components-flex/slider/SliderItem.svelte generated by Svelte v3.53.1 */
 
-function add_css$a(target) {
+function add_css$b(target) {
 	append_styles(target, "svelte-1amglxo", ".slider-item.svelte-1amglxo{overflow:hidden}.slider-item-inner.svelte-1amglxo{text-decoration:none;background:none;border:0;margin:0;padding:0;color:inherit;-webkit-user-drag:none;user-select:none}");
 }
 
@@ -17762,7 +17763,7 @@ function create_dynamic_element$3(ctx) {
 	};
 }
 
-function create_fragment$b(ctx) {
+function create_fragment$c(ctx) {
 	let li;
 	let previous_tag = /*element*/ ctx[2];
 	let current;
@@ -17831,7 +17832,7 @@ function create_fragment$b(ctx) {
 	};
 }
 
-function instance$b($$self, $$props, $$invalidate) {
+function instance$c($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { layerId } = $$props;
 	let { props } = $$props;
@@ -17850,7 +17851,7 @@ function instance$b($$self, $$props, $$invalidate) {
 class SliderItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$b, create_fragment$b, safe_not_equal, { layerId: 0, props: 4 }, add_css$a);
+		init(this, options, instance$c, create_fragment$c, safe_not_equal, { layerId: 0, props: 4 }, add_css$b);
 	}
 }
 
@@ -17938,11 +17939,11 @@ const TEXT_VARIANTS = {
 
 /* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
 
-function add_css$9(target) {
+function add_css$a(target) {
 	append_styles(target, "svelte-vifn7y", ".text.svelte-vifn7y{margin:0;word-break:break-all;text-decoration:none}");
 }
 
-function create_fragment$a(ctx) {
+function create_fragment$b(ctx) {
 	let p;
 
 	return {
@@ -17988,7 +17989,7 @@ function create_fragment$a(ctx) {
 	};
 }
 
-function instance$a($$self, $$props, $$invalidate) {
+function instance$b($$self, $$props, $$invalidate) {
 	let escapedHTML;
 	let style;
 	let { props = { content: '' } } = $$props;
@@ -18072,17 +18073,17 @@ function instance$a($$self, $$props, $$invalidate) {
 class Text extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$a, create_fragment$a, safe_not_equal, { props: 3, layerId: 0 }, add_css$9);
+		init(this, options, instance$b, create_fragment$b, safe_not_equal, { props: 3, layerId: 0 }, add_css$a);
 	}
 }
 
 /* src/components-flex/rich-text/RichText.svelte generated by Svelte v3.53.1 */
 
-function add_css$8(target) {
+function add_css$9(target) {
 	append_styles(target, "svelte-dxr423", ".rich-text.svelte-dxr423 p{margin:0;word-break:break-all;text-decoration:none}.rich-text.svelte-dxr423 p + p{margin-top:0.75em}");
 }
 
-function create_fragment$9(ctx) {
+function create_fragment$a(ctx) {
 	let div;
 	let raw_value = /*props*/ ctx[0].content + "";
 
@@ -18129,7 +18130,7 @@ function create_fragment$9(ctx) {
 	};
 }
 
-function instance$9($$self, $$props, $$invalidate) {
+function instance$a($$self, $$props, $$invalidate) {
 	let style;
 	let { props = { content: '' } } = $$props;
 	let { layerId = '' } = $$props;
@@ -18205,7 +18206,7 @@ function instance$9($$self, $$props, $$invalidate) {
 class RichText extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$9, create_fragment$9, safe_not_equal, { props: 0, layerId: 1 }, add_css$8);
+		init(this, options, instance$a, create_fragment$a, safe_not_equal, { props: 0, layerId: 1 }, add_css$9);
 	}
 }
 
@@ -18273,7 +18274,7 @@ const getTextLinkThemeStyles = getPropStyles(({ brandKit }) => ({
 
 /* src/components-flex/text-link/TextLink.svelte generated by Svelte v3.53.1 */
 
-function add_css$7(target) {
+function add_css$8(target) {
 	append_styles(target, "svelte-dc9m5n", ".link.svelte-dc9m5n{-webkit-appearance:none;border:0;background:none;padding:0;display:inline-flex}.link.svelte-dc9m5n,.link.svelte-dc9m5n:visited,.link.svelte-dc9m5n:link{color:var(--color)}.link.svelte-dc9m5n:hover{color:var(--hover-color)}.link.svelte-dc9m5n:active{color:var(--active-color)}.link.underline-hover-on.svelte-dc9m5n{text-decoration:none}.link.underline-hover-on.svelte-dc9m5n:hover{text-decoration:underline}.link.underline-hover-off.svelte-dc9m5n{text-decoration:underline}.link.underline-hover-off.svelte-dc9m5n:hover{text-decoration:none}.link.underline-on.svelte-dc9m5n{text-decoration:underline}.link.underline-off.svelte-dc9m5n{text-decoration:none}");
 }
 
@@ -18461,7 +18462,7 @@ function create_dynamic_element$2(ctx) {
 	};
 }
 
-function create_fragment$8(ctx) {
+function create_fragment$9(ctx) {
 	let previous_tag = /*element*/ ctx[5];
 	let svelte_element_anchor;
 	let svelte_element = /*element*/ ctx[5] && create_dynamic_element$2(ctx);
@@ -18511,7 +18512,7 @@ function create_fragment$8(ctx) {
 	};
 }
 
-function instance$8($$self, $$props, $$invalidate) {
+function instance$9($$self, $$props, $$invalidate) {
 	let escapedHTML;
 	let variables;
 	let style;
@@ -18601,7 +18602,7 @@ function instance$8($$self, $$props, $$invalidate) {
 class TextLink extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$8, create_fragment$8, safe_not_equal, { props: 0, layerId: 1 }, add_css$7);
+		init(this, options, instance$9, create_fragment$9, safe_not_equal, { props: 0, layerId: 1 }, add_css$8);
 	}
 }
 
@@ -18627,7 +18628,7 @@ const TEXT_LINK_UNDERLINE = {
 
 /* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
 
-function add_css$6(target) {
+function add_css$7(target) {
 	append_styles(target, "svelte-18nkdjz", ".v2-background.svelte-18nkdjz{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
 }
 
@@ -18672,7 +18673,7 @@ function create_if_block$2(ctx) {
 	};
 }
 
-function create_fragment$7(ctx) {
+function create_fragment$8(ctx) {
 	let if_block_anchor;
 	let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$2(ctx);
 
@@ -18712,7 +18713,7 @@ function create_fragment$7(ctx) {
 	};
 }
 
-function instance$7($$self, $$props, $$invalidate) {
+function instance$8($$self, $$props, $$invalidate) {
 	let { backgroundOverlay = false } = $$props;
 	let { class: className = undefined } = $$props;
 	const dispatch = createEventDispatcher();
@@ -18729,13 +18730,13 @@ function instance$7($$self, $$props, $$invalidate) {
 class BackgroundOverlay extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$7, create_fragment$7, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$6);
+		init(this, options, instance$8, create_fragment$8, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$7);
 	}
 }
 
 /* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
 
-function add_css$5(target) {
+function add_css$6(target) {
 	append_styles(target, "svelte-45ue06", "*{box-sizing:border-box}.modal.svelte-45ue06{position:fixed;z-index:2147483647;display:flex}.modal.svelte-45ue06 > .button{flex:auto;display:flex}@media screen and (min-width: 641px){.modal-bp.svelte-45ue06{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-45ue06{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
 }
 
@@ -18974,7 +18975,7 @@ function create_if_block$1(ctx) {
 	};
 }
 
-function create_fragment$6(ctx) {
+function create_fragment$7(ctx) {
 	let show_if;
 	let current_block_type_index;
 	let if_block0;
@@ -19098,7 +19099,7 @@ function create_fragment$6(ctx) {
 	};
 }
 
-function instance$6($$self, $$props, $$invalidate) {
+function instance$7($$self, $$props, $$invalidate) {
 	let close;
 	let backgroundClick;
 	let backgroundClickPC;
@@ -19361,8 +19362,8 @@ class Modal extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$6,
-			create_fragment$6,
+			instance$7,
+			create_fragment$7,
 			safe_not_equal,
 			{
 				useBreakPoint: 0,
@@ -19374,18 +19375,18 @@ class Modal extends SvelteComponent {
 				closeEventValue: 18,
 				layerId: 2
 			},
-			add_css$5
+			add_css$6
 		);
 	}
 }
 
 /* src/components-flex/code/Code.svelte generated by Svelte v3.53.1 */
 
-function add_css$4(target) {
+function add_css$5(target) {
 	append_styles(target, "svelte-igivoz", ".code.svelte-igivoz{flex-grow:1;flex-shrink:0;align-self:stretch}");
 }
 
-function create_fragment$5(ctx) {
+function create_fragment$6(ctx) {
 	let div;
 	let raw_value = /*props*/ ctx[0].rawHtml + "";
 
@@ -19427,7 +19428,7 @@ function unescapeBraces(str) {
 	return str.replace(/\\([{}])/g, '$1');
 }
 
-function instance$5($$self, $$props, $$invalidate) {
+function instance$6($$self, $$props, $$invalidate) {
 	let { props = {} } = $$props;
 	let { layerId = '' } = $$props;
 
@@ -19474,7 +19475,7 @@ function instance$5($$self, $$props, $$invalidate) {
 class Code extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$5, create_fragment$5, safe_not_equal, { props: 0, layerId: 1 }, add_css$4);
+		init(this, options, instance$6, create_fragment$6, safe_not_equal, { props: 0, layerId: 1 }, add_css$5);
 	}
 }
 
@@ -19482,11 +19483,11 @@ const LIST_ITEM_CONTEXT_KEY = 'ListItemContext';
 
 /* src/components-flex/list/List.svelte generated by Svelte v3.53.1 */
 
-function add_css$3(target) {
+function add_css$4(target) {
 	append_styles(target, "svelte-v2vy6p", ".list.svelte-v2vy6p{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;--border-width:0;--border-style:solit;--border-color:rgba(255, 255, 255, 0);border-top-width:var(--border-width);border-top-style:var(--border-style);border-top-color:var(--border-color);border-bottom-width:var(--border-width);border-bottom-style:var(--border-style);border-bottom-color:var(--border-color)}");
 }
 
-function create_fragment$4(ctx) {
+function create_fragment$5(ctx) {
 	let ul;
 	let current;
 	const default_slot_template = /*#slots*/ ctx[5].default;
@@ -19564,7 +19565,7 @@ function create_fragment$4(ctx) {
 	};
 }
 
-function instance$4($$self, $$props, $$invalidate) {
+function instance$5($$self, $$props, $$invalidate) {
 	let variables;
 	let style;
 	let { $$slots: slots = {}, $$scope } = $$props;
@@ -19617,13 +19618,13 @@ function instance$4($$self, $$props, $$invalidate) {
 class List extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$4, create_fragment$4, safe_not_equal, { layerId: 0, props: 2 }, add_css$3);
+		init(this, options, instance$5, create_fragment$5, safe_not_equal, { layerId: 0, props: 2 }, add_css$4);
 	}
 }
 
 /* src/components-flex/list/ListItem.svelte generated by Svelte v3.53.1 */
 
-function add_css$2(target) {
+function add_css$3(target) {
 	append_styles(target, "svelte-1223veg", ".list-item.svelte-1223veg{margin:0;padding:0}.list-item-inner.svelte-1223veg{display:flex;align-items:center;width:100%;text-decoration:none;color:inherit}.list-item-inner.svelte-1223veg:hover{opacity:0.8}.list-item.svelte-1223veg:not(:first-child){border-top-width:var(--list-item-border-width);border-top-style:var(--list-item-border-style);border-top-color:var(--list-item-border-color)}");
 }
 
@@ -19732,7 +19733,7 @@ function create_dynamic_element$1(ctx) {
 	};
 }
 
-function create_fragment$3(ctx) {
+function create_fragment$4(ctx) {
 	let li;
 	let previous_tag = /*element*/ ctx[4];
 	let current;
@@ -19811,7 +19812,7 @@ function create_fragment$3(ctx) {
 	};
 }
 
-function instance$3($$self, $$props, $$invalidate) {
+function instance$4($$self, $$props, $$invalidate) {
 	let variables;
 	let style;
 	let innerStyle;
@@ -19869,7 +19870,7 @@ function instance$3($$self, $$props, $$invalidate) {
 class ListItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$3, create_fragment$3, safe_not_equal, { layerId: 0, props: 6 }, add_css$2);
+		init(this, options, instance$4, create_fragment$4, safe_not_equal, { layerId: 0, props: 6 }, add_css$3);
 	}
 }
 
@@ -19899,11 +19900,11 @@ function splitNumberAndUnit(value) {
 
 /* src/components-flex/multi-column/MultiColumn.svelte generated by Svelte v3.53.1 */
 
-function add_css$1(target) {
+function add_css$2(target) {
 	append_styles(target, "svelte-aoppwp", ".list.svelte-aoppwp{padding:0;margin:0;list-style:none;display:flex;flex-direction:row}");
 }
 
-function create_fragment$2(ctx) {
+function create_fragment$3(ctx) {
 	let ul;
 	let current;
 	const default_slot_template = /*#slots*/ ctx[4].default;
@@ -19981,7 +19982,7 @@ function create_fragment$2(ctx) {
 	};
 }
 
-function instance$2($$self, $$props, $$invalidate) {
+function instance$3($$self, $$props, $$invalidate) {
 	let style;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { layerId } = $$props;
@@ -20033,13 +20034,13 @@ function instance$2($$self, $$props, $$invalidate) {
 class MultiColumn extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$2, create_fragment$2, safe_not_equal, { layerId: 0, props: 2 }, add_css$1);
+		init(this, options, instance$3, create_fragment$3, safe_not_equal, { layerId: 0, props: 2 }, add_css$2);
 	}
 }
 
 /* src/components-flex/multi-column/MultiColumnItem.svelte generated by Svelte v3.53.1 */
 
-function add_css(target) {
+function add_css$1(target) {
 	append_styles(target, "svelte-1blzs1a", ".multi-column-item.svelte-1blzs1a{margin:0;width:100%;padding-top:0;padding-bottom:0;padding-left:var(--multi-column-item-padding);padding-right:var(--multi-column-item-padding)}.multi-column-item-inner.svelte-1blzs1a{display:flex;flex-direction:column;align-items:center;gap:var(--multi-column-item-gap);width:100%;text-decoration:none;color:inherit;padding-top:var(--multi-column-item-padding-top);padding-left:var(--multi-column-item-padding-left);padding-right:var(--multi-column-item-padding-right);padding-bottom:var(--multi-column-item-padding-bottom)}.multi-column-item-inner.svelte-1blzs1a:hover{opacity:0.8}.multi-column-item.svelte-1blzs1a:not(:first-child){border-left-width:var(--multi-column-item-border-width);border-left-style:var(--multi-column-item-border-style);border-left-color:var(--multi-column-item-border-color)}");
 }
 
@@ -20138,7 +20139,7 @@ function create_dynamic_element(ctx) {
 	};
 }
 
-function create_fragment$1(ctx) {
+function create_fragment$2(ctx) {
 	let li;
 	let previous_tag = /*element*/ ctx[3];
 	let current;
@@ -20217,7 +20218,7 @@ function create_fragment$1(ctx) {
 	};
 }
 
-function instance$1($$self, $$props, $$invalidate) {
+function instance$2($$self, $$props, $$invalidate) {
 	let variables;
 	let style;
 	let { $$slots: slots = {}, $$scope } = $$props;
@@ -20272,7 +20273,180 @@ function instance$1($$self, $$props, $$invalidate) {
 class MultiColumnItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$1, create_fragment$1, safe_not_equal, { layerId: 0, props: 5 }, add_css);
+		init(this, options, instance$2, create_fragment$2, safe_not_equal, { layerId: 0, props: 5 }, add_css$1);
+	}
+}
+
+/* src/components-flex/youtube/Youtube.svelte generated by Svelte v3.53.1 */
+
+function add_css(target) {
+	append_styles(target, "svelte-odfkc2", ".youtube.svelte-odfkc2{position:relative;aspect-ratio:16 / 9;width:100%;border-radius:3px}.youtube.svelte-odfkc2 iframe{position:absolute;width:100%;height:100%;object-fit:cover}");
+}
+
+function create_fragment$1(ctx) {
+	let div1;
+	let div0;
+
+	return {
+		c() {
+			div1 = element("div");
+			div0 = element("div");
+			this.h();
+		},
+		l(nodes) {
+			div1 = claim_element(nodes, "DIV", {
+				class: true,
+				style: true,
+				"data-layer-id": true
+			});
+
+			var div1_nodes = children(div1);
+			div0 = claim_element(div1_nodes, "DIV", { class: true });
+			children(div0).forEach(detach);
+			div1_nodes.forEach(detach);
+			this.h();
+		},
+		h() {
+			attr(div0, "class", "youtube-player");
+			attr(div1, "class", "youtube svelte-odfkc2");
+			attr(div1, "style", /*style*/ ctx[2]);
+			attr(div1, "data-layer-id", /*layerId*/ ctx[0]);
+		},
+		m(target, anchor) {
+			insert_hydration(target, div1, anchor);
+			append_hydration(div1, div0);
+			/*div0_binding*/ ctx[4](div0);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*style*/ 4) {
+				attr(div1, "style", /*style*/ ctx[2]);
+			}
+
+			if (dirty & /*layerId*/ 1) {
+				attr(div1, "data-layer-id", /*layerId*/ ctx[0]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(div1);
+			/*div0_binding*/ ctx[4](null);
+		}
+	};
+}
+// sendPlaytime();
+
+// startDate = null;
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function onPlayerStateChange(event) {
+	switch (event.data) {
+			}
+}
+
+function instance$1($$self, $$props, $$invalidate) {
+	let style;
+	let { props = {} } = $$props;
+	let { layerId = '' } = $$props;
+
+	// @ts-ignore
+	if (!window.YT) {
+		const tag = document.createElement('script');
+		tag.src = 'https://www.youtube.com/iframe_api';
+		const firstScriptTag = document.getElementsByTagName('script')[0];
+		firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
+	}
+
+	let playerRef = undefined;
+	let player = null;
+
+	// eslint-disable-next-line @typescript-eslint/no-unused-vars
+	function onPlayerReady() {
+		if (props.mute) {
+			player.mute();
+		}
+	}
+
+	const getPlayerVars = () => {
+		const boolToNumber = (bool, defaultValue = 0) => typeof bool === 'boolean' ? bool ? 1 : 0 : defaultValue;
+
+		return {
+			enablejsapi: 1,
+			playsinline: 1,
+			showinfo: 0,
+			iv_load_policy: 1,
+			modestbranding: 1,
+			rel: boolToNumber(props.showRelatedMovies),
+			autoplay: boolToNumber(props.autoplay),
+			controls: boolToNumber(props.controls),
+			cc_load_policy: boolToNumber(props.showSubtitle),
+			fs: boolToNumber(props.showFullScreen),
+			loop: boolToNumber(props.loop),
+			playlist: props.videoId
+		};
+	};
+
+	const createPlayer = () => {
+		// @ts-ignore
+		player = new window.YT.Player(playerRef,
+		{
+				videoId: props.videoId,
+				playerVars: getPlayerVars(),
+				events: {
+					onReady: onPlayerReady,
+					onStateChange: onPlayerStateChange
+				}
+			});
+	};
+
+	onMount$1(() => {
+		setTimeout(
+			() => {
+				// @ts-ignore
+				if (window.YT) {
+					createPlayer();
+				}
+			},
+			150
+		);
+	});
+
+	onDestroy$1(() => {
+		if (player) {
+			player.stopVideo?.();
+			player.destroy?.();
+		}
+	});
+
+	// @ts-ignore
+	window.onYouTubeIframeAPIReady = () => {
+		createPlayer();
+	};
+
+	function div0_binding($$value) {
+		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+			playerRef = $$value;
+			$$invalidate(1, playerRef);
+		});
+	}
+
+	$$self.$$set = $$props => {
+		if ('props' in $$props) $$invalidate(3, props = $$props.props);
+		if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*props*/ 8) {
+			$$invalidate(2, style = objToStyle({ width: props.width }));
+		}
+	};
+
+	return [layerId, playerRef, style, props, div0_binding];
+}
+
+class Youtube extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$1, create_fragment$1, safe_not_equal, { props: 3, layerId: 0 }, add_css);
 	}
 }
 
@@ -20690,4 +20864,4 @@ const ROUND_STYLES = {
     },
 };
 
-export { ACTION_HOOK_LABEL, ASPECT_VARIANT, ASPECT_VARIANTS, AVATAR_SHAPE, AVATAR_SIZE, AVATAR_SIZE_STYLES, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_OUTLINED_ROUND_STYLES, BUTTON_OUTLINED_SIZE_STYLES, BUTTON_OUTLINED_WRAP_STYLES, BUTTON_ROUND, BUTTON_ROUND_STYLES, BUTTON_SIZE, BUTTON_SIZE_STYLES, BUTTON_TEXT_SIZE, BUTTON_TEXT_SIZE_STYLES, BUTTON_TEXT_THEME, BUTTON_THEME, BUTTON_THEME_STYLES, BUTTON_WRAP_STYLES, BackgroundSizes, Box, CLOSE_BUTTON_LABEL_PLACEMENT, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, FONT_FAMILY_VARIANT, FONT_FAMILY_VARIANTS, Flex, Avatar as FlexAvatar, Button as FlexButton, ButtonOutlined as FlexButtonOutlined, ButtonText as FlexButtonText, CloseButton as FlexCloseButton, Code as FlexCode, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, List as FlexList, ListItem as FlexListItem, Modal as FlexModal, MultiColumn as FlexMultiColumn, MultiColumnItem as FlexMultiColumnItem, RichText as FlexRichText, Slider as FlexSlider, SliderItem as FlexSliderItem, Text as FlexText, TextLink as FlexTextLink, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_SIZE, ICON_SIZE_STYLES, ICON_VARIANTS, IMAGE_ASPECT_VARIANTS, IMAGE_ROUND_SHAPE, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LIST_ITEM_CONTEXT_KEY, LengthUnits, List$1 as List, ListBackgroundTypes, ListDirections, ListItem$1 as ListItem, ListSeparatorTypes, MULTI_COLUMN_ITEM_CONTEXT_KEY, MediaQueries, Modal$1 as Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, ROUND_STYLES, ROUND_VARIANT, Repeats, SHADOW_VARIANT, SHADOW_VARIANTS, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TEXT_LINK_SIZE, TEXT_LINK_SIZE_STYLES, TEXT_LINK_THEME, TEXT_LINK_UNDERLINE, TEXT_STYLE, TEXT_THEME, TEXT_VARIANTS, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, ThumbnailPreview, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, avatarPropsDefault, beforeUpdate, buttonOutlinedPropsDefault, buttonPropsDefault, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getBrandKit, getButtonOutlinedThemeStyles, getButtonTextThemeStyles, getButtonThemeStyles, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getTextLinkThemeStyles, getTextThemeStyles, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, useBrandKit, variables, widget };
+export { ACTION_HOOK_LABEL, ASPECT_VARIANT, ASPECT_VARIANTS, AVATAR_SHAPE, AVATAR_SIZE, AVATAR_SIZE_STYLES, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_OUTLINED_ROUND_STYLES, BUTTON_OUTLINED_SIZE_STYLES, BUTTON_OUTLINED_WRAP_STYLES, BUTTON_ROUND, BUTTON_ROUND_STYLES, BUTTON_SIZE, BUTTON_SIZE_STYLES, BUTTON_TEXT_SIZE, BUTTON_TEXT_SIZE_STYLES, BUTTON_TEXT_THEME, BUTTON_THEME, BUTTON_THEME_STYLES, BUTTON_WRAP_STYLES, BackgroundSizes, Box, CLOSE_BUTTON_LABEL_PLACEMENT, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, FONT_FAMILY_VARIANT, FONT_FAMILY_VARIANTS, Flex, Avatar as FlexAvatar, Button as FlexButton, ButtonOutlined as FlexButtonOutlined, ButtonText as FlexButtonText, CloseButton as FlexCloseButton, Code as FlexCode, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, List as FlexList, ListItem as FlexListItem, Modal as FlexModal, MultiColumn as FlexMultiColumn, MultiColumnItem as FlexMultiColumnItem, RichText as FlexRichText, Slider as FlexSlider, SliderItem as FlexSliderItem, Text as FlexText, TextLink as FlexTextLink, Youtube as FlexYoutube, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_SIZE, ICON_SIZE_STYLES, ICON_VARIANTS, IMAGE_ASPECT_VARIANTS, IMAGE_ROUND_SHAPE, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LIST_ITEM_CONTEXT_KEY, LengthUnits, List$1 as List, ListBackgroundTypes, ListDirections, ListItem$1 as ListItem, ListSeparatorTypes, MULTI_COLUMN_ITEM_CONTEXT_KEY, MediaQueries, Modal$1 as Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, ROUND_STYLES, ROUND_VARIANT, Repeats, SHADOW_VARIANT, SHADOW_VARIANTS, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TEXT_LINK_SIZE, TEXT_LINK_SIZE_STYLES, TEXT_LINK_THEME, TEXT_LINK_UNDERLINE, TEXT_STYLE, TEXT_THEME, TEXT_VARIANTS, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, ThumbnailPreview, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, avatarPropsDefault, beforeUpdate, buttonOutlinedPropsDefault, buttonPropsDefault, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getBrandKit, getButtonOutlinedThemeStyles, getButtonTextThemeStyles, getButtonThemeStyles, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getTextLinkThemeStyles, getTextThemeStyles, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, useBrandKit, variables, widget };