@plaidev/karte-action-sdk 1.1.239 → 1.1.240-28699628.92de725f

Sign up to get free protection for your applications and to get access to all the features.
package/dist/index.es.js CHANGED
@@ -3068,7 +3068,7 @@ class State extends SvelteComponent {
3068
3068
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
3069
3069
 
3070
3070
  function add_css$F(target) {
3071
- append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
3071
+ append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
3072
3072
  }
3073
3073
 
3074
3074
  // (23:0) {#if $state === path}
@@ -3085,7 +3085,7 @@ function create_if_block$d(ctx) {
3085
3085
  t = space();
3086
3086
  if (default_slot) default_slot.c();
3087
3087
  attr(div, "data-state-path", /*path*/ ctx[0]);
3088
- attr(div, "class", "state-item svelte-1amihue");
3088
+ attr(div, "class", "state-item svelte-2qb6dm");
3089
3089
  },
3090
3090
  m(target, anchor) {
3091
3091
  insert(target, div, anchor);
@@ -3407,7 +3407,7 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
3407
3407
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
3408
3408
 
3409
3409
  function add_css$E(target) {
3410
- append_styles(target, "svelte-g6ucc2", ".background.svelte-g6ucc2{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
3410
+ 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}");
3411
3411
  }
3412
3412
 
3413
3413
  // (14:0) {#if backgroundOverlay}
@@ -3420,7 +3420,7 @@ function create_if_block$c(ctx) {
3420
3420
  return {
3421
3421
  c() {
3422
3422
  div = element("div");
3423
- attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"));
3423
+ attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"));
3424
3424
  },
3425
3425
  m(target, anchor) {
3426
3426
  insert(target, div, anchor);
@@ -3431,7 +3431,7 @@ function create_if_block$c(ctx) {
3431
3431
  }
3432
3432
  },
3433
3433
  p(ctx, dirty) {
3434
- if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"))) {
3434
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"))) {
3435
3435
  attr(div, "class", div_class_value);
3436
3436
  }
3437
3437
  },
@@ -3537,7 +3537,7 @@ function checkStopPropagation(eventName, handler) {
3537
3537
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3538
3538
 
3539
3539
  function add_css$D(target) {
3540
- append_styles(target, "svelte-1kmu8zp", ".button.svelte-1kmu8zp{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-1kmu8zp:link,.button.svelte-1kmu8zp:visited,.button.svelte-1kmu8zp:active,.button.svelte-1kmu8zp:hover{color:inherit}");
3540
+ 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}");
3541
3541
  }
3542
3542
 
3543
3543
  // (50:0) {:else}
@@ -3566,7 +3566,7 @@ function create_else_block$5(ctx) {
3566
3566
  button = element("button");
3567
3567
  if (default_slot) default_slot.c();
3568
3568
  set_attributes(button, button_data);
3569
- toggle_class(button, "svelte-1kmu8zp", true);
3569
+ toggle_class(button, "svelte-15k4deh", true);
3570
3570
  },
3571
3571
  m(target, anchor) {
3572
3572
  insert(target, button, anchor);
@@ -3605,7 +3605,7 @@ function create_else_block$5(ctx) {
3605
3605
  dataAttrStopPropagation('click')
3606
3606
  ]));
3607
3607
 
3608
- toggle_class(button, "svelte-1kmu8zp", true);
3608
+ toggle_class(button, "svelte-15k4deh", true);
3609
3609
  },
3610
3610
  i(local) {
3611
3611
  if (current) return;
@@ -3636,7 +3636,7 @@ function create_if_block_2$2(ctx) {
3636
3636
  c() {
3637
3637
  div = element("div");
3638
3638
  if (default_slot) default_slot.c();
3639
- attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1kmu8zp"));
3639
+ attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-15k4deh"));
3640
3640
  attr(div, "style", /*style*/ ctx[1]);
3641
3641
  },
3642
3642
  m(target, anchor) {
@@ -3720,7 +3720,7 @@ function create_if_block_1$3(ctx) {
3720
3720
  a = element("a");
3721
3721
  if (default_slot) default_slot.c();
3722
3722
  set_attributes(a, a_data);
3723
- toggle_class(a, "svelte-1kmu8zp", true);
3723
+ toggle_class(a, "svelte-15k4deh", true);
3724
3724
  },
3725
3725
  m(target, anchor) {
3726
3726
  insert(target, a, anchor);
@@ -3762,7 +3762,7 @@ function create_if_block_1$3(ctx) {
3762
3762
  dataAttrStopPropagation('click')
3763
3763
  ]));
3764
3764
 
3765
- toggle_class(a, "svelte-1kmu8zp", true);
3765
+ toggle_class(a, "svelte-15k4deh", true);
3766
3766
  },
3767
3767
  i(local) {
3768
3768
  if (current) return;
@@ -3793,7 +3793,7 @@ function create_if_block$b(ctx) {
3793
3793
  c() {
3794
3794
  div = element("div");
3795
3795
  if (default_slot) default_slot.c();
3796
- attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1kmu8zp"));
3796
+ attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-15k4deh"));
3797
3797
  attr(div, "style", /*style*/ ctx[1]);
3798
3798
  },
3799
3799
  m(target, anchor) {
@@ -3997,7 +3997,7 @@ let Button$1 = class Button extends SvelteComponent {
3997
3997
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
3998
3998
 
3999
3999
  function add_css$C(target) {
4000
- append_styles(target, "svelte-1i2vo31", ".modal.svelte-1i2vo31{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1i2vo31 > .button{flex:auto;display:flex}.close.svelte-1i2vo31{position:absolute;top:0;right:0}.close.svelte-1i2vo31 > .button{position:absolute;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;padding:0;transition:all 0.25s}.close.svelte-1i2vo31 > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1i2vo31{flex:auto;display:flex;justify-content:center;align-items:center;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}@media screen and (min-width: 641px){.modal-bp.svelte-1i2vo31{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-1i2vo31{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
4000
+ 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}}");
4001
4001
  }
4002
4002
 
4003
4003
  // (277:0) {:else}
@@ -4147,7 +4147,7 @@ function create_if_block$a(ctx) {
4147
4147
  c() {
4148
4148
  div = element("div");
4149
4149
  create_component(button.$$.fragment);
4150
- attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"));
4150
+ attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"));
4151
4151
  attr(div, "role", "dialog");
4152
4152
  attr(div, "aria-modal", "true");
4153
4153
  attr(div, "style", Array.from(/*modalStyles*/ ctx[23]).join(';'));
@@ -4171,7 +4171,7 @@ function create_if_block$a(ctx) {
4171
4171
 
4172
4172
  button.$set(button_changes);
4173
4173
 
4174
- if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"))) {
4174
+ if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"))) {
4175
4175
  attr(div, "class", div_class_value);
4176
4176
  }
4177
4177
  },
@@ -4225,7 +4225,7 @@ function create_if_block_1$2(ctx) {
4225
4225
  c() {
4226
4226
  div = element("div");
4227
4227
  create_component(button.$$.fragment);
4228
- attr(div, "class", "close svelte-1i2vo31");
4228
+ attr(div, "class", "close svelte-1ijkyzl");
4229
4229
  set_style(div, "z-index", /*$maximumZindex*/ ctx[22] + 1);
4230
4230
  },
4231
4231
  m(target, anchor) {
@@ -4314,7 +4314,7 @@ function create_default_slot$6(ctx) {
4314
4314
  t = space();
4315
4315
  div = element("div");
4316
4316
  if (default_slot) default_slot.c();
4317
- attr(div, "class", "modal-content svelte-1i2vo31");
4317
+ attr(div, "class", "modal-content svelte-1ijkyzl");
4318
4318
  attr(div, "style", /*_style*/ ctx[5]);
4319
4319
  },
4320
4320
  m(target, anchor) {
@@ -4964,7 +4964,7 @@ class Grid extends SvelteComponent {
4964
4964
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
4965
4965
 
4966
4966
  function add_css$B(target) {
4967
- append_styles(target, "svelte-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{position:absolute;inset:0}");
4967
+ append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
4968
4968
  }
4969
4969
 
4970
4970
  function create_fragment$13(ctx) {
@@ -4979,8 +4979,8 @@ function create_fragment$13(ctx) {
4979
4979
  div1 = element("div");
4980
4980
  div0 = element("div");
4981
4981
  if (default_slot) default_slot.c();
4982
- attr(div0, "class", "grid-item-inner svelte-1cryhmb");
4983
- attr(div1, "class", "grid-item svelte-1cryhmb");
4982
+ attr(div0, "class", "grid-item-inner svelte-n7kdl3");
4983
+ attr(div1, "class", "grid-item svelte-n7kdl3");
4984
4984
  attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
4985
4985
  attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
4986
4986
  attr(div1, "style", /*_style*/ ctx[1]);
@@ -5285,7 +5285,7 @@ class RenderText extends SvelteComponent {
5285
5285
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
5286
5286
 
5287
5287
  function add_css$A(target) {
5288
- append_styles(target, "svelte-vz6867", ".text-element-wrapper.svelte-vz6867.svelte-vz6867{position:relative;height:100%}.text-element.svelte-vz6867.svelte-vz6867{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;margin:0px;padding:0px;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden;font-size:12px;line-height:1.5}.text-link-element.svelte-vz6867.svelte-vz6867{text-decoration:none;color:inherit}.text-element-inner.svelte-vz6867.svelte-vz6867{width:100%;height:auto}.text-direction-vertical.svelte-vz6867.svelte-vz6867{writing-mode:vertical-rl}.text-direction-vertical.svelte-vz6867 .text-element-inner.svelte-vz6867{width:auto;height:100%}.tooltip.svelte-vz6867.svelte-vz6867{display:none;position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);color:#fff;background-color:#3d4948;white-space:nowrap;padding:4px 8px 4px 8px;border-radius:4px;font-size:12px;z-index:2147483647}.tooltip.svelte-vz6867.svelte-vz6867:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-vz6867.svelte-vz6867{display:block}.tooltip-error.svelte-vz6867.svelte-vz6867{background-color:#c00}.tooltip-error.svelte-vz6867.svelte-vz6867:before{border-bottom:7px solid #c00}");
5288
+ 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}");
5289
5289
  }
5290
5290
 
5291
5291
  // (94:2) {:else}
@@ -5302,8 +5302,8 @@ function create_else_block$2(ctx) {
5302
5302
  div1 = element("div");
5303
5303
  div0 = element("div");
5304
5304
  create_component(rendertext.$$.fragment);
5305
- attr(div0, "class", "text-element-inner svelte-vz6867");
5306
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5305
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
5306
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
5307
5307
  attr(div1, "style", /*style*/ ctx[5]);
5308
5308
  },
5309
5309
  m(target, anchor) {
@@ -5317,7 +5317,7 @@ function create_else_block$2(ctx) {
5317
5317
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
5318
5318
  rendertext.$set(rendertext_changes);
5319
5319
 
5320
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"))) {
5320
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
5321
5321
  attr(div1, "class", div1_class_value);
5322
5322
  }
5323
5323
 
@@ -5367,12 +5367,12 @@ function create_if_block$8(ctx) {
5367
5367
  t2 = space();
5368
5368
  div2 = element("div");
5369
5369
  div2.textContent = "コピーできませんでした";
5370
- attr(div0, "class", "text-element-inner svelte-vz6867");
5370
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
5371
5371
  attr(a, "href", '');
5372
- attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5372
+ attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
5373
5373
  attr(a, "style", /*style*/ ctx[5]);
5374
- attr(div1, "class", "tooltip svelte-vz6867");
5375
- attr(div2, "class", "tooltip tooltip-error svelte-vz6867");
5374
+ attr(div1, "class", "tooltip svelte-9ixs0b");
5375
+ attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
5376
5376
  },
5377
5377
  m(target, anchor) {
5378
5378
  insert(target, a, anchor);
@@ -5396,7 +5396,7 @@ function create_if_block$8(ctx) {
5396
5396
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
5397
5397
  rendertext.$set(rendertext_changes);
5398
5398
 
5399
- if (!current || dirty & /*textDirection*/ 2 && a_class_value !== (a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"))) {
5399
+ 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"))) {
5400
5400
  attr(a, "class", a_class_value);
5401
5401
  }
5402
5402
 
@@ -5448,7 +5448,7 @@ function create_fragment$11(ctx) {
5448
5448
  c() {
5449
5449
  div = element("div");
5450
5450
  if_block.c();
5451
- attr(div, "class", "text-element-wrapper svelte-vz6867");
5451
+ attr(div, "class", "text-element-wrapper svelte-9ixs0b");
5452
5452
  },
5453
5453
  m(target, anchor) {
5454
5454
  insert(target, div, anchor);
@@ -5614,7 +5614,7 @@ class TextElement extends SvelteComponent {
5614
5614
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
5615
5615
 
5616
5616
  function add_css$z(target) {
5617
- append_styles(target, "svelte-ujdxfc", ".text-button-element.svelte-ujdxfc{width:100%;height:100%}.text-button-element.svelte-ujdxfc > .button{display:flex;width:100%;height:100%;border:none;box-shadow:transparent;box-sizing:border-box;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5;background-color:#33403e;border-radius:4px;cursor:pointer;border-width:0px;border-style:solid;border-color:#000000}.text-button-element.svelte-ujdxfc > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-ujdxfc > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-ujdxfc > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
5617
+ 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)}");
5618
5618
  }
5619
5619
 
5620
5620
  // (48:2) <Button {onClick} {style} {eventName}>
@@ -5670,7 +5670,7 @@ function create_fragment$10(ctx) {
5670
5670
  c() {
5671
5671
  div = element("div");
5672
5672
  create_component(button.$$.fragment);
5673
- attr(div, "class", "text-button-element svelte-ujdxfc");
5673
+ attr(div, "class", "text-button-element svelte-1vg84sc");
5674
5674
  },
5675
5675
  m(target, anchor) {
5676
5676
  insert(target, div, anchor);
@@ -5762,7 +5762,7 @@ class TextButtonElement extends SvelteComponent {
5762
5762
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
5763
5763
 
5764
5764
  function add_css$y(target) {
5765
- append_styles(target, "svelte-1alkh1m", ".image-element.svelte-1alkh1m{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-1alkh1m > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image-element.svelte-1alkh1m > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-1alkh1m > .button:not(._disabled):hover,.image-element.transport.svelte-1alkh1m > .button:not(._disabled):focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}.image.svelte-1alkh1m{width:100%;height:100%}");
5765
+ 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%}");
5766
5766
  }
5767
5767
 
5768
5768
  // (44:2) <Button {onClick} style={_style} {eventName}>
@@ -5774,7 +5774,7 @@ function create_default_slot$4(ctx) {
5774
5774
  return {
5775
5775
  c() {
5776
5776
  img = element("img");
5777
- attr(img, "class", "image svelte-1alkh1m");
5777
+ attr(img, "class", "image svelte-t6tu0e");
5778
5778
  attr(img, "loading", "lazy");
5779
5779
  attr(img, "width", "auto");
5780
5780
  attr(img, "height", "auto");
@@ -5836,7 +5836,7 @@ function create_fragment$$(ctx) {
5836
5836
  c() {
5837
5837
  div = element("div");
5838
5838
  create_component(button.$$.fragment);
5839
- attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m");
5839
+ attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
5840
5840
  },
5841
5841
  m(target, anchor) {
5842
5842
  insert(target, div, anchor);
@@ -5855,7 +5855,7 @@ function create_fragment$$(ctx) {
5855
5855
 
5856
5856
  button.$set(button_changes);
5857
5857
 
5858
- if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m")) {
5858
+ if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
5859
5859
  attr(div, "class", div_class_value);
5860
5860
  }
5861
5861
  },
@@ -5927,7 +5927,7 @@ class ImageElement extends SvelteComponent {
5927
5927
  /* src/components/List.svelte generated by Svelte v3.53.1 */
5928
5928
 
5929
5929
  function add_css$x(target) {
5930
- append_styles(target, "svelte-1t8r9z", ".list.svelte-1t8r9z{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
5930
+ 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}");
5931
5931
  }
5932
5932
 
5933
5933
  function create_fragment$_(ctx) {
@@ -5940,7 +5940,7 @@ function create_fragment$_(ctx) {
5940
5940
  c() {
5941
5941
  div = element("div");
5942
5942
  if (default_slot) default_slot.c();
5943
- attr(div, "class", "list svelte-1t8r9z");
5943
+ attr(div, "class", "list svelte-aquv6z");
5944
5944
  attr(div, "style", /*style*/ ctx[0]);
5945
5945
  },
5946
5946
  m(target, anchor) {
@@ -6074,7 +6074,7 @@ class List extends SvelteComponent {
6074
6074
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
6075
6075
 
6076
6076
  function add_css$w(target) {
6077
- append_styles(target, "svelte-1lbw8v2", ".list-item.svelte-1lbw8v2{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item.svelte-1lbw8v2 > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
6077
+ 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}");
6078
6078
  }
6079
6079
 
6080
6080
  // (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
@@ -6144,7 +6144,7 @@ function create_fragment$Z(ctx) {
6144
6144
  c() {
6145
6145
  div = element("div");
6146
6146
  create_component(button.$$.fragment);
6147
- attr(div, "class", "list-item svelte-1lbw8v2");
6147
+ attr(div, "class", "list-item svelte-9n97pe");
6148
6148
  attr(div, "style", /*listItemStyle*/ ctx[3]);
6149
6149
  },
6150
6150
  m(target, anchor) {
@@ -6270,7 +6270,7 @@ class ListItem extends SvelteComponent {
6270
6270
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
6271
6271
 
6272
6272
  function add_css$v(target) {
6273
- append_styles(target, "svelte-w6jkzh", ".embed.svelte-w6jkzh{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-w6jkzh iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
6273
+ 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}");
6274
6274
  }
6275
6275
 
6276
6276
  function create_fragment$Y(ctx) {
@@ -6279,7 +6279,7 @@ function create_fragment$Y(ctx) {
6279
6279
  return {
6280
6280
  c() {
6281
6281
  div = element("div");
6282
- attr(div, "class", "embed svelte-w6jkzh");
6282
+ attr(div, "class", "embed svelte-wocq4p");
6283
6283
  attr(div, "style", /*_style*/ ctx[1]);
6284
6284
  },
6285
6285
  m(target, anchor) {
@@ -6322,7 +6322,7 @@ class EmbedElement extends SvelteComponent {
6322
6322
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
6323
6323
 
6324
6324
  function add_css$u(target) {
6325
- append_styles(target, "svelte-ljxq7x", ".embed.svelte-ljxq7x{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-ljxq7x iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
6325
+ 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%}");
6326
6326
  }
6327
6327
 
6328
6328
  function create_fragment$X(ctx) {
@@ -6334,7 +6334,7 @@ function create_fragment$X(ctx) {
6334
6334
  div1 = element("div");
6335
6335
  div0 = element("div");
6336
6336
  attr(div0, "class", "karte-player");
6337
- attr(div1, "class", "embed svelte-ljxq7x");
6337
+ attr(div1, "class", "embed svelte-vikz49");
6338
6338
  attr(div1, "style", /*_style*/ ctx[0]);
6339
6339
  },
6340
6340
  m(target, anchor) {
@@ -6676,7 +6676,7 @@ class MovieYouTubeElement extends SvelteComponent {
6676
6676
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
6677
6677
 
6678
6678
  function add_css$t(target) {
6679
- append_styles(target, "svelte-ljxq7x", ".embed.svelte-ljxq7x{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-ljxq7x iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
6679
+ 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%}");
6680
6680
  }
6681
6681
 
6682
6682
  function create_fragment$W(ctx) {
@@ -6688,7 +6688,7 @@ function create_fragment$W(ctx) {
6688
6688
  div1 = element("div");
6689
6689
  div0 = element("div");
6690
6690
  attr(div0, "class", "karte-player");
6691
- attr(div1, "class", "embed svelte-ljxq7x");
6691
+ attr(div1, "class", "embed svelte-vikz49");
6692
6692
  attr(div1, "style", /*_style*/ ctx[0]);
6693
6693
  },
6694
6694
  m(target, anchor) {
@@ -6872,7 +6872,7 @@ class MovieVimeoElement extends SvelteComponent {
6872
6872
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
6873
6873
 
6874
6874
  function add_css$s(target) {
6875
- append_styles(target, "svelte-1fjy5oo", ".textarea-wrapper.svelte-1fjy5oo{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-1fjy5oo{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.textarea.svelte-1fjy5oo::placeholder{color:var(--placeholder-color)}.textarea.svelte-1fjy5oo:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}");
6875
+ 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}");
6876
6876
  }
6877
6877
 
6878
6878
  function create_fragment$V(ctx) {
@@ -6885,12 +6885,12 @@ function create_fragment$V(ctx) {
6885
6885
  c() {
6886
6886
  div = element("div");
6887
6887
  textarea = element("textarea");
6888
- attr(textarea, "class", "textarea svelte-1fjy5oo");
6888
+ attr(textarea, "class", "textarea svelte-zxvkkc");
6889
6889
  textarea.value = /*$value*/ ctx[4];
6890
6890
  textarea.required = /*required*/ ctx[1];
6891
6891
  attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
6892
6892
  attr(textarea, "style", /*style*/ ctx[3]);
6893
- attr(div, "class", "textarea-wrapper svelte-1fjy5oo");
6893
+ attr(div, "class", "textarea-wrapper svelte-zxvkkc");
6894
6894
  attr(div, "style", /*styleVariables*/ ctx[2]);
6895
6895
  },
6896
6896
  m(target, anchor) {
@@ -7042,7 +7042,7 @@ class FormTextarea extends SvelteComponent {
7042
7042
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
7043
7043
 
7044
7044
  function add_css$r(target) {
7045
- append_styles(target, "svelte-1ntb6j8", ".radio-buttons.svelte-1ntb6j8{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-1ntb6j8{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-1ntb6j8{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-1ntb6j8:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18,160,160,.08),0px 1px 4px -1px rgba(18,160,160,.24)}.radio-button-text.svelte-1ntb6j8{margin-left:0.5em}");
7045
+ 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}");
7046
7046
  }
7047
7047
 
7048
7048
  function get_each_context$5(ctx, list, i) {
@@ -7076,14 +7076,14 @@ function create_each_block$5(ctx) {
7076
7076
  t1 = text(t1_value);
7077
7077
  t2 = space();
7078
7078
  attr(input, "type", "radio");
7079
- attr(input, "class", "radio-button-input svelte-1ntb6j8");
7079
+ attr(input, "class", "radio-button-input svelte-17s08g");
7080
7080
  attr(input, "style", /*buttonStyle*/ ctx[5]);
7081
7081
  attr(input, "name", /*name*/ ctx[0]);
7082
7082
  input.value = input_value_value = /*option*/ ctx[17];
7083
7083
  input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
7084
- attr(span, "class", "radio-button-text svelte-1ntb6j8");
7084
+ attr(span, "class", "radio-button-text svelte-17s08g");
7085
7085
  attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
7086
- attr(label, "class", "radio-button svelte-1ntb6j8");
7086
+ attr(label, "class", "radio-button svelte-17s08g");
7087
7087
  },
7088
7088
  m(target, anchor) {
7089
7089
  insert(target, label, anchor);
@@ -7148,7 +7148,7 @@ function create_fragment$U(ctx) {
7148
7148
  each_blocks[i].c();
7149
7149
  }
7150
7150
 
7151
- attr(div, "class", "radio-buttons svelte-1ntb6j8");
7151
+ attr(div, "class", "radio-buttons svelte-17s08g");
7152
7152
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7153
7153
  },
7154
7154
  m(target, anchor) {
@@ -7317,7 +7317,7 @@ class FormRadioButtons extends SvelteComponent {
7317
7317
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
7318
7318
 
7319
7319
  function add_css$q(target) {
7320
- append_styles(target, "svelte-iejizj", ".select.svelte-iejizj{width:100%;height:100%}.select-select.svelte-iejizj{position:relative;appearance:none;width:100%;height:100%;cursor:pointer;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:0 0 0 10px;font-size:12px;line-height:1.5}.select-select.svelte-iejizj:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.select-icon.svelte-iejizj{position:absolute;width:calc(var(--icon-size) / 1.41);height:calc(var(--icon-size) / 1.41);top:calc(50% - calc(var(--icon-size) / 4));right:calc(var(--icon-size) * 1.2);box-sizing:border-box;border-right:solid 2px var(--icon-color);border-top:solid 2px var(--icon-color);transform:translateY(-35.4%) rotate(135deg);pointer-events:none}");
7320
+ 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}");
7321
7321
  }
7322
7322
 
7323
7323
  function get_each_context$4(ctx, list, i) {
@@ -7451,10 +7451,10 @@ function create_fragment$T(ctx) {
7451
7451
 
7452
7452
  t = space();
7453
7453
  div0 = element("div");
7454
- attr(select, "class", "select-select svelte-iejizj");
7454
+ attr(select, "class", "select-select svelte-t9ynyj");
7455
7455
  attr(select, "style", /*style*/ ctx[3]);
7456
- attr(div0, "class", "select-icon svelte-iejizj");
7457
- attr(div1, "class", "select svelte-iejizj");
7456
+ attr(div0, "class", "select-icon svelte-t9ynyj");
7457
+ attr(div1, "class", "select svelte-t9ynyj");
7458
7458
  attr(div1, "style", /*styleVariables*/ ctx[2]);
7459
7459
  },
7460
7460
  m(target, anchor) {
@@ -7656,7 +7656,7 @@ class FormSelect extends SvelteComponent {
7656
7656
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
7657
7657
 
7658
7658
  function add_css$p(target) {
7659
- append_styles(target, "svelte-2pz1us", ".check-boxes.svelte-2pz1us.svelte-2pz1us{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%;gap:0px}.check-box.svelte-2pz1us.svelte-2pz1us{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-2pz1us.svelte-2pz1us{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-2pz1us.svelte-2pz1us{display:inline-flex;background-color:var(--color-main);width:var(--size);height:var(--size);border-radius:calc(var(--size) / 4);justify-content:center;align-items:center;flex:none}.check-box-icon.svelte-2pz1us.svelte-2pz1us{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-2pz1us.svelte-2pz1us:after{content:'';display:block;box-sizing:border-box;width:45%;height:91%;transform:translate(60%, -8%) rotate(45deg);border-style:none solid solid none;border-width:2px;border-color:var(--color-sub)}.check-box-check._checked.svelte-2pz1us.svelte-2pz1us{background-color:var(--color-main-active)}.check-box-check._checked.svelte-2pz1us .check-box-icon.svelte-2pz1us:after{border-color:var(--color-sub-active)}.check-box-text.svelte-2pz1us.svelte-2pz1us{margin-left:0.5em;color:#333;font-size:12px;line-height:1.5}");
7659
+ 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}");
7660
7660
  }
7661
7661
 
7662
7662
  function get_each_context$3(ctx, list, i) {
@@ -7695,19 +7695,19 @@ function create_each_block$3(ctx) {
7695
7695
  span2 = element("span");
7696
7696
  t2 = text(t2_value);
7697
7697
  t3 = space();
7698
- attr(input, "class", "check-box-input svelte-2pz1us");
7698
+ attr(input, "class", "check-box-input svelte-1p65cg8");
7699
7699
  attr(input, "type", "checkbox");
7700
7700
  attr(input, "name", /*name*/ ctx[0]);
7701
7701
  input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
7702
- attr(span0, "class", "check-box-icon svelte-2pz1us");
7702
+ attr(span0, "class", "check-box-icon svelte-1p65cg8");
7703
7703
 
7704
7704
  attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7705
7705
  ? ' _checked'
7706
- : ''}`) + " svelte-2pz1us"));
7706
+ : ''}`) + " svelte-1p65cg8"));
7707
7707
 
7708
- attr(span2, "class", "check-box-text svelte-2pz1us");
7708
+ attr(span2, "class", "check-box-text svelte-1p65cg8");
7709
7709
  attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
7710
- attr(label, "class", "check-box svelte-2pz1us");
7710
+ attr(label, "class", "check-box svelte-1p65cg8");
7711
7711
  attr(label, "style", /*styleVariables*/ ctx[5]);
7712
7712
  },
7713
7713
  m(target, anchor) {
@@ -7739,7 +7739,7 @@ function create_each_block$3(ctx) {
7739
7739
 
7740
7740
  if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7741
7741
  ? ' _checked'
7742
- : ''}`) + " svelte-2pz1us"))) {
7742
+ : ''}`) + " svelte-1p65cg8"))) {
7743
7743
  attr(span1, "class", span1_class_value);
7744
7744
  }
7745
7745
 
@@ -7778,7 +7778,7 @@ function create_fragment$S(ctx) {
7778
7778
  each_blocks[i].c();
7779
7779
  }
7780
7780
 
7781
- attr(div, "class", "check-boxes svelte-2pz1us");
7781
+ attr(div, "class", "check-boxes svelte-1p65cg8");
7782
7782
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7783
7783
  },
7784
7784
  m(target, anchor) {
@@ -7953,7 +7953,7 @@ class FormCheckBoxes extends SvelteComponent {
7953
7953
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
7954
7954
 
7955
7955
  function add_css$o(target) {
7956
- append_styles(target, "svelte-9idbf1", ".rating-buttons.svelte-9idbf1{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-9idbf1{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color 0.2s, box-shadow 0.2s;appearance:none;background:none;border:none;margin:0;padding:0}");
7956
+ 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}");
7957
7957
  }
7958
7958
 
7959
7959
  function get_each_context$2(ctx, list, i) {
@@ -7977,7 +7977,7 @@ function create_each_block$2(ctx) {
7977
7977
  button = element("button");
7978
7978
  t0 = text(t0_value);
7979
7979
  t1 = space();
7980
- attr(button, "class", "rating-button svelte-9idbf1");
7980
+ attr(button, "class", "rating-button svelte-1iqf36p");
7981
7981
  attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[5](/*i*/ ctx[14] === /*_value*/ ctx[2]));
7982
7982
  },
7983
7983
  m(target, anchor) {
@@ -8026,7 +8026,7 @@ function create_fragment$R(ctx) {
8026
8026
  each_blocks[i].c();
8027
8027
  }
8028
8028
 
8029
- attr(div, "class", "rating-buttons svelte-9idbf1");
8029
+ attr(div, "class", "rating-buttons svelte-1iqf36p");
8030
8030
  },
8031
8031
  m(target, anchor) {
8032
8032
  insert(target, div, anchor);
@@ -8170,7 +8170,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
8170
8170
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
8171
8171
 
8172
8172
  function add_css$n(target) {
8173
- append_styles(target, "svelte-1b5dvzw", ".rating-buttons.svelte-1b5dvzw{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-1b5dvzw{appearance:none;background:none;border:none;margin:0;padding:0}.rating-button-image.svelte-1b5dvzw{cursor:pointer;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.rating-button-image.svelte-1b5dvzw:not(._active){filter:grayscale(100%)}");
8173
+ 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%)}");
8174
8174
  }
8175
8175
 
8176
8176
  function get_each_context$1(ctx, list, i) {
@@ -8195,9 +8195,9 @@ function create_each_block$1(ctx) {
8195
8195
  img = element("img");
8196
8196
  t = space();
8197
8197
  if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
8198
- attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"));
8198
+ attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
8199
8199
  attr(img, "alt", "rate" + /*i*/ ctx[10]);
8200
- attr(button, "class", "rating-button svelte-1b5dvzw");
8200
+ attr(button, "class", "rating-button svelte-tbunko");
8201
8201
  attr(button, "style", /*buttonStyle*/ ctx[0]);
8202
8202
  },
8203
8203
  m(target, anchor) {
@@ -8213,7 +8213,7 @@ function create_each_block$1(ctx) {
8213
8213
  p(new_ctx, dirty) {
8214
8214
  ctx = new_ctx;
8215
8215
 
8216
- if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"))) {
8216
+ if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"))) {
8217
8217
  attr(img, "class", img_class_value);
8218
8218
  }
8219
8219
 
@@ -8246,7 +8246,7 @@ function create_fragment$Q(ctx) {
8246
8246
  each_blocks[i].c();
8247
8247
  }
8248
8248
 
8249
- attr(div, "class", "rating-buttons svelte-1b5dvzw");
8249
+ attr(div, "class", "rating-buttons svelte-tbunko");
8250
8250
  },
8251
8251
  m(target, anchor) {
8252
8252
  insert(target, div, anchor);
@@ -8354,7 +8354,7 @@ class FormRatingButtonsFace extends SvelteComponent {
8354
8354
  /* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
8355
8355
 
8356
8356
  function add_css$m(target) {
8357
- append_styles(target, "svelte-f14zo5", ".input-wrapper.svelte-f14zo5{display:flex;align-items:center;width:100%;height:100%}.input.svelte-f14zo5{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.input.svelte-f14zo5::placeholder{color:var(--placeholder-color)}.input.svelte-f14zo5:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.input._error.svelte-f14zo5{outline:none;border-width:var(--error-border-width) !important;border-color:var(--error-border-color) !important;border-style:var(--error-border-style) !important}");
8357
+ 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}");
8358
8358
  }
8359
8359
 
8360
8360
  function create_fragment$P(ctx) {
@@ -8368,13 +8368,13 @@ function create_fragment$P(ctx) {
8368
8368
  c() {
8369
8369
  div = element("div");
8370
8370
  input = element("input");
8371
- attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"));
8371
+ attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"));
8372
8372
  attr(input, "type", "text");
8373
8373
  input.value = /*$value*/ ctx[2];
8374
8374
  input.required = /*required*/ ctx[0];
8375
8375
  attr(input, "placeholder", /*placeholder*/ ctx[1]);
8376
8376
  attr(input, "style", /*style*/ ctx[5]);
8377
- attr(div, "class", "input-wrapper svelte-f14zo5");
8377
+ attr(div, "class", "input-wrapper svelte-h8fqwx");
8378
8378
  attr(div, "style", /*styleVariables*/ ctx[4]);
8379
8379
  },
8380
8380
  m(target, anchor) {
@@ -8387,7 +8387,7 @@ function create_fragment$P(ctx) {
8387
8387
  }
8388
8388
  },
8389
8389
  p(ctx, [dirty]) {
8390
- if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"))) {
8390
+ if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"))) {
8391
8391
  attr(input, "class", input_class_value);
8392
8392
  }
8393
8393
 
@@ -8575,7 +8575,7 @@ class FormIdentifyInput extends SvelteComponent {
8575
8575
  /* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
8576
8576
 
8577
8577
  function add_css$l(target) {
8578
- append_styles(target, "svelte-pzrwlo", ".radio-buttons.svelte-pzrwlo{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-pzrwlo{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-pzrwlo{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-pzrwlo:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18, 160, 160, 0.08), 0px 1px 4px -1px rgba(18, 160, 160, 0.24)}.radio-button-text.svelte-pzrwlo{margin-left:0.5em}");
8578
+ 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}");
8579
8579
  }
8580
8580
 
8581
8581
  function create_fragment$O(ctx) {
@@ -8613,20 +8613,20 @@ function create_fragment$O(ctx) {
8613
8613
  span1 = element("span");
8614
8614
  t4 = text("いいえ");
8615
8615
  attr(input0, "type", "radio");
8616
- attr(input0, "class", "radio-button-input svelte-pzrwlo");
8616
+ attr(input0, "class", "radio-button-input svelte-8zbmyo");
8617
8617
  attr(input0, "style", /*buttonStyle*/ ctx[2]);
8618
8618
  input0.checked = input0_checked_value = /*$value*/ ctx[3] === true;
8619
- attr(span0, "class", "radio-button-text svelte-pzrwlo");
8619
+ attr(span0, "class", "radio-button-text svelte-8zbmyo");
8620
8620
  attr(span0, "style", span0_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
8621
- attr(label0, "class", "radio-button svelte-pzrwlo");
8621
+ attr(label0, "class", "radio-button svelte-8zbmyo");
8622
8622
  attr(input1, "type", "radio");
8623
- attr(input1, "class", "radio-button-input svelte-pzrwlo");
8623
+ attr(input1, "class", "radio-button-input svelte-8zbmyo");
8624
8624
  attr(input1, "style", /*buttonStyle*/ ctx[2]);
8625
8625
  input1.checked = input1_checked_value = /*$value*/ ctx[3] === false;
8626
- attr(span1, "class", "radio-button-text svelte-pzrwlo");
8626
+ attr(span1, "class", "radio-button-text svelte-8zbmyo");
8627
8627
  attr(span1, "style", span1_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
8628
- attr(label1, "class", "radio-button svelte-pzrwlo");
8629
- attr(div, "class", "radio-buttons svelte-pzrwlo");
8628
+ attr(label1, "class", "radio-button svelte-8zbmyo");
8629
+ attr(div, "class", "radio-buttons svelte-8zbmyo");
8630
8630
  attr(div, "style", /*_layoutStyle*/ ctx[0]);
8631
8631
  },
8632
8632
  m(target, anchor) {
@@ -8794,7 +8794,7 @@ class FormIdentifyChoices extends SvelteComponent {
8794
8794
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
8795
8795
 
8796
8796
  function add_css$k(target) {
8797
- append_styles(target, "svelte-1qfq79t", ".root.svelte-1qfq79t{width:100%;height:100%;position:relative}.container.svelte-1qfq79t{width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000}.slide.svelte-1qfq79t{height:100%;position:absolute;display:flex}.transition.svelte-1qfq79t{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-1qfq79t{height:100%;flex:none}.prev-button-container.svelte-1qfq79t,.next-button-container.svelte-1qfq79t{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button-container.svelte-1qfq79t{left:0}.next-button-container.svelte-1qfq79t{right:0}.move-button.svelte-1qfq79t{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;border:none;background:none;margin:0;padding:0}.navigation.svelte-1qfq79t{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-1qfq79t{flex-shrink:0;cursor:pointer;border:none;background:none;margin:0;padding:0;appearance:none}.navigation-item-inner.circle.svelte-1qfq79t{border-radius:51%}");
8797
+ 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%}");
8798
8798
  }
8799
8799
 
8800
8800
  function get_each_context(ctx, list, i) {
@@ -8823,9 +8823,9 @@ function create_if_block_1$1(ctx) {
8823
8823
  attr(svg, "viewBox", "0 0 10 16");
8824
8824
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
8825
8825
  attr(svg, "style", /*prevIconStyle*/ ctx[10]);
8826
- attr(button, "class", "move-button svelte-1qfq79t");
8826
+ attr(button, "class", "move-button svelte-ji1fh");
8827
8827
  attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
8828
- attr(div, "class", "prev-button-container svelte-1qfq79t");
8828
+ attr(div, "class", "prev-button-container svelte-ji1fh");
8829
8829
  },
8830
8830
  m(target, anchor) {
8831
8831
  insert(target, div, anchor);
@@ -8874,9 +8874,9 @@ function create_if_block$6(ctx) {
8874
8874
  attr(svg, "viewBox", "0 0 10 16");
8875
8875
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
8876
8876
  attr(svg, "style", /*nextIconStyle*/ ctx[8]);
8877
- attr(button, "class", "move-button svelte-1qfq79t");
8877
+ attr(button, "class", "move-button svelte-ji1fh");
8878
8878
  attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
8879
- attr(div, "class", "next-button-container svelte-1qfq79t");
8879
+ attr(div, "class", "next-button-container svelte-ji1fh");
8880
8880
  },
8881
8881
  m(target, anchor) {
8882
8882
  insert(target, div, anchor);
@@ -8924,9 +8924,9 @@ function create_each_block(ctx) {
8924
8924
  button = element("button");
8925
8925
  div = element("div");
8926
8926
  t = space();
8927
- attr(div, "class", "navigation-item-inner circle svelte-1qfq79t");
8927
+ attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
8928
8928
  attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
8929
- attr(button, "class", "navigation-item svelte-1qfq79t");
8929
+ attr(button, "class", "navigation-item svelte-ji1fh");
8930
8930
  attr(button, "style", /*navigationItemStyle*/ ctx[6]);
8931
8931
  },
8932
8932
  m(target, anchor) {
@@ -9003,14 +9003,14 @@ function create_fragment$N(ctx) {
9003
9003
  each_blocks[i].c();
9004
9004
  }
9005
9005
 
9006
- attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"));
9006
+ attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
9007
9007
  attr(div0, "style", /*slideStyle*/ ctx[14]);
9008
- attr(div1, "class", "container svelte-1qfq79t");
9008
+ attr(div1, "class", "container svelte-ji1fh");
9009
9009
  attr(div1, "style", /*_style*/ ctx[0]);
9010
- attr(div2, "class", "navigation svelte-1qfq79t");
9010
+ attr(div2, "class", "navigation svelte-ji1fh");
9011
9011
  attr(div2, "style", /*navigationStyle*/ ctx[4]);
9012
9012
  set_attributes(div3, div3_data);
9013
- toggle_class(div3, "svelte-1qfq79t", true);
9013
+ toggle_class(div3, "svelte-ji1fh", true);
9014
9014
  },
9015
9015
  m(target, anchor) {
9016
9016
  insert(target, div3, anchor);
@@ -9052,7 +9052,7 @@ function create_fragment$N(ctx) {
9052
9052
  }
9053
9053
  }
9054
9054
 
9055
- if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"))) {
9055
+ if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
9056
9056
  attr(div0, "class", div0_class_value);
9057
9057
  }
9058
9058
 
@@ -9118,7 +9118,7 @@ function create_fragment$N(ctx) {
9118
9118
  }
9119
9119
 
9120
9120
  set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
9121
- toggle_class(div3, "svelte-1qfq79t", true);
9121
+ toggle_class(div3, "svelte-ji1fh", true);
9122
9122
  },
9123
9123
  i(local) {
9124
9124
  if (current) return;
@@ -9630,7 +9630,7 @@ class Slide extends SvelteComponent {
9630
9630
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
9631
9631
 
9632
9632
  function add_css$j(target) {
9633
- append_styles(target, "svelte-1rv0qgo", ".item.svelte-1rv0qgo{height:100%;flex:none;position:relative}.item.svelte-1rv0qgo img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-1rv0qgo{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;cursor:default;overflow:hidden}");
9633
+ 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}");
9634
9634
  }
9635
9635
 
9636
9636
  function create_fragment$M(ctx) {
@@ -9645,9 +9645,9 @@ function create_fragment$M(ctx) {
9645
9645
  div1 = element("div");
9646
9646
  div0 = element("div");
9647
9647
  if (default_slot) default_slot.c();
9648
- attr(div0, "class", "item-inner svelte-1rv0qgo");
9648
+ attr(div0, "class", "item-inner svelte-9ygf1w");
9649
9649
  attr(div0, "style", /*_style*/ ctx[0]);
9650
- attr(div1, "class", "item svelte-1rv0qgo");
9650
+ attr(div1, "class", "item svelte-9ygf1w");
9651
9651
  attr(div1, "style", /*itemStyle*/ ctx[1]);
9652
9652
  },
9653
9653
  m(target, anchor) {
@@ -9773,7 +9773,7 @@ class SlideItem extends SvelteComponent {
9773
9773
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
9774
9774
 
9775
9775
  function add_css$i(target) {
9776
- append_styles(target, "svelte-t87l6f", ".countdown.svelte-t87l6f{position:relative;width:100%;height:100%}.countdown-inner.svelte-t87l6f{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
9776
+ 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}");
9777
9777
  }
9778
9778
 
9779
9779
  const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
@@ -9791,9 +9791,9 @@ function create_fragment$L(ctx) {
9791
9791
  div1 = element("div");
9792
9792
  div0 = element("div");
9793
9793
  if (default_slot) default_slot.c();
9794
- attr(div0, "class", "countdown-inner svelte-t87l6f");
9794
+ attr(div0, "class", "countdown-inner svelte-rroxiz");
9795
9795
  attr(div0, "style", /*_style*/ ctx[0]);
9796
- attr(div1, "class", "countdown svelte-t87l6f");
9796
+ attr(div1, "class", "countdown svelte-rroxiz");
9797
9797
  },
9798
9798
  m(target, anchor) {
9799
9799
  insert(target, div1, anchor);
@@ -9927,7 +9927,7 @@ class Countdown extends SvelteComponent {
9927
9927
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
9928
9928
 
9929
9929
  function add_css$h(target) {
9930
- append_styles(target, "svelte-1c91vpe", ".box.svelte-1c91vpe{position:relative;width:100%;height:100%}.box.svelte-1c91vpe > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
9930
+ 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}");
9931
9931
  }
9932
9932
 
9933
9933
  // (24:2) <Button {onClick} style={_style} {eventName}>
@@ -9997,7 +9997,7 @@ function create_fragment$K(ctx) {
9997
9997
  c() {
9998
9998
  div = element("div");
9999
9999
  create_component(button.$$.fragment);
10000
- attr(div, "class", "box svelte-1c91vpe");
10000
+ attr(div, "class", "box svelte-1ccydfy");
10001
10001
  },
10002
10002
  m(target, anchor) {
10003
10003
  insert(target, div, anchor);
@@ -10058,7 +10058,7 @@ class Box extends SvelteComponent {
10058
10058
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
10059
10059
 
10060
10060
  function add_css$g(target) {
10061
- append_styles(target, "svelte-1mk6wi4", ".icon.svelte-1mk6wi4{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.icon.svelte-1mk6wi4 > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;overflow:hidden}.icon.svelte-1mk6wi4 > .button._disabled{cursor:not-allowed !important;opacity:0.2}.icon.svelte-1mk6wi4 svg{width:var(--width);height:var(--height);color:var(--color);stroke:var(--stroke);fill:var(--fill)}");
10061
+ 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)}");
10062
10062
  }
10063
10063
 
10064
10064
  // (56:4) {#if svg}
@@ -10140,7 +10140,7 @@ function create_fragment$J(ctx) {
10140
10140
  c() {
10141
10141
  div = element("div");
10142
10142
  create_component(button.$$.fragment);
10143
- attr(div, "class", "icon svelte-1mk6wi4");
10143
+ attr(div, "class", "icon svelte-1mkvcuo");
10144
10144
  },
10145
10145
  m(target, anchor) {
10146
10146
  insert(target, div, anchor);
@@ -10249,7 +10249,7 @@ class IconElement extends SvelteComponent {
10249
10249
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
10250
10250
 
10251
10251
  function add_css$f(target) {
10252
- append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10252
+ append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10253
10253
  }
10254
10254
 
10255
10255
  function create_fragment$I(ctx) {
@@ -10275,7 +10275,7 @@ function create_fragment$I(ctx) {
10275
10275
  c() {
10276
10276
  div = element("div");
10277
10277
  if (switch_instance) create_component(switch_instance.$$.fragment);
10278
- attr(div, "class", "codeElement svelte-1ng2n51");
10278
+ attr(div, "class", "codeElement svelte-ymsb9l");
10279
10279
  attr(div, "style", /*style*/ ctx[3]);
10280
10280
  },
10281
10281
  m(target, anchor) {
@@ -10364,7 +10364,7 @@ class CodeElement extends SvelteComponent {
10364
10364
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
10365
10365
 
10366
10366
  function add_css$e(target) {
10367
- append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
10367
+ append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
10368
10368
  }
10369
10369
 
10370
10370
  function create_fragment$H(ctx) {
@@ -10378,7 +10378,7 @@ function create_fragment$H(ctx) {
10378
10378
  c() {
10379
10379
  div = element("div");
10380
10380
  if (default_slot) default_slot.c();
10381
- attr(div, "class", "flex svelte-9v2qdg");
10381
+ attr(div, "class", "flex svelte-1e71ejc");
10382
10382
  attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
10383
10383
  },
10384
10384
  m(target, anchor) {
@@ -10475,7 +10475,7 @@ class Flex extends SvelteComponent {
10475
10475
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
10476
10476
 
10477
10477
  function add_css$d(target) {
10478
- append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
10478
+ append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
10479
10479
  }
10480
10480
 
10481
10481
  function create_fragment$G(ctx) {
@@ -10488,7 +10488,7 @@ function create_fragment$G(ctx) {
10488
10488
  c() {
10489
10489
  div = element("div");
10490
10490
  if (default_slot) default_slot.c();
10491
- attr(div, "class", "flex-item svelte-164ah5d");
10491
+ attr(div, "class", "flex-item svelte-1p0bk1x");
10492
10492
  attr(div, "style", /*style*/ ctx[0]);
10493
10493
  },
10494
10494
  m(target, anchor) {
@@ -10896,7 +10896,7 @@ class GridModalState extends SvelteComponent {
10896
10896
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
10897
10897
 
10898
10898
  function add_css$c(target) {
10899
- append_styles(target, "svelte-akic2e", ".text-block.svelte-akic2e.svelte-akic2e{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:hidden}.text-block-inner.svelte-akic2e.svelte-akic2e{width:100%;height:auto}.text-direction-vertical.svelte-akic2e.svelte-akic2e{writing-mode:vertical-rl}.text-direction-vertical.svelte-akic2e .text-block-inner.svelte-akic2e{width:auto;height:100%}");
10899
+ 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%}");
10900
10900
  }
10901
10901
 
10902
10902
  function create_fragment$E(ctx) {
@@ -10912,8 +10912,8 @@ function create_fragment$E(ctx) {
10912
10912
  div1 = element("div");
10913
10913
  div0 = element("div");
10914
10914
  create_component(rendertext.$$.fragment);
10915
- attr(div0, "class", "text-block-inner svelte-akic2e");
10916
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"));
10915
+ attr(div0, "class", "text-block-inner svelte-15pej1m");
10916
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
10917
10917
  attr(div1, "style", /*style*/ ctx[2]);
10918
10918
  },
10919
10919
  m(target, anchor) {
@@ -10927,7 +10927,7 @@ function create_fragment$E(ctx) {
10927
10927
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
10928
10928
  rendertext.$set(rendertext_changes);
10929
10929
 
10930
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"))) {
10930
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
10931
10931
  attr(div1, "class", div1_class_value);
10932
10932
  }
10933
10933
 
@@ -11005,7 +11005,7 @@ class TextBlock extends SvelteComponent {
11005
11005
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
11006
11006
 
11007
11007
  function add_css$b(target) {
11008
- append_styles(target, "svelte-1c34p4n", ".text-button-block.svelte-1c34p4n{width:100%;height:100%;background-color:#000000;border-radius:4px}.text-button.svelte-1c34p4n{display:flex;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5}.text-button.svelte-1c34p4n:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-1c34p4n:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
11008
+ 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)}");
11009
11009
  }
11010
11010
 
11011
11011
  function create_fragment$D(ctx) {
@@ -11022,9 +11022,9 @@ function create_fragment$D(ctx) {
11022
11022
  div = element("div");
11023
11023
  button = element("button");
11024
11024
  create_component(rendertext.$$.fragment);
11025
- attr(button, "class", "text-button svelte-1c34p4n");
11025
+ attr(button, "class", "text-button svelte-ff0k6r");
11026
11026
  attr(button, "style", /*_buttonStyle*/ ctx[1]);
11027
- attr(div, "class", "text-button-block svelte-1c34p4n");
11027
+ attr(div, "class", "text-button-block svelte-ff0k6r");
11028
11028
  attr(div, "style", /*_style*/ ctx[2]);
11029
11029
  },
11030
11030
  m(target, anchor) {
@@ -11130,7 +11130,7 @@ class TextButtonBlock extends SvelteComponent {
11130
11130
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
11131
11131
 
11132
11132
  function add_css$a(target) {
11133
- append_styles(target, "svelte-1jus6sx", ".image-block.svelte-1jus6sx{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image.svelte-1jus6sx{width:100%;height:100%}.transport.svelte-1jus6sx:hover,.transport.svelte-1jus6sx:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
11133
+ 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)}");
11134
11134
  }
11135
11135
 
11136
11136
  function create_fragment$C(ctx) {
@@ -11146,14 +11146,14 @@ function create_fragment$C(ctx) {
11146
11146
  c() {
11147
11147
  div = element("div");
11148
11148
  img = element("img");
11149
- attr(img, "class", "image svelte-1jus6sx");
11149
+ attr(img, "class", "image svelte-1pdw891");
11150
11150
  attr(img, "loading", "lazy");
11151
11151
  attr(img, "width", "auto");
11152
11152
  attr(img, "height", "auto");
11153
11153
  attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
11154
11154
  if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
11155
11155
  attr(img, "alt", /*alt*/ ctx[1]);
11156
- attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"));
11156
+ attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
11157
11157
  attr(div, "style", /*_style*/ ctx[5]);
11158
11158
  },
11159
11159
  m(target, anchor) {
@@ -11178,7 +11178,7 @@ function create_fragment$C(ctx) {
11178
11178
  attr(img, "alt", /*alt*/ ctx[1]);
11179
11179
  }
11180
11180
 
11181
- if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"))) {
11181
+ if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
11182
11182
  attr(div, "class", div_class_value);
11183
11183
  }
11184
11184
 
@@ -11349,7 +11349,7 @@ const toCssShadow = (p) => {
11349
11349
  /* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
11350
11350
 
11351
11351
  function add_css$9(target) {
11352
- append_styles(target, "svelte-jnsixl", ".avatar.svelte-jnsixl{display:flex;align-items:center;overflow:hidden;flex-shrink:0}");
11352
+ append_styles(target, "svelte-17xar9h", ".avatar.svelte-17xar9h{display:flex;align-items:center;overflow:hidden;flex-shrink:0}");
11353
11353
  }
11354
11354
 
11355
11355
  function create_fragment$B(ctx) {
@@ -11365,7 +11365,7 @@ function create_fragment$B(ctx) {
11365
11365
  if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
11366
11366
  attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
11367
11367
  attr(img, "style", /*imgStyle*/ ctx[2]);
11368
- attr(div, "class", "avatar svelte-jnsixl");
11368
+ attr(div, "class", "avatar svelte-17xar9h");
11369
11369
  attr(div, "data-layer-id", /*layerId*/ ctx[1]);
11370
11370
  attr(div, "style", /*style*/ ctx[3]);
11371
11371
  },
@@ -12977,7 +12977,7 @@ const ICON_PARAMS = [
12977
12977
  /* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
12978
12978
 
12979
12979
  function add_css$8(target) {
12980
- append_styles(target, "svelte-u5222d", ".icon.svelte-u5222d{display:inline-flex;align-items:center;overflow:hidden;width:auto}");
12980
+ append_styles(target, "svelte-1mx2edd", ".icon.svelte-1mx2edd{display:inline-flex;align-items:center;overflow:hidden;width:auto}");
12981
12981
  }
12982
12982
 
12983
12983
  // (20:0) {#if (IconComponent)}
@@ -13002,7 +13002,7 @@ function create_if_block$4(ctx) {
13002
13002
  div = element("div");
13003
13003
  if (switch_instance) create_component(switch_instance.$$.fragment);
13004
13004
  attr(div, "data-layer-id", /*layerId*/ ctx[1]);
13005
- attr(div, "class", "icon svelte-u5222d");
13005
+ attr(div, "class", "icon svelte-1mx2edd");
13006
13006
  attr(div, "style", /*style*/ ctx[3]);
13007
13007
  },
13008
13008
  m(target, anchor) {
@@ -13162,13 +13162,102 @@ class Icon extends SvelteComponent {
13162
13162
  }
13163
13163
  }
13164
13164
 
13165
+ const BUTTON_VARIANTS = {
13166
+ size: {
13167
+ extra_small: {
13168
+ minHeight: '32px',
13169
+ paddingInline: '12px',
13170
+ fontSize: '12px',
13171
+ paddingBlock: '8px',
13172
+ lineHeight: 1.5,
13173
+ borderRadius: '4px',
13174
+ },
13175
+ small: {
13176
+ minHeight: '36px',
13177
+ paddingInline: '16px',
13178
+ fontSize: '13px',
13179
+ paddingBlock: '8px',
13180
+ lineHeight: 1.5,
13181
+ borderRadius: '4px',
13182
+ },
13183
+ // 'min-h-10 px-6 text-sm py-2 leading-[150%]'
13184
+ medium: {
13185
+ minHeight: '40px',
13186
+ paddingInline: '24px',
13187
+ fontSize: '14px',
13188
+ paddingBlock: '8px',
13189
+ lineHeight: 1.5,
13190
+ borderRadius: '4px',
13191
+ },
13192
+ // 'min-h-14 px-8 text-lg py-3 leading-[150%]'
13193
+ large: {
13194
+ minHeight: '48px',
13195
+ paddingInline: '32px',
13196
+ fontSize: '14px',
13197
+ paddingBlock: '10px',
13198
+ lineHeight: 1.5,
13199
+ borderRadius: '4px',
13200
+ },
13201
+ extra_large: {
13202
+ minHeight: '56px',
13203
+ paddingInline: '40px',
13204
+ fontSize: '17px',
13205
+ paddingBlock: '12px',
13206
+ lineHeight: 1.5,
13207
+ borderRadius: '4px',
13208
+ },
13209
+ },
13210
+ theme: {
13211
+ theme: {
13212
+ backgroundColor: 'rgba(18,160,160,1)',
13213
+ color: '#FFFFFF',
13214
+ fontWeight: 'bold',
13215
+ },
13216
+ default: {
13217
+ backgroundColor: '#33403e',
13218
+ color: '#FFFFFF',
13219
+ fontWeight: 'bold',
13220
+ // 'bg-action-default hover:bg-action-default-hover text-default'
13221
+ },
13222
+ transparent: {
13223
+ backgroundColor: 'rgba(255, 255, 255, 0)',
13224
+ color: '#00100ea1',
13225
+ fontWeight: 'bold',
13226
+ // 'bg-action-default hover:bg-action-default-hover text-default'
13227
+ },
13228
+ alert: {
13229
+ backgroundColor: 'rgb(242,83,32,1)',
13230
+ color: '#FFFFFF',
13231
+ fontWeight: 'bold',
13232
+ // 'bg-negative hover:bg-negative-hover text-primitive-white font-bold'
13233
+ },
13234
+ },
13235
+ round: {
13236
+ none: {
13237
+ borderRadius: 0,
13238
+ },
13239
+ default: {},
13240
+ fulled: {
13241
+ borderRadius: '56px',
13242
+ },
13243
+ },
13244
+ wrap: {
13245
+ nowrap: {
13246
+ whiteSpace: 'nowrap',
13247
+ },
13248
+ wrap: {
13249
+ whiteSpace: 'pre-wrap',
13250
+ },
13251
+ },
13252
+ };
13253
+
13165
13254
  /* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
13166
13255
 
13167
13256
  function add_css$7(target) {
13168
- append_styles(target, "svelte-15m50q3", ".button.svelte-15m50q3{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;cursor:pointer;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.button-icon.svelte-15m50q3{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
13257
+ append_styles(target, "svelte-bo01kn", ".button.svelte-bo01kn{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;cursor:pointer;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.button-icon.svelte-bo01kn{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
13169
13258
  }
13170
13259
 
13171
- // (134:2) {#if (props.isIcon && props.iconVariant)}
13260
+ // (47:2) {#if (props.isIcon && props.iconVariant)}
13172
13261
  function create_if_block$3(ctx) {
13173
13262
  let div;
13174
13263
  let icon;
@@ -13178,7 +13267,7 @@ function create_if_block$3(ctx) {
13178
13267
  props: {
13179
13268
  props: {
13180
13269
  variant: /*props*/ ctx[0].iconVariant,
13181
- color: /*VARIANTS*/ ctx[3].color[/*props*/ ctx[0].color ?? 'default'].color
13270
+ color: BUTTON_VARIANTS.theme[/*props*/ ctx[0].theme ?? 'default'].theme
13182
13271
  }
13183
13272
  }
13184
13273
  });
@@ -13187,7 +13276,7 @@ function create_if_block$3(ctx) {
13187
13276
  c() {
13188
13277
  div = element("div");
13189
13278
  create_component(icon.$$.fragment);
13190
- attr(div, "class", "button-icon svelte-15m50q3");
13279
+ attr(div, "class", "button-icon svelte-bo01kn");
13191
13280
  },
13192
13281
  m(target, anchor) {
13193
13282
  insert(target, div, anchor);
@@ -13199,7 +13288,7 @@ function create_if_block$3(ctx) {
13199
13288
 
13200
13289
  if (dirty & /*props*/ 1) icon_changes.props = {
13201
13290
  variant: /*props*/ ctx[0].iconVariant,
13202
- color: /*VARIANTS*/ ctx[3].color[/*props*/ ctx[0].color ?? 'default'].color
13291
+ color: BUTTON_VARIANTS.theme[/*props*/ ctx[0].theme ?? 'default'].theme
13203
13292
  };
13204
13293
 
13205
13294
  icon.$set(icon_changes);
@@ -13240,7 +13329,7 @@ function create_fragment$7(ctx) {
13240
13329
  t1 = text(t1_value);
13241
13330
  attr(button, "data-layer-id", /*layerId*/ ctx[1]);
13242
13331
  attr(button, "style", /*style*/ ctx[2]);
13243
- attr(button, "class", "button svelte-15m50q3");
13332
+ attr(button, "class", "button svelte-bo01kn");
13244
13333
  },
13245
13334
  m(target, anchor) {
13246
13335
  insert(target, button, anchor);
@@ -13251,7 +13340,7 @@ function create_fragment$7(ctx) {
13251
13340
  current = true;
13252
13341
 
13253
13342
  if (!mounted) {
13254
- dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[4]));
13343
+ dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[3]));
13255
13344
  mounted = true;
13256
13345
  }
13257
13346
  },
@@ -13315,96 +13404,11 @@ function instance$7($$self, $$props, $$invalidate) {
13315
13404
  let { props = {} } = $$props;
13316
13405
  let { layerId = '' } = $$props;
13317
13406
 
13318
- const VARIANTS = {
13319
- size: {
13320
- extra_small: {
13321
- minHeight: '32px',
13322
- paddingInline: '12px',
13323
- fontSize: '12px',
13324
- paddingBlock: '8px',
13325
- lineHeight: 1.5,
13326
- borderRadius: '4px'
13327
- },
13328
- small: {
13329
- minHeight: '36px',
13330
- paddingInline: '16px',
13331
- fontSize: '13px',
13332
- paddingBlock: '8px',
13333
- lineHeight: 1.5,
13334
- borderRadius: '4px'
13335
- },
13336
- // 'min-h-10 px-6 text-sm py-2 leading-[150%]'
13337
- medium: {
13338
- minHeight: '40px',
13339
- paddingInline: '24px',
13340
- fontSize: '14px',
13341
- paddingBlock: '8px',
13342
- lineHeight: 1.5,
13343
- borderRadius: '4px'
13344
- },
13345
- // 'min-h-14 px-8 text-lg py-3 leading-[150%]'
13346
- large: {
13347
- minHeight: '48px',
13348
- paddingInline: '32px',
13349
- fontSize: '14px',
13350
- paddingBlock: '10px',
13351
- lineHeight: 1.5,
13352
- borderRadius: '4px'
13353
- },
13354
- extra_large: {
13355
- minHeight: '56px',
13356
- paddingInline: '40px',
13357
- fontSize: '17px',
13358
- paddingBlock: '12px',
13359
- lineHeight: 1.5,
13360
- borderRadius: '4px'
13361
- }
13362
- },
13363
- color: {
13364
- theme: {
13365
- backgroundColor: 'rgba(18,160,160,1)',
13366
- color: '#FFFFFF',
13367
- fontWeight: 'bold'
13368
- },
13369
- default: {
13370
- backgroundColor: '#33403e',
13371
- color: '#FFFFFF',
13372
- fontWeight: 'bold'
13373
- }, // 'bg-action-default hover:bg-action-default-hover text-default'
13374
- transparent: {
13375
- backgroundColor: 'rgba(255, 255, 255, 0)',
13376
- color: '#00100ea1',
13377
- fontWeight: 'bold'
13378
- }, // 'bg-action-default hover:bg-action-default-hover text-default'
13379
- alert: {
13380
- backgroundColor: 'rgb(242,83,32,1)',
13381
- color: '#FFFFFF',
13382
- fontWeight: 'bold'
13383
- }, // 'bg-negative hover:bg-negative-hover text-primitive-white font-bold'
13384
-
13385
- },
13386
- round: {
13387
- none: { borderRadius: 0 },
13388
- default: {},
13389
- fulled: { borderRadius: '56px' }
13390
- },
13391
- wrap: {
13392
- nowrap: { whiteSpace: 'nowrap' },
13393
- wrap: { whiteSpace: 'pre-wrap' }
13394
- }
13395
- };
13396
-
13397
- const getCssColor = () => {
13407
+ const getCssVariantTheme = () => {
13398
13408
  return {
13399
- backgroundColor: props.backgroundColor
13400
- ? props.backgroundColor
13401
- : VARIANTS.color[props.color ?? 'default'].backgroundColor,
13402
- color: props.fontColor
13403
- ? props.fontColor
13404
- : VARIANTS.color[props.color ?? 'default'].color,
13405
- fontWeight: props.fontWeight
13406
- ? props.fontWeight
13407
- : VARIANTS.color[props.color ?? 'default'].fontWeight
13409
+ backgroundColor: props.backgroundColor ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].backgroundColor,
13410
+ color: props.color ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].color,
13411
+ fontWeight: props.fontWeight ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].fontWeight
13408
13412
  };
13409
13413
  };
13410
13414
 
@@ -13417,9 +13421,9 @@ function instance$7($$self, $$props, $$invalidate) {
13417
13421
  }
13418
13422
 
13419
13423
  $$self.$$set = $$props => {
13420
- if ('onClick' in $$props) $$invalidate(5, onClick = $$props.onClick);
13421
- if ('eventName' in $$props) $$invalidate(6, eventName = $$props.eventName);
13422
- if ('eventValue' in $$props) $$invalidate(7, eventValue = $$props.eventValue);
13424
+ if ('onClick' in $$props) $$invalidate(4, onClick = $$props.onClick);
13425
+ if ('eventName' in $$props) $$invalidate(5, eventName = $$props.eventName);
13426
+ if ('eventValue' in $$props) $$invalidate(6, eventValue = $$props.eventValue);
13423
13427
  if ('props' in $$props) $$invalidate(0, props = $$props.props);
13424
13428
  if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
13425
13429
  };
@@ -13435,19 +13439,19 @@ function instance$7($$self, $$props, $$invalidate) {
13435
13439
  border: 0,
13436
13440
  transition: 'background-color 0.12s, border-color 0.12s, color 0.12s',
13437
13441
  width: props.width,
13438
- ...VARIANTS.size[props.size ?? 'medium'],
13439
- ...VARIANTS.wrap[props.wrap ?? 'nowrap'],
13440
- ...VARIANTS.round[props.round ?? 'default'],
13442
+ ...BUTTON_VARIANTS.size[props.size ?? 'medium'],
13443
+ ...BUTTON_VARIANTS.wrap[props.wrap ?? 'nowrap'],
13444
+ ...BUTTON_VARIANTS.round[props.round ?? 'default'],
13441
13445
  ...props.iconAngle
13442
13446
  ? { flexDirection: props.iconAngle }
13443
13447
  : {},
13444
- ...getCssColor(),
13448
+ ...getCssVariantTheme(),
13445
13449
  ...toCssCommon(props)
13446
13450
  }));
13447
13451
  }
13448
13452
  };
13449
13453
 
13450
- return [props, layerId, style, VARIANTS, handleClick, onClick, eventName, eventValue];
13454
+ return [props, layerId, style, handleClick, onClick, eventName, eventValue];
13451
13455
  }
13452
13456
 
13453
13457
  class Button extends SvelteComponent {
@@ -13461,9 +13465,9 @@ class Button extends SvelteComponent {
13461
13465
  create_fragment$7,
13462
13466
  safe_not_equal,
13463
13467
  {
13464
- onClick: 5,
13465
- eventName: 6,
13466
- eventValue: 7,
13468
+ onClick: 4,
13469
+ eventName: 5,
13470
+ eventValue: 6,
13467
13471
  props: 0,
13468
13472
  layerId: 1
13469
13473
  },
@@ -13479,7 +13483,7 @@ const BUTTON_SIZE = {
13479
13483
  large: 'Large',
13480
13484
  extra_large: 'XLarge',
13481
13485
  };
13482
- const BUTTON_COLOR = {
13486
+ const BUTTON_THEME = {
13483
13487
  default: 'デフォルト',
13484
13488
  theme: 'テーマカラー',
13485
13489
  alert: 'アラート',
@@ -13502,7 +13506,7 @@ const BUTTON_ICON_ANGLE = {
13502
13506
  /* src/components-flex/text-button/TextButton.svelte generated by Svelte v3.53.1 */
13503
13507
 
13504
13508
  function add_css$6(target) {
13505
- append_styles(target, "svelte-11jxyiz", ".flex-text-button.svelte-11jxyiz{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;cursor:pointer;outline:0;padding:0;text-decoration:underline;background-color:rgba(255, 255, 255, 0);transition:color 0.12s}.flex-text-button.svelte-11jxyiz:hover{text-decoration:none}.flex-text-button-icon.svelte-11jxyiz{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
13509
+ append_styles(target, "svelte-2imv7z", ".flex-text-button.svelte-2imv7z{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;cursor:pointer;outline:0;padding:0;text-decoration:underline;background-color:rgba(255, 255, 255, 0);transition:color 0.12s}.flex-text-button.svelte-2imv7z:hover{text-decoration:none}.flex-text-button-icon.svelte-2imv7z{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
13506
13510
  }
13507
13511
 
13508
13512
  // (103:4) {#if props.isIcon && props.iconVariant}
@@ -13524,7 +13528,7 @@ function create_if_block$2(ctx) {
13524
13528
  c() {
13525
13529
  div = element("div");
13526
13530
  create_component(icon.$$.fragment);
13527
- attr(div, "class", "flex-text-button-icon svelte-11jxyiz");
13531
+ attr(div, "class", "flex-text-button-icon svelte-2imv7z");
13528
13532
  },
13529
13533
  m(target, anchor) {
13530
13534
  insert(target, div, anchor);
@@ -13577,7 +13581,7 @@ function create_fragment$6(ctx) {
13577
13581
  t1 = text(t1_value);
13578
13582
  attr(button, "data-layer-id", /*layerId*/ ctx[1]);
13579
13583
  attr(button, "style", /*style*/ ctx[2]);
13580
- attr(button, "class", "flex-text-button svelte-11jxyiz");
13584
+ attr(button, "class", "flex-text-button svelte-2imv7z");
13581
13585
  },
13582
13586
  m(target, anchor) {
13583
13587
  insert(target, button, anchor);
@@ -13798,7 +13802,7 @@ const TEXT_BUTTON_ICON_ANGLE = {
13798
13802
  /* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
13799
13803
 
13800
13804
  function add_css$5(target) {
13801
- append_styles(target, "svelte-103rmqy", ".close-button.svelte-103rmqy{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,\n border-color 0.12s,\n color 0.12s}");
13805
+ append_styles(target, "svelte-13071ty", ".close-button.svelte-13071ty{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,\n border-color 0.12s,\n color 0.12s}");
13802
13806
  }
13803
13807
 
13804
13808
  function create_fragment$5(ctx) {
@@ -13833,7 +13837,7 @@ function create_fragment$5(ctx) {
13833
13837
  attr(svg, "viewBox", "0 0 50 50");
13834
13838
  attr(svg, "fill", "#666666");
13835
13839
  set_attributes(button, button_data);
13836
- toggle_class(button, "svelte-103rmqy", true);
13840
+ toggle_class(button, "svelte-13071ty", true);
13837
13841
  },
13838
13842
  m(target, anchor) {
13839
13843
  insert(target, button, anchor);
@@ -13854,7 +13858,7 @@ function create_fragment$5(ctx) {
13854
13858
  dataAttrStopPropagation('click')
13855
13859
  ]));
13856
13860
 
13857
- toggle_class(button, "svelte-103rmqy", true);
13861
+ toggle_class(button, "svelte-13071ty", true);
13858
13862
  },
13859
13863
  i: noop,
13860
13864
  o: noop,
@@ -13931,7 +13935,7 @@ class CloseButton extends SvelteComponent {
13931
13935
  /* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
13932
13936
 
13933
13937
  function add_css$4(target) {
13934
- append_styles(target, "svelte-1wv9v10", ".image.svelte-1wv9v10{max-width:100%;overflow:hidden;flex-shrink:0}.image-object.svelte-1wv9v10{width:100%;overflow:hidden}.image-img.svelte-1wv9v10{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none}");
13938
+ append_styles(target, "svelte-52a988", ".image.svelte-52a988{max-width:100%;overflow:hidden;flex-shrink:0}.image-object.svelte-52a988{width:100%;overflow:hidden}.image-img.svelte-52a988{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none}");
13935
13939
  }
13936
13940
 
13937
13941
  function create_fragment$4(ctx) {
@@ -13948,11 +13952,11 @@ function create_fragment$4(ctx) {
13948
13952
  img = element("img");
13949
13953
  if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
13950
13954
  attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
13951
- attr(img, "class", "image-img svelte-1wv9v10");
13955
+ attr(img, "class", "image-img svelte-52a988");
13952
13956
  attr(object, "style", /*objectStyle*/ ctx[2]);
13953
- attr(object, "class", "image-object svelte-1wv9v10");
13957
+ attr(object, "class", "image-object svelte-52a988");
13954
13958
  attr(div, "data-layer-id", /*layerId*/ ctx[1]);
13955
- attr(div, "class", "image svelte-1wv9v10");
13959
+ attr(div, "class", "image svelte-52a988");
13956
13960
  attr(div, "style", /*style*/ ctx[3]);
13957
13961
  },
13958
13962
  m(target, anchor) {
@@ -14026,7 +14030,7 @@ class Image extends SvelteComponent {
14026
14030
  /* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
14027
14031
 
14028
14032
  function add_css$3(target) {
14029
- append_styles(target, "svelte-19rjtwm", ".layout.svelte-19rjtwm{margin:0}");
14033
+ append_styles(target, "svelte-1g6q4hu", ".layout.svelte-1g6q4hu{margin:0}");
14030
14034
  }
14031
14035
 
14032
14036
  function create_fragment$3(ctx) {
@@ -14040,7 +14044,7 @@ function create_fragment$3(ctx) {
14040
14044
  div = element("div");
14041
14045
  if (default_slot) default_slot.c();
14042
14046
  attr(div, "data-layer-id", /*layerId*/ ctx[0]);
14043
- attr(div, "class", "layout svelte-19rjtwm");
14047
+ attr(div, "class", "layout svelte-1g6q4hu");
14044
14048
  attr(div, "style", /*style*/ ctx[1]);
14045
14049
  },
14046
14050
  m(target, anchor) {
@@ -14193,7 +14197,7 @@ const TEXT_VARIANTS = {
14193
14197
  /* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
14194
14198
 
14195
14199
  function add_css$2(target) {
14196
- append_styles(target, "svelte-18qq8cj", ".text.svelte-18qq8cj{margin:0;word-break:break-all}");
14200
+ append_styles(target, "svelte-1vl0c87", ".text.svelte-1vl0c87{margin:0;word-break:break-all}");
14197
14201
  }
14198
14202
 
14199
14203
  function create_fragment$2(ctx) {
@@ -14203,7 +14207,7 @@ function create_fragment$2(ctx) {
14203
14207
  c() {
14204
14208
  p = element("p");
14205
14209
  attr(p, "data-layer-id", /*layerId*/ ctx[0]);
14206
- attr(p, "class", "text svelte-18qq8cj");
14210
+ attr(p, "class", "text svelte-1vl0c87");
14207
14211
  attr(p, "style", /*style*/ ctx[1]);
14208
14212
  },
14209
14213
  m(target, anchor) {
@@ -14297,7 +14301,7 @@ const LAYER_TEXT_SIZE = {
14297
14301
  /* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
14298
14302
 
14299
14303
  function add_css$1(target) {
14300
- append_styles(target, "svelte-ed4ktn", ".v2-background.svelte-ed4ktn{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
14304
+ append_styles(target, "svelte-18nkdjz", ".v2-background.svelte-18nkdjz{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
14301
14305
  }
14302
14306
 
14303
14307
  // (14:0) {#if backgroundOverlay}
@@ -14310,7 +14314,7 @@ function create_if_block$1(ctx) {
14310
14314
  return {
14311
14315
  c() {
14312
14316
  div = element("div");
14313
- attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"));
14317
+ attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"));
14314
14318
  },
14315
14319
  m(target, anchor) {
14316
14320
  insert(target, div, anchor);
@@ -14321,7 +14325,7 @@ function create_if_block$1(ctx) {
14321
14325
  }
14322
14326
  },
14323
14327
  p(ctx, dirty) {
14324
- if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"))) {
14328
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"))) {
14325
14329
  attr(div, "class", div_class_value);
14326
14330
  }
14327
14331
  },
@@ -14393,7 +14397,7 @@ class BackgroundOverlay extends SvelteComponent {
14393
14397
  /* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
14394
14398
 
14395
14399
  function add_css(target) {
14396
- append_styles(target, "svelte-f7e8di", ".modal.svelte-f7e8di{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-f7e8di > .button{flex:auto;display:flex}.close.svelte-f7e8di{position:absolute;top:8px;right:8px}.close.svelte-f7e8di > .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-f7e8di > .button:hover{transform:rotate(90deg)}@media screen and (min-width: 641px){.modal-bp.svelte-f7e8di{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-f7e8di{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}}");
14400
+ append_styles(target, "svelte-1ks2ecq", ".modal.svelte-1ks2ecq{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1ks2ecq > .button{flex:auto;display:flex}.close.svelte-1ks2ecq{position:absolute;top:8px;right:8px}.close.svelte-1ks2ecq > .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-1ks2ecq > .button:hover{transform:rotate(90deg)}@media screen and (min-width: 641px){.modal-bp.svelte-1ks2ecq{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-1ks2ecq{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}}");
14397
14401
  }
14398
14402
 
14399
14403
  // (264:0) {:else}
@@ -14538,7 +14542,7 @@ function create_if_block(ctx) {
14538
14542
  if (if_block) if_block.c();
14539
14543
  t = space();
14540
14544
  if (default_slot) default_slot.c();
14541
- attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-f7e8di"));
14545
+ attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-1ks2ecq"));
14542
14546
  attr(div, "role", "dialog");
14543
14547
  attr(div, "aria-modal", "true");
14544
14548
  attr(div, "style", Array.from(/*modalStyles*/ ctx[18]).join(';'));
@@ -14596,7 +14600,7 @@ function create_if_block(ctx) {
14596
14600
  }
14597
14601
  }
14598
14602
 
14599
- if (!current || dirty[0] & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-f7e8di"))) {
14603
+ if (!current || dirty[0] & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-1ks2ecq"))) {
14600
14604
  attr(div, "class", div_class_value);
14601
14605
  }
14602
14606
  },
@@ -14651,7 +14655,7 @@ function create_if_block_1(ctx) {
14651
14655
  c() {
14652
14656
  div = element("div");
14653
14657
  create_component(closebutton.$$.fragment);
14654
- attr(div, "class", "close svelte-f7e8di");
14658
+ attr(div, "class", "close svelte-1ks2ecq");
14655
14659
  set_style(div, "z-index", /*$maximumZindex*/ ctx[17] + 1);
14656
14660
  },
14657
14661
  m(target, anchor) {
@@ -15133,4 +15137,4 @@ class Modal extends SvelteComponent {
15133
15137
  }
15134
15138
  }
15135
15139
 
15136
- export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_COLOR, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_SIZE, BackgroundSizes, Box, COMPONENT_PARAMETER_TYPES, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, Avatar as FlexAvatar, Button as FlexButton, CloseButton as FlexCloseButton, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, Modal as FlexModal, Text as FlexText, TextButton as FlexTextButton, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_PARAMS, ICON_SIZE, ICON_VARIANTS, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_ALIGN_VALUES, LAYER_TEXT_FONT_WEIGHT_VALUES, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal$1 as Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TEXT_BUTTON_COLOR, TEXT_BUTTON_ICON_ANGLE, TEXT_BUTTON_LINK_TARGET, TEXT_BUTTON_ROUND, TEXT_BUTTON_SIZE, TEXT_VARIANTS, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };
15140
+ export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_SIZE, BUTTON_THEME, BUTTON_VARIANTS, BackgroundSizes, Box, COMPONENT_PARAMETER_TYPES, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, Avatar as FlexAvatar, Button as FlexButton, CloseButton as FlexCloseButton, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, Modal as FlexModal, Text as FlexText, TextButton as FlexTextButton, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_PARAMS, ICON_SIZE, ICON_VARIANTS, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_ALIGN_VALUES, LAYER_TEXT_FONT_WEIGHT_VALUES, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal$1 as Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TEXT_BUTTON_COLOR, TEXT_BUTTON_ICON_ANGLE, TEXT_BUTTON_LINK_TARGET, TEXT_BUTTON_ROUND, TEXT_BUTTON_SIZE, TEXT_VARIANTS, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };