@plaidev/karte-action-sdk 1.1.226 → 1.1.227-28567518.05a4b1bd

Sign up to get free protection for your applications and to get access to all the features.
Files changed (6) hide show
  1. package/dist/hydrate/index.es.js +159 -157
  2. package/dist/index.es.js +179 -159
  3. package/package.json +1 -5
  4. package/dist/karte-action-sdk.d.ts +0 -2671
  5. package/dist/tsdoc-metadata.json +0 -11
  6. package/meta/karte-action-sdk.api.json +0 -6318
package/dist/index.es.js CHANGED
@@ -17,6 +17,11 @@ const ALL_ACTION_ID = 'KARTE_ALL_ACTION_ID';
17
17
  const ALL_ACTION_SHORTEN_ID = 'KARTE_ALL_ACTION_SHORTEN_ID';
18
18
  /** @internal */
19
19
  const DEVICE_IDS = ['PC', 'SP'];
20
+ /** @internal */
21
+ const DEVICE_QUERIES = {
22
+ PC: 'screen and (min-width: 641px)',
23
+ SP: 'screen and (max-width: 640px)',
24
+ };
20
25
  // -------- The following codes are deprecated --------
21
26
  /**
22
27
  * 非推奨
@@ -59,16 +64,16 @@ const POSITION_STYLES = {
59
64
  none: 'top: 0; bottom: 0; right: 0; left: 0;',
60
65
  };
61
66
  const TRANSFORM = {
62
- 'top-center': [50, 0],
63
- 'top-left': [0, 0],
64
- 'top-right': [0, 0],
65
- 'center-left': [0, -50],
66
- center: [-50, -50],
67
- 'center-right': [0, -50],
68
- 'bottom-left': [0, 0],
69
- 'bottom-center': [-50, 0],
70
- 'bottom-right': [0, 0],
71
- none: [0, 0],
67
+ 'top-center': { x: 50, y: 0 },
68
+ 'top-left': { x: 0, y: 0 },
69
+ 'top-right': { x: 0, y: 0 },
70
+ 'center-left': { x: 0, y: -50 },
71
+ center: { x: -50, y: -50 },
72
+ 'center-right': { x: 0, y: -50 },
73
+ 'bottom-left': { x: 0, y: 0 },
74
+ 'bottom-center': { x: -50, y: 0 },
75
+ 'bottom-right': { x: 0, y: 0 },
76
+ none: { x: 0, y: 0 },
72
77
  };
73
78
  /** @internal */
74
79
  const getPositionStyle = (position) => {
@@ -3043,7 +3048,7 @@ class State extends SvelteComponent {
3043
3048
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
3044
3049
 
3045
3050
  function add_css$v(target) {
3046
- append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
3051
+ append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
3047
3052
  }
3048
3053
 
3049
3054
  // (23:0) {#if $state === path}
@@ -3060,7 +3065,7 @@ function create_if_block$8(ctx) {
3060
3065
  t = space();
3061
3066
  if (default_slot) default_slot.c();
3062
3067
  attr(div, "data-state-path", /*path*/ ctx[0]);
3063
- attr(div, "class", "state-item svelte-1amihue");
3068
+ attr(div, "class", "state-item svelte-2qb6dm");
3064
3069
  },
3065
3070
  m(target, anchor) {
3066
3071
  insert(target, div, anchor);
@@ -3362,8 +3367,15 @@ const EASING = {
3362
3367
  *
3363
3368
  * @internal
3364
3369
  */
3365
- function customAnimation(node, { transform, animationStyle, delay = 0, duration = 1000 }) {
3366
- const [x, y] = transform;
3370
+ function customAnimation(node, { transforms, animationStyle, delay = 0, duration = 1000 }) {
3371
+ let [x, y] = [0, 0];
3372
+ for (const { query, x: tx, y: ty } of transforms) {
3373
+ if (query == null || window.matchMedia(query).matches) {
3374
+ x = tx;
3375
+ y = ty;
3376
+ break;
3377
+ }
3378
+ }
3367
3379
  return {
3368
3380
  delay,
3369
3381
  duration,
@@ -3375,7 +3387,7 @@ function customAnimation(node, { transform, animationStyle, delay = 0, duration
3375
3387
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
3376
3388
 
3377
3389
  function add_css$u(target) {
3378
- 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}");
3390
+ 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}");
3379
3391
  }
3380
3392
 
3381
3393
  // (14:0) {#if backgroundOverlay}
@@ -3388,7 +3400,7 @@ function create_if_block$7(ctx) {
3388
3400
  return {
3389
3401
  c() {
3390
3402
  div = element("div");
3391
- attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"));
3403
+ attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"));
3392
3404
  },
3393
3405
  m(target, anchor) {
3394
3406
  insert(target, div, anchor);
@@ -3399,7 +3411,7 @@ function create_if_block$7(ctx) {
3399
3411
  }
3400
3412
  },
3401
3413
  p(ctx, dirty) {
3402
- if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"))) {
3414
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"))) {
3403
3415
  attr(div, "class", div_class_value);
3404
3416
  }
3405
3417
  },
@@ -3505,7 +3517,7 @@ function checkStopPropagation(eventName, handler) {
3505
3517
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3506
3518
 
3507
3519
  function add_css$t(target) {
3508
- 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}");
3520
+ 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}");
3509
3521
  }
3510
3522
 
3511
3523
  // (50:0) {:else}
@@ -3534,7 +3546,7 @@ function create_else_block$4(ctx) {
3534
3546
  button = element("button");
3535
3547
  if (default_slot) default_slot.c();
3536
3548
  set_attributes(button, button_data);
3537
- toggle_class(button, "svelte-1kmu8zp", true);
3549
+ toggle_class(button, "svelte-15k4deh", true);
3538
3550
  },
3539
3551
  m(target, anchor) {
3540
3552
  insert(target, button, anchor);
@@ -3573,7 +3585,7 @@ function create_else_block$4(ctx) {
3573
3585
  dataAttrStopPropagation('click')
3574
3586
  ]));
3575
3587
 
3576
- toggle_class(button, "svelte-1kmu8zp", true);
3588
+ toggle_class(button, "svelte-15k4deh", true);
3577
3589
  },
3578
3590
  i(local) {
3579
3591
  if (current) return;
@@ -3604,7 +3616,7 @@ function create_if_block_2$1(ctx) {
3604
3616
  c() {
3605
3617
  div = element("div");
3606
3618
  if (default_slot) default_slot.c();
3607
- attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1kmu8zp"));
3619
+ attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-15k4deh"));
3608
3620
  attr(div, "style", /*style*/ ctx[1]);
3609
3621
  },
3610
3622
  m(target, anchor) {
@@ -3688,7 +3700,7 @@ function create_if_block_1$2(ctx) {
3688
3700
  a = element("a");
3689
3701
  if (default_slot) default_slot.c();
3690
3702
  set_attributes(a, a_data);
3691
- toggle_class(a, "svelte-1kmu8zp", true);
3703
+ toggle_class(a, "svelte-15k4deh", true);
3692
3704
  },
3693
3705
  m(target, anchor) {
3694
3706
  insert(target, a, anchor);
@@ -3730,7 +3742,7 @@ function create_if_block_1$2(ctx) {
3730
3742
  dataAttrStopPropagation('click')
3731
3743
  ]));
3732
3744
 
3733
- toggle_class(a, "svelte-1kmu8zp", true);
3745
+ toggle_class(a, "svelte-15k4deh", true);
3734
3746
  },
3735
3747
  i(local) {
3736
3748
  if (current) return;
@@ -3761,7 +3773,7 @@ function create_if_block$6(ctx) {
3761
3773
  c() {
3762
3774
  div = element("div");
3763
3775
  if (default_slot) default_slot.c();
3764
- attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1kmu8zp"));
3776
+ attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-15k4deh"));
3765
3777
  attr(div, "style", /*style*/ ctx[1]);
3766
3778
  },
3767
3779
  m(target, anchor) {
@@ -3965,17 +3977,17 @@ class Button extends SvelteComponent {
3965
3977
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
3966
3978
 
3967
3979
  function add_css$s(target) {
3968
- 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}}");
3980
+ 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}}");
3969
3981
  }
3970
3982
 
3971
- // (275:0) {:else}
3983
+ // (277:0) {:else}
3972
3984
  function create_else_block$3(ctx) {
3973
3985
  let backgroundoverlay;
3974
3986
  let current;
3975
3987
 
3976
3988
  backgroundoverlay = new BackgroundOverlay({
3977
3989
  props: {
3978
- backgroundOverlay: /*backgroundOverlay*/ ctx[11]
3990
+ backgroundOverlay: /*backgroundOverlay*/ ctx[12]
3979
3991
  }
3980
3992
  });
3981
3993
 
@@ -3994,7 +4006,7 @@ function create_else_block$3(ctx) {
3994
4006
  p(new_ctx, dirty) {
3995
4007
  ctx = new_ctx;
3996
4008
  const backgroundoverlay_changes = {};
3997
- if (dirty[0] & /*backgroundOverlay*/ 2048) backgroundoverlay_changes.backgroundOverlay = /*backgroundOverlay*/ ctx[11];
4009
+ if (dirty[0] & /*backgroundOverlay*/ 4096) backgroundoverlay_changes.backgroundOverlay = /*backgroundOverlay*/ ctx[12];
3998
4010
  backgroundoverlay.$set(backgroundoverlay_changes);
3999
4011
  },
4000
4012
  i(local) {
@@ -4012,7 +4024,7 @@ function create_else_block$3(ctx) {
4012
4024
  };
4013
4025
  }
4014
4026
 
4015
- // (264:24)
4027
+ // (266:24)
4016
4028
  function create_if_block_3(ctx) {
4017
4029
  let backgroundoverlay0;
4018
4030
  let t;
@@ -4022,7 +4034,7 @@ function create_if_block_3(ctx) {
4022
4034
  backgroundoverlay0 = new BackgroundOverlay({
4023
4035
  props: {
4024
4036
  class: "background-bp-pc",
4025
- backgroundOverlay: /*backgroundOverlayPC*/ ctx[12]
4037
+ backgroundOverlay: /*backgroundOverlayPC*/ ctx[13]
4026
4038
  }
4027
4039
  });
4028
4040
 
@@ -4033,7 +4045,7 @@ function create_if_block_3(ctx) {
4033
4045
  backgroundoverlay1 = new BackgroundOverlay({
4034
4046
  props: {
4035
4047
  class: "background-bp-sp ",
4036
- backgroundOverlay: /*backgroundOverlaySP*/ ctx[13]
4048
+ backgroundOverlay: /*backgroundOverlaySP*/ ctx[14]
4037
4049
  }
4038
4050
  });
4039
4051
 
@@ -4056,10 +4068,10 @@ function create_if_block_3(ctx) {
4056
4068
  p(new_ctx, dirty) {
4057
4069
  ctx = new_ctx;
4058
4070
  const backgroundoverlay0_changes = {};
4059
- if (dirty[0] & /*backgroundOverlayPC*/ 4096) backgroundoverlay0_changes.backgroundOverlay = /*backgroundOverlayPC*/ ctx[12];
4071
+ if (dirty[0] & /*backgroundOverlayPC*/ 8192) backgroundoverlay0_changes.backgroundOverlay = /*backgroundOverlayPC*/ ctx[13];
4060
4072
  backgroundoverlay0.$set(backgroundoverlay0_changes);
4061
4073
  const backgroundoverlay1_changes = {};
4062
- if (dirty[0] & /*backgroundOverlaySP*/ 8192) backgroundoverlay1_changes.backgroundOverlay = /*backgroundOverlaySP*/ ctx[13];
4074
+ if (dirty[0] & /*backgroundOverlaySP*/ 16384) backgroundoverlay1_changes.backgroundOverlay = /*backgroundOverlaySP*/ ctx[14];
4063
4075
  backgroundoverlay1.$set(backgroundoverlay1_changes);
4064
4076
  },
4065
4077
  i(local) {
@@ -4081,7 +4093,7 @@ function create_if_block_3(ctx) {
4081
4093
  };
4082
4094
  }
4083
4095
 
4084
- // (262:0) {#if isPreview()}
4096
+ // (264:0) {#if isPreview()}
4085
4097
  function create_if_block_2(ctx) {
4086
4098
  return {
4087
4099
  c: noop,
@@ -4093,7 +4105,7 @@ function create_if_block_2(ctx) {
4093
4105
  };
4094
4106
  }
4095
4107
 
4096
- // (278:0) {#if visible}
4108
+ // (280:0) {#if visible}
4097
4109
  function create_if_block$5(ctx) {
4098
4110
  let div;
4099
4111
  let button;
@@ -4115,7 +4127,7 @@ function create_if_block$5(ctx) {
4115
4127
  c() {
4116
4128
  div = element("div");
4117
4129
  create_component(button.$$.fragment);
4118
- attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"));
4130
+ attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"));
4119
4131
  attr(div, "role", "dialog");
4120
4132
  attr(div, "aria-modal", "true");
4121
4133
  attr(div, "style", Array.from(/*modalStyles*/ ctx[23]).join(';'));
@@ -4139,7 +4151,7 @@ function create_if_block$5(ctx) {
4139
4151
 
4140
4152
  button.$set(button_changes);
4141
4153
 
4142
- if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"))) {
4154
+ if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"))) {
4143
4155
  attr(div, "class", div_class_value);
4144
4156
  }
4145
4157
  },
@@ -4150,7 +4162,7 @@ function create_if_block$5(ctx) {
4150
4162
  if (!div_intro) {
4151
4163
  add_render_callback(() => {
4152
4164
  div_intro = create_in_transition(div, customAnimation, {
4153
- transform: /*transform*/ ctx[14],
4165
+ transforms: /*transforms*/ ctx[11],
4154
4166
  animationStyle: /*animation*/ ctx[4]
4155
4167
  });
4156
4168
 
@@ -4172,7 +4184,7 @@ function create_if_block$5(ctx) {
4172
4184
  };
4173
4185
  }
4174
4186
 
4175
- // (291:6) {#if closable}
4187
+ // (293:6) {#if closable}
4176
4188
  function create_if_block_1$1(ctx) {
4177
4189
  let div;
4178
4190
  let button;
@@ -4193,7 +4205,7 @@ function create_if_block_1$1(ctx) {
4193
4205
  c() {
4194
4206
  div = element("div");
4195
4207
  create_component(button.$$.fragment);
4196
- attr(div, "class", "close svelte-1i2vo31");
4208
+ attr(div, "class", "close svelte-1ijkyzl");
4197
4209
  set_style(div, "z-index", /*$maximumZindex*/ ctx[22] + 1);
4198
4210
  },
4199
4211
  m(target, anchor) {
@@ -4234,7 +4246,7 @@ function create_if_block_1$1(ctx) {
4234
4246
  };
4235
4247
  }
4236
4248
 
4237
- // (293:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue} >
4249
+ // (295:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue} >
4238
4250
  function create_default_slot_1$1(ctx) {
4239
4251
  let svg;
4240
4252
  let path;
@@ -4267,7 +4279,7 @@ function create_default_slot_1$1(ctx) {
4267
4279
  };
4268
4280
  }
4269
4281
 
4270
- // (290:4) <Button {onClick} eventName={clickEventName} eventValue={clickEventValue}>
4282
+ // (292:4) <Button {onClick} eventName={clickEventName} eventValue={clickEventValue}>
4271
4283
  function create_default_slot$6(ctx) {
4272
4284
  let t;
4273
4285
  let div;
@@ -4282,7 +4294,7 @@ function create_default_slot$6(ctx) {
4282
4294
  t = space();
4283
4295
  div = element("div");
4284
4296
  if (default_slot) default_slot.c();
4285
- attr(div, "class", "modal-content svelte-1i2vo31");
4297
+ attr(div, "class", "modal-content svelte-1ijkyzl");
4286
4298
  attr(div, "style", /*_style*/ ctx[5]);
4287
4299
  },
4288
4300
  m(target, anchor) {
@@ -4515,7 +4527,7 @@ function instance$v($$self, $$props, $$invalidate) {
4515
4527
  let backgroundClickFunctionPC = DefaultModalPlacement.backgroundClick;
4516
4528
  let backgroundClickFunctionSP = DefaultModalPlacement.backgroundClick;
4517
4529
  let modalStyles = new Set([]);
4518
- let transform = getTransform('center');
4530
+ let transforms = [{ query: null, ...getTransform('center') }];
4519
4531
  let modal;
4520
4532
 
4521
4533
  onMount$1(() => {
@@ -4567,14 +4579,14 @@ function instance$v($$self, $$props, $$invalidate) {
4567
4579
  if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 50331656) {
4568
4580
  {
4569
4581
  if (placement && placement.backgroundOverlay) {
4570
- $$invalidate(11, backgroundOverlay = placement.backgroundOverlay);
4582
+ $$invalidate(12, backgroundOverlay = placement.backgroundOverlay);
4571
4583
  }
4572
4584
 
4573
4585
  if (useBreakPoint) {
4574
4586
  const pc = breakPoint?.PC?.placement?.backgroundOverlay;
4575
- $$invalidate(12, backgroundOverlayPC = pc ?? false);
4587
+ $$invalidate(13, backgroundOverlayPC = pc ?? false);
4576
4588
  const sp = breakPoint?.SP?.placement?.backgroundOverlay;
4577
- $$invalidate(13, backgroundOverlaySP = sp ?? false);
4589
+ $$invalidate(14, backgroundOverlaySP = sp ?? false);
4578
4590
  }
4579
4591
  }
4580
4592
  }
@@ -4631,7 +4643,7 @@ function instance$v($$self, $$props, $$invalidate) {
4631
4643
  });
4632
4644
  }
4633
4645
 
4634
- if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 50331656) {
4646
+ if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint, transforms*/ 50333704) {
4635
4647
  // 表示位置のスタイルとアニメーションの動きを設定
4636
4648
  {
4637
4649
  // 表示位置のスタイルの設定
@@ -4647,9 +4659,17 @@ function instance$v($$self, $$props, $$invalidate) {
4647
4659
  modalStyles.add(positionStyle);
4648
4660
  }
4649
4661
 
4662
+ $$invalidate(11, transforms = []);
4663
+
4650
4664
  DEVICE_IDS.forEach(deviceId => {
4651
4665
  if (useBreakPoint) {
4652
4666
  const positionWithBp = breakPoint[deviceId]?.placement?.position;
4667
+
4668
+ transforms.push({
4669
+ query: DEVICE_QUERIES[deviceId],
4670
+ ...getTransform(positionWithBp)
4671
+ });
4672
+
4653
4673
  positionStyle = getPositionStyle(positionWithBp);
4654
4674
  }
4655
4675
 
@@ -4663,7 +4683,7 @@ function instance$v($$self, $$props, $$invalidate) {
4663
4683
  });
4664
4684
 
4665
4685
  // アニメーションの動きの設定
4666
- $$invalidate(14, transform = getTransform(position));
4686
+ transforms.push({ query: null, ...getTransform(position) });
4667
4687
  }
4668
4688
  }
4669
4689
 
@@ -4747,10 +4767,10 @@ function instance$v($$self, $$props, $$invalidate) {
4747
4767
  closeEventValue,
4748
4768
  closeButtonColor,
4749
4769
  _closeStyle,
4770
+ transforms,
4750
4771
  backgroundOverlay,
4751
4772
  backgroundOverlayPC,
4752
4773
  backgroundOverlaySP,
4753
- transform,
4754
4774
  modal,
4755
4775
  visible,
4756
4776
  handle_keydown,
@@ -4924,7 +4944,7 @@ class Grid extends SvelteComponent {
4924
4944
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
4925
4945
 
4926
4946
  function add_css$r(target) {
4927
- append_styles(target, "svelte-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{position:absolute;inset:0}");
4947
+ append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
4928
4948
  }
4929
4949
 
4930
4950
  function create_fragment$t(ctx) {
@@ -4939,8 +4959,8 @@ function create_fragment$t(ctx) {
4939
4959
  div1 = element("div");
4940
4960
  div0 = element("div");
4941
4961
  if (default_slot) default_slot.c();
4942
- attr(div0, "class", "grid-item-inner svelte-1cryhmb");
4943
- attr(div1, "class", "grid-item svelte-1cryhmb");
4962
+ attr(div0, "class", "grid-item-inner svelte-n7kdl3");
4963
+ attr(div1, "class", "grid-item svelte-n7kdl3");
4944
4964
  attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
4945
4965
  attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
4946
4966
  attr(div1, "style", /*_style*/ ctx[1]);
@@ -5245,7 +5265,7 @@ class RenderText extends SvelteComponent {
5245
5265
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
5246
5266
 
5247
5267
  function add_css$q(target) {
5248
- 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}");
5268
+ 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}");
5249
5269
  }
5250
5270
 
5251
5271
  // (94:2) {:else}
@@ -5262,8 +5282,8 @@ function create_else_block$1(ctx) {
5262
5282
  div1 = element("div");
5263
5283
  div0 = element("div");
5264
5284
  create_component(rendertext.$$.fragment);
5265
- attr(div0, "class", "text-element-inner svelte-vz6867");
5266
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5285
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
5286
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
5267
5287
  attr(div1, "style", /*style*/ ctx[5]);
5268
5288
  },
5269
5289
  m(target, anchor) {
@@ -5277,7 +5297,7 @@ function create_else_block$1(ctx) {
5277
5297
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
5278
5298
  rendertext.$set(rendertext_changes);
5279
5299
 
5280
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"))) {
5300
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
5281
5301
  attr(div1, "class", div1_class_value);
5282
5302
  }
5283
5303
 
@@ -5327,12 +5347,12 @@ function create_if_block$3(ctx) {
5327
5347
  t2 = space();
5328
5348
  div2 = element("div");
5329
5349
  div2.textContent = "コピーできませんでした";
5330
- attr(div0, "class", "text-element-inner svelte-vz6867");
5350
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
5331
5351
  attr(a, "href", '');
5332
- attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5352
+ attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
5333
5353
  attr(a, "style", /*style*/ ctx[5]);
5334
- attr(div1, "class", "tooltip svelte-vz6867");
5335
- attr(div2, "class", "tooltip tooltip-error svelte-vz6867");
5354
+ attr(div1, "class", "tooltip svelte-9ixs0b");
5355
+ attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
5336
5356
  },
5337
5357
  m(target, anchor) {
5338
5358
  insert(target, a, anchor);
@@ -5356,7 +5376,7 @@ function create_if_block$3(ctx) {
5356
5376
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
5357
5377
  rendertext.$set(rendertext_changes);
5358
5378
 
5359
- 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"))) {
5379
+ 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"))) {
5360
5380
  attr(a, "class", a_class_value);
5361
5381
  }
5362
5382
 
@@ -5408,7 +5428,7 @@ function create_fragment$r(ctx) {
5408
5428
  c() {
5409
5429
  div = element("div");
5410
5430
  if_block.c();
5411
- attr(div, "class", "text-element-wrapper svelte-vz6867");
5431
+ attr(div, "class", "text-element-wrapper svelte-9ixs0b");
5412
5432
  },
5413
5433
  m(target, anchor) {
5414
5434
  insert(target, div, anchor);
@@ -5574,7 +5594,7 @@ class TextElement extends SvelteComponent {
5574
5594
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
5575
5595
 
5576
5596
  function add_css$p(target) {
5577
- 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)}");
5597
+ 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)}");
5578
5598
  }
5579
5599
 
5580
5600
  // (48:2) <Button {onClick} {style} {eventName}>
@@ -5630,7 +5650,7 @@ function create_fragment$q(ctx) {
5630
5650
  c() {
5631
5651
  div = element("div");
5632
5652
  create_component(button.$$.fragment);
5633
- attr(div, "class", "text-button-element svelte-ujdxfc");
5653
+ attr(div, "class", "text-button-element svelte-1vg84sc");
5634
5654
  },
5635
5655
  m(target, anchor) {
5636
5656
  insert(target, div, anchor);
@@ -5722,7 +5742,7 @@ class TextButtonElement extends SvelteComponent {
5722
5742
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
5723
5743
 
5724
5744
  function add_css$o(target) {
5725
- 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%}");
5745
+ 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%}");
5726
5746
  }
5727
5747
 
5728
5748
  // (44:2) <Button {onClick} style={_style} {eventName}>
@@ -5734,7 +5754,7 @@ function create_default_slot$4(ctx) {
5734
5754
  return {
5735
5755
  c() {
5736
5756
  img = element("img");
5737
- attr(img, "class", "image svelte-1alkh1m");
5757
+ attr(img, "class", "image svelte-t6tu0e");
5738
5758
  attr(img, "loading", "lazy");
5739
5759
  attr(img, "width", "auto");
5740
5760
  attr(img, "height", "auto");
@@ -5796,7 +5816,7 @@ function create_fragment$p(ctx) {
5796
5816
  c() {
5797
5817
  div = element("div");
5798
5818
  create_component(button.$$.fragment);
5799
- attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m");
5819
+ attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
5800
5820
  },
5801
5821
  m(target, anchor) {
5802
5822
  insert(target, div, anchor);
@@ -5815,7 +5835,7 @@ function create_fragment$p(ctx) {
5815
5835
 
5816
5836
  button.$set(button_changes);
5817
5837
 
5818
- if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m")) {
5838
+ if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
5819
5839
  attr(div, "class", div_class_value);
5820
5840
  }
5821
5841
  },
@@ -5887,7 +5907,7 @@ class ImageElement extends SvelteComponent {
5887
5907
  /* src/components/List.svelte generated by Svelte v3.53.1 */
5888
5908
 
5889
5909
  function add_css$n(target) {
5890
- 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}");
5910
+ 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}");
5891
5911
  }
5892
5912
 
5893
5913
  function create_fragment$o(ctx) {
@@ -5900,7 +5920,7 @@ function create_fragment$o(ctx) {
5900
5920
  c() {
5901
5921
  div = element("div");
5902
5922
  if (default_slot) default_slot.c();
5903
- attr(div, "class", "list svelte-1t8r9z");
5923
+ attr(div, "class", "list svelte-aquv6z");
5904
5924
  attr(div, "style", /*style*/ ctx[0]);
5905
5925
  },
5906
5926
  m(target, anchor) {
@@ -6034,7 +6054,7 @@ class List extends SvelteComponent {
6034
6054
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
6035
6055
 
6036
6056
  function add_css$m(target) {
6037
- 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}");
6057
+ 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}");
6038
6058
  }
6039
6059
 
6040
6060
  // (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
@@ -6104,7 +6124,7 @@ function create_fragment$n(ctx) {
6104
6124
  c() {
6105
6125
  div = element("div");
6106
6126
  create_component(button.$$.fragment);
6107
- attr(div, "class", "list-item svelte-1lbw8v2");
6127
+ attr(div, "class", "list-item svelte-9n97pe");
6108
6128
  attr(div, "style", /*listItemStyle*/ ctx[3]);
6109
6129
  },
6110
6130
  m(target, anchor) {
@@ -6230,7 +6250,7 @@ class ListItem extends SvelteComponent {
6230
6250
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
6231
6251
 
6232
6252
  function add_css$l(target) {
6233
- 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}");
6253
+ 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}");
6234
6254
  }
6235
6255
 
6236
6256
  function create_fragment$m(ctx) {
@@ -6239,7 +6259,7 @@ function create_fragment$m(ctx) {
6239
6259
  return {
6240
6260
  c() {
6241
6261
  div = element("div");
6242
- attr(div, "class", "embed svelte-w6jkzh");
6262
+ attr(div, "class", "embed svelte-wocq4p");
6243
6263
  attr(div, "style", /*_style*/ ctx[1]);
6244
6264
  },
6245
6265
  m(target, anchor) {
@@ -6282,7 +6302,7 @@ class EmbedElement extends SvelteComponent {
6282
6302
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
6283
6303
 
6284
6304
  function add_css$k(target) {
6285
- 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%}");
6305
+ 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%}");
6286
6306
  }
6287
6307
 
6288
6308
  function create_fragment$l(ctx) {
@@ -6294,7 +6314,7 @@ function create_fragment$l(ctx) {
6294
6314
  div1 = element("div");
6295
6315
  div0 = element("div");
6296
6316
  attr(div0, "class", "karte-player");
6297
- attr(div1, "class", "embed svelte-ljxq7x");
6317
+ attr(div1, "class", "embed svelte-vikz49");
6298
6318
  attr(div1, "style", /*_style*/ ctx[0]);
6299
6319
  },
6300
6320
  m(target, anchor) {
@@ -6636,7 +6656,7 @@ class MovieYouTubeElement extends SvelteComponent {
6636
6656
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
6637
6657
 
6638
6658
  function add_css$j(target) {
6639
- 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%}");
6659
+ 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%}");
6640
6660
  }
6641
6661
 
6642
6662
  function create_fragment$k(ctx) {
@@ -6648,7 +6668,7 @@ function create_fragment$k(ctx) {
6648
6668
  div1 = element("div");
6649
6669
  div0 = element("div");
6650
6670
  attr(div0, "class", "karte-player");
6651
- attr(div1, "class", "embed svelte-ljxq7x");
6671
+ attr(div1, "class", "embed svelte-vikz49");
6652
6672
  attr(div1, "style", /*_style*/ ctx[0]);
6653
6673
  },
6654
6674
  m(target, anchor) {
@@ -6832,7 +6852,7 @@ class MovieVimeoElement extends SvelteComponent {
6832
6852
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
6833
6853
 
6834
6854
  function add_css$i(target) {
6835
- 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}");
6855
+ 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}");
6836
6856
  }
6837
6857
 
6838
6858
  function create_fragment$j(ctx) {
@@ -6845,12 +6865,12 @@ function create_fragment$j(ctx) {
6845
6865
  c() {
6846
6866
  div = element("div");
6847
6867
  textarea = element("textarea");
6848
- attr(textarea, "class", "textarea svelte-1fjy5oo");
6868
+ attr(textarea, "class", "textarea svelte-zxvkkc");
6849
6869
  textarea.value = /*$value*/ ctx[4];
6850
6870
  textarea.required = /*required*/ ctx[1];
6851
6871
  attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
6852
6872
  attr(textarea, "style", /*style*/ ctx[3]);
6853
- attr(div, "class", "textarea-wrapper svelte-1fjy5oo");
6873
+ attr(div, "class", "textarea-wrapper svelte-zxvkkc");
6854
6874
  attr(div, "style", /*styleVariables*/ ctx[2]);
6855
6875
  },
6856
6876
  m(target, anchor) {
@@ -7002,7 +7022,7 @@ class FormTextarea extends SvelteComponent {
7002
7022
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
7003
7023
 
7004
7024
  function add_css$h(target) {
7005
- 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}");
7025
+ 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}");
7006
7026
  }
7007
7027
 
7008
7028
  function get_each_context$5(ctx, list, i) {
@@ -7036,14 +7056,14 @@ function create_each_block$5(ctx) {
7036
7056
  t1 = text(t1_value);
7037
7057
  t2 = space();
7038
7058
  attr(input, "type", "radio");
7039
- attr(input, "class", "radio-button-input svelte-1ntb6j8");
7059
+ attr(input, "class", "radio-button-input svelte-17s08g");
7040
7060
  attr(input, "style", /*buttonStyle*/ ctx[5]);
7041
7061
  attr(input, "name", /*name*/ ctx[0]);
7042
7062
  input.value = input_value_value = /*option*/ ctx[17];
7043
7063
  input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
7044
- attr(span, "class", "radio-button-text svelte-1ntb6j8");
7064
+ attr(span, "class", "radio-button-text svelte-17s08g");
7045
7065
  attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
7046
- attr(label, "class", "radio-button svelte-1ntb6j8");
7066
+ attr(label, "class", "radio-button svelte-17s08g");
7047
7067
  },
7048
7068
  m(target, anchor) {
7049
7069
  insert(target, label, anchor);
@@ -7108,7 +7128,7 @@ function create_fragment$i(ctx) {
7108
7128
  each_blocks[i].c();
7109
7129
  }
7110
7130
 
7111
- attr(div, "class", "radio-buttons svelte-1ntb6j8");
7131
+ attr(div, "class", "radio-buttons svelte-17s08g");
7112
7132
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7113
7133
  },
7114
7134
  m(target, anchor) {
@@ -7277,7 +7297,7 @@ class FormRadioButtons extends SvelteComponent {
7277
7297
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
7278
7298
 
7279
7299
  function add_css$g(target) {
7280
- 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}");
7300
+ 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}");
7281
7301
  }
7282
7302
 
7283
7303
  function get_each_context$4(ctx, list, i) {
@@ -7411,10 +7431,10 @@ function create_fragment$h(ctx) {
7411
7431
 
7412
7432
  t = space();
7413
7433
  div0 = element("div");
7414
- attr(select, "class", "select-select svelte-iejizj");
7434
+ attr(select, "class", "select-select svelte-t9ynyj");
7415
7435
  attr(select, "style", /*style*/ ctx[3]);
7416
- attr(div0, "class", "select-icon svelte-iejizj");
7417
- attr(div1, "class", "select svelte-iejizj");
7436
+ attr(div0, "class", "select-icon svelte-t9ynyj");
7437
+ attr(div1, "class", "select svelte-t9ynyj");
7418
7438
  attr(div1, "style", /*styleVariables*/ ctx[2]);
7419
7439
  },
7420
7440
  m(target, anchor) {
@@ -7616,7 +7636,7 @@ class FormSelect extends SvelteComponent {
7616
7636
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
7617
7637
 
7618
7638
  function add_css$f(target) {
7619
- 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}");
7639
+ 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}");
7620
7640
  }
7621
7641
 
7622
7642
  function get_each_context$3(ctx, list, i) {
@@ -7655,19 +7675,19 @@ function create_each_block$3(ctx) {
7655
7675
  span2 = element("span");
7656
7676
  t2 = text(t2_value);
7657
7677
  t3 = space();
7658
- attr(input, "class", "check-box-input svelte-2pz1us");
7678
+ attr(input, "class", "check-box-input svelte-1p65cg8");
7659
7679
  attr(input, "type", "checkbox");
7660
7680
  attr(input, "name", /*name*/ ctx[0]);
7661
7681
  input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
7662
- attr(span0, "class", "check-box-icon svelte-2pz1us");
7682
+ attr(span0, "class", "check-box-icon svelte-1p65cg8");
7663
7683
 
7664
7684
  attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7665
7685
  ? ' _checked'
7666
- : ''}`) + " svelte-2pz1us"));
7686
+ : ''}`) + " svelte-1p65cg8"));
7667
7687
 
7668
- attr(span2, "class", "check-box-text svelte-2pz1us");
7688
+ attr(span2, "class", "check-box-text svelte-1p65cg8");
7669
7689
  attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
7670
- attr(label, "class", "check-box svelte-2pz1us");
7690
+ attr(label, "class", "check-box svelte-1p65cg8");
7671
7691
  attr(label, "style", /*styleVariables*/ ctx[5]);
7672
7692
  },
7673
7693
  m(target, anchor) {
@@ -7699,7 +7719,7 @@ function create_each_block$3(ctx) {
7699
7719
 
7700
7720
  if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7701
7721
  ? ' _checked'
7702
- : ''}`) + " svelte-2pz1us"))) {
7722
+ : ''}`) + " svelte-1p65cg8"))) {
7703
7723
  attr(span1, "class", span1_class_value);
7704
7724
  }
7705
7725
 
@@ -7738,7 +7758,7 @@ function create_fragment$g(ctx) {
7738
7758
  each_blocks[i].c();
7739
7759
  }
7740
7760
 
7741
- attr(div, "class", "check-boxes svelte-2pz1us");
7761
+ attr(div, "class", "check-boxes svelte-1p65cg8");
7742
7762
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7743
7763
  },
7744
7764
  m(target, anchor) {
@@ -7913,7 +7933,7 @@ class FormCheckBoxes extends SvelteComponent {
7913
7933
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
7914
7934
 
7915
7935
  function add_css$e(target) {
7916
- 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}");
7936
+ 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}");
7917
7937
  }
7918
7938
 
7919
7939
  function get_each_context$2(ctx, list, i) {
@@ -7937,7 +7957,7 @@ function create_each_block$2(ctx) {
7937
7957
  button = element("button");
7938
7958
  t0 = text(t0_value);
7939
7959
  t1 = space();
7940
- attr(button, "class", "rating-button svelte-9idbf1");
7960
+ attr(button, "class", "rating-button svelte-1iqf36p");
7941
7961
  attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[5](/*i*/ ctx[14] === /*_value*/ ctx[2]));
7942
7962
  },
7943
7963
  m(target, anchor) {
@@ -7986,7 +8006,7 @@ function create_fragment$f(ctx) {
7986
8006
  each_blocks[i].c();
7987
8007
  }
7988
8008
 
7989
- attr(div, "class", "rating-buttons svelte-9idbf1");
8009
+ attr(div, "class", "rating-buttons svelte-1iqf36p");
7990
8010
  },
7991
8011
  m(target, anchor) {
7992
8012
  insert(target, div, anchor);
@@ -8130,7 +8150,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
8130
8150
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
8131
8151
 
8132
8152
  function add_css$d(target) {
8133
- 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%)}");
8153
+ 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%)}");
8134
8154
  }
8135
8155
 
8136
8156
  function get_each_context$1(ctx, list, i) {
@@ -8155,9 +8175,9 @@ function create_each_block$1(ctx) {
8155
8175
  img = element("img");
8156
8176
  t = space();
8157
8177
  if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
8158
- attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"));
8178
+ attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
8159
8179
  attr(img, "alt", "rate" + /*i*/ ctx[10]);
8160
- attr(button, "class", "rating-button svelte-1b5dvzw");
8180
+ attr(button, "class", "rating-button svelte-tbunko");
8161
8181
  attr(button, "style", /*buttonStyle*/ ctx[0]);
8162
8182
  },
8163
8183
  m(target, anchor) {
@@ -8173,7 +8193,7 @@ function create_each_block$1(ctx) {
8173
8193
  p(new_ctx, dirty) {
8174
8194
  ctx = new_ctx;
8175
8195
 
8176
- 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"))) {
8196
+ 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"))) {
8177
8197
  attr(img, "class", img_class_value);
8178
8198
  }
8179
8199
 
@@ -8206,7 +8226,7 @@ function create_fragment$e(ctx) {
8206
8226
  each_blocks[i].c();
8207
8227
  }
8208
8228
 
8209
- attr(div, "class", "rating-buttons svelte-1b5dvzw");
8229
+ attr(div, "class", "rating-buttons svelte-tbunko");
8210
8230
  },
8211
8231
  m(target, anchor) {
8212
8232
  insert(target, div, anchor);
@@ -8314,7 +8334,7 @@ class FormRatingButtonsFace extends SvelteComponent {
8314
8334
  /* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
8315
8335
 
8316
8336
  function add_css$c(target) {
8317
- 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}");
8337
+ 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}");
8318
8338
  }
8319
8339
 
8320
8340
  function create_fragment$d(ctx) {
@@ -8328,13 +8348,13 @@ function create_fragment$d(ctx) {
8328
8348
  c() {
8329
8349
  div = element("div");
8330
8350
  input = element("input");
8331
- attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"));
8351
+ attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"));
8332
8352
  attr(input, "type", "text");
8333
8353
  input.value = /*$value*/ ctx[2];
8334
8354
  input.required = /*required*/ ctx[0];
8335
8355
  attr(input, "placeholder", /*placeholder*/ ctx[1]);
8336
8356
  attr(input, "style", /*style*/ ctx[5]);
8337
- attr(div, "class", "input-wrapper svelte-f14zo5");
8357
+ attr(div, "class", "input-wrapper svelte-h8fqwx");
8338
8358
  attr(div, "style", /*styleVariables*/ ctx[4]);
8339
8359
  },
8340
8360
  m(target, anchor) {
@@ -8347,7 +8367,7 @@ function create_fragment$d(ctx) {
8347
8367
  }
8348
8368
  },
8349
8369
  p(ctx, [dirty]) {
8350
- if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"))) {
8370
+ if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"))) {
8351
8371
  attr(input, "class", input_class_value);
8352
8372
  }
8353
8373
 
@@ -8535,7 +8555,7 @@ class FormIdentifyInput extends SvelteComponent {
8535
8555
  /* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
8536
8556
 
8537
8557
  function add_css$b(target) {
8538
- 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}");
8558
+ 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}");
8539
8559
  }
8540
8560
 
8541
8561
  function create_fragment$c(ctx) {
@@ -8573,20 +8593,20 @@ function create_fragment$c(ctx) {
8573
8593
  span1 = element("span");
8574
8594
  t4 = text("いいえ");
8575
8595
  attr(input0, "type", "radio");
8576
- attr(input0, "class", "radio-button-input svelte-pzrwlo");
8596
+ attr(input0, "class", "radio-button-input svelte-8zbmyo");
8577
8597
  attr(input0, "style", /*buttonStyle*/ ctx[2]);
8578
8598
  input0.checked = input0_checked_value = /*$value*/ ctx[3] === true;
8579
- attr(span0, "class", "radio-button-text svelte-pzrwlo");
8599
+ attr(span0, "class", "radio-button-text svelte-8zbmyo");
8580
8600
  attr(span0, "style", span0_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
8581
- attr(label0, "class", "radio-button svelte-pzrwlo");
8601
+ attr(label0, "class", "radio-button svelte-8zbmyo");
8582
8602
  attr(input1, "type", "radio");
8583
- attr(input1, "class", "radio-button-input svelte-pzrwlo");
8603
+ attr(input1, "class", "radio-button-input svelte-8zbmyo");
8584
8604
  attr(input1, "style", /*buttonStyle*/ ctx[2]);
8585
8605
  input1.checked = input1_checked_value = /*$value*/ ctx[3] === false;
8586
- attr(span1, "class", "radio-button-text svelte-pzrwlo");
8606
+ attr(span1, "class", "radio-button-text svelte-8zbmyo");
8587
8607
  attr(span1, "style", span1_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
8588
- attr(label1, "class", "radio-button svelte-pzrwlo");
8589
- attr(div, "class", "radio-buttons svelte-pzrwlo");
8608
+ attr(label1, "class", "radio-button svelte-8zbmyo");
8609
+ attr(div, "class", "radio-buttons svelte-8zbmyo");
8590
8610
  attr(div, "style", /*_layoutStyle*/ ctx[0]);
8591
8611
  },
8592
8612
  m(target, anchor) {
@@ -8754,7 +8774,7 @@ class FormIdentifyChoices extends SvelteComponent {
8754
8774
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
8755
8775
 
8756
8776
  function add_css$a(target) {
8757
- 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%}");
8777
+ 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%}");
8758
8778
  }
8759
8779
 
8760
8780
  function get_each_context(ctx, list, i) {
@@ -8783,9 +8803,9 @@ function create_if_block_1(ctx) {
8783
8803
  attr(svg, "viewBox", "0 0 10 16");
8784
8804
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
8785
8805
  attr(svg, "style", /*prevIconStyle*/ ctx[10]);
8786
- attr(button, "class", "move-button svelte-1qfq79t");
8806
+ attr(button, "class", "move-button svelte-ji1fh");
8787
8807
  attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
8788
- attr(div, "class", "prev-button-container svelte-1qfq79t");
8808
+ attr(div, "class", "prev-button-container svelte-ji1fh");
8789
8809
  },
8790
8810
  m(target, anchor) {
8791
8811
  insert(target, div, anchor);
@@ -8834,9 +8854,9 @@ function create_if_block$1(ctx) {
8834
8854
  attr(svg, "viewBox", "0 0 10 16");
8835
8855
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
8836
8856
  attr(svg, "style", /*nextIconStyle*/ ctx[8]);
8837
- attr(button, "class", "move-button svelte-1qfq79t");
8857
+ attr(button, "class", "move-button svelte-ji1fh");
8838
8858
  attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
8839
- attr(div, "class", "next-button-container svelte-1qfq79t");
8859
+ attr(div, "class", "next-button-container svelte-ji1fh");
8840
8860
  },
8841
8861
  m(target, anchor) {
8842
8862
  insert(target, div, anchor);
@@ -8884,9 +8904,9 @@ function create_each_block(ctx) {
8884
8904
  button = element("button");
8885
8905
  div = element("div");
8886
8906
  t = space();
8887
- attr(div, "class", "navigation-item-inner circle svelte-1qfq79t");
8907
+ attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
8888
8908
  attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
8889
- attr(button, "class", "navigation-item svelte-1qfq79t");
8909
+ attr(button, "class", "navigation-item svelte-ji1fh");
8890
8910
  attr(button, "style", /*navigationItemStyle*/ ctx[6]);
8891
8911
  },
8892
8912
  m(target, anchor) {
@@ -8963,14 +8983,14 @@ function create_fragment$b(ctx) {
8963
8983
  each_blocks[i].c();
8964
8984
  }
8965
8985
 
8966
- attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"));
8986
+ attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
8967
8987
  attr(div0, "style", /*slideStyle*/ ctx[14]);
8968
- attr(div1, "class", "container svelte-1qfq79t");
8988
+ attr(div1, "class", "container svelte-ji1fh");
8969
8989
  attr(div1, "style", /*_style*/ ctx[0]);
8970
- attr(div2, "class", "navigation svelte-1qfq79t");
8990
+ attr(div2, "class", "navigation svelte-ji1fh");
8971
8991
  attr(div2, "style", /*navigationStyle*/ ctx[4]);
8972
8992
  set_attributes(div3, div3_data);
8973
- toggle_class(div3, "svelte-1qfq79t", true);
8993
+ toggle_class(div3, "svelte-ji1fh", true);
8974
8994
  },
8975
8995
  m(target, anchor) {
8976
8996
  insert(target, div3, anchor);
@@ -9012,7 +9032,7 @@ function create_fragment$b(ctx) {
9012
9032
  }
9013
9033
  }
9014
9034
 
9015
- if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"))) {
9035
+ if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
9016
9036
  attr(div0, "class", div0_class_value);
9017
9037
  }
9018
9038
 
@@ -9078,7 +9098,7 @@ function create_fragment$b(ctx) {
9078
9098
  }
9079
9099
 
9080
9100
  set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
9081
- toggle_class(div3, "svelte-1qfq79t", true);
9101
+ toggle_class(div3, "svelte-ji1fh", true);
9082
9102
  },
9083
9103
  i(local) {
9084
9104
  if (current) return;
@@ -9590,7 +9610,7 @@ class Slide extends SvelteComponent {
9590
9610
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
9591
9611
 
9592
9612
  function add_css$9(target) {
9593
- 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}");
9613
+ 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}");
9594
9614
  }
9595
9615
 
9596
9616
  function create_fragment$a(ctx) {
@@ -9605,9 +9625,9 @@ function create_fragment$a(ctx) {
9605
9625
  div1 = element("div");
9606
9626
  div0 = element("div");
9607
9627
  if (default_slot) default_slot.c();
9608
- attr(div0, "class", "item-inner svelte-1rv0qgo");
9628
+ attr(div0, "class", "item-inner svelte-9ygf1w");
9609
9629
  attr(div0, "style", /*_style*/ ctx[0]);
9610
- attr(div1, "class", "item svelte-1rv0qgo");
9630
+ attr(div1, "class", "item svelte-9ygf1w");
9611
9631
  attr(div1, "style", /*itemStyle*/ ctx[1]);
9612
9632
  },
9613
9633
  m(target, anchor) {
@@ -9733,7 +9753,7 @@ class SlideItem extends SvelteComponent {
9733
9753
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
9734
9754
 
9735
9755
  function add_css$8(target) {
9736
- 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}");
9756
+ 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}");
9737
9757
  }
9738
9758
 
9739
9759
  const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
@@ -9751,9 +9771,9 @@ function create_fragment$9(ctx) {
9751
9771
  div1 = element("div");
9752
9772
  div0 = element("div");
9753
9773
  if (default_slot) default_slot.c();
9754
- attr(div0, "class", "countdown-inner svelte-t87l6f");
9774
+ attr(div0, "class", "countdown-inner svelte-rroxiz");
9755
9775
  attr(div0, "style", /*_style*/ ctx[0]);
9756
- attr(div1, "class", "countdown svelte-t87l6f");
9776
+ attr(div1, "class", "countdown svelte-rroxiz");
9757
9777
  },
9758
9778
  m(target, anchor) {
9759
9779
  insert(target, div1, anchor);
@@ -9887,7 +9907,7 @@ class Countdown extends SvelteComponent {
9887
9907
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
9888
9908
 
9889
9909
  function add_css$7(target) {
9890
- 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}");
9910
+ 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}");
9891
9911
  }
9892
9912
 
9893
9913
  // (24:2) <Button {onClick} style={_style} {eventName}>
@@ -9957,7 +9977,7 @@ function create_fragment$8(ctx) {
9957
9977
  c() {
9958
9978
  div = element("div");
9959
9979
  create_component(button.$$.fragment);
9960
- attr(div, "class", "box svelte-1c91vpe");
9980
+ attr(div, "class", "box svelte-1ccydfy");
9961
9981
  },
9962
9982
  m(target, anchor) {
9963
9983
  insert(target, div, anchor);
@@ -10018,7 +10038,7 @@ class Box extends SvelteComponent {
10018
10038
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
10019
10039
 
10020
10040
  function add_css$6(target) {
10021
- 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)}");
10041
+ 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)}");
10022
10042
  }
10023
10043
 
10024
10044
  // (56:4) {#if svg}
@@ -10100,7 +10120,7 @@ function create_fragment$7(ctx) {
10100
10120
  c() {
10101
10121
  div = element("div");
10102
10122
  create_component(button.$$.fragment);
10103
- attr(div, "class", "icon svelte-1mk6wi4");
10123
+ attr(div, "class", "icon svelte-1mkvcuo");
10104
10124
  },
10105
10125
  m(target, anchor) {
10106
10126
  insert(target, div, anchor);
@@ -10209,7 +10229,7 @@ class IconElement extends SvelteComponent {
10209
10229
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
10210
10230
 
10211
10231
  function add_css$5(target) {
10212
- append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10232
+ append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10213
10233
  }
10214
10234
 
10215
10235
  function create_fragment$6(ctx) {
@@ -10235,7 +10255,7 @@ function create_fragment$6(ctx) {
10235
10255
  c() {
10236
10256
  div = element("div");
10237
10257
  if (switch_instance) create_component(switch_instance.$$.fragment);
10238
- attr(div, "class", "codeElement svelte-1ng2n51");
10258
+ attr(div, "class", "codeElement svelte-ymsb9l");
10239
10259
  attr(div, "style", /*style*/ ctx[3]);
10240
10260
  },
10241
10261
  m(target, anchor) {
@@ -10324,7 +10344,7 @@ class CodeElement extends SvelteComponent {
10324
10344
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
10325
10345
 
10326
10346
  function add_css$4(target) {
10327
- append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
10347
+ append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
10328
10348
  }
10329
10349
 
10330
10350
  function create_fragment$5(ctx) {
@@ -10338,7 +10358,7 @@ function create_fragment$5(ctx) {
10338
10358
  c() {
10339
10359
  div = element("div");
10340
10360
  if (default_slot) default_slot.c();
10341
- attr(div, "class", "flex svelte-9v2qdg");
10361
+ attr(div, "class", "flex svelte-1e71ejc");
10342
10362
  attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
10343
10363
  },
10344
10364
  m(target, anchor) {
@@ -10435,7 +10455,7 @@ class Flex extends SvelteComponent {
10435
10455
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
10436
10456
 
10437
10457
  function add_css$3(target) {
10438
- append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
10458
+ append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
10439
10459
  }
10440
10460
 
10441
10461
  function create_fragment$4(ctx) {
@@ -10448,7 +10468,7 @@ function create_fragment$4(ctx) {
10448
10468
  c() {
10449
10469
  div = element("div");
10450
10470
  if (default_slot) default_slot.c();
10451
- attr(div, "class", "flex-item svelte-164ah5d");
10471
+ attr(div, "class", "flex-item svelte-1p0bk1x");
10452
10472
  attr(div, "style", /*style*/ ctx[0]);
10453
10473
  },
10454
10474
  m(target, anchor) {
@@ -10856,7 +10876,7 @@ class GridModalState extends SvelteComponent {
10856
10876
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
10857
10877
 
10858
10878
  function add_css$2(target) {
10859
- 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%}");
10879
+ 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%}");
10860
10880
  }
10861
10881
 
10862
10882
  function create_fragment$2(ctx) {
@@ -10872,8 +10892,8 @@ function create_fragment$2(ctx) {
10872
10892
  div1 = element("div");
10873
10893
  div0 = element("div");
10874
10894
  create_component(rendertext.$$.fragment);
10875
- attr(div0, "class", "text-block-inner svelte-akic2e");
10876
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"));
10895
+ attr(div0, "class", "text-block-inner svelte-15pej1m");
10896
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
10877
10897
  attr(div1, "style", /*style*/ ctx[2]);
10878
10898
  },
10879
10899
  m(target, anchor) {
@@ -10887,7 +10907,7 @@ function create_fragment$2(ctx) {
10887
10907
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
10888
10908
  rendertext.$set(rendertext_changes);
10889
10909
 
10890
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"))) {
10910
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
10891
10911
  attr(div1, "class", div1_class_value);
10892
10912
  }
10893
10913
 
@@ -10965,7 +10985,7 @@ class TextBlock extends SvelteComponent {
10965
10985
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
10966
10986
 
10967
10987
  function add_css$1(target) {
10968
- 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)}");
10988
+ 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)}");
10969
10989
  }
10970
10990
 
10971
10991
  function create_fragment$1(ctx) {
@@ -10982,9 +11002,9 @@ function create_fragment$1(ctx) {
10982
11002
  div = element("div");
10983
11003
  button = element("button");
10984
11004
  create_component(rendertext.$$.fragment);
10985
- attr(button, "class", "text-button svelte-1c34p4n");
11005
+ attr(button, "class", "text-button svelte-ff0k6r");
10986
11006
  attr(button, "style", /*_buttonStyle*/ ctx[1]);
10987
- attr(div, "class", "text-button-block svelte-1c34p4n");
11007
+ attr(div, "class", "text-button-block svelte-ff0k6r");
10988
11008
  attr(div, "style", /*_style*/ ctx[2]);
10989
11009
  },
10990
11010
  m(target, anchor) {
@@ -11090,7 +11110,7 @@ class TextButtonBlock extends SvelteComponent {
11090
11110
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
11091
11111
 
11092
11112
  function add_css(target) {
11093
- 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)}");
11113
+ 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)}");
11094
11114
  }
11095
11115
 
11096
11116
  function create_fragment(ctx) {
@@ -11106,14 +11126,14 @@ function create_fragment(ctx) {
11106
11126
  c() {
11107
11127
  div = element("div");
11108
11128
  img = element("img");
11109
- attr(img, "class", "image svelte-1jus6sx");
11129
+ attr(img, "class", "image svelte-1pdw891");
11110
11130
  attr(img, "loading", "lazy");
11111
11131
  attr(img, "width", "auto");
11112
11132
  attr(img, "height", "auto");
11113
11133
  attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
11114
11134
  if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
11115
11135
  attr(img, "alt", /*alt*/ ctx[1]);
11116
- attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"));
11136
+ attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
11117
11137
  attr(div, "style", /*_style*/ ctx[5]);
11118
11138
  },
11119
11139
  m(target, anchor) {
@@ -11138,7 +11158,7 @@ function create_fragment(ctx) {
11138
11158
  attr(img, "alt", /*alt*/ ctx[1]);
11139
11159
  }
11140
11160
 
11141
- if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"))) {
11161
+ if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
11142
11162
  attr(div, "class", div_class_value);
11143
11163
  }
11144
11164