@plaidev/karte-action-sdk 1.1.226 → 1.1.227-28605989.e1daa780

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  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