eat-js-sdk 0.0.53 → 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,7 +6234,7 @@
     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 (
@@ -5609,7 +6261,7 @@
     let if_block1 = (
       /*resultType*/
       (ctx[0] === ANSWER_CORRECT || /*resultType*/
-      ctx[0] === ANSWER_INCORRECT) && create_if_block5(ctx)
+      ctx[0] === ANSWER_INCORRECT) && create_if_block6(ctx)
     );
     return {
       c() {
@@ -5783,7 +6435,7 @@
               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);
@@ -5880,7 +6532,7 @@
       }
     };
   }
-  function instance5($$self, $$props, $$invalidate) {
+  function instance6($$self, $$props, $$invalidate) {
     let { word = "" } = $$props;
     let { resultType = "" } = $$props;
     let { otherClass = "" } = $$props;
@@ -6034,7 +6686,7 @@
   var PromptCategoriseWordButton = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance5, create_fragment9, safe_not_equal, {
+      init(this, options, instance6, create_fragment10, safe_not_equal, {
         word: 1,
         resultType: 0,
         otherClass: 2,
@@ -6166,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;
@@ -6215,7 +6867,7 @@
       }
     };
   }
-  function create_if_block_16(ctx) {
+  function create_if_block_17(ctx) {
     let div;
     let mounted;
     let dispose;
@@ -6257,7 +6909,7 @@
       }
     };
   }
-  function create_if_block6(ctx) {
+  function create_if_block7(ctx) {
     let button;
     let t2;
     let button_class_value;
@@ -6296,7 +6948,7 @@
     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: {
@@ -6388,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);
           }
@@ -6475,7 +7127,7 @@
       }
     };
   }
-  function create_fragment10(ctx) {
+  function create_fragment11(ctx) {
     let t0;
     let t1;
     let section;
@@ -6492,12 +7144,12 @@
       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[16] <= 0 && /*isContainerWordBin*/
-      ctx[22] && create_if_block_16(ctx)
+      ctx[22] && create_if_block_17(ctx)
     );
     let each_value = ensure_array_like(Object.values(
       /*items*/
@@ -6619,7 +7271,7 @@
           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);
           }
@@ -6635,7 +7287,7 @@
           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);
           }
@@ -6749,7 +7401,7 @@
       }
     };
   }
-  function instance6($$self, $$props, $$invalidate) {
+  function instance7($$self, $$props, $$invalidate) {
     let { containerClass = "" } = $$props;
     let { flipDurationMs = 5 } = $$props;
     let { containerId = "" } = $$props;
@@ -7084,8 +7736,8 @@
       init(
         this,
         options,
-        instance6,
-        create_fragment10,
+        instance7,
+        create_fragment11,
         safe_not_equal,
         {
           containerClass: 1,
@@ -7194,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;
@@ -7326,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();
@@ -7358,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];
@@ -7372,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 {
@@ -7406,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 {
@@ -7447,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);
@@ -7607,7 +8259,7 @@
       }
     };
   }
-  function create_fragment14(ctx) {
+  function create_fragment15(ctx) {
     let commonmodal;
     let current;
     commonmodal = new CommonModal_default({
@@ -7660,7 +8312,7 @@
       }
     };
   }
-  function instance8($$self, $$props, $$invalidate) {
+  function instance9($$self, $$props, $$invalidate) {
     let { categoryData = [] } = $$props;
     let { modalData = [] } = $$props;
     let categoryModal;
@@ -7743,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];
@@ -7764,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 {
@@ -7796,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 {
@@ -7837,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 {
@@ -7878,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 {
@@ -7919,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 {
@@ -7960,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 {
@@ -8001,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);
@@ -8319,7 +8971,7 @@
       }
     };
   }
-  function create_if_block_42(ctx) {
+  function create_if_block_43(ctx) {
     let span;
     let t0;
     let t1;
@@ -8357,7 +9009,7 @@
       }
     };
   }
-  function create_if_block_33(ctx) {
+  function create_if_block_34(ctx) {
     let span;
     let t0;
     let t1_value = (
@@ -8405,7 +9057,7 @@
       }
     };
   }
-  function create_if_block_25(ctx) {
+  function create_if_block_27(ctx) {
     let span;
     let t0;
     let t1;
@@ -8486,7 +9138,7 @@
       }
     };
   }
-  function create_if_block_17(ctx) {
+  function create_if_block_18(ctx) {
     let smallchevronup;
     let current;
     smallchevronup = new SmallChevronUp_default({});
@@ -8565,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*/
@@ -8926,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);
           }
@@ -8939,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);
           }
@@ -8954,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);
           }
@@ -9210,7 +9862,7 @@
       }
     };
   }
-  function create_if_block7(ctx) {
+  function create_if_block8(ctx) {
     let span;
     let t0;
     let t1;
@@ -9322,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: {
@@ -9735,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);
           }
@@ -9918,7 +10570,7 @@
       }
     };
   }
-  function create_fragment21(ctx) {
+  function create_fragment22(ctx) {
     let div;
     let promptbody;
     let current;
@@ -9976,7 +10628,7 @@
       }
     };
   }
-  function instance9($$self, $$props, $$invalidate) {
+  function instance10($$self, $$props, $$invalidate) {
     let { sessionData } = $$props;
     let { isFinished = false } = $$props;
     let { isPreviewMode = false } = $$props;
@@ -10401,8 +11053,8 @@
       init(
         this,
         options,
-        instance9,
-        create_fragment21,
+        instance10,
+        create_fragment22,
         safe_not_equal,
         {
           sessionData: 47,
@@ -10447,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() {
@@ -10470,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 {
@@ -10511,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)
@@ -10522,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];
@@ -10537,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;
@@ -10567,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 (
@@ -10644,7 +11296,7 @@
       }
     };
   }
-  function create_if_block8(ctx) {
+  function create_if_block9(ctx) {
     let promptskeleton;
     let current;
     promptskeleton = new PromptSkeleton_default({});
@@ -10700,7 +11352,7 @@
       }
     };
   }
-  function create_if_block_43(ctx) {
+  function create_if_block_44(ctx) {
     let promptcategorise;
     let current;
     promptcategorise = new PromptCategorise_default({
@@ -10763,7 +11415,7 @@
       }
     };
   }
-  function create_if_block_34(ctx) {
+  function create_if_block_35(ctx) {
     let prompttypein;
     let current;
     prompttypein = new PromptTypeIn_default({
@@ -10842,7 +11494,7 @@
       }
     };
   }
-  function create_if_block_26(ctx) {
+  function create_if_block_28(ctx) {
     let promptmcq;
     let current;
     promptmcq = new PromptMCQ_default({
@@ -10917,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 (
@@ -10990,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);
@@ -11202,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));