eat-js-sdk 0.0.52 → 0.0.54

package/dist/eat-prompt-builder.mjs

@@ -26,6 +26,16 @@
   function safe_not_equal(a, b) {
     return a != a ? b == b : a !== b || a && typeof a === "object" || typeof a === "function";
   }
+  var src_url_equal_anchor;
+  function src_url_equal(element_src, url) {
+    if (element_src === url)
+      return true;
+    if (!src_url_equal_anchor) {
+      src_url_equal_anchor = document.createElement("a");
+    }
+    src_url_equal_anchor.href = url;
+    return element_src === src_url_equal_anchor.href;
+  }
   function is_empty(obj) {
     return Object.keys(obj).length === 0;
   }
@@ -698,7 +708,7 @@
     }
     component.$$.dirty[i / 31 | 0] |= 1 << i % 31;
   }
-  function init(component, options, instance12, create_fragment25, not_equal, props, append_styles2 = null, dirty = [-1]) {
+  function init(component, options, instance13, create_fragment26, not_equal, props, append_styles2 = null, dirty = [-1]) {
     const parent_component = current_component;
     set_current_component(component);
     const $$ = component.$$ = {
@@ -724,7 +734,7 @@
     };
     append_styles2 && append_styles2($$.root);
     let ready = false;
-    $$.ctx = instance12 ? instance12(component, options.props || {}, (i, ret, ...rest) => {
+    $$.ctx = instance13 ? instance13(component, options.props || {}, (i, ret, ...rest) => {
       const value = rest.length ? rest[0] : ret;
       if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) {
         if (!$$.skip_bound && $$.bound[i])
@@ -737,7 +747,7 @@
     $$.update();
     ready = true;
     run_all($$.before_update);
-    $$.fragment = create_fragment25 ? create_fragment25($$.ctx) : false;
+    $$.fragment = create_fragment26 ? create_fragment26($$.ctx) : false;
     if (options.target) {
       if (options.hydrate) {
         start_hydrating();
@@ -1144,13 +1154,284 @@
   var useRemoveDiacritics = (data) => data.normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/\s+/g, " ");
   var useRemovePunctuation = (data) => data.replace(/[^\p{L}\p{M}\s\d]/gu, "").replace(/\s+/g, " ");
 
-  // src/lib/components/prompt/template/PromptBody.svelte
+  // src/lib/constants/index.ts
+  var INTERACTION_TYPE_MCQ = "multipleChoiceInteraction";
+  var INTERACTION_TYPE_TYPEIN = "typeInInteraction";
+  var INTERACTION_TYPE_CATEGORISE = "categoriseInteraction";
+  var TYPEIN_TYPE_SHORT = "Short-Text";
+  var CONTAINER_WORD_BIN_ID = "container-word-bin";
+  var SCREEN_MD = 732;
+  var EAT_DASH = "@eat-dash@";
+  var ANSWER_CORRECT = "correct";
+  var ANSWER_INCORRECT = "incorrect";
+  var ANSWER_MISSED = "missed";
+  var ASSET_ALIGNMENT_DEFAULT = "default";
+  var ASSET_ALIGNMENT_INLINE = "inline";
+  var ASSET_TYPE_IMAGE = "image";
+
+  // src/lib/components/common/CommonMedia.svelte
+  function create_if_block(ctx) {
+    let div;
+    let if_block = (
+      /*fileType*/
+      ctx[0] === ASSET_TYPE_IMAGE && create_if_block_1(ctx)
+    );
+    return {
+      c() {
+        div = element("div");
+        if (if_block)
+          if_block.c();
+        attr(div, "class", "flex items-center justify-center flex-col text-center");
+      },
+      m(target, anchor) {
+        insert(target, div, anchor);
+        if (if_block)
+          if_block.m(div, null);
+      },
+      p(ctx2, dirty) {
+        if (
+          /*fileType*/
+          ctx2[0] === ASSET_TYPE_IMAGE
+        ) {
+          if (if_block) {
+            if_block.p(ctx2, dirty);
+          } else {
+            if_block = create_if_block_1(ctx2);
+            if_block.c();
+            if_block.m(div, null);
+          }
+        } else if (if_block) {
+          if_block.d(1);
+          if_block = null;
+        }
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(div);
+        }
+        if (if_block)
+          if_block.d();
+      }
+    };
+  }
   function create_if_block_1(ctx) {
+    let img;
+    let img_src_value;
+    let t2;
+    let if_block_anchor;
+    let if_block = (
+      /*fileCaption*/
+      ctx[3] && create_if_block_2(ctx)
+    );
+    return {
+      c() {
+        img = element("img");
+        t2 = space();
+        if (if_block)
+          if_block.c();
+        if_block_anchor = empty();
+        if (!src_url_equal(img.src, img_src_value = /*fileUrl*/
+        ctx[1]))
+          attr(img, "src", img_src_value);
+        attr(
+          img,
+          "alt",
+          /*altText*/
+          ctx[2]
+        );
+      },
+      m(target, anchor) {
+        insert(target, img, anchor);
+        insert(target, t2, anchor);
+        if (if_block)
+          if_block.m(target, anchor);
+        insert(target, if_block_anchor, anchor);
+      },
+      p(ctx2, dirty) {
+        if (dirty & /*fileUrl*/
+        2 && !src_url_equal(img.src, img_src_value = /*fileUrl*/
+        ctx2[1])) {
+          attr(img, "src", img_src_value);
+        }
+        if (dirty & /*altText*/
+        4) {
+          attr(
+            img,
+            "alt",
+            /*altText*/
+            ctx2[2]
+          );
+        }
+        if (
+          /*fileCaption*/
+          ctx2[3]
+        ) {
+          if (if_block) {
+            if_block.p(ctx2, dirty);
+          } else {
+            if_block = create_if_block_2(ctx2);
+            if_block.c();
+            if_block.m(if_block_anchor.parentNode, if_block_anchor);
+          }
+        } else if (if_block) {
+          if_block.d(1);
+          if_block = null;
+        }
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(img);
+          detach(t2);
+          detach(if_block_anchor);
+        }
+        if (if_block)
+          if_block.d(detaching);
+      }
+    };
+  }
+  function create_if_block_2(ctx) {
+    let p;
+    let t2;
+    return {
+      c() {
+        p = element("p");
+        t2 = text(
+          /*fileCaption*/
+          ctx[3]
+        );
+        attr(p, "class", "text-lg leading-[22px] text-blue-1000 font-semibold mt-4");
+      },
+      m(target, anchor) {
+        insert(target, p, anchor);
+        append(p, t2);
+      },
+      p(ctx2, dirty) {
+        if (dirty & /*fileCaption*/
+        8)
+          set_data(
+            t2,
+            /*fileCaption*/
+            ctx2[3]
+          );
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(p);
+        }
+      }
+    };
+  }
+  function create_fragment(ctx) {
+    let if_block_anchor;
+    let if_block = (
+      /*fileUrl*/
+      ctx[1] && create_if_block(ctx)
+    );
+    return {
+      c() {
+        if (if_block)
+          if_block.c();
+        if_block_anchor = empty();
+      },
+      m(target, anchor) {
+        if (if_block)
+          if_block.m(target, anchor);
+        insert(target, if_block_anchor, anchor);
+      },
+      p(ctx2, [dirty]) {
+        if (
+          /*fileUrl*/
+          ctx2[1]
+        ) {
+          if (if_block) {
+            if_block.p(ctx2, dirty);
+          } else {
+            if_block = create_if_block(ctx2);
+            if_block.c();
+            if_block.m(if_block_anchor.parentNode, if_block_anchor);
+          }
+        } else if (if_block) {
+          if_block.d(1);
+          if_block = null;
+        }
+      },
+      i: noop,
+      o: noop,
+      d(detaching) {
+        if (detaching) {
+          detach(if_block_anchor);
+        }
+        if (if_block)
+          if_block.d(detaching);
+      }
+    };
+  }
+  function instance($$self, $$props, $$invalidate) {
+    let { fileType } = $$props;
+    let { fileUrl } = $$props;
+    let { altText = "" } = $$props;
+    let { fileCaption = "" } = $$props;
+    $$self.$$set = ($$props2) => {
+      if ("fileType" in $$props2)
+        $$invalidate(0, fileType = $$props2.fileType);
+      if ("fileUrl" in $$props2)
+        $$invalidate(1, fileUrl = $$props2.fileUrl);
+      if ("altText" in $$props2)
+        $$invalidate(2, altText = $$props2.altText);
+      if ("fileCaption" in $$props2)
+        $$invalidate(3, fileCaption = $$props2.fileCaption);
+    };
+    return [fileType, fileUrl, altText, fileCaption];
+  }
+  var CommonMedia = class extends SvelteComponent {
+    constructor(options) {
+      super();
+      init(this, options, instance, create_fragment, safe_not_equal, {
+        fileType: 0,
+        fileUrl: 1,
+        altText: 2,
+        fileCaption: 3
+      });
+    }
+    get fileType() {
+      return this.$$.ctx[0];
+    }
+    set fileType(fileType) {
+      this.$$set({ fileType });
+      flush();
+    }
+    get fileUrl() {
+      return this.$$.ctx[1];
+    }
+    set fileUrl(fileUrl) {
+      this.$$set({ fileUrl });
+      flush();
+    }
+    get altText() {
+      return this.$$.ctx[2];
+    }
+    set altText(altText) {
+      this.$$set({ altText });
+      flush();
+    }
+    get fileCaption() {
+      return this.$$.ctx[3];
+    }
+    set fileCaption(fileCaption) {
+      this.$$set({ fileCaption });
+      flush();
+    }
+  };
+  customElements.define("common-media", create_custom_element(CommonMedia, { "fileType": {}, "fileUrl": {}, "altText": {}, "fileCaption": {} }, [], [], true));
+  var CommonMedia_default = CommonMedia;
+
+  // src/lib/components/prompt/template/PromptBody.svelte
+  function create_if_block_4(ctx) {
     let html_tag;
     let raw_value = `<${/*promptRubricHeaderElem*/
-    ctx[2]} class="item-heading mb-2 md:mb-4">${/*rubric*/
+    ctx[9]} class="item-heading mb-4">${/*rubric*/
     ctx[0]}</${/*promptRubricHeaderElem*/
-    ctx[2]}>`;
+    ctx[9]}>`;
     let html_anchor;
     return {
       c() {
@@ -1165,9 +1446,9 @@
       p(ctx2, dirty) {
         if (dirty & /*rubric*/
         1 && raw_value !== (raw_value = `<${/*promptRubricHeaderElem*/
-        ctx2[2]} class="item-heading mb-2 md:mb-4">${/*rubric*/
+        ctx2[9]} class="item-heading mb-4">${/*rubric*/
         ctx2[0]}</${/*promptRubricHeaderElem*/
-        ctx2[2]}>`))
+        ctx2[9]}>`))
           html_tag.p(raw_value);
       },
       d(detaching) {
@@ -1178,12 +1459,85 @@
       }
     };
   }
-  function create_if_block(ctx) {
+  function create_if_block_3(ctx) {
+    let div;
+    let commonmedia;
+    let current;
+    commonmedia = new CommonMedia_default({
+      props: {
+        fileType: (
+          /*fileType*/
+          ctx[3]
+        ),
+        fileUrl: (
+          /*fileUrl*/
+          ctx[2]
+        ),
+        altText: (
+          /*altText*/
+          ctx[5]
+        ),
+        fileCaption: (
+          /*caption*/
+          ctx[6]
+        )
+      }
+    });
+    return {
+      c() {
+        div = element("div");
+        create_component(commonmedia.$$.fragment);
+        attr(div, "class", "pt-6 pb-10");
+      },
+      m(target, anchor) {
+        insert(target, div, anchor);
+        mount_component(commonmedia, div, null);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        const commonmedia_changes = {};
+        if (dirty & /*fileType*/
+        8)
+          commonmedia_changes.fileType = /*fileType*/
+          ctx2[3];
+        if (dirty & /*fileUrl*/
+        4)
+          commonmedia_changes.fileUrl = /*fileUrl*/
+          ctx2[2];
+        if (dirty & /*altText*/
+        32)
+          commonmedia_changes.altText = /*altText*/
+          ctx2[5];
+        if (dirty & /*caption*/
+        64)
+          commonmedia_changes.fileCaption = /*caption*/
+          ctx2[6];
+        commonmedia.$set(commonmedia_changes);
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(commonmedia.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(commonmedia.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(div);
+        }
+        destroy_component(commonmedia);
+      }
+    };
+  }
+  function create_if_block_22(ctx) {
     let html_tag;
     let raw_value = `<${/*promptRubricHeaderElem*/
-    ctx[2]} class="item-heading font-semibold">${/*prompt*/
+    ctx[9]} class="item-heading font-semibold">${/*prompt*/
     ctx[1]}</${/*promptRubricHeaderElem*/
-    ctx[2]}>`;
+    ctx[9]}>`;
     let html_anchor;
     return {
       c() {
@@ -1198,9 +1552,9 @@
       p(ctx2, dirty) {
         if (dirty & /*prompt*/
         2 && raw_value !== (raw_value = `<${/*promptRubricHeaderElem*/
-        ctx2[2]} class="item-heading font-semibold">${/*prompt*/
+        ctx2[9]} class="item-heading font-semibold">${/*prompt*/
         ctx2[1]}</${/*promptRubricHeaderElem*/
-        ctx2[2]}>`))
+        ctx2[9]}>`))
           html_tag.p(raw_value);
       },
       d(detaching) {
@@ -1211,34 +1565,204 @@
       }
     };
   }
-  function create_fragment(ctx) {
+  function create_if_block_12(ctx) {
+    let div;
+    let commonmedia;
+    let current;
+    commonmedia = new CommonMedia_default({
+      props: {
+        fileType: (
+          /*fileType*/
+          ctx[3]
+        ),
+        fileUrl: (
+          /*fileUrl*/
+          ctx[2]
+        ),
+        altText: (
+          /*altText*/
+          ctx[5]
+        ),
+        fileCaption: (
+          /*caption*/
+          ctx[6]
+        )
+      }
+    });
+    return {
+      c() {
+        div = element("div");
+        create_component(commonmedia.$$.fragment);
+        attr(div, "class", "pt-6 lg:hidden");
+      },
+      m(target, anchor) {
+        insert(target, div, anchor);
+        mount_component(commonmedia, div, null);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        const commonmedia_changes = {};
+        if (dirty & /*fileType*/
+        8)
+          commonmedia_changes.fileType = /*fileType*/
+          ctx2[3];
+        if (dirty & /*fileUrl*/
+        4)
+          commonmedia_changes.fileUrl = /*fileUrl*/
+          ctx2[2];
+        if (dirty & /*altText*/
+        32)
+          commonmedia_changes.altText = /*altText*/
+          ctx2[5];
+        if (dirty & /*caption*/
+        64)
+          commonmedia_changes.fileCaption = /*caption*/
+          ctx2[6];
+        commonmedia.$set(commonmedia_changes);
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(commonmedia.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(commonmedia.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(div);
+        }
+        destroy_component(commonmedia);
+      }
+    };
+  }
+  function create_if_block2(ctx) {
+    let div1;
+    let div0;
+    let commonmedia;
+    let current;
+    commonmedia = new CommonMedia_default({
+      props: {
+        fileType: (
+          /*fileType*/
+          ctx[3]
+        ),
+        fileUrl: (
+          /*fileUrl*/
+          ctx[2]
+        ),
+        altText: (
+          /*altText*/
+          ctx[5]
+        ),
+        fileCaption: (
+          /*caption*/
+          ctx[6]
+        )
+      }
+    });
+    return {
+      c() {
+        div1 = element("div");
+        div0 = element("div");
+        create_component(commonmedia.$$.fragment);
+        attr(div0, "class", "w-full");
+        attr(div1, "class", "pl-24 w-2/4 hidden lg:flex lg:basis-1/2 lg:items-center lg:justify-between lg:grow");
+      },
+      m(target, anchor) {
+        insert(target, div1, anchor);
+        append(div1, div0);
+        mount_component(commonmedia, div0, null);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        const commonmedia_changes = {};
+        if (dirty & /*fileType*/
+        8)
+          commonmedia_changes.fileType = /*fileType*/
+          ctx2[3];
+        if (dirty & /*fileUrl*/
+        4)
+          commonmedia_changes.fileUrl = /*fileUrl*/
+          ctx2[2];
+        if (dirty & /*altText*/
+        32)
+          commonmedia_changes.altText = /*altText*/
+          ctx2[5];
+        if (dirty & /*caption*/
+        64)
+          commonmedia_changes.fileCaption = /*caption*/
+          ctx2[6];
+        commonmedia.$set(commonmedia_changes);
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(commonmedia.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(commonmedia.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(div1);
+        }
+        destroy_component(commonmedia);
+      }
+    };
+  }
+  function create_fragment2(ctx) {
+    let div2;
     let div1;
     let t0;
     let t1;
-    let div0;
     let t2;
+    let t3;
+    let div0;
+    let t4;
+    let div1_class_value;
+    let t5;
+    let div2_class_value;
     let current;
     let if_block0 = (
       /*rubric*/
-      ctx[0] && create_if_block_1(ctx)
+      ctx[0] && create_if_block_4(ctx)
     );
     let if_block1 = (
+      /*showAsset*/
+      ctx[7] && /*fileAlignment*/
+      ctx[4] === ASSET_ALIGNMENT_INLINE && create_if_block_3(ctx)
+    );
+    let if_block2 = (
       /*prompt*/
-      ctx[1] && create_if_block(ctx)
+      ctx[1] && create_if_block_22(ctx)
+    );
+    let if_block3 = (
+      /*showAlignmentDefault*/
+      ctx[8] && create_if_block_12(ctx)
     );
     const default_slot_template = (
       /*#slots*/
-      ctx[4].default
+      ctx[13].default
     );
     const default_slot = create_slot(
       default_slot_template,
       ctx,
       /*$$scope*/
-      ctx[3],
+      ctx[12],
       null
     );
+    let if_block4 = (
+      /*showAlignmentDefault*/
+      ctx[8] && create_if_block2(ctx)
+    );
     return {
       c() {
+        div2 = element("div");
         div1 = element("div");
         if (if_block0)
           if_block0.c();
@@ -1246,26 +1770,48 @@
         if (if_block1)
           if_block1.c();
         t1 = space();
-        div0 = element("div");
+        if (if_block2)
+          if_block2.c();
         t2 = space();
+        if (if_block3)
+          if_block3.c();
+        t3 = space();
+        div0 = element("div");
+        t4 = space();
         if (default_slot)
           default_slot.c();
+        t5 = space();
+        if (if_block4)
+          if_block4.c();
         attr(div0, "class", "divider my-6");
-        attr(div1, "class", "bg-transparent relative");
+        attr(div1, "class", div1_class_value = "bg-transparent relative " + /*showAlignmentDefault*/
+        (ctx[8] ? "lg:basis-1/2" : ""));
+        attr(div2, "class", div2_class_value = /*showAlignmentDefault*/
+        ctx[8] ? "lg:w-full lg:flex" : "");
       },
       m(target, anchor) {
-        insert(target, div1, anchor);
+        insert(target, div2, anchor);
+        append(div2, div1);
         if (if_block0)
           if_block0.m(div1, null);
         append(div1, t0);
         if (if_block1)
           if_block1.m(div1, null);
         append(div1, t1);
-        append(div1, div0);
+        if (if_block2)
+          if_block2.m(div1, null);
         append(div1, t2);
+        if (if_block3)
+          if_block3.m(div1, null);
+        append(div1, t3);
+        append(div1, div0);
+        append(div1, t4);
         if (default_slot) {
           default_slot.m(div1, null);
         }
+        append(div2, t5);
+        if (if_block4)
+          if_block4.m(div2, null);
         current = true;
       },
       p(ctx2, [dirty]) {
@@ -1276,7 +1822,7 @@
           if (if_block0) {
             if_block0.p(ctx2, dirty);
           } else {
-            if_block0 = create_if_block_1(ctx2);
+            if_block0 = create_if_block_4(ctx2);
             if_block0.c();
             if_block0.m(div1, t0);
           }
@@ -1285,36 +1831,65 @@
           if_block0 = null;
         }
         if (
-          /*prompt*/
-          ctx2[1]
+          /*showAsset*/
+          ctx2[7] && /*fileAlignment*/
+          ctx2[4] === ASSET_ALIGNMENT_INLINE
         ) {
           if (if_block1) {
             if_block1.p(ctx2, dirty);
+            if (dirty & /*fileAlignment*/
+            16) {
+              transition_in(if_block1, 1);
+            }
           } else {
-            if_block1 = create_if_block(ctx2);
+            if_block1 = create_if_block_3(ctx2);
             if_block1.c();
+            transition_in(if_block1, 1);
             if_block1.m(div1, t1);
           }
         } else if (if_block1) {
-          if_block1.d(1);
-          if_block1 = null;
+          group_outros();
+          transition_out(if_block1, 1, 1, () => {
+            if_block1 = null;
+          });
+          check_outros();
         }
+        if (
+          /*prompt*/
+          ctx2[1]
+        ) {
+          if (if_block2) {
+            if_block2.p(ctx2, dirty);
+          } else {
+            if_block2 = create_if_block_22(ctx2);
+            if_block2.c();
+            if_block2.m(div1, t2);
+          }
+        } else if (if_block2) {
+          if_block2.d(1);
+          if_block2 = null;
+        }
+        if (
+          /*showAlignmentDefault*/
+          ctx2[8]
+        )
+          if_block3.p(ctx2, dirty);
         if (default_slot) {
           if (default_slot.p && (!current || dirty & /*$$scope*/
-          8)) {
+          4096)) {
             update_slot_base(
               default_slot,
               default_slot_template,
               ctx2,
               /*$$scope*/
-              ctx2[3],
+              ctx2[12],
               !current ? get_all_dirty_from_scope(
                 /*$$scope*/
-                ctx2[3]
+                ctx2[12]
               ) : get_slot_changes(
                 default_slot_template,
                 /*$$scope*/
-                ctx2[3],
+                ctx2[12],
                 dirty,
                 null
               ),
@@ -1322,49 +1897,112 @@
             );
           }
         }
+        if (
+          /*showAlignmentDefault*/
+          ctx2[8]
+        )
+          if_block4.p(ctx2, dirty);
       },
       i(local) {
         if (current)
           return;
+        transition_in(if_block1);
+        transition_in(if_block3);
         transition_in(default_slot, local);
+        transition_in(if_block4);
         current = true;
       },
       o(local) {
+        transition_out(if_block1);
+        transition_out(if_block3);
         transition_out(default_slot, local);
+        transition_out(if_block4);
         current = false;
       },
       d(detaching) {
         if (detaching) {
-          detach(div1);
+          detach(div2);
         }
         if (if_block0)
           if_block0.d();
         if (if_block1)
           if_block1.d();
+        if (if_block2)
+          if_block2.d();
+        if (if_block3)
+          if_block3.d();
         if (default_slot)
           default_slot.d(detaching);
+        if (if_block4)
+          if_block4.d();
       }
     };
   }
-  function instance($$self, $$props, $$invalidate) {
+  function instance2($$self, $$props, $$invalidate) {
     let { $$slots: slots = {}, $$scope } = $$props;
     let { rubric } = $$props;
     let { prompt } = $$props;
+    let { interactionType = "" } = $$props;
+    let { stimulus = null } = $$props;
+    let fileUrl = "";
+    let fileType = "";
+    let fileAlignment = "default";
+    let altText = "";
+    let caption = "";
+    if (stimulus) {
+      const { asset_alignment: assetAlignment, alternative_text: alternativeText, description, file } = stimulus;
+      if (file) {
+        const { url, file_name: fileName, content_type: contentType } = file;
+        const tempName = fileName || "Exercise image";
+        const fileContentType = contentType.split("/");
+        fileAlignment = assetAlignment;
+        altText = alternativeText || tempName;
+        fileUrl = url || "";
+        fileType = contentType ? fileContentType[0] : "";
+        caption = description || "";
+      }
+    }
+    const showAsset = (interactionType === INTERACTION_TYPE_MCQ || interactionType === INTERACTION_TYPE_TYPEIN) && fileUrl;
+    const showAlignmentDefault = showAsset && fileAlignment === ASSET_ALIGNMENT_DEFAULT;
     const promptRubricHeaderElem = get_store_value(promptRubricElem);
     $$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(10, interactionType = $$props2.interactionType);
+      if ("stimulus" in $$props2)
+        $$invalidate(11, stimulus = $$props2.stimulus);
       if ("$$scope" in $$props2)
-        $$invalidate(3, $$scope = $$props2.$$scope);
+        $$invalidate(12, $$scope = $$props2.$$scope);
     };
-    return [rubric, prompt, promptRubricHeaderElem, $$scope, slots];
+    return [
+      rubric,
+      prompt,
+      fileUrl,
+      fileType,
+      fileAlignment,
+      altText,
+      caption,
+      showAsset,
+      showAlignmentDefault,
+      promptRubricHeaderElem,
+      interactionType,
+      stimulus,
+      $$scope,
+      slots
+    ];
   }
   var PromptBody = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance, create_fragment, safe_not_equal, { rubric: 0, prompt: 1 });
+      init(this, options, instance2, create_fragment2, safe_not_equal, {
+        rubric: 0,
+        prompt: 1,
+        interactionType: 10,
+        stimulus: 11
+      });
     }
     get rubric() {
       return this.$$.ctx[0];
@@ -1380,12 +2018,26 @@
       this.$$set({ prompt });
       flush();
     }
+    get interactionType() {
+      return this.$$.ctx[10];
+    }
+    set interactionType(interactionType) {
+      this.$$set({ interactionType });
+      flush();
+    }
+    get stimulus() {
+      return this.$$.ctx[11];
+    }
+    set stimulus(stimulus) {
+      this.$$set({ stimulus });
+      flush();
+    }
   };
-  customElements.define("prompt-body", create_custom_element(PromptBody, { "rubric": {}, "prompt": {} }, ["default"], [], true));
+  customElements.define("prompt-body", create_custom_element(PromptBody, { "rubric": {}, "prompt": {}, "interactionType": {}, "stimulus": {} }, ["default"], [], true));
   var PromptBody_default = PromptBody;
 
   // src/lib/components/prompt/template/PromptResultFeedback.svelte
-  function create_if_block2(ctx) {
+  function create_if_block3(ctx) {
     let div0;
     let t0;
     let span;
@@ -1395,7 +2047,7 @@
     let div1;
     let if_block = (
       /*resultFeedbackTitle*/
-      ctx[1] && create_if_block_12(ctx)
+      ctx[1] && create_if_block_13(ctx)
     );
     return {
       c() {
@@ -1433,7 +2085,7 @@
           if (if_block) {
             if_block.p(ctx2, dirty);
           } else {
-            if_block = create_if_block_12(ctx2);
+            if_block = create_if_block_13(ctx2);
             if_block.c();
             if_block.m(div0, t0);
           }
@@ -1465,7 +2117,7 @@
       }
     };
   }
-  function create_if_block_12(ctx) {
+  function create_if_block_13(ctx) {
     let span;
     let t2;
     return {
@@ -1497,11 +2149,11 @@
       }
     };
   }
-  function create_fragment2(ctx) {
+  function create_fragment3(ctx) {
     let if_block_anchor;
     let if_block = (
       /*resultFeedback*/
-      ctx[0] && create_if_block2(ctx)
+      ctx[0] && create_if_block3(ctx)
     );
     return {
       c() {
@@ -1522,7 +2174,7 @@
           if (if_block) {
             if_block.p(ctx2, dirty);
           } else {
-            if_block = create_if_block2(ctx2);
+            if_block = create_if_block3(ctx2);
             if_block.c();
             if_block.m(if_block_anchor.parentNode, if_block_anchor);
           }
@@ -1542,7 +2194,7 @@
       }
     };
   }
-  function instance2($$self, $$props, $$invalidate) {
+  function instance3($$self, $$props, $$invalidate) {
     let { resultFeedback = null } = $$props;
     let { resultFeedbackTitle = null } = $$props;
     let { isResultCorrect = true } = $$props;
@@ -1559,7 +2211,7 @@
   var PromptResultFeedback = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance2, create_fragment2, safe_not_equal, {
+      init(this, options, instance3, create_fragment3, safe_not_equal, {
         resultFeedback: 0,
         resultFeedbackTitle: 1,
         isResultCorrect: 2
@@ -1625,7 +2277,7 @@
   var useMCQ_default = useAlphabetEquivalent;
 
   // src/lib/assets/img/messaging/SuccessSolid.svelte
-  function create_fragment3(ctx) {
+  function create_fragment4(ctx) {
     let svg;
     let path;
     return {
@@ -1661,14 +2313,14 @@
   var SuccessSolid = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment3, safe_not_equal, {});
+      init(this, options, null, create_fragment4, safe_not_equal, {});
     }
   };
   create_custom_element(SuccessSolid, {}, [], [], true);
   var SuccessSolid_default = SuccessSolid;
 
   // src/lib/assets/img/messaging/ErrorSolid.svelte
-  function create_fragment4(ctx) {
+  function create_fragment5(ctx) {
     let svg;
     let path;
     return {
@@ -1704,7 +2356,7 @@
   var ErrorSolid = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment4, safe_not_equal, {});
+      init(this, options, null, create_fragment5, safe_not_equal, {});
     }
   };
   create_custom_element(ErrorSolid, {}, [], [], true);
@@ -1713,11 +2365,11 @@
   // src/lib/components/prompt/mcq/PromptMCQ.svelte
   function get_each_context(ctx, list, i) {
     const child_ctx = ctx.slice();
-    child_ctx[17] = list[i];
-    child_ctx[19] = i;
+    child_ctx[18] = list[i];
+    child_ctx[20] = i;
     return child_ctx;
   }
-  function create_if_block_13(ctx) {
+  function create_if_block_14(ctx) {
     let div1;
     let div0;
     let div0_class_value;
@@ -1725,7 +2377,7 @@
     let current;
     let each_value = ensure_array_like(Object.values(
       /*options*/
-      ctx[7]
+      ctx[8]
     ));
     let each_blocks = [];
     for (let i = 0; i < each_value.length; i += 1) {
@@ -1764,10 +2416,10 @@
           attr(div0, "class", div0_class_value);
         }
         if (dirty & /*selectedOption, Object, options, isFinished, isResultCorrect, handleOptionClick*/
-        398) {
+        782) {
           each_value = ensure_array_like(Object.values(
             /*options*/
-            ctx2[7]
+            ctx2[8]
           ));
           let i;
           for (i = 0; i < each_value.length; i += 1) {
@@ -1812,7 +2464,7 @@
       }
     };
   }
-  function create_if_block_4(ctx) {
+  function create_if_block_42(ctx) {
     let p;
     return {
       c() {
@@ -1830,13 +2482,13 @@
       }
     };
   }
-  function create_if_block_2(ctx) {
+  function create_if_block_23(ctx) {
     let span;
     let current_block_type_index;
     let if_block;
     let span_class_value;
     let current;
-    const if_block_creators = [create_if_block_3, create_else_block];
+    const if_block_creators = [create_if_block_32, create_else_block];
     const if_blocks = [];
     function select_block_type(ctx2, dirty) {
       if (
@@ -1930,7 +2582,7 @@
       }
     };
   }
-  function create_if_block_3(ctx) {
+  function create_if_block_32(ctx) {
     let successsolid;
     let current;
     successsolid = new SuccessSolid_default({});
@@ -1965,7 +2617,7 @@
     let t2;
     let t3_value = (
       /*option*/
-      ctx[17].answer + ""
+      ctx[18].answer + ""
     );
     let t3;
     let t4;
@@ -1979,20 +2631,20 @@
       /*isFinished*/
       ctx[1] && /*selectedOption*/
       ctx[3] === /*option*/
-      ctx[17].id && create_if_block_4(ctx)
+      ctx[18].id && create_if_block_42(ctx)
     );
     let if_block1 = (
       /*selectedOption*/
       ctx[3] === /*option*/
-      ctx[17].id && /*isFinished*/
-      ctx[1] && create_if_block_2(ctx)
+      ctx[18].id && /*isFinished*/
+      ctx[1] && create_if_block_23(ctx)
     );
     function click_handler() {
       return (
         /*click_handler*/
-        ctx[11](
+        ctx[12](
           /*option*/
-          ctx[17]
+          ctx[18]
         )
       );
     }
@@ -2006,7 +2658,7 @@
         span0 = element("span");
         span0.textContent = `${useMCQ_default(
           /*index*/
-          ctx[19]
+          ctx[20]
         )}`;
         t2 = space();
         t3 = text(t3_value);
@@ -2018,23 +2670,23 @@
         attr(span1, "class", "grow flex items-center");
         attr(button, "aria-label", button_aria_label_value = `${/*selectedOption*/
         ctx[3] === /*option*/
-        ctx[17].id ? `Selected option ${useMCQ_default(
+        ctx[18].id ? `Selected option ${useMCQ_default(
           /*index*/
-          ctx[19]
+          ctx[20]
         )}` : `Option ${useMCQ_default(
           /*index*/
-          ctx[19]
+          ctx[20]
         )}`}: ${/*option*/
-        ctx[17].answer} ${!/*isFinished*/
+        ctx[18].answer} ${!/*isFinished*/
         ctx[1] || /*selectedOption*/
         ctx[3] !== /*option*/
-        ctx[17].id ? "" : (
+        ctx[18].id ? "" : (
           /*isResultCorrect*/
           ctx[2] ? "(Correct answer)" : "(Incorrect answer)"
         )}`);
         attr(button, "class", button_class_value = "btn-mcq-option group text-left " + /*selectedOption*/
         (ctx[3] === /*option*/
-        ctx[17].id ? "selected" : "") + " " + (!/*isFinished*/
+        ctx[18].id ? "selected" : "") + " " + (!/*isFinished*/
         ctx[1] ? "" : (
           /*isResultCorrect*/
           ctx[2] ? "correct" : "incorrect"
@@ -2065,11 +2717,11 @@
           /*isFinished*/
           ctx[1] && /*selectedOption*/
           ctx[3] === /*option*/
-          ctx[17].id
+          ctx[18].id
         ) {
           if (if_block0) {
           } else {
-            if_block0 = create_if_block_4(ctx);
+            if_block0 = create_if_block_42(ctx);
             if_block0.c();
             if_block0.m(t0.parentNode, t0);
           }
@@ -2080,7 +2732,7 @@
         if (
           /*selectedOption*/
           ctx[3] === /*option*/
-          ctx[17].id && /*isFinished*/
+          ctx[18].id && /*isFinished*/
           ctx[1]
         ) {
           if (if_block1) {
@@ -2090,7 +2742,7 @@
               transition_in(if_block1, 1);
             }
           } else {
-            if_block1 = create_if_block_2(ctx);
+            if_block1 = create_if_block_23(ctx);
             if_block1.c();
             transition_in(if_block1, 1);
             if_block1.m(button, t5);
@@ -2105,17 +2757,17 @@
         if (!current || dirty & /*selectedOption, isFinished, isResultCorrect*/
         14 && button_aria_label_value !== (button_aria_label_value = `${/*selectedOption*/
         ctx[3] === /*option*/
-        ctx[17].id ? `Selected option ${useMCQ_default(
+        ctx[18].id ? `Selected option ${useMCQ_default(
           /*index*/
-          ctx[19]
+          ctx[20]
         )}` : `Option ${useMCQ_default(
           /*index*/
-          ctx[19]
+          ctx[20]
         )}`}: ${/*option*/
-        ctx[17].answer} ${!/*isFinished*/
+        ctx[18].answer} ${!/*isFinished*/
         ctx[1] || /*selectedOption*/
         ctx[3] !== /*option*/
-        ctx[17].id ? "" : (
+        ctx[18].id ? "" : (
           /*isResultCorrect*/
           ctx[2] ? "(Correct answer)" : "(Incorrect answer)"
         )}`)) {
@@ -2124,7 +2776,7 @@
         if (!current || dirty & /*selectedOption, isFinished, isResultCorrect*/
         14 && button_class_value !== (button_class_value = "btn-mcq-option group text-left " + /*selectedOption*/
         (ctx[3] === /*option*/
-        ctx[17].id ? "selected" : "") + " " + (!/*isFinished*/
+        ctx[18].id ? "selected" : "") + " " + (!/*isFinished*/
         ctx[1] ? "" : (
           /*isResultCorrect*/
           ctx[2] ? "correct" : "incorrect"
@@ -2161,7 +2813,7 @@
     let current;
     let if_block = (
       /*options*/
-      ctx[7] && create_if_block_13(ctx)
+      ctx[8] && create_if_block_14(ctx)
     );
     return {
       c() {
@@ -2178,7 +2830,7 @@
       p(ctx2, dirty) {
         if (
           /*options*/
-          ctx2[7]
+          ctx2[8]
         )
           if_block.p(ctx2, dirty);
       },
@@ -2201,7 +2853,7 @@
       }
     };
   }
-  function create_if_block3(ctx) {
+  function create_if_block4(ctx) {
     let promptresult;
     let current;
     promptresult = new PromptResultFeedback_default({
@@ -2251,7 +2903,7 @@
       }
     };
   }
-  function create_fragment5(ctx) {
+  function create_fragment6(ctx) {
     let promptbody;
     let t2;
     let if_block_anchor;
@@ -2264,6 +2916,11 @@
         ),
         prompt: (
           /*prompt*/
+          ctx[7]
+        ),
+        interactionType: INTERACTION_TYPE_MCQ,
+        stimulus: (
+          /*stimulus*/
           ctx[6]
         ),
         $$slots: { default: [create_default_slot] },
@@ -2272,7 +2929,7 @@
     });
     let if_block = (
       /*isFinished*/
-      ctx[1] && create_if_block3(ctx)
+      ctx[1] && create_if_block4(ctx)
     );
     return {
       c() {
@@ -2293,7 +2950,7 @@
       p(ctx2, [dirty]) {
         const promptbody_changes = {};
         if (dirty & /*$$scope, selectedOption, isFinished, isResultCorrect, isDataSaving*/
-        1048591) {
+        2097167) {
           promptbody_changes.$$scope = { dirty, ctx: ctx2 };
         }
         promptbody.$set(promptbody_changes);
@@ -2308,7 +2965,7 @@
               transition_in(if_block, 1);
             }
           } else {
-            if_block = create_if_block3(ctx2);
+            if_block = create_if_block4(ctx2);
             if_block.c();
             transition_in(if_block, 1);
             if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -2344,13 +3001,13 @@
       }
     };
   }
-  function instance3($$self, $$props, $$invalidate) {
+  function instance4($$self, $$props, $$invalidate) {
     let { sessionData } = $$props;
     let { isDataSaving } = $$props;
     let { isFinished = false } = $$props;
     let { isResultCorrect = false } = $$props;
     let { isPreviewModeInteractive = false } = $$props;
-    const { rubric, interaction, metadata, scoringMetadata } = sessionData;
+    const { rubric, interaction, metadata, scoringMetadata, stimulus } = sessionData;
     const { prompt, options } = interaction;
     let selectedOption = null;
     let resultFeedback = null;
@@ -2393,7 +3050,7 @@
     const click_handler = (option) => handleOptionClick(option.id, option.answer);
     $$self.$$set = ($$props2) => {
       if ("sessionData" in $$props2)
-        $$invalidate(9, sessionData = $$props2.sessionData);
+        $$invalidate(10, sessionData = $$props2.sessionData);
       if ("isDataSaving" in $$props2)
         $$invalidate(0, isDataSaving = $$props2.isDataSaving);
       if ("isFinished" in $$props2)
@@ -2401,7 +3058,7 @@
       if ("isResultCorrect" in $$props2)
         $$invalidate(2, isResultCorrect = $$props2.isResultCorrect);
       if ("isPreviewModeInteractive" in $$props2)
-        $$invalidate(10, isPreviewModeInteractive = $$props2.isPreviewModeInteractive);
+        $$invalidate(11, isPreviewModeInteractive = $$props2.isPreviewModeInteractive);
     };
     return [
       isDataSaving,
@@ -2410,6 +3067,7 @@
       selectedOption,
       resultFeedback,
       rubric,
+      stimulus,
       prompt,
       options,
       handleOptionClick,
@@ -2421,16 +3079,16 @@
   var PromptMCQ = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance3, create_fragment5, safe_not_equal, {
-        sessionData: 9,
+      init(this, options, instance4, create_fragment6, safe_not_equal, {
+        sessionData: 10,
         isDataSaving: 0,
         isFinished: 1,
         isResultCorrect: 2,
-        isPreviewModeInteractive: 10
+        isPreviewModeInteractive: 11
       });
     }
     get sessionData() {
-      return this.$$.ctx[9];
+      return this.$$.ctx[10];
     }
     set sessionData(sessionData) {
       this.$$set({ sessionData });
@@ -2458,7 +3116,7 @@
       flush();
     }
     get isPreviewModeInteractive() {
-      return this.$$.ctx[10];
+      return this.$$.ctx[11];
     }
     set isPreviewModeInteractive(isPreviewModeInteractive) {
       this.$$set({ isPreviewModeInteractive });
@@ -2540,18 +3198,6 @@
   action.destroy = autosize_esm_default.destroy;
   var svelte_autosize_default = action;
 
-  // src/lib/constants/index.ts
-  var INTERACTION_TYPE_MCQ = "multipleChoiceInteraction";
-  var INTERACTION_TYPE_TYPEIN = "typeInInteraction";
-  var INTERACTION_TYPE_CATEGORISE = "categoriseInteraction";
-  var TYPEIN_TYPE_SHORT = "Short-Text";
-  var CONTAINER_WORD_BIN_ID = "container-word-bin";
-  var SCREEN_MD = 732;
-  var EAT_DASH = "@eat-dash@";
-  var ANSWER_CORRECT = "correct";
-  var ANSWER_INCORRECT = "incorrect";
-  var ANSWER_MISSED = "missed";
-
   // src/lib/components/prompt/typein/PromptTypeIn.svelte
   function create_else_block_1(ctx) {
     let textarea;
@@ -2585,7 +3231,7 @@
         ctx[0];
         attr(textarea, "autocomplete", "off");
         textarea.readOnly = /*isReadonlyText*/
-        ctx[11];
+        ctx[12];
       },
       m(target, anchor) {
         insert(target, textarea, anchor);
@@ -2600,38 +3246,38 @@
               textarea,
               "input",
               /*textarea_input_handler*/
-              ctx[22]
+              ctx[23]
             ),
             listen(
               textarea,
               "mousedown",
               /*mousedown_handler*/
-              ctx[23]
+              ctx[24]
             ),
             listen(
               textarea,
               "touchstart",
               /*touchstart_handler*/
-              ctx[24],
+              ctx[25],
               { passive: true }
             ),
             listen(
               textarea,
               "focus",
               /*focus_handler*/
-              ctx[25]
+              ctx[26]
             ),
             listen(
               textarea,
               "focusout",
               /*focusout_handler_1*/
-              ctx[26]
+              ctx[27]
             ),
             listen(
               textarea,
               "keydown",
               /*keydown_handler_1*/
-              ctx[27]
+              ctx[28]
             ),
             action_destroyer(autosize_action = svelte_autosize_default.call(null, textarea))
           ];
@@ -2688,7 +3334,7 @@
       }
     };
   }
-  function create_if_block_22(ctx) {
+  function create_if_block_24(ctx) {
     let input;
     let input_class_value;
     let mounted;
@@ -2719,7 +3365,7 @@
         ctx[0];
         attr(input, "autocomplete", "off");
         input.readOnly = /*isReadonlyText*/
-        ctx[11];
+        ctx[12];
       },
       m(target, anchor) {
         insert(target, input, anchor);
@@ -2734,19 +3380,19 @@
               input,
               "input",
               /*input_input_handler*/
-              ctx[19]
+              ctx[20]
             ),
             listen(
               input,
               "focusout",
               /*focusout_handler*/
-              ctx[20]
+              ctx[21]
             ),
             listen(
               input,
               "keydown",
               /*keydown_handler*/
-              ctx[21]
+              ctx[22]
             )
           ];
           mounted = true;
@@ -2808,9 +3454,9 @@
     function select_block_type(ctx2, dirty) {
       if (
         /*typeinType*/
-        ctx2[10] === TYPEIN_TYPE_SHORT
+        ctx2[11] === TYPEIN_TYPE_SHORT
       )
-        return create_if_block_22;
+        return create_if_block_24;
       return create_else_block_1;
     }
     let current_block_type = select_block_type(ctx, [-1, -1]);
@@ -2835,7 +3481,7 @@
       }
     };
   }
-  function create_if_block4(ctx) {
+  function create_if_block5(ctx) {
     let div;
     let span0;
     let current_block_type_index;
@@ -2848,7 +3494,7 @@
     let t2;
     let promptresult;
     let current;
-    const if_block_creators = [create_if_block_14, create_else_block2];
+    const if_block_creators = [create_if_block_15, create_else_block2];
     const if_blocks = [];
     function select_block_type_1(ctx2, dirty) {
       if (
@@ -2890,7 +3536,7 @@
         attr(span1, "class", "p2");
         attr(div, "aria-hidden", "true");
         attr(div, "class", div_class_value = "flex items-center text-charcoal " + /*typeinType*/
-        (ctx[10] === TYPEIN_TYPE_SHORT ? "mt-2" : "mt-0.5"));
+        (ctx[11] === TYPEIN_TYPE_SHORT ? "mt-2" : "mt-0.5"));
       },
       m(target, anchor) {
         insert(target, div, anchor);
@@ -2993,7 +3639,7 @@
       }
     };
   }
-  function create_if_block_14(ctx) {
+  function create_if_block_15(ctx) {
     let successsolid;
     let current;
     successsolid = new SuccessSolid_default({});
@@ -3020,7 +3666,7 @@
       }
     };
   }
-  function create_fragment6(ctx) {
+  function create_fragment7(ctx) {
     let promptbody;
     let t2;
     let if_block_anchor;
@@ -3033,6 +3679,11 @@
         ),
         prompt: (
           /*prompt*/
+          ctx[10]
+        ),
+        interactionType: INTERACTION_TYPE_TYPEIN,
+        stimulus: (
+          /*stimulus*/
           ctx[9]
         ),
         $$slots: { default: [create_default_slot2] },
@@ -3041,7 +3692,7 @@
     });
     let if_block = (
       /*isFinished*/
-      ctx[1] && create_if_block4(ctx)
+      ctx[1] && create_if_block5(ctx)
     );
     return {
       c() {
@@ -3063,7 +3714,7 @@
         const promptbody_changes = {};
         if (dirty[0] & /*textAriaLabel, placeholder, isFinished, isResultCorrect, isDataSaving, typeinAnswer*/
         175 | dirty[1] & /*$$scope*/
-        32) {
+        64) {
           promptbody_changes.$$scope = { dirty, ctx: ctx2 };
         }
         promptbody.$set(promptbody_changes);
@@ -3078,7 +3729,7 @@
               transition_in(if_block, 1);
             }
           } else {
-            if_block = create_if_block4(ctx2);
+            if_block = create_if_block5(ctx2);
             if_block.c();
             transition_in(if_block, 1);
             if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -3115,7 +3766,7 @@
     };
   }
   var idLabel = "answerText";
-  function instance4($$self, $$props, $$invalidate) {
+  function instance5($$self, $$props, $$invalidate) {
     let { sessionData } = $$props;
     let { isDataSaving } = $$props;
     let { isFinished = false } = $$props;
@@ -3129,7 +3780,7 @@
     let placeholder = "Type your answer here";
     let focusOrigin = "tab";
     let resultLabel = "";
-    const { rubric, interaction, metadata, scoringMetadata } = sessionData;
+    const { rubric, interaction, metadata, scoringMetadata, stimulus } = sessionData;
     const { prompt, typein_type: typeinType } = interaction;
     if (metadata) {
       const events = metadata.interactions.events.pop();
@@ -3206,7 +3857,7 @@
     const keydown_handler_1 = (event) => saveOnEnter(event);
     $$self.$$set = ($$props2) => {
       if ("sessionData" in $$props2)
-        $$invalidate(16, sessionData = $$props2.sessionData);
+        $$invalidate(17, sessionData = $$props2.sessionData);
       if ("isDataSaving" in $$props2)
         $$invalidate(0, isDataSaving = $$props2.isDataSaving);
       if ("isFinished" in $$props2)
@@ -3214,9 +3865,9 @@
       if ("isResultCorrect" in $$props2)
         $$invalidate(2, isResultCorrect = $$props2.isResultCorrect);
       if ("isPreviewMode" in $$props2)
-        $$invalidate(17, isPreviewMode = $$props2.isPreviewMode);
+        $$invalidate(18, isPreviewMode = $$props2.isPreviewMode);
       if ("isPreviewModeInteractive" in $$props2)
-        $$invalidate(18, isPreviewModeInteractive = $$props2.isPreviewModeInteractive);
+        $$invalidate(19, isPreviewModeInteractive = $$props2.isPreviewModeInteractive);
     };
     return [
       isDataSaving,
@@ -3228,6 +3879,7 @@
       resultLabel,
       textAriaLabel,
       rubric,
+      stimulus,
       prompt,
       typeinType,
       isReadonlyText,
@@ -3255,23 +3907,23 @@
       init(
         this,
         options,
-        instance4,
-        create_fragment6,
+        instance5,
+        create_fragment7,
         safe_not_equal,
         {
-          sessionData: 16,
+          sessionData: 17,
           isDataSaving: 0,
           isFinished: 1,
           isResultCorrect: 2,
-          isPreviewMode: 17,
-          isPreviewModeInteractive: 18
+          isPreviewMode: 18,
+          isPreviewModeInteractive: 19
         },
         null,
         [-1, -1]
       );
     }
     get sessionData() {
-      return this.$$.ctx[16];
+      return this.$$.ctx[17];
     }
     set sessionData(sessionData) {
       this.$$set({ sessionData });
@@ -3299,14 +3951,14 @@
       flush();
     }
     get isPreviewMode() {
-      return this.$$.ctx[17];
+      return this.$$.ctx[18];
     }
     set isPreviewMode(isPreviewMode) {
       this.$$set({ isPreviewMode });
       flush();
     }
     get isPreviewModeInteractive() {
-      return this.$$.ctx[18];
+      return this.$$.ctx[19];
     }
     set isPreviewModeInteractive(isPreviewModeInteractive) {
       this.$$set({ isPreviewModeInteractive });
@@ -5317,7 +5969,7 @@
   }
 
   // src/lib/assets/img/product/GripVertical.svelte
-  function create_fragment7(ctx) {
+  function create_fragment8(ctx) {
     let svg;
     let path;
     return {
@@ -5351,14 +6003,14 @@
   var GripVertical = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment7, safe_not_equal, {});
+      init(this, options, null, create_fragment8, safe_not_equal, {});
     }
   };
   create_custom_element(GripVertical, {}, [], [], true);
   var GripVertical_default = GripVertical;
 
   // src/lib/assets/img/messaging/Success.svelte
-  function create_fragment8(ctx) {
+  function create_fragment9(ctx) {
     let svg;
     let path;
     return {
@@ -5392,7 +6044,7 @@
   var Success = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment8, safe_not_equal, {});
+      init(this, options, null, create_fragment9, safe_not_equal, {});
     }
   };
   create_custom_element(Success, {}, [], [], true);
@@ -5426,7 +6078,7 @@
       }
     };
   }
-  function create_if_block_32(ctx) {
+  function create_if_block_33(ctx) {
     let span;
     let success;
     let current;
@@ -5460,7 +6112,7 @@
       }
     };
   }
-  function create_if_block_23(ctx) {
+  function create_if_block_25(ctx) {
     let span;
     let errorsolid;
     let current;
@@ -5494,7 +6146,7 @@
       }
     };
   }
-  function create_if_block_15(ctx) {
+  function create_if_block_16(ctx) {
     let span;
     let successsolid;
     let current;
@@ -5528,7 +6180,7 @@
       }
     };
   }
-  function create_if_block5(ctx) {
+  function create_if_block6(ctx) {
     let span;
     let gripvertical;
     let current;
@@ -5562,7 +6214,7 @@
       }
     };
   }
-  function create_fragment9(ctx) {
+  function create_fragment10(ctx) {
     let button;
     let span0;
     let t0;
@@ -5582,24 +6234,24 @@
     let current;
     let mounted;
     let dispose;
-    const if_block_creators = [create_if_block_15, create_if_block_23, create_if_block_32, create_else_block3];
+    const if_block_creators = [create_if_block_16, create_if_block_25, create_if_block_33, create_else_block3];
     const if_blocks = [];
     function select_block_type(ctx2, dirty) {
       if (
         /*resultType*/
-        ctx2[1] === ANSWER_CORRECT && !/*isWordItemSelected*/
+        ctx2[0] === ANSWER_CORRECT && !/*isWordItemSelected*/
         ctx2[10]
       )
         return 0;
       if (
         /*resultType*/
-        ctx2[1] === ANSWER_INCORRECT && !/*isWordItemSelected*/
+        ctx2[0] === ANSWER_INCORRECT && !/*isWordItemSelected*/
         ctx2[10]
       )
         return 1;
       if (
         /*resultType*/
-        ctx2[1] === ANSWER_MISSED
+        ctx2[0] === ANSWER_MISSED
       )
         return 2;
       return 3;
@@ -5608,8 +6260,8 @@
     if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
     let if_block1 = (
       /*resultType*/
-      (ctx[1] === ANSWER_CORRECT || /*resultType*/
-      ctx[1] === ANSWER_INCORRECT) && create_if_block5(ctx)
+      (ctx[0] === ANSWER_CORRECT || /*resultType*/
+      ctx[0] === ANSWER_INCORRECT) && create_if_block6(ctx)
     );
     return {
       c() {
@@ -5617,7 +6269,7 @@
         span0 = element("span");
         t0 = text(
           /*word*/
-          ctx[0]
+          ctx[1]
         );
         t1 = space();
         div = element("div");
@@ -5644,21 +6296,21 @@
           ctx[3]
         );
         attr(button, "aria-label", button_aria_label_value = /*resultType*/
-        ctx[1] === ANSWER_INCORRECT && /*containerId*/
+        ctx[0] === ANSWER_INCORRECT && /*containerId*/
         ctx[5] === CONTAINER_WORD_BIN_ID && !/*isWordItemSelected*/
         ctx[10] ? `Skipped answer: ${/*word*/
-        ctx[0]}` : (
+        ctx[1]}` : (
           /*resultType*/
-          (ctx[1] === ANSWER_CORRECT || /*resultType*/
-          ctx[1] === ANSWER_INCORRECT) && !/*isWordItemSelected*/
+          (ctx[0] === ANSWER_CORRECT || /*resultType*/
+          ctx[0] === ANSWER_INCORRECT) && !/*isWordItemSelected*/
           ctx[10] ? `Student's answer: ${/*word*/
-          ctx[0]} (${/*resultType*/
-          ctx[1]})` : (
+          ctx[1]} (${/*resultType*/
+          ctx[0]})` : (
             /*resultType*/
-            ctx[1] === ANSWER_MISSED ? `Missing answer: ${/*word*/
-            ctx[0]}` : `${/*isWordItemSelected*/
+            ctx[0] === ANSWER_MISSED ? `Missing answer: ${/*word*/
+            ctx[1]}` : `${/*isWordItemSelected*/
             ctx[10] ? "Selected option" : "Option"}: ${/*word*/
-            ctx[0]}`
+            ctx[1]}`
           )
         ));
         attr(button, "class", button_class_value = "focus-ring flex items-center justify-between min-h-[54px] p-1 border border-gray-800 rounded-lg " + /*otherClass*/
@@ -5669,17 +6321,17 @@
         (ctx[10] ? "bg-blue-1000 !border-blue-1000 raw-focus-ring !cursor-pointer" : "bg-gray-100") + " " + (!/*currentSelectedItemId*/
         ctx[7] && !/*disabledClick*/
         ctx[6] ? "td:hover-focus-ring td:hover:bg-violet-100 !cursor-pointer" : "!cursor-default") + " " + /*resultType*/
-        (ctx[1] === ANSWER_CORRECT && !/*isWordItemSelected*/
+        (ctx[0] === ANSWER_CORRECT && !/*isWordItemSelected*/
         ctx[10] ? "border-green-800 bg-green-300" : (
           /*resultType*/
-          ctx[1] === ANSWER_INCORRECT && !/*isWordItemSelected*/
+          ctx[0] === ANSWER_INCORRECT && !/*isWordItemSelected*/
           ctx[10] ? "border-red-800 bg-red-300" : (
             /*resultType*/
-            ctx[1] === ANSWER_MISSED ? "border-green-800" : ""
+            ctx[0] === ANSWER_MISSED ? "border-green-800" : ""
           )
         )) + " " + /*resultType*/
-        ((ctx[1] === ANSWER_CORRECT || /*resultType*/
-        ctx[1] === ANSWER_INCORRECT) && !/*isWordItemSelected*/
+        ((ctx[0] === ANSWER_CORRECT || /*resultType*/
+        ctx[0] === ANSWER_INCORRECT) && !/*isWordItemSelected*/
         ctx[10] ? "td:hover:border-gray-800" : ""));
       },
       m(target, anchor) {
@@ -5695,7 +6347,7 @@
         append(span2, t3);
         if (if_block1)
           if_block1.m(span2, null);
-        ctx[15](button);
+        ctx[17](button);
         current = true;
         if (!mounted) {
           dispose = [
@@ -5738,11 +6390,11 @@
       p(new_ctx, [dirty]) {
         ctx = new_ctx;
         if (!current || dirty & /*word*/
-        1)
+        2)
           set_data(
             t0,
             /*word*/
-            ctx[0]
+            ctx[1]
           );
         if (!current || dirty & /*isWordItemSelected*/
         1024 && span0_class_value !== (span0_class_value = "text-charcoal text-base pl-3 mr-4 " + /*isWordItemSelected*/
@@ -5774,16 +6426,16 @@
         }
         if (
           /*resultType*/
-          ctx[1] === ANSWER_CORRECT || /*resultType*/
-          ctx[1] === ANSWER_INCORRECT
+          ctx[0] === ANSWER_CORRECT || /*resultType*/
+          ctx[0] === ANSWER_INCORRECT
         ) {
           if (if_block1) {
             if (dirty & /*resultType*/
-            2) {
+            1) {
               transition_in(if_block1, 1);
             }
           } else {
-            if_block1 = create_if_block5(ctx);
+            if_block1 = create_if_block6(ctx);
             if_block1.c();
             transition_in(if_block1, 1);
             if_block1.m(span2, null);
@@ -5812,27 +6464,27 @@
         }
         if (!current || dirty & /*resultType, containerId, isWordItemSelected, word*/
         1059 && button_aria_label_value !== (button_aria_label_value = /*resultType*/
-        ctx[1] === ANSWER_INCORRECT && /*containerId*/
+        ctx[0] === ANSWER_INCORRECT && /*containerId*/
         ctx[5] === CONTAINER_WORD_BIN_ID && !/*isWordItemSelected*/
         ctx[10] ? `Skipped answer: ${/*word*/
-        ctx[0]}` : (
+        ctx[1]}` : (
           /*resultType*/
-          (ctx[1] === ANSWER_CORRECT || /*resultType*/
-          ctx[1] === ANSWER_INCORRECT) && !/*isWordItemSelected*/
+          (ctx[0] === ANSWER_CORRECT || /*resultType*/
+          ctx[0] === ANSWER_INCORRECT) && !/*isWordItemSelected*/
           ctx[10] ? `Student's answer: ${/*word*/
-          ctx[0]} (${/*resultType*/
-          ctx[1]})` : (
+          ctx[1]} (${/*resultType*/
+          ctx[0]})` : (
             /*resultType*/
-            ctx[1] === ANSWER_MISSED ? `Missing answer: ${/*word*/
-            ctx[0]}` : `${/*isWordItemSelected*/
+            ctx[0] === ANSWER_MISSED ? `Missing answer: ${/*word*/
+            ctx[1]}` : `${/*isWordItemSelected*/
             ctx[10] ? "Selected option" : "Option"}: ${/*word*/
-            ctx[0]}`
+            ctx[1]}`
           )
         ))) {
           attr(button, "aria-label", button_aria_label_value);
         }
         if (!current || dirty & /*otherClass, isClonedItem, considerCloneItemId, wordButtonId, isWordItemSelected, currentSelectedItemId, disabledClick, resultType*/
-        1758 && button_class_value !== (button_class_value = "focus-ring flex items-center justify-between min-h-[54px] p-1 border border-gray-800 rounded-lg " + /*otherClass*/
+        1757 && button_class_value !== (button_class_value = "focus-ring flex items-center justify-between min-h-[54px] p-1 border border-gray-800 rounded-lg " + /*otherClass*/
         ctx[2] + " " + /*isClonedItem*/
         (ctx[4] ? "opacity-50 raw-focus-ring bg-violet-100" : "") + " " + /*considerCloneItemId*/
         (ctx[9] === /*wordButtonId*/
@@ -5840,17 +6492,17 @@
         (ctx[10] ? "bg-blue-1000 !border-blue-1000 raw-focus-ring !cursor-pointer" : "bg-gray-100") + " " + (!/*currentSelectedItemId*/
         ctx[7] && !/*disabledClick*/
         ctx[6] ? "td:hover-focus-ring td:hover:bg-violet-100 !cursor-pointer" : "!cursor-default") + " " + /*resultType*/
-        (ctx[1] === ANSWER_CORRECT && !/*isWordItemSelected*/
+        (ctx[0] === ANSWER_CORRECT && !/*isWordItemSelected*/
         ctx[10] ? "border-green-800 bg-green-300" : (
           /*resultType*/
-          ctx[1] === ANSWER_INCORRECT && !/*isWordItemSelected*/
+          ctx[0] === ANSWER_INCORRECT && !/*isWordItemSelected*/
           ctx[10] ? "border-red-800 bg-red-300" : (
             /*resultType*/
-            ctx[1] === ANSWER_MISSED ? "border-green-800" : ""
+            ctx[0] === ANSWER_MISSED ? "border-green-800" : ""
           )
         )) + " " + /*resultType*/
-        ((ctx[1] === ANSWER_CORRECT || /*resultType*/
-        ctx[1] === ANSWER_INCORRECT) && !/*isWordItemSelected*/
+        ((ctx[0] === ANSWER_CORRECT || /*resultType*/
+        ctx[0] === ANSWER_INCORRECT) && !/*isWordItemSelected*/
         ctx[10] ? "td:hover:border-gray-800" : ""))) {
           attr(button, "class", button_class_value);
         }
@@ -5874,13 +6526,13 @@
         if_blocks[current_block_type_index].d();
         if (if_block1)
           if_block1.d();
-        ctx[15](null);
+        ctx[17](null);
         mounted = false;
         run_all(dispose);
       }
     };
   }
-  function instance5($$self, $$props, $$invalidate) {
+  function instance6($$self, $$props, $$invalidate) {
     let { word = "" } = $$props;
     let { resultType = "" } = $$props;
     let { otherClass = "" } = $$props;
@@ -5889,7 +6541,9 @@
     let { containerId = "" } = $$props;
     let { wordFocus = false } = $$props;
     let { disabledClick = false } = $$props;
+    let { isPreviewModeInteractive = false } = $$props;
     let { categoryData = [] } = $$props;
+    let { correctAnswerList = [] } = $$props;
     const dispatch = createEventDispatcher();
     let considerCloneItemId = "";
     let currentSelectedItemId = "";
@@ -5950,9 +6604,9 @@
     }
     $$self.$$set = ($$props2) => {
       if ("word" in $$props2)
-        $$invalidate(0, word = $$props2.word);
+        $$invalidate(1, word = $$props2.word);
       if ("resultType" in $$props2)
-        $$invalidate(1, resultType = $$props2.resultType);
+        $$invalidate(0, resultType = $$props2.resultType);
       if ("otherClass" in $$props2)
         $$invalidate(2, otherClass = $$props2.otherClass);
       if ("wordButtonId" in $$props2)
@@ -5965,8 +6619,12 @@
         $$invalidate(14, wordFocus = $$props2.wordFocus);
       if ("disabledClick" in $$props2)
         $$invalidate(6, disabledClick = $$props2.disabledClick);
+      if ("isPreviewModeInteractive" in $$props2)
+        $$invalidate(15, isPreviewModeInteractive = $$props2.isPreviewModeInteractive);
       if ("categoryData" in $$props2)
         $$invalidate(13, categoryData = $$props2.categoryData);
+      if ("correctAnswerList" in $$props2)
+        $$invalidate(16, correctAnswerList = $$props2.correctAnswerList);
     };
     $$self.$$.update = () => {
       if ($$self.$$.dirty & /*wordFocus, wordButton*/
@@ -5981,6 +6639,18 @@
             );
           }
       }
+      if ($$self.$$.dirty & /*correctAnswerList, isPreviewModeInteractive, containerId, wordButtonId, resultType*/
+      98345) {
+        $:
+          if (correctAnswerList && isPreviewModeInteractive) {
+            const { answerList } = correctAnswerList;
+            const answers = answerList[containerId];
+            if (containerId !== CONTAINER_WORD_BIN_ID && answers.length) {
+              $$invalidate(0, resultType = answers.includes(wordButtonId) ? ANSWER_CORRECT : ANSWER_INCORRECT);
+              console.log("result:", resultType);
+            }
+          }
+      }
       if ($$self.$$.dirty & /*categoryData, currentSelectedItemId, wordButtonId*/
       8328) {
         $:
@@ -5993,8 +6663,8 @@
       }
     };
     return [
-      word,
       resultType,
+      word,
       otherClass,
       wordButtonId,
       isClonedItem,
@@ -6008,33 +6678,37 @@
       removeContainerTabSelected,
       categoryData,
       wordFocus,
+      isPreviewModeInteractive,
+      correctAnswerList,
       button_binding
     ];
   }
   var PromptCategoriseWordButton = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance5, create_fragment9, safe_not_equal, {
-        word: 0,
-        resultType: 1,
+      init(this, options, instance6, create_fragment10, safe_not_equal, {
+        word: 1,
+        resultType: 0,
         otherClass: 2,
         wordButtonId: 3,
         isClonedItem: 4,
         containerId: 5,
         wordFocus: 14,
         disabledClick: 6,
-        categoryData: 13
+        isPreviewModeInteractive: 15,
+        categoryData: 13,
+        correctAnswerList: 16
       });
     }
     get word() {
-      return this.$$.ctx[0];
+      return this.$$.ctx[1];
     }
     set word(word) {
       this.$$set({ word });
       flush();
     }
     get resultType() {
-      return this.$$.ctx[1];
+      return this.$$.ctx[0];
     }
     set resultType(resultType) {
       this.$$set({ resultType });
@@ -6082,6 +6756,13 @@
       this.$$set({ disabledClick });
       flush();
     }
+    get isPreviewModeInteractive() {
+      return this.$$.ctx[15];
+    }
+    set isPreviewModeInteractive(isPreviewModeInteractive) {
+      this.$$set({ isPreviewModeInteractive });
+      flush();
+    }
     get categoryData() {
       return this.$$.ctx[13];
     }
@@ -6089,8 +6770,15 @@
       this.$$set({ categoryData });
       flush();
     }
+    get correctAnswerList() {
+      return this.$$.ctx[16];
+    }
+    set correctAnswerList(correctAnswerList) {
+      this.$$set({ correctAnswerList });
+      flush();
+    }
   };
-  customElements.define("prompt-categorise-word-button", create_custom_element(PromptCategoriseWordButton, { "word": {}, "resultType": {}, "otherClass": {}, "wordButtonId": {}, "isClonedItem": { "type": "Boolean" }, "containerId": {}, "wordFocus": { "type": "Boolean" }, "disabledClick": { "type": "Boolean" }, "categoryData": {} }, [], [], true));
+  customElements.define("prompt-categorise-word-button", create_custom_element(PromptCategoriseWordButton, { "word": {}, "resultType": {}, "otherClass": {}, "wordButtonId": {}, "isClonedItem": { "type": "Boolean" }, "containerId": {}, "wordFocus": { "type": "Boolean" }, "disabledClick": { "type": "Boolean" }, "isPreviewModeInteractive": { "type": "Boolean" }, "categoryData": {}, "correctAnswerList": {} }, [], [], true));
   var PromptCategoriseWordButton_default = PromptCategoriseWordButton;
 
   // src/lib/composables/useCategorise.ts
@@ -6130,7 +6818,7 @@
     child_ctx[38] = list[i];
     return child_ctx;
   }
-  function create_if_block_24(ctx) {
+  function create_if_block_26(ctx) {
     let button;
     let button_class_value;
     let mounted;
@@ -6145,7 +6833,7 @@
           ctx[7]
         );
         attr(button, "class", button_class_value = "focus-ring absolute inset-0 bg-transparent rounded-lg focus-visible:border " + /*isContainerWordBin*/
-        (ctx[20] ? "focus-visible:border-gray-400" : "focus-visible:border-gray-800"));
+        (ctx[22] ? "focus-visible:border-gray-400" : "focus-visible:border-gray-800"));
       },
       m(target, anchor) {
         insert(target, button, anchor);
@@ -6154,7 +6842,7 @@
             button,
             "click",
             /*addAnswerItem*/
-            ctx[23]
+            ctx[25]
           );
           mounted = true;
         }
@@ -6179,7 +6867,7 @@
       }
     };
   }
-  function create_if_block_16(ctx) {
+  function create_if_block_17(ctx) {
     let div;
     let mounted;
     let dispose;
@@ -6199,13 +6887,13 @@
               div,
               "click",
               /*addAnswerItem*/
-              ctx[23]
+              ctx[25]
             ),
             listen(
               div,
               "keypress",
               /*addAnswerItem*/
-              ctx[23]
+              ctx[25]
             )
           ];
           mounted = true;
@@ -6221,7 +6909,7 @@
       }
     };
   }
-  function create_if_block6(ctx) {
+  function create_if_block7(ctx) {
     let button;
     let t2;
     let button_class_value;
@@ -6260,20 +6948,20 @@
     let current;
     let if_block = (
       /*item*/
-      ctx[38].type === ANSWER_MISSED && create_if_block6(ctx)
+      ctx[38].type === ANSWER_MISSED && create_if_block7(ctx)
     );
     promptcategorisewordbutton = new PromptCategoriseWordButton_default({
       props: {
         otherClass: "mr-2 mb-2 last:mr-0 " + /*item*/
         (ctx[38].id === /*considerItemId*/
-        ctx[9] ? "!bg-violet-150" : "") + "\n        " + (!/*showButton*/
+        ctx[11] ? "!bg-violet-150" : "") + "\n        " + (!/*showButton*/
         ctx[5] ? "hidden md:flex" : "") + "\n        " + /*items*/
-        (ctx[17][
+        (ctx[19][
           /*currentWordBinIndex*/
-          ctx[13]
+          ctx[15]
         ]?.id !== /*item*/
         ctx[38].id && /*isContainerWordBin*/
-        ctx[20] ? "hidden md:flex" : ""),
+        ctx[22] ? "hidden md:flex" : ""),
         word: (
           /*item*/
           ctx[38].text
@@ -6292,10 +6980,10 @@
         ),
         wordFocus: (
           /*currentTabContainer*/
-          ctx[15] === /*containerId*/
+          ctx[17] === /*containerId*/
           ctx[3] && /*item*/
           ctx[38].id === /*items*/
-          ctx[17][0].id
+          ctx[19][0].id
         ),
         disabledClick: (
           /*isFinished*/
@@ -6308,13 +6996,21 @@
         categoryData: (
           /*categoryData*/
           ctx[0]
+        ),
+        correctAnswerList: (
+          /*correctAnswerList*/
+          ctx[9]
+        ),
+        isPreviewModeInteractive: (
+          /*isPreviewModeInteractive*/
+          ctx[10]
         )
       }
     });
     promptcategorisewordbutton.$on(
       "updateCategorySettings",
       /*updateCategoryByButton*/
-      ctx[24]
+      ctx[26]
     );
     return {
       key: key_1,
@@ -6344,7 +7040,7 @@
           if (if_block) {
             if_block.p(ctx, dirty);
           } else {
-            if_block = create_if_block6(ctx);
+            if_block = create_if_block7(ctx);
             if_block.c();
             if_block.m(t2.parentNode, t2);
           }
@@ -6354,27 +7050,27 @@
         }
         const promptcategorisewordbutton_changes = {};
         if (dirty[0] & /*items, considerItemId, showButton, currentWordBinIndex*/
-        139808)
+        559136)
           promptcategorisewordbutton_changes.otherClass = "mr-2 mb-2 last:mr-0 " + /*item*/
           (ctx[38].id === /*considerItemId*/
-          ctx[9] ? "!bg-violet-150" : "") + "\n        " + (!/*showButton*/
+          ctx[11] ? "!bg-violet-150" : "") + "\n        " + (!/*showButton*/
           ctx[5] ? "hidden md:flex" : "") + "\n        " + /*items*/
-          (ctx[17][
+          (ctx[19][
             /*currentWordBinIndex*/
-            ctx[13]
+            ctx[15]
           ]?.id !== /*item*/
           ctx[38].id && /*isContainerWordBin*/
-          ctx[20] ? "hidden md:flex" : "");
+          ctx[22] ? "hidden md:flex" : "");
         if (dirty[0] & /*items*/
-        131072)
+        524288)
           promptcategorisewordbutton_changes.word = /*item*/
           ctx[38].text;
         if (dirty[0] & /*items*/
-        131072)
+        524288)
           promptcategorisewordbutton_changes.wordButtonId = /*item*/
           ctx[38].id;
         if (dirty[0] & /*items*/
-        131072)
+        524288)
           promptcategorisewordbutton_changes.isClonedItem = /*item*/
           ctx[38].isClonedItem;
         if (dirty[0] & /*containerId*/
@@ -6382,24 +7078,32 @@
           promptcategorisewordbutton_changes.containerId = /*containerId*/
           ctx[3];
         if (dirty[0] & /*currentTabContainer, containerId, items*/
-        163848)
+        655368)
           promptcategorisewordbutton_changes.wordFocus = /*currentTabContainer*/
-          ctx[15] === /*containerId*/
+          ctx[17] === /*containerId*/
           ctx[3] && /*item*/
           ctx[38].id === /*items*/
-          ctx[17][0].id;
+          ctx[19][0].id;
         if (dirty[0] & /*isFinished*/
         256)
           promptcategorisewordbutton_changes.disabledClick = /*isFinished*/
           ctx[8];
         if (dirty[0] & /*items*/
-        131072)
+        524288)
           promptcategorisewordbutton_changes.resultType = /*item*/
           ctx[38].type;
         if (dirty[0] & /*categoryData*/
         1)
           promptcategorisewordbutton_changes.categoryData = /*categoryData*/
           ctx[0];
+        if (dirty[0] & /*correctAnswerList*/
+        512)
+          promptcategorisewordbutton_changes.correctAnswerList = /*correctAnswerList*/
+          ctx[9];
+        if (dirty[0] & /*isPreviewModeInteractive*/
+        1024)
+          promptcategorisewordbutton_changes.isPreviewModeInteractive = /*isPreviewModeInteractive*/
+          ctx[10];
         promptcategorisewordbutton.$set(promptcategorisewordbutton_changes);
       },
       i(local) {
@@ -6423,7 +7127,7 @@
       }
     };
   }
-  function create_fragment10(ctx) {
+  function create_fragment11(ctx) {
     let t0;
     let t1;
     let section;
@@ -6437,19 +7141,19 @@
     let dispose;
     let if_block0 = (
       /*dragDisabled*/
-      ctx[11] && /*sourceSelectedContainerId*/
-      ctx[12] !== /*containerId*/
+      ctx[13] && /*sourceSelectedContainerId*/
+      ctx[14] !== /*containerId*/
       ctx[3] && !/*isFinished*/
-      ctx[8] && create_if_block_24(ctx)
+      ctx[8] && create_if_block_26(ctx)
     );
     let if_block1 = (
       /*totalRemainingWordBinItem*/
-      ctx[14] <= 0 && /*isContainerWordBin*/
-      ctx[20] && create_if_block_16(ctx)
+      ctx[16] <= 0 && /*isContainerWordBin*/
+      ctx[22] && create_if_block_17(ctx)
     );
     let each_value = ensure_array_like(Object.values(
       /*items*/
-      ctx[17]
+      ctx[19]
     ));
     const get_key = (ctx2) => (
       /*item*/
@@ -6479,7 +7183,7 @@
           section,
           "aria-hidden",
           /*isItemsAriaHidden*/
-          ctx[18]
+          ctx[20]
         );
         attr(section, "aria-dropeffect", "move");
         attr(
@@ -6489,7 +7193,7 @@
           ctx[3]
         );
         attr(section, "style", section_style_value = !/*isContainerWordBin*/
-        ctx[20] ? `padding-top: ${/*paddingTop*/
+        ctx[22] ? `padding-top: ${/*paddingTop*/
         ctx[6]}px;` : "");
       },
       m(target, anchor) {
@@ -6511,7 +7215,7 @@
             action_destroyer(dndzone_action = dndzone$2.call(null, section, {
               items: (
                 /*items*/
-                ctx[17]
+                ctx[19]
               ),
               flipDurationMs: (
                 /*flipDurationMs*/
@@ -6523,20 +7227,20 @@
               ),
               dropTargetClasses: (
                 /*dropTargetClasses*/
-                ctx[19]
+                ctx[21]
               ),
               morphDisabled: true,
               dragDisabled: (
                 /*dragDisabled*/
-                ctx[11]
+                ctx[13]
               ),
               autoAriaDisabled: true,
               zoneItemTabIndex: (
                 /*currentTabContainer*/
-                ctx[15] !== /*containerId*/
+                ctx[17] !== /*containerId*/
                 ctx[3] || /*selectedItemId*/
-                ctx[10] || /*isModalOpen*/
-                ctx[16] ? -1 : 0
+                ctx[12] || /*isModalOpen*/
+                ctx[18] ? -1 : 0
               ),
               zoneTabIndex: -1
             })),
@@ -6544,13 +7248,13 @@
               section,
               "consider",
               /*handleDndConsider*/
-              ctx[21]
+              ctx[23]
             ),
             listen(
               section,
               "finalize",
               /*handleDndFinalize*/
-              ctx[22]
+              ctx[24]
             )
           ];
           mounted = true;
@@ -6559,15 +7263,15 @@
       p(ctx2, dirty) {
         if (
           /*dragDisabled*/
-          ctx2[11] && /*sourceSelectedContainerId*/
-          ctx2[12] !== /*containerId*/
+          ctx2[13] && /*sourceSelectedContainerId*/
+          ctx2[14] !== /*containerId*/
           ctx2[3] && !/*isFinished*/
           ctx2[8]
         ) {
           if (if_block0) {
             if_block0.p(ctx2, dirty);
           } else {
-            if_block0 = create_if_block_24(ctx2);
+            if_block0 = create_if_block_26(ctx2);
             if_block0.c();
             if_block0.m(t0.parentNode, t0);
           }
@@ -6577,13 +7281,13 @@
         }
         if (
           /*totalRemainingWordBinItem*/
-          ctx2[14] <= 0 && /*isContainerWordBin*/
-          ctx2[20]
+          ctx2[16] <= 0 && /*isContainerWordBin*/
+          ctx2[22]
         ) {
           if (if_block1) {
             if_block1.p(ctx2, dirty);
           } else {
-            if_block1 = create_if_block_16(ctx2);
+            if_block1 = create_if_block_17(ctx2);
             if_block1.c();
             if_block1.m(t1.parentNode, t1);
           }
@@ -6591,11 +7295,11 @@
           if_block1.d(1);
           if_block1 = null;
         }
-        if (dirty[0] & /*items, considerItemId, showButton, currentWordBinIndex, isContainerWordBin, containerId, currentTabContainer, isFinished, categoryData, updateCategoryByButton*/
-        17998633) {
+        if (dirty[0] & /*items, considerItemId, showButton, currentWordBinIndex, isContainerWordBin, containerId, currentTabContainer, isFinished, categoryData, correctAnswerList, isPreviewModeInteractive, updateCategoryByButton*/
+        71995177) {
           each_value = ensure_array_like(Object.values(
             /*items*/
-            ctx2[17]
+            ctx2[19]
           ));
           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);
@@ -6607,12 +7311,12 @@
           attr(section, "class", section_class_value);
         }
         if (!current || dirty[0] & /*isItemsAriaHidden*/
-        262144) {
+        1048576) {
           attr(
             section,
             "aria-hidden",
             /*isItemsAriaHidden*/
-            ctx2[18]
+            ctx2[20]
           );
         }
         if (!current || dirty[0] & /*containerId*/
@@ -6626,16 +7330,16 @@
         }
         if (!current || dirty[0] & /*paddingTop*/
         64 && section_style_value !== (section_style_value = !/*isContainerWordBin*/
-        ctx2[20] ? `padding-top: ${/*paddingTop*/
+        ctx2[22] ? `padding-top: ${/*paddingTop*/
         ctx2[6]}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*/
-        232476)
+        929820)
           dndzone_action.update.call(null, {
             items: (
               /*items*/
-              ctx2[17]
+              ctx2[19]
             ),
             flipDurationMs: (
               /*flipDurationMs*/
@@ -6647,20 +7351,20 @@
             ),
             dropTargetClasses: (
               /*dropTargetClasses*/
-              ctx2[19]
+              ctx2[21]
             ),
             morphDisabled: true,
             dragDisabled: (
               /*dragDisabled*/
-              ctx2[11]
+              ctx2[13]
             ),
             autoAriaDisabled: true,
             zoneItemTabIndex: (
               /*currentTabContainer*/
-              ctx2[15] !== /*containerId*/
+              ctx2[17] !== /*containerId*/
               ctx2[3] || /*selectedItemId*/
-              ctx2[10] || /*isModalOpen*/
-              ctx2[16] ? -1 : 0
+              ctx2[12] || /*isModalOpen*/
+              ctx2[18] ? -1 : 0
             ),
             zoneTabIndex: -1
           });
@@ -6697,7 +7401,7 @@
       }
     };
   }
-  function instance6($$self, $$props, $$invalidate) {
+  function instance7($$self, $$props, $$invalidate) {
     let { containerClass = "" } = $$props;
     let { flipDurationMs = 5 } = $$props;
     let { containerId = "" } = $$props;
@@ -6743,7 +7447,7 @@
       const { sourceContainerId, sourceCloneContainerId } = categoryData;
       if (trigger === TRIGGERS.DRAG_STARTED) {
         const { items: cateoryItems } = detail;
-        $$invalidate(17, items = cateoryItems);
+        $$invalidate(19, 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, {
@@ -6769,7 +7473,7 @@
     const handleDndFinalize = (e2) => {
       const { items: categoryItems, info } = e2.detail;
       const { trigger, id } = info;
-      $$invalidate(17, items = categoryItems.filter((item) => !item.isClonedItem));
+      $$invalidate(19, items = categoryItems.filter((item) => !item.isClonedItem));
       if (trigger === TRIGGERS.DROPPED_INTO_ZONE) {
         const { currentTarget } = e2;
         addAnswerItemStore(id, currentTarget.id);
@@ -6937,9 +7641,9 @@
       if ("isFinished" in $$props2)
         $$invalidate(8, isFinished = $$props2.isFinished);
       if ("correctAnswerList" in $$props2)
-        $$invalidate(25, correctAnswerList = $$props2.correctAnswerList);
+        $$invalidate(9, correctAnswerList = $$props2.correctAnswerList);
       if ("isPreviewModeInteractive" in $$props2)
-        $$invalidate(26, isPreviewModeInteractive = $$props2.isPreviewModeInteractive);
+        $$invalidate(10, isPreviewModeInteractive = $$props2.isPreviewModeInteractive);
       if ("categoryData" in $$props2)
         $$invalidate(0, categoryData = $$props2.categoryData);
       if ("modalData" in $$props2)
@@ -6951,28 +7655,28 @@
         $:
           if (modalData) {
             const { isModalOpen: storeIsModalOpen } = modalData;
-            $$invalidate(16, isModalOpen = storeIsModalOpen);
+            $$invalidate(18, isModalOpen = storeIsModalOpen);
           }
       }
       if ($$self.$$.dirty[0] & /*categoryData, isFinished, currentAnswer, containerId, considerItemId, isPreviewModeInteractive*/
-      335545097) {
+      268438793) {
         $:
           if (categoryData) {
             const { considerItemId: storeconsiderItemId, selectedItemId: storeSelectedItemId, currentAnswer: storeCurrentAnswer, sourceSelectedContainerId: storeSourceSelectedContainerId, currentWordBinIndex: storeCurrentWordBinIndex, currentTabContainer: storeCurrentTabContainer, isItemsAriaHidden: storeisItemsAriaHidden } = categoryData;
-            $$invalidate(9, considerItemId = storeconsiderItemId);
-            $$invalidate(11, dragDisabled = isFinished || !!storeSelectedItemId);
+            $$invalidate(11, considerItemId = storeconsiderItemId);
+            $$invalidate(13, dragDisabled = isFinished || !!storeSelectedItemId);
             $$invalidate(28, currentAnswer = storeCurrentAnswer);
-            $$invalidate(10, selectedItemId = storeSelectedItemId);
-            $$invalidate(12, sourceSelectedContainerId = storeSourceSelectedContainerId);
-            $$invalidate(13, currentWordBinIndex = storeCurrentWordBinIndex);
-            $$invalidate(15, currentTabContainer = storeCurrentTabContainer);
-            $$invalidate(18, isItemsAriaHidden = storeisItemsAriaHidden);
+            $$invalidate(12, selectedItemId = storeSelectedItemId);
+            $$invalidate(14, sourceSelectedContainerId = storeSourceSelectedContainerId);
+            $$invalidate(15, currentWordBinIndex = storeCurrentWordBinIndex);
+            $$invalidate(17, currentTabContainer = storeCurrentTabContainer);
+            $$invalidate(20, isItemsAriaHidden = storeisItemsAriaHidden);
             const storeWordBinItem = currentAnswer.filter((answer) => answer.categoryId === CONTAINER_WORD_BIN_ID);
-            $$invalidate(14, totalRemainingWordBinItem = storeWordBinItem[0].itemId.length);
+            $$invalidate(16, totalRemainingWordBinItem = storeWordBinItem[0].itemId.length);
             if (storeCurrentAnswer) {
               const currentAnswerList = currentAnswer.filter((answer) => answer.categoryId === containerId);
               if (currentAnswerList.length) {
-                $$invalidate(17, items = currentAnswerList[0].itemId.map((rawAnswerId) => {
+                $$invalidate(19, items = currentAnswerList[0].itemId.map((rawAnswerId) => {
                   const splitId = rawAnswerId.split(EAT_DASH);
                   const answerId = splitId[0];
                   const answerIndex = rawCategoryItems.findIndex((answer) => answer.id === answerId);
@@ -7004,6 +7708,8 @@
       paddingTop,
       ariaLabel,
       isFinished,
+      correctAnswerList,
+      isPreviewModeInteractive,
       considerItemId,
       selectedItemId,
       dragDisabled,
@@ -7020,8 +7726,6 @@
       handleDndFinalize,
       addAnswerItem,
       updateCategoryByButton,
-      correctAnswerList,
-      isPreviewModeInteractive,
       modalData,
       currentAnswer
     ];
@@ -7032,8 +7736,8 @@
       init(
         this,
         options,
-        instance6,
-        create_fragment10,
+        instance7,
+        create_fragment11,
         safe_not_equal,
         {
           containerClass: 1,
@@ -7044,8 +7748,8 @@
           paddingTop: 6,
           ariaLabel: 7,
           isFinished: 8,
-          correctAnswerList: 25,
-          isPreviewModeInteractive: 26,
+          correctAnswerList: 9,
+          isPreviewModeInteractive: 10,
           categoryData: 0,
           modalData: 27
         },
@@ -7110,14 +7814,14 @@
       flush();
     }
     get correctAnswerList() {
-      return this.$$.ctx[25];
+      return this.$$.ctx[9];
     }
     set correctAnswerList(correctAnswerList) {
       this.$$set({ correctAnswerList });
       flush();
     }
     get isPreviewModeInteractive() {
-      return this.$$.ctx[26];
+      return this.$$.ctx[10];
     }
     set isPreviewModeInteractive(isPreviewModeInteractive) {
       this.$$set({ isPreviewModeInteractive });
@@ -7142,7 +7846,7 @@
   var PromptCategoriseDndContainer_default = PromptCategoriseDndContainer;
 
   // src/lib/components/common/CommonModal.svelte
-  function create_fragment11(ctx) {
+  function create_fragment12(ctx) {
     let div2;
     let div0;
     let t2;
@@ -7274,7 +7978,7 @@
   var keypress_handler = () => {
     return false;
   };
-  function instance7($$self, $$props, $$invalidate) {
+  function instance8($$self, $$props, $$invalidate) {
     let { $$slots: slots = {}, $$scope } = $$props;
     let { modalData = [] } = $$props;
     const dispatch = createEventDispatcher();
@@ -7306,7 +8010,7 @@
   var CommonModal = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance7, create_fragment11, safe_not_equal, { modalData: 3 });
+      init(this, options, instance8, create_fragment12, safe_not_equal, { modalData: 3 });
     }
     get modalData() {
       return this.$$.ctx[3];
@@ -7320,7 +8024,7 @@
   var CommonModal_default = CommonModal;
 
   // src/lib/assets/img/messaging/AlertIcon.svelte
-  function create_fragment12(ctx) {
+  function create_fragment13(ctx) {
     let svg;
     let path;
     return {
@@ -7354,14 +8058,14 @@
   var AlertIcon = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment12, safe_not_equal, {});
+      init(this, options, null, create_fragment13, safe_not_equal, {});
     }
   };
   create_custom_element(AlertIcon, {}, [], [], true);
   var AlertIcon_default = AlertIcon;
 
   // src/lib/assets/img/messaging/CrossIcon.svelte
-  function create_fragment13(ctx) {
+  function create_fragment14(ctx) {
     let svg;
     let path;
     return {
@@ -7395,7 +8099,7 @@
   var CrossIcon = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment13, safe_not_equal, {});
+      init(this, options, null, create_fragment14, safe_not_equal, {});
     }
   };
   create_custom_element(CrossIcon, {}, [], [], true);
@@ -7555,7 +8259,7 @@
       }
     };
   }
-  function create_fragment14(ctx) {
+  function create_fragment15(ctx) {
     let commonmodal;
     let current;
     commonmodal = new CommonModal_default({
@@ -7608,7 +8312,7 @@
       }
     };
   }
-  function instance8($$self, $$props, $$invalidate) {
+  function instance9($$self, $$props, $$invalidate) {
     let { categoryData = [] } = $$props;
     let { modalData = [] } = $$props;
     let categoryModal;
@@ -7691,7 +8395,7 @@
   var PromptCategoriseModal = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance8, create_fragment14, safe_not_equal, { categoryData: 6, modalData: 0 });
+      init(this, options, instance9, create_fragment15, safe_not_equal, { categoryData: 6, modalData: 0 });
     }
     get categoryData() {
       return this.$$.ctx[6];
@@ -7712,7 +8416,7 @@
   var PromptCategoriseModal_default = PromptCategoriseModal;
 
   // src/lib/assets/img/action/Switch.svelte
-  function create_fragment15(ctx) {
+  function create_fragment16(ctx) {
     let svg;
     let path;
     return {
@@ -7744,14 +8448,14 @@
   var Switch = 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(Switch, {}, [], [], true);
   var Switch_default = Switch;
 
   // src/lib/assets/img/messaging/SmallChevronUp.svelte
-  function create_fragment16(ctx) {
+  function create_fragment17(ctx) {
     let svg;
     let path;
     return {
@@ -7785,14 +8489,14 @@
   var SmallChevronUp = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment16, safe_not_equal, {});
+      init(this, options, null, create_fragment17, safe_not_equal, {});
     }
   };
   create_custom_element(SmallChevronUp, {}, [], [], true);
   var SmallChevronUp_default = SmallChevronUp;
 
   // src/lib/assets/img/messaging/SmallChevronDown.svelte
-  function create_fragment17(ctx) {
+  function create_fragment18(ctx) {
     let svg;
     let path;
     return {
@@ -7826,14 +8530,14 @@
   var SmallChevronDown = 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(SmallChevronDown, {}, [], [], true);
   var SmallChevronDown_default = SmallChevronDown;
 
   // src/lib/assets/img/messaging/SmallChevronLeft.svelte
-  function create_fragment18(ctx) {
+  function create_fragment19(ctx) {
     let svg;
     let path;
     return {
@@ -7867,14 +8571,14 @@
   var SmallChevronLeft = 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(SmallChevronLeft, {}, [], [], true);
   var SmallChevronLeft_default = SmallChevronLeft;
 
   // src/lib/assets/img/messaging/SmallChevronRight.svelte
-  function create_fragment19(ctx) {
+  function create_fragment20(ctx) {
     let svg;
     let path;
     return {
@@ -7908,14 +8612,14 @@
   var SmallChevronRight = 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(SmallChevronRight, {}, [], [], true);
   var SmallChevronRight_default = SmallChevronRight;
 
   // src/lib/assets/img/messaging/ArrowDownCircle.svelte
-  function create_fragment20(ctx) {
+  function create_fragment21(ctx) {
     let svg;
     let path;
     return {
@@ -7949,7 +8653,7 @@
   var ArrowDownCircle = 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(ArrowDownCircle, {}, [], [], true);
@@ -8267,7 +8971,7 @@
       }
     };
   }
-  function create_if_block_42(ctx) {
+  function create_if_block_43(ctx) {
     let span;
     let t0;
     let t1;
@@ -8305,7 +9009,7 @@
       }
     };
   }
-  function create_if_block_33(ctx) {
+  function create_if_block_34(ctx) {
     let span;
     let t0;
     let t1_value = (
@@ -8353,7 +9057,7 @@
       }
     };
   }
-  function create_if_block_25(ctx) {
+  function create_if_block_27(ctx) {
     let span;
     let t0;
     let t1;
@@ -8434,7 +9138,7 @@
       }
     };
   }
-  function create_if_block_17(ctx) {
+  function create_if_block_18(ctx) {
     let smallchevronup;
     let current;
     smallchevronup = new SmallChevronUp_default({});
@@ -8513,14 +9217,14 @@
     let current;
     let mounted;
     let dispose;
-    let if_block0 = show_if_1 && create_if_block_42(ctx);
+    let if_block0 = show_if_1 && create_if_block_43(ctx);
     let if_block1 = !/*previewResultSr*/
-    ctx[4] && create_if_block_33(ctx);
+    ctx[4] && create_if_block_34(ctx);
     let if_block2 = (
       /*previewResultSr*/
-      ctx[4] && create_if_block_25(ctx)
+      ctx[4] && create_if_block_27(ctx)
     );
-    const if_block_creators = [create_if_block_17, create_else_block4];
+    const if_block_creators = [create_if_block_18, create_else_block4];
     const if_blocks = [];
     function select_block_type(ctx2, dirty) {
       if (dirty[0] & /*openCategoryContainer*/
@@ -8874,7 +9578,7 @@
           if (if_block0) {
             if_block0.p(ctx, dirty);
           } else {
-            if_block0 = create_if_block_42(ctx);
+            if_block0 = create_if_block_43(ctx);
             if_block0.c();
             if_block0.m(div0, t0);
           }
@@ -8887,7 +9591,7 @@
           if (if_block1) {
             if_block1.p(ctx, dirty);
           } else {
-            if_block1 = create_if_block_33(ctx);
+            if_block1 = create_if_block_34(ctx);
             if_block1.c();
             if_block1.m(div0, t7);
           }
@@ -8902,7 +9606,7 @@
           if (if_block2) {
             if_block2.p(ctx, dirty);
           } else {
-            if_block2 = create_if_block_25(ctx);
+            if_block2 = create_if_block_27(ctx);
             if_block2.c();
             if_block2.m(div0, t8);
           }
@@ -9158,7 +9862,7 @@
       }
     };
   }
-  function create_if_block7(ctx) {
+  function create_if_block8(ctx) {
     let span;
     let t0;
     let t1;
@@ -9270,7 +9974,7 @@
     const out = (i) => transition_out(each_blocks[i], 1, 1, () => {
       each_blocks[i] = null;
     });
-    let if_block2 = show_if && create_if_block7(ctx);
+    let if_block2 = show_if && create_if_block8(ctx);
     smallchevronleft = new SmallChevronLeft_default({});
     promptcategorisedndcontainer = new PromptCategoriseDndContainer_default({
       props: {
@@ -9683,7 +10387,7 @@
           if (if_block2) {
             if_block2.p(ctx, dirty);
           } else {
-            if_block2 = create_if_block7(ctx);
+            if_block2 = create_if_block8(ctx);
             if_block2.c();
             if_block2.m(div2, t8);
           }
@@ -9866,7 +10570,7 @@
       }
     };
   }
-  function create_fragment21(ctx) {
+  function create_fragment22(ctx) {
     let div;
     let promptbody;
     let current;
@@ -9924,7 +10628,7 @@
       }
     };
   }
-  function instance9($$self, $$props, $$invalidate) {
+  function instance10($$self, $$props, $$invalidate) {
     let { sessionData } = $$props;
     let { isFinished = false } = $$props;
     let { isPreviewMode = false } = $$props;
@@ -10349,8 +11053,8 @@
       init(
         this,
         options,
-        instance9,
-        create_fragment21,
+        instance10,
+        create_fragment22,
         safe_not_equal,
         {
           sessionData: 47,
@@ -10395,7 +11099,7 @@
   var PromptCategorise_default = PromptCategorise;
 
   // src/lib/components/prompt/skeleton/PromptSkeleton.svelte
-  function create_fragment22(ctx) {
+  function create_fragment23(ctx) {
     let div3;
     return {
       c() {
@@ -10418,14 +11122,14 @@
   var PromptSkeleton = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment22, safe_not_equal, {});
+      init(this, options, null, create_fragment23, safe_not_equal, {});
     }
   };
   customElements.define("prompt-skeleton", create_custom_element(PromptSkeleton, {}, [], [], true));
   var PromptSkeleton_default = PromptSkeleton;
 
   // src/lib/components/common/InvalidBanner.svelte
-  function create_fragment23(ctx) {
+  function create_fragment24(ctx) {
     let p;
     let t2;
     return {
@@ -10459,7 +11163,7 @@
       }
     };
   }
-  function instance10($$self, $$props, $$invalidate) {
+  function instance11($$self, $$props, $$invalidate) {
     let { bannerLabel: bannerLabel2 = "Invalid." } = $$props;
     $$self.$$set = ($$props2) => {
       if ("bannerLabel" in $$props2)
@@ -10470,7 +11174,7 @@
   var InvalidBanner = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance10, create_fragment23, safe_not_equal, { bannerLabel: 0 });
+      init(this, options, instance11, create_fragment24, safe_not_equal, { bannerLabel: 0 });
     }
     get bannerLabel() {
       return this.$$.ctx[0];
@@ -10485,7 +11189,7 @@
 
   // src/lib/components/prompt/PromptBuilder.svelte
   function add_css(target) {
-    append_styles(target, "svelte-v7ouvz", '*,: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(8 38 99/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-v7ouvz-pulse{{opacity:0.5}}.animate-skeleton{--tw-bg-opacity:1;animation:svelte-v7ouvz-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(8 38 99/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(8 38 99/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(8 38 99/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}.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-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-7{margin-top:1.75rem}.mt-7\\.5{margin-top:1.875}.mt-9{margin-top:2.25rem}.block{display:block}.flex{display:flex}.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%}.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-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(8 38 99/var(--tw-border-opacity)) !important}.border-blue-1000{--tw-border-opacity:1;border-color:rgb(8 38 99/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(8 38 99/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-3{padding-bottom:0.75rem}.pl-3{padding-left:0.75rem}.pl-4{padding-left:1rem}.pr-3{padding-right:0.75rem}.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-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}.\\!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(8 38 99/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(8 38 99/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(8 38 99/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\\:min-h-\\[224px\\]{min-height:224px}.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-8tpn7j", '*,: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-8tpn7j-pulse{{opacity:0.5}}.animate-skeleton{--tw-bg-opacity:1;animation:svelte-8tpn7j-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}.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}.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%}.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-10{padding-bottom:2.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-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\\: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;
@@ -10515,12 +11219,12 @@
       }
     };
   }
-  function create_if_block_18(ctx) {
+  function create_if_block_19(ctx) {
     let current_block_type_index;
     let if_block;
     let if_block_anchor;
     let current;
-    const if_block_creators = [create_if_block_26, create_if_block_34, create_if_block_43, create_else_block5];
+    const if_block_creators = [create_if_block_28, create_if_block_35, create_if_block_44, create_else_block5];
     const if_blocks = [];
     function select_block_type_1(ctx2, dirty) {
       if (
@@ -10592,7 +11296,7 @@
       }
     };
   }
-  function create_if_block8(ctx) {
+  function create_if_block9(ctx) {
     let promptskeleton;
     let current;
     promptskeleton = new PromptSkeleton_default({});
@@ -10648,7 +11352,7 @@
       }
     };
   }
-  function create_if_block_43(ctx) {
+  function create_if_block_44(ctx) {
     let promptcategorise;
     let current;
     promptcategorise = new PromptCategorise_default({
@@ -10711,7 +11415,7 @@
       }
     };
   }
-  function create_if_block_34(ctx) {
+  function create_if_block_35(ctx) {
     let prompttypein;
     let current;
     prompttypein = new PromptTypeIn_default({
@@ -10790,7 +11494,7 @@
       }
     };
   }
-  function create_if_block_26(ctx) {
+  function create_if_block_28(ctx) {
     let promptmcq;
     let current;
     promptmcq = new PromptMCQ_default({
@@ -10865,12 +11569,12 @@
       }
     };
   }
-  function create_fragment24(ctx) {
+  function create_fragment25(ctx) {
     let current_block_type_index;
     let if_block;
     let if_block_anchor;
     let current;
-    const if_block_creators = [create_if_block8, create_if_block_18, create_else_block_12];
+    const if_block_creators = [create_if_block9, create_if_block_19, create_else_block_12];
     const if_blocks = [];
     function select_block_type(ctx2, dirty) {
       if (
@@ -10938,7 +11642,7 @@
     };
   }
   var bannerLabel = "Invalid session id.";
-  function instance11($$self, $$props, $$invalidate) {
+  function instance12($$self, $$props, $$invalidate) {
     const { "session-id": sessionId, "preview-mode": previewMode, "item-id": itemId, "preview-contentful": previewContentful } = $$props;
     const previewModeType = ["true", "interactive"];
     const isPreviewModeInteractive = Boolean(previewMode === "interactive" && itemId);
@@ -11150,7 +11854,7 @@
   var PromptBuilder = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance11, create_fragment24, safe_not_equal, {}, add_css);
+      init(this, options, instance12, create_fragment25, safe_not_equal, {}, add_css);
     }
   };
   customElements.define("prompt-builder", create_custom_element(PromptBuilder, {}, [], [], true));