@plaidev/karte-action-sdk 1.1.194-28162847.09cf3dda → 1.1.195-28164032.b3d0e1b0

package/dist/hydrate/index.es.js

@@ -3581,7 +3581,7 @@ class Button extends SvelteComponent {
 /* src/components/Modal.svelte generated by Svelte v3.53.1 */
 
 function add_css$q(target) {
-	append_styles(target, "svelte-1invh97", ".modal.svelte-1invh97{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1invh97 > .button{flex:auto;display:flex}.close.svelte-1invh97{position:absolute;top:0;right:0}.close.svelte-1invh97 > .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-1invh97 > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1invh97{flex:auto;display:flex;justify-content:center;align-items:center}");
+	append_styles(target, "svelte-yvwr7u", ".modal.svelte-yvwr7u{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-yvwr7u > .button{flex:auto;display:flex}.close.svelte-yvwr7u{position:absolute;top:0;right:0}.close.svelte-yvwr7u > .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-yvwr7u > .button:hover{transform:rotate(90deg)}.modal-content.svelte-yvwr7u{flex:auto;display:flex;justify-content:center;align-items:center;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
 }
 
 // (145:0) {#if visible}
@@ -3622,7 +3622,7 @@ function create_if_block$5(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "modal svelte-1invh97");
+			attr(div, "class", "modal svelte-yvwr7u");
 			attr(div, "role", "dialog");
 			attr(div, "aria-modal", "true");
 			attr(div, "style", div_style_value = "" + /*pos*/ ctx[16] + " " + /*marginStyle*/ ctx[14] + " " + ElasticityStyle[/*overwriteElasticity*/ ctx[17]] + "");
@@ -3710,7 +3710,7 @@ function create_if_block_1$1(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "close svelte-1invh97");
+			attr(div, "class", "close svelte-yvwr7u");
 			set_style(div, "z-index", /*$maximumZindex*/ ctx[20] + 1);
 		},
 		m(target, anchor) {
@@ -3751,7 +3751,7 @@ function create_if_block_1$1(ctx) {
 	};
 }
 
-// (164:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue}>
+// (164:10) <Button             onClick={onClose}             style={_closeStyle}             eventName={closeEventName}             eventValue={closeEventValue}           >
 function create_default_slot_1$1(ctx) {
 	let svg;
 	let path;
@@ -3835,7 +3835,7 @@ function create_default_slot$6(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "modal-content svelte-1invh97");
+			attr(div, "class", "modal-content svelte-yvwr7u");
 			attr(div, "style", /*_style*/ ctx[4]);
 		},
 		m(target, anchor) {
@@ -4031,7 +4031,7 @@ function instance$t($$self, $$props, $$invalidate) {
 	let { clickEventValue = null } = $$props;
 	let { placement = DefaultModalPlacement } = $$props;
 	let { animation = 'none' } = $$props;
-	let { _style = 'border-width: 0px; border-style: solid; border-color: #000000; overflow: hidden;' } = $$props;
+	let { _style = '' } = $$props;
 	let { elasticity = 'none' } = $$props;
 	let { onClose = { operation: 'closeApp', args: ['button'] } } = $$props;
 	let { closeEventName = '' } = $$props;
@@ -4702,10 +4702,10 @@ class RenderText extends SvelteComponent {
 /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$o(target) {
-	append_styles(target, "svelte-13kv866", ".text-element-wrapper.svelte-13kv866.svelte-13kv866{position:relative;height:100%}.text-element.svelte-13kv866.svelte-13kv866{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}.text-link-element.svelte-13kv866.svelte-13kv866{text-decoration:none;color:inherit}.text-element-inner.svelte-13kv866.svelte-13kv866{width:100%;height:auto}.text-direction-vertical.svelte-13kv866.svelte-13kv866{writing-mode:vertical-rl}.text-direction-vertical.svelte-13kv866 .text-element-inner.svelte-13kv866{width:auto;height:100%}.tooltip.svelte-13kv866.svelte-13kv866{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-13kv866.svelte-13kv866:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-13kv866.svelte-13kv866{display:block}.tooltip-error.svelte-13kv866.svelte-13kv866{background-color:#c00}.tooltip-error.svelte-13kv866.svelte-13kv866: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}");
 }
 
-// (86:2) {:else}
+// (93:2) {:else}
 function create_else_block$1(ctx) {
 	let div1;
 	let div0;
@@ -4732,8 +4732,8 @@ function create_else_block$1(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div0, "class", "text-element-inner svelte-13kv866");
-			attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-13kv866"));
+			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) {
@@ -4747,7 +4747,7 @@ function create_else_block$1(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-13kv866"))) {
+			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);
 			}
 
@@ -4771,7 +4771,7 @@ function create_else_block$1(ctx) {
 	};
 }
 
-// (77:2) {#if enableCopy}
+// (79:2) {#if enableCopy}
 function create_if_block$3(ctx) {
 	let a;
 	let div0;
@@ -4822,12 +4822,12 @@ function create_if_block$3(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div0, "class", "text-element-inner svelte-13kv866");
+			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-13kv866"));
+			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-13kv866");
-			attr(div2, "class", "tooltip tooltip-error svelte-13kv866");
+			attr(div1, "class", "tooltip svelte-9ixs0b");
+			attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
 		},
 		m(target, anchor) {
 			insert_hydration(target, a, anchor);
@@ -4853,7 +4853,7 @@ function create_if_block$3(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-13kv866"))) {
+			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);
 			}
 
@@ -4915,7 +4915,7 @@ function create_fragment$p(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "text-element-wrapper svelte-13kv866");
+			attr(div, "class", "text-element-wrapper svelte-9ixs0b");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -4969,9 +4969,9 @@ function instance$p($$self, $$props, $$invalidate) {
 	let style;
 	let { text = 'サンプルSample' } = $$props;
 	let { font = SYSTEM_FONT } = $$props;
-	let { _textStyle = 'font-size:12px; line-height: 1.5;' } = $$props;
+	let { _textStyle = '' } = $$props;
 	let { textDirection = 'horizontal' } = $$props;
-	let { _style = 'border-width: 0px; border-style: solid; border-color: #000000; overflow: hidden;' } = $$props;
+	let { _style = '' } = $$props;
 	let { enableCopy = false } = $$props;
 	let { eventName = '' } = $$props;
 	let eventValue = undefined;
@@ -5080,10 +5080,10 @@ class TextElement extends SvelteComponent {
 /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$n(target) {
-	append_styles(target, "svelte-wb7ek", ".text-button-element.svelte-wb7ek{width:100%;height:100%}.text-button-element.svelte-wb7ek > .button{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden}.text-button-element.svelte-wb7ek > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-wb7ek > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-wb7ek > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
+	append_styles(target, "svelte-3hgcnq", ".text-button-element.svelte-3hgcnq{width:100%;height:100%}.text-button-element.svelte-3hgcnq > .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:#000000;border-radius:4px;cursor:pointer;border-width:0px;border-style:solid;border-color:#000000}.text-button-element.svelte-3hgcnq > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-3hgcnq > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-3hgcnq > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
 }
 
-// (46:2) <Button onClick={onClick} {style} {eventName}>
+// (48:2) <Button {onClick} {style} {eventName}>
 function create_default_slot$5(ctx) {
 	let rendertext;
 	let current;
@@ -5149,7 +5149,7 @@ function create_fragment$o(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "text-button-element svelte-wb7ek");
+			attr(div, "class", "text-button-element svelte-3hgcnq");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -5190,8 +5190,8 @@ function instance$o($$self, $$props, $$invalidate) {
 	let { onClick = { operation: 'none', args: [] } } = $$props;
 	let { eventName = '' } = $$props;
 	let { font = SYSTEM_FONT } = $$props;
-	let { _buttonStyle = 'color:#ffffff; font-size:14px; font-weight:bold; justify-content:center; align-items:center; padding:1px 6px 1px 6px; line-height: 1.5;' } = $$props;
-	let { _style = 'background-color: #000000; border-radius:4px; cursor: pointer; border-width: 0px; border-style: solid; border-color: #000000;' } = $$props;
+	let { _buttonStyle = '' } = $$props;
+	let { _style = '' } = $$props;
 
 	$$self.$$set = $$props => {
 		if ('text' in $$props) $$invalidate(0, text = $$props.text);
@@ -5241,7 +5241,7 @@ class TextButtonElement extends SvelteComponent {
 /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$m(target) {
-	append_styles(target, "svelte-1v4alzq", ".image-element.svelte-1v4alzq{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-1v4alzq > .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}.image-element.svelte-1v4alzq > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-1v4alzq > .button:not(._disabled):hover,.image-element.transport.svelte-1v4alzq > .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-1v4alzq{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}>
@@ -5269,7 +5269,7 @@ function create_default_slot$4(ctx) {
 			this.h();
 		},
 		h() {
-			attr(img, "class", "image svelte-1v4alzq");
+			attr(img, "class", "image svelte-t6tu0e");
 			attr(img, "loading", "lazy");
 			attr(img, "width", "auto");
 			attr(img, "height", "auto");
@@ -5329,7 +5329,7 @@ function create_fragment$n(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1v4alzq");
+			attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -5348,7 +5348,7 @@ function create_fragment$n(ctx) {
 
 			button.$set(button_changes);
 
-			if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1v4alzq")) {
+			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);
 			}
 		},
@@ -5376,7 +5376,7 @@ function instance$n($$self, $$props, $$invalidate) {
 	let { onClick = { operation: 'none', args: [] } } = $$props;
 	let { eventName = '' } = $$props;
 	let { _imageStyle = '' } = $$props;
-	let { _style = 'border-width: 0px; border-style: solid; border-color: #000000; overflow: hidden;' } = $$props;
+	let { _style = '' } = $$props;
 
 	$$self.$$set = $$props => {
 		if ('src' in $$props) $$invalidate(0, src = $$props.src);
@@ -5499,7 +5499,7 @@ function instance$m($$self, $$props, $$invalidate) {
 	let { direction = 'vertical' } = $$props;
 	let { separator = DefaultListSeparator } = $$props;
 	let { background = DefaultListBackground } = $$props;
-	let { _style = 'border-width: 0px; border-style: solid; border-color: #000000;' } = $$props;
+	let { _style = '' } = $$props;
 	let items = [];
 
 	setContext(LIST_CONTEXT_KEY, {
@@ -5577,7 +5577,7 @@ class List extends SvelteComponent {
 /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
 
 function add_css$k(target) {
-	append_styles(target, "svelte-pd7cyv", ".list-item.svelte-pd7cyv{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item.svelte-pd7cyv > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000}");
+	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}>
@@ -5660,7 +5660,7 @@ function create_fragment$l(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "list-item svelte-pd7cyv");
+			attr(div, "class", "list-item svelte-9n97pe");
 			attr(div, "style", /*listItemStyle*/ ctx[3]);
 		},
 		m(target, anchor) {
@@ -5714,7 +5714,7 @@ function instance$l($$self, $$props, $$invalidate) {
 
 	let { onClick = { operation: 'none', args: [] } } = $$props;
 	let { clickEventName = '' } = $$props;
-	let { _style = 'border-width: 0px; border-style: solid; border-color: #000000; overflow: hidden;' } = $$props;
+	let { _style = '' } = $$props;
 
 	onDestroy$1(() => {
 		unregisterItem(id);
@@ -5786,7 +5786,7 @@ class ListItem extends SvelteComponent {
 /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$j(target) {
-	append_styles(target, "svelte-g5f8hw", ".embed.svelte-g5f8hw{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-g5f8hw iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000}");
+	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$k(ctx) {
@@ -5804,7 +5804,7 @@ function create_fragment$k(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "embed svelte-g5f8hw");
+			attr(div, "class", "embed svelte-wocq4p");
 			attr(div, "style", /*_style*/ ctx[1]);
 		},
 		m(target, anchor) {
@@ -5827,7 +5827,7 @@ function create_fragment$k(ctx) {
 
 function instance$k($$self, $$props, $$invalidate) {
 	let { code } = $$props;
-	let { _style = 'border-width: 0px; border-style: solid; border-color: #000000; overflow: hidden;' } = $$props;
+	let { _style = '' } = $$props;
 
 	$$self.$$set = $$props => {
 		if ('code' in $$props) $$invalidate(0, code = $$props.code);
@@ -5847,7 +5847,7 @@ class EmbedElement extends SvelteComponent {
 /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$i(target) {
-	append_styles(target, "svelte-1gvn5zq", ".embed.svelte-1gvn5zq{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}.embed.svelte-1gvn5zq 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$j(ctx) {
@@ -5870,7 +5870,7 @@ function create_fragment$j(ctx) {
 		},
 		h() {
 			attr(div0, "class", "karte-player");
-			attr(div1, "class", "embed svelte-1gvn5zq");
+			attr(div1, "class", "embed svelte-vikz49");
 			attr(div1, "style", /*_style*/ ctx[0]);
 		},
 		m(target, anchor) {
@@ -5929,7 +5929,7 @@ function instance$j($$self, $$props, $$invalidate) {
 	let { start = -1 } = $$props;
 	let { widget_referrer = '' } = $$props;
 	let { mute = false } = $$props;
-	let { _style = 'border-width: 0px; border-style: solid; border-color: #000000; overflow: hidden;' } = $$props;
+	let { _style = '' } = $$props;
 
 	// @ts-ignore
 	if (!window.YT) {
@@ -6212,7 +6212,7 @@ class MovieYouTubeElement extends SvelteComponent {
 /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$h(target) {
-	append_styles(target, "svelte-1gvn5zq", ".embed.svelte-1gvn5zq{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}.embed.svelte-1gvn5zq 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$i(ctx) {
@@ -6235,7 +6235,7 @@ function create_fragment$i(ctx) {
 		},
 		h() {
 			attr(div0, "class", "karte-player");
-			attr(div1, "class", "embed svelte-1gvn5zq");
+			attr(div1, "class", "embed svelte-vikz49");
 			attr(div1, "style", /*_style*/ ctx[0]);
 		},
 		m(target, anchor) {
@@ -6265,7 +6265,7 @@ function instance$i($$self, $$props, $$invalidate) {
 	let { autoplay = false } = $$props;
 	let { loop = false } = $$props;
 	let { mute = false } = $$props;
-	let { _style = "border-width: 0px; border-style: solid; border-color: #000000; overflow: hidden;" } = $$props;
+	let { _style = "" } = $$props;
 
 	// @ts-ignore
 	if (!window.Vimeo) {
@@ -6859,7 +6859,7 @@ class FormRadioButtons extends SvelteComponent {
 /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
 
 function add_css$e(target) {
-	append_styles(target, "svelte-1n4ag74", ".select.svelte-1n4ag74{width:100%;height:100%}.select-select.svelte-1n4ag74{position:relative;appearance:none;width:100%;height:100%}.select-select.svelte-1n4ag74: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-1n4ag74{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$4(ctx, list, i) {
@@ -7030,10 +7030,10 @@ function create_fragment$f(ctx) {
 			this.h();
 		},
 		h() {
-			attr(select, "class", "select-select svelte-1n4ag74");
+			attr(select, "class", "select-select svelte-t9ynyj");
 			attr(select, "style", /*style*/ ctx[3]);
-			attr(div0, "class", "select-icon svelte-1n4ag74");
-			attr(div1, "class", "select svelte-1n4ag74");
+			attr(div0, "class", "select-icon svelte-t9ynyj");
+			attr(div1, "class", "select svelte-t9ynyj");
 			attr(div1, "style", /*styleVariables*/ ctx[2]);
 		},
 		m(target, anchor) {
@@ -7105,10 +7105,10 @@ function instance$f($$self, $$props, $$invalidate) {
 	let { options = 'プルダウン1,プルダウン2,プルダウン3' } = $$props;
 	let { placeholder = '回答を選択して下さい' } = $$props;
 	let { required = false } = $$props;
-	let { _style = 'cursor: pointer; background-color: #fff; border: solid 2px #ccc; border-radius: 6px; padding: 0 0 0 10px;' } = $$props;
+	let { _style = '' } = $$props;
 	let { _focusStyle = 'border-width: 2px; border-color: #2aab9f; border-style: solid' } = $$props;
 	let { font = SYSTEM_FONT } = $$props;
-	let { _textStyle = 'font-size: 12px; line-height:1.5;' } = $$props;
+	let { _textStyle = '' } = $$props;
 	let { _placeholderStyle = 'color: #ccc;' } = $$props;
 	let { iconColor = 'rgba(0, 16, 14, 0.8)' } = $$props;
 	let { iconSize = '12px' } = $$props;
@@ -7235,7 +7235,7 @@ class FormSelect extends SvelteComponent {
 /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
 
 function add_css$d(target) {
-	append_styles(target, "svelte-p15pvn", ".check-boxes.svelte-p15pvn.svelte-p15pvn{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.check-box.svelte-p15pvn.svelte-p15pvn{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-p15pvn.svelte-p15pvn{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-p15pvn.svelte-p15pvn{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-p15pvn.svelte-p15pvn{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-p15pvn.svelte-p15pvn: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-p15pvn.svelte-p15pvn{background-color:var(--color-main-active)}.check-box-check._checked.svelte-p15pvn .check-box-icon.svelte-p15pvn:after{border-color:var(--color-sub-active)}.check-box-text.svelte-p15pvn.svelte-p15pvn{margin-left:0.5em}");
+	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$3(ctx, list, i) {
@@ -7258,6 +7258,7 @@ function create_each_block$3(ctx) {
 	let span2;
 	let t2_value = /*option*/ ctx[17] + "";
 	let t2;
+	let span2_style_value;
 	let t3;
 	let mounted;
 	let dispose;
@@ -7296,19 +7297,19 @@ function create_each_block$3(ctx) {
 			this.h();
 		},
 		h() {
-			attr(input, "class", "check-box-input svelte-p15pvn");
+			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-p15pvn");
+			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-p15pvn"));
+			: ''}`) + " svelte-1p65cg8"));
 
-			attr(span2, "class", "check-box-text svelte-p15pvn");
-			attr(span2, "style", /*_textStyle*/ ctx[2]);
-			attr(label, "class", "check-box svelte-p15pvn");
+			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-1p65cg8");
 			attr(label, "style", /*styleVariables*/ ctx[5]);
 		},
 		m(target, anchor) {
@@ -7323,7 +7324,7 @@ function create_each_block$3(ctx) {
 			append_hydration(label, t3);
 
 			if (!mounted) {
-				dispose = listen(input, "change", /*handleChange*/ ctx[7](/*i*/ ctx[19]));
+				dispose = listen(input, "change", /*handleChange*/ ctx[8](/*i*/ ctx[19]));
 				mounted = true;
 			}
 		},
@@ -7340,14 +7341,14 @@ function create_each_block$3(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-p15pvn"))) {
+			: ''}`) + " svelte-1p65cg8"))) {
 				attr(span1, "class", span1_class_value);
 			}
 
 			if (dirty & /*_options*/ 8 && t2_value !== (t2_value = /*option*/ ctx[17] + "")) set_data(t2, t2_value);
 
-			if (dirty & /*_textStyle*/ 4) {
-				attr(span2, "style", /*_textStyle*/ ctx[2]);
+			if (dirty & /*_textStyle*/ 4 && span2_style_value !== (span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`)) {
+				attr(span2, "style", span2_style_value);
 			}
 
 			if (dirty & /*styleVariables*/ 32) {
@@ -7393,7 +7394,7 @@ function create_fragment$e(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "check-boxes svelte-p15pvn");
+			attr(div, "class", "check-boxes svelte-1p65cg8");
 			attr(div, "style", /*_layoutStyle*/ ctx[1]);
 		},
 		m(target, anchor) {
@@ -7404,7 +7405,7 @@ function create_fragment$e(ctx) {
 			}
 		},
 		p(ctx, [dirty]) {
-			if (dirty & /*styleVariables, _textStyle, _options, isCheckedArray, name, handleChange*/ 189) {
+			if (dirty & /*styleVariables, _textStyle, fontCss, _options, isCheckedArray, name, handleChange*/ 381) {
 				each_value = /*_options*/ ctx[3];
 				let i;
 
@@ -7448,10 +7449,10 @@ function instance$e($$self, $$props, $$invalidate) {
 	let { name = '' } = $$props;
 	let { options = 'チェックボックス1,チェックボックス2,チェックボックス3' } = $$props;
 	let { required = false } = $$props;
-	let { _layoutStyle = 'flex-direction: column; gap: 0px;' } = $$props;
+	let { _layoutStyle = '' } = $$props;
 	let { font = SYSTEM_FONT } = $$props;
 	const fontCss = font ? 'font-family:' + font : '';
-	let { _textStyle = `color:#333; font-size:12px; line-height:1.5; ${fontCss}` } = $$props;
+	let { _textStyle = '' } = $$props;
 	let { buttonSize = '16px' } = $$props;
 	let { buttonColor = { main: '#f0f1f1', sub: '#f0f1f1' } } = $$props;
 	let { buttonColorActive = { main: '#2aab9f', sub: '#fff' } } = $$props;
@@ -7467,7 +7468,7 @@ function instance$e($$self, $$props, $$invalidate) {
 		}
 	});
 
-	component_subscribe($$self, value, value => $$invalidate(14, $value = value));
+	component_subscribe($$self, value, value => $$invalidate(15, $value = value));
 
 	const handleChange = index => event => {
 		if (isCheckedArray[index] !== event.target.checked) {
@@ -7480,26 +7481,26 @@ function instance$e($$self, $$props, $$invalidate) {
 
 	$$self.$$set = $$props => {
 		if ('name' in $$props) $$invalidate(0, name = $$props.name);
-		if ('options' in $$props) $$invalidate(8, options = $$props.options);
-		if ('required' in $$props) $$invalidate(9, required = $$props.required);
+		if ('options' in $$props) $$invalidate(9, options = $$props.options);
+		if ('required' in $$props) $$invalidate(10, required = $$props.required);
 		if ('_layoutStyle' in $$props) $$invalidate(1, _layoutStyle = $$props._layoutStyle);
-		if ('font' in $$props) $$invalidate(10, font = $$props.font);
+		if ('font' in $$props) $$invalidate(11, font = $$props.font);
 		if ('_textStyle' in $$props) $$invalidate(2, _textStyle = $$props._textStyle);
-		if ('buttonSize' in $$props) $$invalidate(11, buttonSize = $$props.buttonSize);
-		if ('buttonColor' in $$props) $$invalidate(12, buttonColor = $$props.buttonColor);
-		if ('buttonColorActive' in $$props) $$invalidate(13, buttonColorActive = $$props.buttonColorActive);
+		if ('buttonSize' in $$props) $$invalidate(12, buttonSize = $$props.buttonSize);
+		if ('buttonColor' in $$props) $$invalidate(13, buttonColor = $$props.buttonColor);
+		if ('buttonColorActive' in $$props) $$invalidate(14, buttonColorActive = $$props.buttonColorActive);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*font*/ 1024) {
+		if ($$self.$$.dirty & /*font*/ 2048) {
 			addFont(font);
 		}
 
-		if ($$self.$$.dirty & /*options*/ 256) {
+		if ($$self.$$.dirty & /*options*/ 512) {
 			$$invalidate(3, _options = options.split(','));
 		}
 
-		if ($$self.$$.dirty & /*buttonColor, buttonColorActive, buttonSize*/ 14336) {
+		if ($$self.$$.dirty & /*buttonColor, buttonColorActive, buttonSize*/ 28672) {
 			$$invalidate(5, styleVariables = (() => {
 				return stringifyStyleObj({
 					'--color-main': buttonColor.main,
@@ -7511,7 +7512,7 @@ function instance$e($$self, $$props, $$invalidate) {
 			})());
 		}
 
-		if ($$self.$$.dirty & /*$value, _options*/ 16392) {
+		if ($$self.$$.dirty & /*$value, _options*/ 32776) {
 			$$invalidate(4, isCheckedArray = (() => {
 				const checkedSet = new Set($value);
 				return _options.map(option => checkedSet.has(option));
@@ -7526,6 +7527,7 @@ function instance$e($$self, $$props, $$invalidate) {
 		_options,
 		isCheckedArray,
 		styleVariables,
+		fontCss,
 		value,
 		handleChange,
 		options,
@@ -7550,14 +7552,14 @@ class FormCheckBoxes extends SvelteComponent {
 			safe_not_equal,
 			{
 				name: 0,
-				options: 8,
-				required: 9,
+				options: 9,
+				required: 10,
 				_layoutStyle: 1,
-				font: 10,
+				font: 11,
 				_textStyle: 2,
-				buttonSize: 11,
-				buttonColor: 12,
-				buttonColorActive: 13
+				buttonSize: 12,
+				buttonColor: 13,
+				buttonColorActive: 14
 			},
 			add_css$d
 		);
@@ -8460,7 +8462,7 @@ function instance$b($$self, $$props, $$invalidate) {
 	let navigationStyle;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { loop = false } = $$props;
-	let { _style = 'border-width: 0px; border-style: solid; border-color: #000000;' } = $$props;
+	let { _style = '' } = $$props;
 
 	let { nextButton = {
 		type: 'icon',
@@ -8922,7 +8924,7 @@ class Slide extends SvelteComponent {
 /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
 
 function add_css$9(target) {
-	append_styles(target, "svelte-1fqq17x", ".item.svelte-1fqq17x{height:100%;flex:none;position:relative}.item.svelte-1fqq17x img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-1fqq17x{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000}");
+	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$a(ctx) {
@@ -8950,9 +8952,9 @@ function create_fragment$a(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div0, "class", "item-inner svelte-1fqq17x");
+			attr(div0, "class", "item-inner svelte-9ygf1w");
 			attr(div0, "style", /*_style*/ ctx[0]);
-			attr(div1, "class", "item svelte-1fqq17x");
+			attr(div1, "class", "item svelte-9ygf1w");
 			attr(div1, "style", /*itemStyle*/ ctx[1]);
 		},
 		m(target, anchor) {
@@ -9048,7 +9050,7 @@ function instance$a($$self, $$props, $$invalidate) {
 		unregisterItem(id);
 	});
 
-	let { _style = 'cursor: default; border-width: 0px; border-style: solid; border-color: #000000; overflow: hidden;' } = $$props;
+	let { _style = '' } = $$props;
 	let itemWidth = null;
 	let itemTransform = 0;
 
@@ -9078,7 +9080,7 @@ class SlideItem extends SvelteComponent {
 /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
 
 function add_css$8(target) {
-	append_styles(target, "svelte-192lor2", ".countdown.svelte-192lor2{position:relative;width:100%;height:100%}.countdown-inner.svelte-192lor2{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000}");
+	append_styles(target, "svelte-rroxiz", ".countdown.svelte-rroxiz{position:relative;width:100%;height:100%}.countdown-inner.svelte-rroxiz{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
 }
 
 const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
@@ -9109,9 +9111,9 @@ function create_fragment$9(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div0, "class", "countdown-inner svelte-192lor2");
+			attr(div0, "class", "countdown-inner svelte-rroxiz");
 			attr(div0, "style", /*_style*/ ctx[0]);
-			attr(div1, "class", "countdown svelte-192lor2");
+			attr(div1, "class", "countdown svelte-rroxiz");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div1, anchor);
@@ -9182,7 +9184,7 @@ function instance$9($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { timeLimit = '2023/12/31 23:59:59' } = $$props;
 	let { stateOnEnd } = $$props;
-	let { _style = 'border-width: 0px; border-style: solid; border-color: #000000; overflow: hidden;' } = $$props;
+	let { _style = '' } = $$props;
 	let remainingTime;
 
 	function onEachSecond() {
@@ -9241,7 +9243,7 @@ class Countdown extends SvelteComponent {
 /* src/components/Box.svelte generated by Svelte v3.53.1 */
 
 function add_css$7(target) {
-	append_styles(target, "svelte-6g6etj", ".box.svelte-6g6etj{position:relative;width:100%;height:100%}.box.svelte-6g6etj > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000}");
+	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}>
@@ -9324,7 +9326,7 @@ function create_fragment$8(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "box svelte-6g6etj");
+			attr(div, "class", "box svelte-1ccydfy");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -9363,7 +9365,7 @@ function instance$8($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { onClick = { operation: 'none', args: [] } } = $$props;
 	let { eventName = '' } = $$props;
-	let { _style = 'border-width: 0px; border-style: solid; border-color: #000000; overflow: hidden;' } = $$props;
+	let { _style = '' } = $$props;
 
 	$$self.$$set = $$props => {
 		if ('onClick' in $$props) $$invalidate(0, onClick = $$props.onClick);
@@ -10287,7 +10289,7 @@ class GridModalState extends SvelteComponent {
 /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
 
 function add_css$2(target) {
-	append_styles(target, "svelte-11rpuv5", ".text-block.svelte-11rpuv5.svelte-11rpuv5{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:auto}.text-block-inner.svelte-11rpuv5.svelte-11rpuv5{width:100%;height:auto}.text-direction-vertical.svelte-11rpuv5.svelte-11rpuv5{writing-mode:vertical-rl}.text-direction-vertical.svelte-11rpuv5 .text-block-inner.svelte-11rpuv5{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$2(ctx) {
@@ -10316,8 +10318,8 @@ function create_fragment$2(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div0, "class", "text-block-inner svelte-11rpuv5");
-			attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-11rpuv5"));
+			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) {
@@ -10331,7 +10333,7 @@ function create_fragment$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-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-11rpuv5"))) {
+			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);
 			}
 
@@ -10361,7 +10363,7 @@ function instance$2($$self, $$props, $$invalidate) {
 	let { font = SYSTEM_FONT } = $$props;
 	let { _textStyle = 'font-size:12px; line-height:1.5;' } = $$props;
 	let { textDirection = 'horizontal' } = $$props;
-	let { _style = 'overflow: hidden;' } = $$props;
+	let { _style = '' } = $$props;
 
 	$$self.$$set = $$props => {
 		if ('text' in $$props) $$invalidate(0, text = $$props.text);
@@ -10409,7 +10411,7 @@ class TextBlock extends SvelteComponent {
 /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
 
 function add_css$1(target) {
-	append_styles(target, "svelte-1t5i3za", ".text-button-block.svelte-1t5i3za{width:100%;height:100%}.text-button.svelte-1t5i3za{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s}.text-button.svelte-1t5i3za:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-1t5i3za: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$1(ctx) {
@@ -10439,9 +10441,9 @@ function create_fragment$1(ctx) {
 			this.h();
 		},
 		h() {
-			attr(button, "class", "text-button svelte-1t5i3za");
+			attr(button, "class", "text-button svelte-ff0k6r");
 			attr(button, "style", /*_buttonStyle*/ ctx[1]);
-			attr(div, "class", "text-button-block svelte-1t5i3za");
+			attr(div, "class", "text-button-block svelte-ff0k6r");
 			attr(div, "style", /*_style*/ ctx[2]);
 		},
 		m(target, anchor) {
@@ -10500,8 +10502,8 @@ function instance$1($$self, $$props, $$invalidate) {
 
 	let { eventName = '' } = $$props;
 	let { font = SYSTEM_FONT } = $$props;
-	let { _buttonStyle = 'color:#ffffff; font-size:14px; font-weight:bold; justify-content:center; align-items:center; padding:1px 6px 1px 6px; line-height:1.5;' } = $$props;
-	let { _style = 'background-color: #000000; border-radius:4px;' } = $$props;
+	let { _buttonStyle = '' } = $$props;
+	let { _style = '' } = $$props;
 
 	$$self.$$set = $$props => {
 		if ('text' in $$props) $$invalidate(0, text = $$props.text);
@@ -10547,7 +10549,7 @@ class TextButtonBlock extends SvelteComponent {
 /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
 
 function add_css(target) {
-	append_styles(target, "svelte-1um32br", ".image-block.svelte-1um32br{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}.image.svelte-1um32br{width:100%;height:100%}.transport.svelte-1um32br:hover,.transport.svelte-1um32br: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(ctx) {
@@ -10583,14 +10585,14 @@ function create_fragment(ctx) {
 			this.h();
 		},
 		h() {
-			attr(img, "class", "image svelte-1um32br");
+			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-1um32br"));
+			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) {
@@ -10615,7 +10617,7 @@ function create_fragment(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-1um32br"))) {
+			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);
 			}
 
@@ -10650,7 +10652,7 @@ function instance($$self, $$props, $$invalidate) {
 
 	let { eventName = '' } = $$props;
 	let { _imageStyle = '' } = $$props;
-	let { _style = 'overflow: hidden;' } = $$props;
+	let { _style = '' } = $$props;
 
 	$$self.$$set = $$props => {
 		if ('src' in $$props) $$invalidate(0, src = $$props.src);