@plaidev/karte-action-sdk 1.1.243-28734079.0a250704 → 1.1.243-28734135.738e8b2b

package/dist/hydrate/index.es.js

@@ -3035,7 +3035,7 @@ class State extends SvelteComponent {
 
 /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
 
-function add_css$F(target) {
+function add_css$D(target) {
 	append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
 }
 
@@ -3203,7 +3203,7 @@ function instance$19($$self, $$props, $$invalidate) {
 class StateItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$19, create_fragment$19, safe_not_equal, { path: 0 }, add_css$F);
+		init(this, options, instance$19, create_fragment$19, safe_not_equal, { path: 0 }, add_css$D);
 	}
 }
 
@@ -3329,7 +3329,7 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
 
 /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
 
-function add_css$E(target) {
+function add_css$C(target) {
 	append_styles(target, "svelte-1d4fta", ".background.svelte-1d4fta{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
 }
 
@@ -3431,7 +3431,7 @@ function instance$18($$self, $$props, $$invalidate) {
 let BackgroundOverlay$1 = class BackgroundOverlay extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$18, create_fragment$18, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$E);
+		init(this, options, instance$18, create_fragment$18, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$C);
 	}
 };
 
@@ -3471,7 +3471,7 @@ function checkStopPropagation(eventName, handler) {
 
 /* src/components/Button.svelte generated by Svelte v3.53.1 */
 
-function add_css$D(target) {
+function add_css$B(target) {
 	append_styles(target, "svelte-15k4deh", ".button.svelte-15k4deh{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-15k4deh:link,.button.svelte-15k4deh:visited,.button.svelte-15k4deh:active,.button.svelte-15k4deh:hover{color:inherit}");
 }
 
@@ -3974,14 +3974,14 @@ let Button$1 = class Button extends SvelteComponent {
 				eventValue: 6,
 				style: 1
 			},
-			add_css$D
+			add_css$B
 		);
 	}
 };
 
 /* src/components/Modal.svelte generated by Svelte v3.53.1 */
 
-function add_css$C(target) {
+function add_css$A(target) {
 	append_styles(target, "svelte-1ijkyzl", ".modal.svelte-1ijkyzl{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1ijkyzl > .button{flex:auto;display:flex}.close.svelte-1ijkyzl{position:absolute;top:0;right:0}.close.svelte-1ijkyzl > .button{position:absolute;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;padding:0;transition:all 0.25s}.close.svelte-1ijkyzl > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1ijkyzl{flex:auto;display:flex;justify-content:center;align-items:center;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}@media screen and (min-width: 641px){.modal-bp.svelte-1ijkyzl{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-1ijkyzl{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
 }
 
@@ -4872,7 +4872,7 @@ let Modal$1 = class Modal extends SvelteComponent {
 				closeButtonColor: 9,
 				_closeStyle: 10
 			},
-			add_css$C,
+			add_css$A,
 			[-1, -1]
 		);
 	}
@@ -5006,7 +5006,7 @@ class Grid extends SvelteComponent {
 
 /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
 
-function add_css$B(target) {
+function add_css$z(target) {
 	append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
 }
 
@@ -5164,7 +5164,7 @@ class GridItem extends SvelteComponent {
 				background: 7,
 				gridItemId: 0
 			},
-			add_css$B
+			add_css$z
 		);
 	}
 }
@@ -5363,7 +5363,7 @@ class RenderText extends SvelteComponent {
 
 /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
 
-function add_css$A(target) {
+function add_css$y(target) {
 	append_styles(target, "svelte-9ixs0b", ".text-element-wrapper.svelte-9ixs0b.svelte-9ixs0b{position:relative;height:100%}.text-element.svelte-9ixs0b.svelte-9ixs0b{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;margin:0px;padding:0px;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden;font-size:12px;line-height:1.5}.text-link-element.svelte-9ixs0b.svelte-9ixs0b{text-decoration:none;color:inherit}.text-element-inner.svelte-9ixs0b.svelte-9ixs0b{width:100%;height:auto}.text-direction-vertical.svelte-9ixs0b.svelte-9ixs0b{writing-mode:vertical-rl}.text-direction-vertical.svelte-9ixs0b .text-element-inner.svelte-9ixs0b{width:auto;height:100%}.tooltip.svelte-9ixs0b.svelte-9ixs0b{display:none;position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);color:#fff;background-color:#3d4948;white-space:nowrap;padding:4px 8px 4px 8px;border-radius:4px;font-size:12px;z-index:2147483647}.tooltip.svelte-9ixs0b.svelte-9ixs0b:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-9ixs0b.svelte-9ixs0b{display:block}.tooltip-error.svelte-9ixs0b.svelte-9ixs0b{background-color:#c00}.tooltip-error.svelte-9ixs0b.svelte-9ixs0b:before{border-bottom:7px solid #c00}");
 }
 
@@ -5735,14 +5735,14 @@ class TextElement extends SvelteComponent {
 				enableCopy: 2,
 				eventName: 10
 			},
-			add_css$A
+			add_css$y
 		);
 	}
 }
 
 /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
 
-function add_css$z(target) {
+function add_css$x(target) {
 	append_styles(target, "svelte-1vg84sc", ".text-button-element.svelte-1vg84sc{width:100%;height:100%}.text-button-element.svelte-1vg84sc > .button{display:flex;width:100%;height:100%;border:none;box-shadow:transparent;box-sizing:border-box;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5;background-color:#33403e;border-radius:4px;cursor:pointer;border-width:0px;border-style:solid;border-color:#000000}.text-button-element.svelte-1vg84sc > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-1vg84sc > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-1vg84sc > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
 }
 
@@ -5896,14 +5896,14 @@ class TextButtonElement extends SvelteComponent {
 				_buttonStyle: 5,
 				_style: 6
 			},
-			add_css$z
+			add_css$x
 		);
 	}
 }
 
 /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
 
-function add_css$y(target) {
+function add_css$w(target) {
 	append_styles(target, "svelte-t6tu0e", ".image-element.svelte-t6tu0e{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-t6tu0e > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image-element.svelte-t6tu0e > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-t6tu0e > .button:not(._disabled):hover,.image-element.transport.svelte-t6tu0e > .button:not(._disabled):focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}.image.svelte-t6tu0e{width:100%;height:100%}");
 }
 
@@ -6087,14 +6087,14 @@ class ImageElement extends SvelteComponent {
 				_imageStyle: 6,
 				_style: 7
 			},
-			add_css$y
+			add_css$w
 		);
 	}
 }
 
 /* src/components/List.svelte generated by Svelte v3.53.1 */
 
-function add_css$x(target) {
+function add_css$v(target) {
 	append_styles(target, "svelte-aquv6z", ".list.svelte-aquv6z{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
 }
 
@@ -6244,14 +6244,14 @@ class List extends SvelteComponent {
 				background: 3,
 				_style: 4
 			},
-			add_css$x
+			add_css$v
 		);
 	}
 }
 
 /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
 
-function add_css$w(target) {
+function add_css$u(target) {
 	append_styles(target, "svelte-9n97pe", ".list-item.svelte-9n97pe{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item.svelte-9n97pe > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
 }
 
@@ -6454,13 +6454,13 @@ function instance$_($$self, $$props, $$invalidate) {
 class ListItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$_, create_fragment$_, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$w);
+		init(this, options, instance$_, create_fragment$_, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$u);
 	}
 }
 
 /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
 
-function add_css$v(target) {
+function add_css$t(target) {
 	append_styles(target, "svelte-wocq4p", ".embed.svelte-wocq4p{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-wocq4p iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
 }
 
@@ -6515,13 +6515,13 @@ function instance$Z($$self, $$props, $$invalidate) {
 class EmbedElement extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$Z, create_fragment$Z, safe_not_equal, { code: 0, _style: 1 }, add_css$v);
+		init(this, options, instance$Z, create_fragment$Z, safe_not_equal, { code: 0, _style: 1 }, add_css$t);
 	}
 }
 
 /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
 
-function add_css$u(target) {
+function add_css$s(target) {
 	append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
 }
 
@@ -6878,7 +6878,7 @@ class MovieYouTubeElement extends SvelteComponent {
 				mute: 25,
 				_style: 0
 			},
-			add_css$u,
+			add_css$s,
 			[-1, -1]
 		);
 	}
@@ -6886,7 +6886,7 @@ class MovieYouTubeElement extends SvelteComponent {
 
 /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
 
-function add_css$t(target) {
+function add_css$r(target) {
 	append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
 }
 
@@ -7086,14 +7086,14 @@ class MovieVimeoElement extends SvelteComponent {
 				mute: 6,
 				_style: 0
 			},
-			add_css$t
+			add_css$r
 		);
 	}
 }
 
 /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
 
-function add_css$s(target) {
+function add_css$q(target) {
 	append_styles(target, "svelte-zxvkkc", ".textarea-wrapper.svelte-zxvkkc{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-zxvkkc{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.textarea.svelte-zxvkkc::placeholder{color:var(--placeholder-color)}.textarea.svelte-zxvkkc:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}");
 }
 
@@ -7273,14 +7273,14 @@ class FormTextarea extends SvelteComponent {
 				_textStyle: 11,
 				_placeholderStyle: 12
 			},
-			add_css$s
+			add_css$q
 		);
 	}
 }
 
 /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
 
-function add_css$r(target) {
+function add_css$p(target) {
 	append_styles(target, "svelte-17s08g", ".radio-buttons.svelte-17s08g{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-17s08g{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-17s08g{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-17s08g:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18,160,160,.08),0px 1px 4px -1px rgba(18,160,160,.24)}.radio-button-text.svelte-17s08g{margin-left:0.5em}");
 }
 
@@ -7585,14 +7585,14 @@ class FormRadioButtons extends SvelteComponent {
 				buttonColor: 13,
 				buttonColorActive: 14
 			},
-			add_css$r
+			add_css$p
 		);
 	}
 }
 
 /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
 
-function add_css$q(target) {
+function add_css$o(target) {
 	append_styles(target, "svelte-t9ynyj", ".select.svelte-t9ynyj{width:100%;height:100%}.select-select.svelte-t9ynyj{position:relative;appearance:none;width:100%;height:100%;cursor:pointer;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:0 0 0 10px;font-size:12px;line-height:1.5}.select-select.svelte-t9ynyj:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.select-icon.svelte-t9ynyj{position:absolute;width:calc(var(--icon-size) / 1.41);height:calc(var(--icon-size) / 1.41);top:calc(50% - calc(var(--icon-size) / 4));right:calc(var(--icon-size) * 1.2);box-sizing:border-box;border-right:solid 2px var(--icon-color);border-top:solid 2px var(--icon-color);transform:translateY(-35.4%) rotate(135deg);pointer-events:none}");
 }
 
@@ -7961,14 +7961,14 @@ class FormSelect extends SvelteComponent {
 				iconColor: 15,
 				iconSize: 16
 			},
-			add_css$q
+			add_css$o
 		);
 	}
 }
 
 /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
 
-function add_css$p(target) {
+function add_css$n(target) {
 	append_styles(target, "svelte-1p65cg8", ".check-boxes.svelte-1p65cg8.svelte-1p65cg8{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%;gap:0px}.check-box.svelte-1p65cg8.svelte-1p65cg8{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-1p65cg8.svelte-1p65cg8{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-1p65cg8.svelte-1p65cg8{display:inline-flex;background-color:var(--color-main);width:var(--size);height:var(--size);border-radius:calc(var(--size) / 4);justify-content:center;align-items:center;flex:none}.check-box-icon.svelte-1p65cg8.svelte-1p65cg8{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-1p65cg8.svelte-1p65cg8:after{content:'';display:block;box-sizing:border-box;width:45%;height:91%;transform:translate(60%, -8%) rotate(45deg);border-style:none solid solid none;border-width:2px;border-color:var(--color-sub)}.check-box-check._checked.svelte-1p65cg8.svelte-1p65cg8{background-color:var(--color-main-active)}.check-box-check._checked.svelte-1p65cg8 .check-box-icon.svelte-1p65cg8:after{border-color:var(--color-sub-active)}.check-box-text.svelte-1p65cg8.svelte-1p65cg8{margin-left:0.5em;color:#333;font-size:12px;line-height:1.5}");
 }
 
@@ -8295,14 +8295,14 @@ class FormCheckBoxes extends SvelteComponent {
 				buttonColor: 13,
 				buttonColorActive: 14
 			},
-			add_css$p
+			add_css$n
 		);
 	}
 }
 
 /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
 
-function add_css$o(target) {
+function add_css$m(target) {
 	append_styles(target, "svelte-1iqf36p", ".rating-buttons.svelte-1iqf36p{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-1iqf36p{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color 0.2s, box-shadow 0.2s;appearance:none;background:none;border:none;margin:0;padding:0}");
 }
 
@@ -8537,14 +8537,14 @@ class FormRatingButtonsNumber extends SvelteComponent {
 				buttonStyle: 9,
 				buttonActiveStyle: 10
 			},
-			add_css$o
+			add_css$m
 		);
 	}
 }
 
 /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
 
-function add_css$n(target) {
+function add_css$l(target) {
 	append_styles(target, "svelte-tbunko", ".rating-buttons.svelte-tbunko{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-tbunko{appearance:none;background:none;border:none;margin:0;padding:0}.rating-button-image.svelte-tbunko{cursor:pointer;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.rating-button-image.svelte-tbunko:not(._active){filter:grayscale(100%)}");
 }
 
@@ -8747,13 +8747,13 @@ function instance$R($$self, $$props, $$invalidate) {
 class FormRatingButtonsFace extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$R, create_fragment$R, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$n);
+		init(this, options, instance$R, create_fragment$R, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$l);
 	}
 }
 
 /* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
 
-function add_css$m(target) {
+function add_css$k(target) {
 	append_styles(target, "svelte-h8fqwx", ".input-wrapper.svelte-h8fqwx{display:flex;align-items:center;width:100%;height:100%}.input.svelte-h8fqwx{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.input.svelte-h8fqwx::placeholder{color:var(--placeholder-color)}.input.svelte-h8fqwx:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.input._error.svelte-h8fqwx{outline:none;border-width:var(--error-border-width) !important;border-color:var(--error-border-color) !important;border-style:var(--error-border-style) !important}");
 }
 
@@ -8984,14 +8984,14 @@ class FormIdentifyInput extends SvelteComponent {
 				_textStyle: 15,
 				_placeholderStyle: 16
 			},
-			add_css$m
+			add_css$k
 		);
 	}
 }
 
 /* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
 
-function add_css$l(target) {
+function add_css$j(target) {
 	append_styles(target, "svelte-8zbmyo", ".radio-buttons.svelte-8zbmyo{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-8zbmyo{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-8zbmyo{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-8zbmyo:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18, 160, 160, 0.08), 0px 1px 4px -1px rgba(18, 160, 160, 0.24)}.radio-button-text.svelte-8zbmyo{margin-left:0.5em}");
 }
 
@@ -9231,14 +9231,14 @@ class FormIdentifyChoices extends SvelteComponent {
 				buttonColor: 10,
 				buttonColorActive: 11
 			},
-			add_css$l
+			add_css$j
 		);
 	}
 }
 
 /* src/components/Slide.svelte generated by Svelte v3.53.1 */
 
-function add_css$k(target) {
+function add_css$i(target) {
 	append_styles(target, "svelte-ji1fh", ".root.svelte-ji1fh{width:100%;height:100%;position:relative}.container.svelte-ji1fh{width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000}.slide.svelte-ji1fh{height:100%;position:absolute;display:flex}.transition.svelte-ji1fh{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-ji1fh{height:100%;flex:none}.prev-button-container.svelte-ji1fh,.next-button-container.svelte-ji1fh{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button-container.svelte-ji1fh{left:0}.next-button-container.svelte-ji1fh{right:0}.move-button.svelte-ji1fh{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;border:none;background:none;margin:0;padding:0}.navigation.svelte-ji1fh{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-ji1fh{flex-shrink:0;cursor:pointer;border:none;background:none;margin:0;padding:0;appearance:none}.navigation-item-inner.circle.svelte-ji1fh{border-radius:51%}");
 }
 
@@ -10141,7 +10141,7 @@ class Slide extends SvelteComponent {
 				navigationButton: 25,
 				navigationEdgePosition: 26
 			},
-			add_css$k,
+			add_css$i,
 			[-1, -1, -1]
 		);
 	}
@@ -10149,7 +10149,7 @@ class Slide extends SvelteComponent {
 
 /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
 
-function add_css$j(target) {
+function add_css$h(target) {
 	append_styles(target, "svelte-9ygf1w", ".item.svelte-9ygf1w{height:100%;flex:none;position:relative}.item.svelte-9ygf1w img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-9ygf1w{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;cursor:default;overflow:hidden}");
 }
 
@@ -10299,13 +10299,13 @@ function instance$N($$self, $$props, $$invalidate) {
 class SlideItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$N, create_fragment$N, safe_not_equal, { _style: 0 }, add_css$j);
+		init(this, options, instance$N, create_fragment$N, safe_not_equal, { _style: 0 }, add_css$h);
 	}
 }
 
 /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
 
-function add_css$i(target) {
+function add_css$g(target) {
 	append_styles(target, "svelte-rroxiz", ".countdown.svelte-rroxiz{position:relative;width:100%;height:100%}.countdown-inner.svelte-rroxiz{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
 }
 
@@ -10462,13 +10462,13 @@ function instance$M($$self, $$props, $$invalidate) {
 class Countdown extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$M, create_fragment$M, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$i);
+		init(this, options, instance$M, create_fragment$M, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$g);
 	}
 }
 
 /* src/components/Box.svelte generated by Svelte v3.53.1 */
 
-function add_css$h(target) {
+function add_css$f(target) {
 	append_styles(target, "svelte-1ccydfy", ".box.svelte-1ccydfy{position:relative;width:100%;height:100%}.box.svelte-1ccydfy > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
 }
 
@@ -10606,13 +10606,13 @@ function instance$L($$self, $$props, $$invalidate) {
 class Box extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$L, create_fragment$L, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$h);
+		init(this, options, instance$L, create_fragment$L, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$f);
 	}
 }
 
 /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
 
-function add_css$g(target) {
+function add_css$e(target) {
 	append_styles(target, "svelte-1mkvcuo", ".icon.svelte-1mkvcuo{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.icon.svelte-1mkvcuo > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;overflow:hidden}.icon.svelte-1mkvcuo > .button._disabled{cursor:not-allowed !important;opacity:0.2}.icon.svelte-1mkvcuo svg{width:var(--width);height:var(--height);color:var(--color);stroke:var(--stroke);fill:var(--fill)}");
 }
 
@@ -10818,14 +10818,14 @@ class IconElement extends SvelteComponent {
 				color: 6,
 				_style: 7
 			},
-			add_css$g
+			add_css$e
 		);
 	}
 }
 
 /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
 
-function add_css$f(target) {
+function add_css$d(target) {
 	append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
 }
 
@@ -10944,13 +10944,13 @@ function instance$J($$self, $$props, $$invalidate) {
 class CodeElement extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$J, create_fragment$J, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$f);
+		init(this, options, instance$J, create_fragment$J, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$d);
 	}
 }
 
 /* src/components/Flex.svelte generated by Svelte v3.53.1 */
 
-function add_css$e(target) {
+function add_css$c(target) {
 	append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
 }
 
@@ -11064,14 +11064,14 @@ class Flex extends SvelteComponent {
 				height: 2,
 				_style: 3
 			},
-			add_css$e
+			add_css$c
 		);
 	}
 }
 
 /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
 
-function add_css$d(target) {
+function add_css$b(target) {
 	append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
 }
 
@@ -11186,7 +11186,7 @@ function instance$H($$self, $$props, $$invalidate) {
 class FlexItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$H, create_fragment$H, safe_not_equal, { length: 1, _style: 2 }, add_css$d);
+		init(this, options, instance$H, create_fragment$H, safe_not_equal, { length: 1, _style: 2 }, add_css$b);
 	}
 }
 
@@ -11514,7 +11514,7 @@ class GridModalState extends SvelteComponent {
 
 /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
 
-function add_css$c(target) {
+function add_css$a(target) {
 	append_styles(target, "svelte-15pej1m", ".text-block.svelte-15pej1m.svelte-15pej1m{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:hidden}.text-block-inner.svelte-15pej1m.svelte-15pej1m{width:100%;height:auto}.text-direction-vertical.svelte-15pej1m.svelte-15pej1m{writing-mode:vertical-rl}.text-direction-vertical.svelte-15pej1m .text-block-inner.svelte-15pej1m{width:auto;height:100%}");
 }
 
@@ -11629,14 +11629,14 @@ class TextBlock extends SvelteComponent {
 				textDirection: 1,
 				_style: 5
 			},
-			add_css$c
+			add_css$a
 		);
 	}
 }
 
 /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
 
-function add_css$b(target) {
+function add_css$9(target) {
 	append_styles(target, "svelte-ff0k6r", ".text-button-block.svelte-ff0k6r{width:100%;height:100%;background-color:#000000;border-radius:4px}.text-button.svelte-ff0k6r{display:flex;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5}.text-button.svelte-ff0k6r:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-ff0k6r:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
 }
 
@@ -11767,14 +11767,14 @@ class TextButtonBlock extends SvelteComponent {
 				_buttonStyle: 1,
 				_style: 2
 			},
-			add_css$b
+			add_css$9
 		);
 	}
 }
 
 /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
 
-function add_css$a(target) {
+function add_css$8(target) {
 	append_styles(target, "svelte-1pdw891", ".image-block.svelte-1pdw891{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image.svelte-1pdw891{width:100%;height:100%}.transport.svelte-1pdw891:hover,.transport.svelte-1pdw891:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
 }
 
@@ -11914,7 +11914,7 @@ class ImageBlock extends SvelteComponent {
 				_imageStyle: 4,
 				_style: 5
 			},
-			add_css$a
+			add_css$8
 		);
 	}
 }
@@ -11957,6 +11957,7 @@ const toCssPosition = (p) => {
         left: p?.left,
         bottom: p?.bottom,
         right: p?.right,
+        transform: p?.transform,
     };
 };
 const toCssCommon = (p) => {
@@ -11965,7 +11966,6 @@ const toCssCommon = (p) => {
     };
 };
 const toCssBorder = (p) => {
-    console.log(p);
     const borderWidth = p?.borderTopWidth ?? p?.borderRightWidth ?? p?.borderLeftWidth ?? p?.borderBottomWidth ?? null;
     if (borderWidth === null)
         return {};
@@ -12014,7 +12014,7 @@ const toCssShadow = (p) => {
 
 /* src/components-flex/shared/elements/Clickable.svelte generated by Svelte v3.53.1 */
 
-function add_css$9(target) {
+function add_css$7(target) {
 	append_styles(target, "svelte-1agjjit", ".clickable.svelte-1agjjit:link,.clickable.svelte-1agjjit:visited,.clickable.svelte-1agjjit:active,.clickable.svelte-1agjjit:hover{color:inherit}.clickable.svelte-1agjjit{cursor:pointer;text-decoration:none}");
 }
 
@@ -12463,18 +12463,13 @@ class Clickable extends SvelteComponent {
 				layerId: 2,
 				className: 7
 			},
-			add_css$9
+			add_css$7
 		);
 	}
 }
 
 /* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
 
-function add_css$8(target) {
-	append_styles(target, "svelte-17xar9h", ".avatar.svelte-17xar9h{display:flex;align-items:center;overflow:hidden;flex-shrink:0}");
-}
-
-// (34:2) <CLICKABLE     onClick={props.onClick}     eventName={props.eventName}     eventValue={props.eventValue}   >
 function create_default_slot$4(ctx) {
 	let img;
 	let img_src_value;
@@ -12517,12 +12512,13 @@ function create_default_slot$4(ctx) {
 }
 
 function create_fragment$B(ctx) {
-	let div;
 	let clickable;
 	let current;
 
 	clickable = new Clickable({
 			props: {
+				layerId: /*layerId*/ ctx[1],
+				style: /*style*/ ctx[3],
 				onClick: /*props*/ ctx[0].onClick,
 				eventName: /*props*/ ctx[0].eventName,
 				eventValue: /*props*/ ctx[0].eventValue,
@@ -12533,34 +12529,19 @@ function create_fragment$B(ctx) {
 
 	return {
 		c() {
-			div = element("div");
 			create_component(clickable.$$.fragment);
-			this.h();
 		},
 		l(nodes) {
-			div = claim_element(nodes, "DIV", {
-				class: true,
-				"data-layer-id": true,
-				style: true
-			});
-
-			var div_nodes = children(div);
-			claim_component(clickable.$$.fragment, div_nodes);
-			div_nodes.forEach(detach);
-			this.h();
-		},
-		h() {
-			attr(div, "class", "avatar svelte-17xar9h");
-			attr(div, "data-layer-id", /*layerId*/ ctx[1]);
-			attr(div, "style", /*style*/ ctx[3]);
+			claim_component(clickable.$$.fragment, nodes);
 		},
 		m(target, anchor) {
-			insert_hydration(target, div, anchor);
-			mount_component(clickable, div, null);
+			mount_component(clickable, target, anchor);
 			current = true;
 		},
 		p(ctx, [dirty]) {
 			const clickable_changes = {};
+			if (dirty & /*layerId*/ 2) clickable_changes.layerId = /*layerId*/ ctx[1];
+			if (dirty & /*style*/ 8) clickable_changes.style = /*style*/ ctx[3];
 			if (dirty & /*props*/ 1) clickable_changes.onClick = /*props*/ ctx[0].onClick;
 			if (dirty & /*props*/ 1) clickable_changes.eventName = /*props*/ ctx[0].eventName;
 			if (dirty & /*props*/ 1) clickable_changes.eventValue = /*props*/ ctx[0].eventValue;
@@ -12570,14 +12551,6 @@ function create_fragment$B(ctx) {
 			}
 
 			clickable.$set(clickable_changes);
-
-			if (!current || dirty & /*layerId*/ 2) {
-				attr(div, "data-layer-id", /*layerId*/ ctx[1]);
-			}
-
-			if (!current || dirty & /*style*/ 8) {
-				attr(div, "style", /*style*/ ctx[3]);
-			}
 		},
 		i(local) {
 			if (current) return;
@@ -12589,8 +12562,7 @@ function create_fragment$B(ctx) {
 			current = false;
 		},
 		d(detaching) {
-			if (detaching) detach(div);
-			destroy_component(clickable);
+			destroy_component(clickable, detaching);
 		}
 	};
 }
@@ -12618,6 +12590,11 @@ function instance$B($$self, $$props, $$invalidate) {
 	$$self.$$.update = () => {
 		if ($$self.$$.dirty & /*props*/ 1) {
 			$$invalidate(3, style = objToStyle({
+				display: 'flex',
+				alignItems: 'center',
+				justifyContent: 'center',
+				overflow: 'hidden',
+				flexShrink: 0,
 				width: `${size}px`,
 				height: `${size}px`,
 				...VARIANTS.shape[props.shape ?? 'square'],
@@ -12639,7 +12616,7 @@ function instance$B($$self, $$props, $$invalidate) {
 class Avatar extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$B, create_fragment$B, safe_not_equal, { props: 0, layerId: 1 }, add_css$8);
+		init(this, options, instance$B, create_fragment$B, safe_not_equal, { props: 0, layerId: 1 });
 	}
 }
 
@@ -14508,18 +14485,14 @@ const ICON_VARIANTS = {
 
 /* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
 
-function add_css$7(target) {
-	append_styles(target, "svelte-1ou0ruz", ".icon.svelte-1ou0ruz{display:flex;align-items:center;overflow:hidden;width:auto}");
-}
-
-// (21:0) {#if (IconComponent)}
 function create_if_block$5(ctx) {
-	let div;
 	let clickable;
 	let current;
 
 	clickable = new Clickable({
 			props: {
+				layerId: /*layerId*/ ctx[1],
+				style: /*style*/ ctx[3],
 				onClick: /*props*/ ctx[0].onClick,
 				eventName: /*props*/ ctx[0].eventName,
 				eventValue: /*props*/ ctx[0].eventValue,
@@ -14530,34 +14503,19 @@ function create_if_block$5(ctx) {
 
 	return {
 		c() {
-			div = element("div");
 			create_component(clickable.$$.fragment);
-			this.h();
 		},
 		l(nodes) {
-			div = claim_element(nodes, "DIV", {
-				"data-layer-id": true,
-				class: true,
-				style: true
-			});
-
-			var div_nodes = children(div);
-			claim_component(clickable.$$.fragment, div_nodes);
-			div_nodes.forEach(detach);
-			this.h();
-		},
-		h() {
-			attr(div, "data-layer-id", /*layerId*/ ctx[1]);
-			attr(div, "class", "icon svelte-1ou0ruz");
-			attr(div, "style", /*style*/ ctx[3]);
+			claim_component(clickable.$$.fragment, nodes);
 		},
 		m(target, anchor) {
-			insert_hydration(target, div, anchor);
-			mount_component(clickable, div, null);
+			mount_component(clickable, target, anchor);
 			current = true;
 		},
 		p(ctx, dirty) {
 			const clickable_changes = {};
+			if (dirty & /*layerId*/ 2) clickable_changes.layerId = /*layerId*/ ctx[1];
+			if (dirty & /*style*/ 8) clickable_changes.style = /*style*/ ctx[3];
 			if (dirty & /*props*/ 1) clickable_changes.onClick = /*props*/ ctx[0].onClick;
 			if (dirty & /*props*/ 1) clickable_changes.eventName = /*props*/ ctx[0].eventName;
 			if (dirty & /*props*/ 1) clickable_changes.eventValue = /*props*/ ctx[0].eventValue;
@@ -14567,14 +14525,6 @@ function create_if_block$5(ctx) {
 			}
 
 			clickable.$set(clickable_changes);
-
-			if (!current || dirty & /*layerId*/ 2) {
-				attr(div, "data-layer-id", /*layerId*/ ctx[1]);
-			}
-
-			if (!current || dirty & /*style*/ 8) {
-				attr(div, "style", /*style*/ ctx[3]);
-			}
 		},
 		i(local) {
 			if (current) return;
@@ -14586,13 +14536,12 @@ function create_if_block$5(ctx) {
 			current = false;
 		},
 		d(detaching) {
-			if (detaching) detach(div);
-			destroy_component(clickable);
+			destroy_component(clickable, detaching);
 		}
 	};
 }
 
-// (23:4) <CLICKABLE onClick={props.onClick} eventName={props.eventName} eventValue={props.eventValue}>
+// (26:2) <CLICKABLE layerId={layerId} style={style} onClick={props.onClick} eventName={props.eventName} eventValue={props.eventValue}>
 function create_default_slot$3(ctx) {
 	let switch_instance;
 	let switch_instance_anchor;
@@ -14755,7 +14704,14 @@ function instance$8($$self, $$props, $$invalidate) {
 
 	$$self.$$.update = () => {
 		if ($$self.$$.dirty & /*props*/ 1) {
-			$$invalidate(3, style = objToStyle({ ...getSizeCss(), ...toCssCommon(props) }));
+			$$invalidate(3, style = objToStyle({
+				display: 'flex',
+				alignItems: 'center',
+				overflow: 'hidden',
+				width: 'auto',
+				...getSizeCss(),
+				...toCssCommon(props)
+			}));
 		}
 
 		if ($$self.$$.dirty & /*props*/ 1) {
@@ -14769,7 +14725,7 @@ function instance$8($$self, $$props, $$invalidate) {
 class Icon extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$8, create_fragment$8, safe_not_equal, { props: 0, layerId: 1 }, add_css$7);
+		init(this, options, instance$8, create_fragment$8, safe_not_equal, { props: 0, layerId: 1 });
 	}
 }
 
@@ -15536,10 +15492,10 @@ const CLOSE_BUTTON_LABEL_PLACEMENT = {
 /* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
 
 function add_css$4(target) {
-	append_styles(target, "svelte-vq43u1", ".close.svelte-vq43u1{position:absolute;top:8px;right:8px}.close-button-row.svelte-vq43u1{display:flex;flex-direction:row;align-items:center;gap:4px}.close-button.svelte-vq43u1{display:inline-flex;align-items:center;justify-content:center;border-radius:100%;background:none;cursor:pointer;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s, transform 0.12s}.close-button.svelte-vq43u1:hover{transform:rotate(90deg)}.close-button-order-one.svelte-vq43u1{order:1}.close-button-order-two.svelte-vq43u1{order:2}");
+	append_styles(target, "svelte-12v1h9t", ".close-button.svelte-12v1h9t{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:8px;border-radius:100%;background:none;cursor:pointer;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s, transform 0.12s}.close-button.svelte-12v1h9t:hover{transform:rotate(90deg)}.close-button-order-one.svelte-12v1h9t{order:1}.close-button-order-two.svelte-12v1h9t{order:2}");
 }
 
-// (102:4) {#if hasLabel}
+// (94:2) {#if hasLabel}
 function create_if_block$2(ctx) {
 	let span;
 	let t;
@@ -15558,19 +15514,19 @@ function create_if_block$2(ctx) {
 			this.h();
 		},
 		h() {
-			attr(span, "style", /*labelStyle*/ ctx[1]);
+			attr(span, "style", /*labelStyle*/ ctx[2]);
 
 			attr(span, "class", "close-button-label " + (/*isLeftLabelPlacement*/ ctx[8]
 			? 'close-button-order-one'
-			: '') + " svelte-vq43u1");
+			: '') + " svelte-12v1h9t");
 		},
 		m(target, anchor) {
 			insert_hydration(target, span, anchor);
 			append_hydration(span, t);
 		},
 		p(ctx, dirty) {
-			if (dirty & /*labelStyle*/ 2) {
-				attr(span, "style", /*labelStyle*/ ctx[1]);
+			if (dirty & /*labelStyle*/ 4) {
+				attr(span, "style", /*labelStyle*/ ctx[2]);
 			}
 		},
 		d(detaching) {
@@ -15580,15 +15536,15 @@ function create_if_block$2(ctx) {
 }
 
 function create_fragment$5(ctx) {
-	let div1;
-	let div0;
 	let button;
+	let span;
 	let svg;
 	let path;
-	let button_class_value;
 	let t;
+	let button_class_value;
 	let mounted;
 	let dispose;
+	let if_block = /*hasLabel*/ ctx[4] && create_if_block$2(ctx);
 
 	let button_levels = [
 		{ "data-layer-id": /*layerId*/ ctx[0] },
@@ -15597,7 +15553,7 @@ function create_fragment$5(ctx) {
 			? 'close-button-order-two'
 			: '')
 		},
-		{ style: /*style*/ ctx[2] },
+		{ style: /*style*/ ctx[3] },
 		dataAttrStopPropagation('click')
 	];
 
@@ -15607,13 +15563,10 @@ function create_fragment$5(ctx) {
 		button_data = assign(button_data, button_levels[i]);
 	}
 
-	let if_block = /*hasLabel*/ ctx[4] && create_if_block$2(ctx);
-
 	return {
 		c() {
-			div1 = element("div");
-			div0 = element("div");
 			button = element("button");
+			span = element("span");
 			svg = svg_element("svg");
 			path = svg_element("path");
 			t = space();
@@ -15621,23 +15574,20 @@ function create_fragment$5(ctx) {
 			this.h();
 		},
 		l(nodes) {
-			div1 = claim_element(nodes, "DIV", { class: true, style: true });
-			var div1_nodes = children(div1);
-			div0 = claim_element(div1_nodes, "DIV", { class: true });
-			var div0_nodes = children(div0);
-
-			button = claim_element(div0_nodes, "BUTTON", {
+			button = claim_element(nodes, "BUTTON", {
 				"data-layer-id": true,
 				class: true,
 				style: true
 			});
 
 			var button_nodes = children(button);
+			span = claim_element(button_nodes, "SPAN", { style: true });
+			var span_nodes = children(span);
 
-			svg = claim_svg_element(button_nodes, "svg", {
+			svg = claim_svg_element(span_nodes, "svg", {
 				xmlns: true,
-				style: true,
 				viewBox: true,
+				style: true,
 				fill: true
 			});
 
@@ -15645,35 +15595,31 @@ function create_fragment$5(ctx) {
 			path = claim_svg_element(svg_nodes, "path", { d: true });
 			children(path).forEach(detach);
 			svg_nodes.forEach(detach);
+			span_nodes.forEach(detach);
+			t = claim_space(button_nodes);
+			if (if_block) if_block.l(button_nodes);
 			button_nodes.forEach(detach);
-			t = claim_space(div0_nodes);
-			if (if_block) if_block.l(div0_nodes);
-			div0_nodes.forEach(detach);
-			div1_nodes.forEach(detach);
 			this.h();
 		},
 		h() {
 			attr(path, "d", "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z");
 			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
-			set_style(svg, "width", "75%");
-			set_style(svg, "height", "75%");
 			attr(svg, "viewBox", "0 0 384 512");
+			set_style(svg, "width", "100%");
+			set_style(svg, "height", "100%");
 			attr(svg, "fill", /*color*/ ctx[6]);
+			attr(span, "style", /*iconStyle*/ ctx[1]);
 			set_attributes(button, button_data);
-			toggle_class(button, "svelte-vq43u1", true);
-			attr(div0, "class", "close-button-row svelte-vq43u1");
-			attr(div1, "class", "close svelte-vq43u1");
-			attr(div1, "style", /*rootStyle*/ ctx[3]);
+			toggle_class(button, "svelte-12v1h9t", true);
 		},
 		m(target, anchor) {
-			insert_hydration(target, div1, anchor);
-			append_hydration(div1, div0);
-			append_hydration(div0, button);
-			append_hydration(button, svg);
+			insert_hydration(target, button, anchor);
+			append_hydration(button, span);
+			append_hydration(span, svg);
 			append_hydration(svg, path);
+			append_hydration(button, t);
+			if (if_block) if_block.m(button, null);
 			if (button.autofocus) button.focus();
-			append_hydration(div0, t);
-			if (if_block) if_block.m(div0, null);
 
 			if (!mounted) {
 				dispose = listen(button, "click", prevent_default(checkStopPropagation('click', /*handleClick*/ ctx[5])));
@@ -15681,14 +15627,9 @@ function create_fragment$5(ctx) {
 			}
 		},
 		p(ctx, [dirty]) {
-			set_attributes(button, button_data = get_spread_update(button_levels, [
-				dirty & /*layerId*/ 1 && { "data-layer-id": /*layerId*/ ctx[0] },
-				{ class: button_class_value },
-				dirty & /*style*/ 4 && { style: /*style*/ ctx[2] },
-				dataAttrStopPropagation('click')
-			]));
-
-			toggle_class(button, "svelte-vq43u1", true);
+			if (dirty & /*iconStyle*/ 2) {
+				attr(span, "style", /*iconStyle*/ ctx[1]);
+			}
 
 			if (/*hasLabel*/ ctx[4]) {
 				if (if_block) {
@@ -15696,21 +15637,26 @@ function create_fragment$5(ctx) {
 				} else {
 					if_block = create_if_block$2(ctx);
 					if_block.c();
-					if_block.m(div0, null);
+					if_block.m(button, null);
 				}
 			} else if (if_block) {
 				if_block.d(1);
 				if_block = null;
 			}
 
-			if (dirty & /*rootStyle*/ 8) {
-				attr(div1, "style", /*rootStyle*/ ctx[3]);
-			}
+			set_attributes(button, button_data = get_spread_update(button_levels, [
+				dirty & /*layerId*/ 1 && { "data-layer-id": /*layerId*/ ctx[0] },
+				{ class: button_class_value },
+				dirty & /*style*/ 8 && { style: /*style*/ ctx[3] },
+				dataAttrStopPropagation('click')
+			]));
+
+			toggle_class(button, "svelte-12v1h9t", true);
 		},
 		i: noop,
 		o: noop,
 		d(detaching) {
-			if (detaching) detach(div1);
+			if (detaching) detach(button);
 			if (if_block) if_block.d();
 			mounted = false;
 			dispose();
@@ -15720,11 +15666,9 @@ function create_fragment$5(ctx) {
 
 function instance$5($$self, $$props, $$invalidate) {
 	let hasLabel;
-	let rootStyle;
 	let style;
 	let labelStyle;
-	let $maximumZindex;
-	component_subscribe($$self, maximumZindex, $$value => $$invalidate(12, $maximumZindex = $$value));
+	let iconStyle;
 	let { props = {} } = $$props;
 	let { layerId = '' } = $$props;
 	let { eventName = '' } = $$props;
@@ -15759,15 +15703,6 @@ function instance$5($$self, $$props, $$invalidate) {
 	const label = props.label;
 	const isLeftLabelPlacement = props.labelPlacement === 'left';
 
-	const getCssPlacement = () => {
-		return {
-			top: props.top ?? VARIANTS.placement[props.placement ?? 'topRight'].top,
-			right: props.right ?? VARIANTS.placement[props.placement ?? 'topRight'].right,
-			left: props.left ?? VARIANTS.placement[props.placement ?? 'topRight'].left,
-			bottom: props.bottom ?? VARIANTS.placement[props.placement ?? 'topRight'].bottom
-		};
-	};
-
 	$$self.$$set = $$props => {
 		if ('props' in $$props) $$invalidate(9, props = $$props.props);
 		if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
@@ -15776,18 +15711,12 @@ function instance$5($$self, $$props, $$invalidate) {
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*$maximumZindex*/ 4096) {
-			$$invalidate(3, rootStyle = objToStyle({
-				...getCssPlacement(),
-				zIndex: $maximumZindex + 1
-			}));
-		}
-
 		if ($$self.$$.dirty & /*props*/ 512) {
-			$$invalidate(2, style = objToStyle({
-				width: `${size}px`,
-				height: `${size}px`,
+			$$invalidate(3, style = objToStyle({
 				...props.bordered && { border: '1px solid #666' },
+				height: `${size}px`,
+				boxSizing: 'border-box',
+				padding: '6px',
 				backgroundColor: props.backgroundColor ?? 'transparent',
 				...VARIANTS.round[props.round ?? 'default'],
 				...toCssCommon(props),
@@ -15796,7 +15725,7 @@ function instance$5($$self, $$props, $$invalidate) {
 		}
 
 		if ($$self.$$.dirty & /*props*/ 512) {
-			$$invalidate(1, labelStyle = objToStyle({
+			$$invalidate(2, labelStyle = objToStyle({
 				color: props.labelColor ?? color,
 				fontSize: `${size / 2.1}px`
 			}));
@@ -15805,11 +15734,16 @@ function instance$5($$self, $$props, $$invalidate) {
 
 	$$invalidate(4, hasLabel = label !== undefined && label !== '');
 
+	$$invalidate(1, iconStyle = objToStyle({
+		width: `${size - 12}px`,
+		height: `${size - 12}px`
+	}));
+
 	return [
 		layerId,
+		iconStyle,
 		labelStyle,
 		style,
-		rootStyle,
 		hasLabel,
 		handleClick,
 		color,
@@ -15817,8 +15751,7 @@ function instance$5($$self, $$props, $$invalidate) {
 		isLeftLabelPlacement,
 		props,
 		eventName,
-		eventValue,
-		$maximumZindex
+		eventValue
 	];
 }