eat-js-sdk 1.0.29 → 1.0.31

package/dist/eat-prompt-builder.mjs

@@ -727,7 +727,7 @@
     }
     component.$$.dirty[i / 31 | 0] |= 1 << i % 31;
   }
-  function init(component, options, instance21, create_fragment34, not_equal, props, append_styles2 = null, dirty = [-1]) {
+  function init(component, options, instance19, create_fragment32, not_equal, props, append_styles2 = null, dirty = [-1]) {
     const parent_component = current_component;
     set_current_component(component);
     const $$ = component.$$ = {
@@ -753,7 +753,7 @@
     };
     append_styles2 && append_styles2($$.root);
     let ready = false;
-    $$.ctx = instance21 ? instance21(component, options.props || {}, (i, ret, ...rest) => {
+    $$.ctx = instance19 ? instance19(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])
@@ -766,7 +766,7 @@
     $$.update();
     ready = true;
     run_all($$.before_update);
-    $$.fragment = create_fragment34 ? create_fragment34($$.ctx) : false;
+    $$.fragment = create_fragment32 ? create_fragment32($$.ctx) : false;
     if (options.target) {
       if (options.hydrate) {
         start_hydrating();
@@ -2858,7 +2858,7 @@
   create_custom_element(InfoSolid, {}, [], [], true);
   var InfoSolid_default = InfoSolid;
 
-  // src/lib/components/prompt/template/PromptResultFeedbackv2.svelte
+  // src/lib/components/prompt/template/PromptResultFeedbackAlert.svelte
   function create_if_block4(ctx) {
     let div1;
     let t0;
@@ -2866,20 +2866,28 @@
     let t1;
     let t2;
     let span;
-    let t3;
+    let commonstringtohtml;
     let div1_role_value;
     let div1_class_value;
     let current;
     let if_block0 = (
       /*hasIcon*/
-      ctx[4] && create_if_block_32(ctx)
+      ctx[0] && create_if_block_32(ctx)
     );
     let if_block1 = !/*isFeedbackAlert*/
-    ctx[5] && create_if_block_23(ctx);
+    ctx[1] && create_if_block_23(ctx);
     let if_block2 = (
-      /*resultFeedbackTitle*/
-      ctx[1] && create_if_block_13(ctx)
+      /*displayedResultFeedbackTitle*/
+      ctx[5] && create_if_block_13(ctx)
     );
+    commonstringtohtml = new CommonStringToHtml_default({
+      props: {
+        htmlString: (
+          /*displayedResultFeedback*/
+          ctx[4]
+        )
+      }
+    });
     return {
       c() {
         div1 = element("div");
@@ -2894,12 +2902,9 @@
           if_block2.c();
         t2 = space();
         span = element("span");
-        t3 = text(
-          /*resultFeedback*/
-          ctx[0]
-        );
+        create_component(commonstringtohtml.$$.fragment);
         attr(div1, "role", div1_role_value = /*isFeedbackAlert*/
-        ctx[5] ? "alert" : null);
+        ctx[1] ? "alert" : null);
         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*/
@@ -2919,18 +2924,18 @@
           if_block2.m(div0, null);
         append(div0, t2);
         append(div0, span);
-        append(span, t3);
+        mount_component(commonstringtohtml, span, null);
         current = true;
       },
       p(ctx2, dirty) {
         if (
           /*hasIcon*/
-          ctx2[4]
+          ctx2[0]
         ) {
           if (if_block0) {
             if_block0.p(ctx2, dirty);
             if (dirty & /*hasIcon*/
-            16) {
+            1) {
               transition_in(if_block0, 1);
             }
           } else {
@@ -2947,7 +2952,7 @@
           check_outros();
         }
         if (!/*isFeedbackAlert*/
-        ctx2[5]) {
+        ctx2[1]) {
           if (if_block1) {
           } else {
             if_block1 = create_if_block_23(ctx2);
@@ -2959,8 +2964,8 @@
           if_block1 = null;
         }
         if (
-          /*resultFeedbackTitle*/
-          ctx2[1]
+          /*displayedResultFeedbackTitle*/
+          ctx2[5]
         ) {
           if (if_block2) {
             if_block2.p(ctx2, dirty);
@@ -2973,16 +2978,15 @@
           if_block2.d(1);
           if_block2 = null;
         }
-        if (!current || dirty & /*resultFeedback*/
-        1)
-          set_data(
-            t3,
-            /*resultFeedback*/
-            ctx2[0]
-          );
+        const commonstringtohtml_changes = {};
+        if (dirty & /*displayedResultFeedback*/
+        16)
+          commonstringtohtml_changes.htmlString = /*displayedResultFeedback*/
+          ctx2[4];
+        commonstringtohtml.$set(commonstringtohtml_changes);
         if (!current || dirty & /*isFeedbackAlert*/
-        32 && div1_role_value !== (div1_role_value = /*isFeedbackAlert*/
-        ctx2[5] ? "alert" : null)) {
+        2 && div1_role_value !== (div1_role_value = /*isFeedbackAlert*/
+        ctx2[1] ? "alert" : null)) {
           attr(div1, "role", div1_role_value);
         }
         if (!current || dirty & /*isSkipped, isResultCorrect*/
@@ -2998,10 +3002,12 @@
         if (current)
           return;
         transition_in(if_block0);
+        transition_in(commonstringtohtml.$$.fragment, local);
         current = true;
       },
       o(local) {
         transition_out(if_block0);
+        transition_out(commonstringtohtml.$$.fragment, local);
         current = false;
       },
       d(detaching) {
@@ -3014,6 +3020,7 @@
           if_block1.d();
         if (if_block2)
           if_block2.d();
+        destroy_component(commonstringtohtml);
       }
     };
   }
@@ -3092,8 +3099,8 @@
       c() {
         span = element("span");
         t2 = text(
-          /*resultFeedbackTitle*/
-          ctx[1]
+          /*displayedResultFeedbackTitle*/
+          ctx[5]
         );
         attr(span, "class", "block mb-1 font-semibold");
       },
@@ -3102,12 +3109,12 @@
         append(span, t2);
       },
       p(ctx2, dirty) {
-        if (dirty & /*resultFeedbackTitle*/
-        2)
+        if (dirty & /*displayedResultFeedbackTitle*/
+        32)
           set_data(
             t2,
-            /*resultFeedbackTitle*/
-            ctx2[1]
+            /*displayedResultFeedbackTitle*/
+            ctx2[5]
           );
       },
       d(detaching) {
@@ -3121,8 +3128,8 @@
     let if_block_anchor;
     let current;
     let if_block = (
-      /*resultFeedback*/
-      ctx[0] && create_if_block4(ctx)
+      /*displayedResultFeedback*/
+      ctx[4] && create_if_block4(ctx)
     );
     return {
       c() {
@@ -3138,13 +3145,13 @@
       },
       p(ctx2, [dirty]) {
         if (
-          /*resultFeedback*/
-          ctx2[0]
+          /*displayedResultFeedback*/
+          ctx2[4]
         ) {
           if (if_block) {
             if_block.p(ctx2, dirty);
-            if (dirty & /*resultFeedback*/
-            1) {
+            if (dirty & /*displayedResultFeedback*/
+            16) {
               transition_in(if_block, 1);
             }
           } else {
@@ -3181,69 +3188,75 @@
     };
   }
   function instance4($$self, $$props, $$invalidate) {
-    let { resultFeedback = null } = $$props;
-    let { resultFeedbackTitle = null } = $$props;
-    let { isResultCorrect = true } = $$props;
-    let { isSkipped = false } = $$props;
+    let displayedResultFeedbackTitle;
+    let displayedResultFeedback;
     let { hasIcon = false } = $$props;
     let { isFeedbackAlert = true } = $$props;
+    let { isResultCorrect = true } = $$props;
+    let { isSkipped = false } = $$props;
+    let { resultFeedback = null } = $$props;
+    let { resultFeedbackTitle = null } = $$props;
     $$self.$$set = ($$props2) => {
-      if ("resultFeedback" in $$props2)
-        $$invalidate(0, resultFeedback = $$props2.resultFeedback);
-      if ("resultFeedbackTitle" in $$props2)
-        $$invalidate(1, resultFeedbackTitle = $$props2.resultFeedbackTitle);
+      if ("hasIcon" in $$props2)
+        $$invalidate(0, hasIcon = $$props2.hasIcon);
+      if ("isFeedbackAlert" in $$props2)
+        $$invalidate(1, isFeedbackAlert = $$props2.isFeedbackAlert);
       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);
-      if ("isFeedbackAlert" in $$props2)
-        $$invalidate(5, isFeedbackAlert = $$props2.isFeedbackAlert);
+      if ("resultFeedback" in $$props2)
+        $$invalidate(6, resultFeedback = $$props2.resultFeedback);
+      if ("resultFeedbackTitle" in $$props2)
+        $$invalidate(7, resultFeedbackTitle = $$props2.resultFeedbackTitle);
     };
     $$self.$$.update = () => {
-      if ($$self.$$.dirty & /*isSkipped*/
-      8) {
+      if ($$self.$$.dirty & /*isSkipped, resultFeedbackTitle*/
+      136) {
         $:
-          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.");
-          }
+          $$invalidate(5, displayedResultFeedbackTitle = isSkipped ? "No answer was provided" : resultFeedbackTitle);
+      }
+      if ($$self.$$.dirty & /*isSkipped, resultFeedback*/
+      72) {
+        $:
+          $$invalidate(4, displayedResultFeedback = isSkipped ? "It may be that the student struggled with this question or mistakenly skipped this question." : resultFeedback);
       }
     };
     return [
-      resultFeedback,
-      resultFeedbackTitle,
+      hasIcon,
+      isFeedbackAlert,
       isResultCorrect,
       isSkipped,
-      hasIcon,
-      isFeedbackAlert
+      displayedResultFeedback,
+      displayedResultFeedbackTitle,
+      resultFeedback,
+      resultFeedbackTitle
     ];
   }
-  var PromptResultFeedbackv2 = class extends SvelteComponent {
+  var PromptResultFeedbackAlert = class extends SvelteComponent {
     constructor(options) {
       super();
       init(this, options, instance4, create_fragment5, safe_not_equal, {
-        resultFeedback: 0,
-        resultFeedbackTitle: 1,
+        hasIcon: 0,
+        isFeedbackAlert: 1,
         isResultCorrect: 2,
         isSkipped: 3,
-        hasIcon: 4,
-        isFeedbackAlert: 5
+        resultFeedback: 6,
+        resultFeedbackTitle: 7
       });
     }
-    get resultFeedback() {
+    get hasIcon() {
       return this.$$.ctx[0];
     }
-    set resultFeedback(resultFeedback) {
-      this.$$set({ resultFeedback });
+    set hasIcon(hasIcon) {
+      this.$$set({ hasIcon });
       flush();
     }
-    get resultFeedbackTitle() {
+    get isFeedbackAlert() {
       return this.$$.ctx[1];
     }
-    set resultFeedbackTitle(resultFeedbackTitle) {
-      this.$$set({ resultFeedbackTitle });
+    set isFeedbackAlert(isFeedbackAlert) {
+      this.$$set({ isFeedbackAlert });
       flush();
     }
     get isResultCorrect() {
@@ -3260,23 +3273,23 @@
       this.$$set({ isSkipped });
       flush();
     }
-    get hasIcon() {
-      return this.$$.ctx[4];
+    get resultFeedback() {
+      return this.$$.ctx[6];
     }
-    set hasIcon(hasIcon) {
-      this.$$set({ hasIcon });
+    set resultFeedback(resultFeedback) {
+      this.$$set({ resultFeedback });
       flush();
     }
-    get isFeedbackAlert() {
-      return this.$$.ctx[5];
+    get resultFeedbackTitle() {
+      return this.$$.ctx[7];
     }
-    set isFeedbackAlert(isFeedbackAlert) {
-      this.$$set({ isFeedbackAlert });
+    set resultFeedbackTitle(resultFeedbackTitle) {
+      this.$$set({ resultFeedbackTitle });
       flush();
     }
   };
-  customElements.define("prompt-result-feedbackv2", create_custom_element(PromptResultFeedbackv2, { "resultFeedback": {}, "resultFeedbackTitle": {}, "isResultCorrect": { "type": "Boolean" }, "isSkipped": { "type": "Boolean" }, "hasIcon": { "type": "Boolean" }, "isFeedbackAlert": { "type": "Boolean" } }, [], [], true));
-  var PromptResultFeedbackv2_default = PromptResultFeedbackv2;
+  customElements.define("prompt-result-feedbackv3", create_custom_element(PromptResultFeedbackAlert, { "hasIcon": { "type": "Boolean" }, "isFeedbackAlert": { "type": "Boolean" }, "isResultCorrect": { "type": "Boolean" }, "isSkipped": { "type": "Boolean" }, "resultFeedback": {}, "resultFeedbackTitle": {} }, [], [], true));
+  var PromptResultFeedbackAlert_default = PromptResultFeedbackAlert;
 
   // src/lib/composables/useMCQ.ts
   var useAlphabetEquivalent = (index) => {
@@ -3483,19 +3496,15 @@
   // src/lib/components/prompt/mcq/PromptMCQ.svelte
   function get_each_context(ctx, list, i) {
     const child_ctx = ctx.slice();
-    child_ctx[27] = list[i];
-    child_ctx[29] = i;
+    child_ctx[29] = list[i];
+    child_ctx[31] = i;
     return child_ctx;
   }
   function create_if_block_82(ctx) {
     let promptresult;
     let current;
-    promptresult = new PromptResultFeedbackv2_default({
+    promptresult = new PromptResultFeedbackAlert_default({
       props: {
-        isSkipped: (
-          /*isSkipped*/
-          ctx[14]()
-        ),
         hasIcon: true,
         isFeedbackAlert: (
           /*isPreviewModeInteractive*/
@@ -3504,18 +3513,21 @@
         isResultCorrect: (
           /*selectedOptions*/
           ctx[4].length === /*correctAnswersLength*/
-          ctx[6] && /*isResultCorrect*/
+          ctx[5] && /*isResultCorrect*/
           ctx[13](
             /*selectedOptions*/
             ctx[4],
             /*correctAnswerIds*/
-            ctx[7]
+            ctx[6]
           )
         ),
-        resultFeedbackTitle: "Why they got it wrong",
+        isSkipped: (
+          /*isSkipped*/
+          ctx[14]()
+        ),
         resultFeedback: (
           /*resultFeedback*/
-          ctx[5]
+          ctx[7]
         )
       }
     });
@@ -3529,25 +3541,25 @@
       },
       p(ctx2, dirty) {
         const promptresult_changes = {};
-        if (dirty & /*isPreviewModeInteractive*/
+        if (dirty[0] & /*isPreviewModeInteractive*/
         8)
           promptresult_changes.isFeedbackAlert = /*isPreviewModeInteractive*/
           ctx2[3] ? false : true;
-        if (dirty & /*selectedOptions, correctAnswersLength, correctAnswerIds*/
-        208)
+        if (dirty[0] & /*selectedOptions, correctAnswersLength, correctAnswerIds*/
+        112)
           promptresult_changes.isResultCorrect = /*selectedOptions*/
           ctx2[4].length === /*correctAnswersLength*/
-          ctx2[6] && /*isResultCorrect*/
+          ctx2[5] && /*isResultCorrect*/
           ctx2[13](
             /*selectedOptions*/
             ctx2[4],
             /*correctAnswerIds*/
-            ctx2[7]
+            ctx2[6]
           );
-        if (dirty & /*resultFeedback*/
-        32)
+        if (dirty[0] & /*resultFeedback*/
+        128)
           promptresult_changes.resultFeedback = /*resultFeedback*/
-          ctx2[5];
+          ctx2[7];
         promptresult.$set(promptresult_changes);
       },
       i(local) {
@@ -3606,13 +3618,13 @@
         current = true;
       },
       p(ctx2, dirty) {
-        if (!current || dirty & /*isDataSaving*/
+        if (!current || dirty[0] & /*isDataSaving*/
         1 && div0_class_value !== (div0_class_value = /*isDataSaving*/
         ctx2[0] ? "absolute inset-0 bg-transparent z-50" : "")) {
           attr(div0, "class", div0_class_value);
         }
-        if (dirty & /*correctAnswersLength, selectedOptions, Object, options, isFinished, isPreviewModeInteractive, isPreviewMode, correctAnswerIds, handleOptionClick*/
-        37086) {
+        if (dirty[0] & /*correctAnswersLength, selectedOptions, options, isFinished, isPreviewModeInteractive, isPreviewMode, correctAnswerIds, handleOptionClick*/
+        36990) {
           each_value = ensure_array_like(Object.values(
             /*options*/
             ctx2[12]
@@ -3681,7 +3693,7 @@
         append(p, t2);
       },
       p(ctx2, dirty) {
-        if (dirty & /*isPreviewModeInteractive, isPreviewMode*/
+        if (dirty[0] & /*isPreviewModeInteractive, isPreviewMode*/
         12 && t_value !== (t_value = /*isPreviewModeInteractive*/
         ctx2[3] ? "Your answer:" : (
           /*isPreviewMode*/
@@ -3759,14 +3771,14 @@
     const if_block_creators = [create_if_block_42, create_else_block];
     const if_blocks = [];
     function select_block_type(ctx2, dirty) {
-      if (dirty & /*correctAnswerIds, isPreviewMode, isPreviewModeInteractive*/
-      140)
+      if (dirty[0] & /*correctAnswerIds, isPreviewMode, isPreviewModeInteractive*/
+      76)
         show_if = null;
       if (show_if == null)
         show_if = !!/*correctAnswerIds*/
-        (ctx2[7]?.includes(
+        (ctx2[6]?.includes(
           /*option*/
-          ctx2[27].id
+          ctx2[29].id
         ) || /*isPreviewMode*/
         ctx2[2] && !/*isPreviewModeInteractive*/
         ctx2[3]);
@@ -3774,7 +3786,7 @@
         return 0;
       return 1;
     }
-    current_block_type_index = select_block_type(ctx, -1);
+    current_block_type_index = select_block_type(ctx, [-1, -1]);
     if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
     return {
       c() {
@@ -3782,9 +3794,9 @@
         if_block.c();
         attr(span, "aria-hidden", "true");
         attr(span, "class", span_class_value = /*correctAnswerIds*/
-        (ctx[7]?.includes(
+        (ctx[6]?.includes(
           /*option*/
-          ctx[27].id
+          ctx[29].id
         ) || /*isPreviewMode*/
         ctx[2] && !/*isPreviewModeInteractive*/
         ctx[3] ? "text-green-900" : "text-red-900") + " p-0.5");
@@ -3812,11 +3824,11 @@
           transition_in(if_block, 1);
           if_block.m(span, null);
         }
-        if (!current || dirty & /*correctAnswerIds, isPreviewMode, isPreviewModeInteractive*/
-        140 && span_class_value !== (span_class_value = /*correctAnswerIds*/
-        (ctx2[7]?.includes(
+        if (!current || dirty[0] & /*correctAnswerIds, isPreviewMode, isPreviewModeInteractive*/
+        76 && span_class_value !== (span_class_value = /*correctAnswerIds*/
+        (ctx2[6]?.includes(
           /*option*/
-          ctx2[27].id
+          ctx2[29].id
         ) || /*isPreviewMode*/
         ctx2[2] && !/*isPreviewModeInteractive*/
         ctx2[3] ? "text-green-900" : "text-red-900") + " p-0.5")) {
@@ -3901,7 +3913,7 @@
       /*selectedOptions*/
       ctx[4].includes(
         /*option*/
-        ctx[27].id
+        ctx[29].id
       )
     );
     let span_class_value;
@@ -3915,7 +3927,7 @@
         attr(span, "class", span_class_value = "custom-checkbox " + /*selectedOptions*/
         (ctx[4].includes(
           /*option*/
-          ctx[27].id
+          ctx[29].id
         ) ? "border-soft-blue" : "border-gray-850") + " " + /*isPreviewMode*/
         (ctx[2] && !/*isPreviewModeInteractive*/
         ctx[3] || /*isFinished*/
@@ -3929,16 +3941,16 @@
         current = true;
       },
       p(ctx2, dirty) {
-        if (dirty & /*selectedOptions*/
+        if (dirty[0] & /*selectedOptions*/
         16)
           show_if = /*selectedOptions*/
           ctx2[4].includes(
             /*option*/
-            ctx2[27].id
+            ctx2[29].id
           );
         if (show_if) {
           if (if_block) {
-            if (dirty & /*selectedOptions*/
+            if (dirty[0] & /*selectedOptions*/
             16) {
               transition_in(if_block, 1);
             }
@@ -3955,11 +3967,11 @@
           });
           check_outros();
         }
-        if (!current || dirty & /*selectedOptions, isPreviewMode, isPreviewModeInteractive, isFinished*/
+        if (!current || dirty[0] & /*selectedOptions, isPreviewMode, isPreviewModeInteractive, isFinished*/
         30 && span_class_value !== (span_class_value = "custom-checkbox " + /*selectedOptions*/
         (ctx2[4].includes(
           /*option*/
-          ctx2[27].id
+          ctx2[29].id
         ) ? "border-soft-blue" : "border-gray-850") + " " + /*isPreviewMode*/
         (ctx2[2] && !/*isPreviewModeInteractive*/
         ctx2[3] || /*isFinished*/
@@ -4027,9 +4039,9 @@
       ctx[1] && /*selectedOptions*/
       ctx[4].includes(
         /*option*/
-        ctx[27].id
+        ctx[29].id
       ) && /*correctAnswersLength*/
-      ctx[6] == 1
+      ctx[5] == 1
     );
     let t0;
     let button;
@@ -4041,19 +4053,19 @@
     let show_if_3 = (
       /*isFinished*/
       ctx[1] && /*correctAnswerIds*/
-      ctx[7]?.includes(
+      ctx[6]?.includes(
         /*option*/
-        ctx[27].id
+        ctx[29].id
       ) && (!/*selectedOptions*/
       ctx[4].includes(
         /*option*/
-        ctx[27].id
+        ctx[29].id
       ) || !/*selectedOptions*/
       ctx[4].length) && (!/*isPreviewModeInteractive*/
       ctx[3] || /*isPreviewModeInteractive*/
       ctx[3] && /*selectedOptions*/
       ctx[4].length === /*correctAnswersLength*/
-      ctx[6])
+      ctx[5])
     );
     let t3;
     let commonstringtohtml;
@@ -4062,46 +4074,46 @@
     let show_if_2 = (
       /*isFinished*/
       ctx[1] && /*correctAnswerIds*/
-      ctx[7]?.includes(
+      ctx[6]?.includes(
         /*option*/
-        ctx[27].id
+        ctx[29].id
       ) && !/*selectedOptions*/
       ctx[4].includes(
         /*option*/
-        ctx[27].id
+        ctx[29].id
       ) && (!/*isPreviewModeInteractive*/
       ctx[3] || /*isPreviewModeInteractive*/
       ctx[3] && /*selectedOptions*/
       ctx[4].length === /*correctAnswersLength*/
-      ctx[6])
+      ctx[5])
     );
     let t5;
     let show_if_1 = (
       /*selectedOptions*/
       ctx[4].includes(
         /*option*/
-        ctx[27].id
+        ctx[29].id
       ) && /*isFinished*/
       (ctx[1] && !/*isPreviewModeInteractive*/
       ctx[3] || /*isPreviewModeInteractive*/
       ctx[3] && /*selectedOptions*/
       ctx[4].length === /*correctAnswersLength*/
-      ctx[6])
+      ctx[5])
     );
     let t6;
     let show_if = (
       /*correctAnswersLength*/
-      ctx[6] > 1 && (!/*isFinished*/
+      ctx[5] > 1 && (!/*isFinished*/
       ctx[1] && !/*isPreviewModeInteractive*/
       ctx[3] || /*isFinished*/
       ctx[1] && !/*selectedOptions*/
       ctx[4].includes(
         /*option*/
-        ctx[27].id
+        ctx[29].id
       ) && !/*correctAnswerIds*/
-      ctx[7].includes(
+      ctx[6].includes(
         /*option*/
-        ctx[27].id
+        ctx[29].id
       ) || /*isPreviewModeInteractive*/
       ctx[3])
     );
@@ -4122,7 +4134,7 @@
         otherClass: "",
         htmlString: (
           /*option*/
-          ctx[27].answer
+          ctx[29].answer
         )
       }
     });
@@ -4132,18 +4144,18 @@
     function func() {
       return (
         /*func*/
-        ctx[17](
+        ctx[18](
           /*option*/
-          ctx[27]
+          ctx[29]
         )
       );
     }
     function click_handler() {
       return (
         /*click_handler*/
-        ctx[18](
+        ctx[19](
           /*option*/
-          ctx[27]
+          ctx[29]
         )
       );
     }
@@ -4158,7 +4170,7 @@
         span0 = element("span");
         span0.textContent = `${useMCQ_default(
           /*index*/
-          ctx[29]
+          ctx[31]
         )}`;
         t2 = space();
         span1 = element("span");
@@ -4183,15 +4195,15 @@
         attr(span3, "class", "flex items-center");
         attr(span4, "class", "grow flex items-center justify-between");
         attr(button, "role", button_role_value = /*correctAnswersLength*/
-        ctx[6] > 1 ? "checkbox" : null);
+        ctx[5] > 1 ? "checkbox" : null);
         attr(button, "tabindex", button_tabindex_value = /*correctAnswersLength*/
-        ctx[6] > 1 ? 0 : null);
+        ctx[5] > 1 ? 0 : null);
         attr(button, "aria-checked", button_aria_checked_value = /*correctAnswersLength*/
-        ctx[6] > 1 ? (
+        ctx[5] > 1 ? (
           /*selectedOptions*/
           ctx[4].includes(
             /*option*/
-            ctx[27].id
+            ctx[29].id
           )
         ) : null);
         attr(button, "aria-disabled", button_aria_disabled_value = /*isFinished*/
@@ -4202,56 +4214,56 @@
         ctx[3]) && /*selectedOptions*/
         ctx[4].includes(
           /*option*/
-          ctx[27].id
+          ctx[29].id
         ) ? "Selected " : ""}${`Option ${useMCQ_default(
           /*index*/
-          ctx[29]
+          ctx[31]
         )}`}: ${useRemoveRichTextHtmlTags(
           /*option*/
-          ctx[27].answer
+          ctx[29].answer
         )} ${func()}`);
         attr(button, "class", button_class_value = "group text-left btn-mcq-option " + (!/*isFinished*/
         ctx[1] || /*isPreviewModeInteractive*/
         ctx[3] ? "active:raw-focus-ring-by" : "finished") + " " + /*selectedOptions*/
         (ctx[4].includes(
           /*option*/
-          ctx[27].id
+          ctx[29].id
         ) ? "selected" : "") + " " + /*isFinished*/
         (ctx[1] && /*correctAnswerIds*/
-        ctx[7]?.includes(
+        ctx[6]?.includes(
           /*option*/
-          ctx[27].id
+          ctx[29].id
         ) && (!/*selectedOptions*/
         ctx[4].includes(
           /*option*/
-          ctx[27].id
+          ctx[29].id
         ) || !/*selectedOptions*/
         ctx[4].length) && (!/*isPreviewModeInteractive*/
         ctx[3] || /*isPreviewModeInteractive*/
         ctx[3] && /*selectedOptions*/
         ctx[4].length === /*correctAnswersLength*/
-        ctx[6]) ? "missing" : "") + " " + /*isFinished*/
+        ctx[5]) ? "missing" : "") + " " + /*isFinished*/
         ((ctx[1] && !/*isPreviewModeInteractive*/
         ctx[3] || /*isPreviewModeInteractive*/
         ctx[3] && /*selectedOptions*/
         ctx[4].length === /*correctAnswersLength*/
-        ctx[6] || /*isPreviewMode*/
+        ctx[5] || /*isPreviewMode*/
         ctx[2] && !/*isPreviewModeInteractive*/
         ctx[3] && /*selectedOptions*/
         ctx[4].includes(
           /*option*/
-          ctx[27].id
+          ctx[29].id
         )) && /*correctAnswerIds*/
-        ctx[7].includes(
+        ctx[6].includes(
           /*option*/
-          ctx[27].id
+          ctx[29].id
         ) ? "correct" : (
           /*isFinished*/
           ctx[1] && !/*isPreviewModeInteractive*/
           ctx[3] || /*isPreviewModeInteractive*/
           ctx[3] && /*selectedOptions*/
           ctx[4].length === /*correctAnswersLength*/
-          ctx[6] ? "incorrect" : ""
+          ctx[5] ? "incorrect" : ""
         )) + " " + /*isPreviewModeInteractive*/
         (ctx[3] ? "interactive" : ""));
       },
@@ -4288,15 +4300,15 @@
       },
       p(new_ctx, dirty) {
         ctx = new_ctx;
-        if (dirty & /*isFinished, selectedOptions, correctAnswersLength*/
-        82)
+        if (dirty[0] & /*isFinished, selectedOptions, correctAnswersLength*/
+        50)
           show_if_4 = /*isFinished*/
           ctx[1] && /*selectedOptions*/
           ctx[4].includes(
             /*option*/
-            ctx[27].id
+            ctx[29].id
           ) && /*correctAnswersLength*/
-          ctx[6] == 1;
+          ctx[5] == 1;
         if (show_if_4) {
           if (if_block0) {
             if_block0.p(ctx, dirty);
@@ -4309,23 +4321,23 @@
           if_block0.d(1);
           if_block0 = null;
         }
-        if (dirty & /*isFinished, correctAnswerIds, selectedOptions, isPreviewModeInteractive, correctAnswersLength*/
-        218)
+        if (dirty[0] & /*isFinished, correctAnswerIds, selectedOptions, isPreviewModeInteractive, correctAnswersLength*/
+        122)
           show_if_3 = /*isFinished*/
           ctx[1] && /*correctAnswerIds*/
-          ctx[7]?.includes(
+          ctx[6]?.includes(
             /*option*/
-            ctx[27].id
+            ctx[29].id
           ) && (!/*selectedOptions*/
           ctx[4].includes(
             /*option*/
-            ctx[27].id
+            ctx[29].id
           ) || !/*selectedOptions*/
           ctx[4].length) && (!/*isPreviewModeInteractive*/
           ctx[3] || /*isPreviewModeInteractive*/
           ctx[3] && /*selectedOptions*/
           ctx[4].length === /*correctAnswersLength*/
-          ctx[6]);
+          ctx[5]);
         if (show_if_3) {
           if (if_block1) {
           } else {
@@ -4337,26 +4349,26 @@
           if_block1.d(1);
           if_block1 = null;
         }
-        if (dirty & /*isFinished, correctAnswerIds, selectedOptions, isPreviewModeInteractive, correctAnswersLength*/
-        218)
+        if (dirty[0] & /*isFinished, correctAnswerIds, selectedOptions, isPreviewModeInteractive, correctAnswersLength*/
+        122)
           show_if_2 = /*isFinished*/
           ctx[1] && /*correctAnswerIds*/
-          ctx[7]?.includes(
+          ctx[6]?.includes(
             /*option*/
-            ctx[27].id
+            ctx[29].id
           ) && !/*selectedOptions*/
           ctx[4].includes(
             /*option*/
-            ctx[27].id
+            ctx[29].id
           ) && (!/*isPreviewModeInteractive*/
           ctx[3] || /*isPreviewModeInteractive*/
           ctx[3] && /*selectedOptions*/
           ctx[4].length === /*correctAnswersLength*/
-          ctx[6]);
+          ctx[5]);
         if (show_if_2) {
           if (if_block2) {
-            if (dirty & /*isFinished, correctAnswerIds, selectedOptions, isPreviewModeInteractive, correctAnswersLength*/
-            218) {
+            if (dirty[0] & /*isFinished, correctAnswerIds, selectedOptions, isPreviewModeInteractive, correctAnswersLength*/
+            122) {
               transition_in(if_block2, 1);
             }
           } else {
@@ -4372,23 +4384,23 @@
           });
           check_outros();
         }
-        if (dirty & /*selectedOptions, isFinished, isPreviewModeInteractive, correctAnswersLength*/
-        90)
+        if (dirty[0] & /*selectedOptions, isFinished, isPreviewModeInteractive, correctAnswersLength*/
+        58)
           show_if_1 = /*selectedOptions*/
           ctx[4].includes(
             /*option*/
-            ctx[27].id
+            ctx[29].id
           ) && /*isFinished*/
           (ctx[1] && !/*isPreviewModeInteractive*/
           ctx[3] || /*isPreviewModeInteractive*/
           ctx[3] && /*selectedOptions*/
           ctx[4].length === /*correctAnswersLength*/
-          ctx[6]);
+          ctx[5]);
         if (show_if_1) {
           if (if_block3) {
             if_block3.p(ctx, dirty);
-            if (dirty & /*selectedOptions, isFinished, isPreviewModeInteractive, correctAnswersLength*/
-            90) {
+            if (dirty[0] & /*selectedOptions, isFinished, isPreviewModeInteractive, correctAnswersLength*/
+            58) {
               transition_in(if_block3, 1);
             }
           } else {
@@ -4404,27 +4416,27 @@
           });
           check_outros();
         }
-        if (dirty & /*correctAnswersLength, isFinished, isPreviewModeInteractive, selectedOptions, correctAnswerIds*/
-        218)
+        if (dirty[0] & /*correctAnswersLength, isFinished, isPreviewModeInteractive, selectedOptions, correctAnswerIds*/
+        122)
           show_if = /*correctAnswersLength*/
-          ctx[6] > 1 && (!/*isFinished*/
+          ctx[5] > 1 && (!/*isFinished*/
           ctx[1] && !/*isPreviewModeInteractive*/
           ctx[3] || /*isFinished*/
           ctx[1] && !/*selectedOptions*/
           ctx[4].includes(
             /*option*/
-            ctx[27].id
+            ctx[29].id
           ) && !/*correctAnswerIds*/
-          ctx[7].includes(
+          ctx[6].includes(
             /*option*/
-            ctx[27].id
+            ctx[29].id
           ) || /*isPreviewModeInteractive*/
           ctx[3]);
         if (show_if) {
           if (if_block4) {
             if_block4.p(ctx, dirty);
-            if (dirty & /*correctAnswersLength, isFinished, isPreviewModeInteractive, selectedOptions, correctAnswerIds*/
-            218) {
+            if (dirty[0] & /*correctAnswersLength, isFinished, isPreviewModeInteractive, selectedOptions, correctAnswerIds*/
+            122) {
               transition_in(if_block4, 1);
             }
           } else {
@@ -4440,92 +4452,92 @@
           });
           check_outros();
         }
-        if (!current || dirty & /*correctAnswersLength*/
-        64 && button_role_value !== (button_role_value = /*correctAnswersLength*/
-        ctx[6] > 1 ? "checkbox" : null)) {
+        if (!current || dirty[0] & /*correctAnswersLength*/
+        32 && button_role_value !== (button_role_value = /*correctAnswersLength*/
+        ctx[5] > 1 ? "checkbox" : null)) {
           attr(button, "role", button_role_value);
         }
-        if (!current || dirty & /*correctAnswersLength*/
-        64 && button_tabindex_value !== (button_tabindex_value = /*correctAnswersLength*/
-        ctx[6] > 1 ? 0 : null)) {
+        if (!current || dirty[0] & /*correctAnswersLength*/
+        32 && button_tabindex_value !== (button_tabindex_value = /*correctAnswersLength*/
+        ctx[5] > 1 ? 0 : null)) {
           attr(button, "tabindex", button_tabindex_value);
         }
-        if (!current || dirty & /*correctAnswersLength, selectedOptions*/
-        80 && button_aria_checked_value !== (button_aria_checked_value = /*correctAnswersLength*/
-        ctx[6] > 1 ? (
+        if (!current || dirty[0] & /*correctAnswersLength, selectedOptions*/
+        48 && button_aria_checked_value !== (button_aria_checked_value = /*correctAnswersLength*/
+        ctx[5] > 1 ? (
           /*selectedOptions*/
           ctx[4].includes(
             /*option*/
-            ctx[27].id
+            ctx[29].id
           )
         ) : null)) {
           attr(button, "aria-checked", button_aria_checked_value);
         }
-        if (!current || dirty & /*isFinished, isPreviewModeInteractive*/
+        if (!current || dirty[0] & /*isFinished, isPreviewModeInteractive*/
         10 && button_aria_disabled_value !== (button_aria_disabled_value = /*isFinished*/
         ctx[1] && !/*isPreviewModeInteractive*/
         ctx[3] ? "true" : null)) {
           attr(button, "aria-disabled", button_aria_disabled_value);
         }
-        if (!current || dirty & /*isFinished, isPreviewModeInteractive, selectedOptions, isPreviewMode, correctAnswerIds, correctAnswersLength*/
-        222 && button_aria_label_value !== (button_aria_label_value = `${(!/*isFinished*/
+        if (!current || dirty[0] & /*isFinished, isPreviewModeInteractive, selectedOptions, isPreviewMode, correctAnswerIds, correctAnswersLength*/
+        126 && button_aria_label_value !== (button_aria_label_value = `${(!/*isFinished*/
         ctx[1] || /*isPreviewModeInteractive*/
         ctx[3]) && /*selectedOptions*/
         ctx[4].includes(
           /*option*/
-          ctx[27].id
+          ctx[29].id
         ) ? "Selected " : ""}${`Option ${useMCQ_default(
           /*index*/
-          ctx[29]
+          ctx[31]
         )}`}: ${useRemoveRichTextHtmlTags(
           /*option*/
-          ctx[27].answer
+          ctx[29].answer
         )} ${func()}`)) {
           attr(button, "aria-label", button_aria_label_value);
         }
-        if (!current || dirty & /*isFinished, isPreviewModeInteractive, selectedOptions, correctAnswerIds, correctAnswersLength, isPreviewMode*/
-        222 && button_class_value !== (button_class_value = "group text-left btn-mcq-option " + (!/*isFinished*/
+        if (!current || dirty[0] & /*isFinished, isPreviewModeInteractive, selectedOptions, correctAnswerIds, correctAnswersLength, isPreviewMode*/
+        126 && button_class_value !== (button_class_value = "group text-left btn-mcq-option " + (!/*isFinished*/
         ctx[1] || /*isPreviewModeInteractive*/
         ctx[3] ? "active:raw-focus-ring-by" : "finished") + " " + /*selectedOptions*/
         (ctx[4].includes(
           /*option*/
-          ctx[27].id
+          ctx[29].id
         ) ? "selected" : "") + " " + /*isFinished*/
         (ctx[1] && /*correctAnswerIds*/
-        ctx[7]?.includes(
+        ctx[6]?.includes(
           /*option*/
-          ctx[27].id
+          ctx[29].id
         ) && (!/*selectedOptions*/
         ctx[4].includes(
           /*option*/
-          ctx[27].id
+          ctx[29].id
         ) || !/*selectedOptions*/
         ctx[4].length) && (!/*isPreviewModeInteractive*/
         ctx[3] || /*isPreviewModeInteractive*/
         ctx[3] && /*selectedOptions*/
         ctx[4].length === /*correctAnswersLength*/
-        ctx[6]) ? "missing" : "") + " " + /*isFinished*/
+        ctx[5]) ? "missing" : "") + " " + /*isFinished*/
         ((ctx[1] && !/*isPreviewModeInteractive*/
         ctx[3] || /*isPreviewModeInteractive*/
         ctx[3] && /*selectedOptions*/
         ctx[4].length === /*correctAnswersLength*/
-        ctx[6] || /*isPreviewMode*/
+        ctx[5] || /*isPreviewMode*/
         ctx[2] && !/*isPreviewModeInteractive*/
         ctx[3] && /*selectedOptions*/
         ctx[4].includes(
           /*option*/
-          ctx[27].id
+          ctx[29].id
         )) && /*correctAnswerIds*/
-        ctx[7].includes(
+        ctx[6].includes(
           /*option*/
-          ctx[27].id
+          ctx[29].id
         ) ? "correct" : (
           /*isFinished*/
           ctx[1] && !/*isPreviewModeInteractive*/
           ctx[3] || /*isPreviewModeInteractive*/
           ctx[3] && /*selectedOptions*/
           ctx[4].length === /*correctAnswersLength*/
-          ctx[6] ? "incorrect" : ""
+          ctx[5] ? "incorrect" : ""
         )) + " " + /*isPreviewModeInteractive*/
         (ctx[3] ? "interactive" : ""))) {
           attr(button, "class", button_class_value);
@@ -4570,33 +4582,13 @@
   }
   function create_default_slot(ctx) {
     let div;
-    let show_if = (
-      /*isFinished*/
-      ctx[1] && !/*isPreviewModeInteractive*/
-      ctx[3] && (!/*isResultCorrect*/
-      ctx[13](
-        /*selectedOptions*/
-        ctx[4],
-        /*correctAnswerIds*/
-        ctx[7]
-      ) || !/*selectedOptions*/
-      ctx[4].length) || /*isPreviewModeInteractive*/
-      ctx[3] && /*selectedOptions*/
-      (ctx[4].length === /*correctAnswersLength*/
-      ctx[6] && !/*isResultCorrect*/
-      ctx[13](
-        /*selectedOptions*/
-        ctx[4],
-        /*correctAnswerIds*/
-        ctx[7]
-      ) || !/*selectedOptions*/
-      ctx[4].length && /*interactiveHasAnswered*/
-      ctx[8])
-    );
     let t2;
     let if_block1_anchor;
     let current;
-    let if_block0 = show_if && create_if_block_82(ctx);
+    let if_block0 = (
+      /*isFeedbackShown*/
+      ctx[8] && create_if_block_82(ctx)
+    );
     let if_block1 = (
       /*options*/
       ctx[12] && create_if_block5(ctx)
@@ -4623,34 +4615,14 @@
         current = true;
       },
       p(ctx2, dirty) {
-        if (dirty & /*isFinished, isPreviewModeInteractive, selectedOptions, correctAnswerIds, correctAnswersLength, interactiveHasAnswered*/
-        474)
-          show_if = /*isFinished*/
-          ctx2[1] && !/*isPreviewModeInteractive*/
-          ctx2[3] && (!/*isResultCorrect*/
-          ctx2[13](
-            /*selectedOptions*/
-            ctx2[4],
-            /*correctAnswerIds*/
-            ctx2[7]
-          ) || !/*selectedOptions*/
-          ctx2[4].length) || /*isPreviewModeInteractive*/
-          ctx2[3] && /*selectedOptions*/
-          (ctx2[4].length === /*correctAnswersLength*/
-          ctx2[6] && !/*isResultCorrect*/
-          ctx2[13](
-            /*selectedOptions*/
-            ctx2[4],
-            /*correctAnswerIds*/
-            ctx2[7]
-          ) || !/*selectedOptions*/
-          ctx2[4].length && /*interactiveHasAnswered*/
-          ctx2[8]);
-        if (show_if) {
+        if (
+          /*isFeedbackShown*/
+          ctx2[8]
+        ) {
           if (if_block0) {
             if_block0.p(ctx2, dirty);
-            if (dirty & /*isFinished, isPreviewModeInteractive, selectedOptions, correctAnswerIds, correctAnswersLength, interactiveHasAnswered*/
-            474) {
+            if (dirty[0] & /*isFeedbackShown*/
+            256) {
               transition_in(if_block0, 1);
             }
           } else {
@@ -4727,10 +4699,11 @@
         mount_component(promptbody, target, anchor);
         current = true;
       },
-      p(ctx2, [dirty]) {
+      p(ctx2, dirty) {
         const promptbody_changes = {};
-        if (dirty & /*$$scope, correctAnswersLength, selectedOptions, isFinished, isPreviewModeInteractive, isPreviewMode, correctAnswerIds, isDataSaving, resultFeedback, interactiveHasAnswered*/
-        1073742335) {
+        if (dirty[0] & /*correctAnswersLength, selectedOptions, isFinished, isPreviewModeInteractive, isPreviewMode, correctAnswerIds, isDataSaving, resultFeedback, isFeedbackShown*/
+        511 | dirty[1] & /*$$scope*/
+        2) {
           promptbody_changes.$$scope = { dirty, ctx: ctx2 };
         }
         promptbody.$set(promptbody_changes);
@@ -4751,13 +4724,14 @@
     };
   }
   function instance5($$self, $$props, $$invalidate) {
+    let isFeedbackShown;
     let { sessionData } = $$props;
     let { isDataSaving } = $$props;
     let { isFinished = false } = $$props;
     let { isPreviewMode = false } = $$props;
     let { isPreviewModeInteractive = false } = $$props;
     const { rubric, interaction, metadata, scoringMetadata, stimulus, totalCorrectAnswers } = sessionData;
-    const { prompt, options } = interaction;
+    const { prompt, options, feedback } = interaction;
     let selectedOptions = [];
     let selectedChoices = [];
     let resultFeedback = null;
@@ -4774,10 +4748,8 @@
       selectedChoices = answer_choices;
     }
     const getFeedback = () => {
-      if (!options || selectedOptions.length < 1)
-        return;
-      const feedbackData = Object.values(options).filter((option) => selectedOptions.includes(option.id));
-      $$invalidate(5, resultFeedback = feedbackData[0].feedback || "This would be the distractor rationale\u2014the reason why they got something wrong.");
+      const { correct: correctFeedback, incorrect: incorrectFeedback } = feedback;
+      $$invalidate(7, resultFeedback = isResultCorrect(selectedOptions, correctAnswerIds) ? correctFeedback : incorrectFeedback);
     };
     const isResultCorrect = (selectedOptions2, correctAnswerIds2) => {
       return selectedOptions2.length > 0 && correctAnswerIds2.every((option) => selectedOptions2.includes(option));
@@ -4834,8 +4806,8 @@
         });
       }
       if (isPreviewModeInteractive) {
-        $$invalidate(8, interactiveHasAnswered = true);
-        $$invalidate(5, resultFeedback = null);
+        $$invalidate(17, interactiveHasAnswered = true);
+        $$invalidate(7, resultFeedback = null);
         if (correctAnswersLength === selectedOptions.length) {
           setTimeout(
             () => {
@@ -4879,16 +4851,23 @@
       if ("isPreviewModeInteractive" in $$props2)
         $$invalidate(3, isPreviewModeInteractive = $$props2.isPreviewModeInteractive);
     };
+    $$self.$$.update = () => {
+      if ($$self.$$.dirty[0] & /*isFinished, isPreviewModeInteractive, selectedOptions, correctAnswerIds, correctAnswersLength, interactiveHasAnswered*/
+      131194) {
+        $:
+          $$invalidate(8, isFeedbackShown = isFinished && !isPreviewModeInteractive && (!isResultCorrect(selectedOptions, correctAnswerIds) || !selectedOptions.length) || isPreviewModeInteractive && (selectedOptions.length === correctAnswersLength || !selectedOptions.length && interactiveHasAnswered));
+      }
+    };
     return [
       isDataSaving,
       isFinished,
       isPreviewMode,
       isPreviewModeInteractive,
       selectedOptions,
-      resultFeedback,
       correctAnswersLength,
       correctAnswerIds,
-      interactiveHasAnswered,
+      resultFeedback,
+      isFeedbackShown,
       rubric,
       stimulus,
       prompt,
@@ -4897,6 +4876,7 @@
       isSkipped,
       handleOptionClick,
       sessionData,
+      interactiveHasAnswered,
       func,
       click_handler
     ];
@@ -4904,13 +4884,22 @@
   var PromptMCQ = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance5, create_fragment10, safe_not_equal, {
-        sessionData: 16,
-        isDataSaving: 0,
-        isFinished: 1,
-        isPreviewMode: 2,
-        isPreviewModeInteractive: 3
-      });
+      init(
+        this,
+        options,
+        instance5,
+        create_fragment10,
+        safe_not_equal,
+        {
+          sessionData: 16,
+          isDataSaving: 0,
+          isFinished: 1,
+          isPreviewMode: 2,
+          isPreviewModeInteractive: 3
+        },
+        null,
+        [-1, -1]
+      );
     }
     get sessionData() {
       return this.$$.ctx[16];
@@ -5023,248 +5012,42 @@
   action.destroy = autosize_esm_default.destroy;
   var svelte_autosize_default = action;
 
-  // src/lib/components/prompt/template/PromptResultFeedback.svelte
-  function create_if_block6(ctx) {
-    let div0;
-    let t0;
-    let span;
-    let t1;
-    let div0_class_value;
+  // src/lib/components/common/InvalidBanner.svelte
+  function create_fragment11(ctx) {
+    let p;
     let t2;
-    let div1;
-    let if_block = (
-      /*resultFeedbackTitle*/
-      ctx[1] && create_if_block_15(ctx)
-    );
     return {
       c() {
-        div0 = element("div");
-        if (if_block)
-          if_block.c();
-        t0 = space();
-        span = element("span");
-        t1 = text(
-          /*resultFeedback*/
+        p = element("p");
+        t2 = text(
+          /*bannerLabel*/
           ctx[0]
         );
-        t2 = space();
-        div1 = element("div");
-        attr(div0, "aria-description", "Answer feedback:");
-        attr(div0, "class", div0_class_value = "my-6 p-4 border-l-[6px] text-charcoal text-base " + /*isResultCorrect*/
-        (ctx[2] ? "border-green-800 bg-green-300" : "border-red-800 bg-red-300"));
-        attr(div1, "class", "divider my-6");
+        attr(p, "class", "p-2 border-2 border-red-600 bg-red-200 rounded");
       },
       m(target, anchor) {
-        insert(target, div0, anchor);
-        if (if_block)
-          if_block.m(div0, null);
-        append(div0, t0);
-        append(div0, span);
-        append(span, t1);
-        insert(target, t2, anchor);
-        insert(target, div1, anchor);
+        insert(target, p, anchor);
+        append(p, t2);
       },
-      p(ctx2, dirty) {
-        if (
-          /*resultFeedbackTitle*/
-          ctx2[1]
-        ) {
-          if (if_block) {
-            if_block.p(ctx2, dirty);
-          } else {
-            if_block = create_if_block_15(ctx2);
-            if_block.c();
-            if_block.m(div0, t0);
-          }
-        } else if (if_block) {
-          if_block.d(1);
-          if_block = null;
-        }
-        if (dirty & /*resultFeedback*/
+      p(ctx2, [dirty]) {
+        if (dirty & /*bannerLabel*/
         1)
           set_data(
-            t1,
-            /*resultFeedback*/
+            t2,
+            /*bannerLabel*/
             ctx2[0]
           );
-        if (dirty & /*isResultCorrect*/
-        4 && div0_class_value !== (div0_class_value = "my-6 p-4 border-l-[6px] text-charcoal text-base " + /*isResultCorrect*/
-        (ctx2[2] ? "border-green-800 bg-green-300" : "border-red-800 bg-red-300"))) {
-          attr(div0, "class", div0_class_value);
-        }
       },
+      i: noop,
+      o: noop,
       d(detaching) {
         if (detaching) {
-          detach(div0);
-          detach(t2);
-          detach(div1);
+          detach(p);
         }
-        if (if_block)
-          if_block.d();
-      }
-    };
-  }
-  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_fragment11(ctx) {
-    let if_block_anchor;
-    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);
-      },
-      p(ctx2, [dirty]) {
-        if (
-          /*resultFeedback*/
-          ctx2[0]
-        ) {
-          if (if_block) {
-            if_block.p(ctx2, dirty);
-          } else {
-            if_block = create_if_block6(ctx2);
-            if_block.c();
-            if_block.m(if_block_anchor.parentNode, if_block_anchor);
-          }
-        } else if (if_block) {
-          if_block.d(1);
-          if_block = null;
-        }
-      },
-      i: noop,
-      o: noop,
-      d(detaching) {
-        if (detaching) {
-          detach(if_block_anchor);
-        }
-        if (if_block)
-          if_block.d(detaching);
       }
     };
   }
   function instance6($$self, $$props, $$invalidate) {
-    let { resultFeedback = null } = $$props;
-    let { resultFeedbackTitle = null } = $$props;
-    let { isResultCorrect = true } = $$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);
-    };
-    return [resultFeedback, resultFeedbackTitle, isResultCorrect];
-  }
-  var PromptResultFeedback = class extends SvelteComponent {
-    constructor(options) {
-      super();
-      init(this, options, instance6, create_fragment11, safe_not_equal, {
-        resultFeedback: 0,
-        resultFeedbackTitle: 1,
-        isResultCorrect: 2
-      });
-    }
-    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();
-    }
-  };
-  customElements.define("prompt-result-feedback", create_custom_element(PromptResultFeedback, { "resultFeedback": {}, "resultFeedbackTitle": {}, "isResultCorrect": { "type": "Boolean" } }, [], [], true));
-  var PromptResultFeedback_default = PromptResultFeedback;
-
-  // src/lib/components/common/InvalidBanner.svelte
-  function create_fragment12(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)
@@ -5275,7 +5058,7 @@
   var InvalidBanner = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance7, create_fragment12, safe_not_equal, { bannerLabel: 0 });
+      init(this, options, instance6, create_fragment11, safe_not_equal, { bannerLabel: 0 });
     }
     get bannerLabel() {
       return this.$$.ctx[0];
@@ -5291,14 +5074,14 @@
   // src/lib/components/prompt/typein/PromptTypeIn.svelte
   function get_each_context2(ctx, list, i) {
     const child_ctx = ctx.slice();
-    child_ctx[62] = list[i];
-    child_ctx[64] = i;
+    child_ctx[60] = list[i];
+    child_ctx[62] = i;
     return child_ctx;
   }
   function get_each_context_1(ctx, list, i) {
     const child_ctx = ctx.slice();
-    child_ctx[65] = list[i];
-    child_ctx[67] = i;
+    child_ctx[63] = list[i];
+    child_ctx[65] = i;
     return child_ctx;
   }
   function create_else_block_3(ctx) {
@@ -5315,7 +5098,7 @@
           textarea,
           "aria-label",
           /*textAriaLabel*/
-          ctx[20]
+          ctx[18]
         );
         attr(
           textarea,
@@ -5326,14 +5109,17 @@
         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"
+          /*isSkippedAnswer*/
+          ctx[10] ? "" : (
+            /*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[27];
+        ctx[25];
       },
       m(target, anchor) {
         insert(target, textarea, anchor);
@@ -5348,38 +5134,38 @@
               textarea,
               "input",
               /*textarea_input_handler*/
-              ctx[38]
+              ctx[36]
             ),
             listen(
               textarea,
               "mousedown",
               /*mousedown_handler*/
-              ctx[39]
+              ctx[37]
             ),
             listen(
               textarea,
               "touchstart",
               /*touchstart_handler*/
-              ctx[40],
+              ctx[38],
               { passive: true }
             ),
             listen(
               textarea,
               "focus",
               /*focus_handler*/
-              ctx[41]
+              ctx[39]
             ),
             listen(
               textarea,
               "focusout",
               /*focusout_handler_1*/
-              ctx[42]
+              ctx[40]
             ),
             listen(
               textarea,
               "keydown",
               /*keydown_handler_1*/
-              ctx[43]
+              ctx[41]
             ),
             action_destroyer(autosize_action = svelte_autosize_default.call(null, textarea))
           ];
@@ -5388,12 +5174,12 @@
       },
       p(ctx2, dirty) {
         if (dirty[0] & /*textAriaLabel*/
-        1048576) {
+        262144) {
           attr(
             textarea,
             "aria-label",
             /*textAriaLabel*/
-            ctx2[20]
+            ctx2[18]
           );
         }
         if (dirty[0] & /*placeholder*/
@@ -5405,11 +5191,14 @@
             ctx2[11]
           );
         }
-        if (dirty[0] & /*isFinished, isResultCorrect*/
-        3 && textarea_class_value !== (textarea_class_value = "typein-textbox overflow-hidden " + (!/*isFinished*/
+        if (dirty[0] & /*isFinished, isSkippedAnswer, isResultCorrect*/
+        1027 && 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"
+          /*isSkippedAnswer*/
+          ctx2[10] ? "" : (
+            /*isResultCorrect*/
+            ctx2[1] ? "border-2 border-green-800" : "border-2 border-red-800 bg-red-300"
+          )
         )))) {
           attr(textarea, "class", textarea_class_value);
         }
@@ -5438,7 +5227,7 @@
       }
     };
   }
-  function create_if_block_102(ctx) {
+  function create_if_block_92(ctx) {
     let input;
     let input_class_value;
     let mounted;
@@ -5452,7 +5241,7 @@
           input,
           "aria-label",
           /*textAriaLabel*/
-          ctx[20]
+          ctx[18]
         );
         attr(
           input,
@@ -5462,14 +5251,17 @@
         );
         attr(input, "class", input_class_value = "typein-textbox " + (!/*isFinished*/
         ctx[0] ? "" : (
-          /*isResultCorrect*/
-          ctx[1] ? "border-2 border-green-800" : "border-2 border-red-800 bg-red-300"
+          /*isSkippedAnswer*/
+          ctx[10] ? "" : (
+            /*isResultCorrect*/
+            ctx[1] ? "border-2 border-green-800" : "border-2 border-red-800 bg-red-300"
+          )
         )));
         input.disabled = /*isDataSaving*/
         ctx[2];
         attr(input, "autocomplete", "off");
         input.readOnly = /*isReadonlyText*/
-        ctx[27];
+        ctx[25];
       },
       m(target, anchor) {
         insert(target, input, anchor);
@@ -5484,19 +5276,19 @@
               input,
               "input",
               /*input_input_handler*/
-              ctx[35]
+              ctx[33]
             ),
             listen(
               input,
               "focusout",
               /*focusout_handler*/
-              ctx[36]
+              ctx[34]
             ),
             listen(
               input,
               "keydown",
               /*keydown_handler*/
-              ctx[37]
+              ctx[35]
             )
           ];
           mounted = true;
@@ -5504,12 +5296,12 @@
       },
       p(ctx2, dirty) {
         if (dirty[0] & /*textAriaLabel*/
-        1048576) {
+        262144) {
           attr(
             input,
             "aria-label",
             /*textAriaLabel*/
-            ctx2[20]
+            ctx2[18]
           );
         }
         if (dirty[0] & /*placeholder*/
@@ -5521,11 +5313,14 @@
             ctx2[11]
           );
         }
-        if (dirty[0] & /*isFinished, isResultCorrect*/
-        3 && input_class_value !== (input_class_value = "typein-textbox " + (!/*isFinished*/
+        if (dirty[0] & /*isFinished, isSkippedAnswer, isResultCorrect*/
+        1027 && 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"
+          /*isSkippedAnswer*/
+          ctx2[10] ? "" : (
+            /*isResultCorrect*/
+            ctx2[1] ? "border-2 border-green-800" : "border-2 border-red-800 bg-red-300"
+          )
         )))) {
           attr(input, "class", input_class_value);
         }
@@ -5555,12 +5350,12 @@
       }
     };
   }
-  function create_if_block_83(ctx) {
+  function create_if_block_73(ctx) {
     let current_block_type_index;
     let if_block;
     let if_block_anchor;
     let current;
-    const if_block_creators = [create_if_block_92, create_else_block_2];
+    const if_block_creators = [create_if_block_83, create_else_block_2];
     const if_blocks = [];
     function select_block_type_1(ctx2, dirty) {
       if (
@@ -5654,7 +5449,7 @@
       }
     };
   }
-  function create_if_block_92(ctx) {
+  function create_if_block_83(ctx) {
     let div0;
     let commonstringtohtml;
     let t0;
@@ -5687,7 +5482,7 @@
       m(target, anchor) {
         insert(target, div0, anchor);
         mount_component(commonstringtohtml, div0, null);
-        ctx[34](div0);
+        ctx[32](div0);
         insert(target, t0, anchor);
         insert(target, div1, anchor);
         insert(target, t1, anchor);
@@ -5726,58 +5521,54 @@
           detach(div2);
         }
         destroy_component(commonstringtohtml);
-        ctx[34](null);
+        ctx[32](null);
       }
     };
   }
-  function create_if_block7(ctx) {
+  function create_if_block6(ctx) {
     let t0;
-    let current_block_type_index;
-    let if_block1;
+    let div;
     let t1;
     let if_block2_anchor;
     let current;
     let if_block0 = !/*isInlineTypein*/
-    ctx[26] && create_if_block_63(ctx);
-    const if_block_creators = [create_if_block_43, create_if_block_53];
-    const if_blocks = [];
-    function select_block_type_3(ctx2, dirty) {
-      if (!/*isInlineTypein*/
-      ctx2[26])
-        return 0;
-      if (!/*isResultCorrect*/
-      ctx2[1])
-        return 1;
-      return -1;
-    }
-    if (~(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);
-    }
+    ctx[24] && !/*isSkippedAnswer*/
+    ctx[10] && create_if_block_53(ctx);
+    let if_block1 = (
+      /*isFinished*/
+      ctx[0] && (!/*isResultCorrect*/
+      ctx[1] && !/*isPreviewMode*/
+      ctx[3] || /*isPreviewMode*/
+      ctx[3] && /*isPreviewModeInteractive*/
+      ctx[4]) && create_if_block_43(ctx)
+    );
     let if_block2 = (
       /*isInlineTypein*/
-      ctx[26] && (!/*isPreviewMode*/
+      ctx[24] && (!/*isPreviewMode*/
       ctx[3] || /*isPreviewModeInteractive*/
-      ctx[4]) && create_if_block_16(ctx)
+      ctx[4]) && create_if_block_15(ctx)
     );
     return {
       c() {
         if (if_block0)
           if_block0.c();
         t0 = space();
+        div = element("div");
         if (if_block1)
           if_block1.c();
         t1 = space();
         if (if_block2)
           if_block2.c();
         if_block2_anchor = empty();
+        attr(div, "aria-live", "polite");
       },
       m(target, anchor) {
         if (if_block0)
           if_block0.m(target, anchor);
         insert(target, t0, anchor);
-        if (~current_block_type_index) {
-          if_blocks[current_block_type_index].m(target, anchor);
-        }
+        insert(target, div, anchor);
+        if (if_block1)
+          if_block1.m(div, null);
         insert(target, t1, anchor);
         if (if_block2)
           if_block2.m(target, anchor);
@@ -5786,39 +5577,57 @@
       },
       p(ctx2, dirty) {
         if (!/*isInlineTypein*/
-        ctx2[26])
-          if_block0.p(ctx2, dirty);
-        let previous_block_index = current_block_type_index;
-        current_block_type_index = select_block_type_3(ctx2, dirty);
-        if (current_block_type_index === previous_block_index) {
-          if (~current_block_type_index) {
-            if_blocks[current_block_type_index].p(ctx2, dirty);
+        ctx2[24] && !/*isSkippedAnswer*/
+        ctx2[10]) {
+          if (if_block0) {
+            if_block0.p(ctx2, dirty);
+            if (dirty[0] & /*isSkippedAnswer*/
+            1024) {
+              transition_in(if_block0, 1);
+            }
+          } else {
+            if_block0 = create_if_block_53(ctx2);
+            if_block0.c();
+            transition_in(if_block0, 1);
+            if_block0.m(t0.parentNode, t0);
           }
-        } else {
+        } else if (if_block0) {
+          group_outros();
+          transition_out(if_block0, 1, 1, () => {
+            if_block0 = null;
+          });
+          check_outros();
+        }
+        if (
+          /*isFinished*/
+          ctx2[0] && (!/*isResultCorrect*/
+          ctx2[1] && !/*isPreviewMode*/
+          ctx2[3] || /*isPreviewMode*/
+          ctx2[3] && /*isPreviewModeInteractive*/
+          ctx2[4])
+        ) {
           if (if_block1) {
-            group_outros();
-            transition_out(if_blocks[previous_block_index], 1, 1, () => {
-              if_blocks[previous_block_index] = null;
-            });
-            check_outros();
-          }
-          if (~current_block_type_index) {
-            if_block1 = if_blocks[current_block_type_index];
-            if (!if_block1) {
-              if_block1 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx2);
-              if_block1.c();
-            } else {
-              if_block1.p(ctx2, dirty);
+            if_block1.p(ctx2, dirty);
+            if (dirty[0] & /*isFinished, isResultCorrect, isPreviewMode, isPreviewModeInteractive*/
+            27) {
+              transition_in(if_block1, 1);
             }
-            transition_in(if_block1, 1);
-            if_block1.m(t1.parentNode, t1);
           } else {
-            if_block1 = null;
+            if_block1 = create_if_block_43(ctx2);
+            if_block1.c();
+            transition_in(if_block1, 1);
+            if_block1.m(div, null);
           }
+        } else if (if_block1) {
+          group_outros();
+          transition_out(if_block1, 1, 1, () => {
+            if_block1 = null;
+          });
+          check_outros();
         }
         if (
           /*isInlineTypein*/
-          ctx2[26] && (!/*isPreviewMode*/
+          ctx2[24] && (!/*isPreviewMode*/
           ctx2[3] || /*isPreviewModeInteractive*/
           ctx2[4])
         ) {
@@ -5829,7 +5638,7 @@
               transition_in(if_block2, 1);
             }
           } else {
-            if_block2 = create_if_block_16(ctx2);
+            if_block2 = create_if_block_15(ctx2);
             if_block2.c();
             transition_in(if_block2, 1);
             if_block2.m(if_block2_anchor.parentNode, if_block2_anchor);
@@ -5859,20 +5668,20 @@
       d(detaching) {
         if (detaching) {
           detach(t0);
+          detach(div);
           detach(t1);
           detach(if_block2_anchor);
         }
         if (if_block0)
           if_block0.d(detaching);
-        if (~current_block_type_index) {
-          if_blocks[current_block_type_index].d(detaching);
-        }
+        if (if_block1)
+          if_block1.d();
         if (if_block2)
           if_block2.d(detaching);
       }
     };
   }
-  function create_if_block_63(ctx) {
+  function create_if_block_53(ctx) {
     let div;
     let span0;
     let current_block_type_index;
@@ -5883,7 +5692,7 @@
     let t1;
     let div_class_value;
     let current;
-    const if_block_creators = [create_if_block_73, create_else_block_1];
+    const if_block_creators = [create_if_block_63, create_else_block_1];
     const if_blocks = [];
     function select_block_type_2(ctx2, dirty) {
       if (
@@ -5911,7 +5720,7 @@
         attr(span1, "class", "p2");
         attr(div, "aria-hidden", "true");
         attr(div, "class", div_class_value = "flex items-center text-charcoal " + /*typeinType*/
-        (ctx[25] === TYPEIN_TYPE_SHORT ? "mt-2" : "mt-0.5"));
+        (ctx[23] === TYPEIN_TYPE_SHORT ? "mt-2" : "mt-0.5"));
       },
       m(target, anchor) {
         insert(target, div, anchor);
@@ -5998,7 +5807,7 @@
       }
     };
   }
-  function create_if_block_73(ctx) {
+  function create_if_block_63(ctx) {
     let successsolid;
     let current;
     successsolid = new SuccessSolid_default({});
@@ -6025,109 +5834,65 @@
       }
     };
   }
-  function create_if_block_53(ctx) {
-    let promptresultv2;
+  function create_if_block_43(ctx) {
+    let promptresult;
     let current;
-    promptresultv2 = new PromptResultFeedbackv2_default({
+    promptresult = new PromptResultFeedbackAlert_default({
       props: {
+        hasIcon: (
+          /*isInlineTypein*/
+          ctx[24] ? true : (
+            /*isSkippedAnswer*/
+            ctx[10] ? true : false
+          )
+        ),
+        isFeedbackAlert: (
+          /*isPreviewModeInteractive*/
+          ctx[4] ? false : true
+        ),
         isResultCorrect: (
           /*isResultCorrect*/
           ctx[1]
         ),
-        resultFeedback: (
-          /*computedFeedback*/
-          ctx[18]
-        ),
         isSkipped: (
           /*isSkippedAnswer*/
           ctx[10]
         ),
-        hasIcon: !/*isResultCorrect*/
-        ctx[1] || /*isSkippedAnswer*/
-        ctx[10],
-        resultFeedbackTitle: (
-          /*computedFeedbackTitle*/
-          ctx[19]
+        resultFeedback: (
+          /*resultFeedback*/
+          ctx[8]
         )
       }
     });
     return {
       c() {
-        create_component(promptresultv2.$$.fragment);
+        create_component(promptresult.$$.fragment);
       },
       m(target, anchor) {
-        mount_component(promptresultv2, target, anchor);
+        mount_component(promptresult, target, anchor);
         current = true;
       },
       p(ctx2, dirty) {
-        const promptresultv2_changes = {};
+        const promptresult_changes = {};
+        if (dirty[0] & /*isSkippedAnswer*/
+        1024)
+          promptresult_changes.hasIcon = /*isInlineTypein*/
+          ctx2[24] ? true : (
+            /*isSkippedAnswer*/
+            ctx2[10] ? true : false
+          );
+        if (dirty[0] & /*isPreviewModeInteractive*/
+        16)
+          promptresult_changes.isFeedbackAlert = /*isPreviewModeInteractive*/
+          ctx2[4] ? false : true;
         if (dirty[0] & /*isResultCorrect*/
         2)
-          promptresultv2_changes.isResultCorrect = /*isResultCorrect*/
+          promptresult_changes.isResultCorrect = /*isResultCorrect*/
           ctx2[1];
-        if (dirty[0] & /*computedFeedback*/
-        262144)
-          promptresultv2_changes.resultFeedback = /*computedFeedback*/
-          ctx2[18];
         if (dirty[0] & /*isSkippedAnswer*/
         1024)
-          promptresultv2_changes.isSkipped = /*isSkippedAnswer*/
+          promptresult_changes.isSkipped = /*isSkippedAnswer*/
           ctx2[10];
-        if (dirty[0] & /*isResultCorrect, isSkippedAnswer*/
-        1026)
-          promptresultv2_changes.hasIcon = !/*isResultCorrect*/
-          ctx2[1] || /*isSkippedAnswer*/
-          ctx2[10];
-        if (dirty[0] & /*computedFeedbackTitle*/
-        524288)
-          promptresultv2_changes.resultFeedbackTitle = /*computedFeedbackTitle*/
-          ctx2[19];
-        promptresultv2.$set(promptresultv2_changes);
-      },
-      i(local) {
-        if (current)
-          return;
-        transition_in(promptresultv2.$$.fragment, local);
-        current = true;
-      },
-      o(local) {
-        transition_out(promptresultv2.$$.fragment, local);
-        current = false;
-      },
-      d(detaching) {
-        destroy_component(promptresultv2, detaching);
-      }
-    };
-  }
-  function create_if_block_43(ctx) {
-    let promptresult;
-    let current;
-    promptresult = new PromptResultFeedback_default({
-      props: {
-        isResultCorrect: (
-          /*isResultCorrect*/
-          ctx[1]
-        ),
-        resultFeedback: (
-          /*resultFeedback*/
-          ctx[8]
-        )
-      }
-    });
-    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*/
         256)
           promptresult_changes.resultFeedback = /*resultFeedback*/
@@ -6149,7 +5914,7 @@
       }
     };
   }
-  function create_if_block_16(ctx) {
+  function create_if_block_15(ctx) {
     let each_1_anchor;
     let current;
     let each_value = ensure_array_like(
@@ -6181,7 +5946,7 @@
       },
       p(ctx2, dirty) {
         if (dirty[0] & /*inlineIteration, inlineAnswerResult, correctAnswerDataLength, sessionId, inlineTypeinAnswer, correctAnswerData*/
-        2327072) {
+        754208) {
           each_value = ensure_array_like(
             /*correctAnswerData*/
             ctx2[16]
@@ -6238,18 +6003,18 @@
     let current;
     const if_block_creators = [create_if_block_34, create_else_block2];
     const if_blocks = [];
-    function select_block_type_4(ctx2, dirty) {
+    function select_block_type_3(ctx2, dirty) {
       if (
         /*inlineAnswerResult*/
         ctx2[15][
           /*itemIndex*/
-          ctx2[64]
+          ctx2[62]
         ]
       )
         return 0;
       return 1;
     }
-    current_block_type_index = select_block_type_4(ctx, [-1, -1, -1]);
+    current_block_type_index = select_block_type_3(ctx, [-1, -1, -1]);
     if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
     return {
       c() {
@@ -6259,7 +6024,7 @@
         attr(span0, "class", span0_class_value = /*inlineAnswerResult*/
         (ctx[15][
           /*itemIndex*/
-          ctx[64]
+          ctx[62]
         ] ? "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");
       },
@@ -6271,7 +6036,7 @@
       },
       p(ctx2, dirty) {
         let previous_block_index = current_block_type_index;
-        current_block_type_index = select_block_type_4(ctx2, dirty);
+        current_block_type_index = select_block_type_3(ctx2, dirty);
         if (current_block_type_index !== previous_block_index) {
           group_outros();
           transition_out(if_blocks[previous_block_index], 1, 1, () => {
@@ -6291,7 +6056,7 @@
         32768 && span0_class_value !== (span0_class_value = /*inlineAnswerResult*/
         (ctx2[15][
           /*itemIndex*/
-          ctx2[64]
+          ctx2[62]
         ] ? "text-green-900" : "text-red-900") + " p-0.5")) {
           attr(span0, "class", span0_class_value);
         }
@@ -6373,7 +6138,7 @@
     let p;
     let t0_value = useIsEven(
       /*iterationIndex*/
-      ctx[67]
+      ctx[65]
     ) ? `Student's` : "Correct";
     let t0;
     let t1;
@@ -6397,7 +6162,7 @@
     let t6;
     let show_if = useIsEven(
       /*iterationIndex*/
-      ctx[67]
+      ctx[65]
     );
     let div0_class_value;
     let div1_class_value;
@@ -6418,7 +6183,7 @@
         t3 = space();
         span1 = element("span");
         span1.textContent = `${/*itemIndex*/
-        ctx[64] + 1}`;
+        ctx[62] + 1}`;
         t5 = space();
         textarea = element("textarea");
         t6 = space();
@@ -6426,130 +6191,130 @@
           if_block.c();
         attr(p, "class", p_class_value = "text-base text-charcoal font-semibold " + (useIsEven(
           /*iterationIndex*/
-          ctx[67]
+          ctx[65]
         ) && /*itemIndex*/
-        ctx[64] !== 0 ? "hidden" : !useIsEven(
+        ctx[62] !== 0 ? "hidden" : !useIsEven(
           /*iterationIndex*/
-          ctx[67]
+          ctx[65]
         ) && /*itemIndex*/
-        ctx[64] !== 0 ? "mt-2 md:mt-0 md:hidden" : !useIsEven(
+        ctx[62] !== 0 ? "mt-2 md:mt-0 md:hidden" : !useIsEven(
           /*iterationIndex*/
-          ctx[67]
+          ctx[65]
         ) && /*itemIndex*/
-        ctx[64] === 0 ? "mt-2 md:mt-0" : (
+        ctx[62] === 0 ? "mt-2 md:mt-0" : (
           /*itemIndex*/
-          ctx[64] === 0 ? "" : ""
+          ctx[62] === 0 ? "" : ""
         )) + " " + (!useIsEven(
           /*iterationIndex*/
-          ctx[67]
+          ctx[65]
         ) && /*inlineAnswerResult*/
         ctx[15][
           /*itemIndex*/
-          ctx[64]
+          ctx[62]
         ] ? "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[67]}-${/*sessionId*/
+        ctx[65]}-${/*sessionId*/
         ctx[5]}-${/*itemIndex*/
-        ctx[64]}`);
+        ctx[62]}`);
         attr(label, "class", label_class_value = "absolute left-0 top-[13px] bottom-0 " + /*correctAnswerDataLength*/
         (ctx[17] > 1 && !useIsEven(
           /*iterationIndex*/
-          ctx[67]
+          ctx[65]
         ) ? "hidden md:inline-block" : (
           /*correctAnswerDataLength*/
           ctx[17] > 1 && useIsEven(
             /*iterationIndex*/
-            ctx[67]
+            ctx[65]
           ) ? "" : "hidden"
         )));
         attr(label, "aria-hidden", "true");
         attr(textarea, "aria-label", textarea_aria_label_value = `${useIsEven(
           /*iterationIndex*/
-          ctx[67]
+          ctx[65]
         ) ? `Student's` : "Correct"} answer${useIsEven(
           /*iterationIndex*/
-          ctx[67]
+          ctx[65]
         ) && /*inlineAnswerResult*/
         ctx[15][
           /*itemIndex*/
-          ctx[64]
+          ctx[62]
         ] ? " (Correct)" : useIsEven(
           /*iterationIndex*/
-          ctx[67]
+          ctx[65]
         ) && !/*inlineAnswerResult*/
         ctx[15][
           /*itemIndex*/
-          ctx[64]
+          ctx[62]
         ] ? " (Incorrect)" : ""}, Item number ${/*itemIndex*/
-        ctx[64] + 1}:`);
+        ctx[62] + 1}:`);
         attr(textarea, "class", textarea_class_value = "typein-textbox py-[9px] pr-4 mt-4 " + /*correctAnswerDataLength*/
         (ctx[17] > 1 && !useIsEven(
           /*iterationIndex*/
-          ctx[67]
+          ctx[65]
         ) ? "md:pl-13.2" : (
           /*correctAnswerDataLength*/
           ctx[17] > 1 && useIsEven(
             /*iterationIndex*/
-            ctx[67]
+            ctx[65]
           ) ? "pl-13.2" : ""
         )) + " " + (useIsEven(
           /*iterationIndex*/
-          ctx[67]
+          ctx[65]
         ) ? "!pr-11" : "") + " " + (useIsEven(
           /*iterationIndex*/
-          ctx[67]
+          ctx[65]
         ) && /*inlineAnswerResult*/
         ctx[15][
           /*itemIndex*/
-          ctx[64]
+          ctx[62]
         ] ? "border-2 border-green-900" : useIsEven(
           /*iterationIndex*/
-          ctx[67]
+          ctx[65]
         ) && !/*inlineAnswerResult*/
         ctx[15][
           /*itemIndex*/
-          ctx[64]
+          ctx[62]
         ] ? "border-2 border-red-900 bg-red-50" : ""));
         attr(textarea, "id", textarea_id_value = `${/*iterationIndex*/
-        ctx[67]}-${/*sessionId*/
+        ctx[65]}-${/*sessionId*/
         ctx[5]}-${/*itemIndex*/
-        ctx[64]}`);
+        ctx[62]}`);
         textarea.value = textarea_value_value = useIsEven(
           /*iterationIndex*/
-          ctx[67]
+          ctx[65]
         ) ? (
           /*inlineTypeinAnswer*/
           ctx[9][
             /*itemIndex*/
-            ctx[64]
+            ctx[62]
           ] || "No answer provided"
         ) : (
           /*item*/
-          ctx[62][0]
+          ctx[60][0]
         );
         attr(textarea, "rows", "1");
         textarea.readOnly = true;
         attr(textarea, "tabindex", textarea_tabindex_value = !useIsEven(
           /*iterationIndex*/
-          ctx[67]
+          ctx[65]
         ) && /*inlineAnswerResult*/
         ctx[15][
           /*itemIndex*/
-          ctx[64]
+          ctx[62]
         ] ? "-1" : "");
         attr(div0, "class", div0_class_value = "h-fit relative " + (!useIsEven(
           /*iterationIndex*/
-          ctx[67]
+          ctx[65]
         ) && /*inlineAnswerResult*/
         ctx[15][
           /*itemIndex*/
-          ctx[64]
+          ctx[62]
         ] ? "hidden md:block" : ""));
         attr(div1, "class", div1_class_value = "flex flex-col md:w-1/2 " + (useIsEven(
           /*iterationIndex*/
-          ctx[67]
+          ctx[65]
         ) ? "md:pr-4" : "ml-8.5 md:ml-0 md:pl-4"));
       },
       m(target, anchor) {
@@ -6578,46 +6343,46 @@
         if (!current || dirty[0] & /*inlineAnswerResult*/
         32768 && p_class_value !== (p_class_value = "text-base text-charcoal font-semibold " + (useIsEven(
           /*iterationIndex*/
-          ctx2[67]
+          ctx2[65]
         ) && /*itemIndex*/
-        ctx2[64] !== 0 ? "hidden" : !useIsEven(
+        ctx2[62] !== 0 ? "hidden" : !useIsEven(
           /*iterationIndex*/
-          ctx2[67]
+          ctx2[65]
         ) && /*itemIndex*/
-        ctx2[64] !== 0 ? "mt-2 md:mt-0 md:hidden" : !useIsEven(
+        ctx2[62] !== 0 ? "mt-2 md:mt-0 md:hidden" : !useIsEven(
           /*iterationIndex*/
-          ctx2[67]
+          ctx2[65]
         ) && /*itemIndex*/
-        ctx2[64] === 0 ? "mt-2 md:mt-0" : (
+        ctx2[62] === 0 ? "mt-2 md:mt-0" : (
           /*itemIndex*/
-          ctx2[64] === 0 ? "" : ""
+          ctx2[62] === 0 ? "" : ""
         )) + " " + (!useIsEven(
           /*iterationIndex*/
-          ctx2[67]
+          ctx2[65]
         ) && /*inlineAnswerResult*/
         ctx2[15][
           /*itemIndex*/
-          ctx2[64]
+          ctx2[62]
         ] ? "hidden md:block" : ""))) {
           attr(p, "class", p_class_value);
         }
         if (!current || dirty[0] & /*sessionId*/
         32 && label_for_value !== (label_for_value = `${/*iterationIndex*/
-        ctx2[67]}-${/*sessionId*/
+        ctx2[65]}-${/*sessionId*/
         ctx2[5]}-${/*itemIndex*/
-        ctx2[64]}`)) {
+        ctx2[62]}`)) {
           attr(label, "for", label_for_value);
         }
         if (!current || dirty[0] & /*correctAnswerDataLength*/
         131072 && label_class_value !== (label_class_value = "absolute left-0 top-[13px] bottom-0 " + /*correctAnswerDataLength*/
         (ctx2[17] > 1 && !useIsEven(
           /*iterationIndex*/
-          ctx2[67]
+          ctx2[65]
         ) ? "hidden md:inline-block" : (
           /*correctAnswerDataLength*/
           ctx2[17] > 1 && useIsEven(
             /*iterationIndex*/
-            ctx2[67]
+            ctx2[65]
           ) ? "" : "hidden"
         )))) {
           attr(label, "class", label_class_value);
@@ -6625,87 +6390,87 @@
         if (!current || dirty[0] & /*inlineAnswerResult*/
         32768 && textarea_aria_label_value !== (textarea_aria_label_value = `${useIsEven(
           /*iterationIndex*/
-          ctx2[67]
+          ctx2[65]
         ) ? `Student's` : "Correct"} answer${useIsEven(
           /*iterationIndex*/
-          ctx2[67]
+          ctx2[65]
         ) && /*inlineAnswerResult*/
         ctx2[15][
           /*itemIndex*/
-          ctx2[64]
+          ctx2[62]
         ] ? " (Correct)" : useIsEven(
           /*iterationIndex*/
-          ctx2[67]
+          ctx2[65]
         ) && !/*inlineAnswerResult*/
         ctx2[15][
           /*itemIndex*/
-          ctx2[64]
+          ctx2[62]
         ] ? " (Incorrect)" : ""}, Item number ${/*itemIndex*/
-        ctx2[64] + 1}:`)) {
+        ctx2[62] + 1}:`)) {
           attr(textarea, "aria-label", textarea_aria_label_value);
         }
         if (!current || dirty[0] & /*correctAnswerDataLength, inlineAnswerResult*/
         163840 && textarea_class_value !== (textarea_class_value = "typein-textbox py-[9px] pr-4 mt-4 " + /*correctAnswerDataLength*/
         (ctx2[17] > 1 && !useIsEven(
           /*iterationIndex*/
-          ctx2[67]
+          ctx2[65]
         ) ? "md:pl-13.2" : (
           /*correctAnswerDataLength*/
           ctx2[17] > 1 && useIsEven(
             /*iterationIndex*/
-            ctx2[67]
+            ctx2[65]
           ) ? "pl-13.2" : ""
         )) + " " + (useIsEven(
           /*iterationIndex*/
-          ctx2[67]
+          ctx2[65]
         ) ? "!pr-11" : "") + " " + (useIsEven(
           /*iterationIndex*/
-          ctx2[67]
+          ctx2[65]
         ) && /*inlineAnswerResult*/
         ctx2[15][
           /*itemIndex*/
-          ctx2[64]
+          ctx2[62]
         ] ? "border-2 border-green-900" : useIsEven(
           /*iterationIndex*/
-          ctx2[67]
+          ctx2[65]
         ) && !/*inlineAnswerResult*/
         ctx2[15][
           /*itemIndex*/
-          ctx2[64]
+          ctx2[62]
         ] ? "border-2 border-red-900 bg-red-50" : ""))) {
           attr(textarea, "class", textarea_class_value);
         }
         if (!current || dirty[0] & /*sessionId*/
         32 && textarea_id_value !== (textarea_id_value = `${/*iterationIndex*/
-        ctx2[67]}-${/*sessionId*/
+        ctx2[65]}-${/*sessionId*/
         ctx2[5]}-${/*itemIndex*/
-        ctx2[64]}`)) {
+        ctx2[62]}`)) {
           attr(textarea, "id", textarea_id_value);
         }
         if (!current || dirty[0] & /*inlineTypeinAnswer, correctAnswerData*/
         66048 && textarea_value_value !== (textarea_value_value = useIsEven(
           /*iterationIndex*/
-          ctx2[67]
+          ctx2[65]
         ) ? (
           /*inlineTypeinAnswer*/
           ctx2[9][
             /*itemIndex*/
-            ctx2[64]
+            ctx2[62]
           ] || "No answer provided"
         ) : (
           /*item*/
-          ctx2[62][0]
+          ctx2[60][0]
         ))) {
           textarea.value = textarea_value_value;
         }
         if (!current || dirty[0] & /*inlineAnswerResult*/
         32768 && textarea_tabindex_value !== (textarea_tabindex_value = !useIsEven(
           /*iterationIndex*/
-          ctx2[67]
+          ctx2[65]
         ) && /*inlineAnswerResult*/
         ctx2[15][
           /*itemIndex*/
-          ctx2[64]
+          ctx2[62]
         ] ? "-1" : "")) {
           attr(textarea, "tabindex", textarea_tabindex_value);
         }
@@ -6714,11 +6479,11 @@
         if (!current || dirty[0] & /*inlineAnswerResult*/
         32768 && div0_class_value !== (div0_class_value = "h-fit relative " + (!useIsEven(
           /*iterationIndex*/
-          ctx2[67]
+          ctx2[65]
         ) && /*inlineAnswerResult*/
         ctx2[15][
           /*itemIndex*/
-          ctx2[64]
+          ctx2[62]
         ] ? "hidden md:block" : ""))) {
           attr(div0, "class", div0_class_value);
         }
@@ -6750,7 +6515,7 @@
     let current;
     let each_value_1 = ensure_array_like(
       /*inlineIteration*/
-      ctx[21]
+      ctx[19]
     );
     let each_blocks = [];
     for (let i = 0; i < each_value_1.length; i += 1) {
@@ -6783,7 +6548,7 @@
         229920) {
           each_value_1 = ensure_array_like(
             /*inlineIteration*/
-            ctx2[21]
+            ctx2[19]
           );
           let i;
           for (i = 0; i < each_value_1.length; i += 1) {
@@ -6834,17 +6599,17 @@
     let t2;
     let if_block1_anchor;
     let current;
-    const if_block_creators = [create_if_block_83, create_if_block_102, create_else_block_3];
+    const if_block_creators = [create_if_block_73, create_if_block_92, create_else_block_3];
     const if_blocks = [];
     function select_block_type(ctx2, dirty) {
       if (
         /*isInlineTypein*/
-        ctx2[26]
+        ctx2[24]
       )
         return 0;
       if (
         /*typeinType*/
-        ctx2[25] === TYPEIN_TYPE_SHORT
+        ctx2[23] === TYPEIN_TYPE_SHORT
       )
         return 1;
       return 2;
@@ -6853,7 +6618,7 @@
     if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
     let if_block1 = (
       /*isFinished*/
-      ctx[0] && create_if_block7(ctx)
+      ctx[0] && create_if_block6(ctx)
     );
     return {
       c() {
@@ -6884,7 +6649,7 @@
               transition_in(if_block1, 1);
             }
           } else {
-            if_block1 = create_if_block7(ctx2);
+            if_block1 = create_if_block6(ctx2);
             if_block1.c();
             transition_in(if_block1, 1);
             if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
@@ -6920,23 +6685,23 @@
       }
     };
   }
-  function create_fragment13(ctx) {
+  function create_fragment12(ctx) {
     let promptbody;
     let current;
     promptbody = new PromptBody_default({
       props: {
         rubric: (
           /*rubric*/
-          ctx[22].text
+          ctx[20].text
         ),
         prompt: (
           /*prompt*/
-          ctx[24]
+          ctx[22]
         ),
         interactionType: INTERACTION_TYPE_TYPEIN,
         stimulus: (
           /*stimulus*/
-          ctx[23]
+          ctx[21]
         ),
         hasDivider: (
           /*hasDivider*/
@@ -6960,9 +6725,9 @@
         16384)
           promptbody_changes.hasDivider = /*hasDivider*/
           ctx2[14];
-        if (dirty[0] & /*correctAnswerData, inlineAnswerResult, correctAnswerDataLength, sessionId, inlineTypeinAnswer, isPreviewMode, isPreviewModeInteractive, isResultCorrect, resultFeedback, computedFeedback, isSkippedAnswer, computedFeedbackTitle, resultLabel, isFinished, isDataSaving, root, inlinePromptString, textAriaLabel, placeholder, typeinAnswer*/
-        2080767 | dirty[2] & /*$$scope*/
-        64) {
+        if (dirty[0] & /*correctAnswerData, inlineAnswerResult, correctAnswerDataLength, sessionId, inlineTypeinAnswer, isPreviewMode, isPreviewModeInteractive, isSkippedAnswer, isResultCorrect, resultFeedback, isFinished, resultLabel, isDataSaving, root, inlinePromptString, textAriaLabel, placeholder, typeinAnswer*/
+        507903 | dirty[2] & /*$$scope*/
+        16) {
           promptbody_changes.$$scope = { dirty, ctx: ctx2 };
         }
         promptbody.$set(promptbody_changes);
@@ -6983,7 +6748,7 @@
     };
   }
   var idLabel = "answerText";
-  function instance8($$self, $$props, $$invalidate) {
+  function instance7($$self, $$props, $$invalidate) {
     let { sessionData } = $$props;
     let { isDataSaving } = $$props;
     let { isFinished = false } = $$props;
@@ -7012,10 +6777,8 @@
     let correctAnswerDataLength = 0;
     const inlineIteration = ["student", "correct"];
     const { rubric, interaction, metadata, scoringMetadata, stimulus } = sessionData;
-    const { prompt, typein_type: typeinType } = interaction;
+    const { prompt, typein_type: typeinType, feedback } = interaction;
     const isInlineTypein = typeinType === TYPEIN_TYPE_INLINE;
-    let computedFeedback = null;
-    let computedFeedbackTitle = null;
     if (metadata) {
       const events = metadata.interactions.events.pop();
       if (isInlineTypein) {
@@ -7074,11 +6837,9 @@
           $$invalidate(0, isFinished = true);
           $$invalidate(16, correctAnswerData = previewCorrectAnswer);
           $$invalidate(17, correctAnswerDataLength = previewCorrectAnswer.length);
-          if (hasOnlyEmptyWrongAnswers(inlineTypeinAnswer, inlineAnswerResult))
+          if (hasOnlyEmptyWrongAnswers(inlineTypeinAnswer, inlineAnswerResult) && !isResultCorrect)
             $$invalidate(10, isSkippedAnswer = true);
-          if (!isResultCorrect && inlineTypeinAnswer.some((value) => value !== ""))
-            getFeedback();
-          inlineComputedFeedback();
+          getFeedback();
           buildInlinePrompt();
           setTimeout(
             () => {
@@ -7096,13 +6857,13 @@
       input?.blur();
     };
     const getFeedback = () => {
-      const { correct: correctFeeback, incorrect: incorrectFeedback } = interaction.feedback;
+      const { correct: correctFeeback, incorrect: incorrectFeedback } = feedback;
       $$invalidate(8, resultFeedback = isResultCorrect ? correctFeeback : incorrectFeedback);
     };
     const getResultMessage = () => {
       $$invalidate(12, resultLabel = isResultCorrect ? "Correct" : "Incorrect");
-      $$invalidate(20, textAriaLabel = `Submitted response is ${resultLabel.toLocaleLowerCase()}`);
-      $$invalidate(11, placeholder = isResultCorrect ? placeholder : "No answer provided");
+      $$invalidate(18, textAriaLabel = `Submitted response is ${resultLabel.toLocaleLowerCase()}`);
+      $$invalidate(11, placeholder = isResultCorrect ? placeholder : "Type your answer here");
     };
     const checkInlineAnswer = (correctAnswer, answer, isAllowMacron, isIgnorePunctuation) => {
       const transformedAnswerList = correctAnswer.map((item) => item.map((data) => data.toLowerCase()));
@@ -7117,10 +6878,6 @@
         return transformedAnswerList[index].includes(inlineAnswer.toLowerCase().trim());
       });
     };
-    const inlineComputedFeedback = () => {
-      $$invalidate(18, computedFeedback = isSkippedAnswer ? "" : resultFeedback);
-      $$invalidate(19, computedFeedbackTitle = isResultCorrect || isSkippedAnswer ? "" : "Why they got it wrong");
-    };
     const hasOnlyEmptyWrongAnswers = (answers, answerResults) => {
       return answers.filter((value) => value === "").length === answerResults.filter((value) => value === false).length;
     };
@@ -7134,14 +6891,12 @@
           inlineTypeinAnswer = answer.map((data) => data[0]);
           metadataAnswer = inlineTypeinAnswer;
         }
-        if (!isResultCorrect)
-          getFeedback();
+        getFeedback();
         correctAnswerData = correctAnswer;
         correctAnswerDataLength = correctAnswer.length;
         inlineAnswerResult = checkInlineAnswer(correctAnswer, metadataAnswer, allowNonMacrons, ignorePunctuation);
-        if (hasOnlyEmptyWrongAnswers(metadataAnswer, inlineAnswerResult))
+        if (hasOnlyEmptyWrongAnswers(metadataAnswer, inlineAnswerResult) && !isResultCorrect)
           isSkippedAnswer = true;
-        inlineComputedFeedback();
       } else {
         typeinAnswer = answer && hasAnswer ? answer : typeinAnswer;
       }
@@ -7152,10 +6907,16 @@
     }
     const resetInteractivePreviewData = () => {
       $$invalidate(12, resultLabel = "");
-      $$invalidate(20, textAriaLabel = "");
+      $$invalidate(18, textAriaLabel = "");
       $$invalidate(11, placeholder = "");
-      getResultMessage();
-      getFeedback();
+      $$invalidate(8, resultFeedback = "");
+      setTimeout(
+        () => {
+          getResultMessage();
+          getFeedback();
+        },
+        50
+      );
     };
     const buildInlinePrompt = () => {
       $$invalidate(14, hasDivider = false);
@@ -7211,18 +6972,23 @@
     }
     const saveAnswer = () => {
       focusOrigin = "tab";
-      if (isDataSaving || typeinAnswer === latestAnswer || !typeinAnswer && !latestAnswer)
-        return;
-      latestAnswer = typeinAnswer;
-      dispatch("saveAnswer", { answer: [typeinAnswer || ""] });
-      if (isPreviewModeInteractive && typeinType !== TYPEIN_TYPE_LONG) {
+      if (isPreviewModeInteractive) {
         setTimeout(
           () => {
             resetInteractivePreviewData();
           },
           50
         );
+        if (typeinAnswer)
+          isInteractiveTriggeredResult = true;
+        if (isInteractiveTriggeredResult) {
+          $$invalidate(10, isSkippedAnswer = !typeinAnswer ? true : false);
+        }
       }
+      if (isDataSaving || typeinAnswer === latestAnswer || !typeinAnswer && !latestAnswer)
+        return;
+      latestAnswer = typeinAnswer;
+      dispatch("saveAnswer", { answer: [typeinAnswer || ""] });
     };
     const saveOnEnter = (event) => {
       if (event.key === "Enter") {
@@ -7263,7 +7029,7 @@
     const keydown_handler_1 = (event) => saveOnEnter(event);
     $$self.$$set = ($$props2) => {
       if ("sessionData" in $$props2)
-        $$invalidate(32, sessionData = $$props2.sessionData);
+        $$invalidate(30, sessionData = $$props2.sessionData);
       if ("isDataSaving" in $$props2)
         $$invalidate(2, isDataSaving = $$props2.isDataSaving);
       if ("isFinished" in $$props2)
@@ -7275,13 +7041,13 @@
       if ("isPreviewModeInteractive" in $$props2)
         $$invalidate(4, isPreviewModeInteractive = $$props2.isPreviewModeInteractive);
       if ("isPreviewCheckedAnswer" in $$props2)
-        $$invalidate(33, isPreviewCheckedAnswer = $$props2.isPreviewCheckedAnswer);
+        $$invalidate(31, isPreviewCheckedAnswer = $$props2.isPreviewCheckedAnswer);
       if ("sessionId" in $$props2)
         $$invalidate(5, sessionId = $$props2.sessionId);
     };
     $$self.$$.update = () => {
       if ($$self.$$.dirty[1] & /*isPreviewCheckedAnswer*/
-      4) {
+      1) {
         $:
           if (isPreviewCheckedAnswer) {
             resetInteractivePreviewData();
@@ -7307,8 +7073,6 @@
       inlineAnswerResult,
       correctAnswerData,
       correctAnswerDataLength,
-      computedFeedback,
-      computedFeedbackTitle,
       textAriaLabel,
       inlineIteration,
       rubric,
@@ -7341,17 +7105,17 @@
       init(
         this,
         options,
-        instance8,
-        create_fragment13,
+        instance7,
+        create_fragment12,
         safe_not_equal,
         {
-          sessionData: 32,
+          sessionData: 30,
           isDataSaving: 2,
           isFinished: 0,
           isResultCorrect: 1,
           isPreviewMode: 3,
           isPreviewModeInteractive: 4,
-          isPreviewCheckedAnswer: 33,
+          isPreviewCheckedAnswer: 31,
           sessionId: 5
         },
         null,
@@ -7359,7 +7123,7 @@
       );
     }
     get sessionData() {
-      return this.$$.ctx[32];
+      return this.$$.ctx[30];
     }
     set sessionData(sessionData) {
       this.$$set({ sessionData });
@@ -7401,7 +7165,7 @@
       flush();
     }
     get isPreviewCheckedAnswer() {
-      return this.$$.ctx[33];
+      return this.$$.ctx[31];
     }
     set isPreviewCheckedAnswer(isPreviewCheckedAnswer) {
       this.$$set({ isPreviewCheckedAnswer });
@@ -9419,7 +9183,7 @@
   }
 
   // src/lib/assets/img/product/GripVertical.svelte
-  function create_fragment14(ctx) {
+  function create_fragment13(ctx) {
     let svg;
     let path;
     return {
@@ -9453,7 +9217,7 @@
   var GripVertical = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment14, safe_not_equal, {});
+      init(this, options, null, create_fragment13, safe_not_equal, {});
     }
   };
   create_custom_element(GripVertical, {}, [], [], true);
@@ -9555,7 +9319,7 @@
       }
     };
   }
-  function create_if_block_17(ctx) {
+  function create_if_block_16(ctx) {
     let span;
     let successsolid;
     let current;
@@ -9589,7 +9353,7 @@
       }
     };
   }
-  function create_if_block8(ctx) {
+  function create_if_block7(ctx) {
     let span;
     let gripvertical;
     let current;
@@ -9623,7 +9387,7 @@
       }
     };
   }
-  function create_fragment15(ctx) {
+  function create_fragment14(ctx) {
     let button;
     let span0;
     let commonstringtohtml;
@@ -9647,7 +9411,7 @@
       /*word*/
       ctx[1]
     ) } });
-    const if_block_creators = [create_if_block_17, create_if_block_26, create_if_block_35, create_else_block3];
+    const if_block_creators = [create_if_block_16, create_if_block_26, create_if_block_35, create_else_block3];
     const if_blocks = [];
     function select_block_type(ctx2, dirty) {
       if (
@@ -9674,7 +9438,7 @@
     let if_block1 = (
       /*resultType*/
       (ctx[0] === ANSWER_CORRECT || /*resultType*/
-      ctx[0] === ANSWER_INCORRECT) && create_if_block8(ctx)
+      ctx[0] === ANSWER_INCORRECT) && create_if_block7(ctx)
     );
     return {
       c() {
@@ -9844,7 +9608,7 @@
               transition_in(if_block1, 1);
             }
           } else {
-            if_block1 = create_if_block8(ctx);
+            if_block1 = create_if_block7(ctx);
             if_block1.c();
             transition_in(if_block1, 1);
             if_block1.m(span2, null);
@@ -9944,7 +9708,7 @@
       }
     };
   }
-  function instance9($$self, $$props, $$invalidate) {
+  function instance8($$self, $$props, $$invalidate) {
     let { word = "" } = $$props;
     let { resultType = "" } = $$props;
     let { otherClass = "" } = $$props;
@@ -10100,7 +9864,7 @@
   var PromptCategoriseWordButton = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance9, create_fragment15, safe_not_equal, {
+      init(this, options, instance8, create_fragment14, safe_not_equal, {
         word: 1,
         resultType: 0,
         otherClass: 2,
@@ -10281,7 +10045,7 @@
       }
     };
   }
-  function create_if_block_18(ctx) {
+  function create_if_block_17(ctx) {
     let div;
     let mounted;
     let dispose;
@@ -10323,7 +10087,7 @@
       }
     };
   }
-  function create_if_block9(ctx) {
+  function create_if_block8(ctx) {
     let button;
     let t2;
     let button_class_value;
@@ -10362,7 +10126,7 @@
     let current;
     let if_block = (
       /*item*/
-      ctx[39].type === ANSWER_MISSED && create_if_block9(ctx)
+      ctx[39].type === ANSWER_MISSED && create_if_block8(ctx)
     );
     promptcategorisewordbutton = new PromptCategoriseWordButton_default({
       props: {
@@ -10454,7 +10218,7 @@
           if (if_block) {
             if_block.p(ctx, dirty);
           } else {
-            if_block = create_if_block9(ctx);
+            if_block = create_if_block8(ctx);
             if_block.c();
             if_block.m(t2.parentNode, t2);
           }
@@ -10541,7 +10305,7 @@
       }
     };
   }
-  function create_fragment16(ctx) {
+  function create_fragment15(ctx) {
     let t0;
     let t1;
     let section;
@@ -10564,7 +10328,7 @@
     let if_block1 = (
       /*totalRemainingWordBinItem*/
       ctx[17] <= 0 && /*isContainerWordBin*/
-      ctx[23] && create_if_block_18(ctx)
+      ctx[23] && create_if_block_17(ctx)
     );
     let each_value = ensure_array_like(Object.values(
       /*items*/
@@ -10703,7 +10467,7 @@
           if (if_block1) {
             if_block1.p(ctx2, dirty);
           } else {
-            if_block1 = create_if_block_18(ctx2);
+            if_block1 = create_if_block_17(ctx2);
             if_block1.c();
             if_block1.m(t1.parentNode, t1);
           }
@@ -10817,7 +10581,7 @@
       }
     };
   }
-  function instance10($$self, $$props, $$invalidate) {
+  function instance9($$self, $$props, $$invalidate) {
     let { containerClass = "" } = $$props;
     let { flipDurationMs = 5 } = $$props;
     let { containerId = "" } = $$props;
@@ -11162,8 +10926,8 @@
       init(
         this,
         options,
-        instance10,
-        create_fragment16,
+        instance9,
+        create_fragment15,
         safe_not_equal,
         {
           containerClass: 2,
@@ -11280,7 +11044,7 @@
   var PromptCategoriseDndContainer_default = PromptCategoriseDndContainer;
 
   // src/lib/components/common/CommonModal.svelte
-  function create_fragment17(ctx) {
+  function create_fragment16(ctx) {
     let div2;
     let div0;
     let t2;
@@ -11412,7 +11176,7 @@
   var keypress_handler = () => {
     return false;
   };
-  function instance11($$self, $$props, $$invalidate) {
+  function instance10($$self, $$props, $$invalidate) {
     let { $$slots: slots = {}, $$scope } = $$props;
     let { modalData = [] } = $$props;
     const dispatch = createEventDispatcher();
@@ -11444,7 +11208,7 @@
   var CommonModal = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance11, create_fragment17, safe_not_equal, { modalData: 3 });
+      init(this, options, instance10, create_fragment16, safe_not_equal, { modalData: 3 });
     }
     get modalData() {
       return this.$$.ctx[3];
@@ -11458,7 +11222,7 @@
   var CommonModal_default = CommonModal;
 
   // src/lib/assets/img/messaging/AlertIcon.svelte
-  function create_fragment18(ctx) {
+  function create_fragment17(ctx) {
     let svg;
     let path;
     return {
@@ -11492,14 +11256,14 @@
   var AlertIcon = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment18, 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_fragment19(ctx) {
+  function create_fragment18(ctx) {
     let svg;
     let path;
     return {
@@ -11533,7 +11297,7 @@
   var CrossIcon = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment19, safe_not_equal, {});
+      init(this, options, null, create_fragment18, safe_not_equal, {});
     }
   };
   create_custom_element(CrossIcon, {}, [], [], true);
@@ -11693,7 +11457,7 @@
       }
     };
   }
-  function create_fragment20(ctx) {
+  function create_fragment19(ctx) {
     let commonmodal;
     let current;
     commonmodal = new CommonModal_default({
@@ -11746,7 +11510,7 @@
       }
     };
   }
-  function instance12($$self, $$props, $$invalidate) {
+  function instance11($$self, $$props, $$invalidate) {
     let { categoryData = [] } = $$props;
     let { modalData = [] } = $$props;
     let categoryModal;
@@ -11829,7 +11593,7 @@
   var PromptCategoriseModal = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance12, create_fragment20, safe_not_equal, { categoryData: 6, modalData: 0 });
+      init(this, options, instance11, create_fragment19, safe_not_equal, { categoryData: 6, modalData: 0 });
     }
     get categoryData() {
       return this.$$.ctx[6];
@@ -11850,7 +11614,7 @@
   var PromptCategoriseModal_default = PromptCategoriseModal;
 
   // src/lib/assets/img/action/Switch.svelte
-  function create_fragment21(ctx) {
+  function create_fragment20(ctx) {
     let svg;
     let path;
     return {
@@ -11882,14 +11646,14 @@
   var Switch = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment21, 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_fragment22(ctx) {
+  function create_fragment21(ctx) {
     let svg;
     let path;
     return {
@@ -11950,7 +11714,7 @@
       }
     };
   }
-  function instance13($$self, $$props, $$invalidate) {
+  function instance12($$self, $$props, $$invalidate) {
     let { width = 8 } = $$props;
     let { height = 5 } = $$props;
     $$self.$$set = ($$props2) => {
@@ -11964,7 +11728,7 @@
   var SmallChevronUp = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance13, create_fragment22, safe_not_equal, { width: 0, height: 1 });
+      init(this, options, instance12, create_fragment21, safe_not_equal, { width: 0, height: 1 });
     }
     get width() {
       return this.$$.ctx[0];
@@ -11985,7 +11749,7 @@
   var SmallChevronUp_default = SmallChevronUp;
 
   // src/lib/assets/img/messaging/SmallChevronDown.svelte
-  function create_fragment23(ctx) {
+  function create_fragment22(ctx) {
     let svg;
     let path;
     return {
@@ -12046,7 +11810,7 @@
       }
     };
   }
-  function instance14($$self, $$props, $$invalidate) {
+  function instance13($$self, $$props, $$invalidate) {
     let { width = 8 } = $$props;
     let { height = 5 } = $$props;
     $$self.$$set = ($$props2) => {
@@ -12060,7 +11824,7 @@
   var SmallChevronDown = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance14, create_fragment23, safe_not_equal, { width: 0, height: 1 });
+      init(this, options, instance13, create_fragment22, safe_not_equal, { width: 0, height: 1 });
     }
     get width() {
       return this.$$.ctx[0];
@@ -12081,7 +11845,7 @@
   var SmallChevronDown_default = SmallChevronDown;
 
   // src/lib/assets/img/messaging/SmallChevronLeft.svelte
-  function create_fragment24(ctx) {
+  function create_fragment23(ctx) {
     let svg;
     let path;
     return {
@@ -12115,14 +11879,14 @@
   var SmallChevronLeft = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment24, 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_fragment25(ctx) {
+  function create_fragment24(ctx) {
     let svg;
     let path;
     return {
@@ -12156,14 +11920,14 @@
   var SmallChevronRight = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment25, 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_fragment26(ctx) {
+  function create_fragment25(ctx) {
     let svg;
     let path;
     return {
@@ -12197,7 +11961,7 @@
   var ArrowDownCircle = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment26, safe_not_equal, {});
+      init(this, options, null, create_fragment25, safe_not_equal, {});
     }
   };
   create_custom_element(ArrowDownCircle, {}, [], [], true);
@@ -12704,7 +12468,7 @@
       }
     };
   }
-  function create_if_block_19(ctx) {
+  function create_if_block_18(ctx) {
     let smallchevronup;
     let current;
     smallchevronup = new SmallChevronUp_default({});
@@ -12821,7 +12585,7 @@
       /*previewResultSr*/
       ctx[5] && create_if_block_28(ctx)
     );
-    const if_block_creators = [create_if_block_19, create_else_block4];
+    const if_block_creators = [create_if_block_18, create_else_block4];
     const if_blocks = [];
     function select_block_type(ctx2, dirty) {
       if (dirty[0] & /*openCategoryContainer*/
@@ -13509,7 +13273,7 @@
       }
     };
   }
-  function create_if_block10(ctx) {
+  function create_if_block9(ctx) {
     let span;
     let t0;
     let t1;
@@ -13621,7 +13385,7 @@
     const out = (i) => transition_out(each_blocks[i], 1, 1, () => {
       each_blocks[i] = null;
     });
-    let if_block2 = show_if && create_if_block10(ctx);
+    let if_block2 = show_if && create_if_block9(ctx);
     smallchevronleft = new SmallChevronLeft_default({});
     promptcategorisedndcontainer = new PromptCategoriseDndContainer_default({
       props: {
@@ -14038,7 +13802,7 @@
           if (if_block2) {
             if_block2.p(ctx, dirty);
           } else {
-            if_block2 = create_if_block10(ctx);
+            if_block2 = create_if_block9(ctx);
             if_block2.c();
             if_block2.m(div2, t8);
           }
@@ -14225,7 +13989,7 @@
       }
     };
   }
-  function create_fragment27(ctx) {
+  function create_fragment26(ctx) {
     let div;
     let promptbody;
     let current;
@@ -14284,7 +14048,7 @@
       }
     };
   }
-  function instance15($$self, $$props, $$invalidate) {
+  function instance14($$self, $$props, $$invalidate) {
     let { sessionData } = $$props;
     let { isFinished = false } = $$props;
     let { isPreviewMode = false } = $$props;
@@ -14713,8 +14477,8 @@
       init(
         this,
         options,
-        instance15,
-        create_fragment27,
+        instance14,
+        create_fragment26,
         safe_not_equal,
         {
           sessionData: 48,
@@ -14886,7 +14650,7 @@
       }
     };
   }
-  function create_if_block_110(ctx) {
+  function create_if_block_19(ctx) {
     let show_if;
     let current_block_type_index;
     let if_block;
@@ -15059,7 +14823,7 @@
       }
     };
   }
-  function create_if_block11(ctx) {
+  function create_if_block10(ctx) {
     let span;
     let smallchevronup;
     let current;
@@ -15294,7 +15058,7 @@
       }
     };
   }
-  function create_fragment28(ctx) {
+  function create_fragment27(ctx) {
     let span1;
     let div0;
     let div0_class_value;
@@ -15354,9 +15118,9 @@
       (ctx[0] && /*selected*/
       ctx[7] !== "Select answer" || /*isPreviewModeInteractive*/
       ctx[2] && /*previewInteractiveEvent*/
-      ctx[6]) && create_if_block_110(ctx)
+      ctx[6]) && create_if_block_19(ctx)
     );
-    const if_block_creators = [create_if_block11, create_else_block5];
+    const if_block_creators = [create_if_block10, create_else_block5];
     const if_blocks = [];
     function select_block_type_3(ctx2, dirty) {
       if (
@@ -15615,7 +15379,7 @@
               transition_in(if_block1, 1);
             }
           } else {
-            if_block1 = create_if_block_110(ctx);
+            if_block1 = create_if_block_19(ctx);
             if_block1.c();
             transition_in(if_block1, 1);
             if_block1.m(div3, t5);
@@ -15807,7 +15571,7 @@
     };
   }
   var keyPressDelay = 1e3;
-  function instance16($$self, $$props, $$invalidate) {
+  function instance15($$self, $$props, $$invalidate) {
     let activeIndex;
     let lastKeyPressTime;
     let focusKeyDelay;
@@ -16125,8 +15889,8 @@
       init(
         this,
         options,
-        instance16,
-        create_fragment28,
+        instance15,
+        create_fragment27,
         safe_not_equal,
         {
           metadata: 22,
@@ -16210,465 +15974,116 @@
   customElements.define("prompt-dropdown-container", create_custom_element(PromptDropdownContainer, { "metadata": {}, "scoringMetadata": {}, "isFinished": { "type": "Boolean" }, "isPreviewMode": { "type": "Boolean" }, "isPreviewModeInteractive": { "type": "Boolean" }, "isDataSaving": { "type": "Boolean" }, "options": {}, "answer": {}, "previewInteractiveEvent": { "type": "Boolean" } }, [], [], true));
   var PromptDropdownContainer_default = PromptDropdownContainer;
 
-  // src/lib/components/prompt/template/PromptResultFeedbackv3.svelte
-  function create_if_block12(ctx) {
-    let div1;
-    let t0;
-    let div0;
-    let t1;
+  // src/lib/components/prompt/template/PromptResultFeedbackTable.svelte
+  function get_each_context6(ctx, list, i) {
+    const child_ctx = ctx.slice();
+    child_ctx[6] = list[i];
+    child_ctx[8] = i;
+    return child_ctx;
+  }
+  function get_each_context_12(ctx, list, i) {
+    const child_ctx = ctx.slice();
+    child_ctx[9] = list[i];
+    child_ctx[11] = i;
+    return child_ctx;
+  }
+  function create_else_block_4(ctx) {
     let t2;
-    let span;
-    let commonstringtohtml;
-    let div1_role_value;
-    let div1_class_value;
-    let current;
-    let if_block0 = (
-      /*hasIcon*/
-      ctx[2] && create_if_block_38(ctx)
-    );
-    let if_block1 = !/*isFeedbackAlert*/
-    ctx[3] && create_if_block_210(ctx);
-    let if_block2 = (
-      /*resultFeedbackTitle*/
-      ctx[1] && create_if_block_111(ctx)
-    );
-    commonstringtohtml = new CommonStringToHtml_default({
-      props: { htmlString: (
-        /*resultFeedback*/
-        ctx[0]
-      ) }
-    });
     return {
       c() {
-        div1 = element("div");
-        if (if_block0)
-          if_block0.c();
-        t0 = space();
-        div0 = element("div");
-        if (if_block1)
-          if_block1.c();
-        t1 = space();
-        if (if_block2)
-          if_block2.c();
-        t2 = space();
-        span = element("span");
-        create_component(commonstringtohtml.$$.fragment);
-        attr(div1, "role", div1_role_value = /*isFeedbackAlert*/
-        ctx[3] ? "alert" : null);
-        attr(div1, "class", div1_class_value = "my-6 p-4 border-l-4 text-charcoal text-base flex " + /*isSkipped*/
-        (ctx[5] ? "border-blue-950 bg-blue-50" : (
-          /*isResultCorrect*/
-          ctx[4] ? "border-green-900 bg-green-300" : "border-red-900 bg-red-50"
-        )));
+        t2 = text("Correct answer\n                        ");
       },
       m(target, anchor) {
-        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);
-        if (if_block2)
-          if_block2.m(div0, null);
-        append(div0, t2);
-        append(div0, span);
-        mount_component(commonstringtohtml, span, null);
-        current = true;
+        insert(target, t2, anchor);
       },
-      p(ctx2, dirty) {
-        if (
-          /*hasIcon*/
-          ctx2[2]
-        ) {
-          if (if_block0) {
-            if_block0.p(ctx2, dirty);
-            if (dirty & /*hasIcon*/
-            4) {
-              transition_in(if_block0, 1);
-            }
-          } else {
-            if_block0 = create_if_block_38(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 (!/*isFeedbackAlert*/
-        ctx2[3]) {
-          if (if_block1) {
-          } else {
-            if_block1 = create_if_block_210(ctx2);
-            if_block1.c();
-            if_block1.m(div0, t1);
-          }
-        } else if (if_block1) {
-          if_block1.d(1);
-          if_block1 = null;
-        }
-        if (
-          /*resultFeedbackTitle*/
-          ctx2[1]
-        ) {
-          if (if_block2) {
-            if_block2.p(ctx2, dirty);
-          } else {
-            if_block2 = create_if_block_111(ctx2);
-            if_block2.c();
-            if_block2.m(div0, t2);
-          }
-        } else if (if_block2) {
-          if_block2.d(1);
-          if_block2 = null;
-        }
-        const commonstringtohtml_changes = {};
-        if (dirty & /*resultFeedback*/
-        1)
-          commonstringtohtml_changes.htmlString = /*resultFeedback*/
-          ctx2[0];
-        commonstringtohtml.$set(commonstringtohtml_changes);
-        if (!current || dirty & /*isFeedbackAlert*/
-        8 && div1_role_value !== (div1_role_value = /*isFeedbackAlert*/
-        ctx2[3] ? "alert" : null)) {
-          attr(div1, "role", div1_role_value);
-        }
-        if (!current || dirty & /*isSkipped, isResultCorrect*/
-        48 && div1_class_value !== (div1_class_value = "my-6 p-4 border-l-4 text-charcoal text-base flex " + /*isSkipped*/
-        (ctx2[5] ? "border-blue-950 bg-blue-50" : (
-          /*isResultCorrect*/
-          ctx2[4] ? "border-green-900 bg-green-300" : "border-red-900 bg-red-50"
-        )))) {
-          attr(div1, "class", div1_class_value);
-        }
-      },
-      i(local) {
-        if (current)
-          return;
-        transition_in(if_block0);
-        transition_in(commonstringtohtml.$$.fragment, local);
-        current = true;
-      },
-      o(local) {
-        transition_out(if_block0);
-        transition_out(commonstringtohtml.$$.fragment, local);
-        current = false;
-      },
-      d(detaching) {
-        if (detaching) {
-          detach(div1);
-        }
-        if (if_block0)
-          if_block0.d();
-        if (if_block1)
-          if_block1.d();
-        if (if_block2)
-          if_block2.d();
-        destroy_component(commonstringtohtml);
-      }
-    };
-  }
-  function create_if_block_38(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, "aria-hidden", "true");
-        attr(span, "class", span_class_value = "h-6 w-6 flex items-center pt-0.5 mr-2 " + /*isSkipped*/
-        (ctx[5] ? "text-blue-950" : (
-          /*isResultCorrect*/
-          ctx[4] ? "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*/
-        48 && span_class_value !== (span_class_value = "h-6 w-6 flex items-center pt-0.5 mr-2 " + /*isSkipped*/
-        (ctx2[5] ? "text-blue-950" : (
-          /*isResultCorrect*/
-          ctx2[4] ? "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_210(ctx) {
-    let span;
-    return {
-      c() {
-        span = element("span");
-        span.textContent = "Alert. \xA0";
-        attr(span, "class", "sr-only");
-      },
-      m(target, anchor) {
-        insert(target, span, anchor);
-      },
-      d(detaching) {
-        if (detaching) {
-          detach(span);
-        }
-      }
-    };
-  }
-  function create_if_block_111(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);
+      p: noop,
+      d(detaching) {
+        if (detaching) {
+          detach(t2);
         }
       }
     };
   }
-  function create_fragment29(ctx) {
-    let if_block_anchor;
-    let current;
-    let if_block = (
-      /*resultFeedback*/
-      ctx[0] && create_if_block12(ctx)
-    );
+  function create_if_block_46(ctx) {
+    let t0;
+    let t1;
+    function select_block_type_1(ctx2, dirty) {
+      if (
+        /*answerResults*/
+        ctx2[1][
+          /*itemIndex*/
+          ctx2[8]
+        ]
+      )
+        return create_if_block_55;
+      return create_else_block_33;
+    }
+    let current_block_type = select_block_type_1(ctx, -1);
+    let if_block = current_block_type(ctx);
     return {
       c() {
-        if (if_block)
-          if_block.c();
-        if_block_anchor = empty();
+        t0 = text("Student's answer\n                            ");
+        if_block.c();
+        t1 = space();
       },
       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_block12(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 instance17($$self, $$props, $$invalidate) {
-    let { hasIcon = false } = $$props;
-    let { isFeedbackAlert = true } = $$props;
-    let { isResultCorrect = true } = $$props;
-    let { isSkipped = false } = $$props;
-    let { resultFeedback = null } = $$props;
-    let { resultFeedbackTitle = null } = $$props;
-    $$self.$$set = ($$props2) => {
-      if ("hasIcon" in $$props2)
-        $$invalidate(2, hasIcon = $$props2.hasIcon);
-      if ("isFeedbackAlert" in $$props2)
-        $$invalidate(3, isFeedbackAlert = $$props2.isFeedbackAlert);
-      if ("isResultCorrect" in $$props2)
-        $$invalidate(4, isResultCorrect = $$props2.isResultCorrect);
-      if ("isSkipped" in $$props2)
-        $$invalidate(5, isSkipped = $$props2.isSkipped);
-      if ("resultFeedback" in $$props2)
-        $$invalidate(0, resultFeedback = $$props2.resultFeedback);
-      if ("resultFeedbackTitle" in $$props2)
-        $$invalidate(1, resultFeedbackTitle = $$props2.resultFeedbackTitle);
-    };
-    $$self.$$.update = () => {
-      if ($$self.$$.dirty & /*isSkipped*/
-      32) {
-        $:
-          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,
-      hasIcon,
-      isFeedbackAlert,
-      isResultCorrect,
-      isSkipped
-    ];
-  }
-  var PromptResultFeedbackv3 = class extends SvelteComponent {
-    constructor(options) {
-      super();
-      init(this, options, instance17, create_fragment29, safe_not_equal, {
-        hasIcon: 2,
-        isFeedbackAlert: 3,
-        isResultCorrect: 4,
-        isSkipped: 5,
-        resultFeedback: 0,
-        resultFeedbackTitle: 1
-      });
-    }
-    get hasIcon() {
-      return this.$$.ctx[2];
-    }
-    set hasIcon(hasIcon) {
-      this.$$set({ hasIcon });
-      flush();
-    }
-    get isFeedbackAlert() {
-      return this.$$.ctx[3];
-    }
-    set isFeedbackAlert(isFeedbackAlert) {
-      this.$$set({ isFeedbackAlert });
-      flush();
-    }
-    get isResultCorrect() {
-      return this.$$.ctx[4];
-    }
-    set isResultCorrect(isResultCorrect) {
-      this.$$set({ isResultCorrect });
-      flush();
-    }
-    get isSkipped() {
-      return this.$$.ctx[5];
-    }
-    set isSkipped(isSkipped) {
-      this.$$set({ isSkipped });
-      flush();
-    }
-    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();
-    }
-  };
-  customElements.define("prompt-result-feedbackv3", create_custom_element(PromptResultFeedbackv3, { "hasIcon": { "type": "Boolean" }, "isFeedbackAlert": { "type": "Boolean" }, "isResultCorrect": { "type": "Boolean" }, "isSkipped": { "type": "Boolean" }, "resultFeedback": {}, "resultFeedbackTitle": {} }, [], [], true));
-  var PromptResultFeedbackv3_default = PromptResultFeedbackv3;
-
-  // src/lib/components/prompt/template/PromptResultFeedbackTable.svelte
-  function get_each_context6(ctx, list, i) {
-    const child_ctx = ctx.slice();
-    child_ctx[6] = list[i];
-    child_ctx[8] = i;
-    return child_ctx;
+        insert(target, t0, anchor);
+        if_block.m(target, anchor);
+        insert(target, t1, anchor);
+      },
+      p(ctx2, dirty) {
+        if (current_block_type !== (current_block_type = select_block_type_1(ctx2, dirty))) {
+          if_block.d(1);
+          if_block = current_block_type(ctx2);
+          if (if_block) {
+            if_block.c();
+            if_block.m(t1.parentNode, t1);
+          }
+        }
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(t0);
+          detach(t1);
+        }
+        if_block.d(detaching);
+      }
+    };
   }
-  function get_each_context_12(ctx, list, i) {
-    const child_ctx = ctx.slice();
-    child_ctx[9] = list[i];
-    child_ctx[11] = i;
-    return child_ctx;
+  function create_else_block_33(ctx) {
+    let t2;
+    return {
+      c() {
+        t2 = text("(Incorrect)");
+      },
+      m(target, anchor) {
+        insert(target, t2, anchor);
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(t2);
+        }
+      }
+    };
+  }
+  function create_if_block_55(ctx) {
+    let t2;
+    return {
+      c() {
+        t2 = text("(Correct)");
+      },
+      m(target, anchor) {
+        insert(target, t2, anchor);
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(t2);
+        }
+      }
+    };
   }
   function create_else_block_23(ctx) {
     let commonstringtohtml;
-    let t0;
-    let div;
-    let t1_value = (
-      /*answerResults*/
-      (ctx[1][
-        /*itemIndex*/
-        ctx[8]
-      ] ? useRemoveRichTextHtmlTags(
-        /*sessionAnswer*/
-        ctx[3][
-          /*itemIndex*/
-          ctx[8]
-        ]
-      ) : useRemoveRichTextHtmlTags(
-        /*item*/
-        ctx[6][0]
-      )) + ""
-    );
-    let t1;
     let current;
     commonstringtohtml = new CommonStringToHtml_default({
       props: {
@@ -16688,23 +16103,15 @@
             ctx[6][0]
           )
         ),
-        otherClass: "overflow-y-visible break-words",
-        ariaHidden: true
+        otherClass: "overflow-y-visible break-words"
       }
     });
     return {
       c() {
         create_component(commonstringtohtml.$$.fragment);
-        t0 = space();
-        div = element("div");
-        t1 = text(t1_value);
-        attr(div, "class", "sr-only");
       },
       m(target, anchor) {
         mount_component(commonstringtohtml, target, anchor);
-        insert(target, t0, anchor);
-        insert(target, div, anchor);
-        append(div, t1);
         current = true;
       },
       p(ctx2, dirty) {
@@ -16726,22 +16133,6 @@
             ctx2[6][0]
           );
         commonstringtohtml.$set(commonstringtohtml_changes);
-        if ((!current || dirty & /*answerResults, sessionAnswer, correctAnswers*/
-        14) && t1_value !== (t1_value = /*answerResults*/
-        (ctx2[1][
-          /*itemIndex*/
-          ctx2[8]
-        ] ? useRemoveRichTextHtmlTags(
-          /*sessionAnswer*/
-          ctx2[3][
-            /*itemIndex*/
-            ctx2[8]
-          ]
-        ) : useRemoveRichTextHtmlTags(
-          /*item*/
-          ctx2[6][0]
-        )) + ""))
-          set_data(t1, t1_value);
       },
       i(local) {
         if (current)
@@ -16754,22 +16145,18 @@
         current = false;
       },
       d(detaching) {
-        if (detaching) {
-          detach(t0);
-          detach(div);
-        }
         destroy_component(commonstringtohtml, detaching);
       }
     };
   }
-  function create_if_block_211(ctx) {
+  function create_if_block_210(ctx) {
     let current_block_type_index;
     let if_block;
     let if_block_anchor;
     let current;
-    const if_block_creators = [create_if_block_39, create_else_block_13];
+    const if_block_creators = [create_if_block_38, create_else_block_13];
     const if_blocks = [];
-    function select_block_type_1(ctx2, dirty) {
+    function select_block_type_3(ctx2, dirty) {
       if (
         /*sessionAnswer*/
         ctx2[3][
@@ -16780,7 +16167,7 @@
         return 0;
       return 1;
     }
-    current_block_type_index = select_block_type_1(ctx, -1);
+    current_block_type_index = select_block_type_3(ctx, -1);
     if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
     return {
       c() {
@@ -16794,7 +16181,7 @@
       },
       p(ctx2, dirty) {
         let previous_block_index = current_block_type_index;
-        current_block_type_index = select_block_type_1(ctx2, dirty);
+        current_block_type_index = select_block_type_3(ctx2, dirty);
         if (current_block_type_index === previous_block_index) {
           if_blocks[current_block_type_index].p(ctx2, dirty);
         } else {
@@ -16851,18 +16238,8 @@
       }
     };
   }
-  function create_if_block_39(ctx) {
+  function create_if_block_38(ctx) {
     let commonstringtohtml;
-    let t0;
-    let div;
-    let t1_value = useRemoveRichTextHtmlTags(
-      /*sessionAnswer*/
-      ctx[3][
-        /*itemIndex*/
-        ctx[8]
-      ]
-    ) + "";
-    let t1;
     let current;
     commonstringtohtml = new CommonStringToHtml_default({
       props: {
@@ -16873,23 +16250,15 @@
             ctx[8]
           ]
         ),
-        otherClass: "overflow-y-visible break-words",
-        ariaHidden: true
+        otherClass: "overflow-y-visible break-words"
       }
     });
     return {
       c() {
         create_component(commonstringtohtml.$$.fragment);
-        t0 = space();
-        div = element("div");
-        t1 = text(t1_value);
-        attr(div, "class", "sr-only");
       },
       m(target, anchor) {
         mount_component(commonstringtohtml, target, anchor);
-        insert(target, t0, anchor);
-        insert(target, div, anchor);
-        append(div, t1);
         current = true;
       },
       p(ctx2, dirty) {
@@ -16902,15 +16271,6 @@
             ctx2[8]
           ];
         commonstringtohtml.$set(commonstringtohtml_changes);
-        if ((!current || dirty & /*sessionAnswer*/
-        8) && t1_value !== (t1_value = useRemoveRichTextHtmlTags(
-          /*sessionAnswer*/
-          ctx2[3][
-            /*itemIndex*/
-            ctx2[8]
-          ]
-        ) + ""))
-          set_data(t1, t1_value);
       },
       i(local) {
         if (current)
@@ -16923,24 +16283,20 @@
         current = false;
       },
       d(detaching) {
-        if (detaching) {
-          detach(t0);
-          detach(div);
-        }
         destroy_component(commonstringtohtml, detaching);
       }
     };
   }
-  function create_if_block13(ctx) {
+  function create_if_block11(ctx) {
     let span1;
     let span0;
     let current_block_type_index;
     let if_block;
     let span0_class_value;
     let current;
-    const if_block_creators = [create_if_block_112, create_else_block6];
+    const if_block_creators = [create_if_block_110, create_else_block6];
     const if_blocks = [];
-    function select_block_type_2(ctx2, dirty) {
+    function select_block_type_4(ctx2, dirty) {
       if (
         /*answerResults*/
         ctx2[1][
@@ -16951,7 +16307,7 @@
         return 0;
       return 1;
     }
-    current_block_type_index = select_block_type_2(ctx, -1);
+    current_block_type_index = select_block_type_4(ctx, -1);
     if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
     return {
       c() {
@@ -16973,7 +16329,7 @@
       },
       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, () => {
@@ -17043,7 +16399,7 @@
       }
     };
   }
-  function create_if_block_112(ctx) {
+  function create_if_block_110(ctx) {
     let successsolid;
     let current;
     successsolid = new SuccessSolid_default({});
@@ -17071,7 +16427,7 @@
     };
   }
   function create_each_block_12(ctx) {
-    let div2;
+    let div3;
     let p;
     let t0_value = useIsEven(
       /*iterationIndex*/
@@ -17081,7 +16437,7 @@
     let t1;
     let p_class_value;
     let t2;
-    let div1;
+    let div2;
     let label;
     let span0;
     let t3;
@@ -17089,28 +16445,52 @@
     let label_for_value;
     let label_class_value;
     let t5;
+    let span2;
+    let show_if_2;
+    let t6;
+    let t7_value = (
+      /*itemIndex*/
+      ctx[8] + 1 + ""
+    );
+    let t7;
+    let t8;
+    let span2_id_value;
+    let t9;
+    let div1;
     let div0;
     let show_if_1;
     let current_block_type_index;
-    let if_block0;
-    let div0_aria_label_value;
-    let div0_class_value;
+    let if_block1;
     let div0_id_value;
-    let div0_tabindex_value;
+    let div1_aria_labelledby_value;
+    let div1_aria_describedby_value;
+    let div1_class_value;
+    let div1_id_value;
+    let div1_tabindex_value;
     let autosize_action;
-    let t6;
+    let t10;
     let show_if = useIsEven(
       /*iterationIndex*/
       ctx[11]
     );
-    let div1_class_value;
     let div2_class_value;
+    let div3_class_value;
     let current;
     let mounted;
     let dispose;
-    const if_block_creators = [create_if_block_211, create_else_block_23];
-    const if_blocks = [];
     function select_block_type(ctx2, dirty) {
+      if (useIsEven(
+        /*iterationIndex*/
+        ctx2[11]
+      ))
+        return create_if_block_46;
+      return create_else_block_4;
+    }
+    let current_block_type = select_block_type(ctx, -1);
+    let if_block0 = current_block_type(ctx);
+    const if_block_creators = [create_if_block_210, create_else_block_23];
+    const if_blocks = [];
+    function select_block_type_2(ctx2, dirty) {
       if (useIsEven(
         /*iterationIndex*/
         ctx2[11]
@@ -17118,17 +16498,17 @@
         return 0;
       return 1;
     }
-    current_block_type_index = select_block_type(ctx, -1);
-    if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
-    let if_block1 = show_if && create_if_block13(ctx);
+    current_block_type_index = select_block_type_2(ctx, -1);
+    if_block1 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+    let if_block2 = show_if && create_if_block11(ctx);
     return {
       c() {
-        div2 = element("div");
+        div3 = element("div");
         p = element("p");
         t0 = text(t0_value);
         t1 = text(" answers:");
         t2 = space();
-        div1 = element("div");
+        div2 = element("div");
         label = element("label");
         span0 = element("span");
         t3 = space();
@@ -17136,11 +16516,18 @@
         span1.textContent = `${/*itemIndex*/
         ctx[8] + 1}`;
         t5 = space();
-        div0 = element("div");
+        span2 = element("span");
         if_block0.c();
-        t6 = space();
-        if (if_block1)
-          if_block1.c();
+        t6 = text(", Item number ");
+        t7 = text(t7_value);
+        t8 = text(":");
+        t9 = space();
+        div1 = element("div");
+        div0 = element("div");
+        if_block1.c();
+        t10 = space();
+        if (if_block2)
+          if_block2.c();
         attr(p, "class", p_class_value = "text-base text-charcoal font-semibold " + (useIsEven(
           /*iterationIndex*/
           ctx[11]
@@ -17181,27 +16568,22 @@
             ctx[11]
           ) ? "" : "hidden"
         )));
-        attr(div0, "role", "textbox");
-        attr(div0, "aria-label", div0_aria_label_value = `${useIsEven(
-          /*iterationIndex*/
-          ctx[11]
-        ) ? `Student's` : "Correct"} answer${useIsEven(
-          /*iterationIndex*/
-          ctx[11]
-        ) && /*answerResults*/
-        ctx[1][
-          /*itemIndex*/
-          ctx[8]
-        ] ? " (Correct)" : useIsEven(
-          /*iterationIndex*/
-          ctx[11]
-        ) && !/*answerResults*/
-        ctx[1][
-          /*itemIndex*/
-          ctx[8]
-        ] ? " (Incorrect)" : ""}, Item number ${/*itemIndex*/
-        ctx[8] + 1}:`);
-        attr(div0, "class", div0_class_value = "typein-textbox py-[9px] pr-4 mt-4 " + /*correctAnswerDataLength*/
+        attr(span2, "id", span2_id_value = "textbox-" + /*iteration*/
+        ctx[9] + "-" + /*itemIndex*/
+        ctx[8]);
+        attr(span2, "class", "hidden");
+        attr(span2, "aria-hidden", "true");
+        attr(div0, "id", div0_id_value = "textbox-value-" + /*iteration*/
+        ctx[9] + "-" + /*itemIndex*/
+        ctx[8]);
+        attr(div1, "role", "textbox");
+        attr(div1, "aria-labelledby", div1_aria_labelledby_value = "textbox-" + /*iteration*/
+        ctx[9] + "-" + /*itemIndex*/
+        ctx[8]);
+        attr(div1, "aria-describedby", div1_aria_describedby_value = "textbox-value-" + /*iteration*/
+        ctx[9] + "-" + /*itemIndex*/
+        ctx[8]);
+        attr(div1, "class", div1_class_value = "typein-textbox py-[9px] pr-4 mt-4 " + /*correctAnswerDataLength*/
         (ctx[4] > 1 && !useIsEven(
           /*iterationIndex*/
           ctx[11]
@@ -17229,12 +16611,12 @@
           /*itemIndex*/
           ctx[8]
         ] ? "border-2 border-red-900 bg-red-50" : ""));
-        attr(div0, "aria-readonly", "true");
-        attr(div0, "id", div0_id_value = `${/*iterationIndex*/
+        attr(div1, "aria-readonly", "true");
+        attr(div1, "id", div1_id_value = `${/*iterationIndex*/
         ctx[11]}-${/*sessionId*/
         ctx[0]}-${/*itemIndex*/
         ctx[8]}`);
-        attr(div0, "tabindex", div0_tabindex_value = !useIsEven(
+        attr(div1, "tabindex", div1_tabindex_value = !useIsEven(
           /*iterationIndex*/
           ctx[11]
         ) && /*answerResults*/
@@ -17242,7 +16624,7 @@
           /*itemIndex*/
           ctx[8]
         ] ? "-1" : "0");
-        attr(div1, "class", div1_class_value = "h-fit relative " + (!useIsEven(
+        attr(div2, "class", div2_class_value = "h-fit relative " + (!useIsEven(
           /*iterationIndex*/
           ctx[11]
         ) && /*answerResults*/
@@ -17250,31 +16632,38 @@
           /*itemIndex*/
           ctx[8]
         ] ? "hidden md:block" : ""));
-        attr(div2, "class", div2_class_value = "flex flex-col md:w-1/2 " + (useIsEven(
+        attr(div3, "class", div3_class_value = "flex flex-col md:w-1/2 " + (useIsEven(
           /*iterationIndex*/
           ctx[11]
         ) ? "md:pr-4" : "ml-8.5 md:ml-0 md:pl-4"));
       },
       m(target, anchor) {
-        insert(target, div2, anchor);
-        append(div2, p);
+        insert(target, div3, anchor);
+        append(div3, p);
         append(p, t0);
         append(p, t1);
-        append(div2, t2);
-        append(div2, div1);
-        append(div1, label);
+        append(div3, t2);
+        append(div3, div2);
+        append(div2, label);
         append(label, span0);
         append(label, t3);
         append(label, span1);
-        append(div1, t5);
+        append(div2, t5);
+        append(div2, span2);
+        if_block0.m(span2, null);
+        append(span2, t6);
+        append(span2, t7);
+        append(span2, t8);
+        append(div2, t9);
+        append(div2, div1);
         append(div1, div0);
         if_blocks[current_block_type_index].m(div0, null);
-        append(div1, t6);
-        if (if_block1)
-          if_block1.m(div1, null);
+        append(div2, t10);
+        if (if_block2)
+          if_block2.m(div2, null);
         current = true;
         if (!mounted) {
-          dispose = action_destroyer(autosize_action = svelte_autosize_default.call(null, div0));
+          dispose = action_destroyer(autosize_action = svelte_autosize_default.call(null, div1));
           mounted = true;
         }
       },
@@ -17313,30 +16702,9 @@
           attr(label, "for", label_for_value);
         }
         if_block0.p(ctx2, dirty);
+        if_block1.p(ctx2, dirty);
         if (!current || dirty & /*answerResults*/
-        2 && div0_aria_label_value !== (div0_aria_label_value = `${useIsEven(
-          /*iterationIndex*/
-          ctx2[11]
-        ) ? `Student's` : "Correct"} answer${useIsEven(
-          /*iterationIndex*/
-          ctx2[11]
-        ) && /*answerResults*/
-        ctx2[1][
-          /*itemIndex*/
-          ctx2[8]
-        ] ? " (Correct)" : useIsEven(
-          /*iterationIndex*/
-          ctx2[11]
-        ) && !/*answerResults*/
-        ctx2[1][
-          /*itemIndex*/
-          ctx2[8]
-        ] ? " (Incorrect)" : ""}, Item number ${/*itemIndex*/
-        ctx2[8] + 1}:`)) {
-          attr(div0, "aria-label", div0_aria_label_value);
-        }
-        if (!current || dirty & /*answerResults*/
-        2 && div0_class_value !== (div0_class_value = "typein-textbox py-[9px] pr-4 mt-4 " + /*correctAnswerDataLength*/
+        2 && div1_class_value !== (div1_class_value = "typein-textbox py-[9px] pr-4 mt-4 " + /*correctAnswerDataLength*/
         (ctx2[4] > 1 && !useIsEven(
           /*iterationIndex*/
           ctx2[11]
@@ -17364,17 +16732,17 @@
           /*itemIndex*/
           ctx2[8]
         ] ? "border-2 border-red-900 bg-red-50" : ""))) {
-          attr(div0, "class", div0_class_value);
+          attr(div1, "class", div1_class_value);
         }
         if (!current || dirty & /*sessionId*/
-        1 && div0_id_value !== (div0_id_value = `${/*iterationIndex*/
+        1 && div1_id_value !== (div1_id_value = `${/*iterationIndex*/
         ctx2[11]}-${/*sessionId*/
         ctx2[0]}-${/*itemIndex*/
         ctx2[8]}`)) {
-          attr(div0, "id", div0_id_value);
+          attr(div1, "id", div1_id_value);
         }
         if (!current || dirty & /*answerResults*/
-        2 && div0_tabindex_value !== (div0_tabindex_value = !useIsEven(
+        2 && div1_tabindex_value !== (div1_tabindex_value = !useIsEven(
           /*iterationIndex*/
           ctx2[11]
         ) && /*answerResults*/
@@ -17382,12 +16750,12 @@
           /*itemIndex*/
           ctx2[8]
         ] ? "-1" : "0")) {
-          attr(div0, "tabindex", div0_tabindex_value);
+          attr(div1, "tabindex", div1_tabindex_value);
         }
         if (show_if)
-          if_block1.p(ctx2, dirty);
+          if_block2.p(ctx2, dirty);
         if (!current || dirty & /*answerResults*/
-        2 && div1_class_value !== (div1_class_value = "h-fit relative " + (!useIsEven(
+        2 && div2_class_value !== (div2_class_value = "h-fit relative " + (!useIsEven(
           /*iterationIndex*/
           ctx2[11]
         ) && /*answerResults*/
@@ -17395,28 +16763,29 @@
           /*itemIndex*/
           ctx2[8]
         ] ? "hidden md:block" : ""))) {
-          attr(div1, "class", div1_class_value);
+          attr(div2, "class", div2_class_value);
         }
       },
       i(local) {
         if (current)
           return;
-        transition_in(if_block0);
         transition_in(if_block1);
+        transition_in(if_block2);
         current = true;
       },
       o(local) {
-        transition_out(if_block0);
         transition_out(if_block1);
+        transition_out(if_block2);
         current = false;
       },
       d(detaching) {
         if (detaching) {
-          detach(div2);
+          detach(div3);
         }
+        if_block0.d();
         if_blocks[current_block_type_index].d();
-        if (if_block1)
-          if_block1.d();
+        if (if_block2)
+          if_block2.d();
         mounted = false;
         dispose();
       }
@@ -17457,8 +16826,8 @@
         current = true;
       },
       p(ctx2, dirty) {
-        if (dirty & /*answerResults, correctAnswerDataLength, sessionId, sessionAnswer, correctAnswers*/
-        31) {
+        if (dirty & /*answerResults, inlineIteration, correctAnswerDataLength, sessionId, sessionAnswer, correctAnswers*/
+        63) {
           each_value_1 = ensure_array_like(
             /*inlineIteration*/
             ctx2[5]
@@ -17506,7 +16875,7 @@
       }
     };
   }
-  function create_fragment30(ctx) {
+  function create_fragment28(ctx) {
     let each_1_anchor;
     let current;
     let each_value = ensure_array_like(
@@ -17586,7 +16955,7 @@
       }
     };
   }
-  function instance18($$self, $$props, $$invalidate) {
+  function instance16($$self, $$props, $$invalidate) {
     let { sessionId } = $$props;
     let { answerResults = [] } = $$props;
     let { correctAnswers = [] } = $$props;
@@ -17615,7 +16984,7 @@
   var PromptResultFeedbackTable = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance18, create_fragment30, safe_not_equal, {
+      init(this, options, instance16, create_fragment28, safe_not_equal, {
         sessionId: 0,
         answerResults: 1,
         correctAnswers: 2,
@@ -17693,7 +17062,7 @@
       }
     };
   }
-  function create_if_block_113(ctx) {
+  function create_if_block_111(ctx) {
     let promptdropdowncontainer;
     let current;
     promptdropdowncontainer = new PromptDropdownContainer_default({
@@ -17805,7 +17174,7 @@
     let if_block;
     let if_block_anchor;
     let current;
-    const if_block_creators = [create_if_block_113, create_else_block7];
+    const if_block_creators = [create_if_block_111, create_else_block7];
     const if_blocks = [];
     function select_block_type(ctx2, dirty) {
       if (
@@ -17848,14 +17217,14 @@
       }
     };
   }
-  function create_if_block14(ctx) {
+  function create_if_block12(ctx) {
     let div;
     let t0;
     let promptresult;
     let t1;
     let promptresultfeedbacktable;
     let current;
-    promptresult = new PromptResultFeedbackv3_default({
+    promptresult = new PromptResultFeedbackAlert_default({
       props: {
         isResultCorrect: (
           /*isResultCorrect*/
@@ -17990,7 +17359,7 @@
       (ctx[2] && !/*isPreviewMode*/
       ctx[3] || /*isPreviewModeInteractive*/
       ctx[4] && /*previewInteractiveEvent*/
-      ctx[9]) && create_if_block14(ctx)
+      ctx[9]) && create_if_block12(ctx)
     );
     return {
       c() {
@@ -18060,7 +17429,7 @@
               transition_in(if_block, 1);
             }
           } else {
-            if_block = create_if_block14(ctx2);
+            if_block = create_if_block12(ctx2);
             if_block.c();
             transition_in(if_block, 1);
             if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -18102,7 +17471,7 @@
       }
     };
   }
-  function create_fragment31(ctx) {
+  function create_fragment29(ctx) {
     let promptbody;
     let current;
     promptbody = new PromptBody_default({
@@ -18157,7 +17526,7 @@
       }
     };
   }
-  function instance19($$self, $$props, $$invalidate) {
+  function instance17($$self, $$props, $$invalidate) {
     let answer;
     let getSessionFeedbackData;
     let isSkipped;
@@ -18367,8 +17736,8 @@
       init(
         this,
         options,
-        instance19,
-        create_fragment31,
+        instance17,
+        create_fragment29,
         safe_not_equal,
         {
           sessionData: 0,
@@ -18429,7 +17798,7 @@
   var PromptDropdown_default = PromptDropdown;
 
   // src/lib/components/prompt/skeleton/PromptSkeleton.svelte
-  function create_fragment32(ctx) {
+  function create_fragment30(ctx) {
     let div3;
     return {
       c() {
@@ -18452,7 +17821,7 @@
   var PromptSkeleton = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment32, safe_not_equal, {});
+      init(this, options, null, create_fragment30, safe_not_equal, {});
     }
   };
   customElements.define("prompt-skeleton", create_custom_element(PromptSkeleton, {}, [], [], true));
@@ -18460,7 +17829,7 @@
 
   // src/lib/components/prompt/PromptBuilder.svelte
   function add_css2(target) {
-    append_styles(target, "svelte-88qron", '*,: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{--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;transition-duration:50ms}.focus-ring-by-dropdown,.hover-focus-ring:hover,.raw-focus-ring{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}.focus-ring-by-dropdown{--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(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:0 0 0 2px #fff, 0 0 0 4px #212529, 0 0 0 6px #fde047}.divider{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(218 224 224/var(--tw-border-opacity))}@keyframes svelte-88qron-pulse{50%{opacity:0.5}}.animate-skeleton{--tw-bg-opacity:1;animation:svelte-88qron-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(253 224 71/var(--tw-ring-opacity));--tw-ring-offset-width:2px;--tw-ring-offset-color:#212529;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(248 248 248/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));display:flex;font-size:1rem;justify-content:space-between;line-height:1.5rem;line-height:19.2px;margin-bottom:1rem;min-height:52px;padding:0.25rem 0.75rem;width:100%}.btn-mcq-option:active{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}@media(hover: hover) and (pointer: fine){.btn-mcq-option:hover{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(238 240 255/var(--tw-bg-opacity));border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}}.btn-mcq-option{box-sizing:border-box}.btn-mcq-option:active{--tw-bg-opacity:1;background-color:rgb(238 240 255/var(--tw-bg-opacity))}.btn-mcq-option>span>span>.\\!choice,.btn-mcq-option>span>span>.choice{align-items:center;display:flex;font-size:1rem;font-weight:700;height:2rem;justify-content:center;letter-spacing:0.05em;line-height:1rem;margin-right:1rem;width:2rem}.btn-mcq-option>span>span>.\\!choice,.btn-mcq-option>span>span>.choice{--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(156 163 175/var(--tw-border-opacity));border-radius:1rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));padding:0.5rem}.btn-mcq-option.selected{--tw-border-opacity:1;background-color:rgb(40 44 135/var(--tw-bg-opacity));border-color:rgb(40 44 135/var(--tw-border-opacity));border-width:2px}.btn-mcq-option.selected,.btn-mcq-option.selected:active{--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.btn-mcq-option.selected:active{background-color:rgb(84 101 251/var(--tw-bg-opacity))}@media(hover: hover) and (pointer: fine){.btn-mcq-option.selected:hover{--tw-bg-opacity:1;background-color:rgb(84 101 251/var(--tw-bg-opacity))}}.btn-mcq-option.finished{cursor:default}.btn-mcq-option.finished:active,.btn-mcq-option.finished:hover{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(248 248 248/var(--tw-bg-opacity));border-color:rgb(75 85 99/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected>span>span>.\\!choice,.btn-mcq-option.selected>span>span>.choice{--tw-bg-opacity:1;background-color:rgb(238 240 255/var(--tw-bg-opacity))}.btn-mcq-option>span>span>.custom-checkbox{--tw-border-opacity:1;--tw-bg-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(75 85 99/var(--tw-border-opacity));border-radius:0.25rem;border-width:1px;display:flex;height:1.75rem;justify-content:center;margin-left:1rem;pointer-events:none;width:1.75rem}@media(hover: hover) and (pointer: fine){.btn-mcq-option:hover>span>span>.custom-checkbox{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}.btn-mcq-option:active>span>span>.custom-checkbox.preview-only,.btn-mcq-option:hover>span>span>.custom-checkbox.preview-only{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity));border-width:1px}}.btn-mcq-option:active>span>span>.custom-checkbox{--tw-border-opacity:1;border-color:rgb(40 44 135/var(--tw-border-opacity));border-width:2px}.btn-mcq-option.selected>span>span>.custom-checkbox{--tw-bg-opacity:1;background-color:rgb(84 101 251/var(--tw-bg-opacity));border-width:0;pointer-events:none}@media(hover: hover) and (pointer: fine){.btn-mcq-option.selected:hover>span>span>.custom-checkbox{--tw-bg-opacity:1;background-color:rgb(76 91 226/var(--tw-bg-opacity));border-width:0}}.btn-mcq-option.selected:active>span>span>.custom-checkbox{--tw-bg-opacity:1;background-color:rgb(40 44 135/var(--tw-bg-opacity));border-width:0}.btn-mcq-option.missing.correct{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(248 248 248/var(--tw-bg-opacity));border-color:rgb(21 128 61/var(--tw-border-opacity));border-width:1px;padding-bottom:0.5rem;padding-top:0.5rem}@media(hover: hover) and (pointer: fine){.btn-mcq-option.correct.interactive:active,.btn-mcq-option.correct.interactive:hover,.btn-mcq-option.incorrect.interactive:active,.btn-mcq-option.incorrect.interactive:hover,.btn-mcq-option.missing.interactive:active,.btn-mcq-option.missing.interactive:hover{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(238 240 255/var(--tw-bg-opacity));border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}}.btn-mcq-option.selected.correct{background-color:rgb(240 253 244/var(--tw-bg-opacity));border-color:rgb(21 128 61/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected.correct,.btn-mcq-option.selected.incorrect{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.btn-mcq-option.selected.incorrect{background-color:rgb(253 242 248/var(--tw-bg-opacity));border-color:rgb(190 24 93/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected.correct>span>span>.\\!choice,.btn-mcq-option.selected.correct>span>span>.choice,.btn-mcq-option.selected.incorrect>span>span>.\\!choice,.btn-mcq-option.selected.incorrect>span>span>.choice{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(113 115 119/var(--tw-border-opacity));border-width:1px}.typein-textbox:focus{--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{outline-color:#212529;outline-width:2px}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{outline-color:#212529;outline-width:2px}}.typein-textbox:focus{--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{--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}.dropdown-text:not(:last-child),.dropdown:not(:last-child){margin-right:1rem}.dropdown-container{--tw-border-opacity:1;align-items:center;border-color:rgb(75 85 99/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;display:flex;height:2.75rem;overflow:hidden;white-space:nowrap;width:15rem}.dropdown-container:focus{--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(var(--tw-ring-offset-width)) var(--tw-ring-color);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}.dropdown-container:active,.dropdown-container:focus{box-shadow:0 0 0 2px #fff, 0 0 0 4px #212529, 0 0 0 6px #fde047}@media(hover: hover) and (pointer: fine){.dropdown-container:hover{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px;outline-color:#212529;outline-width:2px}}.dropdown-menu{--tw-border-opacity:1;--tw-bg-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;margin-top:0.5rem;max-height:400px;max-width:500px;min-width:240px;overflow-y:auto;position:absolute;z-index:50}@supports (overflow-wrap: anywhere){.dropdown-menu{overflow-wrap:anywhere}}@supports not (overflow-wrap: anywhere){.dropdown-menu{word-break:break-word}}.dropdown-item{cursor:pointer;font-size:1rem;line-height:1.5rem;outline:2px solid transparent;outline-offset:2px;padding:0.5rem 1rem}.dropdown-itemtext{border-bottom-width:1px;border-color:transparent}.dropdown-itemtext.hover-option{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity));color:rgb(46 47 212/var(--tw-text-opacity));font-weight:600}.dropdown-itemtext.current-option{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-border-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity));border-bottom-width:1px;border-color:rgb(0 0 0/var(--tw-border-opacity));color:rgb(0 0 0/var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}.dropdown-itemtext:active{border-bottom-width:2px;font-weight:600}.sr-only{clip:rect(0, 0, 0, 0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.-top-2{top:-0.5rem}.-top-2\\.5{top:-0.625rem}.bottom-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-2{height:0.5rem}.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-3{width:0.75rem}.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-0{min-width:0}.min-w-\\[44px\\]{min-width:44px}.min-w-\\[85px\\]{min-width:85px}.max-w-\\[400px\\]{max-width:400px}.flex-1{flex:1 1 0%}.flex-none{flex:none}.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{overflow:hidden}.overflow-y-visible{overflow-y:visible}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.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-gray-850{--tw-border-opacity:1;border-color:rgb(75 85 99/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))}.bg-opacity-5{--tw-bg-opacity:0.05}.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}.align-middle{vertical-align:middle}.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-12{line-height:3rem}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-\\[19\\.2px\\]{line-height:19.2px}.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-850{--tw-text-opacity:1;color:rgb(46 47 212/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-gray-860{--tw-text-opacity:1;color:rgb(55 65 81/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-by: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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity));--tw-ring-offset-width:2px;--tw-ring-offset-color:#212529}.active\\:raw-focus-ring-by:active,.active\\:raw-focus-ring:active{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}.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}@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}.td\\:hover\\:hover-option:hover.dropdown-itemtext{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity));color:rgb(46 47 212/var(--tw-text-opacity));font-weight:600}}.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}@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\\:border-2{border-width:2px}.td\\:border-blue-900{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity))}.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-11nsk81", '*,: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{--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;transition-duration:50ms}.focus-ring-by-dropdown,.hover-focus-ring:hover,.raw-focus-ring{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}.focus-ring-by-dropdown{--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(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:0 0 0 2px #fff, 0 0 0 4px #212529, 0 0 0 6px #fde047}.divider{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(218 224 224/var(--tw-border-opacity))}@keyframes svelte-11nsk81-pulse{50%{opacity:0.5}}.animate-skeleton{--tw-bg-opacity:1;animation:svelte-11nsk81-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(253 224 71/var(--tw-ring-opacity));--tw-ring-offset-width:2px;--tw-ring-offset-color:#212529;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(248 248 248/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));display:flex;font-size:1rem;justify-content:space-between;line-height:1.5rem;line-height:19.2px;margin-bottom:1rem;min-height:52px;padding:0.25rem 0.75rem;width:100%}.btn-mcq-option:active{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}@media(hover: hover) and (pointer: fine){.btn-mcq-option:hover{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(238 240 255/var(--tw-bg-opacity));border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}}.btn-mcq-option{box-sizing:border-box}.btn-mcq-option:active{--tw-bg-opacity:1;background-color:rgb(238 240 255/var(--tw-bg-opacity))}.btn-mcq-option>span>span>.\\!choice,.btn-mcq-option>span>span>.choice{align-items:center;display:flex;font-size:1rem;font-weight:700;height:2rem;justify-content:center;letter-spacing:0.05em;line-height:1rem;margin-right:1rem;width:2rem}.btn-mcq-option>span>span>.\\!choice,.btn-mcq-option>span>span>.choice{--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(156 163 175/var(--tw-border-opacity));border-radius:1rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));padding:0.5rem}.btn-mcq-option.selected{--tw-border-opacity:1;background-color:rgb(40 44 135/var(--tw-bg-opacity));border-color:rgb(40 44 135/var(--tw-border-opacity));border-width:2px}.btn-mcq-option.selected,.btn-mcq-option.selected:active{--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.btn-mcq-option.selected:active{background-color:rgb(84 101 251/var(--tw-bg-opacity))}@media(hover: hover) and (pointer: fine){.btn-mcq-option.selected:hover{--tw-bg-opacity:1;background-color:rgb(84 101 251/var(--tw-bg-opacity))}}.btn-mcq-option.finished{cursor:default}.btn-mcq-option.finished:active,.btn-mcq-option.finished:hover{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(248 248 248/var(--tw-bg-opacity));border-color:rgb(75 85 99/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected>span>span>.\\!choice,.btn-mcq-option.selected>span>span>.choice{--tw-bg-opacity:1;background-color:rgb(238 240 255/var(--tw-bg-opacity))}.btn-mcq-option>span>span>.custom-checkbox{--tw-border-opacity:1;--tw-bg-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(75 85 99/var(--tw-border-opacity));border-radius:0.25rem;border-width:1px;display:flex;height:1.75rem;justify-content:center;margin-left:1rem;pointer-events:none;width:1.75rem}@media(hover: hover) and (pointer: fine){.btn-mcq-option:hover>span>span>.custom-checkbox{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}.btn-mcq-option:active>span>span>.custom-checkbox.preview-only,.btn-mcq-option:hover>span>span>.custom-checkbox.preview-only{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity));border-width:1px}}.btn-mcq-option:active>span>span>.custom-checkbox{--tw-border-opacity:1;border-color:rgb(40 44 135/var(--tw-border-opacity));border-width:2px}.btn-mcq-option.selected>span>span>.custom-checkbox{--tw-bg-opacity:1;background-color:rgb(84 101 251/var(--tw-bg-opacity));border-width:0;pointer-events:none}@media(hover: hover) and (pointer: fine){.btn-mcq-option.selected:hover>span>span>.custom-checkbox{--tw-bg-opacity:1;background-color:rgb(76 91 226/var(--tw-bg-opacity));border-width:0}}.btn-mcq-option.selected:active>span>span>.custom-checkbox{--tw-bg-opacity:1;background-color:rgb(40 44 135/var(--tw-bg-opacity));border-width:0}.btn-mcq-option.missing.correct{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(248 248 248/var(--tw-bg-opacity));border-color:rgb(21 128 61/var(--tw-border-opacity));border-width:1px;padding-bottom:0.5rem;padding-top:0.5rem}@media(hover: hover) and (pointer: fine){.btn-mcq-option.correct.interactive:active,.btn-mcq-option.correct.interactive:hover,.btn-mcq-option.incorrect.interactive:active,.btn-mcq-option.incorrect.interactive:hover,.btn-mcq-option.missing.interactive:active,.btn-mcq-option.missing.interactive:hover{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(238 240 255/var(--tw-bg-opacity));border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}}.btn-mcq-option.selected.correct{background-color:rgb(240 253 244/var(--tw-bg-opacity));border-color:rgb(21 128 61/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected.correct,.btn-mcq-option.selected.incorrect{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.btn-mcq-option.selected.incorrect{background-color:rgb(253 242 248/var(--tw-bg-opacity));border-color:rgb(190 24 93/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected.correct>span>span>.\\!choice,.btn-mcq-option.selected.correct>span>span>.choice,.btn-mcq-option.selected.incorrect>span>span>.\\!choice,.btn-mcq-option.selected.incorrect>span>span>.choice{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(113 115 119/var(--tw-border-opacity));border-width:1px}.typein-textbox:focus{--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{outline-color:#212529;outline-width:2px}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{outline-color:#212529;outline-width:2px}}.typein-textbox:focus{--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{--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}.dropdown-text:not(:last-child),.dropdown:not(:last-child){margin-right:1rem}.dropdown-container{--tw-border-opacity:1;align-items:center;border-color:rgb(75 85 99/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;display:flex;height:2.75rem;overflow:hidden;white-space:nowrap;width:15rem}.dropdown-container:focus{--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(var(--tw-ring-offset-width)) var(--tw-ring-color);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}.dropdown-container:active,.dropdown-container:focus{box-shadow:0 0 0 2px #fff, 0 0 0 4px #212529, 0 0 0 6px #fde047}@media(hover: hover) and (pointer: fine){.dropdown-container:hover{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px;outline-color:#212529;outline-width:2px}}.dropdown-menu{--tw-border-opacity:1;--tw-bg-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;margin-top:0.5rem;max-height:400px;max-width:500px;min-width:240px;overflow-y:auto;position:absolute;z-index:50}@supports (overflow-wrap: anywhere){.dropdown-menu{overflow-wrap:anywhere}}@supports not (overflow-wrap: anywhere){.dropdown-menu{word-break:break-word}}.dropdown-item{cursor:pointer;font-size:1rem;line-height:1.5rem;outline:2px solid transparent;outline-offset:2px;padding:0.5rem 1rem}.dropdown-itemtext{border-bottom-width:1px;border-color:transparent}.dropdown-itemtext.hover-option{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity));color:rgb(46 47 212/var(--tw-text-opacity));font-weight:600}.dropdown-itemtext.current-option{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-border-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity));border-bottom-width:1px;border-color:rgb(0 0 0/var(--tw-border-opacity));color:rgb(0 0 0/var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}.dropdown-itemtext:active{border-bottom-width:2px;font-weight:600}.sr-only{clip:rect(0, 0, 0, 0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.-top-2{top:-0.5rem}.-top-2\\.5{top:-0.625rem}.bottom-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-2{height:0.5rem}.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-3{width:0.75rem}.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-0{min-width:0}.min-w-\\[44px\\]{min-width:44px}.min-w-\\[85px\\]{min-width:85px}.max-w-\\[400px\\]{max-width:400px}.flex-1{flex:1 1 0%}.flex-none{flex:none}.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{overflow:hidden}.overflow-y-visible{overflow-y:visible}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.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-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-gray-850{--tw-border-opacity:1;border-color:rgb(75 85 99/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))}.bg-opacity-5{--tw-bg-opacity:0.05}.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}.align-middle{vertical-align:middle}.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-12{line-height:3rem}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-\\[19\\.2px\\]{line-height:19.2px}.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-850{--tw-text-opacity:1;color:rgb(46 47 212/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-gray-860{--tw-text-opacity:1;color:rgb(55 65 81/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-by: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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity));--tw-ring-offset-width:2px;--tw-ring-offset-color:#212529}.active\\:raw-focus-ring-by:active,.active\\:raw-focus-ring:active{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}.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}@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}.td\\:hover\\:hover-option:hover.dropdown-itemtext{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity));color:rgb(46 47 212/var(--tw-text-opacity));font-weight:600}}.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}@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\\:border-2{border-width:2px}.td\\:border-blue-900{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity))}.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_14(ctx) {
     let invalidbanner;
@@ -18490,16 +17859,16 @@
       }
     };
   }
-  function create_if_block_114(ctx) {
+  function create_if_block_112(ctx) {
     let current_block_type_index;
     let if_block;
     let if_block_anchor;
     let current;
     const if_block_creators = [
-      create_if_block_212,
-      create_if_block_310,
-      create_if_block_46,
-      create_if_block_55,
+      create_if_block_211,
+      create_if_block_39,
+      create_if_block_47,
+      create_if_block_56,
       create_else_block8
     ];
     const if_blocks = [];
@@ -18578,7 +17947,7 @@
       }
     };
   }
-  function create_if_block15(ctx) {
+  function create_if_block13(ctx) {
     let promptskeleton;
     let current;
     promptskeleton = new PromptSkeleton_default({});
@@ -18634,7 +18003,7 @@
       }
     };
   }
-  function create_if_block_55(ctx) {
+  function create_if_block_56(ctx) {
     let promptdropdown;
     let current;
     promptdropdown = new PromptDropdown_default({
@@ -18709,7 +18078,7 @@
       }
     };
   }
-  function create_if_block_46(ctx) {
+  function create_if_block_47(ctx) {
     let promptcategorise;
     let current;
     promptcategorise = new PromptCategorise_default({
@@ -18780,7 +18149,7 @@
       }
     };
   }
-  function create_if_block_310(ctx) {
+  function create_if_block_39(ctx) {
     let prompttypein;
     let current;
     prompttypein = new PromptTypeIn_default({
@@ -18871,7 +18240,7 @@
       }
     };
   }
-  function create_if_block_212(ctx) {
+  function create_if_block_211(ctx) {
     let promptmcq;
     let current;
     promptmcq = new PromptMCQ_default({
@@ -18950,7 +18319,7 @@
       }
     };
   }
-  function create_fragment33(ctx) {
+  function create_fragment31(ctx) {
     let current_block_type_index;
     let if_block;
     let t2;
@@ -18958,7 +18327,7 @@
     let link1;
     let link2;
     let current;
-    const if_block_creators = [create_if_block15, create_if_block_114, create_else_block_14];
+    const if_block_creators = [create_if_block13, create_if_block_112, create_else_block_14];
     const if_blocks = [];
     function select_block_type(ctx2, dirty) {
       if (
@@ -19042,7 +18411,7 @@
     };
   }
   var bannerLabel = "Invalid session id.";
-  function instance20($$self, $$props, $$invalidate) {
+  function instance18($$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);
@@ -19312,7 +18681,7 @@
   var PromptBuilder = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance20, create_fragment33, safe_not_equal, {}, add_css2);
+      init(this, options, instance18, create_fragment31, safe_not_equal, {}, add_css2);
     }
   };
   customElements.define("prompt-builder", create_custom_element(PromptBuilder, {}, [], [], true));