eat-js-sdk 0.0.56 → 0.0.58

package/dist/eat-prompt-builder.mjs

@@ -319,89 +319,6 @@
   function custom_event(type, detail, { bubbles = false, cancelable = false } = {}) {
     return new CustomEvent(type, { detail, bubbles, cancelable });
   }
-  var HtmlTag = class {
-    /**
-     * @private
-     * @default false
-     */
-    is_svg = false;
-    /** parent for creating node */
-    e = void 0;
-    /** html tag nodes */
-    n = void 0;
-    /** target */
-    t = void 0;
-    /** anchor */
-    a = void 0;
-    constructor(is_svg = false) {
-      this.is_svg = is_svg;
-      this.e = this.n = null;
-    }
-    /**
-     * @param {string} html
-     * @returns {void}
-     */
-    c(html) {
-      this.h(html);
-    }
-    /**
-     * @param {string} html
-     * @param {HTMLElement | SVGElement} target
-     * @param {HTMLElement | SVGElement} anchor
-     * @returns {void}
-     */
-    m(html, target, anchor = null) {
-      if (!this.e) {
-        if (this.is_svg)
-          this.e = svg_element(
-            /** @type {keyof SVGElementTagNameMap} */
-            target.nodeName
-          );
-        else
-          this.e = element(
-            /** @type {keyof HTMLElementTagNameMap} */
-            target.nodeType === 11 ? "TEMPLATE" : target.nodeName
-          );
-        this.t = target.tagName !== "TEMPLATE" ? target : (
-          /** @type {HTMLTemplateElement} */
-          target.content
-        );
-        this.c(html);
-      }
-      this.i(anchor);
-    }
-    /**
-     * @param {string} html
-     * @returns {void}
-     */
-    h(html) {
-      this.e.innerHTML = html;
-      this.n = Array.from(
-        this.e.nodeName === "TEMPLATE" ? this.e.content.childNodes : this.e.childNodes
-      );
-    }
-    /**
-     * @returns {void} */
-    i(anchor) {
-      for (let i = 0; i < this.n.length; i += 1) {
-        insert(this.t, this.n[i], anchor);
-      }
-    }
-    /**
-     * @param {string} html
-     * @returns {void}
-     */
-    p(html) {
-      this.d();
-      this.h(html);
-      this.i(this.a);
-    }
-    /**
-     * @returns {void} */
-    d() {
-      this.n.forEach(detach);
-    }
-  };
   function get_custom_elements_slots(element2) {
     const result = {};
     element2.childNodes.forEach(
@@ -708,7 +625,7 @@
     }
     component.$$.dirty[i / 31 | 0] |= 1 << i % 31;
   }
-  function init(component, options, instance13, create_fragment26, not_equal, props, append_styles2 = null, dirty = [-1]) {
+  function init(component, options, instance14, create_fragment27, not_equal, props, append_styles2 = null, dirty = [-1]) {
     const parent_component = current_component;
     set_current_component(component);
     const $$ = component.$$ = {
@@ -734,7 +651,7 @@
     };
     append_styles2 && append_styles2($$.root);
     let ready = false;
-    $$.ctx = instance13 ? instance13(component, options.props || {}, (i, ret, ...rest) => {
+    $$.ctx = instance14 ? instance14(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])
@@ -747,7 +664,7 @@
     $$.update();
     ready = true;
     run_all($$.before_update);
-    $$.fragment = create_fragment26 ? create_fragment26($$.ctx) : false;
+    $$.fragment = create_fragment27 ? create_fragment27($$.ctx) : false;
     if (options.target) {
       if (options.hydrate) {
         start_hydrating();
@@ -1154,6 +1071,161 @@
   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/common/CommonStringToHtml.svelte
+  function create_if_block(ctx) {
+    let div;
+    return {
+      c() {
+        div = element("div");
+        attr(
+          div,
+          "class",
+          /*otherClass*/
+          ctx[1]
+        );
+        attr(
+          div,
+          "aria-hidden",
+          /*ariaHidden*/
+          ctx[2]
+        );
+      },
+      m(target, anchor) {
+        insert(target, div, anchor);
+        div.innerHTML = /*htmlString*/
+        ctx[0];
+      },
+      p(ctx2, dirty) {
+        if (dirty & /*htmlString*/
+        1)
+          div.innerHTML = /*htmlString*/
+          ctx2[0];
+        ;
+        if (dirty & /*otherClass*/
+        2) {
+          attr(
+            div,
+            "class",
+            /*otherClass*/
+            ctx2[1]
+          );
+        }
+        if (dirty & /*ariaHidden*/
+        4) {
+          attr(
+            div,
+            "aria-hidden",
+            /*ariaHidden*/
+            ctx2[2]
+          );
+        }
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(div);
+        }
+      }
+    };
+  }
+  function create_fragment(ctx) {
+    let if_block_anchor;
+    let if_block = (
+      /*htmlString*/
+      ctx[0] && 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 (
+          /*htmlString*/
+          ctx2[0]
+        ) {
+          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 { htmlString = "" } = $$props;
+    let { otherClass = "" } = $$props;
+    let { ariaHidden = false } = $$props;
+    htmlString = htmlString.replace(/<p><\/p>/g, "");
+    $$self.$$set = ($$props2) => {
+      if ("htmlString" in $$props2)
+        $$invalidate(0, htmlString = $$props2.htmlString);
+      if ("otherClass" in $$props2)
+        $$invalidate(1, otherClass = $$props2.otherClass);
+      if ("ariaHidden" in $$props2)
+        $$invalidate(2, ariaHidden = $$props2.ariaHidden);
+    };
+    return [htmlString, otherClass, ariaHidden];
+  }
+  var CommonStringToHtml = class extends SvelteComponent {
+    constructor(options) {
+      super();
+      init(this, options, instance, create_fragment, safe_not_equal, {
+        htmlString: 0,
+        otherClass: 1,
+        ariaHidden: 2
+      });
+    }
+    get htmlString() {
+      return this.$$.ctx[0];
+    }
+    set htmlString(htmlString) {
+      this.$$set({ htmlString });
+      flush();
+    }
+    get otherClass() {
+      return this.$$.ctx[1];
+    }
+    set otherClass(otherClass) {
+      this.$$set({ otherClass });
+      flush();
+    }
+    get ariaHidden() {
+      return this.$$.ctx[2];
+    }
+    set ariaHidden(ariaHidden) {
+      this.$$set({ ariaHidden });
+      flush();
+    }
+  };
+  customElements.define("common-string-to-html", create_custom_element(CommonStringToHtml, { "htmlString": {}, "otherClass": {}, "ariaHidden": { "type": "Boolean" } }, [], [], true));
+  var CommonStringToHtml_default = CommonStringToHtml;
+
+  // src/lib/composables/usePrompt.ts
+  var useRemoveRichTextHtmlTags = (htmlString) => {
+    return htmlString.replace(/<\/p>/g, " ").replace(/<[^>]*>/g, "").trim();
+  };
+
   // src/lib/constants/index.ts
   var INTERACTION_TYPE_MCQ = "multipleChoiceInteraction";
   var INTERACTION_TYPE_TYPEIN = "typeInInteraction";
@@ -1167,10 +1239,14 @@
   var ANSWER_MISSED = "missed";
   var ASSET_ALIGNMENT_DEFAULT = "default";
   var ASSET_ALIGNMENT_INLINE = "inline";
+  var STIMULUS_TEXT_ALIGNMENT_DEFAULT = "default";
+  var STIMULUS_TEXT_ALIGNMENT_INLINE = "inline";
+  var STIMULUS_LAYOUT_ORDER_MEDIA_FIRST = "media first";
+  var STIMULUS_LAYOUT_ORDER_TEXT_FIRST = "text first";
   var ASSET_TYPE_IMAGE = "image";
 
   // src/lib/components/common/CommonMedia.svelte
-  function create_if_block(ctx) {
+  function create_if_block2(ctx) {
     let div;
     let if_block = (
       /*fileType*/
@@ -1321,11 +1397,11 @@
       }
     };
   }
-  function create_fragment(ctx) {
+  function create_fragment2(ctx) {
     let if_block_anchor;
     let if_block = (
       /*fileUrl*/
-      ctx[1] && create_if_block(ctx)
+      ctx[1] && create_if_block2(ctx)
     );
     return {
       c() {
@@ -1346,7 +1422,7 @@
           if (if_block) {
             if_block.p(ctx2, dirty);
           } else {
-            if_block = create_if_block(ctx2);
+            if_block = create_if_block2(ctx2);
             if_block.c();
             if_block.m(if_block_anchor.parentNode, if_block_anchor);
           }
@@ -1366,7 +1442,7 @@
       }
     };
   }
-  function instance($$self, $$props, $$invalidate) {
+  function instance2($$self, $$props, $$invalidate) {
     let { fileType } = $$props;
     let { fileUrl } = $$props;
     let { altText = "" } = $$props;
@@ -1386,7 +1462,7 @@
   var CommonMedia = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance, create_fragment, safe_not_equal, {
+      init(this, options, instance2, create_fragment2, safe_not_equal, {
         fileType: 0,
         fileUrl: 1,
         altText: 2,
@@ -1426,148 +1502,96 @@
   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[9]} class="item-heading mb-4">${/*rubric*/
-    ctx[0]}</${/*promptRubricHeaderElem*/
-    ctx[9]}>`;
-    let html_anchor;
+  function create_if_block_11(ctx) {
+    let commonstringtohtml;
+    let current;
+    commonstringtohtml = new CommonStringToHtml_default({
+      props: {
+        htmlString: (
+          /*rubric*/
+          ctx[0]
+        ),
+        otherClass: "item-heading mb-4"
+      }
+    });
     return {
       c() {
-        html_tag = new HtmlTag(false);
-        html_anchor = empty();
-        html_tag.a = html_anchor;
+        create_component(commonstringtohtml.$$.fragment);
       },
       m(target, anchor) {
-        html_tag.m(raw_value, target, anchor);
-        insert(target, html_anchor, anchor);
+        mount_component(commonstringtohtml, target, anchor);
+        current = true;
       },
       p(ctx2, dirty) {
+        const commonstringtohtml_changes = {};
         if (dirty & /*rubric*/
-        1 && raw_value !== (raw_value = `<${/*promptRubricHeaderElem*/
-        ctx2[9]} class="item-heading mb-4">${/*rubric*/
-        ctx2[0]}</${/*promptRubricHeaderElem*/
-        ctx2[9]}>`))
-          html_tag.p(raw_value);
+        1)
+          commonstringtohtml_changes.htmlString = /*rubric*/
+          ctx2[0];
+        commonstringtohtml.$set(commonstringtohtml_changes);
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(commonstringtohtml.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(commonstringtohtml.$$.fragment, local);
+        current = false;
       },
       d(detaching) {
-        if (detaching) {
-          detach(html_anchor);
-          html_tag.d();
-        }
+        destroy_component(commonstringtohtml, detaching);
       }
     };
   }
-  function create_if_block_3(ctx) {
-    let div;
-    let commonmedia;
+  function create_if_block_10(ctx) {
+    let commonstringtohtml;
     let current;
-    commonmedia = new CommonMedia_default({
+    commonstringtohtml = new CommonStringToHtml_default({
       props: {
-        fileType: (
-          /*fileType*/
-          ctx[3]
-        ),
-        fileUrl: (
-          /*fileUrl*/
-          ctx[2]
-        ),
-        altText: (
-          /*altText*/
-          ctx[5]
+        htmlString: (
+          /*stimulusText*/
+          ctx[7]
         ),
-        fileCaption: (
-          /*caption*/
-          ctx[6]
-        )
+        otherClass: "text-stimulus py-2"
       }
     });
     return {
       c() {
-        div = element("div");
-        create_component(commonmedia.$$.fragment);
-        attr(div, "class", "pt-6 pb-10");
+        create_component(commonstringtohtml.$$.fragment);
       },
       m(target, anchor) {
-        insert(target, div, anchor);
-        mount_component(commonmedia, div, null);
+        mount_component(commonstringtohtml, target, anchor);
         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);
+        const commonstringtohtml_changes = {};
+        if (dirty & /*stimulusText*/
+        128)
+          commonstringtohtml_changes.htmlString = /*stimulusText*/
+          ctx2[7];
+        commonstringtohtml.$set(commonstringtohtml_changes);
       },
       i(local) {
         if (current)
           return;
-        transition_in(commonmedia.$$.fragment, local);
+        transition_in(commonstringtohtml.$$.fragment, local);
         current = true;
       },
       o(local) {
-        transition_out(commonmedia.$$.fragment, local);
+        transition_out(commonstringtohtml.$$.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[9]} class="item-heading font-semibold">${/*prompt*/
-    ctx[1]}</${/*promptRubricHeaderElem*/
-    ctx[9]}>`;
-    let html_anchor;
-    return {
-      c() {
-        html_tag = new HtmlTag(false);
-        html_anchor = empty();
-        html_tag.a = html_anchor;
-      },
-      m(target, anchor) {
-        html_tag.m(raw_value, target, anchor);
-        insert(target, html_anchor, anchor);
-      },
-      p(ctx2, dirty) {
-        if (dirty & /*prompt*/
-        2 && raw_value !== (raw_value = `<${/*promptRubricHeaderElem*/
-        ctx2[9]} class="item-heading font-semibold">${/*prompt*/
-        ctx2[1]}</${/*promptRubricHeaderElem*/
-        ctx2[9]}>`))
-          html_tag.p(raw_value);
-      },
-      d(detaching) {
-        if (detaching) {
-          detach(html_anchor);
-          html_tag.d();
-        }
+        destroy_component(commonstringtohtml, detaching);
       }
     };
   }
-  function create_if_block_12(ctx) {
+  function create_if_block_9(ctx) {
     let div;
     let commonmedia;
+    let div_class_value;
     let current;
     commonmedia = new CommonMedia_default({
       props: {
@@ -1593,7 +1617,11 @@
       c() {
         div = element("div");
         create_component(commonmedia.$$.fragment);
-        attr(div, "class", "pt-6 lg:hidden");
+        attr(div, "class", div_class_value = /*showTextAlignmentInline*/
+        (ctx[11] && /*showStimulusLayoutMediaFirst*/
+        ctx[13] ? "pb-2" : "pb-10") + " " + /*showTextAlignmentInline*/
+        (ctx[11] && /*showStimulusLayoutTextFirst*/
+        ctx[14] ? "" : "pt-6"));
       },
       m(target, anchor) {
         insert(target, div, anchor);
@@ -1638,24 +1666,153 @@
       }
     };
   }
-  function create_if_block2(ctx) {
-    let div1;
-    let div0;
-    let commonmedia;
+  function create_if_block_8(ctx) {
+    let commonstringtohtml;
     let current;
-    commonmedia = new CommonMedia_default({
+    commonstringtohtml = new CommonStringToHtml_default({
       props: {
-        fileType: (
-          /*fileType*/
-          ctx[3]
-        ),
-        fileUrl: (
-          /*fileUrl*/
-          ctx[2]
+        htmlString: (
+          /*stimulusText*/
+          ctx[7]
         ),
-        altText: (
-          /*altText*/
-          ctx[5]
+        otherClass: "text-stimulus py-2"
+      }
+    });
+    return {
+      c() {
+        create_component(commonstringtohtml.$$.fragment);
+      },
+      m(target, anchor) {
+        mount_component(commonstringtohtml, target, anchor);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        const commonstringtohtml_changes = {};
+        if (dirty & /*stimulusText*/
+        128)
+          commonstringtohtml_changes.htmlString = /*stimulusText*/
+          ctx2[7];
+        commonstringtohtml.$set(commonstringtohtml_changes);
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(commonstringtohtml.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(commonstringtohtml.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        destroy_component(commonstringtohtml, detaching);
+      }
+    };
+  }
+  function create_if_block_7(ctx) {
+    let commonstringtohtml;
+    let current;
+    commonstringtohtml = new CommonStringToHtml_default({
+      props: {
+        htmlString: (
+          /*prompt*/
+          ctx[1]
+        ),
+        otherClass: "item-heading font-semibold"
+      }
+    });
+    return {
+      c() {
+        create_component(commonstringtohtml.$$.fragment);
+      },
+      m(target, anchor) {
+        mount_component(commonstringtohtml, target, anchor);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        const commonstringtohtml_changes = {};
+        if (dirty & /*prompt*/
+        2)
+          commonstringtohtml_changes.htmlString = /*prompt*/
+          ctx2[1];
+        commonstringtohtml.$set(commonstringtohtml_changes);
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(commonstringtohtml.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(commonstringtohtml.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        destroy_component(commonstringtohtml, detaching);
+      }
+    };
+  }
+  function create_if_block_6(ctx) {
+    let commonstringtohtml;
+    let current;
+    commonstringtohtml = new CommonStringToHtml_default({
+      props: {
+        htmlString: (
+          /*stimulusText*/
+          ctx[7]
+        ),
+        otherClass: "text-stimulus pb-0 lg:hidden"
+      }
+    });
+    return {
+      c() {
+        create_component(commonstringtohtml.$$.fragment);
+      },
+      m(target, anchor) {
+        mount_component(commonstringtohtml, target, anchor);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        const commonstringtohtml_changes = {};
+        if (dirty & /*stimulusText*/
+        128)
+          commonstringtohtml_changes.htmlString = /*stimulusText*/
+          ctx2[7];
+        commonstringtohtml.$set(commonstringtohtml_changes);
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(commonstringtohtml.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(commonstringtohtml.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        destroy_component(commonstringtohtml, detaching);
+      }
+    };
+  }
+  function create_if_block_5(ctx) {
+    let div;
+    let commonmedia;
+    let div_class_value;
+    let current;
+    commonmedia = new CommonMedia_default({
+      props: {
+        fileType: (
+          /*fileType*/
+          ctx[3]
+        ),
+        fileUrl: (
+          /*fileUrl*/
+          ctx[2]
+        ),
+        altText: (
+          /*altText*/
+          ctx[5]
         ),
         fileCaption: (
           /*caption*/
@@ -1663,18 +1820,266 @@
         )
       }
     });
+    return {
+      c() {
+        div = element("div");
+        create_component(commonmedia.$$.fragment);
+        attr(div, "class", div_class_value = "lg:hidden " + /*showTextAlignmentDefault*/
+        (ctx[10] && /*showStimulusLayoutTextFirst*/
+        ctx[14] ? "pt-4" : "pt-6"));
+      },
+      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_4(ctx) {
+    let commonstringtohtml;
+    let current;
+    commonstringtohtml = new CommonStringToHtml_default({
+      props: {
+        htmlString: (
+          /*stimulusText*/
+          ctx[7]
+        ),
+        otherClass: "text-stimulus pb-0 lg:hidden"
+      }
+    });
+    return {
+      c() {
+        create_component(commonstringtohtml.$$.fragment);
+      },
+      m(target, anchor) {
+        mount_component(commonstringtohtml, target, anchor);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        const commonstringtohtml_changes = {};
+        if (dirty & /*stimulusText*/
+        128)
+          commonstringtohtml_changes.htmlString = /*stimulusText*/
+          ctx2[7];
+        commonstringtohtml.$set(commonstringtohtml_changes);
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(commonstringtohtml.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(commonstringtohtml.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        destroy_component(commonstringtohtml, detaching);
+      }
+    };
+  }
+  function create_if_block3(ctx) {
+    let div1;
+    let div0;
+    let t0;
+    let t1;
+    let current;
+    let if_block0 = (
+      /*showTextAlignmentDefault*/
+      ctx[10] && /*showStimulusLayoutTextFirst*/
+      ctx[14] && create_if_block_3(ctx)
+    );
+    let if_block1 = (
+      /*showAssetAlignmentDefault*/
+      ctx[9] && create_if_block_22(ctx)
+    );
+    let if_block2 = (
+      /*showTextAlignmentDefault*/
+      ctx[10] && /*showStimulusLayoutMediaFirst*/
+      ctx[13] && create_if_block_12(ctx)
+    );
     return {
       c() {
         div1 = element("div");
         div0 = element("div");
-        create_component(commonmedia.$$.fragment);
-        attr(div0, "class", "w-full");
+        if (if_block0)
+          if_block0.c();
+        t0 = space();
+        if (if_block1)
+          if_block1.c();
+        t1 = space();
+        if (if_block2)
+          if_block2.c();
+        attr(div0, "class", "w-full flex flex-col");
         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);
+        if (if_block0)
+          if_block0.m(div0, null);
+        append(div0, t0);
+        if (if_block1)
+          if_block1.m(div0, null);
+        append(div0, t1);
+        if (if_block2)
+          if_block2.m(div0, null);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        if (
+          /*showTextAlignmentDefault*/
+          ctx2[10] && /*showStimulusLayoutTextFirst*/
+          ctx2[14]
+        )
+          if_block0.p(ctx2, dirty);
+        if (
+          /*showAssetAlignmentDefault*/
+          ctx2[9]
+        )
+          if_block1.p(ctx2, dirty);
+        if (
+          /*showTextAlignmentDefault*/
+          ctx2[10] && /*showStimulusLayoutMediaFirst*/
+          ctx2[13]
+        )
+          if_block2.p(ctx2, dirty);
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(if_block0);
+        transition_in(if_block1);
+        transition_in(if_block2);
+        current = true;
+      },
+      o(local) {
+        transition_out(if_block0);
+        transition_out(if_block1);
+        transition_out(if_block2);
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(div1);
+        }
+        if (if_block0)
+          if_block0.d();
+        if (if_block1)
+          if_block1.d();
+        if (if_block2)
+          if_block2.d();
+      }
+    };
+  }
+  function create_if_block_3(ctx) {
+    let commonstringtohtml;
+    let current;
+    commonstringtohtml = new CommonStringToHtml_default({
+      props: {
+        htmlString: (
+          /*stimulusText*/
+          ctx[7]
+        ),
+        otherClass: "text-stimulus pt-0"
+      }
+    });
+    return {
+      c() {
+        create_component(commonstringtohtml.$$.fragment);
+      },
+      m(target, anchor) {
+        mount_component(commonstringtohtml, target, anchor);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        const commonstringtohtml_changes = {};
+        if (dirty & /*stimulusText*/
+        128)
+          commonstringtohtml_changes.htmlString = /*stimulusText*/
+          ctx2[7];
+        commonstringtohtml.$set(commonstringtohtml_changes);
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(commonstringtohtml.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(commonstringtohtml.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        destroy_component(commonstringtohtml, detaching);
+      }
+    };
+  }
+  function create_if_block_22(ctx) {
+    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() {
+        create_component(commonmedia.$$.fragment);
+      },
+      m(target, anchor) {
+        mount_component(commonmedia, target, anchor);
         current = true;
       },
       p(ctx2, dirty) {
@@ -1708,57 +2113,122 @@
         current = false;
       },
       d(detaching) {
-        if (detaching) {
-          detach(div1);
-        }
-        destroy_component(commonmedia);
+        destroy_component(commonmedia, detaching);
       }
     };
   }
-  function create_fragment2(ctx) {
+  function create_if_block_12(ctx) {
+    let commonstringtohtml;
+    let current;
+    commonstringtohtml = new CommonStringToHtml_default({
+      props: {
+        htmlString: (
+          /*stimulusText*/
+          ctx[7]
+        ),
+        otherClass: "text-stimulus " + (!/*showAssetAlignmentDefault*/
+        ctx[9] ? "pt-0" : "")
+      }
+    });
+    return {
+      c() {
+        create_component(commonstringtohtml.$$.fragment);
+      },
+      m(target, anchor) {
+        mount_component(commonstringtohtml, target, anchor);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        const commonstringtohtml_changes = {};
+        if (dirty & /*stimulusText*/
+        128)
+          commonstringtohtml_changes.htmlString = /*stimulusText*/
+          ctx2[7];
+        commonstringtohtml.$set(commonstringtohtml_changes);
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(commonstringtohtml.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(commonstringtohtml.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        destroy_component(commonstringtohtml, detaching);
+      }
+    };
+  }
+  function create_fragment3(ctx) {
     let div2;
     let div1;
     let t0;
     let t1;
     let t2;
     let t3;
-    let div0;
     let t4;
-    let div1_class_value;
     let t5;
+    let t6;
+    let t7;
+    let div0;
+    let t8;
+    let div1_class_value;
+    let t9;
     let div2_class_value;
     let current;
     let if_block0 = (
       /*rubric*/
-      ctx[0] && create_if_block_4(ctx)
+      ctx[0] && create_if_block_11(ctx)
     );
     let if_block1 = (
-      /*showAsset*/
-      ctx[7] && /*fileAlignment*/
-      ctx[4] === ASSET_ALIGNMENT_INLINE && create_if_block_3(ctx)
+      /*showTextAlignmentInline*/
+      ctx[11] && /*showStimulusLayoutTextFirst*/
+      ctx[14] && create_if_block_10(ctx)
     );
     let if_block2 = (
-      /*prompt*/
-      ctx[1] && create_if_block_22(ctx)
+      /*showAsset*/
+      ctx[8] && /*fileAlignment*/
+      ctx[4] === ASSET_ALIGNMENT_INLINE && create_if_block_9(ctx)
     );
     let if_block3 = (
-      /*showAlignmentDefault*/
-      ctx[8] && create_if_block_12(ctx)
+      /*showTextAlignmentInline*/
+      ctx[11] && /*showStimulusLayoutMediaFirst*/
+      ctx[13] && create_if_block_8(ctx)
+    );
+    let if_block4 = (
+      /*prompt*/
+      ctx[1] && create_if_block_7(ctx)
+    );
+    let if_block5 = (
+      /*showTextAlignmentDefault*/
+      ctx[10] && /*showStimulusLayoutTextFirst*/
+      ctx[14] && create_if_block_6(ctx)
+    );
+    let if_block6 = (
+      /*showAssetAlignmentDefault*/
+      ctx[9] && create_if_block_5(ctx)
+    );
+    let if_block7 = (
+      /*showTextAlignmentDefault*/
+      ctx[10] && /*showStimulusLayoutMediaFirst*/
+      ctx[13] && create_if_block_4(ctx)
     );
     const default_slot_template = (
       /*#slots*/
-      ctx[13].default
+      ctx[18].default
     );
     const default_slot = create_slot(
       default_slot_template,
       ctx,
       /*$$scope*/
-      ctx[12],
+      ctx[17],
       null
     );
-    let if_block4 = (
+    let if_block8 = (
       /*showAlignmentDefault*/
-      ctx[8] && create_if_block2(ctx)
+      ctx[12] && create_if_block3(ctx)
     );
     return {
       c() {
@@ -1776,18 +2246,30 @@
         if (if_block3)
           if_block3.c();
         t3 = space();
-        div0 = element("div");
+        if (if_block4)
+          if_block4.c();
         t4 = space();
+        if (if_block5)
+          if_block5.c();
+        t5 = space();
+        if (if_block6)
+          if_block6.c();
+        t6 = space();
+        if (if_block7)
+          if_block7.c();
+        t7 = space();
+        div0 = element("div");
+        t8 = space();
         if (default_slot)
           default_slot.c();
-        t5 = space();
-        if (if_block4)
-          if_block4.c();
+        t9 = space();
+        if (if_block8)
+          if_block8.c();
         attr(div0, "class", "divider my-6");
         attr(div1, "class", div1_class_value = "bg-transparent relative " + /*showAlignmentDefault*/
-        (ctx[8] ? "lg:basis-1/2" : ""));
+        (ctx[12] ? "lg:basis-1/2 lg:max-w-[50%]" : ""));
         attr(div2, "class", div2_class_value = /*showAlignmentDefault*/
-        ctx[8] ? "lg:w-full lg:flex" : "");
+        ctx[12] ? "lg:w-full lg:flex" : "");
       },
       m(target, anchor) {
         insert(target, div2, anchor);
@@ -1804,14 +2286,26 @@
         if (if_block3)
           if_block3.m(div1, null);
         append(div1, t3);
-        append(div1, div0);
+        if (if_block4)
+          if_block4.m(div1, null);
         append(div1, t4);
+        if (if_block5)
+          if_block5.m(div1, null);
+        append(div1, t5);
+        if (if_block6)
+          if_block6.m(div1, null);
+        append(div1, t6);
+        if (if_block7)
+          if_block7.m(div1, null);
+        append(div1, t7);
+        append(div1, div0);
+        append(div1, t8);
         if (default_slot) {
           default_slot.m(div1, null);
         }
-        append(div2, t5);
-        if (if_block4)
-          if_block4.m(div2, null);
+        append(div2, t9);
+        if (if_block8)
+          if_block8.m(div2, null);
         current = true;
       },
       p(ctx2, [dirty]) {
@@ -1821,75 +2315,115 @@
         ) {
           if (if_block0) {
             if_block0.p(ctx2, dirty);
+            if (dirty & /*rubric*/
+            1) {
+              transition_in(if_block0, 1);
+            }
           } else {
-            if_block0 = create_if_block_4(ctx2);
+            if_block0 = create_if_block_11(ctx2);
             if_block0.c();
+            transition_in(if_block0, 1);
             if_block0.m(div1, t0);
           }
         } else if (if_block0) {
-          if_block0.d(1);
-          if_block0 = null;
+          group_outros();
+          transition_out(if_block0, 1, 1, () => {
+            if_block0 = null;
+          });
+          check_outros();
         }
+        if (
+          /*showTextAlignmentInline*/
+          ctx2[11] && /*showStimulusLayoutTextFirst*/
+          ctx2[14]
+        )
+          if_block1.p(ctx2, dirty);
         if (
           /*showAsset*/
-          ctx2[7] && /*fileAlignment*/
+          ctx2[8] && /*fileAlignment*/
           ctx2[4] === ASSET_ALIGNMENT_INLINE
         ) {
-          if (if_block1) {
-            if_block1.p(ctx2, dirty);
+          if (if_block2) {
+            if_block2.p(ctx2, dirty);
             if (dirty & /*fileAlignment*/
             16) {
-              transition_in(if_block1, 1);
+              transition_in(if_block2, 1);
             }
           } else {
-            if_block1 = create_if_block_3(ctx2);
-            if_block1.c();
-            transition_in(if_block1, 1);
-            if_block1.m(div1, t1);
+            if_block2 = create_if_block_9(ctx2);
+            if_block2.c();
+            transition_in(if_block2, 1);
+            if_block2.m(div1, t2);
           }
-        } else if (if_block1) {
+        } else if (if_block2) {
           group_outros();
-          transition_out(if_block1, 1, 1, () => {
-            if_block1 = null;
+          transition_out(if_block2, 1, 1, () => {
+            if_block2 = null;
           });
           check_outros();
         }
+        if (
+          /*showTextAlignmentInline*/
+          ctx2[11] && /*showStimulusLayoutMediaFirst*/
+          ctx2[13]
+        )
+          if_block3.p(ctx2, dirty);
         if (
           /*prompt*/
           ctx2[1]
         ) {
-          if (if_block2) {
-            if_block2.p(ctx2, dirty);
+          if (if_block4) {
+            if_block4.p(ctx2, dirty);
+            if (dirty & /*prompt*/
+            2) {
+              transition_in(if_block4, 1);
+            }
           } else {
-            if_block2 = create_if_block_22(ctx2);
-            if_block2.c();
-            if_block2.m(div1, t2);
+            if_block4 = create_if_block_7(ctx2);
+            if_block4.c();
+            transition_in(if_block4, 1);
+            if_block4.m(div1, t4);
           }
-        } else if (if_block2) {
-          if_block2.d(1);
-          if_block2 = null;
+        } else if (if_block4) {
+          group_outros();
+          transition_out(if_block4, 1, 1, () => {
+            if_block4 = null;
+          });
+          check_outros();
         }
         if (
-          /*showAlignmentDefault*/
-          ctx2[8]
+          /*showTextAlignmentDefault*/
+          ctx2[10] && /*showStimulusLayoutTextFirst*/
+          ctx2[14]
         )
-          if_block3.p(ctx2, dirty);
+          if_block5.p(ctx2, dirty);
+        if (
+          /*showAssetAlignmentDefault*/
+          ctx2[9]
+        )
+          if_block6.p(ctx2, dirty);
+        if (
+          /*showTextAlignmentDefault*/
+          ctx2[10] && /*showStimulusLayoutMediaFirst*/
+          ctx2[13]
+        )
+          if_block7.p(ctx2, dirty);
         if (default_slot) {
           if (default_slot.p && (!current || dirty & /*$$scope*/
-          4096)) {
+          131072)) {
             update_slot_base(
               default_slot,
               default_slot_template,
               ctx2,
               /*$$scope*/
-              ctx2[12],
+              ctx2[17],
               !current ? get_all_dirty_from_scope(
                 /*$$scope*/
-                ctx2[12]
+                ctx2[17]
               ) : get_slot_changes(
                 default_slot_template,
                 /*$$scope*/
-                ctx2[12],
+                ctx2[17],
                 dirty,
                 null
               ),
@@ -1899,24 +2433,36 @@
         }
         if (
           /*showAlignmentDefault*/
-          ctx2[8]
+          ctx2[12]
         )
-          if_block4.p(ctx2, dirty);
+          if_block8.p(ctx2, dirty);
       },
       i(local) {
         if (current)
           return;
+        transition_in(if_block0);
         transition_in(if_block1);
+        transition_in(if_block2);
         transition_in(if_block3);
-        transition_in(default_slot, local);
         transition_in(if_block4);
+        transition_in(if_block5);
+        transition_in(if_block6);
+        transition_in(if_block7);
+        transition_in(default_slot, local);
+        transition_in(if_block8);
         current = true;
       },
       o(local) {
+        transition_out(if_block0);
         transition_out(if_block1);
+        transition_out(if_block2);
         transition_out(if_block3);
-        transition_out(default_slot, local);
         transition_out(if_block4);
+        transition_out(if_block5);
+        transition_out(if_block6);
+        transition_out(if_block7);
+        transition_out(default_slot, local);
+        transition_out(if_block8);
         current = false;
       },
       d(detaching) {
@@ -1931,14 +2477,22 @@
           if_block2.d();
         if (if_block3)
           if_block3.d();
-        if (default_slot)
-          default_slot.d(detaching);
         if (if_block4)
           if_block4.d();
+        if (if_block5)
+          if_block5.d();
+        if (if_block6)
+          if_block6.d();
+        if (if_block7)
+          if_block7.d();
+        if (default_slot)
+          default_slot.d(detaching);
+        if (if_block8)
+          if_block8.d();
       }
     };
   }
-  function instance2($$self, $$props, $$invalidate) {
+  function instance3($$self, $$props, $$invalidate) {
     let { $$slots: slots = {}, $$scope } = $$props;
     let { rubric } = $$props;
     let { prompt } = $$props;
@@ -1946,11 +2500,18 @@
     let { stimulus = null } = $$props;
     let fileUrl = "";
     let fileType = "";
-    let fileAlignment = "default";
+    let fileAlignment = ASSET_ALIGNMENT_DEFAULT;
     let altText = "";
     let caption = "";
+    let stimulusText = "";
+    let stimulusTextAlignment = STIMULUS_TEXT_ALIGNMENT_DEFAULT;
+    let stimulusLayoutOrder = STIMULUS_LAYOUT_ORDER_MEDIA_FIRST;
+    const configureHtmlString = (htmlString, maxHeight = "") => {
+      return htmlString.replace(/<table>/g, `<div class="table-container ${maxHeight}" tabindex="0"><table>`).replace(/<\/table>/g, "</table></div>");
+    };
     if (stimulus) {
-      const { asset_alignment: assetAlignment, alternative_text: alternativeText, description, file } = stimulus;
+      const { asset_alignment: assetAlignment, alternative_text: alternativeText, description, file, stimulus_text: stimulusTextRaw, stimulus_text_alignment: stimulusTextAlignmentRaw, stimulus_layout_order: stimulusLayoutOrderRaw } = stimulus;
+      stimulusLayoutOrder = stimulusLayoutOrderRaw;
       if (file) {
         const { url, file_name: fileName, content_type: contentType } = file;
         const tempName = fileName || "Exercise image";
@@ -1961,21 +2522,32 @@
         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);
+      if (stimulusTextRaw) {
+        const maxHeight = stimulusTextAlignmentRaw === STIMULUS_TEXT_ALIGNMENT_DEFAULT ? "max-h-[660px]" : "max-h-[470px]";
+        stimulusText = configureHtmlString(stimulusTextRaw, maxHeight);
+        stimulusTextAlignment = stimulusTextAlignmentRaw;
+      }
+    }
+    const isAllowedInteraction = interactionType === INTERACTION_TYPE_MCQ || interactionType === INTERACTION_TYPE_TYPEIN;
+    const showAsset = isAllowedInteraction && fileUrl;
+    const showTextStimulus = isAllowedInteraction && stimulusText;
+    const showAssetAlignmentDefault = showAsset && fileAlignment === ASSET_ALIGNMENT_DEFAULT;
+    const showTextAlignmentDefault = showTextStimulus && stimulusTextAlignment === STIMULUS_TEXT_ALIGNMENT_DEFAULT;
+    const showTextAlignmentInline = showTextStimulus && stimulusTextAlignment === STIMULUS_TEXT_ALIGNMENT_INLINE;
+    const showAlignmentDefault = showAssetAlignmentDefault || showTextAlignmentDefault;
+    const showStimulusLayoutMediaFirst = stimulusLayoutOrder === STIMULUS_LAYOUT_ORDER_MEDIA_FIRST;
+    const showStimulusLayoutTextFirst = stimulusLayoutOrder === STIMULUS_LAYOUT_ORDER_TEXT_FIRST;
     $$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);
+        $$invalidate(15, interactionType = $$props2.interactionType);
       if ("stimulus" in $$props2)
-        $$invalidate(11, stimulus = $$props2.stimulus);
+        $$invalidate(16, stimulus = $$props2.stimulus);
       if ("$$scope" in $$props2)
-        $$invalidate(12, $$scope = $$props2.$$scope);
+        $$invalidate(17, $$scope = $$props2.$$scope);
     };
     return [
       rubric,
@@ -1985,9 +2557,14 @@
       fileAlignment,
       altText,
       caption,
+      stimulusText,
       showAsset,
+      showAssetAlignmentDefault,
+      showTextAlignmentDefault,
+      showTextAlignmentInline,
       showAlignmentDefault,
-      promptRubricHeaderElem,
+      showStimulusLayoutMediaFirst,
+      showStimulusLayoutTextFirst,
       interactionType,
       stimulus,
       $$scope,
@@ -1997,11 +2574,11 @@
   var PromptBody = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance2, create_fragment2, safe_not_equal, {
+      init(this, options, instance3, create_fragment3, safe_not_equal, {
         rubric: 0,
         prompt: 1,
-        interactionType: 10,
-        stimulus: 11
+        interactionType: 15,
+        stimulus: 16
       });
     }
     get rubric() {
@@ -2019,14 +2596,14 @@
       flush();
     }
     get interactionType() {
-      return this.$$.ctx[10];
+      return this.$$.ctx[15];
     }
     set interactionType(interactionType) {
       this.$$set({ interactionType });
       flush();
     }
     get stimulus() {
-      return this.$$.ctx[11];
+      return this.$$.ctx[16];
     }
     set stimulus(stimulus) {
       this.$$set({ stimulus });
@@ -2037,7 +2614,7 @@
   var PromptBody_default = PromptBody;
 
   // src/lib/components/prompt/template/PromptResultFeedback.svelte
-  function create_if_block3(ctx) {
+  function create_if_block4(ctx) {
     let div0;
     let t0;
     let span;
@@ -2149,11 +2726,11 @@
       }
     };
   }
-  function create_fragment3(ctx) {
+  function create_fragment4(ctx) {
     let if_block_anchor;
     let if_block = (
       /*resultFeedback*/
-      ctx[0] && create_if_block3(ctx)
+      ctx[0] && create_if_block4(ctx)
     );
     return {
       c() {
@@ -2174,7 +2751,7 @@
           if (if_block) {
             if_block.p(ctx2, dirty);
           } else {
-            if_block = create_if_block3(ctx2);
+            if_block = create_if_block4(ctx2);
             if_block.c();
             if_block.m(if_block_anchor.parentNode, if_block_anchor);
           }
@@ -2194,7 +2771,7 @@
       }
     };
   }
-  function instance3($$self, $$props, $$invalidate) {
+  function instance4($$self, $$props, $$invalidate) {
     let { resultFeedback = null } = $$props;
     let { resultFeedbackTitle = null } = $$props;
     let { isResultCorrect = true } = $$props;
@@ -2211,7 +2788,7 @@
   var PromptResultFeedback = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance3, create_fragment3, safe_not_equal, {
+      init(this, options, instance4, create_fragment4, safe_not_equal, {
         resultFeedback: 0,
         resultFeedbackTitle: 1,
         isResultCorrect: 2
@@ -2277,7 +2854,7 @@
   var useMCQ_default = useAlphabetEquivalent;
 
   // src/lib/assets/img/messaging/SuccessSolid.svelte
-  function create_fragment4(ctx) {
+  function create_fragment5(ctx) {
     let svg;
     let path;
     return {
@@ -2313,14 +2890,14 @@
   var SuccessSolid = 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(SuccessSolid, {}, [], [], true);
   var SuccessSolid_default = SuccessSolid;
 
   // src/lib/assets/img/messaging/ErrorSolid.svelte
-  function create_fragment5(ctx) {
+  function create_fragment6(ctx) {
     let svg;
     let path;
     return {
@@ -2356,7 +2933,7 @@
   var ErrorSolid = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment5, safe_not_equal, {});
+      init(this, options, null, create_fragment6, safe_not_equal, {});
     }
   };
   create_custom_element(ErrorSolid, {}, [], [], true);
@@ -2615,13 +3192,9 @@
     let span1;
     let span0;
     let t2;
-    let t3_value = (
-      /*option*/
-      ctx[18].answer + ""
-    );
+    let commonstringtohtml;
     let t3;
     let t4;
-    let t5;
     let button_aria_label_value;
     let button_class_value;
     let current;
@@ -2633,6 +3206,12 @@
       ctx[3] === /*option*/
       ctx[18].id && create_if_block_42(ctx)
     );
+    commonstringtohtml = new CommonStringToHtml_default({
+      props: { htmlString: (
+        /*option*/
+        ctx[18].answer
+      ) }
+    });
     let if_block1 = (
       /*selectedOption*/
       ctx[3] === /*option*/
@@ -2661,11 +3240,11 @@
           ctx[20]
         )}`;
         t2 = space();
-        t3 = text(t3_value);
-        t4 = space();
+        create_component(commonstringtohtml.$$.fragment);
+        t3 = space();
         if (if_block1)
           if_block1.c();
-        t5 = space();
+        t4 = space();
         attr(span0, "class", "choice group-active:border-2 group-active:border-blue-1000 group-active:p-[7px]");
         attr(span1, "class", "grow flex items-center");
         attr(button, "aria-label", button_aria_label_value = `${/*selectedOption*/
@@ -2676,8 +3255,10 @@
         )}` : `Option ${useMCQ_default(
           /*index*/
           ctx[20]
-        )}`}: ${/*option*/
-        ctx[18].answer} ${!/*isFinished*/
+        )}`}: ${useRemoveRichTextHtmlTags(
+          /*option*/
+          ctx[18].answer
+        )} ${!/*isFinished*/
         ctx[1] || /*selectedOption*/
         ctx[3] !== /*option*/
         ctx[18].id ? "" : (
@@ -2700,11 +3281,11 @@
         append(button, span1);
         append(span1, span0);
         append(span1, t2);
-        append(span1, t3);
-        append(button, t4);
+        mount_component(commonstringtohtml, span1, null);
+        append(button, t3);
         if (if_block1)
           if_block1.m(button, null);
-        append(button, t5);
+        append(button, t4);
         current = true;
         if (!mounted) {
           dispose = listen(button, "click", click_handler);
@@ -2745,7 +3326,7 @@
             if_block1 = create_if_block_23(ctx);
             if_block1.c();
             transition_in(if_block1, 1);
-            if_block1.m(button, t5);
+            if_block1.m(button, t4);
           }
         } else if (if_block1) {
           group_outros();
@@ -2763,8 +3344,10 @@
         )}` : `Option ${useMCQ_default(
           /*index*/
           ctx[20]
-        )}`}: ${/*option*/
-        ctx[18].answer} ${!/*isFinished*/
+        )}`}: ${useRemoveRichTextHtmlTags(
+          /*option*/
+          ctx[18].answer
+        )} ${!/*isFinished*/
         ctx[1] || /*selectedOption*/
         ctx[3] !== /*option*/
         ctx[18].id ? "" : (
@@ -2787,10 +3370,12 @@
       i(local) {
         if (current)
           return;
+        transition_in(commonstringtohtml.$$.fragment, local);
         transition_in(if_block1);
         current = true;
       },
       o(local) {
+        transition_out(commonstringtohtml.$$.fragment, local);
         transition_out(if_block1);
         current = false;
       },
@@ -2801,6 +3386,7 @@
         }
         if (if_block0)
           if_block0.d(detaching);
+        destroy_component(commonstringtohtml);
         if (if_block1)
           if_block1.d();
         mounted = false;
@@ -2808,7 +3394,7 @@
       }
     };
   }
-  function create_if_block4(ctx) {
+  function create_if_block5(ctx) {
     let promptresult;
     let current;
     promptresult = new PromptResultFeedback_default({
@@ -2868,7 +3454,7 @@
     );
     let if_block1 = (
       /*isFinished*/
-      ctx[1] && create_if_block4(ctx)
+      ctx[1] && create_if_block5(ctx)
     );
     return {
       c() {
@@ -2905,7 +3491,7 @@
               transition_in(if_block1, 1);
             }
           } else {
-            if_block1 = create_if_block4(ctx2);
+            if_block1 = create_if_block5(ctx2);
             if_block1.c();
             transition_in(if_block1, 1);
             if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
@@ -2942,7 +3528,7 @@
       }
     };
   }
-  function create_fragment6(ctx) {
+  function create_fragment7(ctx) {
     let promptbody;
     let current;
     promptbody = new PromptBody_default({
@@ -2995,7 +3581,7 @@
       }
     };
   }
-  function instance4($$self, $$props, $$invalidate) {
+  function instance5($$self, $$props, $$invalidate) {
     let { sessionData } = $$props;
     let { isDataSaving } = $$props;
     let { isFinished = false } = $$props;
@@ -3019,14 +3605,15 @@
       $$invalidate(4, resultFeedback = feedbackData[0].feedback || resultFeedback);
     };
     if (isFinished) {
+      getFeedback();
       const { answerId, hasAnswer } = scoringMetadata;
       selectedOption = answerId && hasAnswer ? answerId : selectedOption;
-      getFeedback();
     }
     const handleOptionClick = (optionId, option) => {
       if (isDataSaving || optionId === selectedOption || isFinished && !isPreviewModeInteractive)
         return;
       $$invalidate(3, selectedOption = optionId);
+      option = useRemoveRichTextHtmlTags(option);
       dispatch("saveOption", {
         answer_id: [optionId],
         answer_choice: [option]
@@ -3073,7 +3660,7 @@
   var PromptMCQ = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance4, create_fragment6, safe_not_equal, {
+      init(this, options, instance5, create_fragment7, safe_not_equal, {
         sessionData: 10,
         isDataSaving: 0,
         isFinished: 1,
@@ -3443,7 +4030,7 @@
       }
     };
   }
-  function create_if_block5(ctx) {
+  function create_if_block6(ctx) {
     let div;
     let span0;
     let current_block_type_index;
@@ -3644,7 +4231,7 @@
     let if_block0 = current_block_type(ctx);
     let if_block1 = (
       /*isFinished*/
-      ctx[1] && create_if_block5(ctx)
+      ctx[1] && create_if_block6(ctx)
     );
     return {
       c() {
@@ -3675,7 +4262,7 @@
               transition_in(if_block1, 1);
             }
           } else {
-            if_block1 = create_if_block5(ctx2);
+            if_block1 = create_if_block6(ctx2);
             if_block1.c();
             transition_in(if_block1, 1);
             if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
@@ -3709,7 +4296,7 @@
       }
     };
   }
-  function create_fragment7(ctx) {
+  function create_fragment8(ctx) {
     let promptbody;
     let current;
     promptbody = new PromptBody_default({
@@ -3764,7 +4351,7 @@
     };
   }
   var idLabel = "answerText";
-  function instance5($$self, $$props, $$invalidate) {
+  function instance6($$self, $$props, $$invalidate) {
     let { sessionData } = $$props;
     let { isDataSaving } = $$props;
     let { isFinished = false } = $$props;
@@ -3905,8 +4492,8 @@
       init(
         this,
         options,
-        instance5,
-        create_fragment7,
+        instance6,
+        create_fragment8,
         safe_not_equal,
         {
           sessionData: 17,
@@ -5967,7 +6554,7 @@
   }
 
   // src/lib/assets/img/product/GripVertical.svelte
-  function create_fragment8(ctx) {
+  function create_fragment9(ctx) {
     let svg;
     let path;
     return {
@@ -6001,14 +6588,14 @@
   var GripVertical = 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(GripVertical, {}, [], [], true);
   var GripVertical_default = GripVertical;
 
   // src/lib/assets/img/messaging/Success.svelte
-  function create_fragment9(ctx) {
+  function create_fragment10(ctx) {
     let svg;
     let path;
     return {
@@ -6042,7 +6629,7 @@
   var Success = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment9, safe_not_equal, {});
+      init(this, options, null, create_fragment10, safe_not_equal, {});
     }
   };
   create_custom_element(Success, {}, [], [], true);
@@ -6178,7 +6765,7 @@
       }
     };
   }
-  function create_if_block6(ctx) {
+  function create_if_block7(ctx) {
     let span;
     let gripvertical;
     let current;
@@ -6212,26 +6799,30 @@
       }
     };
   }
-  function create_fragment10(ctx) {
+  function create_fragment11(ctx) {
     let button;
     let span0;
-    let t0;
+    let commonstringtohtml;
     let span0_class_value;
-    let t1;
+    let t0;
     let div;
     let span1;
     let span1_class_value;
-    let t2;
+    let t1;
     let span2;
     let current_block_type_index;
     let if_block0;
-    let t3;
+    let t2;
     let div_class_value;
     let button_aria_label_value;
     let button_class_value;
     let current;
     let mounted;
     let dispose;
+    commonstringtohtml = new CommonStringToHtml_default({ props: { htmlString: (
+      /*word*/
+      ctx[1]
+    ) } });
     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) {
@@ -6259,23 +6850,20 @@
     let if_block1 = (
       /*resultType*/
       (ctx[0] === ANSWER_CORRECT || /*resultType*/
-      ctx[0] === ANSWER_INCORRECT) && create_if_block6(ctx)
+      ctx[0] === ANSWER_INCORRECT) && create_if_block7(ctx)
     );
     return {
       c() {
         button = element("button");
         span0 = element("span");
-        t0 = text(
-          /*word*/
-          ctx[1]
-        );
-        t1 = space();
+        create_component(commonstringtohtml.$$.fragment);
+        t0 = space();
         div = element("div");
         span1 = element("span");
-        t2 = space();
+        t1 = space();
         span2 = element("span");
         if_block0.c();
-        t3 = space();
+        t2 = space();
         if (if_block1)
           if_block1.c();
         attr(span0, "class", span0_class_value = "text-charcoal text-base pl-3 mr-4 " + /*isWordItemSelected*/
@@ -6296,19 +6884,19 @@
         attr(button, "aria-label", button_aria_label_value = /*resultType*/
         ctx[0] === ANSWER_INCORRECT && /*containerId*/
         ctx[5] === CONTAINER_WORD_BIN_ID && !/*isWordItemSelected*/
-        ctx[10] ? `Skipped answer: ${/*word*/
-        ctx[1]}` : (
+        ctx[10] ? `Skipped answer: ${/*ariaWord*/
+        ctx[11]}` : (
           /*resultType*/
           (ctx[0] === ANSWER_CORRECT || /*resultType*/
           ctx[0] === ANSWER_INCORRECT) && !/*isWordItemSelected*/
-          ctx[10] ? `Student's answer: ${/*word*/
-          ctx[1]} (${/*resultType*/
+          ctx[10] ? `Student's answer: ${/*ariaWord*/
+          ctx[11]} (${/*resultType*/
           ctx[0]})` : (
             /*resultType*/
-            ctx[0] === ANSWER_MISSED ? `Missing answer: ${/*word*/
-            ctx[1]}` : `${/*isWordItemSelected*/
-            ctx[10] ? "Selected option" : "Option"}: ${/*word*/
-            ctx[1]}`
+            ctx[0] === ANSWER_MISSED ? `Missing answer: ${/*ariaWord*/
+            ctx[11]}` : `${/*isWordItemSelected*/
+            ctx[10] ? "Selected option" : "Option"}: ${/*ariaWord*/
+            ctx[11]}`
           )
         ));
         attr(button, "class", button_class_value = "focus-ring flex items-center justify-between min-h-[54px] p-1 border border-gray-800 rounded-lg " + /*otherClass*/
@@ -6335,29 +6923,29 @@
       m(target, anchor) {
         insert(target, button, anchor);
         append(button, span0);
-        append(span0, t0);
-        append(button, t1);
+        mount_component(commonstringtohtml, span0, null);
+        append(button, t0);
         append(button, div);
         append(div, span1);
-        append(div, t2);
+        append(div, t1);
         append(div, span2);
         if_blocks[current_block_type_index].m(span2, null);
-        append(span2, t3);
+        append(span2, t2);
         if (if_block1)
           if_block1.m(span2, null);
-        ctx[17](button);
+        ctx[18](button);
         current = true;
         if (!mounted) {
           dispose = [
             listen(button, "click", stop_propagation(function() {
               if (is_function(
                 /*selectItem*/
-                ctx[11](
+                ctx[12](
                   /*wordButtonId*/
                   ctx[3]
                 )
               ))
-                ctx[11](
+                ctx[12](
                   /*wordButtonId*/
                   ctx[3]
                 ).apply(this, arguments);
@@ -6365,12 +6953,12 @@
             listen(button, "touchend", stop_propagation(function() {
               if (is_function(
                 /*selectItem*/
-                ctx[11](
+                ctx[12](
                   /*wordButtonId*/
                   ctx[3]
                 )
               ))
-                ctx[11](
+                ctx[12](
                   /*wordButtonId*/
                   ctx[3]
                 ).apply(this, arguments);
@@ -6379,7 +6967,7 @@
               button,
               "keydown",
               /*removeContainerTabSelected*/
-              ctx[12]
+              ctx[13]
             )
           ];
           mounted = true;
@@ -6387,13 +6975,12 @@
       },
       p(new_ctx, [dirty]) {
         ctx = new_ctx;
-        if (!current || dirty & /*word*/
+        const commonstringtohtml_changes = {};
+        if (dirty & /*word*/
         2)
-          set_data(
-            t0,
-            /*word*/
-            ctx[1]
-          );
+          commonstringtohtml_changes.htmlString = /*word*/
+          ctx[1];
+        commonstringtohtml.$set(commonstringtohtml_changes);
         if (!current || dirty & /*isWordItemSelected*/
         1024 && span0_class_value !== (span0_class_value = "text-charcoal text-base pl-3 mr-4 " + /*isWordItemSelected*/
         (ctx[10] ? "text-white" : ""))) {
@@ -6420,7 +7007,7 @@
           } else {
           }
           transition_in(if_block0, 1);
-          if_block0.m(span2, t3);
+          if_block0.m(span2, t2);
         }
         if (
           /*resultType*/
@@ -6433,7 +7020,7 @@
               transition_in(if_block1, 1);
             }
           } else {
-            if_block1 = create_if_block6(ctx);
+            if_block1 = create_if_block7(ctx);
             if_block1.c();
             transition_in(if_block1, 1);
             if_block1.m(span2, null);
@@ -6460,23 +7047,23 @@
             ctx[3]
           );
         }
-        if (!current || dirty & /*resultType, containerId, isWordItemSelected, word*/
-        1059 && button_aria_label_value !== (button_aria_label_value = /*resultType*/
+        if (!current || dirty & /*resultType, containerId, isWordItemSelected*/
+        1057 && button_aria_label_value !== (button_aria_label_value = /*resultType*/
         ctx[0] === ANSWER_INCORRECT && /*containerId*/
         ctx[5] === CONTAINER_WORD_BIN_ID && !/*isWordItemSelected*/
-        ctx[10] ? `Skipped answer: ${/*word*/
-        ctx[1]}` : (
+        ctx[10] ? `Skipped answer: ${/*ariaWord*/
+        ctx[11]}` : (
           /*resultType*/
           (ctx[0] === ANSWER_CORRECT || /*resultType*/
           ctx[0] === ANSWER_INCORRECT) && !/*isWordItemSelected*/
-          ctx[10] ? `Student's answer: ${/*word*/
-          ctx[1]} (${/*resultType*/
+          ctx[10] ? `Student's answer: ${/*ariaWord*/
+          ctx[11]} (${/*resultType*/
           ctx[0]})` : (
             /*resultType*/
-            ctx[0] === ANSWER_MISSED ? `Missing answer: ${/*word*/
-            ctx[1]}` : `${/*isWordItemSelected*/
-            ctx[10] ? "Selected option" : "Option"}: ${/*word*/
-            ctx[1]}`
+            ctx[0] === ANSWER_MISSED ? `Missing answer: ${/*ariaWord*/
+            ctx[11]}` : `${/*isWordItemSelected*/
+            ctx[10] ? "Selected option" : "Option"}: ${/*ariaWord*/
+            ctx[11]}`
           )
         ))) {
           attr(button, "aria-label", button_aria_label_value);
@@ -6508,11 +7095,13 @@
       i(local) {
         if (current)
           return;
+        transition_in(commonstringtohtml.$$.fragment, local);
         transition_in(if_block0);
         transition_in(if_block1);
         current = true;
       },
       o(local) {
+        transition_out(commonstringtohtml.$$.fragment, local);
         transition_out(if_block0);
         transition_out(if_block1);
         current = false;
@@ -6521,16 +7110,17 @@
         if (detaching) {
           detach(button);
         }
+        destroy_component(commonstringtohtml);
         if_blocks[current_block_type_index].d();
         if (if_block1)
           if_block1.d();
-        ctx[17](null);
+        ctx[18](null);
         mounted = false;
         run_all(dispose);
       }
     };
   }
-  function instance6($$self, $$props, $$invalidate) {
+  function instance7($$self, $$props, $$invalidate) {
     let { word = "" } = $$props;
     let { resultType = "" } = $$props;
     let { otherClass = "" } = $$props;
@@ -6548,8 +7138,9 @@
     let isWordItemSelected = false;
     let isSelecItemFunctionCalled = false;
     let wordButton;
+    let ariaWord = useRemoveRichTextHtmlTags(word);
     const updateCategoryData = (newSettings) => {
-      $$invalidate(13, categoryData = { ...categoryData, ...newSettings });
+      $$invalidate(14, categoryData = { ...categoryData, ...newSettings });
       dispatch("updateCategorySettings", categoryData);
     };
     const selectItem = (itemId) => {
@@ -6561,7 +7152,7 @@
         updateCategoryData({
           selectedItemId: itemId,
           sourceSelectedContainerId: containerId,
-          selectedItemName: word,
+          selectedItemName: ariaWord,
           isItemsAriaHidden: false
         });
       } else if (currentSelectedItemId === itemId) {
@@ -6614,19 +7205,19 @@
       if ("containerId" in $$props2)
         $$invalidate(5, containerId = $$props2.containerId);
       if ("wordFocus" in $$props2)
-        $$invalidate(14, wordFocus = $$props2.wordFocus);
+        $$invalidate(15, wordFocus = $$props2.wordFocus);
       if ("disabledClick" in $$props2)
         $$invalidate(6, disabledClick = $$props2.disabledClick);
       if ("isPreviewModeInteractive" in $$props2)
-        $$invalidate(15, isPreviewModeInteractive = $$props2.isPreviewModeInteractive);
+        $$invalidate(16, isPreviewModeInteractive = $$props2.isPreviewModeInteractive);
       if ("categoryData" in $$props2)
-        $$invalidate(13, categoryData = $$props2.categoryData);
+        $$invalidate(14, categoryData = $$props2.categoryData);
       if ("correctAnswerList" in $$props2)
-        $$invalidate(16, correctAnswerList = $$props2.correctAnswerList);
+        $$invalidate(17, correctAnswerList = $$props2.correctAnswerList);
     };
     $$self.$$.update = () => {
       if ($$self.$$.dirty & /*wordFocus, wordButton*/
-      16640) {
+      33024) {
         $:
           if (wordFocus) {
             setTimeout(
@@ -6638,7 +7229,7 @@
           }
       }
       if ($$self.$$.dirty & /*correctAnswerList, isPreviewModeInteractive, containerId, wordButtonId, resultType*/
-      98345) {
+      196649) {
         $:
           if (correctAnswerList && isPreviewModeInteractive) {
             const { answerList } = correctAnswerList;
@@ -6650,7 +7241,7 @@
           }
       }
       if ($$self.$$.dirty & /*categoryData, currentSelectedItemId, wordButtonId*/
-      8328) {
+      16520) {
         $:
           if (categoryData) {
             const { considerCloneItemId: storeConsiderCloneItemId, selectedItemId: storeSelectedItemId } = categoryData;
@@ -6672,6 +7263,7 @@
       wordButton,
       considerCloneItemId,
       isWordItemSelected,
+      ariaWord,
       selectItem,
       removeContainerTabSelected,
       categoryData,
@@ -6684,18 +7276,18 @@
   var PromptCategoriseWordButton = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance6, create_fragment10, safe_not_equal, {
+      init(this, options, instance7, create_fragment11, safe_not_equal, {
         word: 1,
         resultType: 0,
         otherClass: 2,
         wordButtonId: 3,
         isClonedItem: 4,
         containerId: 5,
-        wordFocus: 14,
+        wordFocus: 15,
         disabledClick: 6,
-        isPreviewModeInteractive: 15,
-        categoryData: 13,
-        correctAnswerList: 16
+        isPreviewModeInteractive: 16,
+        categoryData: 14,
+        correctAnswerList: 17
       });
     }
     get word() {
@@ -6741,7 +7333,7 @@
       flush();
     }
     get wordFocus() {
-      return this.$$.ctx[14];
+      return this.$$.ctx[15];
     }
     set wordFocus(wordFocus) {
       this.$$set({ wordFocus });
@@ -6755,21 +7347,21 @@
       flush();
     }
     get isPreviewModeInteractive() {
-      return this.$$.ctx[15];
+      return this.$$.ctx[16];
     }
     set isPreviewModeInteractive(isPreviewModeInteractive) {
       this.$$set({ isPreviewModeInteractive });
       flush();
     }
     get categoryData() {
-      return this.$$.ctx[13];
+      return this.$$.ctx[14];
     }
     set categoryData(categoryData) {
       this.$$set({ categoryData });
       flush();
     }
     get correctAnswerList() {
-      return this.$$.ctx[16];
+      return this.$$.ctx[17];
     }
     set correctAnswerList(correctAnswerList) {
       this.$$set({ correctAnswerList });
@@ -6828,7 +7420,7 @@
           button,
           "aria-label",
           /*ariaLabel*/
-          ctx[7]
+          ctx[1]
         );
         attr(button, "class", button_class_value = "focus-ring absolute inset-0 bg-transparent rounded-lg focus-visible:border " + /*isContainerWordBin*/
         (ctx[22] ? "focus-visible:border-gray-400" : "focus-visible:border-gray-800"));
@@ -6847,12 +7439,12 @@
       },
       p(ctx2, dirty) {
         if (dirty[0] & /*ariaLabel*/
-        128) {
+        2) {
           attr(
             button,
             "aria-label",
             /*ariaLabel*/
-            ctx2[7]
+            ctx2[1]
           );
         }
       },
@@ -6907,7 +7499,7 @@
       }
     };
   }
-  function create_if_block7(ctx) {
+  function create_if_block8(ctx) {
     let button;
     let t2;
     let button_class_value;
@@ -6918,7 +7510,7 @@
         t2 = text("Missing answers:");
         attr(button, "aria-label", "Missing answers:");
         attr(button, "class", button_class_value = "text-base text-charcoal font-semibold w-full mt-1 mb-2 text-left " + (!/*showButton*/
-        ctx[5] ? "hidden md:missing-answer-label" : "missing-answer-label"));
+        ctx[6] ? "hidden md:missing-answer-label" : "missing-answer-label"));
         button.disabled = button_disabled_value = true;
       },
       m(target, anchor) {
@@ -6927,8 +7519,8 @@
       },
       p(ctx2, dirty) {
         if (dirty[0] & /*showButton*/
-        32 && button_class_value !== (button_class_value = "text-base text-charcoal font-semibold w-full mt-1 mb-2 text-left " + (!/*showButton*/
-        ctx2[5] ? "hidden md:missing-answer-label" : "missing-answer-label"))) {
+        64 && button_class_value !== (button_class_value = "text-base text-charcoal font-semibold w-full mt-1 mb-2 text-left " + (!/*showButton*/
+        ctx2[6] ? "hidden md:missing-answer-label" : "missing-answer-label"))) {
           attr(button, "class", button_class_value);
         }
       },
@@ -6946,14 +7538,14 @@
     let current;
     let if_block = (
       /*item*/
-      ctx[38].type === ANSWER_MISSED && create_if_block7(ctx)
+      ctx[38].type === ANSWER_MISSED && create_if_block8(ctx)
     );
     promptcategorisewordbutton = new PromptCategoriseWordButton_default({
       props: {
         otherClass: "mr-2 mb-2 last:mr-0 " + /*item*/
         (ctx[38].id === /*considerItemId*/
         ctx[11] ? "!bg-violet-150" : "") + "\n        " + (!/*showButton*/
-        ctx[5] ? "hidden md:flex" : "") + "\n        " + /*items*/
+        ctx[6] ? "hidden md:flex" : "") + "\n        " + /*items*/
         (ctx[19][
           /*currentWordBinIndex*/
           ctx[15]
@@ -6974,12 +7566,12 @@
         ),
         containerId: (
           /*containerId*/
-          ctx[3]
+          ctx[4]
         ),
         wordFocus: (
           /*currentTabContainer*/
           ctx[17] === /*containerId*/
-          ctx[3] && /*item*/
+          ctx[4] && /*item*/
           ctx[38].id === /*items*/
           ctx[19][0].id
         ),
@@ -7038,7 +7630,7 @@
           if (if_block) {
             if_block.p(ctx, dirty);
           } else {
-            if_block = create_if_block7(ctx);
+            if_block = create_if_block8(ctx);
             if_block.c();
             if_block.m(t2.parentNode, t2);
           }
@@ -7048,11 +7640,11 @@
         }
         const promptcategorisewordbutton_changes = {};
         if (dirty[0] & /*items, considerItemId, showButton, currentWordBinIndex*/
-        559136)
+        559168)
           promptcategorisewordbutton_changes.otherClass = "mr-2 mb-2 last:mr-0 " + /*item*/
           (ctx[38].id === /*considerItemId*/
           ctx[11] ? "!bg-violet-150" : "") + "\n        " + (!/*showButton*/
-          ctx[5] ? "hidden md:flex" : "") + "\n        " + /*items*/
+          ctx[6] ? "hidden md:flex" : "") + "\n        " + /*items*/
           (ctx[19][
             /*currentWordBinIndex*/
             ctx[15]
@@ -7072,14 +7664,14 @@
           promptcategorisewordbutton_changes.isClonedItem = /*item*/
           ctx[38].isClonedItem;
         if (dirty[0] & /*containerId*/
-        8)
+        16)
           promptcategorisewordbutton_changes.containerId = /*containerId*/
-          ctx[3];
+          ctx[4];
         if (dirty[0] & /*currentTabContainer, containerId, items*/
-        655368)
+        655376)
           promptcategorisewordbutton_changes.wordFocus = /*currentTabContainer*/
           ctx[17] === /*containerId*/
-          ctx[3] && /*item*/
+          ctx[4] && /*item*/
           ctx[38].id === /*items*/
           ctx[19][0].id;
         if (dirty[0] & /*isFinished*/
@@ -7125,7 +7717,7 @@
       }
     };
   }
-  function create_fragment11(ctx) {
+  function create_fragment12(ctx) {
     let t0;
     let t1;
     let section;
@@ -7141,7 +7733,7 @@
       /*dragDisabled*/
       ctx[13] && /*sourceSelectedContainerId*/
       ctx[14] !== /*containerId*/
-      ctx[3] && !/*isFinished*/
+      ctx[4] && !/*isFinished*/
       ctx[8] && create_if_block_26(ctx)
     );
     let if_block1 = (
@@ -7176,7 +7768,7 @@
         }
         attr(section, "role", "group");
         attr(section, "class", section_class_value = "flex flex-wrap " + /*containerClass*/
-        ctx[1] + " category-content");
+        ctx[2] + " category-content");
         attr(
           section,
           "aria-hidden",
@@ -7188,11 +7780,11 @@
           section,
           "id",
           /*containerId*/
-          ctx[3]
+          ctx[4]
         );
         attr(section, "style", section_style_value = !/*isContainerWordBin*/
         ctx[22] ? `padding-top: ${/*paddingTop*/
-        ctx[6]}px;` : "");
+        ctx[7]}px;` : "");
       },
       m(target, anchor) {
         if (if_block0)
@@ -7217,11 +7809,11 @@
               ),
               flipDurationMs: (
                 /*flipDurationMs*/
-                ctx[2]
+                ctx[3]
               ),
               type: (
                 /*type*/
-                ctx[4]
+                ctx[5]
               ),
               dropTargetClasses: (
                 /*dropTargetClasses*/
@@ -7236,7 +7828,7 @@
               zoneItemTabIndex: (
                 /*currentTabContainer*/
                 ctx[17] !== /*containerId*/
-                ctx[3] || /*selectedItemId*/
+                ctx[4] || /*selectedItemId*/
                 ctx[12] || /*isModalOpen*/
                 ctx[18] ? -1 : 0
               ),
@@ -7263,7 +7855,7 @@
           /*dragDisabled*/
           ctx2[13] && /*sourceSelectedContainerId*/
           ctx2[14] !== /*containerId*/
-          ctx2[3] && !/*isFinished*/
+          ctx2[4] && !/*isFinished*/
           ctx2[8]
         ) {
           if (if_block0) {
@@ -7294,7 +7886,7 @@
           if_block1 = null;
         }
         if (dirty[0] & /*items, considerItemId, showButton, currentWordBinIndex, isContainerWordBin, containerId, currentTabContainer, isFinished, categoryData, correctAnswerList, isPreviewModeInteractive, updateCategoryByButton*/
-        71995177) {
+        71995217) {
           each_value = ensure_array_like(Object.values(
             /*items*/
             ctx2[19]
@@ -7304,8 +7896,8 @@
           check_outros();
         }
         if (!current || dirty[0] & /*containerClass*/
-        2 && section_class_value !== (section_class_value = "flex flex-wrap " + /*containerClass*/
-        ctx2[1] + " category-content")) {
+        4 && section_class_value !== (section_class_value = "flex flex-wrap " + /*containerClass*/
+        ctx2[2] + " category-content")) {
           attr(section, "class", section_class_value);
         }
         if (!current || dirty[0] & /*isItemsAriaHidden*/
@@ -7318,22 +7910,22 @@
           );
         }
         if (!current || dirty[0] & /*containerId*/
-        8) {
+        16) {
           attr(
             section,
             "id",
             /*containerId*/
-            ctx2[3]
+            ctx2[4]
           );
         }
         if (!current || dirty[0] & /*paddingTop*/
-        64 && section_style_value !== (section_style_value = !/*isContainerWordBin*/
+        128 && section_style_value !== (section_style_value = !/*isContainerWordBin*/
         ctx2[22] ? `padding-top: ${/*paddingTop*/
-        ctx2[6]}px;` : "")) {
+        ctx2[7]}px;` : "")) {
           attr(section, "style", section_style_value);
         }
         if (dndzone_action && is_function(dndzone_action.update) && dirty[0] & /*items, flipDurationMs, type, dragDisabled, currentTabContainer, containerId, selectedItemId, isModalOpen*/
-        929820)
+        929848)
           dndzone_action.update.call(null, {
             items: (
               /*items*/
@@ -7341,11 +7933,11 @@
             ),
             flipDurationMs: (
               /*flipDurationMs*/
-              ctx2[2]
+              ctx2[3]
             ),
             type: (
               /*type*/
-              ctx2[4]
+              ctx2[5]
             ),
             dropTargetClasses: (
               /*dropTargetClasses*/
@@ -7360,7 +7952,7 @@
             zoneItemTabIndex: (
               /*currentTabContainer*/
               ctx2[17] !== /*containerId*/
-              ctx2[3] || /*selectedItemId*/
+              ctx2[4] || /*selectedItemId*/
               ctx2[12] || /*isModalOpen*/
               ctx2[18] ? -1 : 0
             ),
@@ -7399,7 +7991,7 @@
       }
     };
   }
-  function instance7($$self, $$props, $$invalidate) {
+  function instance8($$self, $$props, $$invalidate) {
     let { containerClass = "" } = $$props;
     let { flipDurationMs = 5 } = $$props;
     let { containerId = "" } = $$props;
@@ -7412,6 +8004,7 @@
     let { isPreviewModeInteractive = false } = $$props;
     let { categoryData = [] } = $$props;
     let { modalData = [] } = $$props;
+    ariaLabel = useRemoveRichTextHtmlTags(ariaLabel);
     let considerItemId = "";
     let selectedItemId = "";
     let dragDisabled = isFinished;
@@ -7477,7 +8070,7 @@
         addAnswerItemStore(id, currentTarget.id);
         const itemIndex = rawCategoryItems.findIndex((item) => item.id === id);
         updateCategoryData({
-          selectedItemName: rawCategoryItems[itemIndex].text
+          selectedItemName: useRemoveRichTextHtmlTags(rawCategoryItems[itemIndex].text)
         });
       }
       updateCategoryData({ considerCloneItemId: "" });
@@ -7487,9 +8080,9 @@
       const { currentAnswer: currentAnswer2, rawCategories, rawCategoryItems: rawCategoryItems2 } = categoryData;
       const categoryAnswer = currentAnswer2.filter((answer) => answer.categoryId !== CONTAINER_WORD_BIN_ID).map((answer) => {
         const { categoryId, itemId } = answer;
-        const categoryList = rawCategories.filter((category) => category.id === categoryId).map((category) => category.name)[0];
+        const categoryList = rawCategories.filter((category) => category.id === categoryId).map((category) => useRemoveRichTextHtmlTags(category.name))[0];
         const itemList = itemId.map((item) => {
-          return rawCategoryItems2.filter((categoryItem) => categoryItem.id === item).map((categoryItem) => categoryItem.text)[0];
+          return rawCategoryItems2.filter((categoryItem) => categoryItem.id === item).map((categoryItem) => useRemoveRichTextHtmlTags(categoryItem.text))[0];
         });
         return {
           category_id: categoryId,
@@ -7623,19 +8216,19 @@
     };
     $$self.$$set = ($$props2) => {
       if ("containerClass" in $$props2)
-        $$invalidate(1, containerClass = $$props2.containerClass);
+        $$invalidate(2, containerClass = $$props2.containerClass);
       if ("flipDurationMs" in $$props2)
-        $$invalidate(2, flipDurationMs = $$props2.flipDurationMs);
+        $$invalidate(3, flipDurationMs = $$props2.flipDurationMs);
       if ("containerId" in $$props2)
-        $$invalidate(3, containerId = $$props2.containerId);
+        $$invalidate(4, containerId = $$props2.containerId);
       if ("type" in $$props2)
-        $$invalidate(4, type = $$props2.type);
+        $$invalidate(5, type = $$props2.type);
       if ("showButton" in $$props2)
-        $$invalidate(5, showButton = $$props2.showButton);
+        $$invalidate(6, showButton = $$props2.showButton);
       if ("paddingTop" in $$props2)
-        $$invalidate(6, paddingTop = $$props2.paddingTop);
+        $$invalidate(7, paddingTop = $$props2.paddingTop);
       if ("ariaLabel" in $$props2)
-        $$invalidate(7, ariaLabel = $$props2.ariaLabel);
+        $$invalidate(1, ariaLabel = $$props2.ariaLabel);
       if ("isFinished" in $$props2)
         $$invalidate(8, isFinished = $$props2.isFinished);
       if ("correctAnswerList" in $$props2)
@@ -7657,7 +8250,7 @@
           }
       }
       if ($$self.$$.dirty[0] & /*categoryData, isFinished, currentAnswer, containerId, considerItemId, isPreviewModeInteractive*/
-      268438793) {
+      268438801) {
         $:
           if (categoryData) {
             const { considerItemId: storeconsiderItemId, selectedItemId: storeSelectedItemId, currentAnswer: storeCurrentAnswer, sourceSelectedContainerId: storeSourceSelectedContainerId, currentWordBinIndex: storeCurrentWordBinIndex, currentTabContainer: storeCurrentTabContainer, isItemsAriaHidden: storeisItemsAriaHidden } = categoryData;
@@ -7698,13 +8291,13 @@
     };
     return [
       categoryData,
+      ariaLabel,
       containerClass,
       flipDurationMs,
       containerId,
       type,
       showButton,
       paddingTop,
-      ariaLabel,
       isFinished,
       correctAnswerList,
       isPreviewModeInteractive,
@@ -7734,17 +8327,17 @@
       init(
         this,
         options,
-        instance7,
-        create_fragment11,
+        instance8,
+        create_fragment12,
         safe_not_equal,
         {
-          containerClass: 1,
-          flipDurationMs: 2,
-          containerId: 3,
-          type: 4,
-          showButton: 5,
-          paddingTop: 6,
-          ariaLabel: 7,
+          containerClass: 2,
+          flipDurationMs: 3,
+          containerId: 4,
+          type: 5,
+          showButton: 6,
+          paddingTop: 7,
+          ariaLabel: 1,
           isFinished: 8,
           correctAnswerList: 9,
           isPreviewModeInteractive: 10,
@@ -7756,49 +8349,49 @@
       );
     }
     get containerClass() {
-      return this.$$.ctx[1];
+      return this.$$.ctx[2];
     }
     set containerClass(containerClass) {
       this.$$set({ containerClass });
       flush();
     }
     get flipDurationMs() {
-      return this.$$.ctx[2];
+      return this.$$.ctx[3];
     }
     set flipDurationMs(flipDurationMs) {
       this.$$set({ flipDurationMs });
       flush();
     }
     get containerId() {
-      return this.$$.ctx[3];
+      return this.$$.ctx[4];
     }
     set containerId(containerId) {
       this.$$set({ containerId });
       flush();
     }
     get type() {
-      return this.$$.ctx[4];
+      return this.$$.ctx[5];
     }
     set type(type) {
       this.$$set({ type });
       flush();
     }
     get showButton() {
-      return this.$$.ctx[5];
+      return this.$$.ctx[6];
     }
     set showButton(showButton) {
       this.$$set({ showButton });
       flush();
     }
     get paddingTop() {
-      return this.$$.ctx[6];
+      return this.$$.ctx[7];
     }
     set paddingTop(paddingTop) {
       this.$$set({ paddingTop });
       flush();
     }
     get ariaLabel() {
-      return this.$$.ctx[7];
+      return this.$$.ctx[1];
     }
     set ariaLabel(ariaLabel) {
       this.$$set({ ariaLabel });
@@ -7844,7 +8437,7 @@
   var PromptCategoriseDndContainer_default = PromptCategoriseDndContainer;
 
   // src/lib/components/common/CommonModal.svelte
-  function create_fragment12(ctx) {
+  function create_fragment13(ctx) {
     let div2;
     let div0;
     let t2;
@@ -7976,7 +8569,7 @@
   var keypress_handler = () => {
     return false;
   };
-  function instance8($$self, $$props, $$invalidate) {
+  function instance9($$self, $$props, $$invalidate) {
     let { $$slots: slots = {}, $$scope } = $$props;
     let { modalData = [] } = $$props;
     const dispatch = createEventDispatcher();
@@ -8008,7 +8601,7 @@
   var CommonModal = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance8, create_fragment12, safe_not_equal, { modalData: 3 });
+      init(this, options, instance9, create_fragment13, safe_not_equal, { modalData: 3 });
     }
     get modalData() {
       return this.$$.ctx[3];
@@ -8022,7 +8615,7 @@
   var CommonModal_default = CommonModal;
 
   // src/lib/assets/img/messaging/AlertIcon.svelte
-  function create_fragment13(ctx) {
+  function create_fragment14(ctx) {
     let svg;
     let path;
     return {
@@ -8056,14 +8649,14 @@
   var AlertIcon = 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(AlertIcon, {}, [], [], true);
   var AlertIcon_default = AlertIcon;
 
   // src/lib/assets/img/messaging/CrossIcon.svelte
-  function create_fragment14(ctx) {
+  function create_fragment15(ctx) {
     let svg;
     let path;
     return {
@@ -8097,7 +8690,7 @@
   var CrossIcon = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment14, safe_not_equal, {});
+      init(this, options, null, create_fragment15, safe_not_equal, {});
     }
   };
   create_custom_element(CrossIcon, {}, [], [], true);
@@ -8257,7 +8850,7 @@
       }
     };
   }
-  function create_fragment15(ctx) {
+  function create_fragment16(ctx) {
     let commonmodal;
     let current;
     commonmodal = new CommonModal_default({
@@ -8310,7 +8903,7 @@
       }
     };
   }
-  function instance9($$self, $$props, $$invalidate) {
+  function instance10($$self, $$props, $$invalidate) {
     let { categoryData = [] } = $$props;
     let { modalData = [] } = $$props;
     let categoryModal;
@@ -8393,7 +8986,7 @@
   var PromptCategoriseModal = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance9, create_fragment15, safe_not_equal, { categoryData: 6, modalData: 0 });
+      init(this, options, instance10, create_fragment16, safe_not_equal, { categoryData: 6, modalData: 0 });
     }
     get categoryData() {
       return this.$$.ctx[6];
@@ -8414,7 +9007,7 @@
   var PromptCategoriseModal_default = PromptCategoriseModal;
 
   // src/lib/assets/img/action/Switch.svelte
-  function create_fragment16(ctx) {
+  function create_fragment17(ctx) {
     let svg;
     let path;
     return {
@@ -8446,14 +9039,14 @@
   var Switch = 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(Switch, {}, [], [], true);
   var Switch_default = Switch;
 
   // src/lib/assets/img/messaging/SmallChevronUp.svelte
-  function create_fragment17(ctx) {
+  function create_fragment18(ctx) {
     let svg;
     let path;
     return {
@@ -8487,14 +9080,14 @@
   var SmallChevronUp = 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(SmallChevronUp, {}, [], [], true);
   var SmallChevronUp_default = SmallChevronUp;
 
   // src/lib/assets/img/messaging/SmallChevronDown.svelte
-  function create_fragment18(ctx) {
+  function create_fragment19(ctx) {
     let svg;
     let path;
     return {
@@ -8528,14 +9121,14 @@
   var SmallChevronDown = 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(SmallChevronDown, {}, [], [], true);
   var SmallChevronDown_default = SmallChevronDown;
 
   // src/lib/assets/img/messaging/SmallChevronLeft.svelte
-  function create_fragment19(ctx) {
+  function create_fragment20(ctx) {
     let svg;
     let path;
     return {
@@ -8569,14 +9162,14 @@
   var SmallChevronLeft = 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(SmallChevronLeft, {}, [], [], true);
   var SmallChevronLeft_default = SmallChevronLeft;
 
   // src/lib/assets/img/messaging/SmallChevronRight.svelte
-  function create_fragment20(ctx) {
+  function create_fragment21(ctx) {
     let svg;
     let path;
     return {
@@ -8610,14 +9203,14 @@
   var SmallChevronRight = 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(SmallChevronRight, {}, [], [], true);
   var SmallChevronRight_default = SmallChevronRight;
 
   // src/lib/assets/img/messaging/ArrowDownCircle.svelte
-  function create_fragment21(ctx) {
+  function create_fragment22(ctx) {
     let svg;
     let path;
     return {
@@ -8651,7 +9244,7 @@
   var ArrowDownCircle = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment21, safe_not_equal, {});
+      init(this, options, null, create_fragment22, safe_not_equal, {});
     }
   };
   create_custom_element(ArrowDownCircle, {}, [], [], true);
@@ -8827,7 +9420,7 @@
     child_ctx[69] = i;
     return child_ctx;
   }
-  function create_if_block_6(ctx) {
+  function create_if_block_72(ctx) {
     let promptcategorisemodal;
     let current;
     promptcategorisemodal = new PromptCategoriseModal_default({
@@ -8892,7 +9485,7 @@
       }
     };
   }
-  function create_if_block_5(ctx) {
+  function create_if_block_62(ctx) {
     let button;
     let span0;
     let switchicon;
@@ -8969,7 +9562,7 @@
       }
     };
   }
-  function create_if_block_43(ctx) {
+  function create_if_block_52(ctx) {
     let span;
     let t0;
     let t1;
@@ -8982,7 +9575,7 @@
           /*selectedItemName*/
           ctx[21]
         );
-        t2 = text(" added in:\xA0");
+        t2 = text(" added in\xA0");
         attr(span, "class", "sr-only");
       },
       m(target, anchor) {
@@ -9007,6 +9600,28 @@
       }
     };
   }
+  function create_if_block_43(ctx) {
+    let span;
+    return {
+      c() {
+        span = element("span");
+        span.textContent = `${useRemoveRichTextHtmlTags(
+          /*category*/
+          ctx[67].name
+        )}`;
+        attr(span, "class", "sr-only");
+      },
+      m(target, anchor) {
+        insert(target, span, anchor);
+      },
+      p: noop,
+      d(detaching) {
+        if (detaching) {
+          detach(span);
+        }
+      }
+    };
+  }
   function create_if_block_34(ctx) {
     let span;
     let t0;
@@ -9025,7 +9640,7 @@
     return {
       c() {
         span = element("span");
-        t0 = text(".\xA0 ");
+        t0 = text("\xA0");
         t1 = text(t1_value);
         t2 = text(" added");
         attr(span, "class", "sr-only");
@@ -9065,7 +9680,7 @@
     return {
       c() {
         span = element("span");
-        t0 = text(". Student's answer: ");
+        t0 = text(".\xA0Student's answer: ");
         t1 = text(
           /*selectedItemName*/
           ctx[21]
@@ -9166,7 +9781,7 @@
   function create_each_block3(ctx) {
     let div1;
     let div0;
-    let show_if_1 = (
+    let show_if_2 = (
       /*checkContainerDroppedItem*/
       ctx[31](
         /*category*/
@@ -9178,12 +9793,23 @@
     let t0;
     let span0;
     let t4;
-    let span1;
+    let commonstringtohtml;
+    let t5;
+    let show_if_1 = (
+      /*checkContainerDroppedItem*/
+      ctx[31](
+        /*category*/
+        ctx[67].id,
+        /*dropContainerId*/
+        ctx[12]
+      ) && /*enableAriaLive*/
+      ctx[22]
+    );
     let t6;
     let t7;
     let t8;
     let button;
-    let span2;
+    let span1;
     let t9_value = (
       /*getTotalWords*/
       ctx[34](
@@ -9195,10 +9821,10 @@
     );
     let t9;
     let t10;
-    let span3;
+    let span2;
     let show_if;
     let current_block_type_index;
-    let if_block3;
+    let if_block4;
     let button_aria_label_value;
     let div0_id_value;
     let div0_aria_live_value;
@@ -9215,10 +9841,30 @@
     let current;
     let mounted;
     let dispose;
-    let if_block0 = show_if_1 && create_if_block_43(ctx);
-    let if_block1 = !/*previewResultSr*/
+    let if_block0 = show_if_2 && create_if_block_52(ctx);
+    commonstringtohtml = new CommonStringToHtml_default({
+      props: {
+        ariaHidden: (
+          /*checkContainerDroppedItem*/
+          ctx[31](
+            /*category*/
+            ctx[67].id,
+            /*dropContainerId*/
+            ctx[12]
+          ) && /*enableAriaLive*/
+          ctx[22]
+        ),
+        htmlString: (
+          /*category*/
+          ctx[67].name
+        ),
+        otherClass: "text-base leading-5 !text-gray-900 md:item-heading"
+      }
+    });
+    let if_block1 = show_if_1 && create_if_block_43(ctx);
+    let if_block2 = !/*previewResultSr*/
     ctx[4] && create_if_block_34(ctx);
-    let if_block2 = (
+    let if_block3 = (
       /*previewResultSr*/
       ctx[4] && create_if_block_27(ctx)
     );
@@ -9241,7 +9887,7 @@
       return 1;
     }
     current_block_type_index = select_block_type(ctx, [-1, -1, -1]);
-    if_block3 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+    if_block4 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
     function div0_elementresize_handler() {
       ctx[49].call(
         div0,
@@ -9364,29 +10010,29 @@
         span0.textContent = `Category ${/*index*/
         ctx[69] + 1}:\xA0`;
         t4 = space();
-        span1 = element("span");
-        span1.textContent = `${/*category*/
-        ctx[67].name}`;
-        t6 = space();
+        create_component(commonstringtohtml.$$.fragment);
+        t5 = space();
         if (if_block1)
           if_block1.c();
-        t7 = space();
+        t6 = space();
         if (if_block2)
           if_block2.c();
+        t7 = space();
+        if (if_block3)
+          if_block3.c();
         t8 = space();
         button = element("button");
-        span2 = element("span");
+        span1 = element("span");
         t9 = text(t9_value);
         t10 = space();
-        span3 = element("span");
-        if_block3.c();
+        span2 = element("span");
+        if_block4.c();
         t11 = space();
         create_component(promptcategorisedndcontainer.$$.fragment);
         t12 = space();
         attr(span0, "class", "sr-only");
-        attr(span1, "class", "text-base leading-5 !text-gray-900 md:item-heading");
-        attr(span2, "class", "mx-0.5");
-        attr(span3, "class", "w-4 h-4 text-inherit flex items-center justify-center");
+        attr(span1, "class", "mx-0.5");
+        attr(span2, "class", "w-4 h-4 text-inherit flex items-center justify-center");
         attr(button, "aria-label", button_aria_label_value = /*getTotalWords*/
         ctx[34](
           /*category*/
@@ -9505,20 +10151,23 @@
         append(div0, t0);
         append(div0, span0);
         append(div0, t4);
-        append(div0, span1);
-        append(div0, t6);
+        mount_component(commonstringtohtml, div0, null);
+        append(div0, t5);
         if (if_block1)
           if_block1.m(div0, null);
-        append(div0, t7);
+        append(div0, t6);
         if (if_block2)
           if_block2.m(div0, null);
+        append(div0, t7);
+        if (if_block3)
+          if_block3.m(div0, null);
         append(div0, t8);
         append(div0, button);
-        append(button, span2);
-        append(span2, t9);
+        append(button, span1);
+        append(span1, t9);
         append(button, t10);
-        append(button, span3);
-        if_blocks[current_block_type_index].m(span3, null);
+        append(button, span2);
+        if_blocks[current_block_type_index].m(span2, null);
         div0_resize_listener = add_iframe_resize_listener(div0, div0_elementresize_handler.bind(div0));
         append(div1, t11);
         mount_component(promptcategorisedndcontainer, div1, null);
@@ -9565,18 +10214,18 @@
         ctx = new_ctx;
         if (dirty[0] & /*dropContainerId*/
         4096)
-          show_if_1 = /*checkContainerDroppedItem*/
+          show_if_2 = /*checkContainerDroppedItem*/
           ctx[31](
             /*category*/
             ctx[67].id,
             /*dropContainerId*/
             ctx[12]
           );
-        if (show_if_1) {
+        if (show_if_2) {
           if (if_block0) {
             if_block0.p(ctx, dirty);
           } else {
-            if_block0 = create_if_block_43(ctx);
+            if_block0 = create_if_block_52(ctx);
             if_block0.c();
             if_block0.m(div0, t0);
           }
@@ -9584,34 +10233,68 @@
           if_block0.d(1);
           if_block0 = null;
         }
-        if (!/*previewResultSr*/
-        ctx[4]) {
+        const commonstringtohtml_changes = {};
+        if (dirty[0] & /*dropContainerId, enableAriaLive*/
+        4198400)
+          commonstringtohtml_changes.ariaHidden = /*checkContainerDroppedItem*/
+          ctx[31](
+            /*category*/
+            ctx[67].id,
+            /*dropContainerId*/
+            ctx[12]
+          ) && /*enableAriaLive*/
+          ctx[22];
+        commonstringtohtml.$set(commonstringtohtml_changes);
+        if (dirty[0] & /*dropContainerId, enableAriaLive*/
+        4198400)
+          show_if_1 = /*checkContainerDroppedItem*/
+          ctx[31](
+            /*category*/
+            ctx[67].id,
+            /*dropContainerId*/
+            ctx[12]
+          ) && /*enableAriaLive*/
+          ctx[22];
+        if (show_if_1) {
           if (if_block1) {
             if_block1.p(ctx, dirty);
           } else {
-            if_block1 = create_if_block_34(ctx);
+            if_block1 = create_if_block_43(ctx);
             if_block1.c();
-            if_block1.m(div0, t7);
+            if_block1.m(div0, t6);
           }
         } else if (if_block1) {
           if_block1.d(1);
           if_block1 = null;
         }
-        if (
-          /*previewResultSr*/
-          ctx[4]
-        ) {
+        if (!/*previewResultSr*/
+        ctx[4]) {
           if (if_block2) {
             if_block2.p(ctx, dirty);
           } else {
-            if_block2 = create_if_block_27(ctx);
+            if_block2 = create_if_block_34(ctx);
             if_block2.c();
-            if_block2.m(div0, t8);
+            if_block2.m(div0, t7);
           }
         } else if (if_block2) {
           if_block2.d(1);
           if_block2 = null;
         }
+        if (
+          /*previewResultSr*/
+          ctx[4]
+        ) {
+          if (if_block3) {
+            if_block3.p(ctx, dirty);
+          } else {
+            if_block3 = create_if_block_27(ctx);
+            if_block3.c();
+            if_block3.m(div0, t8);
+          }
+        } else if (if_block3) {
+          if_block3.d(1);
+          if_block3 = null;
+        }
         if ((!current || dirty[0] & /*currentAnswer*/
         8) && t9_value !== (t9_value = /*getTotalWords*/
         ctx[34](
@@ -9629,14 +10312,14 @@
             if_blocks[previous_block_index] = null;
           });
           check_outros();
-          if_block3 = if_blocks[current_block_type_index];
-          if (!if_block3) {
-            if_block3 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
-            if_block3.c();
+          if_block4 = if_blocks[current_block_type_index];
+          if (!if_block4) {
+            if_block4 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+            if_block4.c();
           } else {
           }
-          transition_in(if_block3, 1);
-          if_block3.m(span3, null);
+          transition_in(if_block4, 1);
+          if_block4.m(span2, null);
         }
         if (!current || dirty[0] & /*currentAnswer*/
         8 && button_aria_label_value !== (button_aria_label_value = /*getTotalWords*/
@@ -9832,12 +10515,14 @@
       i(local) {
         if (current)
           return;
-        transition_in(if_block3);
+        transition_in(commonstringtohtml.$$.fragment, local);
+        transition_in(if_block4);
         transition_in(promptcategorisedndcontainer.$$.fragment, local);
         current = true;
       },
       o(local) {
-        transition_out(if_block3);
+        transition_out(commonstringtohtml.$$.fragment, local);
+        transition_out(if_block4);
         transition_out(promptcategorisedndcontainer.$$.fragment, local);
         current = false;
       },
@@ -9847,10 +10532,13 @@
         }
         if (if_block0)
           if_block0.d();
+        destroy_component(commonstringtohtml);
         if (if_block1)
           if_block1.d();
         if (if_block2)
           if_block2.d();
+        if (if_block3)
+          if_block3.d();
         if_blocks[current_block_type_index].d();
         div0_resize_listener();
         destroy_component(promptcategorisedndcontainer);
@@ -9860,7 +10548,7 @@
       }
     };
   }
-  function create_if_block8(ctx) {
+  function create_if_block9(ctx) {
     let span;
     let t0;
     let t1;
@@ -9953,13 +10641,13 @@
     arrowdowncircle = new ArrowDownCircle_default({});
     let if_block0 = (
       /*isModalOpen*/
-      ctx[17] && create_if_block_6(ctx)
+      ctx[17] && create_if_block_72(ctx)
     );
     let if_block1 = (
       /*totalRemainingWordBinItem*/
       ctx[15] !== /*totalCategoryItems*/
       ctx[9] && !/*isFinished*/
-      ctx[0] && create_if_block_5(ctx)
+      ctx[0] && create_if_block_62(ctx)
     );
     let each_value = ensure_array_like(Object.values(
       /*categoryGroups*/
@@ -9972,7 +10660,7 @@
     const out = (i) => transition_out(each_blocks[i], 1, 1, () => {
       each_blocks[i] = null;
     });
-    let if_block2 = show_if && create_if_block8(ctx);
+    let if_block2 = show_if && create_if_block9(ctx);
     smallchevronleft = new SmallChevronLeft_default({});
     promptcategorisedndcontainer = new PromptCategoriseDndContainer_default({
       props: {
@@ -10301,7 +10989,7 @@
               transition_in(if_block0, 1);
             }
           } else {
-            if_block0 = create_if_block_6(ctx);
+            if_block0 = create_if_block_72(ctx);
             if_block0.c();
             transition_in(if_block0, 1);
             if_block0.m(t3.parentNode, t3);
@@ -10326,7 +11014,7 @@
               transition_in(if_block1, 1);
             }
           } else {
-            if_block1 = create_if_block_5(ctx);
+            if_block1 = create_if_block_62(ctx);
             if_block1.c();
             transition_in(if_block1, 1);
             if_block1.m(div0, null);
@@ -10385,7 +11073,7 @@
           if (if_block2) {
             if_block2.p(ctx, dirty);
           } else {
-            if_block2 = create_if_block8(ctx);
+            if_block2 = create_if_block9(ctx);
             if_block2.c();
             if_block2.m(div2, t8);
           }
@@ -10568,7 +11256,7 @@
       }
     };
   }
-  function create_fragment22(ctx) {
+  function create_fragment23(ctx) {
     let div;
     let promptbody;
     let current;
@@ -10626,7 +11314,7 @@
       }
     };
   }
-  function instance10($$self, $$props, $$invalidate) {
+  function instance11($$self, $$props, $$invalidate) {
     let { sessionData } = $$props;
     let { isFinished = false } = $$props;
     let { isPreviewMode = false } = $$props;
@@ -11051,8 +11739,8 @@
       init(
         this,
         options,
-        instance10,
-        create_fragment22,
+        instance11,
+        create_fragment23,
         safe_not_equal,
         {
           sessionData: 47,
@@ -11097,7 +11785,7 @@
   var PromptCategorise_default = PromptCategorise;
 
   // src/lib/components/prompt/skeleton/PromptSkeleton.svelte
-  function create_fragment23(ctx) {
+  function create_fragment24(ctx) {
     let div3;
     return {
       c() {
@@ -11120,14 +11808,14 @@
   var PromptSkeleton = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment23, safe_not_equal, {});
+      init(this, options, null, create_fragment24, safe_not_equal, {});
     }
   };
   customElements.define("prompt-skeleton", create_custom_element(PromptSkeleton, {}, [], [], true));
   var PromptSkeleton_default = PromptSkeleton;
 
   // src/lib/components/common/InvalidBanner.svelte
-  function create_fragment24(ctx) {
+  function create_fragment25(ctx) {
     let p;
     let t2;
     return {
@@ -11161,7 +11849,7 @@
       }
     };
   }
-  function instance11($$self, $$props, $$invalidate) {
+  function instance12($$self, $$props, $$invalidate) {
     let { bannerLabel: bannerLabel2 = "Invalid." } = $$props;
     $$self.$$set = ($$props2) => {
       if ("bannerLabel" in $$props2)
@@ -11172,7 +11860,7 @@
   var InvalidBanner = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance11, create_fragment24, safe_not_equal, { bannerLabel: 0 });
+      init(this, options, instance12, create_fragment25, safe_not_equal, { bannerLabel: 0 });
     }
     get bannerLabel() {
       return this.$$.ctx[0];
@@ -11187,7 +11875,7 @@
 
   // src/lib/components/prompt/PromptBuilder.svelte
   function add_css(target) {
-    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}}');
+    append_styles(target, "svelte-1if0gh0", '*,: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-1if0gh0-pulse{{opacity:0.5}}.animate-skeleton{--tw-bg-opacity:1;animation:svelte-1if0gh0-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;background-color:rgb(226 232 240/var(--tw-bg-opacity))}.btn-mcq-option:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.btn-mcq-option{--tw-text-opacity:1;--tw-border-opacity:1;--tw-bg-opacity:1;align-items:center;background-color:rgb(247 250 250/var(--tw-bg-opacity));border-color:rgb(113 115 119/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));display:flex;font-size:1rem;justify-content:space-between;line-height:1.5rem;margin-bottom:1rem;min-height:48px;padding:0.5rem 0.75rem 0.5rem 0.5rem;width:100%}.btn-mcq-option:active{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity));border-color:rgb(40 44 135/var(--tw-border-opacity));border-width:2px}@media(hover: hover) and (pointer: fine){.btn-mcq-option:hover{--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}}.btn-mcq-option>span>.choice{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(113 115 119/var(--tw-border-opacity));border-radius:1rem;border-width:1px;color:rgb(93 99 107/var(--tw-text-opacity));display:flex;font-size:1rem;font-weight:700;height:2rem;justify-content:center;letter-spacing:0.05em;line-height:1rem;margin-right:1rem;padding:0.5rem;width:2rem}.btn-mcq-option.selected{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}.btn-mcq-option.selected,.btn-mcq-option.selected>span>.choice{border-color:rgb(40 44 135/var(--tw-border-opacity));border-width:2px}.btn-mcq-option.selected>span>.choice{--tw-border-opacity:1}.btn-mcq-option.selected.correct{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(241 254 241/var(--tw-bg-opacity));border-color:rgb(0 102 5/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected.incorrect{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(253 243 247/var(--tw-bg-opacity));border-color:rgb(217 12 85/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected.correct>span>.choice,.btn-mcq-option.selected.incorrect>span>.choice{--tw-border-opacity:1;border-color:rgb(113 115 119/var(--tw-border-opacity));border-width:1px}.typein-textbox:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.typein-textbox{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(93 99 107/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem;padding:0.75rem 1rem;width:100%}.typein-textbox::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(93 99 107/var(--tw-placeholder-opacity))}.typein-textbox::placeholder{--tw-placeholder-opacity:1;color:rgb(93 99 107/var(--tw-placeholder-opacity))}.typein-textbox:focus{--tw-border-opacity:1;border-color:rgb(84 101 251/var(--tw-border-opacity));border-width:2px}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{--tw-border-opacity:1;border-color:rgb(84 101 251/var(--tw-border-opacity));border-width:2px;outline:2px solid transparent;outline-offset:2px}}.typein-textbox:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0)) !important}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));transition-duration:50ms}}#dnd-action-dragged-el{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;--tw-border-opacity:1!important;--tw-bg-opacity:1!important;background-color:rgb(205 208 254/var(--tw-bg-opacity)) !important;border-color:rgb(93 99 107/var(--tw-border-opacity)) !important;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));cursor:grabbing !important;outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}#dnd-action-dragged-el .btn-vertical-icon{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));cursor:grabbing !important}#dnd-action-dragged-el .preview-icon{display:none !important}#dnd-action-dragged-el .preview-vertical{display:block !important}.category-content>.missing-answer-label{display:block}.category-content>.missing-answer-label~.missing-answer-label{display:none}.text-stimulus{padding-bottom:1rem;padding-top:1rem}.text-stimulus p{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;line-height:1.75rem;padding-bottom:0.5rem}.text-stimulus ol,.text-stimulus ul{font-size:1rem;line-height:1.5rem;list-style-position:inside;padding-bottom:0.5rem;padding-left:0.5rem}.text-stimulus ol ::marker,.text-stimulus ul ::marker{color:#282c87}.text-stimulus ol::marker,.text-stimulus ul::marker{color:#282c87}.text-stimulus ul{list-style-type:disc}.text-stimulus ol{list-style-type:decimal}.text-stimulus ol ::marker{font-weight:600}.text-stimulus ol::marker{font-weight:600}.text-stimulus ul li>p{margin-left:-0.5rem}.text-stimulus ol>li>p,.text-stimulus ul>li>p{display:inline-block;font-size:1rem;font-weight:600;line-height:1.5rem;padding-bottom:0;padding-top:0}.text-stimulus div.table-container:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.text-stimulus div.table-container{border-radius:0.5rem;overflow:auto;padding-left:0.125rem;padding-right:0.125rem}.text-stimulus div.table-container::-webkit-scrollbar{height:0.5rem;width:0.5rem}.text-stimulus div.table-container::-webkit-scrollbar-track{background-color:transparent}.text-stimulus div.table-container::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(204 204 204/var(--tw-bg-opacity));border-radius:0.5rem}.text-stimulus table{--tw-border-spacing-x:0.75rem;--tw-border-spacing-y:0.75rem;--tw-shadow:0 0 0 1px #9ca3af;--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);border-radius:0.5rem;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);margin-bottom:1rem;margin-top:0.5rem;overflow-x:auto;width:100%}.text-stimulus table tr{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(156 163 175/var(--tw-border-opacity))}.text-stimulus table tr:last-child{border-color:transparent}.text-stimulus table td,.text-stimulus table th{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity));border-left-width:1px;min-width:140px}.text-stimulus table td:first-child,.text-stimulus table th:first-child{border-style:none}.text-stimulus table td>p,.text-stimulus table th>p{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem;padding:0.75rem;text-align:left}.text-stimulus table th>p{font-weight:600}.sr-only{clip:rect(0, 0, 0, 0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.-top-2{top:-0.5rem}.-top-2\\.5{top:-0.625rem}.bottom-4{bottom:1rem}.left-4{left:1rem}.left-\\[-9999px\\]{left:-9999px}.right-0{right:0}.right-4{right:1rem}.top-12{top:3rem}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-0\\.5{margin-left:0.125rem;margin-right:0.125rem}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.mb-1{margin-bottom:0.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:0.5rem}.mb-3{margin-bottom:0.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:0.25rem}.ml-3{margin-left:0.75rem}.ml-\\[3px\\]{margin-left:3px}.mr-1{margin-right:0.25rem}.mr-2{margin-right:0.5rem}.mr-4{margin-right:1rem}.mt-0{margin-top:0}.mt-0\\.5{margin-top:0.125rem}.mt-1{margin-top:0.25rem}.mt-2{margin-top:0.5rem}.mt-4{margin-top:1rem}.mt-7{margin-top:1.75rem}.mt-7\\.5{margin-top:1.875}.mt-9{margin-top:2.25rem}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-11{height:2.75rem}.h-4{height:1rem}.h-52{height:13rem}.h-6{height:1.5rem}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.max-h-\\[470px\\]{max-height:470px}.max-h-\\[660px\\]{max-height:660px}.min-h-\\[133px\\]{min-height:133px}.min-h-\\[140px\\]{min-height:140px}.min-h-\\[54px\\]{min-height:54px}.min-h-\\[86px\\]{min-height:86px}.w-11{width:2.75rem}.w-2\\/4{width:50%}.w-4{width:1rem}.w-6{width:1.5rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-\\[44px\\]{min-width:44px}.min-w-\\[85px\\]{min-width:85px}.max-w-\\[400px\\]{max-width:400px}.grow{flex-grow:1}.basis-0{flex-basis:0px}.\\!cursor-default{cursor:default !important}.\\!cursor-pointer{cursor:pointer !important}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:0.5rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0.5rem * var(--tw-space-y-reverse));margin-top:calc(0.5rem * (1 - var(--tw-space-y-reverse)))}.space-y-reverse>:not([hidden])~:not([hidden]){--tw-space-y-reverse:1}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:0.25rem}.rounded-\\[32px\\]{border-radius:32px}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.rounded-b-lg{border-bottom-left-radius:0.5rem;border-bottom-right-radius:0.5rem}.rounded-t-lg{border-top-left-radius:0.5rem;border-top-right-radius:0.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-6,.border-l-\\[6px\\]{border-left-width:6px}.border-dashed{border-style:dashed}.\\!border-blue-1000{--tw-border-opacity:1!important;border-color:rgb(40 44 135/var(--tw-border-opacity)) !important}.border-blue-1000{--tw-border-opacity:1;border-color:rgb(40 44 135/var(--tw-border-opacity))}.border-charcoal{--tw-border-opacity:1;border-color:rgb(33 37 41/var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.border-gray-800{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.border-green-800{--tw-border-opacity:1;border-color:rgb(0 102 5/var(--tw-border-opacity))}.border-red-600{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity))}.border-red-800{--tw-border-opacity:1;border-color:rgb(217 12 85/var(--tw-border-opacity))}.border-soft-blue{--tw-border-opacity:1;border-color:rgb(84 101 251/var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.\\!bg-violet-100{--tw-bg-opacity:1!important;background-color:rgb(235 235 255/var(--tw-bg-opacity)) !important}.\\!bg-violet-150{--tw-bg-opacity:1!important;background-color:rgb(205 208 254/var(--tw-bg-opacity)) !important}.\\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity)) !important}.bg-blue-1000{--tw-bg-opacity:1;background-color:rgb(40 44 135/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(247 250 250/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(244 244 244/var(--tw-bg-opacity))}.bg-green-300{--tw-bg-opacity:1;background-color:rgb(241 254 241/var(--tw-bg-opacity))}.bg-red-200{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity))}.bg-red-300{--tw-bg-opacity:1;background-color:rgb(253 243 247/var(--tw-bg-opacity))}.bg-soft-blue{--tw-bg-opacity:1;background-color:rgb(84 101 251/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-violet-100{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.bg-violet-150{--tw-bg-opacity:1;background-color:rgb(205 208 254/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-yellow-1000{--tw-bg-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity))}.p-0{padding:0}.p-0\\.5{padding:0.125rem}.p-1{padding:0.25rem}.p-1\\.5{padding:0.375rem}.p-2{padding:0.5rem}.p-3{padding:0.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:0.25rem;padding-top:0.25rem}.py-1\\.5{padding-bottom:0.375rem;padding-top:0.375rem}.py-2{padding-bottom:0.5rem;padding-top:0.5rem}.pb-0{padding-bottom:0}.pb-10{padding-bottom:2.5rem}.pb-2{padding-bottom:0.5rem}.pb-3{padding-bottom:0.75rem}.pl-24{padding-left:6rem}.pl-3{padding-left:0.75rem}.pl-4{padding-left:1rem}.pr-3{padding-right:0.75rem}.pt-0{padding-top:0}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-\\[55px\\]{padding-top:55px}.text-left{text-align:left}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-\\[22px\\]{line-height:22px}.\\!text-gray-900{--tw-text-opacity:1!important;color:rgb(57 62 69/var(--tw-text-opacity)) !important}.text-blue-1000{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity))}.text-charcoal{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(93 99 107/var(--tw-text-opacity))}.text-green-800{--tw-text-opacity:1;color:rgb(0 102 5/var(--tw-text-opacity))}.text-inherit{color:inherit}.text-red-800{--tw-text-opacity:1;color:rgb(217 12 85/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.opacity-50{opacity:0.5}.shadow-\\[0_-12px_14px_-16px_\\#00000033\\]{--tw-shadow:0 -12px 14px -16px #00000033;--tw-shadow-colored:0 -12px 14px -16px var(--tw-shadow-color)}.shadow-\\[0_-12px_14px_-16px_\\#00000033\\],.shadow-md{box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)}.shadow-md{--tw-shadow:0px 2px 8px rgba(0,0,0,.2);--tw-shadow-colored:0px 2px 8px var(--tw-shadow-color)}.\\!outline-none{outline:2px solid transparent !important;outline-offset:2px !important}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:0.15s;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.duration-300{transition-duration:0.3s}.active\\:raw-focus-ring:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}@media(min-width: 732px){.md\\:item-heading{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;letter-spacing:-0.025em;line-height:1.5rem}.category-content>.md\\:missing-answer-label{display:block}.category-content>.md\\:missing-answer-label~.md\\:missing-answer-label{display:none}}@media(hover: hover) and (pointer: fine){.td\\:hover-focus-ring:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}}.last\\:mr-0:last-child{margin-right:0}.focus-within\\:left-0:focus-within{left:0}.focus-within\\:right-0:focus-within{right:0}.focus-within\\:top-0:focus-within{top:0}.focus-within\\:z-30:focus-within{z-index:30}.hover\\:bg-black-50:hover{background-color:rgba(0, 0, 0, 0.0509803922)}.hover\\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}.hover\\:bg-violet-100:hover{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.hover\\:bg-yellow-1000:hover{--tw-bg-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity))}.hover\\:text-charcoal:hover{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.focus\\:outline-transparent:focus{outline-color:transparent}.focus-visible\\:border:focus-visible{border-width:1px}.focus-visible\\:border-charcoal:focus-visible{--tw-border-opacity:1;border-color:rgb(33 37 41/var(--tw-border-opacity))}.focus-visible\\:border-gray-400:focus-visible{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.focus-visible\\:border-gray-800:focus-visible{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\\:bg-black-55:active,.active\\:bg-black-60:active{background-color:rgba(0, 0, 0, 0.1019607843)}.active\\:bg-yellow-1100:active{--tw-bg-opacity:1;background-color:rgb(238 206 26/var(--tw-bg-opacity))}.active\\:text-charcoal:active{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.disabled\\:text-gray-40:disabled{--tw-text-opacity:1;color:rgb(142 147 153/var(--tw-text-opacity))}.disabled\\:hover\\:bg-white:hover:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.group\\/itemContainer:hover .group-hover\\/itemContainer\\:bg-violet-100{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.group:hover .group-hover\\:underline{text-decoration-line:underline}.group:active .group-active\\:border-2{border-width:2px}.group:active .group-active\\:border-blue-1000{--tw-border-opacity:1;border-color:rgb(40 44 135/var(--tw-border-opacity))}.group:active .group-active\\:p-\\[7px\\]{padding:7px}@media(min-width: 732px){.md\\:inset-0{inset:0}.md\\:top-20{top:5rem}.md\\:mb-2{margin-bottom:0.5rem}.md\\:mb-4{margin-bottom:1rem}.md\\:mb-8{margin-bottom:2rem}.md\\:mt-14{margin-top:3.5rem}.md\\:block{display:block}.md\\:inline-block{display:inline-block}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:h-fit{height:-moz-fit-content;height:fit-content}.md\\:min-h-0{min-height:0}.md\\:min-h-\\[140px\\]{min-height:140px}.md\\:min-h-\\[164px\\]{min-height:164px}.md\\:w-fit{width:-moz-fit-content;width:fit-content}.md\\:grow-0{flex-grow:0}.md\\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.md\\:flex-row{flex-direction:row}.md\\:flex-col{flex-direction:column}.md\\:items-center{align-items:center}.md\\:justify-normal{justify-content:normal}.md\\:justify-center{justify-content:center}.md\\:justify-between{justify-content:space-between}.md\\:gap-6{gap:1.5rem}.md\\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px * var(--tw-space-y-reverse));margin-top:calc(0px * (1 - var(--tw-space-y-reverse)))}.md\\:rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.md\\:border{border-width:1px}.md\\:border-gray-400{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.md\\:\\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity)) !important}.md\\:p-4{padding:1rem}.md\\:px-0{padding-left:0;padding-right:0}.md\\:pb-0{padding-bottom:0}.md\\:pt-20{padding-top:5rem}.md\\:pt-20\\.5{padding-top:5.125rem}.md\\:text-center{text-align:center}.md\\:shadow-\\[0_0_\\#0000\\]{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)}.group\\/itemContainer:hover .md\\:group-hover\\/itemContainer\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}}@media(min-width: 1196px){.lg\\:mr-6{margin-right:1.5rem}.lg\\:flex{display:flex}.lg\\:hidden{display:none}.lg\\:min-h-\\[224px\\]{min-height:224px}.lg\\:w-full{width:100%}.lg\\:max-w-\\[50\\%\\]{max-width:50%}.lg\\:grow{flex-grow:1}.lg\\:basis-1\\/2{flex-basis:50%}.lg\\:items-center{align-items:center}.lg\\:justify-between{justify-content:space-between}.lg\\:gap-0{gap:0}.lg\\:last\\:mr-0:last-child{margin-right:0}}@media(hover: hover) and (pointer: fine){.td\\:hover\\:cursor-grab:hover{cursor:grab}.td\\:hover\\:border-gray-800:hover{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.td\\:hover\\:bg-black-50:hover{background-color:rgba(0, 0, 0, 0.0509803922)}.td\\:hover\\:bg-violet-100:hover{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.td\\:hover\\:text-soft-blue:hover{--tw-text-opacity:1;color:rgb(84 101 251/var(--tw-text-opacity))}.group:hover .td\\:group-hover\\:bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.group:hover .td\\:group-hover\\:opacity-5{opacity:0.05}}');
   }
   function create_else_block_12(ctx) {
     let invalidbanner;
@@ -11294,7 +11982,7 @@
       }
     };
   }
-  function create_if_block9(ctx) {
+  function create_if_block10(ctx) {
     let promptskeleton;
     let current;
     promptskeleton = new PromptSkeleton_default({});
@@ -11567,12 +12255,12 @@
       }
     };
   }
-  function create_fragment25(ctx) {
+  function create_fragment26(ctx) {
     let current_block_type_index;
     let if_block;
     let if_block_anchor;
     let current;
-    const if_block_creators = [create_if_block9, create_if_block_19, create_else_block_12];
+    const if_block_creators = [create_if_block10, create_if_block_19, create_else_block_12];
     const if_blocks = [];
     function select_block_type(ctx2, dirty) {
       if (
@@ -11640,7 +12328,7 @@
     };
   }
   var bannerLabel = "Invalid session id.";
-  function instance12($$self, $$props, $$invalidate) {
+  function instance13($$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);
@@ -11672,8 +12360,8 @@
     };
     const getItemData = async (itemId2, metadata) => {
       try {
-        let includeAnswer = isFinished && isLocked ? "?include=[correct_answer]" : "";
-        includeAnswer = isPreviewContentful ? "?include=[correct_answer,unpublished]&is_contentful_preview=true" : includeAnswer;
+        let includeAnswer = `?include=[html_tags${isFinished && isLocked ? ",correct_answer" : ""}]`;
+        includeAnswer = isPreviewContentful ? "?include=[html_tags,correct_answer,unpublished]&is_contentful_preview=true" : includeAnswer;
         const { data } = await useGet(`items/${itemId2}${includeAnswer}`);
         $$invalidate(3, interactionType = getInteractionType(data));
         $$invalidate(0, sessionData = { ...data, metadata });
@@ -11852,7 +12540,7 @@
   var PromptBuilder = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance12, create_fragment25, safe_not_equal, {}, add_css);
+      init(this, options, instance13, create_fragment26, safe_not_equal, {}, add_css);
     }
   };
   customElements.define("prompt-builder", create_custom_element(PromptBuilder, {}, [], [], true));