eat-js-sdk 1.0.2 → 1.0.4

package/dist/eat-prompt-builder.mjs

@@ -350,6 +350,9 @@
       throw new Error("Function called outside component initialization");
     return current_component;
   }
+  function onMount(fn) {
+    get_current_component().$$.on_mount.push(fn);
+  }
   function createEventDispatcher() {
     const component = get_current_component();
     return (type, detail, { cancelable = false } = {}) => {
@@ -496,7 +499,7 @@
       lookup.delete(block.key);
     });
   }
-  function update_keyed_each(old_blocks, dirty, get_key, dynamic, ctx, list, lookup, node, destroy, create_each_block4, next2, get_context) {
+  function update_keyed_each(old_blocks, dirty, get_key, dynamic, ctx, list, lookup, node, destroy, create_each_block5, next2, get_context) {
     let o2 = old_blocks.length;
     let n2 = list.length;
     let i = o2;
@@ -513,7 +516,7 @@
       const key = get_key(child_ctx);
       let block = lookup.get(key);
       if (!block) {
-        block = create_each_block4(key, child_ctx);
+        block = create_each_block5(key, child_ctx);
         block.c();
       } else if (dynamic) {
         updates.push(() => block.p(child_ctx, dirty));
@@ -635,7 +638,7 @@
     }
     component.$$.dirty[i / 31 | 0] |= 1 << i % 31;
   }
-  function init(component, options, instance14, create_fragment27, not_equal, props, append_styles2 = null, dirty = [-1]) {
+  function init(component, options, instance15, create_fragment29, not_equal, props, append_styles2 = null, dirty = [-1]) {
     const parent_component = current_component;
     set_current_component(component);
     const $$ = component.$$ = {
@@ -661,7 +664,7 @@
     };
     append_styles2 && append_styles2($$.root);
     let ready = false;
-    $$.ctx = instance14 ? instance14(component, options.props || {}, (i, ret, ...rest) => {
+    $$.ctx = instance15 ? instance15(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])
@@ -674,7 +677,7 @@
     $$.update();
     ready = true;
     run_all($$.before_update);
-    $$.fragment = create_fragment27 ? create_fragment27($$.ctx) : false;
+    $$.fragment = create_fragment29 ? create_fragment29($$.ctx) : false;
     if (options.target) {
       if (options.hydrate) {
         start_hydrating();
@@ -1080,10 +1083,35 @@
     });
     return await response.json();
   };
+  var usePost = async (url, body) => {
+    const headers = getHeaders({ "Content-type": "application/json" });
+    const response = await fetch(getBaseUrl(url), {
+      method: "POST",
+      headers,
+      body: JSON.stringify(body)
+    });
+    return await response.json();
+  };
 
   // src/lib/composables/useTypein.ts
   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, " ");
+  var useJoinArrayToString = (arr) => {
+    return arr.join("").replace(/-/g, "").toLocaleLowerCase();
+  };
+  var useIsEven = (data) => {
+    return data % 2 === 0;
+  };
+  var useCorrectIconString = () => {
+    return `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Check Icon">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM14.7284 6.79289C14.3378 6.40237 13.7047 6.40237 13.3141 6.79289L8.02125 12.0858L6.20711 10.2716C5.81658 9.88112 5.18342 9.88112 4.79289 10.2716C4.40237 10.6622 4.40237 11.2953 4.79289 11.6859L7.31414 14.2071C7.70467 14.5976 8.33783 14.5976 8.72836 14.2071L14.7284 8.20711C15.1189 7.81658 15.1189 7.18342 14.7284 6.79289Z" fill="currentColor"/>
+  </svg>`;
+  };
+  var useErrorIconString = () => {
+    return `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Cross Icon">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM7.70711 6.29289C7.31658 5.90237 6.68342 5.90237 6.29289 6.29289C5.90237 6.68342 5.90237 7.31658 6.29289 7.70711L8.585 10L6.29289 12.2929C5.93241 12.6534 5.90468 13.2206 6.2097 13.6129L6.29289 13.7071C6.68342 14.0976 7.31658 14.0976 7.70711 13.7071L10 11.415L12.2929 13.7071C12.6534 14.0676 13.2206 14.0953 13.6129 13.7903L13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L11.415 10L13.7071 7.70711C14.0676 7.34662 14.0953 6.77939 13.7903 6.3871L13.7071 6.29289C13.3166 5.90237 12.6834 5.90237 12.2929 6.29289L10 8.585L7.70711 6.29289Z" fill="currentColor"/>
+  </svg>`;
+  };
 
   // src/lib/components/common/CommonStringToHtml.svelte
   function create_if_block(ctx) {
@@ -1257,6 +1285,7 @@
   var INTERACTION_TYPE_TYPEIN = "typeInInteraction";
   var INTERACTION_TYPE_CATEGORISE = "categoriseInteraction";
   var TYPEIN_TYPE_SHORT = "Short-Text";
+  var TYPEIN_TYPE_LONG = "Long-Text";
   var TYPEIN_TYPE_INLINE = "Inline Text";
   var CONTAINER_WORD_BIN_ID = "container-word-bin";
   var SCREEN_MD = 732;
@@ -3856,194 +3885,602 @@
   action.destroy = autosize_esm_default.destroy;
   var svelte_autosize_default = action;
 
-  // src/lib/components/common/InvalidBanner.svelte
+  // src/lib/assets/img/messaging/InfoSolid.svelte
   function create_fragment8(ctx) {
-    let p;
-    let t2;
+    let svg;
+    let path;
     return {
       c() {
-        p = element("p");
-        t2 = text(
-          /*bannerLabel*/
-          ctx[0]
-        );
-        attr(p, "class", "p-2 border-2 border-red-600 bg-red-200 rounded");
+        svg = svg_element("svg");
+        path = svg_element("path");
+        attr(path, "fill-rule", "evenodd");
+        attr(path, "clip-rule", "evenodd");
+        attr(path, "d", "M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM10 9C9.44772 9 9 9.44772 9 10V14.5C9 15.0523 9.44772 15.5 10 15.5C10.5523 15.5 11 15.0523 11 14.5V10C11 9.44772 10.5523 9 10 9ZM10 5C9.44772 5 9 5.44772 9 6C9 6.55228 9.44772 7 10 7C10.5523 7 11 6.55228 11 6C11 5.44772 10.5523 5 10 5Z");
+        attr(path, "fill", "currentColor");
+        attr(svg, "width", "20");
+        attr(svg, "height", "20");
+        attr(svg, "viewBox", "0 0 20 20");
+        attr(svg, "fill", "none");
+        attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+        attr(svg, "role", "img");
+        attr(svg, "aria-label", "Info Icon");
       },
       m(target, anchor) {
-        insert(target, p, anchor);
-        append(p, t2);
-      },
-      p(ctx2, [dirty]) {
-        if (dirty & /*bannerLabel*/
-        1)
-          set_data(
-            t2,
-            /*bannerLabel*/
-            ctx2[0]
-          );
+        insert(target, svg, anchor);
+        append(svg, path);
       },
+      p: noop,
       i: noop,
       o: noop,
       d(detaching) {
         if (detaching) {
-          detach(p);
+          detach(svg);
         }
       }
     };
   }
-  function instance6($$self, $$props, $$invalidate) {
-    let { bannerLabel: bannerLabel2 = "Invalid." } = $$props;
-    $$self.$$set = ($$props2) => {
-      if ("bannerLabel" in $$props2)
-        $$invalidate(0, bannerLabel2 = $$props2.bannerLabel);
-    };
-    return [bannerLabel2];
-  }
-  var InvalidBanner = class extends SvelteComponent {
+  var InfoSolid = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance6, create_fragment8, safe_not_equal, { bannerLabel: 0 });
-    }
-    get bannerLabel() {
-      return this.$$.ctx[0];
-    }
-    set bannerLabel(bannerLabel2) {
-      this.$$set({ bannerLabel: bannerLabel2 });
-      flush();
+      init(this, options, null, create_fragment8, safe_not_equal, {});
     }
   };
-  customElements.define("invalid-banner", create_custom_element(InvalidBanner, { "bannerLabel": {} }, [], [], true));
-  var InvalidBanner_default = InvalidBanner;
+  create_custom_element(InfoSolid, {}, [], [], true);
+  var InfoSolid_default = InfoSolid;
 
-  // src/lib/components/prompt/typein/PromptTypeIn.svelte
-  function create_else_block_2(ctx) {
-    let textarea;
-    let textarea_class_value;
-    let autosize_action;
-    let mounted;
-    let dispose;
+  // src/lib/components/prompt/template/PromptResultFeedbackv2.svelte
+  function create_if_block6(ctx) {
+    let div1;
+    let t0;
+    let div0;
+    let t1;
+    let span;
+    let t2;
+    let div1_class_value;
+    let current;
+    let if_block0 = (
+      /*hasIcon*/
+      ctx[4] && create_if_block_24(ctx)
+    );
+    let if_block1 = (
+      /*resultFeedbackTitle*/
+      ctx[1] && create_if_block_15(ctx)
+    );
     return {
       c() {
-        textarea = element("textarea");
-        attr(textarea, "id", idLabel);
-        attr(
-          textarea,
-          "aria-label",
-          /*textAriaLabel*/
-          ctx[9]
-        );
-        attr(
-          textarea,
-          "placeholder",
-          /*placeholder*/
-          ctx[5]
+        div1 = element("div");
+        if (if_block0)
+          if_block0.c();
+        t0 = space();
+        div0 = element("div");
+        if (if_block1)
+          if_block1.c();
+        t1 = space();
+        span = element("span");
+        t2 = text(
+          /*resultFeedback*/
+          ctx[0]
         );
-        attr(textarea, "rows", "3");
-        attr(textarea, "class", textarea_class_value = "typein-textbox overflow-hidden " + (!/*isFinished*/
-        ctx[1] ? "" : (
+        attr(div1, "aria-description", "Answer feedback:");
+        attr(div1, "class", div1_class_value = "my-6 p-4 border-l-4 text-charcoal text-base flex " + /*isSkipped*/
+        (ctx[3] ? "border-blue-950 bg-blue-50" : (
           /*isResultCorrect*/
-          ctx[2] ? "border-2 border-green-800" : "border-2 border-red-800 bg-red-300"
+          ctx[2] ? "border-green-900 bg-green-300" : "border-red-900 bg-red-50"
         )));
-        textarea.disabled = /*isDataSaving*/
-        ctx[0];
-        attr(textarea, "autocomplete", "off");
-        textarea.readOnly = /*isReadonlyText*/
-        ctx[14];
       },
       m(target, anchor) {
-        insert(target, textarea, anchor);
-        set_input_value(
-          textarea,
-          /*typeinAnswer*/
-          ctx[3]
-        );
-        if (!mounted) {
-          dispose = [
-            listen(
-              textarea,
-              "input",
-              /*textarea_input_handler*/
-              ctx[25]
-            ),
-            listen(
-              textarea,
-              "mousedown",
-              /*mousedown_handler*/
-              ctx[26]
-            ),
-            listen(
-              textarea,
-              "touchstart",
-              /*touchstart_handler*/
-              ctx[27],
-              { passive: true }
-            ),
-            listen(
-              textarea,
-              "focus",
-              /*focus_handler*/
-              ctx[28]
-            ),
-            listen(
-              textarea,
-              "focusout",
-              /*focusout_handler_1*/
-              ctx[29]
-            ),
-            listen(
-              textarea,
-              "keydown",
-              /*keydown_handler_1*/
-              ctx[30]
-            ),
-            action_destroyer(autosize_action = svelte_autosize_default.call(null, textarea))
-          ];
-          mounted = true;
-        }
+        insert(target, div1, anchor);
+        if (if_block0)
+          if_block0.m(div1, null);
+        append(div1, t0);
+        append(div1, div0);
+        if (if_block1)
+          if_block1.m(div0, null);
+        append(div0, t1);
+        append(div0, span);
+        append(span, t2);
+        current = true;
       },
       p(ctx2, dirty) {
-        if (dirty[0] & /*textAriaLabel*/
-        512) {
-          attr(
-            textarea,
-            "aria-label",
-            /*textAriaLabel*/
-            ctx2[9]
-          );
+        if (
+          /*hasIcon*/
+          ctx2[4]
+        ) {
+          if (if_block0) {
+            if_block0.p(ctx2, dirty);
+            if (dirty & /*hasIcon*/
+            16) {
+              transition_in(if_block0, 1);
+            }
+          } else {
+            if_block0 = create_if_block_24(ctx2);
+            if_block0.c();
+            transition_in(if_block0, 1);
+            if_block0.m(div1, t0);
+          }
+        } else if (if_block0) {
+          group_outros();
+          transition_out(if_block0, 1, 1, () => {
+            if_block0 = null;
+          });
+          check_outros();
         }
-        if (dirty[0] & /*placeholder*/
-        32) {
-          attr(
-            textarea,
-            "placeholder",
-            /*placeholder*/
-            ctx2[5]
-          );
+        if (
+          /*resultFeedbackTitle*/
+          ctx2[1]
+        ) {
+          if (if_block1) {
+            if_block1.p(ctx2, dirty);
+          } else {
+            if_block1 = create_if_block_15(ctx2);
+            if_block1.c();
+            if_block1.m(div0, t1);
+          }
+        } else if (if_block1) {
+          if_block1.d(1);
+          if_block1 = null;
         }
-        if (dirty[0] & /*isFinished, isResultCorrect*/
-        6 && textarea_class_value !== (textarea_class_value = "typein-textbox overflow-hidden " + (!/*isFinished*/
-        ctx2[1] ? "" : (
+        if (!current || dirty & /*resultFeedback*/
+        1)
+          set_data(
+            t2,
+            /*resultFeedback*/
+            ctx2[0]
+          );
+        if (!current || dirty & /*isSkipped, isResultCorrect*/
+        12 && div1_class_value !== (div1_class_value = "my-6 p-4 border-l-4 text-charcoal text-base flex " + /*isSkipped*/
+        (ctx2[3] ? "border-blue-950 bg-blue-50" : (
           /*isResultCorrect*/
-          ctx2[2] ? "border-2 border-green-800" : "border-2 border-red-800 bg-red-300"
+          ctx2[2] ? "border-green-900 bg-green-300" : "border-red-900 bg-red-50"
         )))) {
-          attr(textarea, "class", textarea_class_value);
-        }
-        if (dirty[0] & /*isDataSaving*/
-        1) {
-          textarea.disabled = /*isDataSaving*/
-          ctx2[0];
-        }
-        if (dirty[0] & /*typeinAnswer*/
-        8) {
-          set_input_value(
-            textarea,
-            /*typeinAnswer*/
-            ctx2[3]
-          );
+          attr(div1, "class", div1_class_value);
         }
       },
-      i: noop,
-      o: noop,
+      i(local) {
+        if (current)
+          return;
+        transition_in(if_block0);
+        current = true;
+      },
+      o(local) {
+        transition_out(if_block0);
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(div1);
+        }
+        if (if_block0)
+          if_block0.d();
+        if (if_block1)
+          if_block1.d();
+      }
+    };
+  }
+  function create_if_block_24(ctx) {
+    let span;
+    let infosolid;
+    let span_class_value;
+    let current;
+    infosolid = new InfoSolid_default({});
+    return {
+      c() {
+        span = element("span");
+        create_component(infosolid.$$.fragment);
+        attr(span, "class", span_class_value = "h-6 w-6 flex items-center pt-0.5 mr-2 " + /*isSkipped*/
+        (ctx[3] ? "text-blue-950" : (
+          /*isResultCorrect*/
+          ctx[2] ? "text-green-900" : "text-red-900"
+        )));
+      },
+      m(target, anchor) {
+        insert(target, span, anchor);
+        mount_component(infosolid, span, null);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        if (!current || dirty & /*isSkipped, isResultCorrect*/
+        12 && span_class_value !== (span_class_value = "h-6 w-6 flex items-center pt-0.5 mr-2 " + /*isSkipped*/
+        (ctx2[3] ? "text-blue-950" : (
+          /*isResultCorrect*/
+          ctx2[2] ? "text-green-900" : "text-red-900"
+        )))) {
+          attr(span, "class", span_class_value);
+        }
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(infosolid.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(infosolid.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(span);
+        }
+        destroy_component(infosolid);
+      }
+    };
+  }
+  function create_if_block_15(ctx) {
+    let span;
+    let t2;
+    return {
+      c() {
+        span = element("span");
+        t2 = text(
+          /*resultFeedbackTitle*/
+          ctx[1]
+        );
+        attr(span, "class", "block mb-1 font-semibold");
+      },
+      m(target, anchor) {
+        insert(target, span, anchor);
+        append(span, t2);
+      },
+      p(ctx2, dirty) {
+        if (dirty & /*resultFeedbackTitle*/
+        2)
+          set_data(
+            t2,
+            /*resultFeedbackTitle*/
+            ctx2[1]
+          );
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(span);
+        }
+      }
+    };
+  }
+  function create_fragment9(ctx) {
+    let if_block_anchor;
+    let current;
+    let if_block = (
+      /*resultFeedback*/
+      ctx[0] && create_if_block6(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);
+        current = true;
+      },
+      p(ctx2, [dirty]) {
+        if (
+          /*resultFeedback*/
+          ctx2[0]
+        ) {
+          if (if_block) {
+            if_block.p(ctx2, dirty);
+            if (dirty & /*resultFeedback*/
+            1) {
+              transition_in(if_block, 1);
+            }
+          } else {
+            if_block = create_if_block6(ctx2);
+            if_block.c();
+            transition_in(if_block, 1);
+            if_block.m(if_block_anchor.parentNode, if_block_anchor);
+          }
+        } else if (if_block) {
+          group_outros();
+          transition_out(if_block, 1, 1, () => {
+            if_block = null;
+          });
+          check_outros();
+        }
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(if_block);
+        current = true;
+      },
+      o(local) {
+        transition_out(if_block);
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(if_block_anchor);
+        }
+        if (if_block)
+          if_block.d(detaching);
+      }
+    };
+  }
+  function instance6($$self, $$props, $$invalidate) {
+    let { resultFeedback = null } = $$props;
+    let { resultFeedbackTitle = null } = $$props;
+    let { isResultCorrect = true } = $$props;
+    let { isSkipped = false } = $$props;
+    let { hasIcon = false } = $$props;
+    $$self.$$set = ($$props2) => {
+      if ("resultFeedback" in $$props2)
+        $$invalidate(0, resultFeedback = $$props2.resultFeedback);
+      if ("resultFeedbackTitle" in $$props2)
+        $$invalidate(1, resultFeedbackTitle = $$props2.resultFeedbackTitle);
+      if ("isResultCorrect" in $$props2)
+        $$invalidate(2, isResultCorrect = $$props2.isResultCorrect);
+      if ("isSkipped" in $$props2)
+        $$invalidate(3, isSkipped = $$props2.isSkipped);
+      if ("hasIcon" in $$props2)
+        $$invalidate(4, hasIcon = $$props2.hasIcon);
+    };
+    $$self.$$.update = () => {
+      if ($$self.$$.dirty & /*isSkipped*/
+      8) {
+        $:
+          if (isSkipped) {
+            $$invalidate(1, resultFeedbackTitle = "No answer was provided");
+            $$invalidate(0, resultFeedback = "It may be that the student struggled with this question or mistakenly skipped this question.");
+          }
+      }
+    };
+    return [resultFeedback, resultFeedbackTitle, isResultCorrect, isSkipped, hasIcon];
+  }
+  var PromptResultFeedbackv2 = class extends SvelteComponent {
+    constructor(options) {
+      super();
+      init(this, options, instance6, create_fragment9, safe_not_equal, {
+        resultFeedback: 0,
+        resultFeedbackTitle: 1,
+        isResultCorrect: 2,
+        isSkipped: 3,
+        hasIcon: 4
+      });
+    }
+    get resultFeedback() {
+      return this.$$.ctx[0];
+    }
+    set resultFeedback(resultFeedback) {
+      this.$$set({ resultFeedback });
+      flush();
+    }
+    get resultFeedbackTitle() {
+      return this.$$.ctx[1];
+    }
+    set resultFeedbackTitle(resultFeedbackTitle) {
+      this.$$set({ resultFeedbackTitle });
+      flush();
+    }
+    get isResultCorrect() {
+      return this.$$.ctx[2];
+    }
+    set isResultCorrect(isResultCorrect) {
+      this.$$set({ isResultCorrect });
+      flush();
+    }
+    get isSkipped() {
+      return this.$$.ctx[3];
+    }
+    set isSkipped(isSkipped) {
+      this.$$set({ isSkipped });
+      flush();
+    }
+    get hasIcon() {
+      return this.$$.ctx[4];
+    }
+    set hasIcon(hasIcon) {
+      this.$$set({ hasIcon });
+      flush();
+    }
+  };
+  customElements.define("prompt-result-feedbackv2", create_custom_element(PromptResultFeedbackv2, { "resultFeedback": {}, "resultFeedbackTitle": {}, "isResultCorrect": { "type": "Boolean" }, "isSkipped": { "type": "Boolean" }, "hasIcon": { "type": "Boolean" } }, [], [], true));
+  var PromptResultFeedbackv2_default = PromptResultFeedbackv2;
+
+  // src/lib/components/common/InvalidBanner.svelte
+  function create_fragment10(ctx) {
+    let p;
+    let t2;
+    return {
+      c() {
+        p = element("p");
+        t2 = text(
+          /*bannerLabel*/
+          ctx[0]
+        );
+        attr(p, "class", "p-2 border-2 border-red-600 bg-red-200 rounded");
+      },
+      m(target, anchor) {
+        insert(target, p, anchor);
+        append(p, t2);
+      },
+      p(ctx2, [dirty]) {
+        if (dirty & /*bannerLabel*/
+        1)
+          set_data(
+            t2,
+            /*bannerLabel*/
+            ctx2[0]
+          );
+      },
+      i: noop,
+      o: noop,
+      d(detaching) {
+        if (detaching) {
+          detach(p);
+        }
+      }
+    };
+  }
+  function instance7($$self, $$props, $$invalidate) {
+    let { bannerLabel: bannerLabel2 = "Invalid." } = $$props;
+    $$self.$$set = ($$props2) => {
+      if ("bannerLabel" in $$props2)
+        $$invalidate(0, bannerLabel2 = $$props2.bannerLabel);
+    };
+    return [bannerLabel2];
+  }
+  var InvalidBanner = class extends SvelteComponent {
+    constructor(options) {
+      super();
+      init(this, options, instance7, create_fragment10, safe_not_equal, { bannerLabel: 0 });
+    }
+    get bannerLabel() {
+      return this.$$.ctx[0];
+    }
+    set bannerLabel(bannerLabel2) {
+      this.$$set({ bannerLabel: bannerLabel2 });
+      flush();
+    }
+  };
+  customElements.define("invalid-banner", create_custom_element(InvalidBanner, { "bannerLabel": {} }, [], [], true));
+  var InvalidBanner_default = InvalidBanner;
+
+  // src/lib/components/prompt/typein/PromptTypeIn.svelte
+  function get_each_context2(ctx, list, i) {
+    const child_ctx = ctx.slice();
+    child_ctx[58] = list[i];
+    child_ctx[60] = i;
+    return child_ctx;
+  }
+  function get_each_context_1(ctx, list, i) {
+    const child_ctx = ctx.slice();
+    child_ctx[61] = list[i];
+    child_ctx[63] = i;
+    return child_ctx;
+  }
+  function create_else_block_4(ctx) {
+    let textarea;
+    let textarea_class_value;
+    let autosize_action;
+    let mounted;
+    let dispose;
+    return {
+      c() {
+        textarea = element("textarea");
+        attr(textarea, "id", idLabel);
+        attr(
+          textarea,
+          "aria-label",
+          /*textAriaLabel*/
+          ctx[16]
+        );
+        attr(
+          textarea,
+          "placeholder",
+          /*placeholder*/
+          ctx[9]
+        );
+        attr(textarea, "rows", "3");
+        attr(textarea, "class", textarea_class_value = "typein-textbox overflow-hidden " + (!/*isFinished*/
+        ctx[0] ? "" : (
+          /*isResultCorrect*/
+          ctx[1] ? "border-2 border-green-800" : "border-2 border-red-800 bg-red-300"
+        )));
+        textarea.disabled = /*isDataSaving*/
+        ctx[2];
+        attr(textarea, "autocomplete", "off");
+        textarea.readOnly = /*isReadonlyText*/
+        ctx[23];
+      },
+      m(target, anchor) {
+        insert(target, textarea, anchor);
+        set_input_value(
+          textarea,
+          /*typeinAnswer*/
+          ctx[5]
+        );
+        if (!mounted) {
+          dispose = [
+            listen(
+              textarea,
+              "input",
+              /*textarea_input_handler*/
+              ctx[36]
+            ),
+            listen(
+              textarea,
+              "mousedown",
+              /*mousedown_handler*/
+              ctx[37]
+            ),
+            listen(
+              textarea,
+              "touchstart",
+              /*touchstart_handler*/
+              ctx[38],
+              { passive: true }
+            ),
+            listen(
+              textarea,
+              "focus",
+              /*focus_handler*/
+              ctx[39]
+            ),
+            listen(
+              textarea,
+              "focusout",
+              /*focusout_handler_1*/
+              ctx[40]
+            ),
+            listen(
+              textarea,
+              "keydown",
+              /*keydown_handler_1*/
+              ctx[41]
+            ),
+            action_destroyer(autosize_action = svelte_autosize_default.call(null, textarea))
+          ];
+          mounted = true;
+        }
+      },
+      p(ctx2, dirty) {
+        if (dirty[0] & /*textAriaLabel*/
+        65536) {
+          attr(
+            textarea,
+            "aria-label",
+            /*textAriaLabel*/
+            ctx2[16]
+          );
+        }
+        if (dirty[0] & /*placeholder*/
+        512) {
+          attr(
+            textarea,
+            "placeholder",
+            /*placeholder*/
+            ctx2[9]
+          );
+        }
+        if (dirty[0] & /*isFinished, isResultCorrect*/
+        3 && textarea_class_value !== (textarea_class_value = "typein-textbox overflow-hidden " + (!/*isFinished*/
+        ctx2[0] ? "" : (
+          /*isResultCorrect*/
+          ctx2[1] ? "border-2 border-green-800" : "border-2 border-red-800 bg-red-300"
+        )))) {
+          attr(textarea, "class", textarea_class_value);
+        }
+        if (dirty[0] & /*isDataSaving*/
+        4) {
+          textarea.disabled = /*isDataSaving*/
+          ctx2[2];
+        }
+        if (dirty[0] & /*typeinAnswer*/
+        32) {
+          set_input_value(
+            textarea,
+            /*typeinAnswer*/
+            ctx2[5]
+          );
+        }
+      },
+      i: noop,
+      o: noop,
       d(detaching) {
         if (detaching) {
           detach(textarea);
@@ -4053,7 +4490,7 @@
       }
     };
   }
-  function create_if_block_43(ctx) {
+  function create_if_block_92(ctx) {
     let input;
     let input_class_value;
     let mounted;
@@ -4067,31 +4504,31 @@
           input,
           "aria-label",
           /*textAriaLabel*/
-          ctx[9]
+          ctx[16]
         );
         attr(
           input,
           "placeholder",
           /*placeholder*/
-          ctx[5]
+          ctx[9]
         );
         attr(input, "class", input_class_value = "typein-textbox " + (!/*isFinished*/
-        ctx[1] ? "" : (
+        ctx[0] ? "" : (
           /*isResultCorrect*/
-          ctx[2] ? "border-2 border-green-800" : "border-2 border-red-800 bg-red-300"
+          ctx[1] ? "border-2 border-green-800" : "border-2 border-red-800 bg-red-300"
         )));
         input.disabled = /*isDataSaving*/
-        ctx[0];
+        ctx[2];
         attr(input, "autocomplete", "off");
         input.readOnly = /*isReadonlyText*/
-        ctx[14];
+        ctx[23];
       },
       m(target, anchor) {
         insert(target, input, anchor);
         set_input_value(
           input,
           /*typeinAnswer*/
-          ctx[3]
+          ctx[5]
         );
         if (!mounted) {
           dispose = [
@@ -4099,110 +4536,390 @@
               input,
               "input",
               /*input_input_handler*/
-              ctx[22]
+              ctx[33]
             ),
             listen(
               input,
               "focusout",
               /*focusout_handler*/
-              ctx[23]
+              ctx[34]
             ),
             listen(
               input,
               "keydown",
               /*keydown_handler*/
-              ctx[24]
+              ctx[35]
             )
           ];
           mounted = true;
         }
       },
       p(ctx2, dirty) {
-        if (dirty[0] & /*textAriaLabel*/
-        512) {
-          attr(
-            input,
-            "aria-label",
-            /*textAriaLabel*/
-            ctx2[9]
-          );
-        }
-        if (dirty[0] & /*placeholder*/
-        32) {
-          attr(
-            input,
-            "placeholder",
-            /*placeholder*/
-            ctx2[5]
-          );
-        }
-        if (dirty[0] & /*isFinished, isResultCorrect*/
-        6 && input_class_value !== (input_class_value = "typein-textbox " + (!/*isFinished*/
-        ctx2[1] ? "" : (
-          /*isResultCorrect*/
-          ctx2[2] ? "border-2 border-green-800" : "border-2 border-red-800 bg-red-300"
-        )))) {
-          attr(input, "class", input_class_value);
-        }
-        if (dirty[0] & /*isDataSaving*/
-        1) {
-          input.disabled = /*isDataSaving*/
-          ctx2[0];
-        }
-        if (dirty[0] & /*typeinAnswer*/
-        8 && input.value !== /*typeinAnswer*/
-        ctx2[3]) {
-          set_input_value(
-            input,
-            /*typeinAnswer*/
-            ctx2[3]
-          );
-        }
+        if (dirty[0] & /*textAriaLabel*/
+        65536) {
+          attr(
+            input,
+            "aria-label",
+            /*textAriaLabel*/
+            ctx2[16]
+          );
+        }
+        if (dirty[0] & /*placeholder*/
+        512) {
+          attr(
+            input,
+            "placeholder",
+            /*placeholder*/
+            ctx2[9]
+          );
+        }
+        if (dirty[0] & /*isFinished, isResultCorrect*/
+        3 && input_class_value !== (input_class_value = "typein-textbox " + (!/*isFinished*/
+        ctx2[0] ? "" : (
+          /*isResultCorrect*/
+          ctx2[1] ? "border-2 border-green-800" : "border-2 border-red-800 bg-red-300"
+        )))) {
+          attr(input, "class", input_class_value);
+        }
+        if (dirty[0] & /*isDataSaving*/
+        4) {
+          input.disabled = /*isDataSaving*/
+          ctx2[2];
+        }
+        if (dirty[0] & /*typeinAnswer*/
+        32 && input.value !== /*typeinAnswer*/
+        ctx2[5]) {
+          set_input_value(
+            input,
+            /*typeinAnswer*/
+            ctx2[5]
+          );
+        }
+      },
+      i: noop,
+      o: noop,
+      d(detaching) {
+        if (detaching) {
+          detach(input);
+        }
+        mounted = false;
+        run_all(dispose);
+      }
+    };
+  }
+  function create_if_block_72(ctx) {
+    let current_block_type_index;
+    let if_block;
+    let if_block_anchor;
+    let current;
+    const if_block_creators = [create_if_block_82, create_else_block_3];
+    const if_blocks = [];
+    function select_block_type_1(ctx2, dirty) {
+      if (
+        /*inlinePromptString*/
+        ctx2[11]
+      )
+        return 0;
+      return 1;
+    }
+    current_block_type_index = select_block_type_1(ctx, [-1, -1, -1]);
+    if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+    return {
+      c() {
+        if_block.c();
+        if_block_anchor = empty();
+      },
+      m(target, anchor) {
+        if_blocks[current_block_type_index].m(target, anchor);
+        insert(target, if_block_anchor, anchor);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        let previous_block_index = current_block_type_index;
+        current_block_type_index = select_block_type_1(ctx2, dirty);
+        if (current_block_type_index === previous_block_index) {
+          if_blocks[current_block_type_index].p(ctx2, dirty);
+        } else {
+          group_outros();
+          transition_out(if_blocks[previous_block_index], 1, 1, () => {
+            if_blocks[previous_block_index] = null;
+          });
+          check_outros();
+          if_block = if_blocks[current_block_type_index];
+          if (!if_block) {
+            if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx2);
+            if_block.c();
+          } else {
+            if_block.p(ctx2, dirty);
+          }
+          transition_in(if_block, 1);
+          if_block.m(if_block_anchor.parentNode, if_block_anchor);
+        }
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(if_block);
+        current = true;
+      },
+      o(local) {
+        transition_out(if_block);
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(if_block_anchor);
+        }
+        if_blocks[current_block_type_index].d(detaching);
+      }
+    };
+  }
+  function create_else_block_3(ctx) {
+    let invalidbanner;
+    let current;
+    invalidbanner = new InvalidBanner_default({
+      props: {
+        bannerLabel: "No prompt was provided. Please contact the administrator for assistance."
+      }
+    });
+    return {
+      c() {
+        create_component(invalidbanner.$$.fragment);
+      },
+      m(target, anchor) {
+        mount_component(invalidbanner, target, anchor);
+        current = true;
+      },
+      p: noop,
+      i(local) {
+        if (current)
+          return;
+        transition_in(invalidbanner.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(invalidbanner.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        destroy_component(invalidbanner, detaching);
+      }
+    };
+  }
+  function create_if_block_82(ctx) {
+    let div0;
+    let commonstringtohtml;
+    let t0;
+    let div1;
+    let t1;
+    let div2;
+    let div2_class_value;
+    let current;
+    commonstringtohtml = new CommonStringToHtml_default({
+      props: {
+        htmlString: (
+          /*inlinePromptString*/
+          ctx[11]
+        ),
+        otherClass: "inline-typein-container mt-6"
+      }
+    });
+    return {
+      c() {
+        div0 = element("div");
+        create_component(commonstringtohtml.$$.fragment);
+        t0 = space();
+        div1 = element("div");
+        t1 = space();
+        div2 = element("div");
+        attr(div1, "class", "divider my-6");
+        attr(div2, "class", div2_class_value = "absolute inset-0 bg-transparent " + /*isDataSaving*/
+        (ctx[2] ? "" : "hidden"));
+      },
+      m(target, anchor) {
+        insert(target, div0, anchor);
+        mount_component(commonstringtohtml, div0, null);
+        ctx[32](div0);
+        insert(target, t0, anchor);
+        insert(target, div1, anchor);
+        insert(target, t1, anchor);
+        insert(target, div2, anchor);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        const commonstringtohtml_changes = {};
+        if (dirty[0] & /*inlinePromptString*/
+        2048)
+          commonstringtohtml_changes.htmlString = /*inlinePromptString*/
+          ctx2[11];
+        commonstringtohtml.$set(commonstringtohtml_changes);
+        if (!current || dirty[0] & /*isDataSaving*/
+        4 && div2_class_value !== (div2_class_value = "absolute inset-0 bg-transparent " + /*isDataSaving*/
+        (ctx2[2] ? "" : "hidden"))) {
+          attr(div2, "class", div2_class_value);
+        }
+      },
+      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(div0);
+          detach(t0);
+          detach(div1);
+          detach(t1);
+          detach(div2);
+        }
+        destroy_component(commonstringtohtml);
+        ctx[32](null);
+      }
+    };
+  }
+  function create_if_block7(ctx) {
+    let t0;
+    let current_block_type_index;
+    let if_block1;
+    let t1;
+    let if_block2_anchor;
+    let current;
+    let if_block0 = !/*isInlineTypein*/
+    ctx[22] && create_if_block_52(ctx);
+    const if_block_creators = [create_if_block_43, create_else_block_1];
+    const if_blocks = [];
+    function select_block_type_3(ctx2, dirty) {
+      if (!/*isInlineTypein*/
+      ctx2[22])
+        return 0;
+      return 1;
+    }
+    current_block_type_index = select_block_type_3(ctx, [-1, -1, -1]);
+    if_block1 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+    let if_block2 = (
+      /*isInlineTypein*/
+      ctx[22] && create_if_block_16(ctx)
+    );
+    return {
+      c() {
+        if (if_block0)
+          if_block0.c();
+        t0 = space();
+        if_block1.c();
+        t1 = space();
+        if (if_block2)
+          if_block2.c();
+        if_block2_anchor = empty();
+      },
+      m(target, anchor) {
+        if (if_block0)
+          if_block0.m(target, anchor);
+        insert(target, t0, anchor);
+        if_blocks[current_block_type_index].m(target, anchor);
+        insert(target, t1, anchor);
+        if (if_block2)
+          if_block2.m(target, anchor);
+        insert(target, if_block2_anchor, anchor);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        if (!/*isInlineTypein*/
+        ctx2[22])
+          if_block0.p(ctx2, dirty);
+        if_block1.p(ctx2, dirty);
+        if (
+          /*isInlineTypein*/
+          ctx2[22]
+        )
+          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;
       },
-      i: noop,
-      o: noop,
       d(detaching) {
         if (detaching) {
-          detach(input);
+          detach(t0);
+          detach(t1);
+          detach(if_block2_anchor);
         }
-        mounted = false;
-        run_all(dispose);
+        if (if_block0)
+          if_block0.d(detaching);
+        if_blocks[current_block_type_index].d(detaching);
+        if (if_block2)
+          if_block2.d(detaching);
       }
     };
   }
-  function create_if_block_24(ctx) {
+  function create_if_block_52(ctx) {
+    let div;
+    let span0;
     let current_block_type_index;
     let if_block;
-    let if_block_anchor;
+    let span0_class_value;
+    let t0;
+    let span1;
+    let t1;
+    let div_class_value;
     let current;
-    const if_block_creators = [create_if_block_33, create_else_block_1];
+    const if_block_creators = [create_if_block_62, create_else_block_2];
     const if_blocks = [];
-    function select_block_type_1(ctx2, dirty) {
+    function select_block_type_2(ctx2, dirty) {
       if (
-        /*inlinePromptString*/
-        ctx2[7]
+        /*isResultCorrect*/
+        ctx2[1]
       )
         return 0;
       return 1;
     }
-    current_block_type_index = select_block_type_1(ctx, [-1, -1]);
+    current_block_type_index = select_block_type_2(ctx, [-1, -1, -1]);
     if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
     return {
       c() {
+        div = element("div");
+        span0 = element("span");
         if_block.c();
-        if_block_anchor = empty();
+        t0 = space();
+        span1 = element("span");
+        t1 = text(
+          /*resultLabel*/
+          ctx[10]
+        );
+        attr(span0, "class", span0_class_value = /*isResultCorrect*/
+        (ctx[1] ? "text-green-800" : "text-red-800") + " mr-2 p-0.5");
+        attr(span1, "class", "p2");
+        attr(div, "aria-hidden", "true");
+        attr(div, "class", div_class_value = "flex items-center text-charcoal " + /*typeinType*/
+        (ctx[21] === TYPEIN_TYPE_SHORT ? "mt-2" : "mt-0.5"));
       },
       m(target, anchor) {
-        if_blocks[current_block_type_index].m(target, anchor);
-        insert(target, if_block_anchor, anchor);
+        insert(target, div, anchor);
+        append(div, span0);
+        if_blocks[current_block_type_index].m(span0, null);
+        append(div, t0);
+        append(div, span1);
+        append(span1, t1);
         current = true;
       },
       p(ctx2, dirty) {
         let previous_block_index = current_block_type_index;
-        current_block_type_index = select_block_type_1(ctx2, dirty);
-        if (current_block_type_index === previous_block_index) {
-          if_blocks[current_block_type_index].p(ctx2, dirty);
-        } else {
+        current_block_type_index = select_block_type_2(ctx2, dirty);
+        if (current_block_type_index !== previous_block_index) {
           group_outros();
           transition_out(if_blocks[previous_block_index], 1, 1, () => {
             if_blocks[previous_block_index] = null;
@@ -4213,11 +4930,22 @@
             if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx2);
             if_block.c();
           } else {
-            if_block.p(ctx2, dirty);
           }
           transition_in(if_block, 1);
-          if_block.m(if_block_anchor.parentNode, if_block_anchor);
+          if_block.m(span0, null);
+        }
+        if (!current || dirty[0] & /*isResultCorrect*/
+        2 && span0_class_value !== (span0_class_value = /*isResultCorrect*/
+        (ctx2[1] ? "text-green-800" : "text-red-800") + " mr-2 p-0.5")) {
+          attr(span0, "class", span0_class_value);
         }
+        if (!current || dirty[0] & /*resultLabel*/
+        1024)
+          set_data(
+            t1,
+            /*resultLabel*/
+            ctx2[10]
+          );
       },
       i(local) {
         if (current)
@@ -4231,169 +4959,321 @@
       },
       d(detaching) {
         if (detaching) {
-          detach(if_block_anchor);
+          detach(div);
         }
-        if_blocks[current_block_type_index].d(detaching);
+        if_blocks[current_block_type_index].d();
+      }
+    };
+  }
+  function create_else_block_2(ctx) {
+    let errorsolid;
+    let current;
+    errorsolid = new ErrorSolid_default({});
+    return {
+      c() {
+        create_component(errorsolid.$$.fragment);
+      },
+      m(target, anchor) {
+        mount_component(errorsolid, target, anchor);
+        current = true;
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(errorsolid.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(errorsolid.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        destroy_component(errorsolid, detaching);
+      }
+    };
+  }
+  function create_if_block_62(ctx) {
+    let successsolid;
+    let current;
+    successsolid = new SuccessSolid_default({});
+    return {
+      c() {
+        create_component(successsolid.$$.fragment);
+      },
+      m(target, anchor) {
+        mount_component(successsolid, target, anchor);
+        current = true;
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(successsolid.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(successsolid.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        destroy_component(successsolid, detaching);
       }
     };
   }
   function create_else_block_1(ctx) {
-    let invalidbanner;
+    let promptresultv2;
     let current;
-    invalidbanner = new InvalidBanner_default({
+    promptresultv2 = new PromptResultFeedbackv2_default({
       props: {
-        bannerLabel: "No prompt was provided. Please contact the administrator for assistance."
+        isResultCorrect: (
+          /*isResultCorrect*/
+          ctx[1]
+        ),
+        resultFeedback: (
+          /*isSkippedAnswer*/
+          ctx[8] ? "" : (
+            /*resultFeedback*/
+            ctx[6]
+          )
+        ),
+        isSkipped: (
+          /*isSkippedAnswer*/
+          ctx[8]
+        ),
+        hasIcon: !/*isResultCorrect*/
+        ctx[1] || /*isSkippedAnswer*/
+        ctx[8],
+        resultFeedbackTitle: (
+          /*isResultCorrect*/
+          ctx[1] || /*isSkippedAnswer*/
+          ctx[8] ? "" : "Why they got it wrong"
+        )
       }
     });
     return {
       c() {
-        create_component(invalidbanner.$$.fragment);
+        create_component(promptresultv2.$$.fragment);
       },
       m(target, anchor) {
-        mount_component(invalidbanner, target, anchor);
+        mount_component(promptresultv2, target, anchor);
         current = true;
       },
-      p: noop,
+      p(ctx2, dirty) {
+        const promptresultv2_changes = {};
+        if (dirty[0] & /*isResultCorrect*/
+        2)
+          promptresultv2_changes.isResultCorrect = /*isResultCorrect*/
+          ctx2[1];
+        if (dirty[0] & /*isSkippedAnswer, resultFeedback*/
+        320)
+          promptresultv2_changes.resultFeedback = /*isSkippedAnswer*/
+          ctx2[8] ? "" : (
+            /*resultFeedback*/
+            ctx2[6]
+          );
+        if (dirty[0] & /*isSkippedAnswer*/
+        256)
+          promptresultv2_changes.isSkipped = /*isSkippedAnswer*/
+          ctx2[8];
+        if (dirty[0] & /*isResultCorrect, isSkippedAnswer*/
+        258)
+          promptresultv2_changes.hasIcon = !/*isResultCorrect*/
+          ctx2[1] || /*isSkippedAnswer*/
+          ctx2[8];
+        if (dirty[0] & /*isResultCorrect, isSkippedAnswer*/
+        258)
+          promptresultv2_changes.resultFeedbackTitle = /*isResultCorrect*/
+          ctx2[1] || /*isSkippedAnswer*/
+          ctx2[8] ? "" : "Why they got it wrong";
+        promptresultv2.$set(promptresultv2_changes);
+      },
       i(local) {
         if (current)
           return;
-        transition_in(invalidbanner.$$.fragment, local);
+        transition_in(promptresultv2.$$.fragment, local);
         current = true;
       },
       o(local) {
-        transition_out(invalidbanner.$$.fragment, local);
+        transition_out(promptresultv2.$$.fragment, local);
         current = false;
       },
       d(detaching) {
-        destroy_component(invalidbanner, detaching);
+        destroy_component(promptresultv2, detaching);
       }
     };
   }
-  function create_if_block_33(ctx) {
-    let commonstringtohtml;
-    let t2;
-    let div;
+  function create_if_block_43(ctx) {
+    let promptresult;
     let current;
-    commonstringtohtml = new CommonStringToHtml_default({
+    promptresult = new PromptResultFeedback_default({
       props: {
-        htmlString: (
-          /*inlinePromptString*/
-          ctx[7]
+        isResultCorrect: (
+          /*isResultCorrect*/
+          ctx[1]
         ),
-        otherClass: "inline-typein-container mt-6"
+        resultFeedback: (
+          /*resultFeedback*/
+          ctx[6]
+        )
+      }
+    });
+    return {
+      c() {
+        create_component(promptresult.$$.fragment);
+      },
+      m(target, anchor) {
+        mount_component(promptresult, target, anchor);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        const promptresult_changes = {};
+        if (dirty[0] & /*isResultCorrect*/
+        2)
+          promptresult_changes.isResultCorrect = /*isResultCorrect*/
+          ctx2[1];
+        if (dirty[0] & /*resultFeedback*/
+        64)
+          promptresult_changes.resultFeedback = /*resultFeedback*/
+          ctx2[6];
+        promptresult.$set(promptresult_changes);
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(promptresult.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(promptresult.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        destroy_component(promptresult, detaching);
       }
+    };
+  }
+  function create_if_block_16(ctx) {
+    let each_1_anchor;
+    let current;
+    let each_value = ensure_array_like(
+      /*correctAnswerData*/
+      ctx[14]
+    );
+    let each_blocks = [];
+    for (let i = 0; i < each_value.length; i += 1) {
+      each_blocks[i] = create_each_block2(get_each_context2(ctx, each_value, i));
+    }
+    const out = (i) => transition_out(each_blocks[i], 1, 1, () => {
+      each_blocks[i] = null;
     });
     return {
       c() {
-        create_component(commonstringtohtml.$$.fragment);
-        t2 = space();
-        div = element("div");
-        attr(div, "class", "divider my-6");
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          each_blocks[i].c();
+        }
+        each_1_anchor = empty();
       },
       m(target, anchor) {
-        mount_component(commonstringtohtml, target, anchor);
-        insert(target, t2, anchor);
-        insert(target, div, anchor);
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          if (each_blocks[i]) {
+            each_blocks[i].m(target, anchor);
+          }
+        }
+        insert(target, each_1_anchor, anchor);
         current = true;
       },
       p(ctx2, dirty) {
-        const commonstringtohtml_changes = {};
-        if (dirty[0] & /*inlinePromptString*/
-        128)
-          commonstringtohtml_changes.htmlString = /*inlinePromptString*/
-          ctx2[7];
-        commonstringtohtml.$set(commonstringtohtml_changes);
+        if (dirty[0] & /*inlineIteration, inlineAnswerResult, correctAnswerDataLength, sessionId, inlineTypeinAnswer, correctAnswerData*/
+        188552) {
+          each_value = ensure_array_like(
+            /*correctAnswerData*/
+            ctx2[14]
+          );
+          let i;
+          for (i = 0; i < each_value.length; i += 1) {
+            const child_ctx = get_each_context2(ctx2, each_value, i);
+            if (each_blocks[i]) {
+              each_blocks[i].p(child_ctx, dirty);
+              transition_in(each_blocks[i], 1);
+            } else {
+              each_blocks[i] = create_each_block2(child_ctx);
+              each_blocks[i].c();
+              transition_in(each_blocks[i], 1);
+              each_blocks[i].m(each_1_anchor.parentNode, each_1_anchor);
+            }
+          }
+          group_outros();
+          for (i = each_value.length; i < each_blocks.length; i += 1) {
+            out(i);
+          }
+          check_outros();
+        }
       },
       i(local) {
         if (current)
           return;
-        transition_in(commonstringtohtml.$$.fragment, local);
+        for (let i = 0; i < each_value.length; i += 1) {
+          transition_in(each_blocks[i]);
+        }
         current = true;
       },
       o(local) {
-        transition_out(commonstringtohtml.$$.fragment, local);
+        each_blocks = each_blocks.filter(Boolean);
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          transition_out(each_blocks[i]);
+        }
         current = false;
       },
       d(detaching) {
         if (detaching) {
-          detach(t2);
-          detach(div);
+          detach(each_1_anchor);
         }
-        destroy_component(commonstringtohtml, detaching);
+        destroy_each(each_blocks, detaching);
       }
     };
   }
-  function create_if_block6(ctx) {
-    let div;
+  function create_if_block_25(ctx) {
+    let span1;
     let span0;
     let current_block_type_index;
     let if_block;
     let span0_class_value;
-    let t0;
-    let span1;
-    let t1;
-    let div_class_value;
-    let t2;
-    let promptresult;
     let current;
-    const if_block_creators = [create_if_block_15, create_else_block2];
+    const if_block_creators = [create_if_block_33, create_else_block2];
     const if_blocks = [];
-    function select_block_type_2(ctx2, dirty) {
+    function select_block_type_4(ctx2, dirty) {
       if (
-        /*isResultCorrect*/
-        ctx2[2]
+        /*inlineAnswerResult*/
+        ctx2[13][
+          /*itemIndex*/
+          ctx2[60]
+        ]
       )
         return 0;
       return 1;
     }
-    current_block_type_index = select_block_type_2(ctx, [-1, -1]);
+    current_block_type_index = select_block_type_4(ctx, [-1, -1, -1]);
     if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
-    promptresult = new PromptResultFeedback_default({
-      props: {
-        isResultCorrect: (
-          /*isResultCorrect*/
-          ctx[2]
-        ),
-        resultFeedback: (
-          /*resultFeedback*/
-          ctx[4]
-        )
-      }
-    });
     return {
       c() {
-        div = element("div");
+        span1 = element("span");
         span0 = element("span");
         if_block.c();
-        t0 = space();
-        span1 = element("span");
-        t1 = text(
-          /*resultLabel*/
-          ctx[6]
-        );
-        t2 = space();
-        create_component(promptresult.$$.fragment);
-        attr(span0, "class", span0_class_value = /*isResultCorrect*/
-        (ctx[2] ? "text-green-800" : "text-red-800") + " mr-2 p-0.5");
-        attr(span1, "class", "p2");
-        attr(div, "aria-hidden", "true");
-        attr(div, "class", div_class_value = "flex items-center text-charcoal " + /*typeinType*/
-        (ctx[13] === TYPEIN_TYPE_SHORT ? "mt-2" : "mt-0.5"));
+        attr(span0, "class", span0_class_value = /*inlineAnswerResult*/
+        (ctx[13][
+          /*itemIndex*/
+          ctx[60]
+        ] ? "text-green-900" : "text-red-900") + " p-0.5");
+        attr(span1, "class", "w-6 h-6 absolute right-4 top-3 bottom-0 my-auto flex item-center justify-center");
       },
       m(target, anchor) {
-        insert(target, div, anchor);
-        append(div, span0);
+        insert(target, span1, anchor);
+        append(span1, span0);
         if_blocks[current_block_type_index].m(span0, null);
-        append(div, t0);
-        append(div, span1);
-        append(span1, t1);
-        insert(target, t2, anchor);
-        mount_component(promptresult, target, anchor);
         current = true;
       },
       p(ctx2, dirty) {
         let previous_block_index = current_block_type_index;
-        current_block_type_index = select_block_type_2(ctx2, dirty);
+        current_block_type_index = select_block_type_4(ctx2, dirty);
         if (current_block_type_index !== previous_block_index) {
           group_outros();
           transition_out(if_blocks[previous_block_index], 1, 1, () => {
@@ -4409,48 +5289,30 @@
           transition_in(if_block, 1);
           if_block.m(span0, null);
         }
-        if (!current || dirty[0] & /*isResultCorrect*/
-        4 && span0_class_value !== (span0_class_value = /*isResultCorrect*/
-        (ctx2[2] ? "text-green-800" : "text-red-800") + " mr-2 p-0.5")) {
+        if (!current || dirty[0] & /*inlineAnswerResult*/
+        8192 && span0_class_value !== (span0_class_value = /*inlineAnswerResult*/
+        (ctx2[13][
+          /*itemIndex*/
+          ctx2[60]
+        ] ? "text-green-900" : "text-red-900") + " p-0.5")) {
           attr(span0, "class", span0_class_value);
         }
-        if (!current || dirty[0] & /*resultLabel*/
-        64)
-          set_data(
-            t1,
-            /*resultLabel*/
-            ctx2[6]
-          );
-        const promptresult_changes = {};
-        if (dirty[0] & /*isResultCorrect*/
-        4)
-          promptresult_changes.isResultCorrect = /*isResultCorrect*/
-          ctx2[2];
-        if (dirty[0] & /*resultFeedback*/
-        16)
-          promptresult_changes.resultFeedback = /*resultFeedback*/
-          ctx2[4];
-        promptresult.$set(promptresult_changes);
       },
       i(local) {
         if (current)
           return;
         transition_in(if_block);
-        transition_in(promptresult.$$.fragment, local);
         current = true;
       },
       o(local) {
         transition_out(if_block);
-        transition_out(promptresult.$$.fragment, local);
         current = false;
       },
       d(detaching) {
         if (detaching) {
-          detach(div);
-          detach(t2);
+          detach(span1);
         }
         if_blocks[current_block_type_index].d();
-        destroy_component(promptresult, detaching);
       }
     };
   }
@@ -4481,7 +5343,7 @@
       }
     };
   }
-  function create_if_block_15(ctx) {
+  function create_if_block_33(ctx) {
     let successsolid;
     let current;
     successsolid = new SuccessSolid_default({});
@@ -4496,15 +5358,475 @@
       i(local) {
         if (current)
           return;
-        transition_in(successsolid.$$.fragment, local);
+        transition_in(successsolid.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(successsolid.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        destroy_component(successsolid, detaching);
+      }
+    };
+  }
+  function create_each_block_1(ctx) {
+    let div1;
+    let p;
+    let t0_value = useIsEven(
+      /*iterationIndex*/
+      ctx[63]
+    ) ? `Student's` : "Correct";
+    let t0;
+    let t1;
+    let p_class_value;
+    let t2;
+    let div0;
+    let label;
+    let span0;
+    let t3;
+    let span1;
+    let label_for_value;
+    let label_class_value;
+    let t5;
+    let textarea;
+    let textarea_aria_label_value;
+    let textarea_class_value;
+    let textarea_id_value;
+    let textarea_value_value;
+    let textarea_tabindex_value;
+    let autosize_action;
+    let t6;
+    let show_if = useIsEven(
+      /*iterationIndex*/
+      ctx[63]
+    );
+    let div0_class_value;
+    let div1_class_value;
+    let current;
+    let mounted;
+    let dispose;
+    let if_block = show_if && create_if_block_25(ctx);
+    return {
+      c() {
+        div1 = element("div");
+        p = element("p");
+        t0 = text(t0_value);
+        t1 = text(" answers:");
+        t2 = space();
+        div0 = element("div");
+        label = element("label");
+        span0 = element("span");
+        t3 = space();
+        span1 = element("span");
+        span1.textContent = `${/*itemIndex*/
+        ctx[60] + 1}`;
+        t5 = space();
+        textarea = element("textarea");
+        t6 = space();
+        if (if_block)
+          if_block.c();
+        attr(p, "class", p_class_value = "text-base text-charcoal font-semibold " + (useIsEven(
+          /*iterationIndex*/
+          ctx[63]
+        ) && /*itemIndex*/
+        ctx[60] !== 0 ? "hidden" : !useIsEven(
+          /*iterationIndex*/
+          ctx[63]
+        ) && /*itemIndex*/
+        ctx[60] !== 0 ? "mt-2 md:mt-0 md:hidden" : !useIsEven(
+          /*iterationIndex*/
+          ctx[63]
+        ) && /*itemIndex*/
+        ctx[60] === 0 ? "mt-2 md:mt-0" : (
+          /*itemIndex*/
+          ctx[60] === 0 ? "" : ""
+        )) + " " + (!useIsEven(
+          /*iterationIndex*/
+          ctx[63]
+        ) && /*inlineAnswerResult*/
+        ctx[13][
+          /*itemIndex*/
+          ctx[60]
+        ] ? "hidden md:block" : ""));
+        attr(span0, "class", "absolute inset-0 bottom-[7px] bg-black opacity-5 rounded-l-lg w-8.5 top-1");
+        attr(span1, "class", "absolute font-semibold text-base leading-[19px] text-charcoal px-3 inline-block top-1/2 -translate-y-1/2 -mt-0.5");
+        attr(label, "for", label_for_value = `${/*iterationIndex*/
+        ctx[63]}-${/*sessionId*/
+        ctx[3]}-${/*itemIndex*/
+        ctx[60]}`);
+        attr(label, "class", label_class_value = "absolute left-0 top-[13px] bottom-0 " + /*correctAnswerDataLength*/
+        (ctx[15] > 1 && !useIsEven(
+          /*iterationIndex*/
+          ctx[63]
+        ) ? "hidden md:inline-block" : (
+          /*correctAnswerDataLength*/
+          ctx[15] > 1 && useIsEven(
+            /*iterationIndex*/
+            ctx[63]
+          ) ? "" : "hidden"
+        )));
+        attr(label, "aria-hidden", "true");
+        attr(textarea, "aria-label", textarea_aria_label_value = `${useIsEven(
+          /*iterationIndex*/
+          ctx[63]
+        ) ? `Student's` : "Correct"} answer${useIsEven(
+          /*iterationIndex*/
+          ctx[63]
+        ) && /*inlineAnswerResult*/
+        ctx[13][
+          /*itemIndex*/
+          ctx[60]
+        ] ? " (Correct)" : useIsEven(
+          /*iterationIndex*/
+          ctx[63]
+        ) && !/*inlineAnswerResult*/
+        ctx[13][
+          /*itemIndex*/
+          ctx[60]
+        ] ? " (Incorrect)" : ""}, Item number ${/*itemIndex*/
+        ctx[60] + 1}:`);
+        attr(textarea, "class", textarea_class_value = "typein-textbox py-[9px] pr-4 mt-4 " + /*correctAnswerDataLength*/
+        (ctx[15] > 1 && !useIsEven(
+          /*iterationIndex*/
+          ctx[63]
+        ) ? "md:pl-13.2" : (
+          /*correctAnswerDataLength*/
+          ctx[15] > 1 && useIsEven(
+            /*iterationIndex*/
+            ctx[63]
+          ) ? "pl-13.2" : ""
+        )) + " " + (useIsEven(
+          /*iterationIndex*/
+          ctx[63]
+        ) ? "!pr-11" : "") + " " + (useIsEven(
+          /*iterationIndex*/
+          ctx[63]
+        ) && /*inlineAnswerResult*/
+        ctx[13][
+          /*itemIndex*/
+          ctx[60]
+        ] ? "border-2 border-green-900" : useIsEven(
+          /*iterationIndex*/
+          ctx[63]
+        ) && !/*inlineAnswerResult*/
+        ctx[13][
+          /*itemIndex*/
+          ctx[60]
+        ] ? "border-2 border-red-900 bg-red-50" : ""));
+        attr(textarea, "id", textarea_id_value = `${/*iterationIndex*/
+        ctx[63]}-${/*sessionId*/
+        ctx[3]}-${/*itemIndex*/
+        ctx[60]}`);
+        textarea.value = textarea_value_value = useIsEven(
+          /*iterationIndex*/
+          ctx[63]
+        ) ? (
+          /*inlineTypeinAnswer*/
+          ctx[7][
+            /*itemIndex*/
+            ctx[60]
+          ] || "No answer provided"
+        ) : (
+          /*item*/
+          ctx[58][0]
+        );
+        attr(textarea, "rows", "1");
+        textarea.readOnly = true;
+        attr(textarea, "tabindex", textarea_tabindex_value = !useIsEven(
+          /*iterationIndex*/
+          ctx[63]
+        ) && /*inlineAnswerResult*/
+        ctx[13][
+          /*itemIndex*/
+          ctx[60]
+        ] ? "-1" : "");
+        attr(div0, "class", div0_class_value = "h-fit relative " + (!useIsEven(
+          /*iterationIndex*/
+          ctx[63]
+        ) && /*inlineAnswerResult*/
+        ctx[13][
+          /*itemIndex*/
+          ctx[60]
+        ] ? "hidden md:block" : ""));
+        attr(div1, "class", div1_class_value = "flex flex-col md:w-1/2 " + (useIsEven(
+          /*iterationIndex*/
+          ctx[63]
+        ) ? "md:pr-4" : "ml-8.5 md:ml-0 md:pl-4"));
+      },
+      m(target, anchor) {
+        insert(target, div1, anchor);
+        append(div1, p);
+        append(p, t0);
+        append(p, t1);
+        append(div1, t2);
+        append(div1, div0);
+        append(div0, label);
+        append(label, span0);
+        append(label, t3);
+        append(label, span1);
+        append(div0, t5);
+        append(div0, textarea);
+        append(div0, t6);
+        if (if_block)
+          if_block.m(div0, null);
+        current = true;
+        if (!mounted) {
+          dispose = action_destroyer(autosize_action = svelte_autosize_default.call(null, textarea));
+          mounted = true;
+        }
+      },
+      p(ctx2, dirty) {
+        if (!current || dirty[0] & /*inlineAnswerResult*/
+        8192 && p_class_value !== (p_class_value = "text-base text-charcoal font-semibold " + (useIsEven(
+          /*iterationIndex*/
+          ctx2[63]
+        ) && /*itemIndex*/
+        ctx2[60] !== 0 ? "hidden" : !useIsEven(
+          /*iterationIndex*/
+          ctx2[63]
+        ) && /*itemIndex*/
+        ctx2[60] !== 0 ? "mt-2 md:mt-0 md:hidden" : !useIsEven(
+          /*iterationIndex*/
+          ctx2[63]
+        ) && /*itemIndex*/
+        ctx2[60] === 0 ? "mt-2 md:mt-0" : (
+          /*itemIndex*/
+          ctx2[60] === 0 ? "" : ""
+        )) + " " + (!useIsEven(
+          /*iterationIndex*/
+          ctx2[63]
+        ) && /*inlineAnswerResult*/
+        ctx2[13][
+          /*itemIndex*/
+          ctx2[60]
+        ] ? "hidden md:block" : ""))) {
+          attr(p, "class", p_class_value);
+        }
+        if (!current || dirty[0] & /*sessionId*/
+        8 && label_for_value !== (label_for_value = `${/*iterationIndex*/
+        ctx2[63]}-${/*sessionId*/
+        ctx2[3]}-${/*itemIndex*/
+        ctx2[60]}`)) {
+          attr(label, "for", label_for_value);
+        }
+        if (!current || dirty[0] & /*correctAnswerDataLength*/
+        32768 && label_class_value !== (label_class_value = "absolute left-0 top-[13px] bottom-0 " + /*correctAnswerDataLength*/
+        (ctx2[15] > 1 && !useIsEven(
+          /*iterationIndex*/
+          ctx2[63]
+        ) ? "hidden md:inline-block" : (
+          /*correctAnswerDataLength*/
+          ctx2[15] > 1 && useIsEven(
+            /*iterationIndex*/
+            ctx2[63]
+          ) ? "" : "hidden"
+        )))) {
+          attr(label, "class", label_class_value);
+        }
+        if (!current || dirty[0] & /*inlineAnswerResult*/
+        8192 && textarea_aria_label_value !== (textarea_aria_label_value = `${useIsEven(
+          /*iterationIndex*/
+          ctx2[63]
+        ) ? `Student's` : "Correct"} answer${useIsEven(
+          /*iterationIndex*/
+          ctx2[63]
+        ) && /*inlineAnswerResult*/
+        ctx2[13][
+          /*itemIndex*/
+          ctx2[60]
+        ] ? " (Correct)" : useIsEven(
+          /*iterationIndex*/
+          ctx2[63]
+        ) && !/*inlineAnswerResult*/
+        ctx2[13][
+          /*itemIndex*/
+          ctx2[60]
+        ] ? " (Incorrect)" : ""}, Item number ${/*itemIndex*/
+        ctx2[60] + 1}:`)) {
+          attr(textarea, "aria-label", textarea_aria_label_value);
+        }
+        if (!current || dirty[0] & /*correctAnswerDataLength, inlineAnswerResult*/
+        40960 && textarea_class_value !== (textarea_class_value = "typein-textbox py-[9px] pr-4 mt-4 " + /*correctAnswerDataLength*/
+        (ctx2[15] > 1 && !useIsEven(
+          /*iterationIndex*/
+          ctx2[63]
+        ) ? "md:pl-13.2" : (
+          /*correctAnswerDataLength*/
+          ctx2[15] > 1 && useIsEven(
+            /*iterationIndex*/
+            ctx2[63]
+          ) ? "pl-13.2" : ""
+        )) + " " + (useIsEven(
+          /*iterationIndex*/
+          ctx2[63]
+        ) ? "!pr-11" : "") + " " + (useIsEven(
+          /*iterationIndex*/
+          ctx2[63]
+        ) && /*inlineAnswerResult*/
+        ctx2[13][
+          /*itemIndex*/
+          ctx2[60]
+        ] ? "border-2 border-green-900" : useIsEven(
+          /*iterationIndex*/
+          ctx2[63]
+        ) && !/*inlineAnswerResult*/
+        ctx2[13][
+          /*itemIndex*/
+          ctx2[60]
+        ] ? "border-2 border-red-900 bg-red-50" : ""))) {
+          attr(textarea, "class", textarea_class_value);
+        }
+        if (!current || dirty[0] & /*sessionId*/
+        8 && textarea_id_value !== (textarea_id_value = `${/*iterationIndex*/
+        ctx2[63]}-${/*sessionId*/
+        ctx2[3]}-${/*itemIndex*/
+        ctx2[60]}`)) {
+          attr(textarea, "id", textarea_id_value);
+        }
+        if (!current || dirty[0] & /*inlineTypeinAnswer, correctAnswerData*/
+        16512 && textarea_value_value !== (textarea_value_value = useIsEven(
+          /*iterationIndex*/
+          ctx2[63]
+        ) ? (
+          /*inlineTypeinAnswer*/
+          ctx2[7][
+            /*itemIndex*/
+            ctx2[60]
+          ] || "No answer provided"
+        ) : (
+          /*item*/
+          ctx2[58][0]
+        ))) {
+          textarea.value = textarea_value_value;
+        }
+        if (!current || dirty[0] & /*inlineAnswerResult*/
+        8192 && textarea_tabindex_value !== (textarea_tabindex_value = !useIsEven(
+          /*iterationIndex*/
+          ctx2[63]
+        ) && /*inlineAnswerResult*/
+        ctx2[13][
+          /*itemIndex*/
+          ctx2[60]
+        ] ? "-1" : "")) {
+          attr(textarea, "tabindex", textarea_tabindex_value);
+        }
+        if (show_if)
+          if_block.p(ctx2, dirty);
+        if (!current || dirty[0] & /*inlineAnswerResult*/
+        8192 && div0_class_value !== (div0_class_value = "h-fit relative " + (!useIsEven(
+          /*iterationIndex*/
+          ctx2[63]
+        ) && /*inlineAnswerResult*/
+        ctx2[13][
+          /*itemIndex*/
+          ctx2[60]
+        ] ? "hidden md:block" : ""))) {
+          attr(div0, "class", div0_class_value);
+        }
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(if_block);
+        current = true;
+      },
+      o(local) {
+        transition_out(if_block);
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(div1);
+        }
+        if (if_block)
+          if_block.d();
+        mounted = false;
+        dispose();
+      }
+    };
+  }
+  function create_each_block2(ctx) {
+    let div;
+    let t2;
+    let current;
+    let each_value_1 = ensure_array_like(
+      /*inlineIteration*/
+      ctx[17]
+    );
+    let each_blocks = [];
+    for (let i = 0; i < each_value_1.length; i += 1) {
+      each_blocks[i] = create_each_block_1(get_each_context_1(ctx, each_value_1, i));
+    }
+    const out = (i) => transition_out(each_blocks[i], 1, 1, () => {
+      each_blocks[i] = null;
+    });
+    return {
+      c() {
+        div = element("div");
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          each_blocks[i].c();
+        }
+        t2 = space();
+        attr(div, "class", "flex flex-col md:flex-row");
+      },
+      m(target, anchor) {
+        insert(target, div, anchor);
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          if (each_blocks[i]) {
+            each_blocks[i].m(div, null);
+          }
+        }
+        append(div, t2);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        if (dirty[0] & /*inlineAnswerResult, correctAnswerDataLength, sessionId, inlineTypeinAnswer, correctAnswerData*/
+        57480) {
+          each_value_1 = ensure_array_like(
+            /*inlineIteration*/
+            ctx2[17]
+          );
+          let i;
+          for (i = 0; i < each_value_1.length; i += 1) {
+            const child_ctx = get_each_context_1(ctx2, each_value_1, i);
+            if (each_blocks[i]) {
+              each_blocks[i].p(child_ctx, dirty);
+              transition_in(each_blocks[i], 1);
+            } else {
+              each_blocks[i] = create_each_block_1(child_ctx);
+              each_blocks[i].c();
+              transition_in(each_blocks[i], 1);
+              each_blocks[i].m(div, t2);
+            }
+          }
+          group_outros();
+          for (i = each_value_1.length; i < each_blocks.length; i += 1) {
+            out(i);
+          }
+          check_outros();
+        }
+      },
+      i(local) {
+        if (current)
+          return;
+        for (let i = 0; i < each_value_1.length; i += 1) {
+          transition_in(each_blocks[i]);
+        }
         current = true;
       },
       o(local) {
-        transition_out(successsolid.$$.fragment, local);
+        each_blocks = each_blocks.filter(Boolean);
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          transition_out(each_blocks[i]);
+        }
         current = false;
       },
       d(detaching) {
-        destroy_component(successsolid, detaching);
+        if (detaching) {
+          detach(div);
+        }
+        destroy_each(each_blocks, detaching);
       }
     };
   }
@@ -4514,26 +5836,26 @@
     let t2;
     let if_block1_anchor;
     let current;
-    const if_block_creators = [create_if_block_24, create_if_block_43, create_else_block_2];
+    const if_block_creators = [create_if_block_72, create_if_block_92, create_else_block_4];
     const if_blocks = [];
     function select_block_type(ctx2, dirty) {
       if (
-        /*typeinType*/
-        ctx2[13] === TYPEIN_TYPE_INLINE
+        /*isInlineTypein*/
+        ctx2[22]
       )
         return 0;
       if (
         /*typeinType*/
-        ctx2[13] === TYPEIN_TYPE_SHORT
+        ctx2[21] === TYPEIN_TYPE_SHORT
       )
         return 1;
       return 2;
     }
-    current_block_type_index = select_block_type(ctx, [-1, -1]);
+    current_block_type_index = select_block_type(ctx, [-1, -1, -1]);
     if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
     let if_block1 = (
       /*isFinished*/
-      ctx[1] && create_if_block6(ctx)
+      ctx[0] && create_if_block7(ctx)
     );
     return {
       c() {
@@ -4555,16 +5877,16 @@
         if_block0.p(ctx2, dirty);
         if (
           /*isFinished*/
-          ctx2[1]
+          ctx2[0]
         ) {
           if (if_block1) {
             if_block1.p(ctx2, dirty);
             if (dirty[0] & /*isFinished*/
-            2) {
+            1) {
               transition_in(if_block1, 1);
             }
           } else {
-            if_block1 = create_if_block6(ctx2);
+            if_block1 = create_if_block7(ctx2);
             if_block1.c();
             transition_in(if_block1, 1);
             if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
@@ -4600,27 +5922,27 @@
       }
     };
   }
-  function create_fragment9(ctx) {
+  function create_fragment11(ctx) {
     let promptbody;
     let current;
     promptbody = new PromptBody_default({
       props: {
         rubric: (
           /*rubric*/
-          ctx[10].text
+          ctx[18].text
         ),
         prompt: (
           /*prompt*/
-          ctx[12]
+          ctx[20]
         ),
         interactionType: INTERACTION_TYPE_TYPEIN,
         stimulus: (
           /*stimulus*/
-          ctx[11]
+          ctx[19]
         ),
         hasDivider: (
           /*hasDivider*/
-          ctx[8]
+          ctx[12]
         ),
         $$slots: { default: [create_default_slot2] },
         $$scope: { ctx }
@@ -4637,12 +5959,12 @@
       p(ctx2, dirty) {
         const promptbody_changes = {};
         if (dirty[0] & /*hasDivider*/
-        256)
+        4096)
           promptbody_changes.hasDivider = /*hasDivider*/
-          ctx2[8];
-        if (dirty[0] & /*isResultCorrect, resultFeedback, resultLabel, isFinished, inlinePromptString, textAriaLabel, placeholder, isDataSaving, typeinAnswer*/
-        767 | dirty[1] & /*$$scope*/
-        256) {
+          ctx2[12];
+        if (dirty[0] & /*correctAnswerData, inlineAnswerResult, correctAnswerDataLength, sessionId, inlineTypeinAnswer, isResultCorrect, resultFeedback, isSkippedAnswer, resultLabel, isFinished, isDataSaving, root, inlinePromptString, textAriaLabel, placeholder, typeinAnswer*/
+        126975 | dirty[2] & /*$$scope*/
+        4) {
           promptbody_changes.$$scope = { dirty, ctx: ctx2 };
         }
         promptbody.$set(promptbody_changes);
@@ -4663,40 +5985,175 @@
     };
   }
   var idLabel = "answerText";
-  function instance7($$self, $$props, $$invalidate) {
+  function instance8($$self, $$props, $$invalidate) {
     let { sessionData } = $$props;
     let { isDataSaving } = $$props;
     let { isFinished = false } = $$props;
     let { isResultCorrect = false } = $$props;
     let { isPreviewMode = false } = $$props;
     let { isPreviewModeInteractive = false } = $$props;
+    let { isPreviewCheckedAnswer = false } = $$props;
+    let { sessionId } = $$props;
     const dispatch = createEventDispatcher();
+    let root;
+    let inlineInputs;
     let typeinAnswer;
     let latestAnswer = "";
     let resultFeedback = "";
+    let inlineTypeinAnswer = [];
+    let isSkippedAnswer = false;
+    let isInitialLoad = true;
+    let isInteractiveTriggeredResult = false;
     let placeholder = "Type your answer here";
     let focusOrigin = "tab";
     let resultLabel = "";
     let inlinePromptString = "";
     let hasDivider = true;
+    let inlineAnswerResult = [];
+    let correctAnswerData = [];
+    let correctAnswerDataLength = 0;
+    const inlineIteration = ["student", "correct"];
     const { rubric, interaction, metadata, scoringMetadata, stimulus } = sessionData;
     const { prompt, typein_type: typeinType } = interaction;
+    const isInlineTypein = typeinType === TYPEIN_TYPE_INLINE;
     if (metadata) {
       const events = metadata.interactions.events.pop();
-      latestAnswer = typeinAnswer = events.answer[0];
+      if (isInlineTypein) {
+        inlineTypeinAnswer = events?.answer;
+        if (inlineTypeinAnswer.length) {
+          isInitialLoad = false;
+        }
+      } else {
+        latestAnswer = typeinAnswer = events.answer[0];
+      }
+    }
+    let textAriaLabel = !latestAnswer ? "Answer input: Please type your response" : "Your response is";
+    const isReadonlyText = isFinished && !isPreviewModeInteractive;
+    const addEventListenerInline = () => {
+      if (isInlineTypein && (!isFinished || isPreviewModeInteractive)) {
+        inlineInputs = root.querySelectorAll('input[type="text"]');
+        inlineInputs.forEach((input) => {
+          const focusHandler = () => saveInlineAnswer(input.id);
+          const keyDownHandler = (event) => {
+            if (event.key === "Enter") {
+              event.preventDefault();
+              saveInlineAnswer(input.id);
+            }
+          };
+          input.removeEventListener("focusout", focusHandler);
+          input.removeEventListener("keydown", keyDownHandler);
+          input.addEventListener("focusout", focusHandler);
+          input.addEventListener("keydown", keyDownHandler);
+        });
+      }
+    };
+    onMount(() => {
+      addEventListenerInline();
+    });
+    const saveInlineAnswer = (id) => {
+      const rawAnswer = useJoinArrayToString(inlineTypeinAnswer);
+      const input = root.querySelector(`#${id}`);
+      const arrayId = id.split("-")[2] - 1;
+      $$invalidate(7, inlineTypeinAnswer[arrayId] = input.value, inlineTypeinAnswer);
+      const latestAnswer2 = useJoinArrayToString(inlineTypeinAnswer);
+      if (latestAnswer2 === rawAnswer || isDataSaving)
+        return;
+      const allEmpty = inlineTypeinAnswer.every((value) => value === "");
+      if (isPreviewModeInteractive) {
+        const allAnswered = inlineTypeinAnswer.every((value) => value !== "");
+        $$invalidate(8, isSkippedAnswer = false);
+        if (isInteractiveTriggeredResult && allEmpty) {
+          $$invalidate(8, isSkippedAnswer = true);
+        }
+        if (allAnswered || isInteractiveTriggeredResult) {
+          $$invalidate(1, isResultCorrect = false);
+          const { is_single_mark: isSingleMark } = interaction;
+          const { answer: previewCorrectAnswer } = scoringMetadata;
+          $$invalidate(13, inlineAnswerResult = checkInlineAnswer(previewCorrectAnswer, inlineTypeinAnswer));
+          $$invalidate(1, isResultCorrect = isSingleMark ? !inlineAnswerResult.includes(false) : inlineAnswerResult.includes(true));
+          $$invalidate(0, isFinished = true);
+          $$invalidate(14, correctAnswerData = previewCorrectAnswer);
+          $$invalidate(15, correctAnswerDataLength = previewCorrectAnswer.length);
+          getFeedback();
+          buildInlinePrompt();
+          setTimeout(
+            () => {
+              addEventListenerInline();
+              isInteractiveTriggeredResult = true;
+            },
+            250
+          );
+        }
+      } else {
+        dispatch("saveAnswer", {
+          answer: allEmpty ? [] : inlineTypeinAnswer
+        });
+      }
+      input?.blur();
+    };
+    const getFeedback = () => {
+      const { correct: correctFeeback, incorrect: incorrectFeedback } = interaction.feedback;
+      $$invalidate(6, resultFeedback = isResultCorrect ? correctFeeback : incorrectFeedback);
+    };
+    const getResultMessage = () => {
+      $$invalidate(10, resultLabel = isResultCorrect ? "Correct" : "Incorrect");
+      $$invalidate(16, textAriaLabel = `Submitted response is ${resultLabel.toLocaleLowerCase()}`);
+      $$invalidate(9, placeholder = isResultCorrect ? placeholder : "No answer provided");
+    };
+    const checkInlineAnswer = (correctAnswer, answer) => {
+      const transformedAnswerList = correctAnswer.map((item) => item.map((data) => data.toLowerCase()));
+      return answer?.map((item, index) => {
+        return transformedAnswerList[index].includes(item.toLowerCase());
+      });
+    };
+    if (isFinished) {
+      const { answer, hasAnswer } = scoringMetadata;
+      isSkippedAnswer = !hasAnswer;
+      if (isInlineTypein) {
+        let metadataAnswer = answer;
+        const { correct_answer: correctAnswer } = interaction;
+        if (isPreviewMode) {
+          inlineTypeinAnswer = answer.map((data) => data[0]);
+          metadataAnswer = inlineTypeinAnswer;
+        }
+        correctAnswerData = correctAnswer;
+        correctAnswerDataLength = correctAnswer.length;
+        inlineAnswerResult = checkInlineAnswer(correctAnswer, metadataAnswer);
+      } else {
+        typeinAnswer = answer && hasAnswer ? answer : typeinAnswer;
+      }
+      getResultMessage();
+      if (!isPreviewMode || isPreviewModeInteractive) {
+        getFeedback();
+      }
     }
-    if (typeinType === TYPEIN_TYPE_INLINE) {
-      hasDivider = false;
+    const resetInteractivePreviewData = () => {
+      $$invalidate(10, resultLabel = "");
+      $$invalidate(16, textAriaLabel = "");
+      $$invalidate(9, placeholder = "");
+      getResultMessage();
+      getFeedback();
+    };
+    const buildInlinePrompt = () => {
+      $$invalidate(12, hasDivider = false);
       const { inline_prompt: inlinePrompt } = interaction;
       if (inlinePrompt) {
         let idCounter = 1;
         const eatRegex = /<eat-contentful>/g;
         const inputCount = inlinePrompt.match(eatRegex)?.length || 0;
         const isSingleInput = inputCount <= 1;
+        const sessionString = sessionId ? sessionId.replace(/-/g, "") : "preview";
         const spacer = '<span class="inline-block w-2 h-4"></span>';
-        inlinePromptString = inlinePrompt.replace(eatRegex, () => {
+        $$invalidate(11, inlinePromptString = inlinePrompt.replace(eatRegex, () => {
+          if (isInitialLoad) {
+            inlineTypeinAnswer.push("");
+          }
           const idNo = idCounter++;
-          const inputId = `inline-text-${idNo}`;
+          const indexNo = idNo - 1;
+          const inputId = `inline-${sessionString}-${idNo}`;
+          const textHasAnswer = !!inlineTypeinAnswer[indexNo];
+          const isAnswerCorrect = isFinished && inlineAnswerResult[indexNo] && textHasAnswer;
+          const isAnswerIncorrect = isFinished && !inlineAnswerResult[indexNo] && textHasAnswer;
           return `
           ${spacer}<span class="inline-block h-fit relative my-2">
             <label for="${inputId}" class="absolute left-0 top-0 bottom-0 ${isSingleInput ? "hidden" : ""}" aria-hidden="true">
@@ -4706,32 +6163,28 @@
             <input
               type="text"
               id="${inputId}"
-              placeholder="Type your answer here" aria-label="Item number ${idNo}"
-              class="typein-textbox w-60 py-[9px] pr-4 ${isSingleInput ? "" : "pl-13.2"}"
+              placeholder="Type your answer here"
+              aria-label="${!isFinished ? `Item number ${idNo}` : `Student's answer (${isAnswerCorrect ? "Correct" : "Incorrect"}), Item number ${idNo}:`}"
+              class="typein-textbox w-60 py-[9px] pr-4 ${isSingleInput ? "" : "pl-13.2"}
+              ${isAnswerCorrect ? "border-2 border-green-900" : isAnswerIncorrect ? "border-2 border-red-900 bg-red-50" : ""}
+              ${isFinished && textHasAnswer ? "!pr-11 truncate" : ""}"
               autocomplete="off"
+              value="${inlineTypeinAnswer[indexNo] || ""}"
+              ${isFinished && !isPreviewModeInteractive ? "readonly" : ""}
             />
+            ${isFinished && textHasAnswer ? `
+              <span class="w-6 h-6 absolute right-4 top-3.5 flex item-center justify-center">
+                <span class="${isAnswerCorrect ? "text-green-900" : "text-red-900"} p-0.5">
+                  ${isAnswerCorrect ? useCorrectIconString() : useErrorIconString()}
+                </span>
+              </span>` : ""}
           </span>${spacer}`;
-        });
+        }));
+        isInitialLoad = false;
       }
-    }
-    let textAriaLabel = !latestAnswer ? "Answer input: Please type your response" : "Your response is";
-    const isReadonlyText = isFinished && !isPreviewModeInteractive;
-    const getFeedback = () => {
-      const { correct: correctFeeback, incorrect: incorrectFeedback } = interaction.feedback;
-      $$invalidate(4, resultFeedback = isResultCorrect ? correctFeeback : incorrectFeedback);
-    };
-    const getResultMessage = () => {
-      $$invalidate(6, resultLabel = isResultCorrect ? "Correct" : "Incorrect");
-      $$invalidate(9, textAriaLabel = `Submitted response is ${resultLabel.toLocaleLowerCase()}`);
-      $$invalidate(5, placeholder = isResultCorrect ? placeholder : "No answer provided");
     };
-    if (isFinished) {
-      const { answer, hasAnswer } = scoringMetadata;
-      typeinAnswer = answer && hasAnswer ? answer : typeinAnswer;
-      getResultMessage();
-      if (!isPreviewMode || isPreviewModeInteractive) {
-        getFeedback();
-      }
+    if (isInlineTypein) {
+      buildInlinePrompt();
     }
     const saveAnswer = () => {
       focusOrigin = "tab";
@@ -4739,14 +6192,10 @@
         return;
       latestAnswer = typeinAnswer;
       dispatch("saveAnswer", { answer: [typeinAnswer || ""] });
-      if (isPreviewModeInteractive) {
+      if (isPreviewModeInteractive && typeinType !== TYPEIN_TYPE_LONG) {
         setTimeout(
           () => {
-            $$invalidate(6, resultLabel = "");
-            $$invalidate(9, textAriaLabel = "");
-            $$invalidate(5, placeholder = "");
-            getResultMessage();
-            getFeedback();
+            resetInteractivePreviewData();
           },
           50
         );
@@ -4768,15 +6217,21 @@
     const handleClick = () => {
       focusOrigin = "click";
     };
+    function div0_binding($$value) {
+      binding_callbacks[$$value ? "unshift" : "push"](() => {
+        root = $$value;
+        $$invalidate(4, root);
+      });
+    }
     function input_input_handler() {
       typeinAnswer = this.value;
-      $$invalidate(3, typeinAnswer);
+      $$invalidate(5, typeinAnswer);
     }
     const focusout_handler = () => saveAnswer();
     const keydown_handler = (event) => saveOnEnter(event);
     function textarea_input_handler() {
       typeinAnswer = this.value;
-      $$invalidate(3, typeinAnswer);
+      $$invalidate(5, typeinAnswer);
     }
     const mousedown_handler = () => handleClick();
     const touchstart_handler = () => handleClick();
@@ -4785,33 +6240,55 @@
     const keydown_handler_1 = (event) => saveOnEnter(event);
     $$self.$$set = ($$props2) => {
       if ("sessionData" in $$props2)
-        $$invalidate(19, sessionData = $$props2.sessionData);
+        $$invalidate(28, sessionData = $$props2.sessionData);
       if ("isDataSaving" in $$props2)
-        $$invalidate(0, isDataSaving = $$props2.isDataSaving);
+        $$invalidate(2, isDataSaving = $$props2.isDataSaving);
       if ("isFinished" in $$props2)
-        $$invalidate(1, isFinished = $$props2.isFinished);
+        $$invalidate(0, isFinished = $$props2.isFinished);
       if ("isResultCorrect" in $$props2)
-        $$invalidate(2, isResultCorrect = $$props2.isResultCorrect);
+        $$invalidate(1, isResultCorrect = $$props2.isResultCorrect);
       if ("isPreviewMode" in $$props2)
-        $$invalidate(20, isPreviewMode = $$props2.isPreviewMode);
+        $$invalidate(29, isPreviewMode = $$props2.isPreviewMode);
       if ("isPreviewModeInteractive" in $$props2)
-        $$invalidate(21, isPreviewModeInteractive = $$props2.isPreviewModeInteractive);
+        $$invalidate(30, isPreviewModeInteractive = $$props2.isPreviewModeInteractive);
+      if ("isPreviewCheckedAnswer" in $$props2)
+        $$invalidate(31, isPreviewCheckedAnswer = $$props2.isPreviewCheckedAnswer);
+      if ("sessionId" in $$props2)
+        $$invalidate(3, sessionId = $$props2.sessionId);
+    };
+    $$self.$$.update = () => {
+      if ($$self.$$.dirty[1] & /*isPreviewCheckedAnswer*/
+      1) {
+        $:
+          if (isPreviewCheckedAnswer) {
+            resetInteractivePreviewData();
+          }
+      }
     };
     return [
-      isDataSaving,
       isFinished,
       isResultCorrect,
+      isDataSaving,
+      sessionId,
+      root,
       typeinAnswer,
       resultFeedback,
+      inlineTypeinAnswer,
+      isSkippedAnswer,
       placeholder,
       resultLabel,
       inlinePromptString,
       hasDivider,
+      inlineAnswerResult,
+      correctAnswerData,
+      correctAnswerDataLength,
       textAriaLabel,
+      inlineIteration,
       rubric,
       stimulus,
       prompt,
       typeinType,
+      isInlineTypein,
       isReadonlyText,
       saveAnswer,
       saveOnEnter,
@@ -4820,6 +6297,8 @@
       sessionData,
       isPreviewMode,
       isPreviewModeInteractive,
+      isPreviewCheckedAnswer,
+      div0_binding,
       input_input_handler,
       focusout_handler,
       keydown_handler,
@@ -4837,65 +6316,81 @@
       init(
         this,
         options,
-        instance7,
-        create_fragment9,
+        instance8,
+        create_fragment11,
         safe_not_equal,
         {
-          sessionData: 19,
-          isDataSaving: 0,
-          isFinished: 1,
-          isResultCorrect: 2,
-          isPreviewMode: 20,
-          isPreviewModeInteractive: 21
+          sessionData: 28,
+          isDataSaving: 2,
+          isFinished: 0,
+          isResultCorrect: 1,
+          isPreviewMode: 29,
+          isPreviewModeInteractive: 30,
+          isPreviewCheckedAnswer: 31,
+          sessionId: 3
         },
         null,
-        [-1, -1]
+        [-1, -1, -1]
       );
     }
     get sessionData() {
-      return this.$$.ctx[19];
+      return this.$$.ctx[28];
     }
     set sessionData(sessionData) {
       this.$$set({ sessionData });
       flush();
     }
     get isDataSaving() {
-      return this.$$.ctx[0];
+      return this.$$.ctx[2];
     }
     set isDataSaving(isDataSaving) {
       this.$$set({ isDataSaving });
       flush();
     }
     get isFinished() {
-      return this.$$.ctx[1];
+      return this.$$.ctx[0];
     }
     set isFinished(isFinished) {
       this.$$set({ isFinished });
       flush();
     }
     get isResultCorrect() {
-      return this.$$.ctx[2];
+      return this.$$.ctx[1];
     }
     set isResultCorrect(isResultCorrect) {
       this.$$set({ isResultCorrect });
       flush();
     }
     get isPreviewMode() {
-      return this.$$.ctx[20];
+      return this.$$.ctx[29];
     }
     set isPreviewMode(isPreviewMode) {
       this.$$set({ isPreviewMode });
       flush();
     }
     get isPreviewModeInteractive() {
-      return this.$$.ctx[21];
+      return this.$$.ctx[30];
     }
     set isPreviewModeInteractive(isPreviewModeInteractive) {
       this.$$set({ isPreviewModeInteractive });
       flush();
     }
+    get isPreviewCheckedAnswer() {
+      return this.$$.ctx[31];
+    }
+    set isPreviewCheckedAnswer(isPreviewCheckedAnswer) {
+      this.$$set({ isPreviewCheckedAnswer });
+      flush();
+    }
+    get sessionId() {
+      return this.$$.ctx[3];
+    }
+    set sessionId(sessionId) {
+      this.$$set({ sessionId });
+      flush();
+    }
   };
-  customElements.define("prompt-typein", create_custom_element(PromptTypeIn, { "sessionData": {}, "isDataSaving": {}, "isFinished": { "type": "Boolean" }, "isResultCorrect": { "type": "Boolean" }, "isPreviewMode": { "type": "Boolean" }, "isPreviewModeInteractive": { "type": "Boolean" } }, [], [], true));
+  customElements.define("prompt-typein", create_custom_element(PromptTypeIn, { "sessionData": {}, "isDataSaving": {}, "isFinished": { "type": "Boolean" }, "isResultCorrect": { "type": "Boolean" }, "isPreviewMode": { "type": "Boolean" }, "isPreviewModeInteractive": { "type": "Boolean" }, "isPreviewCheckedAnswer": { "type": "Boolean" }, "sessionId": {} }, [], [], true));
   var PromptTypeIn_default = PromptTypeIn;
 
   // node_modules/svelte-dnd-action/dist/index.mjs
@@ -6899,7 +8394,7 @@
   }
 
   // src/lib/assets/img/product/GripVertical.svelte
-  function create_fragment10(ctx) {
+  function create_fragment12(ctx) {
     let svg;
     let path;
     return {
@@ -6933,14 +8428,14 @@
   var GripVertical = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment10, safe_not_equal, {});
+      init(this, options, null, create_fragment12, safe_not_equal, {});
     }
   };
   create_custom_element(GripVertical, {}, [], [], true);
   var GripVertical_default = GripVertical;
 
   // src/lib/assets/img/messaging/Success.svelte
-  function create_fragment11(ctx) {
+  function create_fragment13(ctx) {
     let svg;
     let path;
     return {
@@ -6974,7 +8469,7 @@
   var Success = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment11, safe_not_equal, {});
+      init(this, options, null, create_fragment13, safe_not_equal, {});
     }
   };
   create_custom_element(Success, {}, [], [], true);
@@ -7042,7 +8537,7 @@
       }
     };
   }
-  function create_if_block_25(ctx) {
+  function create_if_block_26(ctx) {
     let span;
     let errorsolid;
     let current;
@@ -7076,7 +8571,7 @@
       }
     };
   }
-  function create_if_block_16(ctx) {
+  function create_if_block_17(ctx) {
     let span;
     let successsolid;
     let current;
@@ -7110,7 +8605,7 @@
       }
     };
   }
-  function create_if_block7(ctx) {
+  function create_if_block8(ctx) {
     let span;
     let gripvertical;
     let current;
@@ -7144,7 +8639,7 @@
       }
     };
   }
-  function create_fragment12(ctx) {
+  function create_fragment14(ctx) {
     let button;
     let span0;
     let commonstringtohtml;
@@ -7168,7 +8663,7 @@
       /*word*/
       ctx[1]
     ) } });
-    const if_block_creators = [create_if_block_16, create_if_block_25, create_if_block_34, create_else_block3];
+    const if_block_creators = [create_if_block_17, create_if_block_26, create_if_block_34, create_else_block3];
     const if_blocks = [];
     function select_block_type(ctx2, dirty) {
       if (
@@ -7195,7 +8690,7 @@
     let if_block1 = (
       /*resultType*/
       (ctx[0] === ANSWER_CORRECT || /*resultType*/
-      ctx[0] === ANSWER_INCORRECT) && create_if_block7(ctx)
+      ctx[0] === ANSWER_INCORRECT) && create_if_block8(ctx)
     );
     return {
       c() {
@@ -7365,7 +8860,7 @@
               transition_in(if_block1, 1);
             }
           } else {
-            if_block1 = create_if_block7(ctx);
+            if_block1 = create_if_block8(ctx);
             if_block1.c();
             transition_in(if_block1, 1);
             if_block1.m(span2, null);
@@ -7465,7 +8960,7 @@
       }
     };
   }
-  function instance8($$self, $$props, $$invalidate) {
+  function instance9($$self, $$props, $$invalidate) {
     let { word = "" } = $$props;
     let { resultType = "" } = $$props;
     let { otherClass = "" } = $$props;
@@ -7621,7 +9116,7 @@
   var PromptCategoriseWordButton = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance8, create_fragment12, safe_not_equal, {
+      init(this, options, instance9, create_fragment14, safe_not_equal, {
         word: 1,
         resultType: 0,
         otherClass: 2,
@@ -7748,12 +9243,12 @@
   };
 
   // src/lib/components/prompt/categorise/PromptCategoriseDndContainer.svelte
-  function get_each_context2(ctx, list, i) {
+  function get_each_context3(ctx, list, i) {
     const child_ctx = ctx.slice();
     child_ctx[39] = list[i];
     return child_ctx;
   }
-  function create_if_block_26(ctx) {
+  function create_if_block_27(ctx) {
     let button;
     let button_class_value;
     let mounted;
@@ -7802,7 +9297,7 @@
       }
     };
   }
-  function create_if_block_17(ctx) {
+  function create_if_block_18(ctx) {
     let div;
     let mounted;
     let dispose;
@@ -7844,7 +9339,7 @@
       }
     };
   }
-  function create_if_block8(ctx) {
+  function create_if_block9(ctx) {
     let button;
     let t2;
     let button_class_value;
@@ -7876,14 +9371,14 @@
       }
     };
   }
-  function create_each_block2(key_1, ctx) {
+  function create_each_block3(key_1, ctx) {
     let first;
     let t2;
     let promptcategorisewordbutton;
     let current;
     let if_block = (
       /*item*/
-      ctx[39].type === ANSWER_MISSED && create_if_block8(ctx)
+      ctx[39].type === ANSWER_MISSED && create_if_block9(ctx)
     );
     promptcategorisewordbutton = new PromptCategoriseWordButton_default({
       props: {
@@ -7975,7 +9470,7 @@
           if (if_block) {
             if_block.p(ctx, dirty);
           } else {
-            if_block = create_if_block8(ctx);
+            if_block = create_if_block9(ctx);
             if_block.c();
             if_block.m(t2.parentNode, t2);
           }
@@ -8062,7 +9557,7 @@
       }
     };
   }
-  function create_fragment13(ctx) {
+  function create_fragment15(ctx) {
     let t0;
     let t1;
     let section;
@@ -8080,12 +9575,12 @@
       ctx[15] !== /*containerId*/
       ctx[4] && !/*isFinished*/
       ctx[8] && !/*isDataSaving*/
-      ctx[11] && create_if_block_26(ctx)
+      ctx[11] && create_if_block_27(ctx)
     );
     let if_block1 = (
       /*totalRemainingWordBinItem*/
       ctx[17] <= 0 && /*isContainerWordBin*/
-      ctx[23] && create_if_block_17(ctx)
+      ctx[23] && create_if_block_18(ctx)
     );
     let each_value = ensure_array_like(Object.values(
       /*items*/
@@ -8096,9 +9591,9 @@
       ctx2[39].id
     );
     for (let i = 0; i < each_value.length; i += 1) {
-      let child_ctx = get_each_context2(ctx, each_value, i);
+      let child_ctx = get_each_context3(ctx, each_value, i);
       let key = get_key(child_ctx);
-      each_1_lookup.set(key, each_blocks[i] = create_each_block2(key, child_ctx));
+      each_1_lookup.set(key, each_blocks[i] = create_each_block3(key, child_ctx));
     }
     return {
       c() {
@@ -8208,7 +9703,7 @@
           if (if_block0) {
             if_block0.p(ctx2, dirty);
           } else {
-            if_block0 = create_if_block_26(ctx2);
+            if_block0 = create_if_block_27(ctx2);
             if_block0.c();
             if_block0.m(t0.parentNode, t0);
           }
@@ -8224,7 +9719,7 @@
           if (if_block1) {
             if_block1.p(ctx2, dirty);
           } else {
-            if_block1 = create_if_block_17(ctx2);
+            if_block1 = create_if_block_18(ctx2);
             if_block1.c();
             if_block1.m(t1.parentNode, t1);
           }
@@ -8239,7 +9734,7 @@
             ctx2[20]
           ));
           group_outros();
-          each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx2, each_value, each_1_lookup, section, outro_and_destroy_block, create_each_block2, null, get_each_context2);
+          each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx2, each_value, each_1_lookup, section, outro_and_destroy_block, create_each_block3, null, get_each_context3);
           check_outros();
         }
         if (!current || dirty[0] & /*containerClass*/
@@ -8338,7 +9833,7 @@
       }
     };
   }
-  function instance9($$self, $$props, $$invalidate) {
+  function instance10($$self, $$props, $$invalidate) {
     let { containerClass = "" } = $$props;
     let { flipDurationMs = 5 } = $$props;
     let { containerId = "" } = $$props;
@@ -8683,8 +10178,8 @@
       init(
         this,
         options,
-        instance9,
-        create_fragment13,
+        instance10,
+        create_fragment15,
         safe_not_equal,
         {
           containerClass: 2,
@@ -8801,7 +10296,7 @@
   var PromptCategoriseDndContainer_default = PromptCategoriseDndContainer;
 
   // src/lib/components/common/CommonModal.svelte
-  function create_fragment14(ctx) {
+  function create_fragment16(ctx) {
     let div2;
     let div0;
     let t2;
@@ -8933,7 +10428,7 @@
   var keypress_handler = () => {
     return false;
   };
-  function instance10($$self, $$props, $$invalidate) {
+  function instance11($$self, $$props, $$invalidate) {
     let { $$slots: slots = {}, $$scope } = $$props;
     let { modalData = [] } = $$props;
     const dispatch = createEventDispatcher();
@@ -8965,7 +10460,7 @@
   var CommonModal = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance10, create_fragment14, safe_not_equal, { modalData: 3 });
+      init(this, options, instance11, create_fragment16, safe_not_equal, { modalData: 3 });
     }
     get modalData() {
       return this.$$.ctx[3];
@@ -8979,7 +10474,7 @@
   var CommonModal_default = CommonModal;
 
   // src/lib/assets/img/messaging/AlertIcon.svelte
-  function create_fragment15(ctx) {
+  function create_fragment17(ctx) {
     let svg;
     let path;
     return {
@@ -9013,14 +10508,14 @@
   var AlertIcon = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment15, safe_not_equal, {});
+      init(this, options, null, create_fragment17, safe_not_equal, {});
     }
   };
   create_custom_element(AlertIcon, {}, [], [], true);
   var AlertIcon_default = AlertIcon;
 
   // src/lib/assets/img/messaging/CrossIcon.svelte
-  function create_fragment16(ctx) {
+  function create_fragment18(ctx) {
     let svg;
     let path;
     return {
@@ -9054,7 +10549,7 @@
   var CrossIcon = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment16, safe_not_equal, {});
+      init(this, options, null, create_fragment18, safe_not_equal, {});
     }
   };
   create_custom_element(CrossIcon, {}, [], [], true);
@@ -9214,7 +10709,7 @@
       }
     };
   }
-  function create_fragment17(ctx) {
+  function create_fragment19(ctx) {
     let commonmodal;
     let current;
     commonmodal = new CommonModal_default({
@@ -9267,7 +10762,7 @@
       }
     };
   }
-  function instance11($$self, $$props, $$invalidate) {
+  function instance12($$self, $$props, $$invalidate) {
     let { categoryData = [] } = $$props;
     let { modalData = [] } = $$props;
     let categoryModal;
@@ -9350,7 +10845,7 @@
   var PromptCategoriseModal = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance11, create_fragment17, safe_not_equal, { categoryData: 6, modalData: 0 });
+      init(this, options, instance12, create_fragment19, safe_not_equal, { categoryData: 6, modalData: 0 });
     }
     get categoryData() {
       return this.$$.ctx[6];
@@ -9371,7 +10866,7 @@
   var PromptCategoriseModal_default = PromptCategoriseModal;
 
   // src/lib/assets/img/action/Switch.svelte
-  function create_fragment18(ctx) {
+  function create_fragment20(ctx) {
     let svg;
     let path;
     return {
@@ -9403,14 +10898,14 @@
   var Switch = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment18, safe_not_equal, {});
+      init(this, options, null, create_fragment20, safe_not_equal, {});
     }
   };
   create_custom_element(Switch, {}, [], [], true);
   var Switch_default = Switch;
 
   // src/lib/assets/img/messaging/SmallChevronUp.svelte
-  function create_fragment19(ctx) {
+  function create_fragment21(ctx) {
     let svg;
     let path;
     return {
@@ -9444,14 +10939,14 @@
   var SmallChevronUp = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment19, safe_not_equal, {});
+      init(this, options, null, create_fragment21, safe_not_equal, {});
     }
   };
   create_custom_element(SmallChevronUp, {}, [], [], true);
   var SmallChevronUp_default = SmallChevronUp;
 
   // src/lib/assets/img/messaging/SmallChevronDown.svelte
-  function create_fragment20(ctx) {
+  function create_fragment22(ctx) {
     let svg;
     let path;
     return {
@@ -9485,14 +10980,14 @@
   var SmallChevronDown = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment20, safe_not_equal, {});
+      init(this, options, null, create_fragment22, safe_not_equal, {});
     }
   };
   create_custom_element(SmallChevronDown, {}, [], [], true);
   var SmallChevronDown_default = SmallChevronDown;
 
   // src/lib/assets/img/messaging/SmallChevronLeft.svelte
-  function create_fragment21(ctx) {
+  function create_fragment23(ctx) {
     let svg;
     let path;
     return {
@@ -9526,14 +11021,14 @@
   var SmallChevronLeft = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment21, safe_not_equal, {});
+      init(this, options, null, create_fragment23, safe_not_equal, {});
     }
   };
   create_custom_element(SmallChevronLeft, {}, [], [], true);
   var SmallChevronLeft_default = SmallChevronLeft;
 
   // src/lib/assets/img/messaging/SmallChevronRight.svelte
-  function create_fragment22(ctx) {
+  function create_fragment24(ctx) {
     let svg;
     let path;
     return {
@@ -9567,14 +11062,14 @@
   var SmallChevronRight = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment22, safe_not_equal, {});
+      init(this, options, null, create_fragment24, safe_not_equal, {});
     }
   };
   create_custom_element(SmallChevronRight, {}, [], [], true);
   var SmallChevronRight_default = SmallChevronRight;
 
   // src/lib/assets/img/messaging/ArrowDownCircle.svelte
-  function create_fragment23(ctx) {
+  function create_fragment25(ctx) {
     let svg;
     let path;
     return {
@@ -9608,7 +11103,7 @@
   var ArrowDownCircle = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment23, safe_not_equal, {});
+      init(this, options, null, create_fragment25, safe_not_equal, {});
     }
   };
   create_custom_element(ArrowDownCircle, {}, [], [], true);
@@ -9777,14 +11272,14 @@
   };
 
   // src/lib/components/prompt/categorise/PromptCategorise.svelte
-  function get_each_context3(ctx, list, i) {
+  function get_each_context4(ctx, list, i) {
     const child_ctx = ctx.slice();
     child_ctx[68] = list[i];
     child_ctx[69] = list;
     child_ctx[70] = i;
     return child_ctx;
   }
-  function create_if_block_72(ctx) {
+  function create_if_block_73(ctx) {
     let promptcategorisemodal;
     let current;
     promptcategorisemodal = new PromptCategoriseModal_default({
@@ -9849,7 +11344,7 @@
       }
     };
   }
-  function create_if_block_62(ctx) {
+  function create_if_block_63(ctx) {
     let button;
     let span0;
     let switchicon;
@@ -9926,7 +11421,7 @@
       }
     };
   }
-  function create_if_block_52(ctx) {
+  function create_if_block_53(ctx) {
     let span;
     let t0;
     let t1;
@@ -10034,7 +11529,7 @@
       }
     };
   }
-  function create_if_block_27(ctx) {
+  function create_if_block_28(ctx) {
     let span;
     let t0;
     let t1;
@@ -10115,7 +11610,7 @@
       }
     };
   }
-  function create_if_block_18(ctx) {
+  function create_if_block_19(ctx) {
     let smallchevronup;
     let current;
     smallchevronup = new SmallChevronUp_default({});
@@ -10142,7 +11637,7 @@
       }
     };
   }
-  function create_each_block3(ctx) {
+  function create_each_block4(ctx) {
     let div1;
     let div0;
     let show_if_2 = (
@@ -10205,7 +11700,7 @@
     let current;
     let mounted;
     let dispose;
-    let if_block0 = show_if_2 && create_if_block_52(ctx);
+    let if_block0 = show_if_2 && create_if_block_53(ctx);
     commonstringtohtml = new CommonStringToHtml_default({
       props: {
         ariaHidden: (
@@ -10230,9 +11725,9 @@
     ctx[5] && create_if_block_35(ctx);
     let if_block3 = (
       /*previewResultSr*/
-      ctx[5] && create_if_block_27(ctx)
+      ctx[5] && create_if_block_28(ctx)
     );
-    const if_block_creators = [create_if_block_18, create_else_block4];
+    const if_block_creators = [create_if_block_19, create_else_block4];
     const if_blocks = [];
     function select_block_type(ctx2, dirty) {
       if (dirty[0] & /*openCategoryContainer*/
@@ -10593,7 +12088,7 @@
           if (if_block0) {
             if_block0.p(ctx, dirty);
           } else {
-            if_block0 = create_if_block_52(ctx);
+            if_block0 = create_if_block_53(ctx);
             if_block0.c();
             if_block0.m(div0, t0);
           }
@@ -10655,7 +12150,7 @@
           if (if_block3) {
             if_block3.p(ctx, dirty);
           } else {
-            if_block3 = create_if_block_27(ctx);
+            if_block3 = create_if_block_28(ctx);
             if_block3.c();
             if_block3.m(div0, t8);
           }
@@ -10920,7 +12415,7 @@
       }
     };
   }
-  function create_if_block9(ctx) {
+  function create_if_block10(ctx) {
     let span;
     let t0;
     let t1;
@@ -11013,13 +12508,13 @@
     arrowdowncircle = new ArrowDownCircle_default({});
     let if_block0 = (
       /*isModalOpen*/
-      ctx[18] && create_if_block_72(ctx)
+      ctx[18] && create_if_block_73(ctx)
     );
     let if_block1 = (
       /*totalRemainingWordBinItem*/
       ctx[16] !== /*totalCategoryItems*/
       ctx[10] && !/*isFinished*/
-      ctx[0] && create_if_block_62(ctx)
+      ctx[0] && create_if_block_63(ctx)
     );
     let each_value = ensure_array_like(Object.values(
       /*categoryGroups*/
@@ -11027,12 +12522,12 @@
     ));
     let each_blocks = [];
     for (let i = 0; i < each_value.length; i += 1) {
-      each_blocks[i] = create_each_block3(get_each_context3(ctx, each_value, i));
+      each_blocks[i] = create_each_block4(get_each_context4(ctx, each_value, i));
     }
     const out = (i) => transition_out(each_blocks[i], 1, 1, () => {
       each_blocks[i] = null;
     });
-    let if_block2 = show_if && create_if_block9(ctx);
+    let if_block2 = show_if && create_if_block10(ctx);
     smallchevronleft = new SmallChevronLeft_default({});
     promptcategorisedndcontainer = new PromptCategoriseDndContainer_default({
       props: {
@@ -11365,7 +12860,7 @@
               transition_in(if_block0, 1);
             }
           } else {
-            if_block0 = create_if_block_72(ctx);
+            if_block0 = create_if_block_73(ctx);
             if_block0.c();
             transition_in(if_block0, 1);
             if_block0.m(t3.parentNode, t3);
@@ -11390,7 +12885,7 @@
               transition_in(if_block1, 1);
             }
           } else {
-            if_block1 = create_if_block_62(ctx);
+            if_block1 = create_if_block_63(ctx);
             if_block1.c();
             transition_in(if_block1, 1);
             if_block1.m(div0, null);
@@ -11420,12 +12915,12 @@
           ));
           let i;
           for (i = 0; i < each_value.length; i += 1) {
-            const child_ctx = get_each_context3(ctx, each_value, i);
+            const child_ctx = get_each_context4(ctx, each_value, i);
             if (each_blocks[i]) {
               each_blocks[i].p(child_ctx, dirty);
               transition_in(each_blocks[i], 1);
             } else {
-              each_blocks[i] = create_each_block3(child_ctx);
+              each_blocks[i] = create_each_block4(child_ctx);
               each_blocks[i].c();
               transition_in(each_blocks[i], 1);
               each_blocks[i].m(div1, null);
@@ -11449,7 +12944,7 @@
           if (if_block2) {
             if_block2.p(ctx, dirty);
           } else {
-            if_block2 = create_if_block9(ctx);
+            if_block2 = create_if_block10(ctx);
             if_block2.c();
             if_block2.m(div2, t8);
           }
@@ -11636,7 +13131,7 @@
       }
     };
   }
-  function create_fragment24(ctx) {
+  function create_fragment26(ctx) {
     let div;
     let promptbody;
     let current;
@@ -11695,7 +13190,7 @@
       }
     };
   }
-  function instance12($$self, $$props, $$invalidate) {
+  function instance13($$self, $$props, $$invalidate) {
     let { sessionData } = $$props;
     let { isFinished = false } = $$props;
     let { isPreviewMode = false } = $$props;
@@ -12124,8 +13619,8 @@
       init(
         this,
         options,
-        instance12,
-        create_fragment24,
+        instance13,
+        create_fragment26,
         safe_not_equal,
         {
           sessionData: 48,
@@ -12178,7 +13673,7 @@
   var PromptCategorise_default = PromptCategorise;
 
   // src/lib/components/prompt/skeleton/PromptSkeleton.svelte
-  function create_fragment25(ctx) {
+  function create_fragment27(ctx) {
     let div3;
     return {
       c() {
@@ -12201,7 +13696,7 @@
   var PromptSkeleton = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment25, safe_not_equal, {});
+      init(this, options, null, create_fragment27, safe_not_equal, {});
     }
   };
   customElements.define("prompt-skeleton", create_custom_element(PromptSkeleton, {}, [], [], true));
@@ -12209,7 +13704,7 @@
 
   // src/lib/components/prompt/PromptBuilder.svelte
   function add_css2(target) {
-    append_styles(target, "svelte-n44wfg", '*,: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-n44wfg-pulse{50%{opacity:0.5}}.animate-skeleton{--tw-bg-opacity:1;animation:svelte-n44wfg-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;background-color:rgb(226 232 240/var(--tw-bg-opacity))}.btn-mcq-option:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.btn-mcq-option{--tw-text-opacity:1;--tw-border-opacity:1;--tw-bg-opacity:1;align-items:center;background-color:rgb(247 250 250/var(--tw-bg-opacity));border-color:rgb(113 115 119/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));display:flex;font-size:1rem;justify-content:space-between;line-height:1.5rem;margin-bottom:1rem;min-height:48px;padding:0.5rem 0.75rem 0.5rem 0.5rem;width:100%}.btn-mcq-option:active{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity));border-color:rgb(40 44 135/var(--tw-border-opacity));border-width:2px}@media(hover: hover) and (pointer: fine){.btn-mcq-option:hover{--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}}.btn-mcq-option>span>.choice{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(113 115 119/var(--tw-border-opacity));border-radius:1rem;border-width:1px;color:rgb(93 99 107/var(--tw-text-opacity));display:flex;font-size:1rem;font-weight:700;height:2rem;justify-content:center;letter-spacing:0.05em;line-height:1rem;margin-right:1rem;padding:0.5rem;width:2rem}.btn-mcq-option.selected{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}.btn-mcq-option.selected,.btn-mcq-option.selected>span>.choice{border-color:rgb(40 44 135/var(--tw-border-opacity));border-width:2px}.btn-mcq-option.selected>span>.choice{--tw-border-opacity:1}.btn-mcq-option.selected.correct{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(241 254 241/var(--tw-bg-opacity));border-color:rgb(0 102 5/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected.incorrect{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(253 243 247/var(--tw-bg-opacity));border-color:rgb(217 12 85/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected.correct>span>.choice,.btn-mcq-option.selected.incorrect>span>.choice{--tw-border-opacity:1;border-color:rgb(113 115 119/var(--tw-border-opacity));border-width:1px}.typein-textbox:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.typein-textbox{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(75 85 99/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(55 65 81/var(--tw-placeholder-opacity))}.typein-textbox::placeholder{--tw-placeholder-opacity:1;color:rgb(55 65 81/var(--tw-placeholder-opacity))}.typein-textbox:focus{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}}.typein-textbox:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0)) !important}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{transition-duration:50ms}}.typein-textbox:focus-visible{outline-color:#212529;outline-width:2px}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{outline-color:#212529;outline-width:2px}}.typein-textbox:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity))}.inline-typein-container>p{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;font-weight:600;line-height:3rem}#dnd-action-dragged-el{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;--tw-border-opacity:1!important;--tw-bg-opacity:1!important;background-color:rgb(205 208 254/var(--tw-bg-opacity)) !important;border-color:rgb(93 99 107/var(--tw-border-opacity)) !important;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));cursor:grabbing !important;outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}#dnd-action-dragged-el .btn-vertical-icon{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));cursor:grabbing !important}#dnd-action-dragged-el .preview-icon{display:none !important}#dnd-action-dragged-el .preview-vertical{display:block !important}.category-content>.missing-answer-label{display:block}.category-content>.missing-answer-label~.missing-answer-label{display:none}.text-stimulus{padding-bottom:1rem;padding-top:1rem}.text-stimulus p{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;line-height:1.75rem;padding-bottom:0.5rem}.text-stimulus ol,.text-stimulus ul{font-size:1rem;line-height:1.5rem;list-style-position:inside;padding-bottom:0.5rem;padding-left:0.5rem}.text-stimulus ol ::marker,.text-stimulus ul ::marker{color:#282c87}.text-stimulus ol::marker,.text-stimulus ul::marker{color:#282c87}.text-stimulus ul{list-style-type:disc}.text-stimulus ol{list-style-type:decimal}.text-stimulus ul li>p{margin-left:-0.5rem}.text-stimulus ol>li>p,.text-stimulus ul>li>p{display:inline;font-size:1rem;line-height:1.5rem;padding-bottom:0;padding-top:0}.text-stimulus div.table-container:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.text-stimulus div.table-container{border-radius:0.5rem;overflow:auto;padding-left:0.125rem;padding-right:0.125rem}.text-stimulus table{--tw-border-spacing-x:0.75rem;--tw-border-spacing-y:0.75rem;--tw-shadow:0 0 0 1px #9ca3af;--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);border-radius:0.5rem;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);margin-bottom:1rem;margin-top:0.5rem;overflow-x:auto;width:100%}.text-stimulus table tr{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(156 163 175/var(--tw-border-opacity))}.text-stimulus table tr:last-child{border-color:transparent}.text-stimulus table td,.text-stimulus table th{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity));border-left-width:1px;min-width:140px}.text-stimulus table td:first-child,.text-stimulus table th:first-child{border-style:none}.text-stimulus table td>p,.text-stimulus table th>p{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem;padding:0.75rem;text-align:left}.text-stimulus table th>p{font-weight:400}.prompt p,.text-stimulus table th p{font-weight:600}.prompt p b,.prompt p b i,.prompt p b i u,.prompt p b u,.prompt p b u i,.prompt p i b,.prompt p i b u,.prompt p i u b,.prompt p u b,.prompt p u b i,.prompt p u i b,.text-stimulus table th p b,.text-stimulus table th p b i,.text-stimulus table th p b i u,.text-stimulus table th p b u,.text-stimulus table th p b u i,.text-stimulus table th p i b,.text-stimulus table th p i b u,.text-stimulus table th p i u b,.text-stimulus table th p u b,.text-stimulus table th p u b i,.text-stimulus table th p u i b{font-weight:900}.sr-only{clip:rect(0, 0, 0, 0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.-top-2{top:-0.5rem}.-top-2\\.5{top:-0.625rem}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.left-0{left:0}.left-4{left:1rem}.left-\\[-9999px\\]{left:-9999px}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-1{top:0.25rem}.top-12{top:3rem}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-0\\.5{margin-left:0.125rem;margin-right:0.125rem}.my-2{margin-bottom:0.5rem;margin-top:0.5rem}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.mb-1{margin-bottom:0.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:0.5rem}.mb-3{margin-bottom:0.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:0.25rem}.ml-3{margin-left:0.75rem}.ml-\\[3px\\]{margin-left:3px}.mr-1{margin-right:0.25rem}.mr-2{margin-right:0.5rem}.mr-4{margin-right:1rem}.mt-0{margin-top:0}.mt-0\\.5{margin-top:0.125rem}.mt-1{margin-top:0.25rem}.mt-2{margin-top:0.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-7\\.5{margin-top:1.875}.mt-9{margin-top:2.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-10\\.5{height:2.625rem}.h-11{height:2.75rem}.h-4{height:1rem}.h-52{height:13rem}.h-6{height:1.5rem}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.max-h-\\[470px\\]{max-height:470px}.max-h-\\[660px\\]{max-height:660px}.min-h-\\[133px\\]{min-height:133px}.min-h-\\[140px\\]{min-height:140px}.min-h-\\[54px\\]{min-height:54px}.min-h-\\[86px\\]{min-height:86px}.w-11{width:2.75rem}.w-2{width:0.5rem}.w-2\\/4{width:50%}.w-4{width:1rem}.w-6{width:1.5rem}.w-60{width:15rem}.w-8{width:2rem}.w-8\\.5{width:2.125rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-\\[44px\\]{min-width:44px}.min-w-\\[85px\\]{min-width:85px}.max-w-\\[400px\\]{max-width:400px}.grow{flex-grow:1}.basis-0{flex-basis:0px}.\\!cursor-default{cursor:default !important}.\\!cursor-pointer{cursor:pointer !important}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:0.5rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0.5rem * var(--tw-space-y-reverse));margin-top:calc(0.5rem * (1 - var(--tw-space-y-reverse)))}.space-y-reverse>:not([hidden])~:not([hidden]){--tw-space-y-reverse:1}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:0.25rem}.rounded-\\[32px\\]{border-radius:32px}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.rounded-b-lg{border-bottom-right-radius:0.5rem}.rounded-b-lg,.rounded-l-lg{border-bottom-left-radius:0.5rem}.rounded-l-lg,.rounded-t-lg{border-top-left-radius:0.5rem}.rounded-t-lg{border-top-right-radius:0.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-6,.border-l-\\[6px\\]{border-left-width:6px}.border-dashed{border-style:dashed}.\\!border-blue-1000{--tw-border-opacity:1!important;border-color:rgb(40 44 135/var(--tw-border-opacity)) !important}.border-blue-1000{--tw-border-opacity:1;border-color:rgb(40 44 135/var(--tw-border-opacity))}.border-charcoal{--tw-border-opacity:1;border-color:rgb(33 37 41/var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.border-gray-800{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.border-green-800{--tw-border-opacity:1;border-color:rgb(0 102 5/var(--tw-border-opacity))}.border-red-600{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity))}.border-red-800{--tw-border-opacity:1;border-color:rgb(217 12 85/var(--tw-border-opacity))}.border-soft-blue{--tw-border-opacity:1;border-color:rgb(84 101 251/var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.\\!bg-violet-100{--tw-bg-opacity:1!important;background-color:rgb(235 235 255/var(--tw-bg-opacity)) !important}.\\!bg-violet-150{--tw-bg-opacity:1!important;background-color:rgb(205 208 254/var(--tw-bg-opacity)) !important}.\\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity)) !important}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-blue-1000{--tw-bg-opacity:1;background-color:rgb(40 44 135/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(247 250 250/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(244 244 244/var(--tw-bg-opacity))}.bg-green-300{--tw-bg-opacity:1;background-color:rgb(241 254 241/var(--tw-bg-opacity))}.bg-red-200{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity))}.bg-red-300{--tw-bg-opacity:1;background-color:rgb(253 243 247/var(--tw-bg-opacity))}.bg-soft-blue{--tw-bg-opacity:1;background-color:rgb(84 101 251/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-violet-100{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.bg-violet-150{--tw-bg-opacity:1;background-color:rgb(205 208 254/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-yellow-1000{--tw-bg-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity))}.p-0{padding:0}.p-0\\.5{padding:0.125rem}.p-1{padding:0.25rem}.p-1\\.5{padding:0.375rem}.p-2{padding:0.5rem}.p-3{padding:0.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:0.25rem;padding-top:0.25rem}.py-1\\.5{padding-bottom:0.375rem;padding-top:0.375rem}.py-2{padding-bottom:0.5rem;padding-top:0.5rem}.py-\\[9px\\]{padding-bottom:9px;padding-top:9px}.pb-0{padding-bottom:0}.pb-10{padding-bottom:2.5rem}.pb-2{padding-bottom:0.5rem}.pb-3{padding-bottom:0.75rem}.pl-13\\.2{padding-left:3.125rem}.pl-24{padding-left:6rem}.pl-3{padding-left:0.75rem}.pl-4{padding-left:1rem}.pr-3{padding-right:0.75rem}.pr-4{padding-right:1rem}.pt-0{padding-top:0}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-\\[15px\\]{padding-top:15px}.pt-\\[55px\\]{padding-top:55px}.text-left{text-align:left}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-\\[19px\\]{line-height:19px}.leading-\\[22px\\]{line-height:22px}.\\!text-gray-900{--tw-text-opacity:1!important;color:rgb(57 62 69/var(--tw-text-opacity)) !important}.text-blue-1000{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity))}.text-charcoal{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(93 99 107/var(--tw-text-opacity))}.text-green-800{--tw-text-opacity:1;color:rgb(0 102 5/var(--tw-text-opacity))}.text-inherit{color:inherit}.text-red-800{--tw-text-opacity:1;color:rgb(217 12 85/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.opacity-5{opacity:0.05}.opacity-50{opacity:0.5}.shadow-\\[0_-12px_14px_-16px_\\#00000033\\]{--tw-shadow:0 -12px 14px -16px #00000033;--tw-shadow-colored:0 -12px 14px -16px var(--tw-shadow-color)}.shadow-\\[0_-12px_14px_-16px_\\#00000033\\],.shadow-md{box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)}.shadow-md{--tw-shadow:0px 2px 8px rgba(0,0,0,.2);--tw-shadow-colored:0px 2px 8px var(--tw-shadow-color)}.\\!outline-none{outline:2px solid transparent !important;outline-offset:2px !important}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:0.15s;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.duration-300{transition-duration:0.3s}.active\\:raw-focus-ring:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}@media(min-width: 732px){.md\\:item-heading{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;letter-spacing:-0.025em;line-height:1.5rem}.category-content>.md\\:missing-answer-label{display:block}.category-content>.md\\:missing-answer-label~.md\\:missing-answer-label{display:none}}@media(hover: hover) and (pointer: fine){.td\\:hover-focus-ring:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}}.last\\:mr-0:last-child{margin-right:0}.focus-within\\:left-0:focus-within{left:0}.focus-within\\:right-0:focus-within{right:0}.focus-within\\:top-0:focus-within{top:0}.focus-within\\:z-30:focus-within{z-index:30}.hover\\:bg-black-50:hover{background-color:rgba(0, 0, 0, 0.0509803922)}.hover\\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}.hover\\:bg-violet-100:hover{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.hover\\:bg-yellow-1000:hover{--tw-bg-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity))}.hover\\:text-charcoal:hover{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.focus\\:outline-transparent:focus{outline-color:transparent}.focus-visible\\:border:focus-visible{border-width:1px}.focus-visible\\:border-charcoal:focus-visible{--tw-border-opacity:1;border-color:rgb(33 37 41/var(--tw-border-opacity))}.focus-visible\\:border-gray-400:focus-visible{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.focus-visible\\:border-gray-800:focus-visible{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\\:bg-black-55:active,.active\\:bg-black-60:active{background-color:rgba(0, 0, 0, 0.1019607843)}.active\\:bg-yellow-1100:active{--tw-bg-opacity:1;background-color:rgb(238 206 26/var(--tw-bg-opacity))}.active\\:text-charcoal:active{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.disabled\\:text-gray-40:disabled{--tw-text-opacity:1;color:rgb(142 147 153/var(--tw-text-opacity))}.disabled\\:hover\\:bg-white:hover:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.group\\/itemContainer:hover .group-hover\\/itemContainer\\:bg-violet-100{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.group:hover .group-hover\\:underline{text-decoration-line:underline}.group:active .group-active\\:border-2{border-width:2px}.group:active .group-active\\:border-blue-1000{--tw-border-opacity:1;border-color:rgb(40 44 135/var(--tw-border-opacity))}.group:active .group-active\\:p-\\[7px\\]{padding:7px}@media(min-width: 732px){.md\\:inset-0{inset:0}.md\\:top-20{top:5rem}.md\\:mb-2{margin-bottom:0.5rem}.md\\:mb-4{margin-bottom:1rem}.md\\:mb-8{margin-bottom:2rem}.md\\:mt-14{margin-top:3.5rem}.md\\:block{display:block}.md\\:inline-block{display:inline-block}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:h-fit{height:-moz-fit-content;height:fit-content}.md\\:min-h-0{min-height:0}.md\\:min-h-\\[140px\\]{min-height:140px}.md\\:min-h-\\[164px\\]{min-height:164px}.md\\:w-fit{width:-moz-fit-content;width:fit-content}.md\\:grow-0{flex-grow:0}.md\\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.md\\:flex-row{flex-direction:row}.md\\:flex-col{flex-direction:column}.md\\:items-center{align-items:center}.md\\:justify-normal{justify-content:normal}.md\\:justify-center{justify-content:center}.md\\:justify-between{justify-content:space-between}.md\\:gap-6{gap:1.5rem}.md\\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px * var(--tw-space-y-reverse));margin-top:calc(0px * (1 - var(--tw-space-y-reverse)))}.md\\:rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.md\\:border{border-width:1px}.md\\:border-gray-400{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.md\\:\\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity)) !important}.md\\:p-4{padding:1rem}.md\\:px-0{padding-left:0;padding-right:0}.md\\:pb-0{padding-bottom:0}.md\\:pt-20{padding-top:5rem}.md\\:pt-20\\.5{padding-top:5.125rem}.md\\:text-center{text-align:center}.md\\:shadow-\\[0_0_\\#0000\\]{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)}.group\\/itemContainer:hover .md\\:group-hover\\/itemContainer\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}}@media(min-width: 1196px){.lg\\:mr-6{margin-right:1.5rem}.lg\\:flex{display:flex}.lg\\:hidden{display:none}.lg\\:min-h-\\[224px\\]{min-height:224px}.lg\\:w-full{width:100%}.lg\\:max-w-\\[50\\%\\]{max-width:50%}.lg\\:grow{flex-grow:1}.lg\\:basis-1\\/2{flex-basis:50%}.lg\\:items-center{align-items:center}.lg\\:justify-between{justify-content:space-between}.lg\\:gap-0{gap:0}.lg\\:last\\:mr-0:last-child{margin-right:0}}@media(hover: hover) and (pointer: fine){.td\\:hover\\:cursor-grab:hover{cursor:grab}.td\\:hover\\:border-gray-800:hover{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.td\\:hover\\:bg-black-50:hover{background-color:rgba(0, 0, 0, 0.0509803922)}.td\\:hover\\:bg-violet-100:hover{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.td\\:hover\\:text-soft-blue:hover{--tw-text-opacity:1;color:rgb(84 101 251/var(--tw-text-opacity))}.group:hover .td\\:group-hover\\:bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.group:hover .td\\:group-hover\\:opacity-5{opacity:0.05}}');
+    append_styles(target, "svelte-1t1plzj", '*,: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-1t1plzj-pulse{50%{opacity:0.5}}.animate-skeleton{--tw-bg-opacity:1;animation:svelte-1t1plzj-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;background-color:rgb(226 232 240/var(--tw-bg-opacity))}.btn-mcq-option:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.btn-mcq-option{--tw-text-opacity:1;--tw-border-opacity:1;--tw-bg-opacity:1;align-items:center;background-color:rgb(247 250 250/var(--tw-bg-opacity));border-color:rgb(113 115 119/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));display:flex;font-size:1rem;justify-content:space-between;line-height:1.5rem;margin-bottom:1rem;min-height:48px;padding:0.5rem 0.75rem 0.5rem 0.5rem;width:100%}.btn-mcq-option:active{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity));border-color:rgb(40 44 135/var(--tw-border-opacity));border-width:2px}@media(hover: hover) and (pointer: fine){.btn-mcq-option:hover{--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}}.btn-mcq-option>span>.choice{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(113 115 119/var(--tw-border-opacity));border-radius:1rem;border-width:1px;color:rgb(93 99 107/var(--tw-text-opacity));display:flex;font-size:1rem;font-weight:700;height:2rem;justify-content:center;letter-spacing:0.05em;line-height:1rem;margin-right:1rem;padding:0.5rem;width:2rem}.btn-mcq-option.selected{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}.btn-mcq-option.selected,.btn-mcq-option.selected>span>.choice{border-color:rgb(40 44 135/var(--tw-border-opacity));border-width:2px}.btn-mcq-option.selected>span>.choice{--tw-border-opacity:1}.btn-mcq-option.selected.correct{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(241 254 241/var(--tw-bg-opacity));border-color:rgb(0 102 5/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected.incorrect{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(253 243 247/var(--tw-bg-opacity));border-color:rgb(217 12 85/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected.correct>span>.choice,.btn-mcq-option.selected.incorrect>span>.choice{--tw-border-opacity:1;border-color:rgb(113 115 119/var(--tw-border-opacity));border-width:1px}.typein-textbox:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.typein-textbox{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(75 85 99/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(55 65 81/var(--tw-placeholder-opacity))}.typein-textbox::placeholder{--tw-placeholder-opacity:1;color:rgb(55 65 81/var(--tw-placeholder-opacity))}.typein-textbox:focus{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}}.typein-textbox:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0)) !important}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{transition-duration:50ms}}.typein-textbox:focus-visible{outline-color:#212529;outline-width:2px}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{outline-color:#212529;outline-width:2px}}.typein-textbox:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity))}.inline-typein-container>p{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;font-weight:600;line-height:3rem}#dnd-action-dragged-el{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;--tw-border-opacity:1!important;--tw-bg-opacity:1!important;background-color:rgb(205 208 254/var(--tw-bg-opacity)) !important;border-color:rgb(93 99 107/var(--tw-border-opacity)) !important;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));cursor:grabbing !important;outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}#dnd-action-dragged-el .btn-vertical-icon{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));cursor:grabbing !important}#dnd-action-dragged-el .preview-icon{display:none !important}#dnd-action-dragged-el .preview-vertical{display:block !important}.category-content>.missing-answer-label{display:block}.category-content>.missing-answer-label~.missing-answer-label{display:none}.text-stimulus{padding-bottom:1rem;padding-top:1rem}.text-stimulus p{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;line-height:1.75rem;padding-bottom:0.5rem}.text-stimulus ol,.text-stimulus ul{font-size:1rem;line-height:1.5rem;list-style-position:inside;padding-bottom:0.5rem;padding-left:0.5rem}.text-stimulus ol ::marker,.text-stimulus ul ::marker{color:#282c87}.text-stimulus ol::marker,.text-stimulus ul::marker{color:#282c87}.text-stimulus ul{list-style-type:disc}.text-stimulus ol{list-style-type:decimal}.text-stimulus ul li>p{margin-left:-0.5rem}.text-stimulus ol>li>p,.text-stimulus ul>li>p{display:inline;font-size:1rem;line-height:1.5rem;padding-bottom:0;padding-top:0}.text-stimulus div.table-container:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.text-stimulus div.table-container{border-radius:0.5rem;overflow:auto;padding-left:0.125rem;padding-right:0.125rem}.text-stimulus table{--tw-border-spacing-x:0.75rem;--tw-border-spacing-y:0.75rem;--tw-shadow:0 0 0 1px #9ca3af;--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);border-radius:0.5rem;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);margin-bottom:1rem;margin-top:0.5rem;overflow-x:auto;width:100%}.text-stimulus table tr{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(156 163 175/var(--tw-border-opacity))}.text-stimulus table tr:last-child{border-color:transparent}.text-stimulus table td,.text-stimulus table th{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity));border-left-width:1px;min-width:140px}.text-stimulus table td:first-child,.text-stimulus table th:first-child{border-style:none}.text-stimulus table td>p,.text-stimulus table th>p{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem;padding:0.75rem;text-align:left}.text-stimulus table th>p{font-weight:400}.prompt p,.text-stimulus table th p{font-weight:600}.prompt p b,.prompt p b i,.prompt p b i u,.prompt p b u,.prompt p b u i,.prompt p i b,.prompt p i b u,.prompt p i u b,.prompt p u b,.prompt p u b i,.prompt p u i b,.text-stimulus table th p b,.text-stimulus table th p b i,.text-stimulus table th p b i u,.text-stimulus table th p b u,.text-stimulus table th p b u i,.text-stimulus table th p i b,.text-stimulus table th p i b u,.text-stimulus table th p i u b,.text-stimulus table th p u b,.text-stimulus table th p u b i,.text-stimulus table th p u i b{font-weight:900}.sr-only{clip:rect(0, 0, 0, 0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.-top-2{top:-0.5rem}.-top-2\\.5{top:-0.625rem}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.bottom-\\[7px\\]{bottom:7px}.left-0{left:0}.left-4{left:1rem}.left-\\[-9999px\\]{left:-9999px}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-1{top:0.25rem}.top-1\\/2{top:50%}.top-12{top:3rem}.top-3{top:0.75rem}.top-3\\.5{top:0.875rem}.top-\\[13px\\]{top:13px}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-0\\.5{margin-left:0.125rem;margin-right:0.125rem}.my-2{margin-bottom:0.5rem;margin-top:0.5rem}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.my-auto{margin-bottom:auto;margin-top:auto}.-mt-0{margin-top:0}.-mt-0\\.5{margin-top:-0.125rem}.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-8{margin-left:2rem}.ml-8\\.5{margin-left:2.125rem}.ml-\\[3px\\]{margin-left:3px}.mr-1{margin-right:0.25rem}.mr-2{margin-right:0.5rem}.mr-4{margin-right:1rem}.mt-0{margin-top:0}.mt-0\\.5{margin-top:0.125rem}.mt-1{margin-top:0.25rem}.mt-2{margin-top:0.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-7\\.5{margin-top:1.875}.mt-9{margin-top:2.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-10\\.5{height:2.625rem}.h-11{height:2.75rem}.h-4{height:1rem}.h-52{height:13rem}.h-6{height:1.5rem}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.max-h-\\[470px\\]{max-height:470px}.max-h-\\[660px\\]{max-height:660px}.min-h-\\[133px\\]{min-height:133px}.min-h-\\[140px\\]{min-height:140px}.min-h-\\[54px\\]{min-height:54px}.min-h-\\[86px\\]{min-height:86px}.w-11{width:2.75rem}.w-2{width:0.5rem}.w-2\\/4{width:50%}.w-4{width:1rem}.w-6{width:1.5rem}.w-60{width:15rem}.w-8{width:2rem}.w-8\\.5{width:2.125rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-\\[44px\\]{min-width:44px}.min-w-\\[85px\\]{min-width:85px}.max-w-\\[400px\\]{max-width:400px}.grow{flex-grow:1}.basis-0{flex-basis:0px}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\!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,.truncate{overflow:hidden}.truncate{text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:0.25rem}.rounded-\\[32px\\]{border-radius:32px}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.rounded-b-lg{border-bottom-right-radius:0.5rem}.rounded-b-lg,.rounded-l-lg{border-bottom-left-radius:0.5rem}.rounded-l-lg,.rounded-t-lg{border-top-left-radius:0.5rem}.rounded-t-lg{border-top-right-radius:0.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-4{border-left-width:4px}.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-blue-950{--tw-border-opacity:1;border-color:rgb(29 78 216/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-green-900{--tw-border-opacity:1;border-color:rgb(21 128 61/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-red-900{--tw-border-opacity:1;border-color:rgb(190 24 93/var(--tw-border-opacity))}.border-soft-blue{--tw-border-opacity:1;border-color:rgb(84 101 251/var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.\\!bg-violet-100{--tw-bg-opacity:1!important;background-color:rgb(235 235 255/var(--tw-bg-opacity)) !important}.\\!bg-violet-150{--tw-bg-opacity:1!important;background-color:rgb(205 208 254/var(--tw-bg-opacity)) !important}.\\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity)) !important}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-blue-1000{--tw-bg-opacity:1;background-color:rgb(40 44 135/var(--tw-bg-opacity))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/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-red-50{--tw-bg-opacity:1;background-color:rgb(253 242 248/var(--tw-bg-opacity))}.bg-soft-blue{--tw-bg-opacity:1;background-color:rgb(84 101 251/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-violet-100{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.bg-violet-150{--tw-bg-opacity:1;background-color:rgb(205 208 254/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-yellow-1000{--tw-bg-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity))}.p-0{padding:0}.p-0\\.5{padding:0.125rem}.p-1{padding:0.25rem}.p-1\\.5{padding:0.375rem}.p-2{padding:0.5rem}.p-3{padding:0.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:0.25rem;padding-top:0.25rem}.py-1\\.5{padding-bottom:0.375rem;padding-top:0.375rem}.py-2{padding-bottom:0.5rem;padding-top:0.5rem}.py-\\[9px\\]{padding-bottom:9px;padding-top:9px}.\\!pr-11{padding-right:2.75rem !important}.pb-0{padding-bottom:0}.pb-10{padding-bottom:2.5rem}.pb-2{padding-bottom:0.5rem}.pb-3{padding-bottom:0.75rem}.pl-13\\.2{padding-left:3.125rem}.pl-24{padding-left:6rem}.pl-3{padding-left:0.75rem}.pl-4{padding-left:1rem}.pr-3{padding-right:0.75rem}.pr-4{padding-right:1rem}.pt-0{padding-top:0}.pt-0\\.5{padding-top:0.125rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-\\[15px\\]{padding-top:15px}.pt-\\[55px\\]{padding-top:55px}.text-left{text-align:left}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-\\[19px\\]{line-height:19px}.leading-\\[22px\\]{line-height:22px}.\\!text-gray-900{--tw-text-opacity:1!important;color:rgb(57 62 69/var(--tw-text-opacity)) !important}.text-blue-1000{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity))}.text-blue-950{--tw-text-opacity:1;color:rgb(29 78 216/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-green-900{--tw-text-opacity:1;color:rgb(21 128 61/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-red-900{--tw-text-opacity:1;color:rgb(190 24 93/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.opacity-5{opacity:0.05}.opacity-50{opacity:0.5}.shadow-\\[0_-12px_14px_-16px_\\#00000033\\]{--tw-shadow:0 -12px 14px -16px #00000033;--tw-shadow-colored:0 -12px 14px -16px var(--tw-shadow-color)}.shadow-\\[0_-12px_14px_-16px_\\#00000033\\],.shadow-md{box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)}.shadow-md{--tw-shadow:0px 2px 8px rgba(0,0,0,.2);--tw-shadow-colored:0px 2px 8px var(--tw-shadow-color)}.\\!outline-none{outline:2px solid transparent !important;outline-offset:2px !important}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur{--tw-blur:blur(8px)}.blur,.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\\:ml-0{margin-left:0}.md\\:mt-0{margin-top:0}.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-1\\/2{width:50%}.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\\:pl-13\\.2{padding-left:3.125rem}.md\\:pl-4{padding-left:1rem}.md\\:pr-4{padding-right:1rem}.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;
@@ -12239,12 +13734,12 @@
       }
     };
   }
-  function create_if_block_19(ctx) {
+  function create_if_block_110(ctx) {
     let current_block_type_index;
     let if_block;
     let if_block_anchor;
     let current;
-    const if_block_creators = [create_if_block_28, create_if_block_36, create_if_block_45, create_else_block5];
+    const if_block_creators = [create_if_block_29, create_if_block_36, create_if_block_45, create_else_block5];
     const if_blocks = [];
     function select_block_type_1(ctx2, dirty) {
       if (
@@ -12316,7 +13811,7 @@
       }
     };
   }
-  function create_if_block10(ctx) {
+  function create_if_block11(ctx) {
     let promptskeleton;
     let current;
     promptskeleton = new PromptSkeleton_default({});
@@ -12391,18 +13886,18 @@
         ),
         isPreviewMode: (
           /*isPreviewMode*/
-          ctx[7]
+          ctx[9]
         ),
         isPreviewModeInteractive: (
           /*isPreviewModeInteractive*/
-          ctx[6]
+          ctx[8]
         )
       }
     });
     promptcategorise.$on(
       "saveCategory",
       /*saveEvent*/
-      ctx[8]
+      ctx[10]
     );
     return {
       c() {
@@ -12466,10 +13961,18 @@
         ),
         isPreviewMode: (
           /*isPreviewMode*/
-          ctx[7]
+          ctx[9]
         ),
         isPreviewModeInteractive: (
           /*isPreviewModeInteractive*/
+          ctx[8]
+        ),
+        sessionId: (
+          /*sessionId*/
+          ctx[7]
+        ),
+        isPreviewCheckedAnswer: (
+          /*isPreviewCheckedAnswer*/
           ctx[6]
         )
       }
@@ -12477,7 +13980,7 @@
     prompttypein.$on(
       "saveAnswer",
       /*saveEvent*/
-      ctx[8]
+      ctx[10]
     );
     return {
       c() {
@@ -12505,6 +14008,10 @@
         32)
           prompttypein_changes.isResultCorrect = /*isResultCorrect*/
           ctx2[5];
+        if (dirty & /*isPreviewCheckedAnswer*/
+        64)
+          prompttypein_changes.isPreviewCheckedAnswer = /*isPreviewCheckedAnswer*/
+          ctx2[6];
         prompttypein.$set(prompttypein_changes);
       },
       i(local) {
@@ -12522,7 +14029,7 @@
       }
     };
   }
-  function create_if_block_28(ctx) {
+  function create_if_block_29(ctx) {
     let promptmcq;
     let current;
     promptmcq = new PromptMCQ_default({
@@ -12545,14 +14052,14 @@
         ),
         isPreviewModeInteractive: (
           /*isPreviewModeInteractive*/
-          ctx[6]
+          ctx[8]
         )
       }
     });
     promptmcq.$on(
       "saveOption",
       /*saveEvent*/
-      ctx[8]
+      ctx[10]
     );
     return {
       c() {
@@ -12597,7 +14104,7 @@
       }
     };
   }
-  function create_fragment26(ctx) {
+  function create_fragment28(ctx) {
     let current_block_type_index;
     let if_block;
     let t2;
@@ -12605,7 +14112,7 @@
     let link1;
     let link2;
     let current;
-    const if_block_creators = [create_if_block10, create_if_block_19, create_else_block_12];
+    const if_block_creators = [create_if_block11, create_if_block_110, create_else_block_12];
     const if_blocks = [];
     function select_block_type(ctx2, dirty) {
       if (
@@ -12689,7 +14196,7 @@
     };
   }
   var bannerLabel = "Invalid session id.";
-  function instance13($$self, $$props, $$invalidate) {
+  function instance14($$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);
@@ -12705,6 +14212,7 @@
     let isResultCorrect = false;
     let previewMcqCorrectAnswerId = null;
     let previewTypeinCorrectAnswers = [];
+    let isPreviewCheckedAnswer = false;
     const skipUserValidationStr = get_store_value(skipUserValidation) ? "?skip_user_validation=true" : "";
     const getSessionData = async (sessionId2) => {
       try {
@@ -12764,7 +14272,11 @@
               break;
             case INTERACTION_TYPE_TYPEIN:
             default:
-              scoringMetadata = { ...scoringMetadata, answer: answer[0] };
+              const { type } = metadata;
+              scoringMetadata = {
+                ...scoringMetadata,
+                answer: type === TYPEIN_TYPE_INLINE ? answer : answer[0]
+              };
           }
           $$invalidate(0, sessionData = { ...sessionData, scoringMetadata });
           $$invalidate(5, isResultCorrect = scoring.score_earned);
@@ -12799,7 +14311,7 @@
           const { correct_answer: correctAnswer, typein_type: typeinType } = data.interaction;
           scoringMetadata = {
             hasAnswer: true,
-            answer: typeinType === TYPEIN_TYPE_SHORT ? correctAnswer[0][0] : correctAnswer[0][0].answer[0]
+            answer: typeinType === TYPEIN_TYPE_SHORT ? correctAnswer[0][0] : typeinType === TYPEIN_TYPE_INLINE ? correctAnswer : correctAnswer[0][0].answer[0]
           };
           $$invalidate(0, sessionData = { ...sessionData, scoringMetadata });
           if (isPreviewModeInteractive) {
@@ -12827,7 +14339,23 @@
         answerList: correctAnswerList
       };
     };
-    const updatePreviewData = (data) => {
+    const checkLongTypeinAnswer = async (itemId2, answer) => {
+      let isCorrect = false;
+      try {
+        $$invalidate(2, isDataSaving = true);
+        $$invalidate(6, isPreviewCheckedAnswer = false);
+        const { data } = await usePost(`items/${itemId2}/answer/check`, { answer });
+        const { is_correct: resultIsCorrect } = data;
+        isCorrect = resultIsCorrect;
+      } catch (error) {
+        isCorrect = false;
+        $$invalidate(2, isDataSaving = false);
+      } finally {
+        $$invalidate(2, isDataSaving = false);
+      }
+      return isCorrect;
+    };
+    const updatePreviewData = async (data) => {
       const { scoringMetadata: metadata, interaction } = sessionData;
       let scoringMetadata;
       $$invalidate(4, isFinished = true);
@@ -12840,7 +14368,7 @@
           return;
         case INTERACTION_TYPE_TYPEIN:
         default:
-          const { allow_non_macrons_as_correct_answer: allowNonMacrons, ignore_punctuation: ignorePunctuation } = interaction;
+          const { allow_non_macrons_as_correct_answer: allowNonMacrons, ignore_punctuation: ignorePunctuation, typein_type: typeinType } = interaction;
           const { answer } = data;
           let typeinAnswer = answer[0];
           scoringMetadata = { ...metadata, answer: typeinAnswer };
@@ -12851,13 +14379,20 @@
           if (ignorePunctuation) {
             typeinAnswer = useRemovePunctuation(typeinAnswer);
           }
-          $$invalidate(5, isResultCorrect = previewTypeinCorrectAnswers.includes(typeinAnswer.toLowerCase().trim().replace(/\s+/g, " ")));
+          if (typeinType === TYPEIN_TYPE_LONG) {
+            $$invalidate(4, isFinished = false);
+            $$invalidate(5, isResultCorrect = await checkLongTypeinAnswer(itemId, typeinAnswer));
+            $$invalidate(6, isPreviewCheckedAnswer = true);
+            $$invalidate(4, isFinished = true);
+          } else {
+            $$invalidate(5, isResultCorrect = previewTypeinCorrectAnswers.includes(typeinAnswer.toLowerCase().trim().replace(/\s+/g, " ")));
+          }
           return;
       }
     };
     const saveEvent = async ({ detail }) => {
       if (isPreviewModeInteractive && isPreviewMode) {
-        updatePreviewData(detail);
+        await updatePreviewData(detail);
       }
       if (isLocked || isFinished)
         return;
@@ -12883,7 +14418,7 @@
       getSessionData(sessionId);
     }
     $$self.$$set = ($$new_props) => {
-      $$invalidate(27, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
+      $$invalidate(29, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
     };
     $$props = exclude_internal_props($$props);
     return [
@@ -12893,6 +14428,8 @@
       interactionType,
       isFinished,
       isResultCorrect,
+      isPreviewCheckedAnswer,
+      sessionId,
       isPreviewModeInteractive,
       isPreviewMode,
       saveEvent
@@ -12901,7 +14438,7 @@
   var PromptBuilder = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance13, create_fragment26, safe_not_equal, {}, add_css2);
+      init(this, options, instance14, create_fragment28, safe_not_equal, {}, add_css2);
     }
   };
   customElements.define("prompt-builder", create_custom_element(PromptBuilder, {}, [], [], true));