eat-js-sdk 0.0.63 → 1.0.0

package/dist/eat-prompt-builder.mjs

@@ -1257,6 +1257,7 @@
   var INTERACTION_TYPE_TYPEIN = "typeInInteraction";
   var INTERACTION_TYPE_CATEGORISE = "categoriseInteraction";
   var TYPEIN_TYPE_SHORT = "Short-Text";
+  var TYPEIN_TYPE_INLINE = "Inline Text";
   var CONTAINER_WORD_BIN_ID = "container-word-bin";
   var SCREEN_MD = 732;
   var EAT_DASH = "@eat-dash@";
@@ -1543,7 +1544,7 @@
         otherClass: "item-heading mb-4",
         htmlHeading: (
           /*promptRubricHeaderElem*/
-          ctx[15]
+          ctx[16]
         )
       }
     });
@@ -1585,7 +1586,7 @@
       props: {
         htmlString: (
           /*stimulusText*/
-          ctx[7]
+          ctx[8]
         ),
         otherClass: "text-stimulus py-2"
       }
@@ -1601,9 +1602,9 @@
       p(ctx2, dirty) {
         const commonstringtohtml_changes = {};
         if (dirty & /*stimulusText*/
-        128)
+        256)
           commonstringtohtml_changes.htmlString = /*stimulusText*/
-          ctx2[7];
+          ctx2[8];
         commonstringtohtml.$set(commonstringtohtml_changes);
       },
       i(local) {
@@ -1630,19 +1631,19 @@
       props: {
         fileType: (
           /*fileType*/
-          ctx[3]
+          ctx[4]
         ),
         fileUrl: (
           /*fileUrl*/
-          ctx[2]
+          ctx[3]
         ),
         altText: (
           /*altText*/
-          ctx[5]
+          ctx[6]
         ),
         fileCaption: (
           /*caption*/
-          ctx[6]
+          ctx[7]
         )
       }
     });
@@ -1651,10 +1652,10 @@
         div = element("div");
         create_component(commonmedia.$$.fragment);
         attr(div, "class", div_class_value = /*showTextAlignmentInline*/
-        (ctx[11] && /*showStimulusLayoutMediaFirst*/
-        ctx[13] ? "pb-2" : "pb-10") + " " + /*showTextAlignmentInline*/
-        (ctx[11] && /*showStimulusLayoutTextFirst*/
-        ctx[14] ? "" : "pt-6"));
+        (ctx[12] && /*showStimulusLayoutMediaFirst*/
+        ctx[14] ? "pb-2" : "pb-10") + " " + /*showTextAlignmentInline*/
+        (ctx[12] && /*showStimulusLayoutTextFirst*/
+        ctx[15] ? "" : "pt-6"));
       },
       m(target, anchor) {
         insert(target, div, anchor);
@@ -1664,21 +1665,21 @@
       p(ctx2, dirty) {
         const commonmedia_changes = {};
         if (dirty & /*fileType*/
-        8)
+        16)
           commonmedia_changes.fileType = /*fileType*/
-          ctx2[3];
+          ctx2[4];
         if (dirty & /*fileUrl*/
-        4)
+        8)
           commonmedia_changes.fileUrl = /*fileUrl*/
-          ctx2[2];
+          ctx2[3];
         if (dirty & /*altText*/
-        32)
+        64)
           commonmedia_changes.altText = /*altText*/
-          ctx2[5];
+          ctx2[6];
         if (dirty & /*caption*/
-        64)
+        128)
           commonmedia_changes.fileCaption = /*caption*/
-          ctx2[6];
+          ctx2[7];
         commonmedia.$set(commonmedia_changes);
       },
       i(local) {
@@ -1706,7 +1707,7 @@
       props: {
         htmlString: (
           /*stimulusText*/
-          ctx[7]
+          ctx[8]
         ),
         otherClass: "text-stimulus py-2"
       }
@@ -1722,9 +1723,9 @@
       p(ctx2, dirty) {
         const commonstringtohtml_changes = {};
         if (dirty & /*stimulusText*/
-        128)
+        256)
           commonstringtohtml_changes.htmlString = /*stimulusText*/
-          ctx2[7];
+          ctx2[8];
         commonstringtohtml.$set(commonstringtohtml_changes);
       },
       i(local) {
@@ -1754,7 +1755,7 @@
         otherClass: "item-heading prompt",
         htmlHeading: (
           /*promptRubricHeaderElem*/
-          ctx[15]
+          ctx[16]
         )
       }
     });
@@ -1796,7 +1797,7 @@
       props: {
         htmlString: (
           /*stimulusText*/
-          ctx[7]
+          ctx[8]
         ),
         otherClass: "text-stimulus pb-0 lg:hidden"
       }
@@ -1812,9 +1813,9 @@
       p(ctx2, dirty) {
         const commonstringtohtml_changes = {};
         if (dirty & /*stimulusText*/
-        128)
+        256)
           commonstringtohtml_changes.htmlString = /*stimulusText*/
-          ctx2[7];
+          ctx2[8];
         commonstringtohtml.$set(commonstringtohtml_changes);
       },
       i(local) {
@@ -1841,19 +1842,19 @@
       props: {
         fileType: (
           /*fileType*/
-          ctx[3]
+          ctx[4]
         ),
         fileUrl: (
           /*fileUrl*/
-          ctx[2]
+          ctx[3]
         ),
         altText: (
           /*altText*/
-          ctx[5]
+          ctx[6]
         ),
         fileCaption: (
           /*caption*/
-          ctx[6]
+          ctx[7]
         )
       }
     });
@@ -1862,8 +1863,8 @@
         div = element("div");
         create_component(commonmedia.$$.fragment);
         attr(div, "class", div_class_value = "lg:hidden " + /*showTextAlignmentDefault*/
-        (ctx[10] && /*showStimulusLayoutTextFirst*/
-        ctx[14] ? "pt-4" : "pt-6"));
+        (ctx[11] && /*showStimulusLayoutTextFirst*/
+        ctx[15] ? "pt-4" : "pt-6"));
       },
       m(target, anchor) {
         insert(target, div, anchor);
@@ -1873,21 +1874,21 @@
       p(ctx2, dirty) {
         const commonmedia_changes = {};
         if (dirty & /*fileType*/
-        8)
+        16)
           commonmedia_changes.fileType = /*fileType*/
-          ctx2[3];
+          ctx2[4];
         if (dirty & /*fileUrl*/
-        4)
+        8)
           commonmedia_changes.fileUrl = /*fileUrl*/
-          ctx2[2];
+          ctx2[3];
         if (dirty & /*altText*/
-        32)
+        64)
           commonmedia_changes.altText = /*altText*/
-          ctx2[5];
+          ctx2[6];
         if (dirty & /*caption*/
-        64)
+        128)
           commonmedia_changes.fileCaption = /*caption*/
-          ctx2[6];
+          ctx2[7];
         commonmedia.$set(commonmedia_changes);
       },
       i(local) {
@@ -1915,7 +1916,7 @@
       props: {
         htmlString: (
           /*stimulusText*/
-          ctx[7]
+          ctx[8]
         ),
         otherClass: "text-stimulus pb-0 lg:hidden"
       }
@@ -1931,9 +1932,9 @@
       p(ctx2, dirty) {
         const commonstringtohtml_changes = {};
         if (dirty & /*stimulusText*/
-        128)
+        256)
           commonstringtohtml_changes.htmlString = /*stimulusText*/
-          ctx2[7];
+          ctx2[8];
         commonstringtohtml.$set(commonstringtohtml_changes);
       },
       i(local) {
@@ -1959,17 +1960,17 @@
     let current;
     let if_block0 = (
       /*showTextAlignmentDefault*/
-      ctx[10] && /*showStimulusLayoutTextFirst*/
-      ctx[14] && create_if_block_3(ctx)
+      ctx[11] && /*showStimulusLayoutTextFirst*/
+      ctx[15] && create_if_block_3(ctx)
     );
     let if_block1 = (
       /*showAssetAlignmentDefault*/
-      ctx[9] && create_if_block_22(ctx)
+      ctx[10] && create_if_block_22(ctx)
     );
     let if_block2 = (
       /*showTextAlignmentDefault*/
-      ctx[10] && /*showStimulusLayoutMediaFirst*/
-      ctx[13] && create_if_block_12(ctx)
+      ctx[11] && /*showStimulusLayoutMediaFirst*/
+      ctx[14] && create_if_block_12(ctx)
     );
     return {
       c() {
@@ -2002,19 +2003,19 @@
       p(ctx2, dirty) {
         if (
           /*showTextAlignmentDefault*/
-          ctx2[10] && /*showStimulusLayoutTextFirst*/
-          ctx2[14]
+          ctx2[11] && /*showStimulusLayoutTextFirst*/
+          ctx2[15]
         )
           if_block0.p(ctx2, dirty);
         if (
           /*showAssetAlignmentDefault*/
-          ctx2[9]
+          ctx2[10]
         )
           if_block1.p(ctx2, dirty);
         if (
           /*showTextAlignmentDefault*/
-          ctx2[10] && /*showStimulusLayoutMediaFirst*/
-          ctx2[13]
+          ctx2[11] && /*showStimulusLayoutMediaFirst*/
+          ctx2[14]
         )
           if_block2.p(ctx2, dirty);
       },
@@ -2052,7 +2053,7 @@
       props: {
         htmlString: (
           /*stimulusText*/
-          ctx[7]
+          ctx[8]
         ),
         otherClass: "text-stimulus pt-0"
       }
@@ -2068,9 +2069,9 @@
       p(ctx2, dirty) {
         const commonstringtohtml_changes = {};
         if (dirty & /*stimulusText*/
-        128)
+        256)
           commonstringtohtml_changes.htmlString = /*stimulusText*/
-          ctx2[7];
+          ctx2[8];
         commonstringtohtml.$set(commonstringtohtml_changes);
       },
       i(local) {
@@ -2095,19 +2096,19 @@
       props: {
         fileType: (
           /*fileType*/
-          ctx[3]
+          ctx[4]
         ),
         fileUrl: (
           /*fileUrl*/
-          ctx[2]
+          ctx[3]
         ),
         altText: (
           /*altText*/
-          ctx[5]
+          ctx[6]
         ),
         fileCaption: (
           /*caption*/
-          ctx[6]
+          ctx[7]
         )
       }
     });
@@ -2122,21 +2123,21 @@
       p(ctx2, dirty) {
         const commonmedia_changes = {};
         if (dirty & /*fileType*/
-        8)
+        16)
           commonmedia_changes.fileType = /*fileType*/
-          ctx2[3];
+          ctx2[4];
         if (dirty & /*fileUrl*/
-        4)
+        8)
           commonmedia_changes.fileUrl = /*fileUrl*/
-          ctx2[2];
+          ctx2[3];
         if (dirty & /*altText*/
-        32)
+        64)
           commonmedia_changes.altText = /*altText*/
-          ctx2[5];
+          ctx2[6];
         if (dirty & /*caption*/
-        64)
+        128)
           commonmedia_changes.fileCaption = /*caption*/
-          ctx2[6];
+          ctx2[7];
         commonmedia.$set(commonmedia_changes);
       },
       i(local) {
@@ -2161,10 +2162,10 @@
       props: {
         htmlString: (
           /*stimulusText*/
-          ctx[7]
+          ctx[8]
         ),
         otherClass: "text-stimulus " + (!/*showAssetAlignmentDefault*/
-        ctx[9] ? "pt-0" : "")
+        ctx[10] ? "pt-0" : "")
       }
     });
     return {
@@ -2178,9 +2179,9 @@
       p(ctx2, dirty) {
         const commonstringtohtml_changes = {};
         if (dirty & /*stimulusText*/
-        128)
+        256)
           commonstringtohtml_changes.htmlString = /*stimulusText*/
-          ctx2[7];
+          ctx2[8];
         commonstringtohtml.$set(commonstringtohtml_changes);
       },
       i(local) {
@@ -2210,6 +2211,7 @@
     let t6;
     let t7;
     let div0;
+    let div0_class_value;
     let t8;
     let div1_class_value;
     let t9;
@@ -2221,18 +2223,18 @@
     );
     let if_block1 = (
       /*showTextAlignmentInline*/
-      ctx[11] && /*showStimulusLayoutTextFirst*/
-      ctx[14] && create_if_block_10(ctx)
+      ctx[12] && /*showStimulusLayoutTextFirst*/
+      ctx[15] && create_if_block_10(ctx)
     );
     let if_block2 = (
       /*showAsset*/
-      ctx[8] && /*fileAlignment*/
-      ctx[4] === ASSET_ALIGNMENT_INLINE && create_if_block_9(ctx)
+      ctx[9] && /*fileAlignment*/
+      ctx[5] === ASSET_ALIGNMENT_INLINE && create_if_block_9(ctx)
     );
     let if_block3 = (
       /*showTextAlignmentInline*/
-      ctx[11] && /*showStimulusLayoutMediaFirst*/
-      ctx[13] && create_if_block_8(ctx)
+      ctx[12] && /*showStimulusLayoutMediaFirst*/
+      ctx[14] && create_if_block_8(ctx)
     );
     let if_block4 = (
       /*prompt*/
@@ -2240,32 +2242,32 @@
     );
     let if_block5 = (
       /*showTextAlignmentDefault*/
-      ctx[10] && /*showStimulusLayoutTextFirst*/
-      ctx[14] && create_if_block_6(ctx)
+      ctx[11] && /*showStimulusLayoutTextFirst*/
+      ctx[15] && create_if_block_6(ctx)
     );
     let if_block6 = (
       /*showAssetAlignmentDefault*/
-      ctx[9] && create_if_block_5(ctx)
+      ctx[10] && create_if_block_5(ctx)
     );
     let if_block7 = (
       /*showTextAlignmentDefault*/
-      ctx[10] && /*showStimulusLayoutMediaFirst*/
-      ctx[13] && create_if_block_4(ctx)
+      ctx[11] && /*showStimulusLayoutMediaFirst*/
+      ctx[14] && create_if_block_4(ctx)
     );
     const default_slot_template = (
       /*#slots*/
-      ctx[20].default
+      ctx[21].default
     );
     const default_slot = create_slot(
       default_slot_template,
       ctx,
       /*$$scope*/
-      ctx[19],
+      ctx[20],
       null
     );
     let if_block8 = (
       /*showAlignmentDefault*/
-      ctx[12] && create_if_block3(ctx)
+      ctx[13] && create_if_block3(ctx)
     );
     return {
       c() {
@@ -2302,18 +2304,19 @@
         t9 = space();
         if (if_block8)
           if_block8.c();
-        attr(div0, "class", "divider my-6");
+        attr(div0, "class", div0_class_value = "divider my-6 " + (!/*hasDivider*/
+        ctx[2] ? "hidden" : ""));
         attr(div1, "class", div1_class_value = "bg-transparent relative " + /*showAlignmentDefault*/
-        (ctx[12] ? "lg:basis-1/2 lg:max-w-[50%]" : ""));
+        (ctx[13] ? "lg:basis-1/2 lg:max-w-[50%]" : ""));
         attr(div2, "class", div2_class_value = null_to_empty(
           /*showAlignmentDefault*/
-          ctx[12] ? "lg:w-full lg:flex" : "container-class"
+          ctx[13] ? "lg:w-full lg:flex" : "container-class"
         ) + " svelte-1x992u3");
         set_style(
           div2,
           "--interactionWidthValue",
           /*interactionWidthValue*/
-          ctx[16]
+          ctx[17]
         );
       },
       m(target, anchor) {
@@ -2379,19 +2382,19 @@
         }
         if (
           /*showTextAlignmentInline*/
-          ctx2[11] && /*showStimulusLayoutTextFirst*/
-          ctx2[14]
+          ctx2[12] && /*showStimulusLayoutTextFirst*/
+          ctx2[15]
         )
           if_block1.p(ctx2, dirty);
         if (
           /*showAsset*/
-          ctx2[8] && /*fileAlignment*/
-          ctx2[4] === ASSET_ALIGNMENT_INLINE
+          ctx2[9] && /*fileAlignment*/
+          ctx2[5] === ASSET_ALIGNMENT_INLINE
         ) {
           if (if_block2) {
             if_block2.p(ctx2, dirty);
             if (dirty & /*fileAlignment*/
-            16) {
+            32) {
               transition_in(if_block2, 1);
             }
           } else {
@@ -2409,8 +2412,8 @@
         }
         if (
           /*showTextAlignmentInline*/
-          ctx2[11] && /*showStimulusLayoutMediaFirst*/
-          ctx2[13]
+          ctx2[12] && /*showStimulusLayoutMediaFirst*/
+          ctx2[14]
         )
           if_block3.p(ctx2, dirty);
         if (
@@ -2438,37 +2441,42 @@
         }
         if (
           /*showTextAlignmentDefault*/
-          ctx2[10] && /*showStimulusLayoutTextFirst*/
-          ctx2[14]
+          ctx2[11] && /*showStimulusLayoutTextFirst*/
+          ctx2[15]
         )
           if_block5.p(ctx2, dirty);
         if (
           /*showAssetAlignmentDefault*/
-          ctx2[9]
+          ctx2[10]
         )
           if_block6.p(ctx2, dirty);
         if (
           /*showTextAlignmentDefault*/
-          ctx2[10] && /*showStimulusLayoutMediaFirst*/
-          ctx2[13]
+          ctx2[11] && /*showStimulusLayoutMediaFirst*/
+          ctx2[14]
         )
           if_block7.p(ctx2, dirty);
+        if (!current || dirty & /*hasDivider*/
+        4 && div0_class_value !== (div0_class_value = "divider my-6 " + (!/*hasDivider*/
+        ctx2[2] ? "hidden" : ""))) {
+          attr(div0, "class", div0_class_value);
+        }
         if (default_slot) {
           if (default_slot.p && (!current || dirty & /*$$scope*/
-          524288)) {
+          1048576)) {
             update_slot_base(
               default_slot,
               default_slot_template,
               ctx2,
               /*$$scope*/
-              ctx2[19],
+              ctx2[20],
               !current ? get_all_dirty_from_scope(
                 /*$$scope*/
-                ctx2[19]
+                ctx2[20]
               ) : get_slot_changes(
                 default_slot_template,
                 /*$$scope*/
-                ctx2[19],
+                ctx2[20],
                 dirty,
                 null
               ),
@@ -2478,7 +2486,7 @@
         }
         if (
           /*showAlignmentDefault*/
-          ctx2[12]
+          ctx2[13]
         )
           if_block8.p(ctx2, dirty);
       },
@@ -2542,6 +2550,7 @@
     let { rubric } = $$props;
     let { prompt } = $$props;
     let { interactionType = "" } = $$props;
+    let { hasDivider = true } = $$props;
     let { stimulus = null } = $$props;
     let fileUrl = "";
     let fileType = "";
@@ -2583,22 +2592,25 @@
     const showStimulusLayoutMediaFirst = stimulusLayoutOrder === STIMULUS_LAYOUT_ORDER_MEDIA_FIRST;
     const showStimulusLayoutTextFirst = stimulusLayoutOrder === STIMULUS_LAYOUT_ORDER_TEXT_FIRST;
     const promptRubricHeaderElem = get_store_value(promptRubricElem);
-    const interactionWidthValue = get_store_value(interactionWidth);
+    const interactionWidthValue = interactionType === INTERACTION_TYPE_CATEGORISE ? "100%" : get_store_value(interactionWidth);
     $$self.$$set = ($$props2) => {
       if ("rubric" in $$props2)
         $$invalidate(0, rubric = $$props2.rubric);
       if ("prompt" in $$props2)
         $$invalidate(1, prompt = $$props2.prompt);
       if ("interactionType" in $$props2)
-        $$invalidate(17, interactionType = $$props2.interactionType);
+        $$invalidate(18, interactionType = $$props2.interactionType);
+      if ("hasDivider" in $$props2)
+        $$invalidate(2, hasDivider = $$props2.hasDivider);
       if ("stimulus" in $$props2)
-        $$invalidate(18, stimulus = $$props2.stimulus);
+        $$invalidate(19, stimulus = $$props2.stimulus);
       if ("$$scope" in $$props2)
-        $$invalidate(19, $$scope = $$props2.$$scope);
+        $$invalidate(20, $$scope = $$props2.$$scope);
     };
     return [
       rubric,
       prompt,
+      hasDivider,
       fileUrl,
       fileType,
       fileAlignment,
@@ -2632,8 +2644,9 @@
         {
           rubric: 0,
           prompt: 1,
-          interactionType: 17,
-          stimulus: 18
+          interactionType: 18,
+          hasDivider: 2,
+          stimulus: 19
         },
         add_css
       );
@@ -2653,21 +2666,28 @@
       flush();
     }
     get interactionType() {
-      return this.$$.ctx[17];
+      return this.$$.ctx[18];
     }
     set interactionType(interactionType) {
       this.$$set({ interactionType });
       flush();
     }
+    get hasDivider() {
+      return this.$$.ctx[2];
+    }
+    set hasDivider(hasDivider) {
+      this.$$set({ hasDivider });
+      flush();
+    }
     get stimulus() {
-      return this.$$.ctx[18];
+      return this.$$.ctx[19];
     }
     set stimulus(stimulus) {
       this.$$set({ stimulus });
       flush();
     }
   };
-  customElements.define("prompt-body", create_custom_element(PromptBody, { "rubric": {}, "prompt": {}, "interactionType": {}, "stimulus": {} }, ["default"], [], true));
+  customElements.define("prompt-body", create_custom_element(PromptBody, { "rubric": {}, "prompt": {}, "interactionType": {}, "hasDivider": { "type": "Boolean" }, "stimulus": {} }, ["default"], [], true));
   var PromptBody_default = PromptBody;
 
   // src/lib/components/prompt/template/PromptResultFeedback.svelte
@@ -3836,8 +3856,67 @@
   action.destroy = autosize_esm_default.destroy;
   var svelte_autosize_default = action;
 
+  // src/lib/components/common/InvalidBanner.svelte
+  function create_fragment8(ctx) {
+    let p;
+    let t2;
+    return {
+      c() {
+        p = element("p");
+        t2 = text(
+          /*bannerLabel*/
+          ctx[0]
+        );
+        attr(p, "class", "p-2 border-2 border-red-600 bg-red-200 rounded");
+      },
+      m(target, anchor) {
+        insert(target, p, anchor);
+        append(p, t2);
+      },
+      p(ctx2, [dirty]) {
+        if (dirty & /*bannerLabel*/
+        1)
+          set_data(
+            t2,
+            /*bannerLabel*/
+            ctx2[0]
+          );
+      },
+      i: noop,
+      o: noop,
+      d(detaching) {
+        if (detaching) {
+          detach(p);
+        }
+      }
+    };
+  }
+  function instance6($$self, $$props, $$invalidate) {
+    let { bannerLabel: bannerLabel2 = "Invalid." } = $$props;
+    $$self.$$set = ($$props2) => {
+      if ("bannerLabel" in $$props2)
+        $$invalidate(0, bannerLabel2 = $$props2.bannerLabel);
+    };
+    return [bannerLabel2];
+  }
+  var InvalidBanner = class extends SvelteComponent {
+    constructor(options) {
+      super();
+      init(this, options, instance6, create_fragment8, safe_not_equal, { bannerLabel: 0 });
+    }
+    get bannerLabel() {
+      return this.$$.ctx[0];
+    }
+    set bannerLabel(bannerLabel2) {
+      this.$$set({ bannerLabel: bannerLabel2 });
+      flush();
+    }
+  };
+  customElements.define("invalid-banner", create_custom_element(InvalidBanner, { "bannerLabel": {} }, [], [], true));
+  var InvalidBanner_default = InvalidBanner;
+
   // src/lib/components/prompt/typein/PromptTypeIn.svelte
-  function create_else_block_1(ctx) {
+  function create_else_block_2(ctx) {
     let textarea;
     let textarea_class_value;
     let autosize_action;
@@ -3851,7 +3930,7 @@
           textarea,
           "aria-label",
           /*textAriaLabel*/
-          ctx[7]
+          ctx[9]
         );
         attr(
           textarea,
@@ -3869,7 +3948,7 @@
         ctx[0];
         attr(textarea, "autocomplete", "off");
         textarea.readOnly = /*isReadonlyText*/
-        ctx[12];
+        ctx[14];
       },
       m(target, anchor) {
         insert(target, textarea, anchor);
@@ -3884,38 +3963,38 @@
               textarea,
               "input",
               /*textarea_input_handler*/
-              ctx[23]
+              ctx[25]
             ),
             listen(
               textarea,
               "mousedown",
               /*mousedown_handler*/
-              ctx[24]
+              ctx[26]
             ),
             listen(
               textarea,
               "touchstart",
               /*touchstart_handler*/
-              ctx[25],
+              ctx[27],
               { passive: true }
             ),
             listen(
               textarea,
               "focus",
               /*focus_handler*/
-              ctx[26]
+              ctx[28]
             ),
             listen(
               textarea,
               "focusout",
               /*focusout_handler_1*/
-              ctx[27]
+              ctx[29]
             ),
             listen(
               textarea,
               "keydown",
               /*keydown_handler_1*/
-              ctx[28]
+              ctx[30]
             ),
             action_destroyer(autosize_action = svelte_autosize_default.call(null, textarea))
           ];
@@ -3924,12 +4003,12 @@
       },
       p(ctx2, dirty) {
         if (dirty[0] & /*textAriaLabel*/
-        128) {
+        512) {
           attr(
             textarea,
             "aria-label",
             /*textAriaLabel*/
-            ctx2[7]
+            ctx2[9]
           );
         }
         if (dirty[0] & /*placeholder*/
@@ -3963,6 +4042,8 @@
           );
         }
       },
+      i: noop,
+      o: noop,
       d(detaching) {
         if (detaching) {
           detach(textarea);
@@ -3972,7 +4053,7 @@
       }
     };
   }
-  function create_if_block_24(ctx) {
+  function create_if_block_43(ctx) {
     let input;
     let input_class_value;
     let mounted;
@@ -3986,7 +4067,7 @@
           input,
           "aria-label",
           /*textAriaLabel*/
-          ctx[7]
+          ctx[9]
         );
         attr(
           input,
@@ -4003,7 +4084,7 @@
         ctx[0];
         attr(input, "autocomplete", "off");
         input.readOnly = /*isReadonlyText*/
-        ctx[12];
+        ctx[14];
       },
       m(target, anchor) {
         insert(target, input, anchor);
@@ -4018,19 +4099,19 @@
               input,
               "input",
               /*input_input_handler*/
-              ctx[20]
+              ctx[22]
             ),
             listen(
               input,
               "focusout",
               /*focusout_handler*/
-              ctx[21]
+              ctx[23]
             ),
             listen(
               input,
               "keydown",
               /*keydown_handler*/
-              ctx[22]
+              ctx[24]
             )
           ];
           mounted = true;
@@ -4038,12 +4119,12 @@
       },
       p(ctx2, dirty) {
         if (dirty[0] & /*textAriaLabel*/
-        128) {
+        512) {
           attr(
             input,
             "aria-label",
             /*textAriaLabel*/
-            ctx2[7]
+            ctx2[9]
           );
         }
         if (dirty[0] & /*placeholder*/
@@ -4078,6 +4159,8 @@
           );
         }
       },
+      i: noop,
+      o: noop,
       d(detaching) {
         if (detaching) {
           detach(input);
@@ -4087,54 +4170,207 @@
       }
     };
   }
-  function create_if_block6(ctx) {
-    let div;
-    let span0;
+  function create_if_block_24(ctx) {
     let current_block_type_index;
     let if_block;
-    let span0_class_value;
-    let t0;
-    let span1;
-    let t1;
-    let div_class_value;
-    let t2;
-    let promptresult;
+    let if_block_anchor;
     let current;
-    const if_block_creators = [create_if_block_15, create_else_block2];
+    const if_block_creators = [create_if_block_33, create_else_block_1];
     const if_blocks = [];
     function select_block_type_1(ctx2, dirty) {
       if (
-        /*isResultCorrect*/
-        ctx2[2]
+        /*inlinePromptString*/
+        ctx2[7]
       )
         return 0;
       return 1;
     }
     current_block_type_index = select_block_type_1(ctx, [-1, -1]);
     if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
-    promptresult = new PromptResultFeedback_default({
-      props: {
-        isResultCorrect: (
-          /*isResultCorrect*/
-          ctx[2]
-        ),
-        resultFeedback: (
-          /*resultFeedback*/
-          ctx[4]
-        )
-      }
-    });
     return {
       c() {
-        div = element("div");
-        span0 = element("span");
         if_block.c();
-        t0 = space();
-        span1 = element("span");
-        t1 = text(
-          /*resultLabel*/
-          ctx[6]
-        );
+        if_block_anchor = empty();
+      },
+      m(target, anchor) {
+        if_blocks[current_block_type_index].m(target, anchor);
+        insert(target, if_block_anchor, anchor);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        let previous_block_index = current_block_type_index;
+        current_block_type_index = select_block_type_1(ctx2, dirty);
+        if (current_block_type_index === previous_block_index) {
+          if_blocks[current_block_type_index].p(ctx2, dirty);
+        } else {
+          group_outros();
+          transition_out(if_blocks[previous_block_index], 1, 1, () => {
+            if_blocks[previous_block_index] = null;
+          });
+          check_outros();
+          if_block = if_blocks[current_block_type_index];
+          if (!if_block) {
+            if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx2);
+            if_block.c();
+          } else {
+            if_block.p(ctx2, dirty);
+          }
+          transition_in(if_block, 1);
+          if_block.m(if_block_anchor.parentNode, if_block_anchor);
+        }
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(if_block);
+        current = true;
+      },
+      o(local) {
+        transition_out(if_block);
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(if_block_anchor);
+        }
+        if_blocks[current_block_type_index].d(detaching);
+      }
+    };
+  }
+  function create_else_block_1(ctx) {
+    let invalidbanner;
+    let current;
+    invalidbanner = new InvalidBanner_default({
+      props: {
+        bannerLabel: "No prompt was provided. Please contact the administrator for assistance."
+      }
+    });
+    return {
+      c() {
+        create_component(invalidbanner.$$.fragment);
+      },
+      m(target, anchor) {
+        mount_component(invalidbanner, target, anchor);
+        current = true;
+      },
+      p: noop,
+      i(local) {
+        if (current)
+          return;
+        transition_in(invalidbanner.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(invalidbanner.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        destroy_component(invalidbanner, detaching);
+      }
+    };
+  }
+  function create_if_block_33(ctx) {
+    let commonstringtohtml;
+    let t2;
+    let div;
+    let current;
+    commonstringtohtml = new CommonStringToHtml_default({
+      props: {
+        htmlString: (
+          /*inlinePromptString*/
+          ctx[7]
+        ),
+        otherClass: "inline-typein-container mt-6"
+      }
+    });
+    return {
+      c() {
+        create_component(commonstringtohtml.$$.fragment);
+        t2 = space();
+        div = element("div");
+        attr(div, "class", "divider my-6");
+      },
+      m(target, anchor) {
+        mount_component(commonstringtohtml, target, anchor);
+        insert(target, t2, anchor);
+        insert(target, div, anchor);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        const commonstringtohtml_changes = {};
+        if (dirty[0] & /*inlinePromptString*/
+        128)
+          commonstringtohtml_changes.htmlString = /*inlinePromptString*/
+          ctx2[7];
+        commonstringtohtml.$set(commonstringtohtml_changes);
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(commonstringtohtml.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(commonstringtohtml.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(t2);
+          detach(div);
+        }
+        destroy_component(commonstringtohtml, detaching);
+      }
+    };
+  }
+  function create_if_block6(ctx) {
+    let div;
+    let span0;
+    let current_block_type_index;
+    let if_block;
+    let span0_class_value;
+    let t0;
+    let span1;
+    let t1;
+    let div_class_value;
+    let t2;
+    let promptresult;
+    let current;
+    const if_block_creators = [create_if_block_15, create_else_block2];
+    const if_blocks = [];
+    function select_block_type_2(ctx2, dirty) {
+      if (
+        /*isResultCorrect*/
+        ctx2[2]
+      )
+        return 0;
+      return 1;
+    }
+    current_block_type_index = select_block_type_2(ctx, [-1, -1]);
+    if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+    promptresult = new PromptResultFeedback_default({
+      props: {
+        isResultCorrect: (
+          /*isResultCorrect*/
+          ctx[2]
+        ),
+        resultFeedback: (
+          /*resultFeedback*/
+          ctx[4]
+        )
+      }
+    });
+    return {
+      c() {
+        div = element("div");
+        span0 = element("span");
+        if_block.c();
+        t0 = space();
+        span1 = element("span");
+        t1 = text(
+          /*resultLabel*/
+          ctx[6]
+        );
         t2 = space();
         create_component(promptresult.$$.fragment);
         attr(span0, "class", span0_class_value = /*isResultCorrect*/
@@ -4142,7 +4378,7 @@
         attr(span1, "class", "p2");
         attr(div, "aria-hidden", "true");
         attr(div, "class", div_class_value = "flex items-center text-charcoal " + /*typeinType*/
-        (ctx[11] === TYPEIN_TYPE_SHORT ? "mt-2" : "mt-0.5"));
+        (ctx[13] === TYPEIN_TYPE_SHORT ? "mt-2" : "mt-0.5"));
       },
       m(target, anchor) {
         insert(target, div, anchor);
@@ -4157,7 +4393,7 @@
       },
       p(ctx2, dirty) {
         let previous_block_index = current_block_type_index;
-        current_block_type_index = select_block_type_1(ctx2, dirty);
+        current_block_type_index = select_block_type_2(ctx2, dirty);
         if (current_block_type_index !== previous_block_index) {
           group_outros();
           transition_out(if_blocks[previous_block_index], 1, 1, () => {
@@ -4273,19 +4509,28 @@
     };
   }
   function create_default_slot2(ctx) {
+    let current_block_type_index;
+    let if_block0;
     let t2;
     let if_block1_anchor;
     let current;
+    const if_block_creators = [create_if_block_24, create_if_block_43, create_else_block_2];
+    const if_blocks = [];
     function select_block_type(ctx2, dirty) {
       if (
         /*typeinType*/
-        ctx2[11] === TYPEIN_TYPE_SHORT
+        ctx2[13] === TYPEIN_TYPE_INLINE
       )
-        return create_if_block_24;
-      return create_else_block_1;
+        return 0;
+      if (
+        /*typeinType*/
+        ctx2[13] === TYPEIN_TYPE_SHORT
+      )
+        return 1;
+      return 2;
     }
-    let current_block_type = select_block_type(ctx, [-1, -1]);
-    let if_block0 = current_block_type(ctx);
+    current_block_type_index = select_block_type(ctx, [-1, -1]);
+    if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
     let if_block1 = (
       /*isFinished*/
       ctx[1] && create_if_block6(ctx)
@@ -4299,7 +4544,7 @@
         if_block1_anchor = empty();
       },
       m(target, anchor) {
-        if_block0.m(target, anchor);
+        if_blocks[current_block_type_index].m(target, anchor);
         insert(target, t2, anchor);
         if (if_block1)
           if_block1.m(target, anchor);
@@ -4335,10 +4580,12 @@
       i(local) {
         if (current)
           return;
+        transition_in(if_block0);
         transition_in(if_block1);
         current = true;
       },
       o(local) {
+        transition_out(if_block0);
         transition_out(if_block1);
         current = false;
       },
@@ -4347,29 +4594,33 @@
           detach(t2);
           detach(if_block1_anchor);
         }
-        if_block0.d(detaching);
+        if_blocks[current_block_type_index].d(detaching);
         if (if_block1)
           if_block1.d(detaching);
       }
     };
   }
-  function create_fragment8(ctx) {
+  function create_fragment9(ctx) {
     let promptbody;
     let current;
     promptbody = new PromptBody_default({
       props: {
         rubric: (
           /*rubric*/
-          ctx[8].text
+          ctx[10].text
         ),
         prompt: (
           /*prompt*/
-          ctx[10]
+          ctx[12]
         ),
         interactionType: INTERACTION_TYPE_TYPEIN,
         stimulus: (
           /*stimulus*/
-          ctx[9]
+          ctx[11]
+        ),
+        hasDivider: (
+          /*hasDivider*/
+          ctx[8]
         ),
         $$slots: { default: [create_default_slot2] },
         $$scope: { ctx }
@@ -4385,9 +4636,13 @@
       },
       p(ctx2, dirty) {
         const promptbody_changes = {};
-        if (dirty[0] & /*isResultCorrect, resultFeedback, resultLabel, isFinished, textAriaLabel, placeholder, isDataSaving, typeinAnswer*/
-        255 | dirty[1] & /*$$scope*/
-        64) {
+        if (dirty[0] & /*hasDivider*/
+        256)
+          promptbody_changes.hasDivider = /*hasDivider*/
+          ctx2[8];
+        if (dirty[0] & /*isResultCorrect, resultFeedback, resultLabel, isFinished, inlinePromptString, textAriaLabel, placeholder, isDataSaving, typeinAnswer*/
+        767 | dirty[1] & /*$$scope*/
+        256) {
           promptbody_changes.$$scope = { dirty, ctx: ctx2 };
         }
         promptbody.$set(promptbody_changes);
@@ -4408,7 +4663,7 @@
     };
   }
   var idLabel = "answerText";
-  function instance6($$self, $$props, $$invalidate) {
+  function instance7($$self, $$props, $$invalidate) {
     let { sessionData } = $$props;
     let { isDataSaving } = $$props;
     let { isFinished = false } = $$props;
@@ -4422,12 +4677,43 @@
     let placeholder = "Type your answer here";
     let focusOrigin = "tab";
     let resultLabel = "";
+    let inlinePromptString = "";
+    let hasDivider = true;
     const { rubric, interaction, metadata, scoringMetadata, stimulus } = sessionData;
     const { prompt, typein_type: typeinType } = interaction;
     if (metadata) {
       const events = metadata.interactions.events.pop();
       latestAnswer = typeinAnswer = events.answer[0];
     }
+    if (typeinType === TYPEIN_TYPE_INLINE) {
+      hasDivider = false;
+      const { inline_prompt: inlinePrompt } = interaction;
+      if (inlinePrompt) {
+        let idCounter = 1;
+        const eatRegex = /<eat-contentful>/g;
+        const inputCount = inlinePrompt.match(eatRegex)?.length || 0;
+        const isSingleInput = inputCount <= 1;
+        const spacer = '<span class="inline-block w-2 h-4"></span>';
+        inlinePromptString = inlinePrompt.replace(eatRegex, () => {
+          const idNo = idCounter++;
+          const inputId = `inline-text-${idNo}`;
+          return `
+          ${spacer}<span class="inline-block h-fit relative my-2 mb-2">
+            <label for="${inputId}" class="absolute left-0 top-0 bottom-0 ${isSingleInput ? "hidden" : ""}" aria-hidden="true">
+              <span class="absolute inset-0 bg-black opacity-5 rounded-l-lg w-8.5"></span>
+              <span class="absolute font-semibold text-base leading-[19px] text-charcoal px-3 inline-block pt-[13px]">${idNo}</span>
+            </label>
+            <input
+              type="text"
+              id="${inputId}"
+              placeholder="Type your answer here" aria-label="Item number ${idNo}"
+              class="typein-textbox w-60 py-[9px] pr-4 ${isSingleInput ? "" : "pl-13.2"}"
+              autocomplete="off"
+            />
+          </span>${spacer}`;
+        });
+      }
+    }
     let textAriaLabel = !latestAnswer ? "Answer input: Please type your response" : "Your response is";
     const isReadonlyText = isFinished && !isPreviewModeInteractive;
     const getFeedback = () => {
@@ -4436,7 +4722,7 @@
     };
     const getResultMessage = () => {
       $$invalidate(6, resultLabel = isResultCorrect ? "Correct" : "Incorrect");
-      $$invalidate(7, textAriaLabel = `Submitted response is ${resultLabel.toLocaleLowerCase()}`);
+      $$invalidate(9, textAriaLabel = `Submitted response is ${resultLabel.toLocaleLowerCase()}`);
       $$invalidate(5, placeholder = isResultCorrect ? placeholder : "No answer provided");
     };
     if (isFinished) {
@@ -4457,7 +4743,7 @@
         setTimeout(
           () => {
             $$invalidate(6, resultLabel = "");
-            $$invalidate(7, textAriaLabel = "");
+            $$invalidate(9, textAriaLabel = "");
             $$invalidate(5, placeholder = "");
             getResultMessage();
             getFeedback();
@@ -4499,7 +4785,7 @@
     const keydown_handler_1 = (event) => saveOnEnter(event);
     $$self.$$set = ($$props2) => {
       if ("sessionData" in $$props2)
-        $$invalidate(17, sessionData = $$props2.sessionData);
+        $$invalidate(19, sessionData = $$props2.sessionData);
       if ("isDataSaving" in $$props2)
         $$invalidate(0, isDataSaving = $$props2.isDataSaving);
       if ("isFinished" in $$props2)
@@ -4507,9 +4793,9 @@
       if ("isResultCorrect" in $$props2)
         $$invalidate(2, isResultCorrect = $$props2.isResultCorrect);
       if ("isPreviewMode" in $$props2)
-        $$invalidate(18, isPreviewMode = $$props2.isPreviewMode);
+        $$invalidate(20, isPreviewMode = $$props2.isPreviewMode);
       if ("isPreviewModeInteractive" in $$props2)
-        $$invalidate(19, isPreviewModeInteractive = $$props2.isPreviewModeInteractive);
+        $$invalidate(21, isPreviewModeInteractive = $$props2.isPreviewModeInteractive);
     };
     return [
       isDataSaving,
@@ -4519,6 +4805,8 @@
       resultFeedback,
       placeholder,
       resultLabel,
+      inlinePromptString,
+      hasDivider,
       textAriaLabel,
       rubric,
       stimulus,
@@ -4549,23 +4837,23 @@
       init(
         this,
         options,
-        instance6,
-        create_fragment8,
+        instance7,
+        create_fragment9,
         safe_not_equal,
         {
-          sessionData: 17,
+          sessionData: 19,
           isDataSaving: 0,
           isFinished: 1,
           isResultCorrect: 2,
-          isPreviewMode: 18,
-          isPreviewModeInteractive: 19
+          isPreviewMode: 20,
+          isPreviewModeInteractive: 21
         },
         null,
         [-1, -1]
       );
     }
     get sessionData() {
-      return this.$$.ctx[17];
+      return this.$$.ctx[19];
     }
     set sessionData(sessionData) {
       this.$$set({ sessionData });
@@ -4593,14 +4881,14 @@
       flush();
     }
     get isPreviewMode() {
-      return this.$$.ctx[18];
+      return this.$$.ctx[20];
     }
     set isPreviewMode(isPreviewMode) {
       this.$$set({ isPreviewMode });
       flush();
     }
     get isPreviewModeInteractive() {
-      return this.$$.ctx[19];
+      return this.$$.ctx[21];
     }
     set isPreviewModeInteractive(isPreviewModeInteractive) {
       this.$$set({ isPreviewModeInteractive });
@@ -6611,7 +6899,7 @@
   }
 
   // src/lib/assets/img/product/GripVertical.svelte
-  function create_fragment9(ctx) {
+  function create_fragment10(ctx) {
     let svg;
     let path;
     return {
@@ -6645,14 +6933,14 @@
   var GripVertical = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment9, safe_not_equal, {});
+      init(this, options, null, create_fragment10, safe_not_equal, {});
     }
   };
   create_custom_element(GripVertical, {}, [], [], true);
   var GripVertical_default = GripVertical;
 
   // src/lib/assets/img/messaging/Success.svelte
-  function create_fragment10(ctx) {
+  function create_fragment11(ctx) {
     let svg;
     let path;
     return {
@@ -6686,7 +6974,7 @@
   var Success = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment10, safe_not_equal, {});
+      init(this, options, null, create_fragment11, safe_not_equal, {});
     }
   };
   create_custom_element(Success, {}, [], [], true);
@@ -6720,7 +7008,7 @@
       }
     };
   }
-  function create_if_block_33(ctx) {
+  function create_if_block_34(ctx) {
     let span;
     let success;
     let current;
@@ -6856,7 +7144,7 @@
       }
     };
   }
-  function create_fragment11(ctx) {
+  function create_fragment12(ctx) {
     let button;
     let span0;
     let commonstringtohtml;
@@ -6880,7 +7168,7 @@
       /*word*/
       ctx[1]
     ) } });
-    const if_block_creators = [create_if_block_16, create_if_block_25, create_if_block_33, create_else_block3];
+    const if_block_creators = [create_if_block_16, create_if_block_25, create_if_block_34, create_else_block3];
     const if_blocks = [];
     function select_block_type(ctx2, dirty) {
       if (
@@ -7177,7 +7465,7 @@
       }
     };
   }
-  function instance7($$self, $$props, $$invalidate) {
+  function instance8($$self, $$props, $$invalidate) {
     let { word = "" } = $$props;
     let { resultType = "" } = $$props;
     let { otherClass = "" } = $$props;
@@ -7333,7 +7621,7 @@
   var PromptCategoriseWordButton = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance7, create_fragment11, safe_not_equal, {
+      init(this, options, instance8, create_fragment12, safe_not_equal, {
         word: 1,
         resultType: 0,
         otherClass: 2,
@@ -7462,7 +7750,7 @@
   // src/lib/components/prompt/categorise/PromptCategoriseDndContainer.svelte
   function get_each_context2(ctx, list, i) {
     const child_ctx = ctx.slice();
-    child_ctx[38] = list[i];
+    child_ctx[39] = list[i];
     return child_ctx;
   }
   function create_if_block_26(ctx) {
@@ -7480,7 +7768,7 @@
           ctx[1]
         );
         attr(button, "class", button_class_value = "focus-ring absolute inset-0 bg-transparent rounded-lg focus-visible:border " + /*isContainerWordBin*/
-        (ctx[22] ? "focus-visible:border-gray-400" : "focus-visible:border-gray-800"));
+        (ctx[23] ? "focus-visible:border-gray-400" : "focus-visible:border-gray-800"));
       },
       m(target, anchor) {
         insert(target, button, anchor);
@@ -7489,7 +7777,7 @@
             button,
             "click",
             /*addAnswerItem*/
-            ctx[25]
+            ctx[26]
           );
           mounted = true;
         }
@@ -7534,13 +7822,13 @@
               div,
               "click",
               /*addAnswerItem*/
-              ctx[25]
+              ctx[26]
             ),
             listen(
               div,
               "keypress",
               /*addAnswerItem*/
-              ctx[25]
+              ctx[26]
             )
           ];
           mounted = true;
@@ -7595,31 +7883,31 @@
     let current;
     let if_block = (
       /*item*/
-      ctx[38].type === ANSWER_MISSED && create_if_block8(ctx)
+      ctx[39].type === ANSWER_MISSED && create_if_block8(ctx)
     );
     promptcategorisewordbutton = new PromptCategoriseWordButton_default({
       props: {
         otherClass: "mr-2 mb-2 last:mr-0 " + /*item*/
-        (ctx[38].id === /*considerItemId*/
-        ctx[11] ? "!bg-violet-150" : "") + "\n        " + (!/*showButton*/
+        (ctx[39].id === /*considerItemId*/
+        ctx[12] ? "!bg-violet-150" : "") + "\n        " + (!/*showButton*/
         ctx[6] ? "hidden md:flex" : "") + "\n        " + /*items*/
-        (ctx[19][
+        (ctx[20][
           /*currentWordBinIndex*/
-          ctx[15]
+          ctx[16]
         ]?.id !== /*item*/
-        ctx[38].id && /*isContainerWordBin*/
-        ctx[22] ? "hidden md:flex" : ""),
+        ctx[39].id && /*isContainerWordBin*/
+        ctx[23] ? "hidden md:flex" : ""),
         word: (
           /*item*/
-          ctx[38].text
+          ctx[39].text
         ),
         wordButtonId: (
           /*item*/
-          ctx[38].id
+          ctx[39].id
         ),
         isClonedItem: (
           /*item*/
-          ctx[38].isClonedItem
+          ctx[39].isClonedItem
         ),
         containerId: (
           /*containerId*/
@@ -7627,10 +7915,10 @@
         ),
         wordFocus: (
           /*currentTabContainer*/
-          ctx[17] === /*containerId*/
+          ctx[18] === /*containerId*/
           ctx[4] && /*item*/
-          ctx[38].id === /*items*/
-          ctx[19][0].id
+          ctx[39].id === /*items*/
+          ctx[20][0].id
         ),
         disabledClick: (
           /*isFinished*/
@@ -7638,7 +7926,7 @@
         ),
         resultType: (
           /*item*/
-          ctx[38].type
+          ctx[39].type
         ),
         categoryData: (
           /*categoryData*/
@@ -7657,7 +7945,7 @@
     promptcategorisewordbutton.$on(
       "updateCategorySettings",
       /*updateCategoryByButton*/
-      ctx[26]
+      ctx[27]
     );
     return {
       key: key_1,
@@ -7682,7 +7970,7 @@
         ctx = new_ctx;
         if (
           /*item*/
-          ctx[38].type === ANSWER_MISSED
+          ctx[39].type === ANSWER_MISSED
         ) {
           if (if_block) {
             if_block.p(ctx, dirty);
@@ -7697,48 +7985,48 @@
         }
         const promptcategorisewordbutton_changes = {};
         if (dirty[0] & /*items, considerItemId, showButton, currentWordBinIndex*/
-        559168)
+        1118272)
           promptcategorisewordbutton_changes.otherClass = "mr-2 mb-2 last:mr-0 " + /*item*/
-          (ctx[38].id === /*considerItemId*/
-          ctx[11] ? "!bg-violet-150" : "") + "\n        " + (!/*showButton*/
+          (ctx[39].id === /*considerItemId*/
+          ctx[12] ? "!bg-violet-150" : "") + "\n        " + (!/*showButton*/
           ctx[6] ? "hidden md:flex" : "") + "\n        " + /*items*/
-          (ctx[19][
+          (ctx[20][
             /*currentWordBinIndex*/
-            ctx[15]
+            ctx[16]
           ]?.id !== /*item*/
-          ctx[38].id && /*isContainerWordBin*/
-          ctx[22] ? "hidden md:flex" : "");
+          ctx[39].id && /*isContainerWordBin*/
+          ctx[23] ? "hidden md:flex" : "");
         if (dirty[0] & /*items*/
-        524288)
+        1048576)
           promptcategorisewordbutton_changes.word = /*item*/
-          ctx[38].text;
+          ctx[39].text;
         if (dirty[0] & /*items*/
-        524288)
+        1048576)
           promptcategorisewordbutton_changes.wordButtonId = /*item*/
-          ctx[38].id;
+          ctx[39].id;
         if (dirty[0] & /*items*/
-        524288)
+        1048576)
           promptcategorisewordbutton_changes.isClonedItem = /*item*/
-          ctx[38].isClonedItem;
+          ctx[39].isClonedItem;
         if (dirty[0] & /*containerId*/
         16)
           promptcategorisewordbutton_changes.containerId = /*containerId*/
           ctx[4];
         if (dirty[0] & /*currentTabContainer, containerId, items*/
-        655376)
+        1310736)
           promptcategorisewordbutton_changes.wordFocus = /*currentTabContainer*/
-          ctx[17] === /*containerId*/
+          ctx[18] === /*containerId*/
           ctx[4] && /*item*/
-          ctx[38].id === /*items*/
-          ctx[19][0].id;
+          ctx[39].id === /*items*/
+          ctx[20][0].id;
         if (dirty[0] & /*isFinished*/
         256)
           promptcategorisewordbutton_changes.disabledClick = /*isFinished*/
           ctx[8];
         if (dirty[0] & /*items*/
-        524288)
+        1048576)
           promptcategorisewordbutton_changes.resultType = /*item*/
-          ctx[38].type;
+          ctx[39].type;
         if (dirty[0] & /*categoryData*/
         1)
           promptcategorisewordbutton_changes.categoryData = /*categoryData*/
@@ -7774,7 +8062,7 @@
       }
     };
   }
-  function create_fragment12(ctx) {
+  function create_fragment13(ctx) {
     let t0;
     let t1;
     let section;
@@ -7788,23 +8076,24 @@
     let dispose;
     let if_block0 = (
       /*dragDisabled*/
-      ctx[13] && /*sourceSelectedContainerId*/
-      ctx[14] !== /*containerId*/
+      ctx[14] && /*sourceSelectedContainerId*/
+      ctx[15] !== /*containerId*/
       ctx[4] && !/*isFinished*/
-      ctx[8] && create_if_block_26(ctx)
+      ctx[8] && !/*isDataSaving*/
+      ctx[11] && create_if_block_26(ctx)
     );
     let if_block1 = (
       /*totalRemainingWordBinItem*/
-      ctx[16] <= 0 && /*isContainerWordBin*/
-      ctx[22] && create_if_block_17(ctx)
+      ctx[17] <= 0 && /*isContainerWordBin*/
+      ctx[23] && create_if_block_17(ctx)
     );
     let each_value = ensure_array_like(Object.values(
       /*items*/
-      ctx[19]
+      ctx[20]
     ));
     const get_key = (ctx2) => (
       /*item*/
-      ctx2[38].id
+      ctx2[39].id
     );
     for (let i = 0; i < each_value.length; i += 1) {
       let child_ctx = get_each_context2(ctx, each_value, i);
@@ -7830,7 +8119,7 @@
           section,
           "aria-hidden",
           /*isItemsAriaHidden*/
-          ctx[20]
+          ctx[21]
         );
         attr(section, "aria-dropeffect", "move");
         attr(
@@ -7840,7 +8129,7 @@
           ctx[4]
         );
         attr(section, "style", section_style_value = !/*isContainerWordBin*/
-        ctx[22] ? `padding-top: ${/*paddingTop*/
+        ctx[23] ? `padding-top: ${/*paddingTop*/
         ctx[7]}px;` : "");
       },
       m(target, anchor) {
@@ -7862,7 +8151,7 @@
             action_destroyer(dndzone_action = dndzone$2.call(null, section, {
               items: (
                 /*items*/
-                ctx[19]
+                ctx[20]
               ),
               flipDurationMs: (
                 /*flipDurationMs*/
@@ -7874,20 +8163,20 @@
               ),
               dropTargetClasses: (
                 /*dropTargetClasses*/
-                ctx[21]
+                ctx[22]
               ),
               morphDisabled: true,
               dragDisabled: (
                 /*dragDisabled*/
-                ctx[13]
+                ctx[14]
               ),
               autoAriaDisabled: true,
               zoneItemTabIndex: (
                 /*currentTabContainer*/
-                ctx[17] !== /*containerId*/
+                ctx[18] !== /*containerId*/
                 ctx[4] || /*selectedItemId*/
-                ctx[12] || /*isModalOpen*/
-                ctx[18] ? -1 : 0
+                ctx[13] || /*isModalOpen*/
+                ctx[19] ? -1 : 0
               ),
               zoneTabIndex: -1
             })),
@@ -7895,13 +8184,13 @@
               section,
               "consider",
               /*handleDndConsider*/
-              ctx[23]
+              ctx[24]
             ),
             listen(
               section,
               "finalize",
               /*handleDndFinalize*/
-              ctx[24]
+              ctx[25]
             )
           ];
           mounted = true;
@@ -7910,10 +8199,11 @@
       p(ctx2, dirty) {
         if (
           /*dragDisabled*/
-          ctx2[13] && /*sourceSelectedContainerId*/
-          ctx2[14] !== /*containerId*/
+          ctx2[14] && /*sourceSelectedContainerId*/
+          ctx2[15] !== /*containerId*/
           ctx2[4] && !/*isFinished*/
-          ctx2[8]
+          ctx2[8] && !/*isDataSaving*/
+          ctx2[11]
         ) {
           if (if_block0) {
             if_block0.p(ctx2, dirty);
@@ -7928,8 +8218,8 @@
         }
         if (
           /*totalRemainingWordBinItem*/
-          ctx2[16] <= 0 && /*isContainerWordBin*/
-          ctx2[22]
+          ctx2[17] <= 0 && /*isContainerWordBin*/
+          ctx2[23]
         ) {
           if (if_block1) {
             if_block1.p(ctx2, dirty);
@@ -7943,10 +8233,10 @@
           if_block1 = null;
         }
         if (dirty[0] & /*items, considerItemId, showButton, currentWordBinIndex, isContainerWordBin, containerId, currentTabContainer, isFinished, categoryData, correctAnswerList, isPreviewModeInteractive, updateCategoryByButton*/
-        71995217) {
+        143988561) {
           each_value = ensure_array_like(Object.values(
             /*items*/
-            ctx2[19]
+            ctx2[20]
           ));
           group_outros();
           each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx2, each_value, each_1_lookup, section, outro_and_destroy_block, create_each_block2, null, get_each_context2);
@@ -7958,12 +8248,12 @@
           attr(section, "class", section_class_value);
         }
         if (!current || dirty[0] & /*isItemsAriaHidden*/
-        1048576) {
+        2097152) {
           attr(
             section,
             "aria-hidden",
             /*isItemsAriaHidden*/
-            ctx2[20]
+            ctx2[21]
           );
         }
         if (!current || dirty[0] & /*containerId*/
@@ -7977,16 +8267,16 @@
         }
         if (!current || dirty[0] & /*paddingTop*/
         128 && section_style_value !== (section_style_value = !/*isContainerWordBin*/
-        ctx2[22] ? `padding-top: ${/*paddingTop*/
+        ctx2[23] ? `padding-top: ${/*paddingTop*/
         ctx2[7]}px;` : "")) {
           attr(section, "style", section_style_value);
         }
         if (dndzone_action && is_function(dndzone_action.update) && dirty[0] & /*items, flipDurationMs, type, dragDisabled, currentTabContainer, containerId, selectedItemId, isModalOpen*/
-        929848)
+        1859640)
           dndzone_action.update.call(null, {
             items: (
               /*items*/
-              ctx2[19]
+              ctx2[20]
             ),
             flipDurationMs: (
               /*flipDurationMs*/
@@ -7998,20 +8288,20 @@
             ),
             dropTargetClasses: (
               /*dropTargetClasses*/
-              ctx2[21]
+              ctx2[22]
             ),
             morphDisabled: true,
             dragDisabled: (
               /*dragDisabled*/
-              ctx2[13]
+              ctx2[14]
             ),
             autoAriaDisabled: true,
             zoneItemTabIndex: (
               /*currentTabContainer*/
-              ctx2[17] !== /*containerId*/
+              ctx2[18] !== /*containerId*/
               ctx2[4] || /*selectedItemId*/
-              ctx2[12] || /*isModalOpen*/
-              ctx2[18] ? -1 : 0
+              ctx2[13] || /*isModalOpen*/
+              ctx2[19] ? -1 : 0
             ),
             zoneTabIndex: -1
           });
@@ -8048,7 +8338,7 @@
       }
     };
   }
-  function instance8($$self, $$props, $$invalidate) {
+  function instance9($$self, $$props, $$invalidate) {
     let { containerClass = "" } = $$props;
     let { flipDurationMs = 5 } = $$props;
     let { containerId = "" } = $$props;
@@ -8061,6 +8351,7 @@
     let { isPreviewModeInteractive = false } = $$props;
     let { categoryData = [] } = $$props;
     let { modalData = [] } = $$props;
+    let { isDataSaving = false } = $$props;
     ariaLabel = useRemoveRichTextHtmlTags(ariaLabel);
     let considerItemId = "";
     let selectedItemId = "";
@@ -8095,7 +8386,7 @@
       const { sourceContainerId, sourceCloneContainerId } = categoryData;
       if (trigger === TRIGGERS.DRAG_STARTED) {
         const { items: cateoryItems } = detail;
-        $$invalidate(19, items = cateoryItems);
+        $$invalidate(20, items = cateoryItems);
         const orginalId = items.filter((item) => item[SHADOW_ITEM_MARKER_PROPERTY_NAME]);
         const originalItemIndex = items.findIndex((item) => item.id === orginalId[0].id);
         items.splice(originalItemIndex, 1, {
@@ -8122,7 +8413,7 @@
       const { items: categoryItems, info } = e2.detail;
       const { trigger, id } = info;
       const { currentWordBinIndex: currentWordBinIndex2, currentAnswer: currentAnswer2 } = categoryData;
-      $$invalidate(19, items = categoryItems.filter((item) => !item.isClonedItem));
+      $$invalidate(20, items = categoryItems.filter((item) => !item.isClonedItem));
       if (trigger === TRIGGERS.DROPPED_INTO_ZONE) {
         const { currentTarget } = e2;
         addAnswerItemStore(id, currentTarget.id);
@@ -8300,36 +8591,38 @@
       if ("categoryData" in $$props2)
         $$invalidate(0, categoryData = $$props2.categoryData);
       if ("modalData" in $$props2)
-        $$invalidate(27, modalData = $$props2.modalData);
+        $$invalidate(28, modalData = $$props2.modalData);
+      if ("isDataSaving" in $$props2)
+        $$invalidate(11, isDataSaving = $$props2.isDataSaving);
     };
     $$self.$$.update = () => {
       if ($$self.$$.dirty[0] & /*modalData*/
-      134217728) {
+      268435456) {
         $:
           if (modalData) {
             const { isModalOpen: storeIsModalOpen } = modalData;
-            $$invalidate(18, isModalOpen = storeIsModalOpen);
+            $$invalidate(19, isModalOpen = storeIsModalOpen);
           }
       }
-      if ($$self.$$.dirty[0] & /*categoryData, isFinished, currentAnswer, containerId, considerItemId, isPreviewModeInteractive*/
-      268438801) {
+      if ($$self.$$.dirty[0] & /*categoryData, isFinished, isDataSaving, currentAnswer, containerId, considerItemId, isPreviewModeInteractive*/
+      536878353) {
         $:
           if (categoryData) {
             const { considerItemId: storeconsiderItemId, selectedItemId: storeSelectedItemId, currentAnswer: storeCurrentAnswer, sourceSelectedContainerId: storeSourceSelectedContainerId, currentWordBinIndex: storeCurrentWordBinIndex, currentTabContainer: storeCurrentTabContainer, isItemsAriaHidden: storeisItemsAriaHidden } = categoryData;
-            $$invalidate(11, considerItemId = storeconsiderItemId);
-            $$invalidate(13, dragDisabled = isFinished || !!storeSelectedItemId);
-            $$invalidate(28, currentAnswer = storeCurrentAnswer);
-            $$invalidate(12, selectedItemId = storeSelectedItemId);
-            $$invalidate(14, sourceSelectedContainerId = storeSourceSelectedContainerId);
-            $$invalidate(15, currentWordBinIndex = storeCurrentWordBinIndex);
-            $$invalidate(17, currentTabContainer = storeCurrentTabContainer);
-            $$invalidate(20, isItemsAriaHidden = storeisItemsAriaHidden);
+            $$invalidate(12, considerItemId = storeconsiderItemId);
+            $$invalidate(14, dragDisabled = isFinished || !!storeSelectedItemId || isDataSaving);
+            $$invalidate(29, currentAnswer = storeCurrentAnswer);
+            $$invalidate(13, selectedItemId = storeSelectedItemId);
+            $$invalidate(15, sourceSelectedContainerId = storeSourceSelectedContainerId);
+            $$invalidate(16, currentWordBinIndex = storeCurrentWordBinIndex);
+            $$invalidate(18, currentTabContainer = storeCurrentTabContainer);
+            $$invalidate(21, isItemsAriaHidden = storeisItemsAriaHidden);
             const storeWordBinItem = currentAnswer.filter((answer) => answer.categoryId === CONTAINER_WORD_BIN_ID);
-            $$invalidate(16, totalRemainingWordBinItem = storeWordBinItem[0].itemId.length);
+            $$invalidate(17, totalRemainingWordBinItem = storeWordBinItem[0].itemId.length);
             if (storeCurrentAnswer) {
               const currentAnswerList = currentAnswer.filter((answer) => answer.categoryId === containerId);
               if (currentAnswerList.length) {
-                $$invalidate(19, items = currentAnswerList[0].itemId.map((rawAnswerId) => {
+                $$invalidate(20, items = currentAnswerList[0].itemId.map((rawAnswerId) => {
                   const splitId = rawAnswerId.split(EAT_DASH);
                   const answerId = splitId[0];
                   const answerIndex = rawCategoryItems.findIndex((answer) => answer.id === answerId);
@@ -8363,6 +8656,7 @@
       isFinished,
       correctAnswerList,
       isPreviewModeInteractive,
+      isDataSaving,
       considerItemId,
       selectedItemId,
       dragDisabled,
@@ -8389,8 +8683,8 @@
       init(
         this,
         options,
-        instance8,
-        create_fragment12,
+        instance9,
+        create_fragment13,
         safe_not_equal,
         {
           containerClass: 2,
@@ -8404,7 +8698,8 @@
           correctAnswerList: 9,
           isPreviewModeInteractive: 10,
           categoryData: 0,
-          modalData: 27
+          modalData: 28,
+          isDataSaving: 11
         },
         null,
         [-1, -1]
@@ -8488,18 +8783,25 @@
       flush();
     }
     get modalData() {
-      return this.$$.ctx[27];
+      return this.$$.ctx[28];
     }
     set modalData(modalData) {
       this.$$set({ modalData });
       flush();
     }
+    get isDataSaving() {
+      return this.$$.ctx[11];
+    }
+    set isDataSaving(isDataSaving) {
+      this.$$set({ isDataSaving });
+      flush();
+    }
   };
-  customElements.define("prompt-categorise-dnd-container", create_custom_element(PromptCategoriseDndContainer, { "containerClass": {}, "flipDurationMs": {}, "containerId": {}, "type": {}, "showButton": { "type": "Boolean" }, "paddingTop": {}, "ariaLabel": {}, "isFinished": { "type": "Boolean" }, "correctAnswerList": {}, "isPreviewModeInteractive": { "type": "Boolean" }, "categoryData": {}, "modalData": {} }, [], [], true));
+  customElements.define("prompt-categorise-dnd-container", create_custom_element(PromptCategoriseDndContainer, { "containerClass": {}, "flipDurationMs": {}, "containerId": {}, "type": {}, "showButton": { "type": "Boolean" }, "paddingTop": {}, "ariaLabel": {}, "isFinished": { "type": "Boolean" }, "correctAnswerList": {}, "isPreviewModeInteractive": { "type": "Boolean" }, "categoryData": {}, "modalData": {}, "isDataSaving": { "type": "Boolean" } }, [], [], true));
   var PromptCategoriseDndContainer_default = PromptCategoriseDndContainer;
 
   // src/lib/components/common/CommonModal.svelte
-  function create_fragment13(ctx) {
+  function create_fragment14(ctx) {
     let div2;
     let div0;
     let t2;
@@ -8631,7 +8933,7 @@
   var keypress_handler = () => {
     return false;
   };
-  function instance9($$self, $$props, $$invalidate) {
+  function instance10($$self, $$props, $$invalidate) {
     let { $$slots: slots = {}, $$scope } = $$props;
     let { modalData = [] } = $$props;
     const dispatch = createEventDispatcher();
@@ -8663,7 +8965,7 @@
   var CommonModal = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance9, create_fragment13, safe_not_equal, { modalData: 3 });
+      init(this, options, instance10, create_fragment14, safe_not_equal, { modalData: 3 });
     }
     get modalData() {
       return this.$$.ctx[3];
@@ -8677,7 +8979,7 @@
   var CommonModal_default = CommonModal;
 
   // src/lib/assets/img/messaging/AlertIcon.svelte
-  function create_fragment14(ctx) {
+  function create_fragment15(ctx) {
     let svg;
     let path;
     return {
@@ -8711,14 +9013,14 @@
   var AlertIcon = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment14, safe_not_equal, {});
+      init(this, options, null, create_fragment15, safe_not_equal, {});
     }
   };
   create_custom_element(AlertIcon, {}, [], [], true);
   var AlertIcon_default = AlertIcon;
 
   // src/lib/assets/img/messaging/CrossIcon.svelte
-  function create_fragment15(ctx) {
+  function create_fragment16(ctx) {
     let svg;
     let path;
     return {
@@ -8752,7 +9054,7 @@
   var CrossIcon = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment15, safe_not_equal, {});
+      init(this, options, null, create_fragment16, safe_not_equal, {});
     }
   };
   create_custom_element(CrossIcon, {}, [], [], true);
@@ -8912,7 +9214,7 @@
       }
     };
   }
-  function create_fragment16(ctx) {
+  function create_fragment17(ctx) {
     let commonmodal;
     let current;
     commonmodal = new CommonModal_default({
@@ -8965,7 +9267,7 @@
       }
     };
   }
-  function instance10($$self, $$props, $$invalidate) {
+  function instance11($$self, $$props, $$invalidate) {
     let { categoryData = [] } = $$props;
     let { modalData = [] } = $$props;
     let categoryModal;
@@ -9048,7 +9350,7 @@
   var PromptCategoriseModal = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance10, create_fragment16, safe_not_equal, { categoryData: 6, modalData: 0 });
+      init(this, options, instance11, create_fragment17, safe_not_equal, { categoryData: 6, modalData: 0 });
     }
     get categoryData() {
       return this.$$.ctx[6];
@@ -9069,7 +9371,7 @@
   var PromptCategoriseModal_default = PromptCategoriseModal;
 
   // src/lib/assets/img/action/Switch.svelte
-  function create_fragment17(ctx) {
+  function create_fragment18(ctx) {
     let svg;
     let path;
     return {
@@ -9101,14 +9403,14 @@
   var Switch = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment17, safe_not_equal, {});
+      init(this, options, null, create_fragment18, safe_not_equal, {});
     }
   };
   create_custom_element(Switch, {}, [], [], true);
   var Switch_default = Switch;
 
   // src/lib/assets/img/messaging/SmallChevronUp.svelte
-  function create_fragment18(ctx) {
+  function create_fragment19(ctx) {
     let svg;
     let path;
     return {
@@ -9142,14 +9444,14 @@
   var SmallChevronUp = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment18, safe_not_equal, {});
+      init(this, options, null, create_fragment19, safe_not_equal, {});
     }
   };
   create_custom_element(SmallChevronUp, {}, [], [], true);
   var SmallChevronUp_default = SmallChevronUp;
 
   // src/lib/assets/img/messaging/SmallChevronDown.svelte
-  function create_fragment19(ctx) {
+  function create_fragment20(ctx) {
     let svg;
     let path;
     return {
@@ -9183,14 +9485,14 @@
   var SmallChevronDown = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment19, safe_not_equal, {});
+      init(this, options, null, create_fragment20, safe_not_equal, {});
     }
   };
   create_custom_element(SmallChevronDown, {}, [], [], true);
   var SmallChevronDown_default = SmallChevronDown;
 
   // src/lib/assets/img/messaging/SmallChevronLeft.svelte
-  function create_fragment20(ctx) {
+  function create_fragment21(ctx) {
     let svg;
     let path;
     return {
@@ -9224,14 +9526,14 @@
   var SmallChevronLeft = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment20, safe_not_equal, {});
+      init(this, options, null, create_fragment21, safe_not_equal, {});
     }
   };
   create_custom_element(SmallChevronLeft, {}, [], [], true);
   var SmallChevronLeft_default = SmallChevronLeft;
 
   // src/lib/assets/img/messaging/SmallChevronRight.svelte
-  function create_fragment21(ctx) {
+  function create_fragment22(ctx) {
     let svg;
     let path;
     return {
@@ -9265,14 +9567,14 @@
   var SmallChevronRight = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment21, safe_not_equal, {});
+      init(this, options, null, create_fragment22, safe_not_equal, {});
     }
   };
   create_custom_element(SmallChevronRight, {}, [], [], true);
   var SmallChevronRight_default = SmallChevronRight;
 
   // src/lib/assets/img/messaging/ArrowDownCircle.svelte
-  function create_fragment22(ctx) {
+  function create_fragment23(ctx) {
     let svg;
     let path;
     return {
@@ -9306,7 +9608,7 @@
   var ArrowDownCircle = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment22, safe_not_equal, {});
+      init(this, options, null, create_fragment23, safe_not_equal, {});
     }
   };
   create_custom_element(ArrowDownCircle, {}, [], [], true);
@@ -9477,9 +9779,9 @@
   // src/lib/components/prompt/categorise/PromptCategorise.svelte
   function get_each_context3(ctx, list, i) {
     const child_ctx = ctx.slice();
-    child_ctx[67] = list[i];
-    child_ctx[68] = list;
-    child_ctx[69] = i;
+    child_ctx[68] = list[i];
+    child_ctx[69] = list;
+    child_ctx[70] = i;
     return child_ctx;
   }
   function create_if_block_72(ctx) {
@@ -9489,28 +9791,28 @@
       props: {
         categoryData: (
           /*categoriseSettingsData*/
-          ctx[6]
+          ctx[7]
         ),
         modalData: (
           /*modalSettingsData*/
-          ctx[7]
+          ctx[8]
         )
       }
     });
     promptcategorisemodal.$on(
       "updateCategorySettings",
       /*updateCategory*/
-      ctx[40]
+      ctx[41]
     );
     promptcategorisemodal.$on(
       "updateModalSettings",
       /*updateModal*/
-      ctx[46]
+      ctx[47]
     );
     promptcategorisemodal.$on(
       "resetCategory",
       /*saveCategory*/
-      ctx[39]
+      ctx[40]
     );
     return {
       c() {
@@ -9523,13 +9825,13 @@
       p(ctx2, dirty) {
         const promptcategorisemodal_changes = {};
         if (dirty[0] & /*categoriseSettingsData*/
-        64)
+        128)
           promptcategorisemodal_changes.categoryData = /*categoriseSettingsData*/
-          ctx2[6];
+          ctx2[7];
         if (dirty[0] & /*modalSettingsData*/
-        128)
+        256)
           promptcategorisemodal_changes.modalData = /*modalSettingsData*/
-          ctx2[7];
+          ctx2[8];
         promptcategorisemodal.$set(promptcategorisemodal_changes);
       },
       i(local) {
@@ -9571,7 +9873,7 @@
           button,
           "tabindex",
           /*categoryTabIndex*/
-          ctx[20]
+          ctx[21]
         );
         attr(button, "aria-label", "Reset words");
         attr(button, "class", "group focus-ring flex items-center rounded-lg border-2 border-soft-blue text-blue-1000 px-3 py-2 absolute right-0 -top-2.5 hover:bg-blue-100");
@@ -9588,19 +9890,19 @@
             button,
             "click",
             /*openResetModal*/
-            ctx[33]
+            ctx[34]
           );
           mounted = true;
         }
       },
       p(ctx2, dirty) {
         if (!current || dirty[0] & /*categoryTabIndex*/
-        1048576) {
+        2097152) {
           attr(
             button,
             "tabindex",
             /*categoryTabIndex*/
-            ctx2[20]
+            ctx2[21]
           );
         }
       },
@@ -9635,7 +9937,7 @@
         t0 = text("Option ");
         t1 = text(
           /*selectedItemName*/
-          ctx[21]
+          ctx[22]
         );
         t2 = text(" added in\xA0");
         attr(span, "class", "sr-only");
@@ -9648,11 +9950,11 @@
       },
       p(ctx2, dirty) {
         if (dirty[0] & /*selectedItemName*/
-        2097152)
+        4194304)
           set_data(
             t1,
             /*selectedItemName*/
-            ctx2[21]
+            ctx2[22]
           );
       },
       d(detaching) {
@@ -9662,14 +9964,14 @@
       }
     };
   }
-  function create_if_block_43(ctx) {
+  function create_if_block_44(ctx) {
     let span;
     return {
       c() {
         span = element("span");
         span.textContent = `${useRemoveRichTextHtmlTags(
           /*category*/
-          ctx[67].name
+          ctx[68].name
         )}`;
         attr(span, "class", "sr-only");
       },
@@ -9684,16 +9986,16 @@
       }
     };
   }
-  function create_if_block_34(ctx) {
+  function create_if_block_35(ctx) {
     let span;
     let t0;
     let t1_value = (
       /*getTotalWordsLabel*/
-      ctx[35](
+      ctx[36](
         /*totalCategoryWords*/
-        ctx[5][
+        ctx[6][
           /*category*/
-          ctx[67].id
+          ctx[68].id
         ]
       ) + ""
     );
@@ -9715,12 +10017,12 @@
       },
       p(ctx2, dirty) {
         if (dirty[0] & /*totalCategoryWords*/
-        32 && t1_value !== (t1_value = /*getTotalWordsLabel*/
-        ctx2[35](
+        64 && t1_value !== (t1_value = /*getTotalWordsLabel*/
+        ctx2[36](
           /*totalCategoryWords*/
-          ctx2[5][
+          ctx2[6][
             /*category*/
-            ctx2[67].id
+            ctx2[68].id
           ]
         ) + ""))
           set_data(t1, t1_value);
@@ -9745,12 +10047,12 @@
         t0 = text(".\xA0Student's answer: ");
         t1 = text(
           /*selectedItemName*/
-          ctx[21]
+          ctx[22]
         );
         t2 = text(" (");
         t3 = text(
           /*previewResultSr*/
-          ctx[4]
+          ctx[5]
         );
         t4 = text(")");
         attr(span, "class", "sr-only");
@@ -9765,18 +10067,18 @@
       },
       p(ctx2, dirty) {
         if (dirty[0] & /*selectedItemName*/
-        2097152)
+        4194304)
           set_data(
             t1,
             /*selectedItemName*/
-            ctx2[21]
+            ctx2[22]
           );
         if (dirty[0] & /*previewResultSr*/
-        16)
+        32)
           set_data(
             t3,
             /*previewResultSr*/
-            ctx2[4]
+            ctx2[5]
           );
       },
       d(detaching) {
@@ -9845,11 +10147,11 @@
     let div0;
     let show_if_2 = (
       /*checkContainerDroppedItem*/
-      ctx[31](
+      ctx[32](
         /*category*/
-        ctx[67].id,
+        ctx[68].id,
         /*dropContainerId*/
-        ctx[12]
+        ctx[13]
       )
     );
     let t0;
@@ -9859,13 +10161,13 @@
     let t5;
     let show_if_1 = (
       /*checkContainerDroppedItem*/
-      ctx[31](
+      ctx[32](
         /*category*/
-        ctx[67].id,
+        ctx[68].id,
         /*dropContainerId*/
-        ctx[12]
+        ctx[13]
       ) && /*enableAriaLive*/
-      ctx[22]
+      ctx[23]
     );
     let t6;
     let t7;
@@ -9874,11 +10176,11 @@
     let span1;
     let t9_value = (
       /*getTotalWords*/
-      ctx[34](
+      ctx[35](
         /*category*/
-        ctx[67].id,
+        ctx[68].id,
         /*currentAnswer*/
-        ctx[3]
+        ctx[4]
       ) + ""
     );
     let t9;
@@ -9898,7 +10200,7 @@
     let div1_class_value;
     let category = (
       /*category*/
-      ctx[67]
+      ctx[68]
     );
     let current;
     let mounted;
@@ -9908,41 +10210,41 @@
       props: {
         ariaHidden: (
           /*checkContainerDroppedItem*/
-          ctx[31](
+          ctx[32](
             /*category*/
-            ctx[67].id,
+            ctx[68].id,
             /*dropContainerId*/
-            ctx[12]
+            ctx[13]
           ) && /*enableAriaLive*/
-          ctx[22]
+          ctx[23]
         ),
         htmlString: (
           /*category*/
-          ctx[67].name
+          ctx[68].name
         ),
         otherClass: "text-base leading-5 !text-gray-900 md:item-heading"
       }
     });
-    let if_block1 = show_if_1 && create_if_block_43(ctx);
+    let if_block1 = show_if_1 && create_if_block_44(ctx);
     let if_block2 = !/*previewResultSr*/
-    ctx[4] && create_if_block_34(ctx);
+    ctx[5] && create_if_block_35(ctx);
     let if_block3 = (
       /*previewResultSr*/
-      ctx[4] && create_if_block_27(ctx)
+      ctx[5] && create_if_block_27(ctx)
     );
     const if_block_creators = [create_if_block_18, create_else_block4];
     const if_blocks = [];
     function select_block_type(ctx2, dirty) {
       if (dirty[0] & /*openCategoryContainer*/
-      262144)
+      524288)
         show_if = null;
       if (show_if == null)
         show_if = !!/*checkifCategoryContainerOpen*/
-        ctx2[36](
+        ctx2[37](
           /*category*/
-          ctx2[67].id,
+          ctx2[68].id,
           /*openCategoryContainer*/
-          ctx2[18]
+          ctx2[19]
         );
       if (show_if)
         return 0;
@@ -9951,73 +10253,73 @@
     current_block_type_index = select_block_type(ctx, [-1, -1, -1]);
     if_block4 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
     function div0_elementresize_handler() {
-      ctx[49].call(
+      ctx[50].call(
         div0,
         /*category*/
-        ctx[67]
+        ctx[68]
       );
     }
     promptcategorisedndcontainer = new PromptCategoriseDndContainer_default({
       props: {
         containerClass: "content-start !outline-none rounded-lg grow w-full md:p-4\n          " + /*checkContainerDragOver*/
-        (ctx[30](
+        (ctx[31](
           /*category*/
-          ctx[67].id,
+          ctx[68].id,
           /*considerContainerId*/
-          ctx[10],
+          ctx[11],
           /*isDraggingOver*/
-          ctx[11]
+          ctx[12]
         ) ? "bg-violet-100" : "") + "\n          " + /*checkifCategoryContainerOpen*/
-        (ctx[36](
+        (ctx[37](
           /*category*/
-          ctx[67].id,
+          ctx[68].id,
           /*openCategoryContainer*/
-          ctx[18]
+          ctx[19]
         ) ? "h-full p-3 min-h-[86px] md:min-h-0" : ""),
         paddingTop: (
           /*checkifCategoryContainerOpen*/
-          ctx[36](
+          ctx[37](
             /*category*/
-            ctx[67].id,
+            ctx[68].id,
             /*openCategoryContainer*/
-            ctx[18]
+            ctx[19]
           ) || !useIsSmallScreen() ? (
             /*categoryTitleHeight*/
-            ctx[23][
+            ctx[24][
               /*category*/
-              ctx[67].id
+              ctx[68].id
             ] + 16
           ) : (
             /*categoryTitleHeight*/
-            ctx[23][
+            ctx[24][
               /*category*/
-              ctx[67].id
+              ctx[68].id
             ]
           )
         ),
         containerId: (
           /*category*/
-          ctx[67].id
+          ctx[68].id
         ),
         showButton: (
           /*checkifCategoryContainerOpen*/
-          ctx[36](
+          ctx[37](
             /*category*/
-            ctx[67].id,
+            ctx[68].id,
             /*openCategoryContainer*/
-            ctx[18]
+            ctx[19]
           )
         ),
         ariaLabel: `Category ${/*index*/
-        ctx[69] + 1}: ${/*category*/
-        ctx[67].name}`,
+        ctx[70] + 1}: ${/*category*/
+        ctx[68].name}`,
         isFinished: (
           /*isFinished*/
           ctx[0]
         ),
         correctAnswerList: (
           /*scoringMetadata*/
-          ctx[26]
+          ctx[27]
         ),
         isPreviewModeInteractive: (
           /*isPreviewModeInteractive*/
@@ -10025,41 +10327,45 @@
         ),
         categoryData: (
           /*categoriseSettingsData*/
-          ctx[6]
+          ctx[7]
         ),
         type: (
           /*categoryDndType*/
-          ctx[24]
+          ctx[25]
+        ),
+        isDataSaving: (
+          /*isDataSaving*/
+          ctx[2]
         )
       }
     });
     promptcategorisedndcontainer.$on(
       "updateCategorySettings",
       /*updateCategory*/
-      ctx[40]
+      ctx[41]
     );
     promptcategorisedndcontainer.$on(
       "saveCategory",
       /*saveCategory*/
-      ctx[39]
+      ctx[40]
     );
     function keydown_handler(...args) {
       return (
         /*keydown_handler*/
-        ctx[50](
+        ctx[51](
           /*category*/
-          ctx[67],
+          ctx[68],
           ...args
         )
       );
     }
     const assign_div1 = () => (
       /*div1_binding*/
-      ctx[52](div1, category)
+      ctx[53](div1, category)
     );
     const unassign_div1 = () => (
       /*div1_binding*/
-      ctx[52](null, category)
+      ctx[53](null, category)
     );
     return {
       c() {
@@ -10070,7 +10376,7 @@
         t0 = space();
         span0 = element("span");
         span0.textContent = `Category ${/*index*/
-        ctx[69] + 1}:\xA0`;
+        ctx[70] + 1}:\xA0`;
         t4 = space();
         create_component(commonstringtohtml.$$.fragment);
         t5 = space();
@@ -10096,113 +10402,113 @@
         attr(span1, "class", "mx-0.5");
         attr(span2, "class", "w-4 h-4 text-inherit flex items-center justify-center");
         attr(button, "aria-label", button_aria_label_value = /*getTotalWords*/
-        ctx[34](
+        ctx[35](
           /*category*/
-          ctx[67].id,
+          ctx[68].id,
           /*currentAnswer*/
-          ctx[3]
+          ctx[4]
         ));
         attr(button, "class", "focus-ring flex items-center rounded-[32px] p-1.5 text-charcoal text-sm border border-gray-800 bg-gray-50 min-w-[85px] ml-3 whitespace-nowrap active:raw-focus-ring active:bg-black-55 md:hidden");
         attr(div0, "id", div0_id_value = `category-title${/*index*/
-        ctx[69]}`);
+        ctx[70]}`);
         attr(div0, "aria-live", div0_aria_live_value = /*checkContainerDroppedItem*/
-        ctx[31](
+        ctx[32](
           /*category*/
-          ctx[67].id,
+          ctx[68].id,
           /*dropContainerId*/
-          ctx[12]
+          ctx[13]
         ) && /*enableAriaLive*/
-        ctx[22] ? "polite" : "off");
+        ctx[23] ? "polite" : "off");
         attr(div0, "class", div0_class_value = "absolute flex items-center justify-between border-b border-gray-800 w-full rounded-t-lg p-3 md:p-4 md:justify-center " + /*checkContainerDroppedItem*/
-        (ctx[31](
+        (ctx[32](
           /*category*/
-          ctx[67].id,
+          ctx[68].id,
           /*dropContainerId*/
-          ctx[12]
+          ctx[13]
         ) ? "bg-tranparent" : "bg-white") + " " + (!/*checkifCategoryContainerOpen*/
-        ctx[36](
+        ctx[37](
           /*category*/
-          ctx[67].id,
+          ctx[68].id,
           /*openCategoryContainer*/
-          ctx[18]
+          ctx[19]
         ) && /*checkContainerDragOver*/
-        ctx[30](
+        ctx[31](
           /*category*/
-          ctx[67].id,
+          ctx[68].id,
           /*considerContainerId*/
-          ctx[10],
+          ctx[11],
           /*isDraggingOver*/
-          ctx[11]
+          ctx[12]
         ) ? "!bg-violet-100 md:!bg-white" : "") + " " + /*checkifCategoryContainerOpen*/
-        (ctx[36](
+        (ctx[37](
           /*category*/
-          ctx[67].id,
+          ctx[68].id,
           /*openCategoryContainer*/
-          ctx[18]
+          ctx[19]
         ) ? "" : "rounded-b-lg md:rounded-b-none") + " " + (!/*checkifCategoryContainerOpen*/
-        ctx[36](
+        ctx[37](
           /*category*/
-          ctx[67].id,
+          ctx[68].id,
           /*openCategoryContainer*/
-          ctx[18]
+          ctx[19]
         ) && /*checkSelectedSourceContainer*/
-        ctx[32](
+        ctx[33](
           /*category*/
-          ctx[67].id,
+          ctx[68].id,
           /*sourceSelectedContainerId*/
-          ctx[14],
+          ctx[15],
           /*currentSelectedItemId*/
-          ctx[13]
+          ctx[14]
         ) ? "group-hover/itemContainer:bg-violet-100 md:group-hover/itemContainer:bg-white" : ""));
         add_render_callback(() => div0_elementresize_handler.call(div0));
         attr(
           div1,
           "aria-hidden",
           /*isModalOpen*/
-          ctx[17]
+          ctx[18]
         );
         attr(
           div1,
           "tabindex",
           /*categoryTabIndex*/
-          ctx[20]
+          ctx[21]
         );
         attr(div1, "role", "group");
         attr(div1, "class", div1_class_value = "focus-ring group/itemContainer flex flex-col border border-gray-800 rounded-lg basis-0 grow relative md:h-fit md:min-h-[140px] md:items-center lg:mr-6 lg:last:mr-0 lg:min-h-[224px] " + /*checkContainerDragOver*/
-        (ctx[30](
+        (ctx[31](
           /*category*/
-          ctx[67].id,
+          ctx[68].id,
           /*considerContainerId*/
-          ctx[10],
+          ctx[11],
           /*isDraggingOver*/
-          ctx[11]
+          ctx[12]
         ) ? "raw-focus-ring" : "") + " " + /*checkContainerDroppedItem*/
-        (ctx[31](
+        (ctx[32](
           /*category*/
-          ctx[67].id,
+          ctx[68].id,
           /*dropContainerId*/
-          ctx[12]
+          ctx[13]
         ) ? "bg-violet-150" : "") + " " + /*checkContainerDroppedItem*/
-        (ctx[31](
+        (ctx[32](
           /*category*/
-          ctx[67].id,
+          ctx[68].id,
           /*dropContainerId*/
-          ctx[12]
+          ctx[13]
         ) && /*hasAddItemAnimation*/
-        ctx[16] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
-        (ctx[32](
+        ctx[17] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
+        (ctx[33](
           /*category*/
-          ctx[67].id,
+          ctx[68].id,
           /*sourceSelectedContainerId*/
-          ctx[14],
+          ctx[15],
           /*currentSelectedItemId*/
-          ctx[13]
+          ctx[14]
         ) ? "hover:bg-violet-100 hover-focus-ring cursor-pointer" : "") + " " + /*checkifCategoryContainerOpen*/
-        (ctx[36](
+        (ctx[37](
           /*category*/
-          ctx[67].id,
+          ctx[68].id,
           /*openCategoryContainer*/
-          ctx[18]
+          ctx[19]
         ) ? "min-h-[140px]" : ""));
       },
       m(target, anchor) {
@@ -10241,18 +10547,18 @@
             listen(button, "click", function() {
               if (is_function(
                 /*addCategoryContainer*/
-                ctx[37](
+                ctx[38](
                   /*category*/
-                  ctx[67].id,
+                  ctx[68].id,
                   /*openCategoryContainer*/
-                  ctx[18]
+                  ctx[19]
                 )
               ))
-                ctx[37](
+                ctx[38](
                   /*category*/
-                  ctx[67].id,
+                  ctx[68].id,
                   /*openCategoryContainer*/
-                  ctx[18]
+                  ctx[19]
                 ).apply(this, arguments);
             }),
             listen(div1, "keydown", keydown_handler),
@@ -10260,13 +10566,13 @@
               div1,
               "focus",
               /*resetTabCategory*/
-              ctx[42]
+              ctx[43]
             ),
             listen(
               div1,
               "blur",
               /*blur_handler*/
-              ctx[51]
+              ctx[52]
             )
           ];
           mounted = true;
@@ -10275,13 +10581,13 @@
       p(new_ctx, dirty) {
         ctx = new_ctx;
         if (dirty[0] & /*dropContainerId*/
-        4096)
+        8192)
           show_if_2 = /*checkContainerDroppedItem*/
-          ctx[31](
+          ctx[32](
             /*category*/
-            ctx[67].id,
+            ctx[68].id,
             /*dropContainerId*/
-            ctx[12]
+            ctx[13]
           );
         if (show_if_2) {
           if (if_block0) {
@@ -10297,31 +10603,31 @@
         }
         const commonstringtohtml_changes = {};
         if (dirty[0] & /*dropContainerId, enableAriaLive*/
-        4198400)
+        8396800)
           commonstringtohtml_changes.ariaHidden = /*checkContainerDroppedItem*/
-          ctx[31](
+          ctx[32](
             /*category*/
-            ctx[67].id,
+            ctx[68].id,
             /*dropContainerId*/
-            ctx[12]
+            ctx[13]
           ) && /*enableAriaLive*/
-          ctx[22];
+          ctx[23];
         commonstringtohtml.$set(commonstringtohtml_changes);
         if (dirty[0] & /*dropContainerId, enableAriaLive*/
-        4198400)
+        8396800)
           show_if_1 = /*checkContainerDroppedItem*/
-          ctx[31](
+          ctx[32](
             /*category*/
-            ctx[67].id,
+            ctx[68].id,
             /*dropContainerId*/
-            ctx[12]
+            ctx[13]
           ) && /*enableAriaLive*/
-          ctx[22];
+          ctx[23];
         if (show_if_1) {
           if (if_block1) {
             if_block1.p(ctx, dirty);
           } else {
-            if_block1 = create_if_block_43(ctx);
+            if_block1 = create_if_block_44(ctx);
             if_block1.c();
             if_block1.m(div0, t6);
           }
@@ -10330,11 +10636,11 @@
           if_block1 = null;
         }
         if (!/*previewResultSr*/
-        ctx[4]) {
+        ctx[5]) {
           if (if_block2) {
             if_block2.p(ctx, dirty);
           } else {
-            if_block2 = create_if_block_34(ctx);
+            if_block2 = create_if_block_35(ctx);
             if_block2.c();
             if_block2.m(div0, t7);
           }
@@ -10344,7 +10650,7 @@
         }
         if (
           /*previewResultSr*/
-          ctx[4]
+          ctx[5]
         ) {
           if (if_block3) {
             if_block3.p(ctx, dirty);
@@ -10358,12 +10664,12 @@
           if_block3 = null;
         }
         if ((!current || dirty[0] & /*currentAnswer*/
-        8) && t9_value !== (t9_value = /*getTotalWords*/
-        ctx[34](
+        16) && t9_value !== (t9_value = /*getTotalWords*/
+        ctx[35](
           /*category*/
-          ctx[67].id,
+          ctx[68].id,
           /*currentAnswer*/
-          ctx[3]
+          ctx[4]
         ) + ""))
           set_data(t9, t9_value);
         let previous_block_index = current_block_type_index;
@@ -10384,117 +10690,117 @@
           if_block4.m(span2, null);
         }
         if (!current || dirty[0] & /*currentAnswer*/
-        8 && button_aria_label_value !== (button_aria_label_value = /*getTotalWords*/
-        ctx[34](
+        16 && button_aria_label_value !== (button_aria_label_value = /*getTotalWords*/
+        ctx[35](
           /*category*/
-          ctx[67].id,
+          ctx[68].id,
           /*currentAnswer*/
-          ctx[3]
+          ctx[4]
         ))) {
           attr(button, "aria-label", button_aria_label_value);
         }
         if (!current || dirty[0] & /*dropContainerId, enableAriaLive*/
-        4198400 && div0_aria_live_value !== (div0_aria_live_value = /*checkContainerDroppedItem*/
-        ctx[31](
+        8396800 && div0_aria_live_value !== (div0_aria_live_value = /*checkContainerDroppedItem*/
+        ctx[32](
           /*category*/
-          ctx[67].id,
+          ctx[68].id,
           /*dropContainerId*/
-          ctx[12]
+          ctx[13]
         ) && /*enableAriaLive*/
-        ctx[22] ? "polite" : "off")) {
+        ctx[23] ? "polite" : "off")) {
           attr(div0, "aria-live", div0_aria_live_value);
         }
         if (!current || dirty[0] & /*dropContainerId, openCategoryContainer, considerContainerId, isDraggingOver, sourceSelectedContainerId, currentSelectedItemId*/
-        293888 && div0_class_value !== (div0_class_value = "absolute flex items-center justify-between border-b border-gray-800 w-full rounded-t-lg p-3 md:p-4 md:justify-center " + /*checkContainerDroppedItem*/
-        (ctx[31](
+        587776 && div0_class_value !== (div0_class_value = "absolute flex items-center justify-between border-b border-gray-800 w-full rounded-t-lg p-3 md:p-4 md:justify-center " + /*checkContainerDroppedItem*/
+        (ctx[32](
           /*category*/
-          ctx[67].id,
+          ctx[68].id,
           /*dropContainerId*/
-          ctx[12]
+          ctx[13]
         ) ? "bg-tranparent" : "bg-white") + " " + (!/*checkifCategoryContainerOpen*/
-        ctx[36](
+        ctx[37](
           /*category*/
-          ctx[67].id,
+          ctx[68].id,
           /*openCategoryContainer*/
-          ctx[18]
+          ctx[19]
         ) && /*checkContainerDragOver*/
-        ctx[30](
+        ctx[31](
           /*category*/
-          ctx[67].id,
+          ctx[68].id,
           /*considerContainerId*/
-          ctx[10],
+          ctx[11],
           /*isDraggingOver*/
-          ctx[11]
+          ctx[12]
         ) ? "!bg-violet-100 md:!bg-white" : "") + " " + /*checkifCategoryContainerOpen*/
-        (ctx[36](
+        (ctx[37](
           /*category*/
-          ctx[67].id,
+          ctx[68].id,
           /*openCategoryContainer*/
-          ctx[18]
+          ctx[19]
         ) ? "" : "rounded-b-lg md:rounded-b-none") + " " + (!/*checkifCategoryContainerOpen*/
-        ctx[36](
+        ctx[37](
           /*category*/
-          ctx[67].id,
+          ctx[68].id,
           /*openCategoryContainer*/
-          ctx[18]
+          ctx[19]
         ) && /*checkSelectedSourceContainer*/
-        ctx[32](
+        ctx[33](
           /*category*/
-          ctx[67].id,
+          ctx[68].id,
           /*sourceSelectedContainerId*/
-          ctx[14],
+          ctx[15],
           /*currentSelectedItemId*/
-          ctx[13]
+          ctx[14]
         ) ? "group-hover/itemContainer:bg-violet-100 md:group-hover/itemContainer:bg-white" : ""))) {
           attr(div0, "class", div0_class_value);
         }
         const promptcategorisedndcontainer_changes = {};
         if (dirty[0] & /*considerContainerId, isDraggingOver, openCategoryContainer*/
-        265216)
+        530432)
           promptcategorisedndcontainer_changes.containerClass = "content-start !outline-none rounded-lg grow w-full md:p-4\n          " + /*checkContainerDragOver*/
-          (ctx[30](
+          (ctx[31](
             /*category*/
-            ctx[67].id,
+            ctx[68].id,
             /*considerContainerId*/
-            ctx[10],
+            ctx[11],
             /*isDraggingOver*/
-            ctx[11]
+            ctx[12]
           ) ? "bg-violet-100" : "") + "\n          " + /*checkifCategoryContainerOpen*/
-          (ctx[36](
+          (ctx[37](
             /*category*/
-            ctx[67].id,
+            ctx[68].id,
             /*openCategoryContainer*/
-            ctx[18]
+            ctx[19]
           ) ? "h-full p-3 min-h-[86px] md:min-h-0" : "");
         if (dirty[0] & /*openCategoryContainer, categoryTitleHeight*/
-        8650752)
+        17301504)
           promptcategorisedndcontainer_changes.paddingTop = /*checkifCategoryContainerOpen*/
-          ctx[36](
+          ctx[37](
             /*category*/
-            ctx[67].id,
+            ctx[68].id,
             /*openCategoryContainer*/
-            ctx[18]
+            ctx[19]
           ) || !useIsSmallScreen() ? (
             /*categoryTitleHeight*/
-            ctx[23][
+            ctx[24][
               /*category*/
-              ctx[67].id
+              ctx[68].id
             ] + 16
           ) : (
             /*categoryTitleHeight*/
-            ctx[23][
+            ctx[24][
               /*category*/
-              ctx[67].id
+              ctx[68].id
             ]
           );
         if (dirty[0] & /*openCategoryContainer*/
-        262144)
+        524288)
           promptcategorisedndcontainer_changes.showButton = /*checkifCategoryContainerOpen*/
-          ctx[36](
+          ctx[37](
             /*category*/
-            ctx[67].id,
+            ctx[68].id,
             /*openCategoryContainer*/
-            ctx[18]
+            ctx[19]
           );
         if (dirty[0] & /*isFinished*/
         1)
@@ -10505,72 +10811,76 @@
           promptcategorisedndcontainer_changes.isPreviewModeInteractive = /*isPreviewModeInteractive*/
           ctx[1];
         if (dirty[0] & /*categoriseSettingsData*/
-        64)
+        128)
           promptcategorisedndcontainer_changes.categoryData = /*categoriseSettingsData*/
-          ctx[6];
+          ctx[7];
+        if (dirty[0] & /*isDataSaving*/
+        4)
+          promptcategorisedndcontainer_changes.isDataSaving = /*isDataSaving*/
+          ctx[2];
         promptcategorisedndcontainer.$set(promptcategorisedndcontainer_changes);
         if (!current || dirty[0] & /*isModalOpen*/
-        131072) {
+        262144) {
           attr(
             div1,
             "aria-hidden",
             /*isModalOpen*/
-            ctx[17]
+            ctx[18]
           );
         }
         if (!current || dirty[0] & /*categoryTabIndex*/
-        1048576) {
+        2097152) {
           attr(
             div1,
             "tabindex",
             /*categoryTabIndex*/
-            ctx[20]
+            ctx[21]
           );
         }
         if (!current || dirty[0] & /*considerContainerId, isDraggingOver, dropContainerId, hasAddItemAnimation, sourceSelectedContainerId, currentSelectedItemId, openCategoryContainer*/
-        359424 && div1_class_value !== (div1_class_value = "focus-ring group/itemContainer flex flex-col border border-gray-800 rounded-lg basis-0 grow relative md:h-fit md:min-h-[140px] md:items-center lg:mr-6 lg:last:mr-0 lg:min-h-[224px] " + /*checkContainerDragOver*/
-        (ctx[30](
+        718848 && div1_class_value !== (div1_class_value = "focus-ring group/itemContainer flex flex-col border border-gray-800 rounded-lg basis-0 grow relative md:h-fit md:min-h-[140px] md:items-center lg:mr-6 lg:last:mr-0 lg:min-h-[224px] " + /*checkContainerDragOver*/
+        (ctx[31](
           /*category*/
-          ctx[67].id,
+          ctx[68].id,
           /*considerContainerId*/
-          ctx[10],
+          ctx[11],
           /*isDraggingOver*/
-          ctx[11]
+          ctx[12]
         ) ? "raw-focus-ring" : "") + " " + /*checkContainerDroppedItem*/
-        (ctx[31](
+        (ctx[32](
           /*category*/
-          ctx[67].id,
+          ctx[68].id,
           /*dropContainerId*/
-          ctx[12]
+          ctx[13]
         ) ? "bg-violet-150" : "") + " " + /*checkContainerDroppedItem*/
-        (ctx[31](
+        (ctx[32](
           /*category*/
-          ctx[67].id,
+          ctx[68].id,
           /*dropContainerId*/
-          ctx[12]
+          ctx[13]
         ) && /*hasAddItemAnimation*/
-        ctx[16] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
-        (ctx[32](
+        ctx[17] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
+        (ctx[33](
           /*category*/
-          ctx[67].id,
+          ctx[68].id,
           /*sourceSelectedContainerId*/
-          ctx[14],
+          ctx[15],
           /*currentSelectedItemId*/
-          ctx[13]
+          ctx[14]
         ) ? "hover:bg-violet-100 hover-focus-ring cursor-pointer" : "") + " " + /*checkifCategoryContainerOpen*/
-        (ctx[36](
+        (ctx[37](
           /*category*/
-          ctx[67].id,
+          ctx[68].id,
           /*openCategoryContainer*/
-          ctx[18]
+          ctx[19]
         ) ? "min-h-[140px]" : ""))) {
           attr(div1, "class", div1_class_value);
         }
         if (category !== /*category*/
-        ctx[67]) {
+        ctx[68]) {
           unassign_div1();
           category = /*category*/
-          ctx[67];
+          ctx[68];
           assign_div1();
         }
       },
@@ -10621,7 +10931,7 @@
         t0 = text("Option ");
         t1 = text(
           /*selectedItemName*/
-          ctx[21]
+          ctx[22]
         );
         t2 = text(" added in:\xA0");
         attr(span, "class", "sr-only");
@@ -10634,11 +10944,11 @@
       },
       p(ctx2, dirty) {
         if (dirty[0] & /*selectedItemName*/
-        2097152)
+        4194304)
           set_data(
             t1,
             /*selectedItemName*/
-            ctx2[21]
+            ctx2[22]
           );
       },
       d(detaching) {
@@ -10666,10 +10976,10 @@
     let div2;
     let show_if = (
       /*checkContainerDroppedItem*/
-      ctx[31](
+      ctx[32](
         CONTAINER_WORD_BIN_ID,
         /*dropContainerId*/
-        ctx[12]
+        ctx[13]
       )
     );
     let t8;
@@ -10703,17 +11013,17 @@
     arrowdowncircle = new ArrowDownCircle_default({});
     let if_block0 = (
       /*isModalOpen*/
-      ctx[17] && create_if_block_72(ctx)
+      ctx[18] && create_if_block_72(ctx)
     );
     let if_block1 = (
       /*totalRemainingWordBinItem*/
-      ctx[15] !== /*totalCategoryItems*/
-      ctx[9] && !/*isFinished*/
+      ctx[16] !== /*totalCategoryItems*/
+      ctx[10] && !/*isFinished*/
       ctx[0] && create_if_block_62(ctx)
     );
     let each_value = ensure_array_like(Object.values(
       /*categoryGroups*/
-      ctx[29]
+      ctx[30]
     ));
     let each_blocks = [];
     for (let i = 0; i < each_value.length; i += 1) {
@@ -10727,14 +11037,14 @@
     promptcategorisedndcontainer = new PromptCategoriseDndContainer_default({
       props: {
         containerClass: "bg-transparent p-4 pt-[55px] grow md:grow-0 md:pt-20.5 justify-center md:justify-normal\n        " + /*isWordBInTotalZero*/
-        (ctx[38](
+        (ctx[39](
           /*totalRemainingWordBinItem*/
-          ctx[15]
+          ctx[16]
         ) && !/*currentSelectedItemId*/
-        ctx[13] ? "absolute inset-0" : ""),
+        ctx[14] ? "absolute inset-0" : ""),
         items: (
           /*categoryItems*/
-          ctx[28]
+          ctx[29]
         ),
         containerId: CONTAINER_WORD_BIN_ID,
         ariaLabel: "Word bin",
@@ -10744,7 +11054,7 @@
         ),
         correctAnswerList: (
           /*scoringMetadata*/
-          ctx[26]
+          ctx[27]
         ),
         isPreviewModeInteractive: (
           /*isPreviewModeInteractive*/
@@ -10752,23 +11062,27 @@
         ),
         categoryData: (
           /*categoriseSettingsData*/
-          ctx[6]
+          ctx[7]
         ),
         type: (
           /*categoryDndType*/
-          ctx[24]
+          ctx[25]
+        ),
+        isDataSaving: (
+          /*isDataSaving*/
+          ctx[2]
         )
       }
     });
     promptcategorisedndcontainer.$on(
       "updateCategorySettings",
       /*updateCategory*/
-      ctx[40]
+      ctx[41]
     );
     promptcategorisedndcontainer.$on(
       "saveCategory",
       /*saveCategory*/
-      ctx[39]
+      ctx[40]
     );
     smallchevronright = new SmallChevronRight_default({});
     return {
@@ -10806,12 +11120,12 @@
         span3 = element("span");
         t11 = text(
           /*totalRemainingWordBinItem*/
-          ctx[15]
+          ctx[16]
         );
         t12 = text(" out of ");
         t13 = text(
           /*totalCategoryItems*/
-          ctx[9]
+          ctx[10]
         );
         t14 = text(" left");
         t15 = space();
@@ -10831,7 +11145,7 @@
           button0,
           "tabindex",
           /*categoryTabIndex*/
-          ctx[20]
+          ctx[21]
         );
         attr(button0, "aria-label", "Skip to word bin");
         attr(button0, "class", "flex items-center text-charcoal border-l-6 border-charcoal bg-yellow-1000 py-1.5 pr-3 pl-4 focus-visible:border-charcoal left-[-9999px] z-0 focus-within:left-0 focus-within:right-0 focus-within:top-0 absolute focus-within:z-30 focus-visible:outline-none");
@@ -10841,7 +11155,7 @@
           div0,
           "aria-hidden",
           /*isModalOpen*/
-          ctx[17]
+          ctx[18]
         );
         attr(div1, "class", "mb-5 grid gap-2 grid-cols-1 md:grid-cols-2 md:gap-6 lg:flex lg:gap-0");
         attr(span2, "class", "text-base leading-5 !text-gray-900 font-semibold md:mb-2 md:item-heading");
@@ -10850,67 +11164,67 @@
         attr(span4, "class", "w-6 h-6 text-inherit flex items-center justify-center");
         attr(button1, "aria-label", "Left");
         attr(button1, "class", button1_class_value = "focus-ring p-2 text-blue-1000 rounded-md w-11 h-11 mt-9 td:hover:bg-black-50 active:bg-black-60 disabled:text-gray-40 disabled:hover:bg-white md:hidden " + /*isWordBInTotalZero*/
-        (ctx[38](
+        (ctx[39](
           /*totalRemainingWordBinItem*/
-          ctx[15]
+          ctx[16]
         ) ? "hidden" : ""));
         button1.disabled = button1_disabled_value = /*currentWordBinIndex*/
-        ctx[19] === 0;
+        ctx[20] === 0;
         attr(span5, "class", "w-6 h-6 text-inherit flex items-center justify-center ml-[3px]");
         attr(button2, "aria-label", "Right");
         attr(button2, "class", button2_class_value = "focus-ring p-2 text-blue-1000 rounded-md w-11 h-11 mt-9 td:hover:bg-black-50 active:bg-black-60 disabled:text-gray-40 disabled:hover:bg-white md:hidden " + /*isWordBInTotalZero*/
-        (ctx[38](
+        (ctx[39](
           /*totalRemainingWordBinItem*/
-          ctx[15]
+          ctx[16]
         ) ? "hidden" : ""));
         button2.disabled = button2_disabled_value = /*currentWordBinIndex*/
-        ctx[19] === /*totalRemainingWordBinItem*/
-        ctx[15] - 1;
+        ctx[20] === /*totalRemainingWordBinItem*/
+        ctx[16] - 1;
         attr(div3, "class", "flex items-center justify-between px-4 min-h-[133px] md:min-h-0 md:block md:px-0 md:justify-normal");
         attr(
           div4,
           "aria-hidden",
           /*isModalOpen*/
-          ctx[17]
+          ctx[18]
         );
         attr(
           div4,
           "tabindex",
           /*categoryTabIndex*/
-          ctx[20]
+          ctx[21]
         );
         attr(div4, "aria-live", div4_aria_live_value = /*checkContainerDroppedItem*/
-        ctx[31](
+        ctx[32](
           CONTAINER_WORD_BIN_ID,
           /*dropContainerId*/
-          ctx[12]
+          ctx[13]
         ) ? "polite" : "off");
         attr(div4, "role", "group");
         attr(div4, "class", div4_class_value = "focus-ring shadow-[0_-12px_14px_-16px_#00000033] rounded-lg relative min-h-[133px] md:min-h-[164px] md:border md:shadow-[0_0_#0000] md:border-gray-400 " + /*checkContainerDragOver*/
-        (ctx[30](
+        (ctx[31](
           CONTAINER_WORD_BIN_ID,
           /*considerContainerId*/
-          ctx[10],
+          ctx[11],
           /*isDraggingOver*/
-          ctx[11]
+          ctx[12]
         ) ? "raw-focus-ring bg-violet-100" : "") + " " + /*checkContainerDroppedItem*/
-        (ctx[31](
+        (ctx[32](
           CONTAINER_WORD_BIN_ID,
           /*dropContainerId*/
-          ctx[12]
+          ctx[13]
         ) ? "bg-violet-150" : "") + " " + /*checkContainerDroppedItem*/
-        (ctx[31](
+        (ctx[32](
           CONTAINER_WORD_BIN_ID,
           /*dropContainerId*/
-          ctx[12]
+          ctx[13]
         ) && /*hasAddItemAnimation*/
-        ctx[16] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
-        (ctx[32](
+        ctx[17] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
+        (ctx[33](
           CONTAINER_WORD_BIN_ID,
           /*sourceSelectedContainerId*/
-          ctx[14],
+          ctx[15],
           /*currentSelectedItemId*/
-          ctx[13]
+          ctx[14]
         ) ? "hover:bg-violet-100 hover-focus-ring cursor-pointer" : ""));
       },
       m(target, anchor) {
@@ -10959,7 +11273,7 @@
         append(div3, button2);
         append(button2, span5);
         mount_component(smallchevronright, span5, null);
-        ctx[55](div4);
+        ctx[56](div4);
         current = true;
         if (!mounted) {
           dispose = [
@@ -10967,43 +11281,43 @@
               button0,
               "keypress",
               /*goToWordBin*/
-              ctx[43]
+              ctx[44]
             ),
             listen(button1, "click", function() {
               if (is_function(
                 /*navigateCategoryItem*/
-                ctx[45](
+                ctx[46](
                   /*currentWordBinIndex*/
-                  ctx[19],
+                  ctx[20],
                   /*currentAnswer*/
-                  ctx[3],
+                  ctx[4],
                   "left"
                 )
               ))
-                ctx[45](
+                ctx[46](
                   /*currentWordBinIndex*/
-                  ctx[19],
+                  ctx[20],
                   /*currentAnswer*/
-                  ctx[3],
+                  ctx[4],
                   "left"
                 ).apply(this, arguments);
             }),
             listen(button2, "click", function() {
               if (is_function(
                 /*navigateCategoryItem*/
-                ctx[45](
+                ctx[46](
                   /*currentWordBinIndex*/
-                  ctx[19],
+                  ctx[20],
                   /*currentAnswer*/
-                  ctx[3],
+                  ctx[4],
                   "right"
                 )
               ))
-                ctx[45](
+                ctx[46](
                   /*currentWordBinIndex*/
-                  ctx[19],
+                  ctx[20],
                   /*currentAnswer*/
-                  ctx[3],
+                  ctx[4],
                   "right"
                 ).apply(this, arguments);
             }),
@@ -11011,19 +11325,19 @@
               div4,
               "keydown",
               /*keydown_handler_1*/
-              ctx[53]
+              ctx[54]
             ),
             listen(
               div4,
               "focus",
               /*resetTabCategory*/
-              ctx[42]
+              ctx[43]
             ),
             listen(
               div4,
               "blur",
               /*blur_handler_1*/
-              ctx[54]
+              ctx[55]
             )
           ];
           mounted = true;
@@ -11032,22 +11346,22 @@
       p(new_ctx, dirty) {
         ctx = new_ctx;
         if (!current || dirty[0] & /*categoryTabIndex*/
-        1048576) {
+        2097152) {
           attr(
             button0,
             "tabindex",
             /*categoryTabIndex*/
-            ctx[20]
+            ctx[21]
           );
         }
         if (
           /*isModalOpen*/
-          ctx[17]
+          ctx[18]
         ) {
           if (if_block0) {
             if_block0.p(ctx, dirty);
             if (dirty[0] & /*isModalOpen*/
-            131072) {
+            262144) {
               transition_in(if_block0, 1);
             }
           } else {
@@ -11065,14 +11379,14 @@
         }
         if (
           /*totalRemainingWordBinItem*/
-          ctx[15] !== /*totalCategoryItems*/
-          ctx[9] && !/*isFinished*/
+          ctx[16] !== /*totalCategoryItems*/
+          ctx[10] && !/*isFinished*/
           ctx[0]
         ) {
           if (if_block1) {
             if_block1.p(ctx, dirty);
             if (dirty[0] & /*totalRemainingWordBinItem, totalCategoryItems, isFinished*/
-            33281) {
+            66561) {
               transition_in(if_block1, 1);
             }
           } else {
@@ -11089,20 +11403,20 @@
           check_outros();
         }
         if (!current || dirty[0] & /*isModalOpen*/
-        131072) {
+        262144) {
           attr(
             div0,
             "aria-hidden",
             /*isModalOpen*/
-            ctx[17]
+            ctx[18]
           );
         }
-        if (dirty[0] & /*isModalOpen, categoryTabIndex, checkContainerDragOver, categoryGroups, considerContainerId, isDraggingOver, dropContainerId, hasAddItemAnimation, sourceSelectedContainerId, currentSelectedItemId, openCategoryContainer, tabCategory, categoryTitleHeight, isFinished, scoringMetadata, isPreviewModeInteractive, categoriseSettingsData, categoryDndType, enableAriaLive, currentAnswer, previewResultSr, selectedItemName, totalCategoryWords*/
-        1710718331 | dirty[1] & /*checkContainerDroppedItem, checkSelectedSourceContainer, checkifCategoryContainerOpen, getContainerTabSelected, resetTabCategory, handleItemAriaHidden, updateCategory, saveCategory, getTotalWords, addCategoryContainer, getTotalWordsLabel*/
-        12155) {
+        if (dirty[0] & /*isModalOpen, categoryTabIndex, categoryGroups, considerContainerId, isDraggingOver, dropContainerId, hasAddItemAnimation, sourceSelectedContainerId, currentSelectedItemId, openCategoryContainer, tabCategory, categoryTitleHeight, isFinished, scoringMetadata, isPreviewModeInteractive, categoriseSettingsData, categoryDndType, isDataSaving, enableAriaLive, currentAnswer, previewResultSr, selectedItemName, totalCategoryWords*/
+        1273953015 | dirty[1] & /*checkContainerDragOver, checkContainerDroppedItem, checkSelectedSourceContainer, checkifCategoryContainerOpen, getContainerTabSelected, resetTabCategory, handleItemAriaHidden, updateCategory, saveCategory, getTotalWords, addCategoryContainer, getTotalWordsLabel*/
+        24311) {
           each_value = ensure_array_like(Object.values(
             /*categoryGroups*/
-            ctx[29]
+            ctx[30]
           ));
           let i;
           for (i = 0; i < each_value.length; i += 1) {
@@ -11124,12 +11438,12 @@
           check_outros();
         }
         if (dirty[0] & /*dropContainerId*/
-        4096)
+        8192)
           show_if = /*checkContainerDroppedItem*/
-          ctx[31](
+          ctx[32](
             CONTAINER_WORD_BIN_ID,
             /*dropContainerId*/
-            ctx[12]
+            ctx[13]
           );
         if (show_if) {
           if (if_block2) {
@@ -11144,41 +11458,41 @@
           if_block2 = null;
         }
         if (!current || dirty[0] & /*totalRemainingWordBinItem*/
-        32768)
+        65536)
           set_data(
             t11,
             /*totalRemainingWordBinItem*/
-            ctx[15]
+            ctx[16]
           );
         if (!current || dirty[0] & /*totalCategoryItems*/
-        512)
+        1024)
           set_data(
             t13,
             /*totalCategoryItems*/
-            ctx[9]
+            ctx[10]
           );
         if (!current || dirty[0] & /*totalRemainingWordBinItem*/
-        32768 && button1_class_value !== (button1_class_value = "focus-ring p-2 text-blue-1000 rounded-md w-11 h-11 mt-9 td:hover:bg-black-50 active:bg-black-60 disabled:text-gray-40 disabled:hover:bg-white md:hidden " + /*isWordBInTotalZero*/
-        (ctx[38](
+        65536 && button1_class_value !== (button1_class_value = "focus-ring p-2 text-blue-1000 rounded-md w-11 h-11 mt-9 td:hover:bg-black-50 active:bg-black-60 disabled:text-gray-40 disabled:hover:bg-white md:hidden " + /*isWordBInTotalZero*/
+        (ctx[39](
           /*totalRemainingWordBinItem*/
-          ctx[15]
+          ctx[16]
         ) ? "hidden" : ""))) {
           attr(button1, "class", button1_class_value);
         }
         if (!current || dirty[0] & /*currentWordBinIndex*/
-        524288 && button1_disabled_value !== (button1_disabled_value = /*currentWordBinIndex*/
-        ctx[19] === 0)) {
+        1048576 && button1_disabled_value !== (button1_disabled_value = /*currentWordBinIndex*/
+        ctx[20] === 0)) {
           button1.disabled = button1_disabled_value;
         }
         const promptcategorisedndcontainer_changes = {};
         if (dirty[0] & /*totalRemainingWordBinItem, currentSelectedItemId*/
-        40960)
+        81920)
           promptcategorisedndcontainer_changes.containerClass = "bg-transparent p-4 pt-[55px] grow md:grow-0 md:pt-20.5 justify-center md:justify-normal\n        " + /*isWordBInTotalZero*/
-          (ctx[38](
+          (ctx[39](
             /*totalRemainingWordBinItem*/
-            ctx[15]
+            ctx[16]
           ) && !/*currentSelectedItemId*/
-          ctx[13] ? "absolute inset-0" : "");
+          ctx[14] ? "absolute inset-0" : "");
         if (dirty[0] & /*isFinished*/
         1)
           promptcategorisedndcontainer_changes.isFinished = /*isFinished*/
@@ -11188,77 +11502,81 @@
           promptcategorisedndcontainer_changes.isPreviewModeInteractive = /*isPreviewModeInteractive*/
           ctx[1];
         if (dirty[0] & /*categoriseSettingsData*/
-        64)
+        128)
           promptcategorisedndcontainer_changes.categoryData = /*categoriseSettingsData*/
-          ctx[6];
+          ctx[7];
+        if (dirty[0] & /*isDataSaving*/
+        4)
+          promptcategorisedndcontainer_changes.isDataSaving = /*isDataSaving*/
+          ctx[2];
         promptcategorisedndcontainer.$set(promptcategorisedndcontainer_changes);
         if (!current || dirty[0] & /*totalRemainingWordBinItem*/
-        32768 && button2_class_value !== (button2_class_value = "focus-ring p-2 text-blue-1000 rounded-md w-11 h-11 mt-9 td:hover:bg-black-50 active:bg-black-60 disabled:text-gray-40 disabled:hover:bg-white md:hidden " + /*isWordBInTotalZero*/
-        (ctx[38](
+        65536 && button2_class_value !== (button2_class_value = "focus-ring p-2 text-blue-1000 rounded-md w-11 h-11 mt-9 td:hover:bg-black-50 active:bg-black-60 disabled:text-gray-40 disabled:hover:bg-white md:hidden " + /*isWordBInTotalZero*/
+        (ctx[39](
           /*totalRemainingWordBinItem*/
-          ctx[15]
+          ctx[16]
         ) ? "hidden" : ""))) {
           attr(button2, "class", button2_class_value);
         }
         if (!current || dirty[0] & /*currentWordBinIndex, totalRemainingWordBinItem*/
-        557056 && button2_disabled_value !== (button2_disabled_value = /*currentWordBinIndex*/
-        ctx[19] === /*totalRemainingWordBinItem*/
-        ctx[15] - 1)) {
+        1114112 && button2_disabled_value !== (button2_disabled_value = /*currentWordBinIndex*/
+        ctx[20] === /*totalRemainingWordBinItem*/
+        ctx[16] - 1)) {
           button2.disabled = button2_disabled_value;
         }
         if (!current || dirty[0] & /*isModalOpen*/
-        131072) {
+        262144) {
           attr(
             div4,
             "aria-hidden",
             /*isModalOpen*/
-            ctx[17]
+            ctx[18]
           );
         }
         if (!current || dirty[0] & /*categoryTabIndex*/
-        1048576) {
+        2097152) {
           attr(
             div4,
             "tabindex",
             /*categoryTabIndex*/
-            ctx[20]
+            ctx[21]
           );
         }
         if (!current || dirty[0] & /*dropContainerId*/
-        4096 && div4_aria_live_value !== (div4_aria_live_value = /*checkContainerDroppedItem*/
-        ctx[31](
+        8192 && div4_aria_live_value !== (div4_aria_live_value = /*checkContainerDroppedItem*/
+        ctx[32](
           CONTAINER_WORD_BIN_ID,
           /*dropContainerId*/
-          ctx[12]
+          ctx[13]
         ) ? "polite" : "off")) {
           attr(div4, "aria-live", div4_aria_live_value);
         }
         if (!current || dirty[0] & /*considerContainerId, isDraggingOver, dropContainerId, hasAddItemAnimation, sourceSelectedContainerId, currentSelectedItemId*/
-        97280 && div4_class_value !== (div4_class_value = "focus-ring shadow-[0_-12px_14px_-16px_#00000033] rounded-lg relative min-h-[133px] md:min-h-[164px] md:border md:shadow-[0_0_#0000] md:border-gray-400 " + /*checkContainerDragOver*/
-        (ctx[30](
+        194560 && div4_class_value !== (div4_class_value = "focus-ring shadow-[0_-12px_14px_-16px_#00000033] rounded-lg relative min-h-[133px] md:min-h-[164px] md:border md:shadow-[0_0_#0000] md:border-gray-400 " + /*checkContainerDragOver*/
+        (ctx[31](
           CONTAINER_WORD_BIN_ID,
           /*considerContainerId*/
-          ctx[10],
+          ctx[11],
           /*isDraggingOver*/
-          ctx[11]
+          ctx[12]
         ) ? "raw-focus-ring bg-violet-100" : "") + " " + /*checkContainerDroppedItem*/
-        (ctx[31](
+        (ctx[32](
           CONTAINER_WORD_BIN_ID,
           /*dropContainerId*/
-          ctx[12]
+          ctx[13]
         ) ? "bg-violet-150" : "") + " " + /*checkContainerDroppedItem*/
-        (ctx[31](
+        (ctx[32](
           CONTAINER_WORD_BIN_ID,
           /*dropContainerId*/
-          ctx[12]
+          ctx[13]
         ) && /*hasAddItemAnimation*/
-        ctx[16] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
-        (ctx[32](
+        ctx[17] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
+        (ctx[33](
           CONTAINER_WORD_BIN_ID,
           /*sourceSelectedContainerId*/
-          ctx[14],
+          ctx[15],
           /*currentSelectedItemId*/
-          ctx[13]
+          ctx[14]
         ) ? "hover:bg-violet-100 hover-focus-ring cursor-pointer" : ""))) {
           attr(div4, "class", div4_class_value);
         }
@@ -11312,13 +11630,13 @@
         destroy_component(smallchevronleft);
         destroy_component(promptcategorisedndcontainer);
         destroy_component(smallchevronright);
-        ctx[55](null);
+        ctx[56](null);
         mounted = false;
         run_all(dispose);
       }
     };
   }
-  function create_fragment23(ctx) {
+  function create_fragment24(ctx) {
     let div;
     let promptbody;
     let current;
@@ -11326,12 +11644,13 @@
       props: {
         rubric: (
           /*rubric*/
-          ctx[25].text
+          ctx[26].text
         ),
         prompt: (
           /*prompt*/
-          ctx[27]
+          ctx[28]
         ),
+        interactionType: INTERACTION_TYPE_CATEGORISE,
         $$slots: { default: [create_default_slot4] },
         $$scope: { ctx }
       }
@@ -11345,14 +11664,14 @@
       m(target, anchor) {
         insert(target, div, anchor);
         mount_component(promptbody, div, null);
-        ctx[56](div);
+        ctx[57](div);
         current = true;
       },
       p(ctx2, dirty) {
         const promptbody_changes = {};
-        if (dirty[0] & /*isModalOpen, categoryTabIndex, dropContainerId, considerContainerId, isDraggingOver, hasAddItemAnimation, sourceSelectedContainerId, currentSelectedItemId, tabCategory, totalRemainingWordBinItem, currentWordBinIndex, currentAnswer, isFinished, isPreviewModeInteractive, categoriseSettingsData, totalCategoryItems, selectedItemName, openCategoryContainer, categoryTitleHeight, enableAriaLive, previewResultSr, totalCategoryWords, modalSettingsData*/
-        16777211 | dirty[2] & /*$$scope*/
-        256) {
+        if (dirty[0] & /*isModalOpen, categoryTabIndex, dropContainerId, considerContainerId, isDraggingOver, hasAddItemAnimation, sourceSelectedContainerId, currentSelectedItemId, tabCategory, totalRemainingWordBinItem, currentWordBinIndex, currentAnswer, isFinished, isPreviewModeInteractive, categoriseSettingsData, isDataSaving, totalCategoryItems, selectedItemName, openCategoryContainer, categoryTitleHeight, enableAriaLive, previewResultSr, totalCategoryWords, modalSettingsData*/
+        33554423 | dirty[2] & /*$$scope*/
+        512) {
           promptbody_changes.$$scope = { dirty, ctx: ctx2 };
         }
         promptbody.$set(promptbody_changes);
@@ -11372,15 +11691,16 @@
           detach(div);
         }
         destroy_component(promptbody);
-        ctx[56](null);
+        ctx[57](null);
       }
     };
   }
-  function instance11($$self, $$props, $$invalidate) {
+  function instance12($$self, $$props, $$invalidate) {
     let { sessionData } = $$props;
     let { isFinished = false } = $$props;
     let { isPreviewMode = false } = $$props;
     let { isPreviewModeInteractive = false } = $$props;
+    let { isDataSaving = false } = $$props;
     const dispatch = createEventDispatcher();
     let srDiv;
     let totalCategoryItems = 0;
@@ -11435,7 +11755,7 @@
     const categoryItems = useFilterUniqueObject(interactionCategoryItems);
     const categoryGroups = useFilterUniqueObject(interactionCategoryGroups);
     const tabCategory = [];
-    categoryGroups.map((group) => $$invalidate(8, tabCategory[group.id] = false, tabCategory));
+    categoryGroups.map((group) => $$invalidate(9, tabCategory[group.id] = false, tabCategory));
     totalCategoryItems = totalRemainingWordBinItem = Object.keys(categoryItems).length;
     let wordBinItems = categoryItems.map((item) => item.id);
     let initialCategoryAnswer = [
@@ -11446,7 +11766,7 @@
     ];
     let categoryTitleHeight = [];
     categoryGroups.map((category) => {
-      $$invalidate(23, categoryTitleHeight[category.id] = "", categoryTitleHeight);
+      $$invalidate(24, categoryTitleHeight[category.id] = "", categoryTitleHeight);
       initialCategoryAnswer.push({ categoryId: category.id, itemId: [] });
     });
     if (metadata) {
@@ -11471,13 +11791,13 @@
       }
     }
     const updateCategoriseSettings = (newSettings) => {
-      $$invalidate(6, categoriseSettingsData = {
+      $$invalidate(7, categoriseSettingsData = {
         ...categoriseSettingsData,
         ...newSettings
       });
     };
     const updateModalSettings = (newSettings) => {
-      $$invalidate(7, modalSettingsData = { ...modalSettingsData, ...newSettings });
+      $$invalidate(8, modalSettingsData = { ...modalSettingsData, ...newSettings });
     };
     if (isFinished) {
       const showOpenContainerList = [];
@@ -11571,7 +11891,7 @@
       return totalRemainingWordBinItem2 <= 0;
     };
     const saveCategory = ({ detail }) => {
-      if (isPreviewModeInteractive)
+      if (isPreviewModeInteractive || isDataSaving)
         return;
       dispatch("saveCategory", detail);
     };
@@ -11620,14 +11940,14 @@
     };
     function div0_elementresize_handler(category) {
       categoryTitleHeight[category.id] = this.clientHeight;
-      $$invalidate(23, categoryTitleHeight);
+      $$invalidate(24, categoryTitleHeight);
     }
     const keydown_handler = (category, { key }) => getContainerTabSelected(key, category.id);
     const blur_handler = () => handleItemAriaHidden(false);
     function div1_binding($$value, category) {
       binding_callbacks[$$value ? "unshift" : "push"](() => {
         tabCategory[category.id] = $$value;
-        $$invalidate(8, tabCategory);
+        $$invalidate(9, tabCategory);
       });
     }
     const keydown_handler_1 = ({ key }) => getContainerTabSelected(key, CONTAINER_WORD_BIN_ID);
@@ -11635,61 +11955,63 @@
     function div4_binding($$value) {
       binding_callbacks[$$value ? "unshift" : "push"](() => {
         tabCategory[CONTAINER_WORD_BIN_ID] = $$value;
-        $$invalidate(8, tabCategory);
+        $$invalidate(9, tabCategory);
       });
     }
     function div_binding($$value) {
       binding_callbacks[$$value ? "unshift" : "push"](() => {
         srDiv = $$value;
-        $$invalidate(2, srDiv), $$invalidate(7, modalSettingsData);
+        $$invalidate(3, srDiv), $$invalidate(8, modalSettingsData);
       });
     }
     $$self.$$set = ($$props2) => {
       if ("sessionData" in $$props2)
-        $$invalidate(47, sessionData = $$props2.sessionData);
+        $$invalidate(48, sessionData = $$props2.sessionData);
       if ("isFinished" in $$props2)
         $$invalidate(0, isFinished = $$props2.isFinished);
       if ("isPreviewMode" in $$props2)
-        $$invalidate(48, isPreviewMode = $$props2.isPreviewMode);
+        $$invalidate(49, isPreviewMode = $$props2.isPreviewMode);
       if ("isPreviewModeInteractive" in $$props2)
         $$invalidate(1, isPreviewModeInteractive = $$props2.isPreviewModeInteractive);
+      if ("isDataSaving" in $$props2)
+        $$invalidate(2, isDataSaving = $$props2.isDataSaving);
     };
     $$self.$$.update = () => {
       if ($$self.$$.dirty[0] & /*modalSettingsData, srDiv*/
-      132) {
+      264) {
         $:
           if (modalSettingsData) {
             const { isModalOpen: storeIsModalOpen, isOpenLastStatus } = modalSettingsData;
-            $$invalidate(17, isModalOpen = storeIsModalOpen);
-            $$invalidate(20, categoryTabIndex = storeIsModalOpen ? -1 : 0);
+            $$invalidate(18, isModalOpen = storeIsModalOpen);
+            $$invalidate(21, categoryTabIndex = storeIsModalOpen ? -1 : 0);
             if (!storeIsModalOpen && isOpenLastStatus) {
               setTimeout(() => {
-                $$invalidate(2, srDiv.tabIndex = 0, srDiv);
+                $$invalidate(3, srDiv.tabIndex = 0, srDiv);
                 srDiv.focus();
-                $$invalidate(2, srDiv.tabIndex = -1, srDiv);
+                $$invalidate(3, srDiv.tabIndex = -1, srDiv);
                 updateModalSettings({ isOpenLastStatus: false });
               });
             }
           }
       }
       if ($$self.$$.dirty[0] & /*categoriseSettingsData, currentAnswer, isFinished, totalCategoryWords, tabCategory, previewResultSr*/
-      377) {
+      753) {
         $:
           if (categoriseSettingsData) {
             const { considerContainerId: storeConsiderContainerId, isDraggingOver: storeIsDraggingOver, dropContainerId: storeDropContainerId, sourceCloneContainerId: storeSourceCloneContainerId, selectedItemId: storeSelectedItemId, sourceSelectedContainerId: storeSourceSelectedContainerId, currentAnswer: storeCurrentAnswer, hasAddItemAnimation: storeHasAddItemAnimation, openCategoryContainer: storeOpenCategoryContainer, currentWordBinIndex: storeCurrentWordBinIndex, selectedItemName: storeSelectedItemName, lastSelectedTabContainer, previewResultSr: storepreviewResultSr } = categoriseSettingsData;
-            $$invalidate(10, considerContainerId = storeConsiderContainerId);
-            $$invalidate(11, isDraggingOver = storeIsDraggingOver);
-            $$invalidate(12, dropContainerId = storeDropContainerId);
+            $$invalidate(11, considerContainerId = storeConsiderContainerId);
+            $$invalidate(12, isDraggingOver = storeIsDraggingOver);
+            $$invalidate(13, dropContainerId = storeDropContainerId);
             sourceCloneContainerId = storeSourceCloneContainerId;
-            $$invalidate(13, currentSelectedItemId = storeSelectedItemId);
-            $$invalidate(14, sourceSelectedContainerId = storeSourceSelectedContainerId);
-            $$invalidate(3, currentAnswer = storeCurrentAnswer);
-            $$invalidate(16, hasAddItemAnimation = storeHasAddItemAnimation);
-            $$invalidate(18, openCategoryContainer = storeOpenCategoryContainer);
-            $$invalidate(19, currentWordBinIndex = storeCurrentWordBinIndex);
-            $$invalidate(21, selectedItemName = storeSelectedItemName);
-            $$invalidate(4, previewResultSr = storepreviewResultSr);
-            $$invalidate(20, categoryTabIndex = storeSelectedItemId.length ? -1 : 0);
+            $$invalidate(14, currentSelectedItemId = storeSelectedItemId);
+            $$invalidate(15, sourceSelectedContainerId = storeSourceSelectedContainerId);
+            $$invalidate(4, currentAnswer = storeCurrentAnswer);
+            $$invalidate(17, hasAddItemAnimation = storeHasAddItemAnimation);
+            $$invalidate(19, openCategoryContainer = storeOpenCategoryContainer);
+            $$invalidate(20, currentWordBinIndex = storeCurrentWordBinIndex);
+            $$invalidate(22, selectedItemName = storeSelectedItemName);
+            $$invalidate(5, previewResultSr = storepreviewResultSr);
+            $$invalidate(21, categoryTabIndex = storeSelectedItemId.length ? -1 : 0);
             currentAnswer.map((answer) => {
               const { categoryId, itemId } = answer;
               let totalWordCount = itemId.length;
@@ -11700,9 +12022,9 @@
                 });
                 totalWordCount = items.length;
               }
-              $$invalidate(5, totalCategoryWords[categoryId] = totalWordCount, totalCategoryWords);
+              $$invalidate(6, totalCategoryWords[categoryId] = totalWordCount, totalCategoryWords);
             });
-            $$invalidate(15, totalRemainingWordBinItem = totalCategoryWords[CONTAINER_WORD_BIN_ID]);
+            $$invalidate(16, totalRemainingWordBinItem = totalCategoryWords[CONTAINER_WORD_BIN_ID]);
             if (lastSelectedTabContainer) {
               setTimeout(
                 () => {
@@ -11715,7 +12037,7 @@
             if (previewResultSr) {
               setTimeout(
                 () => {
-                  $$invalidate(22, enableAriaLive = false);
+                  $$invalidate(23, enableAriaLive = false);
                 },
                 400
               );
@@ -11724,7 +12046,7 @@
                   updateCategoriseSettings({ previewResultSr: "" });
                   setTimeout(
                     () => {
-                      $$invalidate(22, enableAriaLive = true);
+                      $$invalidate(23, enableAriaLive = true);
                     },
                     400
                   );
@@ -11738,6 +12060,7 @@
     return [
       isFinished,
       isPreviewModeInteractive,
+      isDataSaving,
       srDiv,
       currentAnswer,
       previewResultSr,
@@ -11801,21 +12124,22 @@
       init(
         this,
         options,
-        instance11,
-        create_fragment23,
+        instance12,
+        create_fragment24,
         safe_not_equal,
         {
-          sessionData: 47,
+          sessionData: 48,
           isFinished: 0,
-          isPreviewMode: 48,
-          isPreviewModeInteractive: 1
+          isPreviewMode: 49,
+          isPreviewModeInteractive: 1,
+          isDataSaving: 2
         },
         null,
         [-1, -1, -1]
       );
     }
     get sessionData() {
-      return this.$$.ctx[47];
+      return this.$$.ctx[48];
     }
     set sessionData(sessionData) {
       this.$$set({ sessionData });
@@ -11829,7 +12153,7 @@
       flush();
     }
     get isPreviewMode() {
-      return this.$$.ctx[48];
+      return this.$$.ctx[49];
     }
     set isPreviewMode(isPreviewMode) {
       this.$$set({ isPreviewMode });
@@ -11842,12 +12166,19 @@
       this.$$set({ isPreviewModeInteractive });
       flush();
     }
+    get isDataSaving() {
+      return this.$$.ctx[2];
+    }
+    set isDataSaving(isDataSaving) {
+      this.$$set({ isDataSaving });
+      flush();
+    }
   };
-  customElements.define("prompt-categorise", create_custom_element(PromptCategorise, { "sessionData": {}, "isFinished": { "type": "Boolean" }, "isPreviewMode": { "type": "Boolean" }, "isPreviewModeInteractive": { "type": "Boolean" } }, [], [], true));
+  customElements.define("prompt-categorise", create_custom_element(PromptCategorise, { "sessionData": {}, "isFinished": { "type": "Boolean" }, "isPreviewMode": { "type": "Boolean" }, "isPreviewModeInteractive": { "type": "Boolean" }, "isDataSaving": { "type": "Boolean" } }, [], [], true));
   var PromptCategorise_default = PromptCategorise;
 
   // src/lib/components/prompt/skeleton/PromptSkeleton.svelte
-  function create_fragment24(ctx) {
+  function create_fragment25(ctx) {
     let div3;
     return {
       c() {
@@ -11870,74 +12201,15 @@
   var PromptSkeleton = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment24, safe_not_equal, {});
+      init(this, options, null, create_fragment25, safe_not_equal, {});
     }
   };
   customElements.define("prompt-skeleton", create_custom_element(PromptSkeleton, {}, [], [], true));
   var PromptSkeleton_default = PromptSkeleton;
 
-  // src/lib/components/common/InvalidBanner.svelte
-  function create_fragment25(ctx) {
-    let p;
-    let t2;
-    return {
-      c() {
-        p = element("p");
-        t2 = text(
-          /*bannerLabel*/
-          ctx[0]
-        );
-        attr(p, "class", "p-2 border-2 border-red-600 bg-red-200 rounded");
-      },
-      m(target, anchor) {
-        insert(target, p, anchor);
-        append(p, t2);
-      },
-      p(ctx2, [dirty]) {
-        if (dirty & /*bannerLabel*/
-        1)
-          set_data(
-            t2,
-            /*bannerLabel*/
-            ctx2[0]
-          );
-      },
-      i: noop,
-      o: noop,
-      d(detaching) {
-        if (detaching) {
-          detach(p);
-        }
-      }
-    };
-  }
-  function instance12($$self, $$props, $$invalidate) {
-    let { bannerLabel: bannerLabel2 = "Invalid." } = $$props;
-    $$self.$$set = ($$props2) => {
-      if ("bannerLabel" in $$props2)
-        $$invalidate(0, bannerLabel2 = $$props2.bannerLabel);
-    };
-    return [bannerLabel2];
-  }
-  var InvalidBanner = class extends SvelteComponent {
-    constructor(options) {
-      super();
-      init(this, options, instance12, create_fragment25, safe_not_equal, { bannerLabel: 0 });
-    }
-    get bannerLabel() {
-      return this.$$.ctx[0];
-    }
-    set bannerLabel(bannerLabel2) {
-      this.$$set({ bannerLabel: bannerLabel2 });
-      flush();
-    }
-  };
-  customElements.define("invalid-banner", create_custom_element(InvalidBanner, { "bannerLabel": {} }, [], [], true));
-  var InvalidBanner_default = InvalidBanner;
-
   // src/lib/components/prompt/PromptBuilder.svelte
   function add_css2(target) {
-    append_styles(target, "svelte-1pyhhnp", '*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:Mulish Variable, sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*{font-family:Mulish Variable, sans-serif}input::-moz-selection,textarea::-moz-selection{background-color:hsla(0, 0%, 85%, 0.4)}input::selection,textarea::selection{background-color:hsla(0, 0%, 85%, 0.4)}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.p2{font-size:0.875rem;font-weight:600;line-height:1.25rem;line-height:1.5}.blanket-overlay{--tw-bg-opacity:1;background-color:rgb(33 37 41/var(--tw-bg-opacity));inset:0;opacity:0.3;position:absolute}.item-heading{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;letter-spacing:-0.025em;line-height:1.5rem}.focus-ring:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.hover-focus-ring:hover,.raw-focus-ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.divider{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(218 224 224/var(--tw-border-opacity))}@keyframes svelte-1pyhhnp-pulse{{opacity:0.5}}.animate-skeleton{--tw-bg-opacity:1;animation:svelte-1pyhhnp-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;background-color:rgb(226 232 240/var(--tw-bg-opacity))}.btn-mcq-option:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.btn-mcq-option{--tw-text-opacity:1;--tw-border-opacity:1;--tw-bg-opacity:1;align-items:center;background-color:rgb(247 250 250/var(--tw-bg-opacity));border-color:rgb(113 115 119/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));display:flex;font-size:1rem;justify-content:space-between;line-height:1.5rem;margin-bottom:1rem;min-height:48px;padding:0.5rem 0.75rem 0.5rem 0.5rem;width:100%}.btn-mcq-option:active{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity));border-color:rgb(40 44 135/var(--tw-border-opacity));border-width:2px}@media(hover: hover) and (pointer: fine){.btn-mcq-option:hover{--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}}.btn-mcq-option>span>.choice{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(113 115 119/var(--tw-border-opacity));border-radius:1rem;border-width:1px;color:rgb(93 99 107/var(--tw-text-opacity));display:flex;font-size:1rem;font-weight:700;height:2rem;justify-content:center;letter-spacing:0.05em;line-height:1rem;margin-right:1rem;padding:0.5rem;width:2rem}.btn-mcq-option.selected{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}.btn-mcq-option.selected,.btn-mcq-option.selected>span>.choice{border-color:rgb(40 44 135/var(--tw-border-opacity));border-width:2px}.btn-mcq-option.selected>span>.choice{--tw-border-opacity:1}.btn-mcq-option.selected.correct{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(241 254 241/var(--tw-bg-opacity));border-color:rgb(0 102 5/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected.incorrect{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(253 243 247/var(--tw-bg-opacity));border-color:rgb(217 12 85/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected.correct>span>.choice,.btn-mcq-option.selected.incorrect>span>.choice{--tw-border-opacity:1;border-color:rgb(113 115 119/var(--tw-border-opacity));border-width:1px}.typein-textbox:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.typein-textbox{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(93 99 107/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem;padding:0.75rem 1rem;width:100%}.typein-textbox::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(93 99 107/var(--tw-placeholder-opacity))}.typein-textbox::placeholder{--tw-placeholder-opacity:1;color:rgb(93 99 107/var(--tw-placeholder-opacity))}.typein-textbox:focus{--tw-border-opacity:1;border-color:rgb(84 101 251/var(--tw-border-opacity));border-width:2px}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{--tw-border-opacity:1;border-color:rgb(84 101 251/var(--tw-border-opacity));border-width:2px;outline:2px solid transparent;outline-offset:2px}}.typein-textbox:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0)) !important}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));transition-duration:50ms}}#dnd-action-dragged-el{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;--tw-border-opacity:1!important;--tw-bg-opacity:1!important;background-color:rgb(205 208 254/var(--tw-bg-opacity)) !important;border-color:rgb(93 99 107/var(--tw-border-opacity)) !important;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));cursor:grabbing !important;outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}#dnd-action-dragged-el .btn-vertical-icon{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));cursor:grabbing !important}#dnd-action-dragged-el .preview-icon{display:none !important}#dnd-action-dragged-el .preview-vertical{display:block !important}.category-content>.missing-answer-label{display:block}.category-content>.missing-answer-label~.missing-answer-label{display:none}.text-stimulus{padding-bottom:1rem;padding-top:1rem}.text-stimulus p{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;line-height:1.75rem;padding-bottom:0.5rem}.text-stimulus ol,.text-stimulus ul{font-size:1rem;line-height:1.5rem;list-style-position:inside;padding-bottom:0.5rem;padding-left:0.5rem}.text-stimulus ol ::marker,.text-stimulus ul ::marker{color:#282c87}.text-stimulus ol::marker,.text-stimulus ul::marker{color:#282c87}.text-stimulus ul{list-style-type:disc}.text-stimulus ol{list-style-type:decimal}.text-stimulus ul li>p{margin-left:-0.5rem}.text-stimulus ol>li>p,.text-stimulus ul>li>p{display:inline;font-size:1rem;line-height:1.5rem;padding-bottom:0;padding-top:0}.text-stimulus div.table-container:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.text-stimulus div.table-container{border-radius:0.5rem;overflow:auto;padding-left:0.125rem;padding-right:0.125rem}.text-stimulus table{--tw-border-spacing-x:0.75rem;--tw-border-spacing-y:0.75rem;--tw-shadow:0 0 0 1px #9ca3af;--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);border-radius:0.5rem;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);margin-bottom:1rem;margin-top:0.5rem;overflow-x:auto;width:100%}.text-stimulus table tr{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(156 163 175/var(--tw-border-opacity))}.text-stimulus table tr:last-child{border-color:transparent}.text-stimulus table td,.text-stimulus table th{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity));border-left-width:1px;min-width:140px}.text-stimulus table td:first-child,.text-stimulus table th:first-child{border-style:none}.text-stimulus table td>p,.text-stimulus table th>p{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem;padding:0.75rem;text-align:left}.text-stimulus table th>p{font-weight:400}.prompt p,.text-stimulus table th p{font-weight:600}.prompt p b,.prompt p b i,.prompt p b i u,.prompt p b u,.prompt p b u i,.prompt p i b,.prompt p i b u,.prompt p i u b,.prompt p u b,.prompt p u b i,.prompt p u i b,.text-stimulus table th p b,.text-stimulus table th p b i,.text-stimulus table th p b i u,.text-stimulus table th p b u,.text-stimulus table th p b u i,.text-stimulus table th p i b,.text-stimulus table th p i b u,.text-stimulus table th p i u b,.text-stimulus table th p u b,.text-stimulus table th p u b i,.text-stimulus table th p u i b{font-weight:900}.sr-only{clip:rect(0, 0, 0, 0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.-top-2{top:-0.5rem}.-top-2\\.5{top:-0.625rem}.bottom-4{bottom:1rem}.left-4{left:1rem}.left-\\[-9999px\\]{left:-9999px}.right-0{right:0}.right-4{right:1rem}.top-12{top:3rem}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-0\\.5{margin-left:0.125rem;margin-right:0.125rem}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.mb-1{margin-bottom:0.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:0.5rem}.mb-3{margin-bottom:0.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:0.25rem}.ml-3{margin-left:0.75rem}.ml-\\[3px\\]{margin-left:3px}.mr-1{margin-right:0.25rem}.mr-2{margin-right:0.5rem}.mr-4{margin-right:1rem}.mt-0{margin-top:0}.mt-0\\.5{margin-top:0.125rem}.mt-1{margin-top:0.25rem}.mt-2{margin-top:0.5rem}.mt-4{margin-top:1rem}.mt-7{margin-top:1.75rem}.mt-7\\.5{margin-top:1.875}.mt-9{margin-top:2.25rem}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-11{height:2.75rem}.h-4{height:1rem}.h-52{height:13rem}.h-6{height:1.5rem}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.max-h-\\[470px\\]{max-height:470px}.max-h-\\[660px\\]{max-height:660px}.min-h-\\[133px\\]{min-height:133px}.min-h-\\[140px\\]{min-height:140px}.min-h-\\[54px\\]{min-height:54px}.min-h-\\[86px\\]{min-height:86px}.w-11{width:2.75rem}.w-2\\/4{width:50%}.w-4{width:1rem}.w-6{width:1.5rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-\\[44px\\]{min-width:44px}.min-w-\\[85px\\]{min-width:85px}.max-w-\\[400px\\]{max-width:400px}.grow{flex-grow:1}.basis-0{flex-basis:0px}.\\!cursor-default{cursor:default !important}.\\!cursor-pointer{cursor:pointer !important}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:0.5rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0.5rem * var(--tw-space-y-reverse));margin-top:calc(0.5rem * (1 - var(--tw-space-y-reverse)))}.space-y-reverse>:not([hidden])~:not([hidden]){--tw-space-y-reverse:1}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:0.25rem}.rounded-\\[32px\\]{border-radius:32px}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.rounded-b-lg{border-bottom-left-radius:0.5rem;border-bottom-right-radius:0.5rem}.rounded-t-lg{border-top-left-radius:0.5rem;border-top-right-radius:0.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-6,.border-l-\\[6px\\]{border-left-width:6px}.border-dashed{border-style:dashed}.\\!border-blue-1000{--tw-border-opacity:1!important;border-color:rgb(40 44 135/var(--tw-border-opacity)) !important}.border-blue-1000{--tw-border-opacity:1;border-color:rgb(40 44 135/var(--tw-border-opacity))}.border-charcoal{--tw-border-opacity:1;border-color:rgb(33 37 41/var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.border-gray-800{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.border-green-800{--tw-border-opacity:1;border-color:rgb(0 102 5/var(--tw-border-opacity))}.border-red-600{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity))}.border-red-800{--tw-border-opacity:1;border-color:rgb(217 12 85/var(--tw-border-opacity))}.border-soft-blue{--tw-border-opacity:1;border-color:rgb(84 101 251/var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.\\!bg-violet-100{--tw-bg-opacity:1!important;background-color:rgb(235 235 255/var(--tw-bg-opacity)) !important}.\\!bg-violet-150{--tw-bg-opacity:1!important;background-color:rgb(205 208 254/var(--tw-bg-opacity)) !important}.\\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity)) !important}.bg-blue-1000{--tw-bg-opacity:1;background-color:rgb(40 44 135/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(247 250 250/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(244 244 244/var(--tw-bg-opacity))}.bg-green-300{--tw-bg-opacity:1;background-color:rgb(241 254 241/var(--tw-bg-opacity))}.bg-red-200{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity))}.bg-red-300{--tw-bg-opacity:1;background-color:rgb(253 243 247/var(--tw-bg-opacity))}.bg-soft-blue{--tw-bg-opacity:1;background-color:rgb(84 101 251/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-violet-100{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.bg-violet-150{--tw-bg-opacity:1;background-color:rgb(205 208 254/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-yellow-1000{--tw-bg-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity))}.p-0{padding:0}.p-0\\.5{padding:0.125rem}.p-1{padding:0.25rem}.p-1\\.5{padding:0.375rem}.p-2{padding:0.5rem}.p-3{padding:0.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:0.25rem;padding-top:0.25rem}.py-1\\.5{padding-bottom:0.375rem;padding-top:0.375rem}.py-2{padding-bottom:0.5rem;padding-top:0.5rem}.pb-0{padding-bottom:0}.pb-10{padding-bottom:2.5rem}.pb-2{padding-bottom:0.5rem}.pb-3{padding-bottom:0.75rem}.pl-24{padding-left:6rem}.pl-3{padding-left:0.75rem}.pl-4{padding-left:1rem}.pr-3{padding-right:0.75rem}.pt-0{padding-top:0}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-\\[55px\\]{padding-top:55px}.text-left{text-align:left}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-\\[22px\\]{line-height:22px}.\\!text-gray-900{--tw-text-opacity:1!important;color:rgb(57 62 69/var(--tw-text-opacity)) !important}.text-blue-1000{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity))}.text-charcoal{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(93 99 107/var(--tw-text-opacity))}.text-green-800{--tw-text-opacity:1;color:rgb(0 102 5/var(--tw-text-opacity))}.text-inherit{color:inherit}.text-red-800{--tw-text-opacity:1;color:rgb(217 12 85/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.opacity-50{opacity:0.5}.shadow-\\[0_-12px_14px_-16px_\\#00000033\\]{--tw-shadow:0 -12px 14px -16px #00000033;--tw-shadow-colored:0 -12px 14px -16px var(--tw-shadow-color)}.shadow-\\[0_-12px_14px_-16px_\\#00000033\\],.shadow-md{box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)}.shadow-md{--tw-shadow:0px 2px 8px rgba(0,0,0,.2);--tw-shadow-colored:0px 2px 8px var(--tw-shadow-color)}.\\!outline-none{outline:2px solid transparent !important;outline-offset:2px !important}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:0.15s;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.duration-300{transition-duration:0.3s}.active\\:raw-focus-ring:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}@media(min-width: 732px){.md\\:item-heading{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;letter-spacing:-0.025em;line-height:1.5rem}.category-content>.md\\:missing-answer-label{display:block}.category-content>.md\\:missing-answer-label~.md\\:missing-answer-label{display:none}}@media(hover: hover) and (pointer: fine){.td\\:hover-focus-ring:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}}.last\\:mr-0:last-child{margin-right:0}.focus-within\\:left-0:focus-within{left:0}.focus-within\\:right-0:focus-within{right:0}.focus-within\\:top-0:focus-within{top:0}.focus-within\\:z-30:focus-within{z-index:30}.hover\\:bg-black-50:hover{background-color:rgba(0, 0, 0, 0.0509803922)}.hover\\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}.hover\\:bg-violet-100:hover{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.hover\\:bg-yellow-1000:hover{--tw-bg-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity))}.hover\\:text-charcoal:hover{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.focus\\:outline-transparent:focus{outline-color:transparent}.focus-visible\\:border:focus-visible{border-width:1px}.focus-visible\\:border-charcoal:focus-visible{--tw-border-opacity:1;border-color:rgb(33 37 41/var(--tw-border-opacity))}.focus-visible\\:border-gray-400:focus-visible{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.focus-visible\\:border-gray-800:focus-visible{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\\:bg-black-55:active,.active\\:bg-black-60:active{background-color:rgba(0, 0, 0, 0.1019607843)}.active\\:bg-yellow-1100:active{--tw-bg-opacity:1;background-color:rgb(238 206 26/var(--tw-bg-opacity))}.active\\:text-charcoal:active{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.disabled\\:text-gray-40:disabled{--tw-text-opacity:1;color:rgb(142 147 153/var(--tw-text-opacity))}.disabled\\:hover\\:bg-white:hover:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.group\\/itemContainer:hover .group-hover\\/itemContainer\\:bg-violet-100{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.group:hover .group-hover\\:underline{text-decoration-line:underline}.group:active .group-active\\:border-2{border-width:2px}.group:active .group-active\\:border-blue-1000{--tw-border-opacity:1;border-color:rgb(40 44 135/var(--tw-border-opacity))}.group:active .group-active\\:p-\\[7px\\]{padding:7px}@media(min-width: 732px){.md\\:inset-0{inset:0}.md\\:top-20{top:5rem}.md\\:mb-2{margin-bottom:0.5rem}.md\\:mb-4{margin-bottom:1rem}.md\\:mb-8{margin-bottom:2rem}.md\\:mt-14{margin-top:3.5rem}.md\\:block{display:block}.md\\:inline-block{display:inline-block}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:h-fit{height:-moz-fit-content;height:fit-content}.md\\:min-h-0{min-height:0}.md\\:min-h-\\[140px\\]{min-height:140px}.md\\:min-h-\\[164px\\]{min-height:164px}.md\\:w-fit{width:-moz-fit-content;width:fit-content}.md\\:grow-0{flex-grow:0}.md\\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.md\\:flex-row{flex-direction:row}.md\\:flex-col{flex-direction:column}.md\\:items-center{align-items:center}.md\\:justify-normal{justify-content:normal}.md\\:justify-center{justify-content:center}.md\\:justify-between{justify-content:space-between}.md\\:gap-6{gap:1.5rem}.md\\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px * var(--tw-space-y-reverse));margin-top:calc(0px * (1 - var(--tw-space-y-reverse)))}.md\\:rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.md\\:border{border-width:1px}.md\\:border-gray-400{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.md\\:\\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity)) !important}.md\\:p-4{padding:1rem}.md\\:px-0{padding-left:0;padding-right:0}.md\\:pb-0{padding-bottom:0}.md\\:pt-20{padding-top:5rem}.md\\:pt-20\\.5{padding-top:5.125rem}.md\\:text-center{text-align:center}.md\\:shadow-\\[0_0_\\#0000\\]{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)}.group\\/itemContainer:hover .md\\:group-hover\\/itemContainer\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}}@media(min-width: 1196px){.lg\\:mr-6{margin-right:1.5rem}.lg\\:flex{display:flex}.lg\\:hidden{display:none}.lg\\:min-h-\\[224px\\]{min-height:224px}.lg\\:w-full{width:100%}.lg\\:max-w-\\[50\\%\\]{max-width:50%}.lg\\:grow{flex-grow:1}.lg\\:basis-1\\/2{flex-basis:50%}.lg\\:items-center{align-items:center}.lg\\:justify-between{justify-content:space-between}.lg\\:gap-0{gap:0}.lg\\:last\\:mr-0:last-child{margin-right:0}}@media(hover: hover) and (pointer: fine){.td\\:hover\\:cursor-grab:hover{cursor:grab}.td\\:hover\\:border-gray-800:hover{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.td\\:hover\\:bg-black-50:hover{background-color:rgba(0, 0, 0, 0.0509803922)}.td\\:hover\\:bg-violet-100:hover{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.td\\:hover\\:text-soft-blue:hover{--tw-text-opacity:1;color:rgb(84 101 251/var(--tw-text-opacity))}.group:hover .td\\:group-hover\\:bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.group:hover .td\\:group-hover\\:opacity-5{opacity:0.05}}');
+    append_styles(target, "svelte-r91tsr", '*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:Mulish, sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*{font-family:Mulish, sans-serif}input::-moz-selection,textarea::-moz-selection{background-color:hsla(0, 0%, 85%, 0.4)}input::selection,textarea::selection{background-color:hsla(0, 0%, 85%, 0.4)}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.p2{font-size:0.875rem;font-weight:600;line-height:1.25rem;line-height:1.5}.blanket-overlay{--tw-bg-opacity:1;background-color:rgb(33 37 41/var(--tw-bg-opacity));inset:0;opacity:0.3;position:absolute}.item-heading{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;letter-spacing:-0.025em;line-height:1.5rem}.focus-ring:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.hover-focus-ring:hover,.raw-focus-ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.divider{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(218 224 224/var(--tw-border-opacity))}@keyframes svelte-r91tsr-pulse{50%{opacity:0.5}}.animate-skeleton{--tw-bg-opacity:1;animation:svelte-r91tsr-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;background-color:rgb(226 232 240/var(--tw-bg-opacity))}.btn-mcq-option:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.btn-mcq-option{--tw-text-opacity:1;--tw-border-opacity:1;--tw-bg-opacity:1;align-items:center;background-color:rgb(247 250 250/var(--tw-bg-opacity));border-color:rgb(113 115 119/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));display:flex;font-size:1rem;justify-content:space-between;line-height:1.5rem;margin-bottom:1rem;min-height:48px;padding:0.5rem 0.75rem 0.5rem 0.5rem;width:100%}.btn-mcq-option:active{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity));border-color:rgb(40 44 135/var(--tw-border-opacity));border-width:2px}@media(hover: hover) and (pointer: fine){.btn-mcq-option:hover{--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}}.btn-mcq-option>span>.choice{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(113 115 119/var(--tw-border-opacity));border-radius:1rem;border-width:1px;color:rgb(93 99 107/var(--tw-text-opacity));display:flex;font-size:1rem;font-weight:700;height:2rem;justify-content:center;letter-spacing:0.05em;line-height:1rem;margin-right:1rem;padding:0.5rem;width:2rem}.btn-mcq-option.selected{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}.btn-mcq-option.selected,.btn-mcq-option.selected>span>.choice{border-color:rgb(40 44 135/var(--tw-border-opacity));border-width:2px}.btn-mcq-option.selected>span>.choice{--tw-border-opacity:1}.btn-mcq-option.selected.correct{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(241 254 241/var(--tw-bg-opacity));border-color:rgb(0 102 5/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected.incorrect{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(253 243 247/var(--tw-bg-opacity));border-color:rgb(217 12 85/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected.correct>span>.choice,.btn-mcq-option.selected.incorrect>span>.choice{--tw-border-opacity:1;border-color:rgb(113 115 119/var(--tw-border-opacity));border-width:1px}.typein-textbox:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.typein-textbox{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(93 99 107/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem;padding:0.75rem 1rem;width:100%}.typein-textbox::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(93 99 107/var(--tw-placeholder-opacity))}.typein-textbox::placeholder{--tw-placeholder-opacity:1;color:rgb(93 99 107/var(--tw-placeholder-opacity))}.typein-textbox:focus{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}}.typein-textbox:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0)) !important}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{transition-duration:50ms}}.typein-textbox:focus-visible{outline-color:#212529;outline-width:2px}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{outline-color:#212529;outline-width:2px}}.typein-textbox:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity))}.inline-typein-container>p{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;font-weight:600;line-height:2rem}#dnd-action-dragged-el{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;--tw-border-opacity:1!important;--tw-bg-opacity:1!important;background-color:rgb(205 208 254/var(--tw-bg-opacity)) !important;border-color:rgb(93 99 107/var(--tw-border-opacity)) !important;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));cursor:grabbing !important;outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}#dnd-action-dragged-el .btn-vertical-icon{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));cursor:grabbing !important}#dnd-action-dragged-el .preview-icon{display:none !important}#dnd-action-dragged-el .preview-vertical{display:block !important}.category-content>.missing-answer-label{display:block}.category-content>.missing-answer-label~.missing-answer-label{display:none}.text-stimulus{padding-bottom:1rem;padding-top:1rem}.text-stimulus p{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;line-height:1.75rem;padding-bottom:0.5rem}.text-stimulus ol,.text-stimulus ul{font-size:1rem;line-height:1.5rem;list-style-position:inside;padding-bottom:0.5rem;padding-left:0.5rem}.text-stimulus ol ::marker,.text-stimulus ul ::marker{color:#282c87}.text-stimulus ol::marker,.text-stimulus ul::marker{color:#282c87}.text-stimulus ul{list-style-type:disc}.text-stimulus ol{list-style-type:decimal}.text-stimulus ul li>p{margin-left:-0.5rem}.text-stimulus ol>li>p,.text-stimulus ul>li>p{display:inline;font-size:1rem;line-height:1.5rem;padding-bottom:0;padding-top:0}.text-stimulus div.table-container:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.text-stimulus div.table-container{border-radius:0.5rem;overflow:auto;padding-left:0.125rem;padding-right:0.125rem}.text-stimulus table{--tw-border-spacing-x:0.75rem;--tw-border-spacing-y:0.75rem;--tw-shadow:0 0 0 1px #9ca3af;--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);border-radius:0.5rem;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);margin-bottom:1rem;margin-top:0.5rem;overflow-x:auto;width:100%}.text-stimulus table tr{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(156 163 175/var(--tw-border-opacity))}.text-stimulus table tr:last-child{border-color:transparent}.text-stimulus table td,.text-stimulus table th{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity));border-left-width:1px;min-width:140px}.text-stimulus table td:first-child,.text-stimulus table th:first-child{border-style:none}.text-stimulus table td>p,.text-stimulus table th>p{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem;padding:0.75rem;text-align:left}.text-stimulus table th>p{font-weight:400}.prompt p,.text-stimulus table th p{font-weight:600}.prompt p b,.prompt p b i,.prompt p b i u,.prompt p b u,.prompt p b u i,.prompt p i b,.prompt p i b u,.prompt p i u b,.prompt p u b,.prompt p u b i,.prompt p u i b,.text-stimulus table th p b,.text-stimulus table th p b i,.text-stimulus table th p b i u,.text-stimulus table th p b u,.text-stimulus table th p b u i,.text-stimulus table th p i b,.text-stimulus table th p i b u,.text-stimulus table th p i u b,.text-stimulus table th p u b,.text-stimulus table th p u b i,.text-stimulus table th p u i b{font-weight:900}.sr-only{clip:rect(0, 0, 0, 0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.-top-2{top:-0.5rem}.-top-2\\.5{top:-0.625rem}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.left-0{left:0}.left-4{left:1rem}.left-\\[-9999px\\]{left:-9999px}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-12{top:3rem}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-0\\.5{margin-left:0.125rem;margin-right:0.125rem}.my-2{margin-bottom:0.5rem;margin-top:0.5rem}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.mb-1{margin-bottom:0.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:0.5rem}.mb-3{margin-bottom:0.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:0.25rem}.ml-3{margin-left:0.75rem}.ml-\\[3px\\]{margin-left:3px}.mr-1{margin-right:0.25rem}.mr-2{margin-right:0.5rem}.mr-4{margin-right:1rem}.mt-0{margin-top:0}.mt-0\\.5{margin-top:0.125rem}.mt-1{margin-top:0.25rem}.mt-2{margin-top:0.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-7\\.5{margin-top:1.875}.mt-9{margin-top:2.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-11{height:2.75rem}.h-4{height:1rem}.h-52{height:13rem}.h-6{height:1.5rem}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.max-h-\\[470px\\]{max-height:470px}.max-h-\\[660px\\]{max-height:660px}.min-h-\\[133px\\]{min-height:133px}.min-h-\\[140px\\]{min-height:140px}.min-h-\\[54px\\]{min-height:54px}.min-h-\\[86px\\]{min-height:86px}.w-11{width:2.75rem}.w-2{width:0.5rem}.w-2\\/4{width:50%}.w-4{width:1rem}.w-6{width:1.5rem}.w-60{width:15rem}.w-8{width:2rem}.w-8\\.5{width:2.125rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-\\[44px\\]{min-width:44px}.min-w-\\[85px\\]{min-width:85px}.max-w-\\[400px\\]{max-width:400px}.grow{flex-grow:1}.basis-0{flex-basis:0px}.\\!cursor-default{cursor:default !important}.\\!cursor-pointer{cursor:pointer !important}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:0.5rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0.5rem * var(--tw-space-y-reverse));margin-top:calc(0.5rem * (1 - var(--tw-space-y-reverse)))}.space-y-reverse>:not([hidden])~:not([hidden]){--tw-space-y-reverse:1}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:0.25rem}.rounded-\\[32px\\]{border-radius:32px}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.rounded-b-lg{border-bottom-right-radius:0.5rem}.rounded-b-lg,.rounded-l-lg{border-bottom-left-radius:0.5rem}.rounded-l-lg,.rounded-t-lg{border-top-left-radius:0.5rem}.rounded-t-lg{border-top-right-radius:0.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-6,.border-l-\\[6px\\]{border-left-width:6px}.border-dashed{border-style:dashed}.\\!border-blue-1000{--tw-border-opacity:1!important;border-color:rgb(40 44 135/var(--tw-border-opacity)) !important}.border-blue-1000{--tw-border-opacity:1;border-color:rgb(40 44 135/var(--tw-border-opacity))}.border-charcoal{--tw-border-opacity:1;border-color:rgb(33 37 41/var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.border-gray-800{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.border-green-800{--tw-border-opacity:1;border-color:rgb(0 102 5/var(--tw-border-opacity))}.border-red-600{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity))}.border-red-800{--tw-border-opacity:1;border-color:rgb(217 12 85/var(--tw-border-opacity))}.border-soft-blue{--tw-border-opacity:1;border-color:rgb(84 101 251/var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.\\!bg-violet-100{--tw-bg-opacity:1!important;background-color:rgb(235 235 255/var(--tw-bg-opacity)) !important}.\\!bg-violet-150{--tw-bg-opacity:1!important;background-color:rgb(205 208 254/var(--tw-bg-opacity)) !important}.\\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity)) !important}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-blue-1000{--tw-bg-opacity:1;background-color:rgb(40 44 135/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(247 250 250/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(244 244 244/var(--tw-bg-opacity))}.bg-green-300{--tw-bg-opacity:1;background-color:rgb(241 254 241/var(--tw-bg-opacity))}.bg-red-200{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity))}.bg-red-300{--tw-bg-opacity:1;background-color:rgb(253 243 247/var(--tw-bg-opacity))}.bg-soft-blue{--tw-bg-opacity:1;background-color:rgb(84 101 251/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-violet-100{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.bg-violet-150{--tw-bg-opacity:1;background-color:rgb(205 208 254/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-yellow-1000{--tw-bg-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity))}.p-0{padding:0}.p-0\\.5{padding:0.125rem}.p-1{padding:0.25rem}.p-1\\.5{padding:0.375rem}.p-2{padding:0.5rem}.p-3{padding:0.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:0.25rem;padding-top:0.25rem}.py-1\\.5{padding-bottom:0.375rem;padding-top:0.375rem}.py-2{padding-bottom:0.5rem;padding-top:0.5rem}.py-\\[9px\\]{padding-bottom:9px;padding-top:9px}.pb-0{padding-bottom:0}.pb-10{padding-bottom:2.5rem}.pb-2{padding-bottom:0.5rem}.pb-3{padding-bottom:0.75rem}.pl-13\\.2{padding-left:3.125rem}.pl-24{padding-left:6rem}.pl-3{padding-left:0.75rem}.pl-4{padding-left:1rem}.pr-3{padding-right:0.75rem}.pr-4{padding-right:1rem}.pt-0{padding-top:0}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-\\[13px\\]{padding-top:13px}.pt-\\[55px\\]{padding-top:55px}.text-left{text-align:left}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-\\[19px\\]{line-height:19px}.leading-\\[22px\\]{line-height:22px}.\\!text-gray-900{--tw-text-opacity:1!important;color:rgb(57 62 69/var(--tw-text-opacity)) !important}.text-blue-1000{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity))}.text-charcoal{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(93 99 107/var(--tw-text-opacity))}.text-green-800{--tw-text-opacity:1;color:rgb(0 102 5/var(--tw-text-opacity))}.text-inherit{color:inherit}.text-red-800{--tw-text-opacity:1;color:rgb(217 12 85/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.opacity-5{opacity:0.05}.opacity-50{opacity:0.5}.shadow-\\[0_-12px_14px_-16px_\\#00000033\\]{--tw-shadow:0 -12px 14px -16px #00000033;--tw-shadow-colored:0 -12px 14px -16px var(--tw-shadow-color)}.shadow-\\[0_-12px_14px_-16px_\\#00000033\\],.shadow-md{box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)}.shadow-md{--tw-shadow:0px 2px 8px rgba(0,0,0,.2);--tw-shadow-colored:0px 2px 8px var(--tw-shadow-color)}.\\!outline-none{outline:2px solid transparent !important;outline-offset:2px !important}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:0.15s;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.duration-300{transition-duration:0.3s}.active\\:raw-focus-ring:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}@media(min-width: 732px){.md\\:item-heading{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;letter-spacing:-0.025em;line-height:1.5rem}.category-content>.md\\:missing-answer-label{display:block}.category-content>.md\\:missing-answer-label~.md\\:missing-answer-label{display:none}}@media(hover: hover) and (pointer: fine){.td\\:hover-focus-ring:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}}.last\\:mr-0:last-child{margin-right:0}.focus-within\\:left-0:focus-within{left:0}.focus-within\\:right-0:focus-within{right:0}.focus-within\\:top-0:focus-within{top:0}.focus-within\\:z-30:focus-within{z-index:30}.hover\\:bg-black-50:hover{background-color:rgba(0, 0, 0, 0.0509803922)}.hover\\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}.hover\\:bg-violet-100:hover{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.hover\\:bg-yellow-1000:hover{--tw-bg-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity))}.hover\\:text-charcoal:hover{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.focus\\:outline-transparent:focus{outline-color:transparent}.focus-visible\\:border:focus-visible{border-width:1px}.focus-visible\\:border-charcoal:focus-visible{--tw-border-opacity:1;border-color:rgb(33 37 41/var(--tw-border-opacity))}.focus-visible\\:border-gray-400:focus-visible{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.focus-visible\\:border-gray-800:focus-visible{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\\:bg-black-55:active,.active\\:bg-black-60:active{background-color:rgba(0, 0, 0, 0.1019607843)}.active\\:bg-yellow-1100:active{--tw-bg-opacity:1;background-color:rgb(238 206 26/var(--tw-bg-opacity))}.active\\:text-charcoal:active{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.disabled\\:text-gray-40:disabled{--tw-text-opacity:1;color:rgb(142 147 153/var(--tw-text-opacity))}.disabled\\:hover\\:bg-white:hover:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.group\\/itemContainer:hover .group-hover\\/itemContainer\\:bg-violet-100{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.group:hover .group-hover\\:underline{text-decoration-line:underline}.group:active .group-active\\:border-2{border-width:2px}.group:active .group-active\\:border-blue-1000{--tw-border-opacity:1;border-color:rgb(40 44 135/var(--tw-border-opacity))}.group:active .group-active\\:p-\\[7px\\]{padding:7px}@media(min-width: 732px){.md\\:inset-0{inset:0}.md\\:top-20{top:5rem}.md\\:mb-2{margin-bottom:0.5rem}.md\\:mb-4{margin-bottom:1rem}.md\\:mb-8{margin-bottom:2rem}.md\\:mt-14{margin-top:3.5rem}.md\\:block{display:block}.md\\:inline-block{display:inline-block}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:h-fit{height:-moz-fit-content;height:fit-content}.md\\:min-h-0{min-height:0}.md\\:min-h-\\[140px\\]{min-height:140px}.md\\:min-h-\\[164px\\]{min-height:164px}.md\\:w-fit{width:-moz-fit-content;width:fit-content}.md\\:grow-0{flex-grow:0}.md\\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.md\\:flex-row{flex-direction:row}.md\\:flex-col{flex-direction:column}.md\\:items-center{align-items:center}.md\\:justify-normal{justify-content:normal}.md\\:justify-center{justify-content:center}.md\\:justify-between{justify-content:space-between}.md\\:gap-6{gap:1.5rem}.md\\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px * var(--tw-space-y-reverse));margin-top:calc(0px * (1 - var(--tw-space-y-reverse)))}.md\\:rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.md\\:border{border-width:1px}.md\\:border-gray-400{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.md\\:\\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity)) !important}.md\\:p-4{padding:1rem}.md\\:px-0{padding-left:0;padding-right:0}.md\\:pb-0{padding-bottom:0}.md\\:pt-20{padding-top:5rem}.md\\:pt-20\\.5{padding-top:5.125rem}.md\\:text-center{text-align:center}.md\\:shadow-\\[0_0_\\#0000\\]{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)}.group\\/itemContainer:hover .md\\:group-hover\\/itemContainer\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}}@media(min-width: 1196px){.lg\\:mr-6{margin-right:1.5rem}.lg\\:flex{display:flex}.lg\\:hidden{display:none}.lg\\:min-h-\\[224px\\]{min-height:224px}.lg\\:w-full{width:100%}.lg\\:max-w-\\[50\\%\\]{max-width:50%}.lg\\:grow{flex-grow:1}.lg\\:basis-1\\/2{flex-basis:50%}.lg\\:items-center{align-items:center}.lg\\:justify-between{justify-content:space-between}.lg\\:gap-0{gap:0}.lg\\:last\\:mr-0:last-child{margin-right:0}}@media(hover: hover) and (pointer: fine){.td\\:hover\\:cursor-grab:hover{cursor:grab}.td\\:hover\\:border-gray-800:hover{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.td\\:hover\\:bg-black-50:hover{background-color:rgba(0, 0, 0, 0.0509803922)}.td\\:hover\\:bg-violet-100:hover{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.td\\:hover\\:text-soft-blue:hover{--tw-text-opacity:1;color:rgb(84 101 251/var(--tw-text-opacity))}.group:hover .td\\:group-hover\\:bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.group:hover .td\\:group-hover\\:opacity-5{opacity:0.05}}');
   }
   function create_else_block_12(ctx) {
     let invalidbanner;
@@ -11972,7 +12244,7 @@
     let if_block;
     let if_block_anchor;
     let current;
-    const if_block_creators = [create_if_block_28, create_if_block_35, create_if_block_44, create_else_block5];
+    const if_block_creators = [create_if_block_28, create_if_block_36, create_if_block_45, create_else_block5];
     const if_blocks = [];
     function select_block_type_1(ctx2, dirty) {
       if (
@@ -12100,7 +12372,7 @@
       }
     };
   }
-  function create_if_block_44(ctx) {
+  function create_if_block_45(ctx) {
     let promptcategorise;
     let current;
     promptcategorise = new PromptCategorise_default({
@@ -12109,6 +12381,10 @@
           /*sessionData*/
           ctx[0]
         ),
+        isDataSaving: (
+          /*isDataSaving*/
+          ctx[2]
+        ),
         isFinished: (
           /*isFinished*/
           ctx[4]
@@ -12142,6 +12418,10 @@
         1)
           promptcategorise_changes.sessionData = /*sessionData*/
           ctx2[0];
+        if (dirty & /*isDataSaving*/
+        4)
+          promptcategorise_changes.isDataSaving = /*isDataSaving*/
+          ctx2[2];
         if (dirty & /*isFinished*/
         16)
           promptcategorise_changes.isFinished = /*isFinished*/
@@ -12163,7 +12443,7 @@
       }
     };
   }
-  function create_if_block_35(ctx) {
+  function create_if_block_36(ctx) {
     let prompttypein;
     let current;
     prompttypein = new PromptTypeIn_default({
@@ -12320,7 +12600,10 @@
   function create_fragment26(ctx) {
     let current_block_type_index;
     let if_block;
-    let if_block_anchor;
+    let t2;
+    let link0;
+    let link1;
+    let link2;
     let current;
     const if_block_creators = [create_if_block10, create_if_block_19, create_else_block_12];
     const if_blocks = [];
@@ -12342,11 +12625,24 @@
     return {
       c() {
         if_block.c();
-        if_block_anchor = empty();
+        t2 = space();
+        link0 = element("link");
+        link1 = element("link");
+        link2 = element("link");
+        attr(link0, "rel", "preconnect");
+        attr(link0, "href", "https://fonts.googleapis.com");
+        attr(link1, "rel", "preconnect");
+        attr(link1, "href", "https://fonts.gstatic.com");
+        attr(link1, "crossorigin", "");
+        attr(link2, "href", "https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap");
+        attr(link2, "rel", "stylesheet");
       },
       m(target, anchor) {
         if_blocks[current_block_type_index].m(target, anchor);
-        insert(target, if_block_anchor, anchor);
+        insert(target, t2, anchor);
+        append(document.head, link0);
+        append(document.head, link1);
+        append(document.head, link2);
         current = true;
       },
       p(ctx2, [dirty]) {
@@ -12368,7 +12664,7 @@
             if_block.p(ctx2, dirty);
           }
           transition_in(if_block, 1);
-          if_block.m(if_block_anchor.parentNode, if_block_anchor);
+          if_block.m(t2.parentNode, t2);
         }
       },
       i(local) {
@@ -12383,9 +12679,12 @@
       },
       d(detaching) {
         if (detaching) {
-          detach(if_block_anchor);
+          detach(t2);
         }
         if_blocks[current_block_type_index].d(detaching);
+        detach(link0);
+        detach(link1);
+        detach(link2);
       }
     };
   }