npm - @plaidev/karte-action-sdk - Versions diffs - 1.1.266 → 1.1.267-29071733.fabf64a6 - Mend

@plaidev/karte-action-sdk 1.1.266 → 1.1.267-29071733.fabf64a6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/hydrate/index.es.js +328 -255
package/dist/index.es.js +279 -254
package/dist/svelte5/hydrate/index.es.js +102 -43
package/dist/svelte5/index.es.js +41 -41
package/dist/svelte5/index.front2.es.js +41 -43
package/package.json +1 -1

package/dist/hydrate/index.es.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { writable, get } from 'svelte/store';
 import { onMount as onMount$1, onDestroy as onDestroy$1, beforeUpdate as beforeUpdate$1, afterUpdate as afterUpdate$1, tick as tick$1, getContext, setContext, createEventDispatcher } from 'svelte';
 import { SvelteComponent, init, safe_not_equal, empty, head_selector, detach, append_hydration, noop, component_subscribe, element, claim_element, attr, insert_hydration, create_slot, create_component, space, claim_component, claim_space, mount_component, update_slot_base, get_all_dirty_from_scope, get_slot_changes, transition_in, transition_out, destroy_component, append_styles, group_outros, check_outros, children, null_to_empty, listen, assign, set_attributes, toggle_class, get_spread_update, prevent_default, is_function, add_render_callback, create_in_transition, binding_callbacks, set_style, svg_element, claim_svg_element, destroy_each, text, claim_text, set_data, src_url_equal, set_store_value, run_all, HtmlTagHydration, claim_html_tag, construct_svelte_component, subscribe, set_custom_element_data_map } from 'svelte/internal';
-import 'svelte/easing';
+import { linear, elasticOut, cubicOut } from 'svelte/easing';
 /** @internal */
 const ACTION_HOOK_LABEL = '__ACTION_HOOK__';
@@ -3106,7 +3106,7 @@ let State$1 = class State extends SvelteComponent {
 /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
 function add_css$T(target) {
-	append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
+	append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
 }
 // (22:0) {#if $state === path}
@@ -3133,7 +3133,7 @@ function create_if_block$i(ctx) {
 		},
 		h() {
 			attr(div, "data-state-path", /*path*/ ctx[0]);
-			attr(div, "class", "state-item svelte-1amihue");
+			attr(div, "class", "state-item svelte-2qb6dm");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -3381,6 +3381,54 @@ const execOnClickOperation = (onClickOperation) => {
 const haveFunction = (onClickOperation) => {
     return onClickOperation.operation !== 'none';
 };
+function getAnimation(animation) {
+    switch (animation.type) {
+        case 'fade':
+            return `opacity: ${animation.progress}`;
+        case 'bounce': {
+            const translateX = animation.x;
+            const translateY = animation.y;
+            return `transform: translate3d(${translateX}%, ${translateY}%, 0) scale(${animation.progress});`;
+        }
+        case 'slide-down': {
+            const translateX = animation.x;
+            const translateY = animation.y - 100 * (1 - animation.progress);
+            return `transform: translate3d(${translateX}%, ${translateY}%, 0);`;
+        }
+        case 'slide-up': {
+            const translateX = animation.x;
+            const translateY = animation.y + 100 * (1 - animation.progress);
+            return `transform: translate3d(${translateX}%, ${translateY}%, 0);`;
+        }
+        case 'slide-left': {
+            const translateX = animation.x + 100 * (1 - animation.progress);
+            const translateY = animation.y;
+            return `transform: translate3d(${translateX}%, ${translateY}%, 0);`;
+        }
+        case 'slide-right': {
+            const translateX = animation.x - 100 * (1 - animation.progress);
+            const translateY = animation.y;
+            return `transform: translate3d(${translateX}%, ${translateY}%, 0);`;
+        }
+        case 'none': {
+            const translateX = animation.x;
+            const translateY = animation.y;
+            return `transform:  translate3d(${translateX}%, ${translateY}%, 0);`;
+        }
+        default:
+            console.warn(`[action-sdk] invalid '${animation}', so we use 'transform: none' instead`);
+            return 'transform: none';
+    }
+}
+const EASING = {
+    fade: linear,
+    bounce: elasticOut,
+    'slide-down': cubicOut,
+    'slide-up': cubicOut,
+    'slide-left': cubicOut,
+    'slide-right': cubicOut,
+    none: linear,
+};
 /**
  * The function to activate svelte animation.
  *
@@ -3396,11 +3444,40 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
         return {};
     }
 }
+/**
+ * The function to activate svelte animation v2.
+ *
+ * @param node - A target node of animation. This argument is passed by svelte, by default.
+ * @param customAnimationOptions - A custom animation option object
+ *
+ * @see {@link https://svelte.dev/docs#template-syntax-element-directives-transition-fn-custom-transition-functions| Custom transition functions} for detail documentation
+ *
+ * @internal
+ */
+function customAnimationV2(node, { transforms, animationStyle, delay = 0, duration = 1000, disabled, }) {
+    if (disabled) {
+        return {};
+    }
+    let [x, y] = [0, 0];
+    for (const { query, x: tx, y: ty } of transforms) {
+        if (query == null || window.matchMedia(query).matches) {
+            x = tx;
+            y = ty;
+            break;
+        }
+    }
+    return {
+        delay,
+        duration,
+        easing: EASING[animationStyle],
+        css: (progress) => getAnimation({ type: animationStyle, x, y, progress }),
+    };
+}
 /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
 function add_css$S(target) {
-	append_styles(target, "svelte-g6ucc2", ".background.svelte-g6ucc2{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
+	append_styles(target, "svelte-1d4fta", ".background.svelte-1d4fta{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
 }
 // (14:0) {#if backgroundOverlay}
@@ -3421,7 +3498,7 @@ function create_if_block$h(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"));
+			attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"));
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -3432,7 +3509,7 @@ function create_if_block$h(ctx) {
 			}
 		},
 		p(ctx, dirty) {
-			if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"))) {
+			if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"))) {
 				attr(div, "class", div_class_value);
 			}
 		},
@@ -3542,7 +3619,7 @@ function checkStopPropagation(eventName, handler) {
 /* src/components/Button.svelte generated by Svelte v3.53.1 */
 function add_css$R(target) {
-	append_styles(target, "svelte-1kmu8zp", ".button.svelte-1kmu8zp{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-1kmu8zp:link,.button.svelte-1kmu8zp:visited,.button.svelte-1kmu8zp:active,.button.svelte-1kmu8zp:hover{color:inherit}");
+	append_styles(target, "svelte-15k4deh", ".button.svelte-15k4deh{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-15k4deh:link,.button.svelte-15k4deh:visited,.button.svelte-15k4deh:active,.button.svelte-15k4deh:hover{color:inherit}");
 }
 // (53:0) {:else}
@@ -3581,7 +3658,7 @@ function create_else_block$5(ctx) {
 		},
 		h() {
 			set_attributes(button, button_data);
-			toggle_class(button, "svelte-1kmu8zp", true);
+			toggle_class(button, "svelte-15k4deh", true);
 		},
 		m(target, anchor) {
 			insert_hydration(target, button, anchor);
@@ -3620,7 +3697,7 @@ function create_else_block$5(ctx) {
 				dataAttrStopPropagation('click')
 			]));
-			toggle_class(button, "svelte-1kmu8zp", true);
+			toggle_class(button, "svelte-15k4deh", true);
 		},
 		i(local) {
 			if (current) return;
@@ -3661,7 +3738,7 @@ function create_if_block_2$2(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1kmu8zp"));
+			attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-15k4deh"));
 			attr(div, "style", /*style*/ ctx[1]);
 		},
 		m(target, anchor) {
@@ -3761,7 +3838,7 @@ function create_if_block_1$4(ctx) {
 		},
 		h() {
 			set_attributes(a, a_data);
-			toggle_class(a, "svelte-1kmu8zp", true);
+			toggle_class(a, "svelte-15k4deh", true);
 		},
 		m(target, anchor) {
 			insert_hydration(target, a, anchor);
@@ -3803,7 +3880,7 @@ function create_if_block_1$4(ctx) {
 				dataAttrStopPropagation('click')
 			]));
-			toggle_class(a, "svelte-1kmu8zp", true);
+			toggle_class(a, "svelte-15k4deh", true);
 		},
 		i(local) {
 			if (current) return;
@@ -3844,7 +3921,7 @@ function create_if_block$g(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1kmu8zp"));
+			attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-15k4deh"));
 			attr(div, "style", /*style*/ ctx[1]);
 		},
 		m(target, anchor) {
@@ -4057,7 +4134,7 @@ let Button$1 = class Button extends SvelteComponent {
 /* src/components/Modal.svelte generated by Svelte v3.53.1 */
 function add_css$Q(target) {
-	append_styles(target, "svelte-1i2vo31", ".modal.svelte-1i2vo31{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1i2vo31 > .button{flex:auto;display:flex}.close.svelte-1i2vo31{position:absolute;top:0;right:0}.close.svelte-1i2vo31 > .button{position:absolute;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;padding:0;transition:all 0.25s}.close.svelte-1i2vo31 > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1i2vo31{flex:auto;display:flex;justify-content:center;align-items:center;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}@media screen and (min-width: 641px){.modal-bp.svelte-1i2vo31{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-1i2vo31{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
+	append_styles(target, "svelte-1ijkyzl", ".modal.svelte-1ijkyzl{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1ijkyzl > .button{flex:auto;display:flex}.close.svelte-1ijkyzl{position:absolute;top:0;right:0}.close.svelte-1ijkyzl > .button{position:absolute;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;padding:0;transition:all 0.25s}.close.svelte-1ijkyzl > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1ijkyzl{flex:auto;display:flex;justify-content:center;align-items:center;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}@media screen and (min-width: 641px){.modal-bp.svelte-1ijkyzl{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-1ijkyzl{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
 }
 // (278:0) {:else}
@@ -4232,7 +4309,7 @@ function create_if_block$f(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"));
+			attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"));
 			attr(div, "role", "dialog");
 			attr(div, "aria-modal", "true");
 			attr(div, "style", Array.from(/*modalStyles*/ ctx[23]).join(';'));
@@ -4256,7 +4333,7 @@ function create_if_block$f(ctx) {
 			button.$set(button_changes);
-			if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"))) {
+			if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"))) {
 				attr(div, "class", div_class_value);
 			}
 		},
@@ -4321,7 +4398,7 @@ function create_if_block_1$3(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "close svelte-1i2vo31");
+			attr(div, "class", "close svelte-1ijkyzl");
 			set_style(div, "z-index", /*$maximumZindex*/ ctx[22] + 1);
 		},
 		m(target, anchor) {
@@ -4446,7 +4523,7 @@ function create_default_slot$7(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "modal-content svelte-1i2vo31");
+			attr(div, "class", "modal-content svelte-1ijkyzl");
 			attr(div, "style", /*_style*/ ctx[5]);
 		},
 		m(target, anchor) {
@@ -5084,7 +5161,7 @@ class Grid extends SvelteComponent {
 /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
 function add_css$P(target) {
-	append_styles(target, "svelte-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{position:absolute;inset:0}");
+	append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
 }
 function create_fragment$1o(ctx) {
@@ -5118,8 +5195,8 @@ function create_fragment$1o(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div0, "class", "grid-item-inner svelte-1cryhmb");
-			attr(div1, "class", "grid-item svelte-1cryhmb");
+			attr(div0, "class", "grid-item-inner svelte-n7kdl3");
+			attr(div1, "class", "grid-item svelte-n7kdl3");
 			attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
 			attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
 			attr(div1, "style", /*_style*/ ctx[1]);
@@ -5441,7 +5518,7 @@ class RenderText extends SvelteComponent {
 /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
 function add_css$O(target) {
-	append_styles(target, "svelte-vz6867", ".text-element-wrapper.svelte-vz6867.svelte-vz6867{position:relative;height:100%}.text-element.svelte-vz6867.svelte-vz6867{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;margin:0px;padding:0px;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden;font-size:12px;line-height:1.5}.text-link-element.svelte-vz6867.svelte-vz6867{text-decoration:none;color:inherit}.text-element-inner.svelte-vz6867.svelte-vz6867{width:100%;height:auto}.text-direction-vertical.svelte-vz6867.svelte-vz6867{writing-mode:vertical-rl}.text-direction-vertical.svelte-vz6867 .text-element-inner.svelte-vz6867{width:auto;height:100%}.tooltip.svelte-vz6867.svelte-vz6867{display:none;position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);color:#fff;background-color:#3d4948;white-space:nowrap;padding:4px 8px 4px 8px;border-radius:4px;font-size:12px;z-index:2147483647}.tooltip.svelte-vz6867.svelte-vz6867:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-vz6867.svelte-vz6867{display:block}.tooltip-error.svelte-vz6867.svelte-vz6867{background-color:#c00}.tooltip-error.svelte-vz6867.svelte-vz6867:before{border-bottom:7px solid #c00}");
+	append_styles(target, "svelte-9ixs0b", ".text-element-wrapper.svelte-9ixs0b.svelte-9ixs0b{position:relative;height:100%}.text-element.svelte-9ixs0b.svelte-9ixs0b{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;margin:0px;padding:0px;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden;font-size:12px;line-height:1.5}.text-link-element.svelte-9ixs0b.svelte-9ixs0b{text-decoration:none;color:inherit}.text-element-inner.svelte-9ixs0b.svelte-9ixs0b{width:100%;height:auto}.text-direction-vertical.svelte-9ixs0b.svelte-9ixs0b{writing-mode:vertical-rl}.text-direction-vertical.svelte-9ixs0b .text-element-inner.svelte-9ixs0b{width:auto;height:100%}.tooltip.svelte-9ixs0b.svelte-9ixs0b{display:none;position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);color:#fff;background-color:#3d4948;white-space:nowrap;padding:4px 8px 4px 8px;border-radius:4px;font-size:12px;z-index:2147483647}.tooltip.svelte-9ixs0b.svelte-9ixs0b:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-9ixs0b.svelte-9ixs0b{display:block}.tooltip-error.svelte-9ixs0b.svelte-9ixs0b{background-color:#c00}.tooltip-error.svelte-9ixs0b.svelte-9ixs0b:before{border-bottom:7px solid #c00}");
 }
 // (92:2) {:else}
@@ -5471,8 +5548,8 @@ function create_else_block$2(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div0, "class", "text-element-inner svelte-vz6867");
-			attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
+			attr(div0, "class", "text-element-inner svelte-9ixs0b");
+			attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
 			attr(div1, "style", /*style*/ ctx[5]);
 		},
 		m(target, anchor) {
@@ -5486,7 +5563,7 @@ function create_else_block$2(ctx) {
 			if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
 			rendertext.$set(rendertext_changes);
-			if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"))) {
+			if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
 				attr(div1, "class", div1_class_value);
 			}
@@ -5561,12 +5638,12 @@ function create_if_block$d(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div0, "class", "text-element-inner svelte-vz6867");
+			attr(div0, "class", "text-element-inner svelte-9ixs0b");
 			attr(a, "href", '');
-			attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
+			attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
 			attr(a, "style", /*style*/ ctx[5]);
-			attr(div1, "class", "tooltip svelte-vz6867");
-			attr(div2, "class", "tooltip tooltip-error svelte-vz6867");
+			attr(div1, "class", "tooltip svelte-9ixs0b");
+			attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
 		},
 		m(target, anchor) {
 			insert_hydration(target, a, anchor);
@@ -5592,7 +5669,7 @@ function create_if_block$d(ctx) {
 			if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
 			rendertext.$set(rendertext_changes);
-			if (!current || dirty & /*textDirection*/ 2 && a_class_value !== (a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"))) {
+			if (!current || dirty & /*textDirection*/ 2 && a_class_value !== (a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
 				attr(a, "class", a_class_value);
 			}
@@ -5654,7 +5731,7 @@ function create_fragment$1m(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "text-element-wrapper svelte-vz6867");
+			attr(div, "class", "text-element-wrapper svelte-9ixs0b");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -5820,7 +5897,7 @@ class TextElement extends SvelteComponent {
 /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
 function add_css$N(target) {
-	append_styles(target, "svelte-ujdxfc", ".text-button-element.svelte-ujdxfc{width:100%;height:100%}.text-button-element.svelte-ujdxfc > .button{display:flex;width:100%;height:100%;border:none;box-shadow:transparent;box-sizing:border-box;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5;background-color:#33403e;border-radius:4px;cursor:pointer;border-width:0px;border-style:solid;border-color:#000000}.text-button-element.svelte-ujdxfc > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-ujdxfc > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-ujdxfc > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
+	append_styles(target, "svelte-1vg84sc", ".text-button-element.svelte-1vg84sc{width:100%;height:100%}.text-button-element.svelte-1vg84sc > .button{display:flex;width:100%;height:100%;border:none;box-shadow:transparent;box-sizing:border-box;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5;background-color:#33403e;border-radius:4px;cursor:pointer;border-width:0px;border-style:solid;border-color:#000000}.text-button-element.svelte-1vg84sc > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-1vg84sc > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-1vg84sc > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
 }
 // (48:2) <Button {onClick} {style} {eventName}>
@@ -5889,7 +5966,7 @@ function create_fragment$1l(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "text-button-element svelte-ujdxfc");
+			attr(div, "class", "text-button-element svelte-1vg84sc");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -5981,7 +6058,7 @@ class TextButtonElement extends SvelteComponent {
 /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
 function add_css$M(target) {
-	append_styles(target, "svelte-1alkh1m", ".image-element.svelte-1alkh1m{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-1alkh1m > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image-element.svelte-1alkh1m > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-1alkh1m > .button:not(._disabled):hover,.image-element.transport.svelte-1alkh1m > .button:not(._disabled):focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}.image.svelte-1alkh1m{width:100%;height:100%}");
+	append_styles(target, "svelte-t6tu0e", ".image-element.svelte-t6tu0e{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-t6tu0e > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image-element.svelte-t6tu0e > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-t6tu0e > .button:not(._disabled):hover,.image-element.transport.svelte-t6tu0e > .button:not(._disabled):focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}.image.svelte-t6tu0e{width:100%;height:100%}");
 }
 // (44:2) <Button {onClick} style={_style} {eventName}>
@@ -6009,7 +6086,7 @@ function create_default_slot$5(ctx) {
 			this.h();
 		},
 		h() {
-			attr(img, "class", "image svelte-1alkh1m");
+			attr(img, "class", "image svelte-t6tu0e");
 			attr(img, "loading", "lazy");
 			attr(img, "width", "auto");
 			attr(img, "height", "auto");
@@ -6081,7 +6158,7 @@ function create_fragment$1k(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m");
+			attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -6100,7 +6177,7 @@ function create_fragment$1k(ctx) {
 			button.$set(button_changes);
-			if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m")) {
+			if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
 				attr(div, "class", div_class_value);
 			}
 		},
@@ -6172,7 +6249,7 @@ class ImageElement extends SvelteComponent {
 /* src/components/List.svelte generated by Svelte v3.53.1 */
 function add_css$L(target) {
-	append_styles(target, "svelte-1t8r9z", ".list.svelte-1t8r9z{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
+	append_styles(target, "svelte-aquv6z", ".list.svelte-aquv6z{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
 }
 function create_fragment$1j(ctx) {
@@ -6195,7 +6272,7 @@ function create_fragment$1j(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "list svelte-1t8r9z");
+			attr(div, "class", "list svelte-aquv6z");
 			attr(div, "style", /*style*/ ctx[0]);
 		},
 		m(target, anchor) {
@@ -6329,7 +6406,7 @@ let List$1 = class List extends SvelteComponent {
 /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
 function add_css$K(target) {
-	append_styles(target, "svelte-1lbw8v2", ".list-item.svelte-1lbw8v2{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item.svelte-1lbw8v2 > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
+	append_styles(target, "svelte-9n97pe", ".list-item.svelte-9n97pe{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item.svelte-9n97pe > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
 }
 // (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
@@ -6412,7 +6489,7 @@ function create_fragment$1i(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "list-item svelte-1lbw8v2");
+			attr(div, "class", "list-item svelte-9n97pe");
 			attr(div, "style", /*listItemStyle*/ ctx[3]);
 		},
 		m(target, anchor) {
@@ -6538,7 +6615,7 @@ let ListItem$1 = class ListItem extends SvelteComponent {
 /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
 function add_css$J(target) {
-	append_styles(target, "svelte-w6jkzh", ".embed.svelte-w6jkzh{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-w6jkzh iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
+	append_styles(target, "svelte-wocq4p", ".embed.svelte-wocq4p{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-wocq4p iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
 }
 function create_fragment$1h(ctx) {
@@ -6556,7 +6633,7 @@ function create_fragment$1h(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "embed svelte-w6jkzh");
+			attr(div, "class", "embed svelte-wocq4p");
 			attr(div, "style", /*_style*/ ctx[1]);
 		},
 		m(target, anchor) {
@@ -6599,7 +6676,7 @@ class EmbedElement extends SvelteComponent {
 /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
 function add_css$I(target) {
-	append_styles(target, "svelte-ljxq7x", ".embed.svelte-ljxq7x{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-ljxq7x iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
+	append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
 }
 function create_fragment$1g(ctx) {
@@ -6622,7 +6699,7 @@ function create_fragment$1g(ctx) {
 		},
 		h() {
 			attr(div0, "class", "karte-player");
-			attr(div1, "class", "embed svelte-ljxq7x");
+			attr(div1, "class", "embed svelte-vikz49");
 			attr(div1, "style", /*_style*/ ctx[0]);
 		},
 		m(target, anchor) {
@@ -6964,7 +7041,7 @@ class MovieYouTubeElement extends SvelteComponent {
 /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
 function add_css$H(target) {
-	append_styles(target, "svelte-ljxq7x", ".embed.svelte-ljxq7x{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-ljxq7x iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
+	append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
 }
 function create_fragment$1f(ctx) {
@@ -6987,7 +7064,7 @@ function create_fragment$1f(ctx) {
 		},
 		h() {
 			attr(div0, "class", "karte-player");
-			attr(div1, "class", "embed svelte-ljxq7x");
+			attr(div1, "class", "embed svelte-vikz49");
 			attr(div1, "style", /*_style*/ ctx[0]);
 		},
 		m(target, anchor) {
@@ -7171,7 +7248,7 @@ class MovieVimeoElement extends SvelteComponent {
 /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
 function add_css$G(target) {
-	append_styles(target, "svelte-1fjy5oo", ".textarea-wrapper.svelte-1fjy5oo{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-1fjy5oo{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.textarea.svelte-1fjy5oo::placeholder{color:var(--placeholder-color)}.textarea.svelte-1fjy5oo:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}");
+	append_styles(target, "svelte-zxvkkc", ".textarea-wrapper.svelte-zxvkkc{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-zxvkkc{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.textarea.svelte-zxvkkc::placeholder{color:var(--placeholder-color)}.textarea.svelte-zxvkkc:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}");
 }
 function create_fragment$1e(ctx) {
@@ -7201,12 +7278,12 @@ function create_fragment$1e(ctx) {
 			this.h();
 		},
 		h() {
-			attr(textarea, "class", "textarea svelte-1fjy5oo");
+			attr(textarea, "class", "textarea svelte-zxvkkc");
 			textarea.value = /*$value*/ ctx[4];
 			textarea.required = /*required*/ ctx[1];
 			attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
 			attr(textarea, "style", /*style*/ ctx[3]);
-			attr(div, "class", "textarea-wrapper svelte-1fjy5oo");
+			attr(div, "class", "textarea-wrapper svelte-zxvkkc");
 			attr(div, "style", /*styleVariables*/ ctx[2]);
 		},
 		m(target, anchor) {
@@ -7358,7 +7435,7 @@ class FormTextarea extends SvelteComponent {
 /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
 function add_css$F(target) {
-	append_styles(target, "svelte-1ntb6j8", ".radio-buttons.svelte-1ntb6j8{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-1ntb6j8{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-1ntb6j8{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-1ntb6j8:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18,160,160,.08),0px 1px 4px -1px rgba(18,160,160,.24)}.radio-button-text.svelte-1ntb6j8{margin-left:0.5em}");
+	append_styles(target, "svelte-17s08g", ".radio-buttons.svelte-17s08g{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-17s08g{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-17s08g{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-17s08g:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18,160,160,.08),0px 1px 4px -1px rgba(18,160,160,.24)}.radio-button-text.svelte-17s08g{margin-left:0.5em}");
 }
 function get_each_context$7(ctx, list, i) {
@@ -7415,14 +7492,14 @@ function create_each_block$7(ctx) {
 		},
 		h() {
 			attr(input, "type", "radio");
-			attr(input, "class", "radio-button-input svelte-1ntb6j8");
+			attr(input, "class", "radio-button-input svelte-17s08g");
 			attr(input, "style", /*buttonStyle*/ ctx[5]);
 			attr(input, "name", /*name*/ ctx[0]);
 			input.value = input_value_value = /*option*/ ctx[17];
 			input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
-			attr(span, "class", "radio-button-text svelte-1ntb6j8");
+			attr(span, "class", "radio-button-text svelte-17s08g");
 			attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
-			attr(label, "class", "radio-button svelte-1ntb6j8");
+			attr(label, "class", "radio-button svelte-17s08g");
 		},
 		m(target, anchor) {
 			insert_hydration(target, label, anchor);
@@ -7501,7 +7578,7 @@ function create_fragment$1d(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "radio-buttons svelte-1ntb6j8");
+			attr(div, "class", "radio-buttons svelte-17s08g");
 			attr(div, "style", /*_layoutStyle*/ ctx[1]);
 		},
 		m(target, anchor) {
@@ -7670,7 +7747,7 @@ class FormRadioButtons extends SvelteComponent {
 /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
 function add_css$E(target) {
-	append_styles(target, "svelte-iejizj", ".select.svelte-iejizj{width:100%;height:100%}.select-select.svelte-iejizj{position:relative;appearance:none;width:100%;height:100%;cursor:pointer;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:0 0 0 10px;font-size:12px;line-height:1.5}.select-select.svelte-iejizj:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.select-icon.svelte-iejizj{position:absolute;width:calc(var(--icon-size) / 1.41);height:calc(var(--icon-size) / 1.41);top:calc(50% - calc(var(--icon-size) / 4));right:calc(var(--icon-size) * 1.2);box-sizing:border-box;border-right:solid 2px var(--icon-color);border-top:solid 2px var(--icon-color);transform:translateY(-35.4%) rotate(135deg);pointer-events:none}");
+	append_styles(target, "svelte-t9ynyj", ".select.svelte-t9ynyj{width:100%;height:100%}.select-select.svelte-t9ynyj{position:relative;appearance:none;width:100%;height:100%;cursor:pointer;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:0 0 0 10px;font-size:12px;line-height:1.5}.select-select.svelte-t9ynyj:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.select-icon.svelte-t9ynyj{position:absolute;width:calc(var(--icon-size) / 1.41);height:calc(var(--icon-size) / 1.41);top:calc(50% - calc(var(--icon-size) / 4));right:calc(var(--icon-size) * 1.2);box-sizing:border-box;border-right:solid 2px var(--icon-color);border-top:solid 2px var(--icon-color);transform:translateY(-35.4%) rotate(135deg);pointer-events:none}");
 }
 function get_each_context$6(ctx, list, i) {
@@ -7841,10 +7918,10 @@ function create_fragment$1c(ctx) {
 			this.h();
 		},
 		h() {
-			attr(select, "class", "select-select svelte-iejizj");
+			attr(select, "class", "select-select svelte-t9ynyj");
 			attr(select, "style", /*style*/ ctx[3]);
-			attr(div0, "class", "select-icon svelte-iejizj");
-			attr(div1, "class", "select svelte-iejizj");
+			attr(div0, "class", "select-icon svelte-t9ynyj");
+			attr(div1, "class", "select svelte-t9ynyj");
 			attr(div1, "style", /*styleVariables*/ ctx[2]);
 		},
 		m(target, anchor) {
@@ -8046,7 +8123,7 @@ class FormSelect extends SvelteComponent {
 /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
 function add_css$D(target) {
-	append_styles(target, "svelte-2pz1us", ".check-boxes.svelte-2pz1us.svelte-2pz1us{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%;gap:0px}.check-box.svelte-2pz1us.svelte-2pz1us{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-2pz1us.svelte-2pz1us{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-2pz1us.svelte-2pz1us{display:inline-flex;background-color:var(--color-main);width:var(--size);height:var(--size);border-radius:calc(var(--size) / 4);justify-content:center;align-items:center;flex:none}.check-box-icon.svelte-2pz1us.svelte-2pz1us{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-2pz1us.svelte-2pz1us:after{content:'';display:block;box-sizing:border-box;width:45%;height:91%;transform:translate(60%, -8%) rotate(45deg);border-style:none solid solid none;border-width:2px;border-color:var(--color-sub)}.check-box-check._checked.svelte-2pz1us.svelte-2pz1us{background-color:var(--color-main-active)}.check-box-check._checked.svelte-2pz1us .check-box-icon.svelte-2pz1us:after{border-color:var(--color-sub-active)}.check-box-text.svelte-2pz1us.svelte-2pz1us{margin-left:0.5em;color:#333;font-size:12px;line-height:1.5}");
+	append_styles(target, "svelte-1p65cg8", ".check-boxes.svelte-1p65cg8.svelte-1p65cg8{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%;gap:0px}.check-box.svelte-1p65cg8.svelte-1p65cg8{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-1p65cg8.svelte-1p65cg8{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-1p65cg8.svelte-1p65cg8{display:inline-flex;background-color:var(--color-main);width:var(--size);height:var(--size);border-radius:calc(var(--size) / 4);justify-content:center;align-items:center;flex:none}.check-box-icon.svelte-1p65cg8.svelte-1p65cg8{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-1p65cg8.svelte-1p65cg8:after{content:'';display:block;box-sizing:border-box;width:45%;height:91%;transform:translate(60%, -8%) rotate(45deg);border-style:none solid solid none;border-width:2px;border-color:var(--color-sub)}.check-box-check._checked.svelte-1p65cg8.svelte-1p65cg8{background-color:var(--color-main-active)}.check-box-check._checked.svelte-1p65cg8 .check-box-icon.svelte-1p65cg8:after{border-color:var(--color-sub-active)}.check-box-text.svelte-1p65cg8.svelte-1p65cg8{margin-left:0.5em;color:#333;font-size:12px;line-height:1.5}");
 }
 function get_each_context$5(ctx, list, i) {
@@ -8108,19 +8185,19 @@ function create_each_block$5(ctx) {
 			this.h();
 		},
 		h() {
-			attr(input, "class", "check-box-input svelte-2pz1us");
+			attr(input, "class", "check-box-input svelte-1p65cg8");
 			attr(input, "type", "checkbox");
 			attr(input, "name", /*name*/ ctx[0]);
 			input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
-			attr(span0, "class", "check-box-icon svelte-2pz1us");
+			attr(span0, "class", "check-box-icon svelte-1p65cg8");
 			attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
 			? ' _checked'
-			: ''}`) + " svelte-2pz1us"));
+			: ''}`) + " svelte-1p65cg8"));
-			attr(span2, "class", "check-box-text svelte-2pz1us");
+			attr(span2, "class", "check-box-text svelte-1p65cg8");
 			attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
-			attr(label, "class", "check-box svelte-2pz1us");
+			attr(label, "class", "check-box svelte-1p65cg8");
 			attr(label, "style", /*styleVariables*/ ctx[5]);
 		},
 		m(target, anchor) {
@@ -8152,7 +8229,7 @@ function create_each_block$5(ctx) {
 			if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
 			? ' _checked'
-			: ''}`) + " svelte-2pz1us"))) {
+			: ''}`) + " svelte-1p65cg8"))) {
 				attr(span1, "class", span1_class_value);
 			}
@@ -8205,7 +8282,7 @@ function create_fragment$1b(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "check-boxes svelte-2pz1us");
+			attr(div, "class", "check-boxes svelte-1p65cg8");
 			attr(div, "style", /*_layoutStyle*/ ctx[1]);
 		},
 		m(target, anchor) {
@@ -8380,7 +8457,7 @@ class FormCheckBoxes extends SvelteComponent {
 /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
 function add_css$C(target) {
-	append_styles(target, "svelte-9idbf1", ".rating-buttons.svelte-9idbf1{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-9idbf1{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color 0.2s, box-shadow 0.2s;appearance:none;background:none;border:none;margin:0;padding:0}");
+	append_styles(target, "svelte-1iqf36p", ".rating-buttons.svelte-1iqf36p{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-1iqf36p{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color 0.2s, box-shadow 0.2s;appearance:none;background:none;border:none;margin:0;padding:0}");
 }
 function get_each_context$4(ctx, list, i) {
@@ -8415,7 +8492,7 @@ function create_each_block$4(ctx) {
 			this.h();
 		},
 		h() {
-			attr(button, "class", "rating-button svelte-9idbf1");
+			attr(button, "class", "rating-button svelte-1iqf36p");
 			attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[5](/*i*/ ctx[14] === /*_value*/ ctx[2]));
 		},
 		m(target, anchor) {
@@ -8478,7 +8555,7 @@ function create_fragment$1a(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "rating-buttons svelte-9idbf1");
+			attr(div, "class", "rating-buttons svelte-1iqf36p");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -8622,7 +8699,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
 /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
 function add_css$B(target) {
-	append_styles(target, "svelte-1b5dvzw", ".rating-buttons.svelte-1b5dvzw{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-1b5dvzw{appearance:none;background:none;border:none;margin:0;padding:0}.rating-button-image.svelte-1b5dvzw{cursor:pointer;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.rating-button-image.svelte-1b5dvzw:not(._active){filter:grayscale(100%)}");
+	append_styles(target, "svelte-tbunko", ".rating-buttons.svelte-tbunko{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-tbunko{appearance:none;background:none;border:none;margin:0;padding:0}.rating-button-image.svelte-tbunko{cursor:pointer;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.rating-button-image.svelte-tbunko:not(._active){filter:grayscale(100%)}");
 }
 function get_each_context$3(ctx, list, i) {
@@ -8658,9 +8735,9 @@ function create_each_block$3(ctx) {
 		},
 		h() {
 			if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
-			attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"));
+			attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
 			attr(img, "alt", "rate" + /*i*/ ctx[10]);
-			attr(button, "class", "rating-button svelte-1b5dvzw");
+			attr(button, "class", "rating-button svelte-tbunko");
 			attr(button, "style", /*buttonStyle*/ ctx[0]);
 		},
 		m(target, anchor) {
@@ -8676,7 +8753,7 @@ function create_each_block$3(ctx) {
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
-			if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"))) {
+			if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"))) {
 				attr(img, "class", img_class_value);
 			}
@@ -8723,7 +8800,7 @@ function create_fragment$19(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "rating-buttons svelte-1b5dvzw");
+			attr(div, "class", "rating-buttons svelte-tbunko");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -8831,7 +8908,7 @@ class FormRatingButtonsFace extends SvelteComponent {
 /* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
 function add_css$A(target) {
-	append_styles(target, "svelte-f14zo5", ".input-wrapper.svelte-f14zo5{display:flex;align-items:center;width:100%;height:100%}.input.svelte-f14zo5{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.input.svelte-f14zo5::placeholder{color:var(--placeholder-color)}.input.svelte-f14zo5:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.input._error.svelte-f14zo5{outline:none;border-width:var(--error-border-width) !important;border-color:var(--error-border-color) !important;border-style:var(--error-border-style) !important}");
+	append_styles(target, "svelte-h8fqwx", ".input-wrapper.svelte-h8fqwx{display:flex;align-items:center;width:100%;height:100%}.input.svelte-h8fqwx{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.input.svelte-h8fqwx::placeholder{color:var(--placeholder-color)}.input.svelte-h8fqwx:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.input._error.svelte-h8fqwx{outline:none;border-width:var(--error-border-width) !important;border-color:var(--error-border-color) !important;border-style:var(--error-border-style) !important}");
 }
 function create_fragment$18(ctx) {
@@ -8862,13 +8939,13 @@ function create_fragment$18(ctx) {
 			this.h();
 		},
 		h() {
-			attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"));
+			attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"));
 			attr(input, "type", "text");
 			input.value = /*$value*/ ctx[2];
 			input.required = /*required*/ ctx[0];
 			attr(input, "placeholder", /*placeholder*/ ctx[1]);
 			attr(input, "style", /*style*/ ctx[5]);
-			attr(div, "class", "input-wrapper svelte-f14zo5");
+			attr(div, "class", "input-wrapper svelte-h8fqwx");
 			attr(div, "style", /*styleVariables*/ ctx[4]);
 		},
 		m(target, anchor) {
@@ -8881,7 +8958,7 @@ function create_fragment$18(ctx) {
 			}
 		},
 		p(ctx, [dirty]) {
-			if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"))) {
+			if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"))) {
 				attr(input, "class", input_class_value);
 			}
@@ -9069,7 +9146,7 @@ class FormIdentifyInput extends SvelteComponent {
 /* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
 function add_css$z(target) {
-	append_styles(target, "svelte-pzrwlo", ".radio-buttons.svelte-pzrwlo{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-pzrwlo{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-pzrwlo{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-pzrwlo:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18, 160, 160, 0.08), 0px 1px 4px -1px rgba(18, 160, 160, 0.24)}.radio-button-text.svelte-pzrwlo{margin-left:0.5em}");
+	append_styles(target, "svelte-8zbmyo", ".radio-buttons.svelte-8zbmyo{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-8zbmyo{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-8zbmyo{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-8zbmyo:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18, 160, 160, 0.08), 0px 1px 4px -1px rgba(18, 160, 160, 0.24)}.radio-button-text.svelte-8zbmyo{margin-left:0.5em}");
 }
 function create_fragment$17(ctx) {
@@ -9135,20 +9212,20 @@ function create_fragment$17(ctx) {
 		},
 		h() {
 			attr(input0, "type", "radio");
-			attr(input0, "class", "radio-button-input svelte-pzrwlo");
+			attr(input0, "class", "radio-button-input svelte-8zbmyo");
 			attr(input0, "style", /*buttonStyle*/ ctx[2]);
 			input0.checked = input0_checked_value = /*$value*/ ctx[3] === true;
-			attr(span0, "class", "radio-button-text svelte-pzrwlo");
+			attr(span0, "class", "radio-button-text svelte-8zbmyo");
 			attr(span0, "style", span0_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
-			attr(label0, "class", "radio-button svelte-pzrwlo");
+			attr(label0, "class", "radio-button svelte-8zbmyo");
 			attr(input1, "type", "radio");
-			attr(input1, "class", "radio-button-input svelte-pzrwlo");
+			attr(input1, "class", "radio-button-input svelte-8zbmyo");
 			attr(input1, "style", /*buttonStyle*/ ctx[2]);
 			input1.checked = input1_checked_value = /*$value*/ ctx[3] === false;
-			attr(span1, "class", "radio-button-text svelte-pzrwlo");
+			attr(span1, "class", "radio-button-text svelte-8zbmyo");
 			attr(span1, "style", span1_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
-			attr(label1, "class", "radio-button svelte-pzrwlo");
-			attr(div, "class", "radio-buttons svelte-pzrwlo");
+			attr(label1, "class", "radio-button svelte-8zbmyo");
+			attr(div, "class", "radio-buttons svelte-8zbmyo");
 			attr(div, "style", /*_layoutStyle*/ ctx[0]);
 		},
 		m(target, anchor) {
@@ -9316,7 +9393,7 @@ class FormIdentifyChoices extends SvelteComponent {
 /* src/components/Slide.svelte generated by Svelte v3.53.1 */
 function add_css$y(target) {
-	append_styles(target, "svelte-1qfq79t", ".root.svelte-1qfq79t{width:100%;height:100%;position:relative}.container.svelte-1qfq79t{width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000}.slide.svelte-1qfq79t{height:100%;position:absolute;display:flex}.transition.svelte-1qfq79t{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-1qfq79t{height:100%;flex:none}.prev-button-container.svelte-1qfq79t,.next-button-container.svelte-1qfq79t{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button-container.svelte-1qfq79t{left:0}.next-button-container.svelte-1qfq79t{right:0}.move-button.svelte-1qfq79t{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;border:none;background:none;margin:0;padding:0}.navigation.svelte-1qfq79t{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-1qfq79t{flex-shrink:0;cursor:pointer;border:none;background:none;margin:0;padding:0;appearance:none}.navigation-item-inner.circle.svelte-1qfq79t{border-radius:51%}");
+	append_styles(target, "svelte-ji1fh", ".root.svelte-ji1fh{width:100%;height:100%;position:relative}.container.svelte-ji1fh{width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000}.slide.svelte-ji1fh{height:100%;position:absolute;display:flex}.transition.svelte-ji1fh{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-ji1fh{height:100%;flex:none}.prev-button-container.svelte-ji1fh,.next-button-container.svelte-ji1fh{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button-container.svelte-ji1fh{left:0}.next-button-container.svelte-ji1fh{right:0}.move-button.svelte-ji1fh{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;border:none;background:none;margin:0;padding:0}.navigation.svelte-ji1fh{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-ji1fh{flex-shrink:0;cursor:pointer;border:none;background:none;margin:0;padding:0;appearance:none}.navigation-item-inner.circle.svelte-ji1fh{border-radius:51%}");
 }
 function get_each_context$2(ctx, list, i) {
@@ -9362,9 +9439,9 @@ function create_if_block_1$2(ctx) {
 			attr(svg, "viewBox", "0 0 10 16");
 			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
 			attr(svg, "style", /*prevIconStyle*/ ctx[10]);
-			attr(button, "class", "move-button svelte-1qfq79t");
+			attr(button, "class", "move-button svelte-ji1fh");
 			attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
-			attr(div, "class", "prev-button-container svelte-1qfq79t");
+			attr(div, "class", "prev-button-container svelte-ji1fh");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -9430,9 +9507,9 @@ function create_if_block$b(ctx) {
 			attr(svg, "viewBox", "0 0 10 16");
 			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
 			attr(svg, "style", /*nextIconStyle*/ ctx[8]);
-			attr(button, "class", "move-button svelte-1qfq79t");
+			attr(button, "class", "move-button svelte-ji1fh");
 			attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
-			attr(div, "class", "next-button-container svelte-1qfq79t");
+			attr(div, "class", "next-button-container svelte-ji1fh");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -9492,9 +9569,9 @@ function create_each_block$2(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "navigation-item-inner circle svelte-1qfq79t");
+			attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
 			attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
-			attr(button, "class", "navigation-item svelte-1qfq79t");
+			attr(button, "class", "navigation-item svelte-ji1fh");
 			attr(button, "style", /*navigationItemStyle*/ ctx[6]);
 		},
 		m(target, anchor) {
@@ -9600,14 +9677,14 @@ function create_fragment$16(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"));
+			attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
 			attr(div0, "style", /*slideStyle*/ ctx[14]);
-			attr(div1, "class", "container svelte-1qfq79t");
+			attr(div1, "class", "container svelte-ji1fh");
 			attr(div1, "style", /*_style*/ ctx[0]);
-			attr(div2, "class", "navigation svelte-1qfq79t");
+			attr(div2, "class", "navigation svelte-ji1fh");
 			attr(div2, "style", /*navigationStyle*/ ctx[4]);
 			set_attributes(div3, div3_data);
-			toggle_class(div3, "svelte-1qfq79t", true);
+			toggle_class(div3, "svelte-ji1fh", true);
 		},
 		m(target, anchor) {
 			insert_hydration(target, div3, anchor);
@@ -9649,7 +9726,7 @@ function create_fragment$16(ctx) {
 				}
 			}
-			if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"))) {
+			if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
 				attr(div0, "class", div0_class_value);
 			}
@@ -9715,7 +9792,7 @@ function create_fragment$16(ctx) {
 			}
 			set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
-			toggle_class(div3, "svelte-1qfq79t", true);
+			toggle_class(div3, "svelte-ji1fh", true);
 		},
 		i(local) {
 			if (current) return;
@@ -10227,7 +10304,7 @@ class Slide extends SvelteComponent {
 /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
 function add_css$x(target) {
-	append_styles(target, "svelte-1rv0qgo", ".item.svelte-1rv0qgo{height:100%;flex:none;position:relative}.item.svelte-1rv0qgo img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-1rv0qgo{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;cursor:default;overflow:hidden}");
+	append_styles(target, "svelte-9ygf1w", ".item.svelte-9ygf1w{height:100%;flex:none;position:relative}.item.svelte-9ygf1w img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-9ygf1w{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;cursor:default;overflow:hidden}");
 }
 function create_fragment$15(ctx) {
@@ -10255,9 +10332,9 @@ function create_fragment$15(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div0, "class", "item-inner svelte-1rv0qgo");
+			attr(div0, "class", "item-inner svelte-9ygf1w");
 			attr(div0, "style", /*_style*/ ctx[0]);
-			attr(div1, "class", "item svelte-1rv0qgo");
+			attr(div1, "class", "item svelte-9ygf1w");
 			attr(div1, "style", /*itemStyle*/ ctx[1]);
 		},
 		m(target, anchor) {
@@ -10383,7 +10460,7 @@ class SlideItem extends SvelteComponent {
 /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
 function add_css$w(target) {
-	append_styles(target, "svelte-t87l6f", ".countdown.svelte-t87l6f{position:relative;width:100%;height:100%}.countdown-inner.svelte-t87l6f{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
+	append_styles(target, "svelte-rroxiz", ".countdown.svelte-rroxiz{position:relative;width:100%;height:100%}.countdown-inner.svelte-rroxiz{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
 }
 const get_default_slot_changes$1 = dirty => ({ countdown: dirty & /*countdown*/ 2 });
@@ -10414,9 +10491,9 @@ function create_fragment$14(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div0, "class", "countdown-inner svelte-t87l6f");
+			attr(div0, "class", "countdown-inner svelte-rroxiz");
 			attr(div0, "style", /*_style*/ ctx[0]);
-			attr(div1, "class", "countdown svelte-t87l6f");
+			attr(div1, "class", "countdown svelte-rroxiz");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div1, anchor);
@@ -10546,7 +10623,7 @@ class Countdown extends SvelteComponent {
 /* src/components/Box.svelte generated by Svelte v3.53.1 */
 function add_css$v(target) {
-	append_styles(target, "svelte-1c91vpe", ".box.svelte-1c91vpe{position:relative;width:100%;height:100%}.box.svelte-1c91vpe > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
+	append_styles(target, "svelte-1ccydfy", ".box.svelte-1ccydfy{position:relative;width:100%;height:100%}.box.svelte-1ccydfy > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
 }
 // (24:2) <Button {onClick} style={_style} {eventName}>
@@ -10629,7 +10706,7 @@ function create_fragment$13(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "box svelte-1c91vpe");
+			attr(div, "class", "box svelte-1ccydfy");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -10690,7 +10767,7 @@ class Box extends SvelteComponent {
 /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
 function add_css$u(target) {
-	append_styles(target, "svelte-1mk6wi4", ".icon.svelte-1mk6wi4{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.icon.svelte-1mk6wi4 > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;overflow:hidden}.icon.svelte-1mk6wi4 > .button._disabled{cursor:not-allowed !important;opacity:0.2}.icon.svelte-1mk6wi4 svg{width:var(--width);height:var(--height);color:var(--color);stroke:var(--stroke);fill:var(--fill)}");
+	append_styles(target, "svelte-1mkvcuo", ".icon.svelte-1mkvcuo{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.icon.svelte-1mkvcuo > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;overflow:hidden}.icon.svelte-1mkvcuo > .button._disabled{cursor:not-allowed !important;opacity:0.2}.icon.svelte-1mkvcuo svg{width:var(--width);height:var(--height);color:var(--color);stroke:var(--stroke);fill:var(--fill)}");
 }
 // (56:4) {#if svg}
@@ -10794,7 +10871,7 @@ function create_fragment$12(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "icon svelte-1mk6wi4");
+			attr(div, "class", "icon svelte-1mkvcuo");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -10903,7 +10980,7 @@ class IconElement extends SvelteComponent {
 /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
 function add_css$t(target) {
-	append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
+	append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
 }
 function create_fragment$11(ctx) {
@@ -10939,7 +11016,7 @@ function create_fragment$11(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "codeElement svelte-1ng2n51");
+			attr(div, "class", "codeElement svelte-ymsb9l");
 			attr(div, "style", /*style*/ ctx[3]);
 		},
 		m(target, anchor) {
@@ -11028,7 +11105,7 @@ class CodeElement extends SvelteComponent {
 /* src/components/Flex.svelte generated by Svelte v3.53.1 */
 function add_css$s(target) {
-	append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
+	append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
 }
 function create_fragment$10(ctx) {
@@ -11052,7 +11129,7 @@ function create_fragment$10(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "flex svelte-9v2qdg");
+			attr(div, "class", "flex svelte-1e71ejc");
 			attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
 		},
 		m(target, anchor) {
@@ -11149,7 +11226,7 @@ class Flex extends SvelteComponent {
 /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
 function add_css$r(target) {
-	append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
+	append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
 }
 function create_fragment$$(ctx) {
@@ -11172,7 +11249,7 @@ function create_fragment$$(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "flex-item svelte-164ah5d");
+			attr(div, "class", "flex-item svelte-1p0bk1x");
 			attr(div, "style", /*style*/ ctx[0]);
 		},
 		m(target, anchor) {
@@ -11592,7 +11669,7 @@ class GridModalState extends SvelteComponent {
 /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
 function add_css$q(target) {
-	append_styles(target, "svelte-akic2e", ".text-block.svelte-akic2e.svelte-akic2e{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:hidden}.text-block-inner.svelte-akic2e.svelte-akic2e{width:100%;height:auto}.text-direction-vertical.svelte-akic2e.svelte-akic2e{writing-mode:vertical-rl}.text-direction-vertical.svelte-akic2e .text-block-inner.svelte-akic2e{width:auto;height:100%}");
+	append_styles(target, "svelte-15pej1m", ".text-block.svelte-15pej1m.svelte-15pej1m{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:hidden}.text-block-inner.svelte-15pej1m.svelte-15pej1m{width:100%;height:auto}.text-direction-vertical.svelte-15pej1m.svelte-15pej1m{writing-mode:vertical-rl}.text-direction-vertical.svelte-15pej1m .text-block-inner.svelte-15pej1m{width:auto;height:100%}");
 }
 function create_fragment$Z(ctx) {
@@ -11621,8 +11698,8 @@ function create_fragment$Z(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div0, "class", "text-block-inner svelte-akic2e");
-			attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"));
+			attr(div0, "class", "text-block-inner svelte-15pej1m");
+			attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
 			attr(div1, "style", /*style*/ ctx[2]);
 		},
 		m(target, anchor) {
@@ -11636,7 +11713,7 @@ function create_fragment$Z(ctx) {
 			if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
 			rendertext.$set(rendertext_changes);
-			if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"))) {
+			if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
 				attr(div1, "class", div1_class_value);
 			}
@@ -11714,7 +11791,7 @@ class TextBlock extends SvelteComponent {
 /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
 function add_css$p(target) {
-	append_styles(target, "svelte-1c34p4n", ".text-button-block.svelte-1c34p4n{width:100%;height:100%;background-color:#000000;border-radius:4px}.text-button.svelte-1c34p4n{display:flex;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5}.text-button.svelte-1c34p4n:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-1c34p4n:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
+	append_styles(target, "svelte-ff0k6r", ".text-button-block.svelte-ff0k6r{width:100%;height:100%;background-color:#000000;border-radius:4px}.text-button.svelte-ff0k6r{display:flex;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5}.text-button.svelte-ff0k6r:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-ff0k6r:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
 }
 function create_fragment$Y(ctx) {
@@ -11744,9 +11821,9 @@ function create_fragment$Y(ctx) {
 			this.h();
 		},
 		h() {
-			attr(button, "class", "text-button svelte-1c34p4n");
+			attr(button, "class", "text-button svelte-ff0k6r");
 			attr(button, "style", /*_buttonStyle*/ ctx[1]);
-			attr(div, "class", "text-button-block svelte-1c34p4n");
+			attr(div, "class", "text-button-block svelte-ff0k6r");
 			attr(div, "style", /*_style*/ ctx[2]);
 		},
 		m(target, anchor) {
@@ -11852,7 +11929,7 @@ class TextButtonBlock extends SvelteComponent {
 /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
 function add_css$o(target) {
-	append_styles(target, "svelte-1jus6sx", ".image-block.svelte-1jus6sx{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image.svelte-1jus6sx{width:100%;height:100%}.transport.svelte-1jus6sx:hover,.transport.svelte-1jus6sx:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
+	append_styles(target, "svelte-1pdw891", ".image-block.svelte-1pdw891{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image.svelte-1pdw891{width:100%;height:100%}.transport.svelte-1pdw891:hover,.transport.svelte-1pdw891:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
 }
 function create_fragment$X(ctx) {
@@ -11888,14 +11965,14 @@ function create_fragment$X(ctx) {
 			this.h();
 		},
 		h() {
-			attr(img, "class", "image svelte-1jus6sx");
+			attr(img, "class", "image svelte-1pdw891");
 			attr(img, "loading", "lazy");
 			attr(img, "width", "auto");
 			attr(img, "height", "auto");
 			attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
 			if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
 			attr(img, "alt", /*alt*/ ctx[1]);
-			attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"));
+			attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
 			attr(div, "style", /*_style*/ ctx[5]);
 		},
 		m(target, anchor) {
@@ -11920,7 +11997,7 @@ function create_fragment$X(ctx) {
 				attr(img, "alt", /*alt*/ ctx[1]);
 			}
-			if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"))) {
+			if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
 				attr(div, "class", div_class_value);
 			}
@@ -12372,7 +12449,7 @@ const AVATAR_SIZE_STYLES = {
 /* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
 function add_css$n(target) {
-	append_styles(target, "svelte-apww0t", ".avatar.svelte-apww0t{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:0}");
+	append_styles(target, "svelte-1krsdyx", ".avatar.svelte-1krsdyx{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:0}");
 }
 // (42:0) <svelte:element   {...attributes}   this={element}   class="avatar"   style={style}   data-layer-id={layerId}   on:click={handleClick} >
@@ -12424,7 +12501,7 @@ function create_dynamic_element$b(ctx) {
 		},
 		h() {
 			if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
-			attr(img, "class", "avatar-image svelte-apww0t");
+			attr(img, "class", "avatar-image svelte-1krsdyx");
 			attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
 			attr(img, "style", /*imgStyle*/ ctx[2]);
@@ -12434,7 +12511,7 @@ function create_dynamic_element$b(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
-			toggle_class(svelte_element, "svelte-apww0t", true);
+			toggle_class(svelte_element, "svelte-1krsdyx", true);
 		},
 		m(target, anchor) {
 			insert_hydration(target, svelte_element, anchor);
@@ -12471,7 +12548,7 @@ function create_dynamic_element$b(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
-			toggle_class(svelte_element, "svelte-apww0t", true);
+			toggle_class(svelte_element, "svelte-1krsdyx", true);
 		},
 		d(detaching) {
 			if (detaching) detach(svelte_element);
@@ -14639,7 +14716,7 @@ const ICON_VARIANTS = {
 /* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
 function add_css$m(target) {
-	append_styles(target, "svelte-mut6o2", ".icon.svelte-mut6o2{display:flex;align-items:center;overflow:hidden;width:auto;cursor:pointer;text-decoration:none}");
+	append_styles(target, "svelte-19rssou", ".icon.svelte-19rssou{display:flex;align-items:center;overflow:hidden;width:auto;cursor:pointer;text-decoration:none}");
 }
 // (24:0) <svelte:element   {...attributes}   this={element}   class="icon"   style={style}   data-layer-id={layerId}   on:click={handleClick} >
@@ -14701,7 +14778,7 @@ function create_dynamic_element$a(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
-			toggle_class(svelte_element, "svelte-mut6o2", true);
+			toggle_class(svelte_element, "svelte-19rssou", true);
 		},
 		m(target, anchor) {
 			insert_hydration(target, svelte_element, anchor);
@@ -14754,7 +14831,7 @@ function create_dynamic_element$a(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
-			toggle_class(svelte_element, "svelte-mut6o2", true);
+			toggle_class(svelte_element, "svelte-19rssou", true);
 		},
 		i(local) {
 			if (current) return;
@@ -15056,7 +15133,7 @@ function darkenColor(color, percent) {
 /* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
 function add_css$l(target) {
-	append_styles(target, "svelte-brd6e9", ".button.svelte-brd6e9{display:inline-flex;gap:0.8em;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;color:var(--color);border-color:var(--border-color);background-color:var(--bg-color)}.button.svelte-brd6e9:hover{background-color:var(--hover-bg-color);border-color:var(--hover-border-color)}.button-icon.svelte-brd6e9{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
+	append_styles(target, "svelte-o2gomt", ".button.svelte-o2gomt{display:inline-flex;gap:0.8em;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;color:var(--color);border-color:var(--border-color);background-color:var(--bg-color)}.button.svelte-o2gomt:hover{background-color:var(--hover-bg-color);border-color:var(--hover-border-color)}.button-icon.svelte-o2gomt{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
 }
 // (91:2) {#if props.isIcon && props.iconVariant}
@@ -15090,7 +15167,7 @@ function create_if_block$9(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "button-icon svelte-brd6e9");
+			attr(div, "class", "button-icon svelte-o2gomt");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -15187,7 +15264,7 @@ function create_dynamic_element$9(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
-			toggle_class(svelte_element, "svelte-brd6e9", true);
+			toggle_class(svelte_element, "svelte-o2gomt", true);
 		},
 		m(target, anchor) {
 			insert_hydration(target, svelte_element, anchor);
@@ -15242,7 +15319,7 @@ function create_dynamic_element$9(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
-			toggle_class(svelte_element, "svelte-brd6e9", true);
+			toggle_class(svelte_element, "svelte-o2gomt", true);
 		},
 		i(local) {
 			if (current) return;
@@ -15521,7 +15598,7 @@ const BUTTON_OUTLINED_WRAP_STYLES = {
 /* src/components-flex/button-outlined/ButtonOutlined.svelte generated by Svelte v3.53.1 */
 function add_css$k(target) {
-	append_styles(target, "svelte-ypshn1", ".button-outlined.svelte-ypshn1{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-ypshn1:hover{background-color:var(--hover-bg-color)}.button-outlined-icon.svelte-ypshn1{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
+	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}");
 }
 // (53:2) {#if props.isIcon && props.iconVariant}
@@ -15555,7 +15632,7 @@ function create_if_block$8(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "button-outlined-icon svelte-ypshn1");
+			attr(div, "class", "button-outlined-icon svelte-38fju1");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -15642,7 +15719,7 @@ function create_dynamic_element$8(ctx) {
 			this.h();
 		},
 		h() {
-			attr(span, "class", "button-outlined-label svelte-ypshn1");
+			attr(span, "class", "button-outlined-label svelte-38fju1");
 			if ((/-/).test(/*element*/ ctx[4])) {
 				set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -15650,7 +15727,7 @@ function create_dynamic_element$8(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
-			toggle_class(svelte_element, "svelte-ypshn1", true);
+			toggle_class(svelte_element, "svelte-38fju1", true);
 		},
 		m(target, anchor) {
 			insert_hydration(target, svelte_element, anchor);
@@ -15704,7 +15781,7 @@ function create_dynamic_element$8(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
-			toggle_class(svelte_element, "svelte-ypshn1", true);
+			toggle_class(svelte_element, "svelte-38fju1", true);
 		},
 		i(local) {
 			if (current) return;
@@ -15900,7 +15977,7 @@ const getButtonTextThemeStyles = getPropStyles(callback$2);
 /* src/components-flex/button-text/ButtonText.svelte generated by Svelte v3.53.1 */
 function add_css$j(target) {
-	append_styles(target, "svelte-lted9r", ".button-text.svelte-lted9r{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border:0;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:rgba(255, 255, 255, 0)}.button-text.svelte-lted9r:hover{background-color:var(--hover-bg-color)}.button-text-icon.svelte-lted9r{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
+	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}");
 }
 // (49:2) {#if props.isIcon && props.iconVariant}
@@ -15934,7 +16011,7 @@ function create_if_block$7(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "button-text-icon svelte-lted9r");
+			attr(div, "class", "button-text-icon svelte-1xgvp8r");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -16021,7 +16098,7 @@ function create_dynamic_element$7(ctx) {
 			this.h();
 		},
 		h() {
-			attr(span, "class", "button-text-label svelte-lted9r");
+			attr(span, "class", "button-text-label svelte-1xgvp8r");
 			if ((/-/).test(/*element*/ ctx[4])) {
 				set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -16029,7 +16106,7 @@ function create_dynamic_element$7(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
-			toggle_class(svelte_element, "svelte-lted9r", true);
+			toggle_class(svelte_element, "svelte-1xgvp8r", true);
 		},
 		m(target, anchor) {
 			insert_hydration(target, svelte_element, anchor);
@@ -16083,7 +16160,7 @@ function create_dynamic_element$7(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
-			toggle_class(svelte_element, "svelte-lted9r", true);
+			toggle_class(svelte_element, "svelte-1xgvp8r", true);
 		},
 		i(local) {
 			if (current) return;
@@ -16235,7 +16312,7 @@ const BUTTON_TEXT_THEME = {
 /* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
 function add_css$i(target) {
-	append_styles(target, "svelte-3133h2", ".close-button.svelte-3133h2.svelte-3133h2{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:8px;border-radius:100%;background:none;cursor:pointer;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.close-button.svelte-3133h2 svg.svelte-3133h2{transition:transform 0.12s}.close-button.svelte-3133h2:hover svg.svelte-3133h2{transform:rotate(90deg)}.close-button-order-one.svelte-3133h2.svelte-3133h2{order:1}.close-button-order-two.svelte-3133h2.svelte-3133h2{order:2}");
+	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}");
 }
 // (90:2) {#if hasLabel}
@@ -16261,7 +16338,7 @@ function create_if_block$6(ctx) {
 			attr(span, "class", "close-button-label " + (/*isLeftLabelPlacement*/ ctx[10]
 			? 'close-button-order-one'
-			: '') + " svelte-3133h2");
+			: '') + " svelte-3mvsv6");
 		},
 		m(target, anchor) {
 			insert_hydration(target, span, anchor);
@@ -16353,7 +16430,7 @@ function create_dynamic_element$6(ctx) {
 			set_style(svg, "width", "100%");
 			set_style(svg, "height", "100%");
 			attr(svg, "fill", /*color*/ ctx[8]);
-			attr(svg, "class", "svelte-3133h2");
+			attr(svg, "class", "svelte-3mvsv6");
 			attr(span, "style", /*iconStyle*/ ctx[1]);
 			if ((/-/).test(/*element*/ ctx[6])) {
@@ -16362,7 +16439,7 @@ function create_dynamic_element$6(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
-			toggle_class(svelte_element, "svelte-3133h2", true);
+			toggle_class(svelte_element, "svelte-3mvsv6", true);
 		},
 		m(target, anchor) {
 			insert_hydration(target, svelte_element, anchor);
@@ -16408,7 +16485,7 @@ function create_dynamic_element$6(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
-			toggle_class(svelte_element, "svelte-3133h2", true);
+			toggle_class(svelte_element, "svelte-3mvsv6", true);
 		},
 		d(detaching) {
 			if (detaching) detach(svelte_element);
@@ -16649,10 +16726,10 @@ const IMAGE_ROUND_STYLES = {
 /* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
 function add_css$h(target) {
-	append_styles(target, "svelte-1y7kpsc", ".image.svelte-1y7kpsc{max-width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.image-img.svelte-1y7kpsc{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}");
+	append_styles(target, "svelte-rewdem", ".image.svelte-rewdem{max-width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.image-img.svelte-rewdem{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}");
 }
-// (24:0) <svelte:element   this={element}   {...attributes}   class="image"   {style}   data-layer-id={layerId}   on:click={handleClick} >
+// (26:0) <svelte:element   this={element}   {...attributes}   class="image"   {style}   data-layer-id={layerId}   on:click={handleClick} >
 function create_dynamic_element$5(ctx) {
 	let svelte_element;
 	let img;
@@ -16695,7 +16772,7 @@ function create_dynamic_element$5(ctx) {
 		h() {
 			if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
 			attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
-			attr(img, "class", "image-img svelte-1y7kpsc");
+			attr(img, "class", "image-img svelte-rewdem");
 			if ((/-/).test(/*element*/ ctx[4])) {
 				set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -16703,7 +16780,7 @@ function create_dynamic_element$5(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
-			toggle_class(svelte_element, "svelte-1y7kpsc", true);
+			toggle_class(svelte_element, "svelte-rewdem", true);
 		},
 		m(target, anchor) {
 			insert_hydration(target, svelte_element, anchor);
@@ -16736,7 +16813,7 @@ function create_dynamic_element$5(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
-			toggle_class(svelte_element, "svelte-1y7kpsc", true);
+			toggle_class(svelte_element, "svelte-rewdem", true);
 		},
 		d(detaching) {
 			if (detaching) detach(svelte_element);
@@ -16801,6 +16878,7 @@ function instance$l($$self, $$props, $$invalidate) {
 	useInjectCustomizeCss(props);
 	const { attributes, element, handleClick } = useClickable(props);
 	const aspectVariantStyles = ASPECT_VARIANT[props.aspectVariant]?.getProps();
+	const width = props.width ?? '100%';
 	$$self.$$set = $$props => {
 		if ('props' in $$props) $$invalidate(0, props = $$props.props);
@@ -16813,7 +16891,8 @@ function instance$l($$self, $$props, $$invalidate) {
 				...props.borderTopLeftRadius
 				? toCssRadius(props)
 				: IMAGE_ROUND_STYLES[props.shape ?? 'square'],
-				width: props.width ?? '100%',
+				width,
+				flexShrink: String(width).indexOf('px') !== -1 ? 0 : 1,
 				height: props.height ?? 'auto',
 				aspectRatio: props.aspect ?? aspectVariantStyles?.aspect,
 				...toCssCommon(props),
@@ -16853,7 +16932,7 @@ const IMAGE_ASPECT_VARIANTS = {
 /* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
 function add_css$g(target) {
-	append_styles(target, "svelte-1tjo4al", ".layout.svelte-1tjo4al{text-decoration:none;color:inherit}.layout[data-clickable=true].svelte-1tjo4al{cursor:pointer}.layout[data-clickable=true].svelte-1tjo4al:hover{opacity:0.8}");
+	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}");
 }
 // (28:0) <svelte:element   {...attributes}   this="div"   class="layout"   style={style}   data-layer-id={layerId}   on:click={handleClick} >
@@ -16903,7 +16982,7 @@ function create_dynamic_element$4(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
-			toggle_class(svelte_element, "svelte-1tjo4al", true);
+			toggle_class(svelte_element, "svelte-139vx15", true);
 		},
 		m(target, anchor) {
 			insert_hydration(target, svelte_element, anchor);
@@ -16948,7 +17027,7 @@ function create_dynamic_element$4(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
-			toggle_class(svelte_element, "svelte-1tjo4al", true);
+			toggle_class(svelte_element, "svelte-139vx15", true);
 		},
 		i(local) {
 			if (current) return;
@@ -17076,7 +17155,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$f(target) {
-	append_styles(target, "svelte-1k4xkut", ".slider-list.svelte-1k4xkut{-webkit-user-drag:none;margin:0;padding:0;list-style:none}");
+	append_styles(target, "svelte-1slel1d", ".slider-list.svelte-1slel1d{-webkit-user-drag:none;margin:0;padding:0;list-style:none}");
 }
 function get_each_context$1(ctx, list, i) {
@@ -17216,12 +17295,12 @@ function create_fragment$j(ctx) {
 			this.h();
 		},
 		h() {
-			attr(ul, "class", "slider-list svelte-1k4xkut");
+			attr(ul, "class", "slider-list svelte-1slel1d");
 			attr(ul, "style", ul_style_value = [/*containerStyle*/ ctx[5], /*overrideStyle*/ ctx[1]].join(' '));
 			attr(div0, "style", /*indicatorListStyle*/ ctx[4]);
 			attr(div1, "data-layer-id", /*layerId*/ ctx[0]);
 			attr(div1, "style", /*style*/ ctx[6]);
-			attr(div1, "class", "slider svelte-1k4xkut");
+			attr(div1, "class", "slider svelte-1slel1d");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div1, anchor);
@@ -17570,7 +17649,7 @@ class Slider extends SvelteComponent {
 /* src/components-flex/slider/SliderItem.svelte generated by Svelte v3.53.1 */
 function add_css$e(target) {
-	append_styles(target, "svelte-j5pon4", ".slider-item.svelte-j5pon4{overflow:hidden}.slider-item-inner.svelte-j5pon4{text-decoration:none;background:none;border:0;margin:0;padding:0;color:inherit;-webkit-user-drag:none;user-select:none}");
+	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}");
 }
 // (10:2) <svelte:element     {...attributes}     this={element}     class="slider-item-inner"     on:click={handleClick}   >
@@ -17608,7 +17687,7 @@ function create_dynamic_element$3(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
-			toggle_class(svelte_element, "svelte-j5pon4", true);
+			toggle_class(svelte_element, "svelte-1amglxo", true);
 		},
 		m(target, anchor) {
 			insert_hydration(target, svelte_element, anchor);
@@ -17648,7 +17727,7 @@ function create_dynamic_element$3(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
-			toggle_class(svelte_element, "svelte-j5pon4", true);
+			toggle_class(svelte_element, "svelte-1amglxo", true);
 		},
 		i(local) {
 			if (current) return;
@@ -17689,7 +17768,7 @@ function create_fragment$i(ctx) {
 		},
 		h() {
 			attr(li, "data-layer-id", /*layerId*/ ctx[0]);
-			attr(li, "class", "slider-item svelte-j5pon4");
+			attr(li, "class", "slider-item svelte-1amglxo");
 		},
 		m(target, anchor) {
 			insert_hydration(target, li, anchor);
@@ -17846,7 +17925,7 @@ const TEXT_VARIANTS = {
 /* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
 function add_css$d(target) {
-	append_styles(target, "svelte-14kt34i", ".text.svelte-14kt34i{margin:0;word-break:break-all;text-decoration:none}");
+	append_styles(target, "svelte-vifn7y", ".text.svelte-vifn7y{margin:0;word-break:break-all;text-decoration:none}");
 }
 function create_fragment$h(ctx) {
@@ -17869,7 +17948,7 @@ function create_fragment$h(ctx) {
 			this.h();
 		},
 		h() {
-			attr(p, "class", "text svelte-14kt34i");
+			attr(p, "class", "text svelte-vifn7y");
 			attr(p, "data-layer-id", /*layerId*/ ctx[0]);
 			attr(p, "style", /*style*/ ctx[1]);
 		},
@@ -17987,7 +18066,7 @@ class Text extends SvelteComponent {
 /* src/components-flex/rich-text/RichText.svelte generated by Svelte v3.53.1 */
 function add_css$c(target) {
-	append_styles(target, "svelte-mq7h73", ".rich-text.svelte-mq7h73 p{margin:0;word-break:break-all;text-decoration:none}.rich-text.svelte-mq7h73 p + p{margin-top:0.75em}");
+	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$g(ctx) {
@@ -18011,7 +18090,7 @@ function create_fragment$g(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "rich-text svelte-mq7h73");
+			attr(div, "class", "rich-text svelte-dxr423");
 			attr(div, "style", /*style*/ ctx[2]);
 			attr(div, "data-layer-id", /*layerId*/ ctx[1]);
 		},
@@ -18184,7 +18263,7 @@ const getTextLinkThemeStyles = getPropStyles(callback);
 /* src/components-flex/text-link/TextLink.svelte generated by Svelte v3.53.1 */
 function add_css$b(target) {
-	append_styles(target, "svelte-1qyhpm7", ".link.svelte-1qyhpm7{-webkit-appearance:none;border:0;background:none;padding:0;display:inline-flex}.link.svelte-1qyhpm7,.link.svelte-1qyhpm7:visited,.link.svelte-1qyhpm7:link{color:var(--color)}.link.svelte-1qyhpm7:hover{color:var(--hover-color)}.link.svelte-1qyhpm7:active{color:var(--active-color)}.link.underline-hover-on.svelte-1qyhpm7{text-decoration:none}.link.underline-hover-on.svelte-1qyhpm7:hover{text-decoration:underline}.link.underline-hover-off.svelte-1qyhpm7{text-decoration:underline}.link.underline-hover-off.svelte-1qyhpm7:hover{text-decoration:none}.link.underline-on.svelte-1qyhpm7{text-decoration:underline}.link.underline-off.svelte-1qyhpm7{text-decoration:none}");
+	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}");
 }
 // (81:2) {#if props.isIcon && props.iconVariant}
@@ -18298,7 +18377,7 @@ function create_dynamic_element$2(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
-			toggle_class(svelte_element, "svelte-1qyhpm7", true);
+			toggle_class(svelte_element, "svelte-dc9m5n", true);
 		},
 		m(target, anchor) {
 			insert_hydration(target, svelte_element, anchor);
@@ -18351,7 +18430,7 @@ function create_dynamic_element$2(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
-			toggle_class(svelte_element, "svelte-1qyhpm7", true);
+			toggle_class(svelte_element, "svelte-dc9m5n", true);
 		},
 		i(local) {
 			if (current) return;
@@ -18538,7 +18617,7 @@ const TEXT_LINK_UNDERLINE = {
 /* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
 function add_css$a(target) {
-	append_styles(target, "svelte-ed4ktn", ".v2-background.svelte-ed4ktn{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
+	append_styles(target, "svelte-18nkdjz", ".v2-background.svelte-18nkdjz{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
 }
 // (14:0) {#if backgroundOverlay}
@@ -18559,7 +18638,7 @@ function create_if_block$4(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"));
+			attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"));
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -18570,7 +18649,7 @@ function create_if_block$4(ctx) {
 			}
 		},
 		p(ctx, dirty) {
-			if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"))) {
+			if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"))) {
 				attr(div, "class", div_class_value);
 			}
 		},
@@ -18646,10 +18725,10 @@ class BackgroundOverlay extends SvelteComponent {
 /* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
 function add_css$9(target) {
-	append_styles(target, "svelte-15b58xm", "*{box-sizing:border-box}.modal.svelte-15b58xm{position:fixed;z-index:2147483647;display:flex}.modal.svelte-15b58xm > .button{flex:auto;display:flex}@media screen and (min-width: 641px){.modal-bp.svelte-15b58xm{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-15b58xm{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
+	append_styles(target, "svelte-45ue06", "*{box-sizing:border-box}.modal.svelte-45ue06{position:fixed;z-index:2147483647;display:flex}.modal.svelte-45ue06 > .button{flex:auto;display:flex}@media screen and (min-width: 641px){.modal-bp.svelte-45ue06{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-45ue06{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
 }
-// (220:0) {:else}
+// (222:0) {:else}
 function create_else_block(ctx) {
 	let backgroundoverlay;
 	let current;
@@ -18661,7 +18740,7 @@ function create_else_block(ctx) {
 		});
 	backgroundoverlay.$on("click", function () {
-		if (is_function(/*backgroundClick*/ ctx[13])) /*backgroundClick*/ ctx[13].apply(this, arguments);
+		if (is_function(/*backgroundClick*/ ctx[12])) /*backgroundClick*/ ctx[12].apply(this, arguments);
 	});
 	return {
@@ -18696,7 +18775,7 @@ function create_else_block(ctx) {
 	};
 }
-// (209:24)
+// (211:24)
 function create_if_block_2(ctx) {
 	let backgroundoverlay0;
 	let t;
@@ -18711,7 +18790,7 @@ function create_if_block_2(ctx) {
 		});
 	backgroundoverlay0.$on("click", function () {
-		if (is_function(/*backgroundClickPC*/ ctx[12])) /*backgroundClickPC*/ ctx[12].apply(this, arguments);
+		if (is_function(/*backgroundClickPC*/ ctx[11])) /*backgroundClickPC*/ ctx[11].apply(this, arguments);
 	});
 	backgroundoverlay1 = new BackgroundOverlay({
@@ -18722,7 +18801,7 @@ function create_if_block_2(ctx) {
 		});
 	backgroundoverlay1.$on("click", function () {
-		if (is_function(/*backgroundClickSP*/ ctx[11])) /*backgroundClickSP*/ ctx[11].apply(this, arguments);
+		if (is_function(/*backgroundClickSP*/ ctx[10])) /*backgroundClickSP*/ ctx[10].apply(this, arguments);
 	});
 	return {
@@ -18770,7 +18849,7 @@ function create_if_block_2(ctx) {
 	};
 }
-// (207:0) {#if !isOnSite}
+// (209:0) {#if isCanvasPreview}
 function create_if_block_1$1(ctx) {
 	return {
 		c: noop,
@@ -18783,11 +18862,10 @@ function create_if_block_1$1(ctx) {
 	};
 }
-// (223:0) {#if visible}
+// (225:0) {#if visible}
 function create_if_block$3(ctx) {
 	let div;
 	let div_class_value;
-	let div_style_value;
 	let div_intro;
 	let current;
 	const default_slot_template = /*#slots*/ ctx[27].default;
@@ -18814,11 +18892,11 @@ function create_if_block$3(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-15b58xm"));
+			attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"));
 			attr(div, "role", "dialog");
 			attr(div, "aria-modal", "true");
 			attr(div, "data-layer-id", /*layerId*/ ctx[2]);
-			attr(div, "style", div_style_value = [Array.from(/*modalStyles*/ ctx[15]).join(';'), /*style*/ ctx[9]].join(' '));
+			attr(div, "style", Array.from(/*modalStyles*/ ctx[15]).join(';'));
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -18848,17 +18926,13 @@ function create_if_block$3(ctx) {
 				}
 			}
-			if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-15b58xm"))) {
+			if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"))) {
 				attr(div, "class", div_class_value);
 			}
 			if (!current || dirty & /*layerId*/ 4) {
 				attr(div, "data-layer-id", /*layerId*/ ctx[2]);
 			}
-			if (!current || dirty & /*style*/ 512 && div_style_value !== (div_style_value = [Array.from(/*modalStyles*/ ctx[15]).join(';'), /*style*/ ctx[9]].join(' '))) {
-				attr(div, "style", div_style_value);
-			}
 		},
 		i(local) {
 			if (current) return;
@@ -18866,9 +18940,10 @@ function create_if_block$3(ctx) {
 			if (!div_intro) {
 				add_render_callback(() => {
-					div_intro = create_in_transition(div, customAnimation, {
+					div_intro = create_in_transition(div, customAnimationV2, {
 						transforms: /*transforms*/ ctx[3],
-						animationStyle: /*animation*/ ctx[1]
+						animationStyle: /*animation*/ ctx[1],
+						disabled: !/*isOnSite*/ ctx[14]
 					});
 					div_intro.start();
@@ -18901,7 +18976,7 @@ function create_fragment$d(ctx) {
 	const if_blocks = [];
 	function select_block_type(ctx, dirty) {
-		if (!/*isOnSite*/ ctx[14]) return 0;
+		if (/*isCanvasPreview*/ ctx[13]) return 0;
 		if (/*useBreakPoint*/ ctx[0]) return 1;
 		return 2;
 	}
@@ -18932,7 +19007,7 @@ function create_fragment$d(ctx) {
 			if (!mounted) {
 				dispose = listen(window, "keydown", function () {
-					if (is_function(/*handle_keydown*/ ctx[10])) /*handle_keydown*/ ctx[10].apply(this, arguments);
+					if (is_function(/*handle_keydown*/ ctx[9])) /*handle_keydown*/ ctx[9].apply(this, arguments);
 				});
 				mounted = true;
@@ -19018,7 +19093,6 @@ function instance$d($$self, $$props, $$invalidate) {
 	let backgroundClickSP;
 	let handle_keydown;
 	let visible;
-	let style;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { useBreakPoint = false } = $$props;
 	let { placement } = $$props;
@@ -19030,9 +19104,9 @@ function instance$d($$self, $$props, $$invalidate) {
 	let { closeEventValue = null } = $$props;
 	let { layerId = '' } = $$props;
 	const { brandKit } = useBrandKit();
-	// falseが明示的に指定されている場合以外はtrueにする
-	const isOnSite = (document.querySelector('#preview')?.getAttribute('data-on-site') ?? 'true') !== 'false';
+	const isCanvasPreview = (document.querySelector('#preview')?.getAttribute('data-canvas-preview') ?? 'false') === 'true';
+	const isOnSite = (document.querySelector('#preview')?.getAttribute('data-on-site') ?? 'true') === 'true';
+	console.log('isOnSite', isOnSite);
 	// モーダル背景の設定
 	const isExistBackgroundOverlayValue = placement && placement.backgroundOverlay !== undefined;
@@ -19091,7 +19165,7 @@ function instance$d($$self, $$props, $$invalidate) {
 		if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 196609) {
 			{
-				if (isOnSite && isExistBackgroundOverlayValue) {
+				if (!isCanvasPreview && isExistBackgroundOverlayValue) {
 					$$invalidate(4, backgroundOverlay = placement.backgroundOverlay);
 				}
@@ -19127,7 +19201,7 @@ function instance$d($$self, $$props, $$invalidate) {
 		}
 		if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 7340032) {
-			$$invalidate(13, backgroundClick = () => {
+			$$invalidate(12, backgroundClick = () => {
 				if (closeEventName) {
 					send_event(closeEventName, closeEventValue);
 				}
@@ -19137,7 +19211,7 @@ function instance$d($$self, $$props, $$invalidate) {
 		}
 		if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 11534336) {
-			$$invalidate(12, backgroundClickPC = () => {
+			$$invalidate(11, backgroundClickPC = () => {
 				if (closeEventName) {
 					send_event(closeEventName, closeEventValue);
 				}
@@ -19147,7 +19221,7 @@ function instance$d($$self, $$props, $$invalidate) {
 		}
 		if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 19922944) {
-			$$invalidate(11, backgroundClickSP = () => {
+			$$invalidate(10, backgroundClickSP = () => {
 				if (closeEventName) {
 					send_event(closeEventName, closeEventValue);
 				}
@@ -19162,7 +19236,7 @@ function instance$d($$self, $$props, $$invalidate) {
 				// 表示位置のスタイルの設定
 				let position = DefaultModalPlacement.position;
-				if (isOnSite && placement && placement.position !== null) {
+				if (!isCanvasPreview && placement && placement.position !== null) {
 					position = placement.position;
 				}
@@ -19179,7 +19253,7 @@ function instance$d($$self, $$props, $$invalidate) {
 				$$invalidate(3, transforms = []);
 				DEVICE_IDS.forEach(deviceId => {
-					if (isOnSite && useBreakPoint) {
+					if (!isCanvasPreview && useBreakPoint) {
 						const positionWithBp = breakPoint[deviceId]?.placement?.position;
 						transforms.push({
@@ -19204,12 +19278,12 @@ function instance$d($$self, $$props, $$invalidate) {
 			}
 		}
-		if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 196609) {
+		if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint, props*/ 720897) {
 			// 表示位置の調整のスタイルを設定
 			{
 				let margin = DefaultModalPlacement.margin;
-				if (isOnSite && placement && placement.margin !== null) {
+				if (!isCanvasPreview && placement && placement.margin !== null) {
 					margin = placement.margin;
 				}
@@ -19220,7 +19294,7 @@ function instance$d($$self, $$props, $$invalidate) {
 				}
 				DEVICE_IDS.forEach(deviceId => {
-					if (isOnSite && useBreakPoint) {
+					if (!isCanvasPreview && useBreakPoint) {
 						const marginWithBp = breakPoint[deviceId]?.placement?.margin;
 						marginStyle = getMarginStyle(marginWithBp);
 					}
@@ -19233,23 +19307,23 @@ function instance$d($$self, $$props, $$invalidate) {
 					modalStyles.add(marginVariables);
 				});
+				const propsStyle = objToStyle({
+					width: props.width,
+					...toCssOverflow(props),
+					...toCssShadow(props),
+					...toCssRadius(props),
+					...toCssBackgroundImage(props),
+					...toCssBackgroundColor(props),
+					...toCssBorder(props)
+				});
+				modalStyles.add(propsStyle);
 			}
 		}
 		if ($$self.$$.dirty & /*close*/ 33554432) {
-			$$invalidate(10, handle_keydown = handleKeydown({ Escape: close }));
-		}
-		if ($$self.$$.dirty & /*props*/ 524288) {
-			$$invalidate(9, style = objToStyle({
-				width: props.width,
-				...toCssOverflow(props),
-				...toCssShadow(props),
-				...toCssRadius(props),
-				...toCssBackgroundImage(props),
-				...toCssBackgroundColor(props),
-				...toCssBorder(props)
-			}));
+			$$invalidate(9, handle_keydown = handleKeydown({ Escape: close }));
 		}
 	};
@@ -19268,11 +19342,11 @@ function instance$d($$self, $$props, $$invalidate) {
 		backgroundOverlaySP,
 		modal,
 		visible,
-		style,
 		handle_keydown,
 		backgroundClickSP,
 		backgroundClickPC,
 		backgroundClick,
+		isCanvasPreview,
 		isOnSite,
 		modalStyles,
 		placement,
@@ -19320,7 +19394,7 @@ class Modal extends SvelteComponent {
 /* src/components-flex/code/Code.svelte generated by Svelte v3.53.1 */
 function add_css$8(target) {
-	append_styles(target, "svelte-jviwnb", ".code.svelte-jviwnb{flex-grow:1;flex-shrink:0;align-self:stretch}");
+	append_styles(target, "svelte-igivoz", ".code.svelte-igivoz{flex-grow:1;flex-shrink:0;align-self:stretch}");
 }
 function create_fragment$c(ctx) {
@@ -19339,7 +19413,7 @@ function create_fragment$c(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "code svelte-jviwnb");
+			attr(div, "class", "code svelte-igivoz");
 			attr(div, "data-layer-id", /*layerId*/ ctx[1]);
 		},
 		m(target, anchor) {
@@ -19421,7 +19495,7 @@ const LIST_ITEM_CONTEXT_KEY = 'ListItemContext';
 /* src/components-flex/list/List.svelte generated by Svelte v3.53.1 */
 function add_css$7(target) {
-	append_styles(target, "svelte-5g0mcl", ".list.svelte-5g0mcl{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)}");
+	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$b(ctx) {
@@ -19450,7 +19524,7 @@ function create_fragment$b(ctx) {
 		},
 		h() {
 			attr(ul, "data-layer-id", /*layerId*/ ctx[0]);
-			attr(ul, "class", "list svelte-5g0mcl");
+			attr(ul, "class", "list svelte-v2vy6p");
 			attr(ul, "style", /*style*/ ctx[1]);
 		},
 		m(target, anchor) {
@@ -19573,7 +19647,7 @@ class List extends SvelteComponent {
 /* src/components-flex/list/ListItem.svelte generated by Svelte v3.53.1 */
 function add_css$6(target) {
-	append_styles(target, "svelte-1e6dn58", ".list-item.svelte-1e6dn58{margin:0;padding:0}.list-item-inner.svelte-1e6dn58{display:flex;align-items:center;width:100%;text-decoration:none;color:inherit}.list-item-inner.svelte-1e6dn58:hover{opacity:0.8}.list-item.svelte-1e6dn58: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)}");
+	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)}");
 }
 // (30:2) <svelte:element     {...attributes}     this={element}     class="list-item-inner"     style={innerStyle}     on:click={handleClick}   >
@@ -19617,7 +19691,7 @@ function create_dynamic_element$1(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
-			toggle_class(svelte_element, "svelte-1e6dn58", true);
+			toggle_class(svelte_element, "svelte-1223veg", true);
 		},
 		m(target, anchor) {
 			insert_hydration(target, svelte_element, anchor);
@@ -19661,7 +19735,7 @@ function create_dynamic_element$1(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
-			toggle_class(svelte_element, "svelte-1e6dn58", true);
+			toggle_class(svelte_element, "svelte-1223veg", true);
 		},
 		i(local) {
 			if (current) return;
@@ -19706,7 +19780,7 @@ function create_fragment$a(ctx) {
 			this.h();
 		},
 		h() {
-			attr(li, "class", "list-item svelte-1e6dn58");
+			attr(li, "class", "list-item svelte-1223veg");
 			attr(li, "data-layer-id", /*layerId*/ ctx[0]);
 			attr(li, "style", /*style*/ ctx[2]);
 		},
@@ -19852,7 +19926,7 @@ function splitNumberAndUnit(value) {
 /* src/components-flex/multi-column/MultiColumn.svelte generated by Svelte v3.53.1 */
 function add_css$5(target) {
-	append_styles(target, "svelte-1csavnh", ".list.svelte-1csavnh{padding:0;margin:0;list-style:none;display:flex;flex-direction:row}");
+	append_styles(target, "svelte-aoppwp", ".list.svelte-aoppwp{padding:0;margin:0;list-style:none;display:flex;flex-direction:row}");
 }
 function create_fragment$9(ctx) {
@@ -19881,7 +19955,7 @@ function create_fragment$9(ctx) {
 		},
 		h() {
 			attr(ul, "data-layer-id", /*layerId*/ ctx[0]);
-			attr(ul, "class", "list svelte-1csavnh");
+			attr(ul, "class", "list svelte-aoppwp");
 			attr(ul, "style", /*style*/ ctx[1]);
 		},
 		m(target, anchor) {
@@ -19993,7 +20067,7 @@ class MultiColumn extends SvelteComponent {
 /* src/components-flex/multi-column/MultiColumnItem.svelte generated by Svelte v3.53.1 */
 function add_css$4(target) {
-	append_styles(target, "svelte-1mk0qj6", ".multi-column-item.svelte-1mk0qj6{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-1mk0qj6{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-1mk0qj6:hover{opacity:0.8}.multi-column-item.svelte-1mk0qj6: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)}");
+	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)}");
 }
 // (28:2) <svelte:element     {...attributes}     this={element}     class="multi-column-item-inner"     on:click={handleClick}   >
@@ -20031,7 +20105,7 @@ function create_dynamic_element(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
-			toggle_class(svelte_element, "svelte-1mk0qj6", true);
+			toggle_class(svelte_element, "svelte-1blzs1a", true);
 		},
 		m(target, anchor) {
 			insert_hydration(target, svelte_element, anchor);
@@ -20071,7 +20145,7 @@ function create_dynamic_element(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
-			toggle_class(svelte_element, "svelte-1mk0qj6", true);
+			toggle_class(svelte_element, "svelte-1blzs1a", true);
 		},
 		i(local) {
 			if (current) return;
@@ -20116,7 +20190,7 @@ function create_fragment$8(ctx) {
 			this.h();
 		},
 		h() {
-			attr(li, "class", "multi-column-item svelte-1mk0qj6");
+			attr(li, "class", "multi-column-item svelte-1blzs1a");
 			attr(li, "data-layer-id", /*layerId*/ ctx[0]);
 			attr(li, "style", /*style*/ ctx[1]);
 		},
@@ -20231,7 +20305,7 @@ class MultiColumnItem extends SvelteComponent {
 /* src/components-flex/youtube/Youtube.svelte generated by Svelte v3.53.1 */
 function add_css$3(target) {
-	append_styles(target, "svelte-1bgnrue", ".youtube.svelte-1bgnrue{position:relative;aspect-ratio:16 / 9;width:100%;border-radius:3px}.youtube.svelte-1bgnrue iframe{position:absolute;width:100%;height:100%;object-fit:cover}");
+	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$7(ctx) {
@@ -20259,7 +20333,7 @@ function create_fragment$7(ctx) {
 		},
 		h() {
 			attr(div0, "class", "youtube-player");
-			attr(div1, "class", "youtube svelte-1bgnrue");
+			attr(div1, "class", "youtube svelte-odfkc2");
 			attr(div1, "style", /*style*/ ctx[2]);
 			attr(div1, "data-layer-id", /*layerId*/ ctx[0]);
 		},
@@ -20406,7 +20480,7 @@ class Youtube extends SvelteComponent {
 /* src/components-flex/count-down/CountDown.svelte generated by Svelte v3.53.1 */
 function add_css$2(target) {
-	append_styles(target, "svelte-1eft5i1", ".countdown.svelte-1eft5i1{display:flex;align-items:center;gap:4px}");
+	append_styles(target, "svelte-1n395il", ".countdown.svelte-1n395il{display:flex;align-items:center;gap:4px}");
 }
 const get_default_slot_changes = dirty => ({
@@ -20443,7 +20517,7 @@ function create_fragment$6(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "countdown svelte-1eft5i1");
+			attr(div, "class", "countdown svelte-1n395il");
 			attr(div, "data-layer-id", /*layerId*/ ctx[0]);
 		},
 		m(target, anchor) {
@@ -20753,7 +20827,7 @@ class CountDownValue extends SvelteComponent {
 /* src/components-flex/clip-copy/ClipCopy.svelte generated by Svelte v3.53.1 */
 function add_css$1(target) {
-	append_styles(target, "svelte-1z01gne", ".clipboard.svelte-1z01gne{position:relative;display:inline-flex}.clipboard-button.svelte-1z01gne{position:relative;display:inline-flex;align-items:center;white-space:nowrap;gap:12px;background:none;border:0;transition:0.12s;cursor:pointer}.clipboard-button.svelte-1z01gne:hover{opacity:0.8}.clipboard-button.svelte-1z01gne:active{opacity:0.6}.clipboard-tooltip.svelte-1z01gne{position:absolute;top:-8px;left:50%;display:block;transform:translate(-50%, -100%);padding:4px 10px;background-color:#333333;color:#ffffff;font-size:11px;font-weight:bold;border-radius:4px;transition:transform 0.2s ease-out;white-space:nowrap;pointer-events:none}.clipboard-tooltip.svelte-1z01gne:after{content:'';display:block;position:absolute;bottom:0;left:50%;width:8px;height:8px;background-color:#333333;border-radius:1px;transform:translate(-50%, 40%) rotate(45deg)}.clipboard-tooltip[aria-hidden=\"true\"].svelte-1z01gne{opacity:0;transform:translate(-50%, -80%)}");
+	append_styles(target, "svelte-30zd8m", ".clipboard.svelte-30zd8m{position:relative;display:inline-flex}.clipboard-button.svelte-30zd8m{position:relative;display:inline-flex;align-items:center;white-space:nowrap;gap:12px;background:none;border:0;transition:0.12s;cursor:pointer}.clipboard-button.svelte-30zd8m:hover{opacity:0.8}.clipboard-button.svelte-30zd8m:active{opacity:0.6}.clipboard-tooltip.svelte-30zd8m{position:absolute;top:-8px;left:50%;display:block;transform:translate(-50%, -100%);padding:4px 10px;background-color:#333333;color:#ffffff;font-size:11px;font-weight:bold;border-radius:4px;transition:transform 0.2s ease-out;white-space:nowrap;pointer-events:none}.clipboard-tooltip.svelte-30zd8m:after{content:'';display:block;position:absolute;bottom:0;left:50%;width:8px;height:8px;background-color:#333333;border-radius:1px;transform:translate(-50%, 40%) rotate(45deg)}.clipboard-tooltip[aria-hidden=\"true\"].svelte-30zd8m{opacity:0;transform:translate(-50%, -80%)}");
 }
 function create_fragment$4(ctx) {
@@ -20795,10 +20869,10 @@ function create_fragment$4(ctx) {
 			this.h();
 		},
 		h() {
-			attr(button, "class", "clipboard-button svelte-1z01gne");
+			attr(button, "class", "clipboard-button svelte-30zd8m");
 			attr(span, "aria-hidden", span_aria_hidden_value = !/*showTooltip*/ ctx[2]);
-			attr(span, "class", "clipboard-tooltip svelte-1z01gne");
-			attr(div, "class", "clipboard svelte-1z01gne");
+			attr(span, "class", "clipboard-tooltip svelte-30zd8m");
+			attr(div, "class", "clipboard svelte-30zd8m");
 			attr(div, "data-layer-id", /*layerId*/ ctx[0]);
 		},
 		m(target, anchor) {
@@ -21427,7 +21501,7 @@ class State extends SvelteComponent {
 /* src/components-flex/state/StateItem.svelte generated by Svelte v3.53.1 */
 function add_css(target) {
-	append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
+	append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
 }
 // (22:0) {#if $state === path}
@@ -21454,7 +21528,7 @@ function create_if_block$1(ctx) {
 		},
 		h() {
 			attr(div, "data-state-path", /*path*/ ctx[0]);
-			attr(div, "class", "state-item svelte-1amihue");
+			attr(div, "class", "state-item svelte-2qb6dm");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -22027,7 +22101,7 @@ function get_each_context(ctx, list, i) {
 	return child_ctx;
 }
-// (13:0) {#if component}
+// (12:0) {#if component}
 function create_if_block(ctx) {
 	let switch_instance;
 	let switch_instance_anchor;
@@ -22115,7 +22189,7 @@ function create_if_block(ctx) {
 	};
 }
-// (20:4) {#if option.children}
+// (19:4) {#if option.children}
 function create_if_block_1(ctx) {
 	let each_1_anchor;
 	let current;
@@ -22206,7 +22280,7 @@ function create_if_block_1(ctx) {
 	};
 }
-// (21:6) {#each option.children as child}
+// (20:6) {#each option.children as child}
 function create_each_block(ctx) {
 	let thumbnailpreview;
 	let current;
@@ -22243,7 +22317,7 @@ function create_each_block(ctx) {
 	};
 }
-// (14:2) <svelte:component     this={component}     props={'previewProps' in option && typeof option.previewProps !== 'undefined'       ? option.previewProps       : option.props}   >
+// (13:2) <svelte:component     this={component}     props={'previewProps' in option && typeof option.previewProps !== 'undefined'       ? option.previewProps       : option.props}   >
 function create_default_slot(ctx) {
 	let if_block_anchor;
 	let current;
@@ -22366,7 +22440,6 @@ function instance($$self, $$props, $$invalidate) {
 	let component;
 	let { option = {} } = $$props;
 	let { customBrandKit = undefined } = $$props;
-	console.log('option', option);
 	const getComponent = key => {
 		return key in sdk ? sdk[key] : null;