eat-js-sdk 1.0.15 → 1.0.17

package/dist/eat-prompt-builder.mjs

@@ -2719,84 +2719,224 @@
   customElements.define("prompt-body", create_custom_element(PromptBody, { "rubric": {}, "prompt": {}, "interactionType": {}, "hasDivider": { "type": "Boolean" }, "stimulus": {} }, ["default"], [], true));
   var PromptBody_default = PromptBody;
 
-  // src/lib/components/prompt/template/PromptResultFeedback.svelte
+  // src/lib/assets/img/messaging/InfoSolid.svelte
+  function create_fragment4(ctx) {
+    let svg;
+    let path;
+    return {
+      c() {
+        svg = svg_element("svg");
+        path = svg_element("path");
+        attr(path, "fill-rule", "evenodd");
+        attr(path, "clip-rule", "evenodd");
+        attr(path, "d", "M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM10 9C9.44772 9 9 9.44772 9 10V14.5C9 15.0523 9.44772 15.5 10 15.5C10.5523 15.5 11 15.0523 11 14.5V10C11 9.44772 10.5523 9 10 9ZM10 5C9.44772 5 9 5.44772 9 6C9 6.55228 9.44772 7 10 7C10.5523 7 11 6.55228 11 6C11 5.44772 10.5523 5 10 5Z");
+        attr(path, "fill", "currentColor");
+        attr(svg, "width", "20");
+        attr(svg, "height", "20");
+        attr(svg, "viewBox", "0 0 20 20");
+        attr(svg, "fill", "none");
+        attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+        attr(svg, "role", "img");
+        attr(svg, "aria-label", "Info Icon");
+      },
+      m(target, anchor) {
+        insert(target, svg, anchor);
+        append(svg, path);
+      },
+      p: noop,
+      i: noop,
+      o: noop,
+      d(detaching) {
+        if (detaching) {
+          detach(svg);
+        }
+      }
+    };
+  }
+  var InfoSolid = class extends SvelteComponent {
+    constructor(options) {
+      super();
+      init(this, options, null, create_fragment4, safe_not_equal, {});
+    }
+  };
+  create_custom_element(InfoSolid, {}, [], [], true);
+  var InfoSolid_default = InfoSolid;
+
+  // src/lib/components/prompt/template/PromptResultFeedbackv2.svelte
   function create_if_block4(ctx) {
-    let div0;
+    let div1;
     let t0;
-    let span;
+    let div0;
     let t1;
-    let div0_class_value;
+    let span;
     let t2;
-    let div1;
-    let if_block = (
+    let div1_class_value;
+    let current;
+    let if_block0 = (
+      /*hasIcon*/
+      ctx[4] && create_if_block_23(ctx)
+    );
+    let if_block1 = (
       /*resultFeedbackTitle*/
       ctx[1] && create_if_block_13(ctx)
     );
     return {
       c() {
-        div0 = element("div");
-        if (if_block)
-          if_block.c();
+        div1 = element("div");
+        if (if_block0)
+          if_block0.c();
         t0 = space();
+        div0 = element("div");
+        if (if_block1)
+          if_block1.c();
+        t1 = space();
         span = element("span");
-        t1 = text(
+        t2 = text(
           /*resultFeedback*/
           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(div1, "role", "alert");
+        attr(div1, "class", div1_class_value = "my-6 p-4 border-l-4 text-charcoal text-base flex " + /*isSkipped*/
+        (ctx[3] ? "border-blue-950 bg-blue-50" : (
+          /*isResultCorrect*/
+          ctx[2] ? "border-green-900 bg-green-300" : "border-red-900 bg-red-50"
+        )));
       },
       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);
+        if (if_block0)
+          if_block0.m(div1, null);
+        append(div1, t0);
+        append(div1, div0);
+        if (if_block1)
+          if_block1.m(div0, null);
+        append(div0, t1);
+        append(div0, span);
+        append(span, t2);
+        current = true;
       },
       p(ctx2, dirty) {
+        if (
+          /*hasIcon*/
+          ctx2[4]
+        ) {
+          if (if_block0) {
+            if_block0.p(ctx2, dirty);
+            if (dirty & /*hasIcon*/
+            16) {
+              transition_in(if_block0, 1);
+            }
+          } else {
+            if_block0 = create_if_block_23(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 (
           /*resultFeedbackTitle*/
           ctx2[1]
         ) {
-          if (if_block) {
-            if_block.p(ctx2, dirty);
+          if (if_block1) {
+            if_block1.p(ctx2, dirty);
           } else {
-            if_block = create_if_block_13(ctx2);
-            if_block.c();
-            if_block.m(div0, t0);
+            if_block1 = create_if_block_13(ctx2);
+            if_block1.c();
+            if_block1.m(div0, t1);
           }
-        } else if (if_block) {
-          if_block.d(1);
-          if_block = null;
+        } else if (if_block1) {
+          if_block1.d(1);
+          if_block1 = null;
         }
-        if (dirty & /*resultFeedback*/
+        if (!current || dirty & /*resultFeedback*/
         1)
           set_data(
-            t1,
+            t2,
             /*resultFeedback*/
             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);
+        if (!current || dirty & /*isSkipped, isResultCorrect*/
+        12 && div1_class_value !== (div1_class_value = "my-6 p-4 border-l-4 text-charcoal text-base flex " + /*isSkipped*/
+        (ctx2[3] ? "border-blue-950 bg-blue-50" : (
+          /*isResultCorrect*/
+          ctx2[2] ? "border-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);
+        current = true;
+      },
+      o(local) {
+        transition_out(if_block0);
+        current = false;
+      },
       d(detaching) {
         if (detaching) {
-          detach(div0);
-          detach(t2);
           detach(div1);
         }
-        if (if_block)
-          if_block.d();
+        if (if_block0)
+          if_block0.d();
+        if (if_block1)
+          if_block1.d();
+      }
+    };
+  }
+  function create_if_block_23(ctx) {
+    let span;
+    let infosolid;
+    let span_class_value;
+    let current;
+    infosolid = new InfoSolid_default({});
+    return {
+      c() {
+        span = element("span");
+        create_component(infosolid.$$.fragment);
+        attr(span, "class", span_class_value = "h-6 w-6 flex items-center pt-0.5 mr-2 " + /*isSkipped*/
+        (ctx[3] ? "text-blue-950" : (
+          /*isResultCorrect*/
+          ctx[2] ? "text-green-900" : "text-red-900"
+        )));
+      },
+      m(target, anchor) {
+        insert(target, span, anchor);
+        mount_component(infosolid, span, null);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        if (!current || dirty & /*isSkipped, isResultCorrect*/
+        12 && span_class_value !== (span_class_value = "h-6 w-6 flex items-center pt-0.5 mr-2 " + /*isSkipped*/
+        (ctx2[3] ? "text-blue-950" : (
+          /*isResultCorrect*/
+          ctx2[2] ? "text-green-900" : "text-red-900"
+        )))) {
+          attr(span, "class", span_class_value);
+        }
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(infosolid.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(infosolid.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(span);
+        }
+        destroy_component(infosolid);
       }
     };
   }
@@ -2832,8 +2972,9 @@
       }
     };
   }
-  function create_fragment4(ctx) {
+  function create_fragment5(ctx) {
     let if_block_anchor;
+    let current;
     let if_block = (
       /*resultFeedback*/
       ctx[0] && create_if_block4(ctx)
@@ -2848,6 +2989,7 @@
         if (if_block)
           if_block.m(target, anchor);
         insert(target, if_block_anchor, anchor);
+        current = true;
       },
       p(ctx2, [dirty]) {
         if (
@@ -2856,18 +2998,34 @@
         ) {
           if (if_block) {
             if_block.p(ctx2, dirty);
+            if (dirty & /*resultFeedback*/
+            1) {
+              transition_in(if_block, 1);
+            }
           } else {
             if_block = create_if_block4(ctx2);
             if_block.c();
+            transition_in(if_block, 1);
             if_block.m(if_block_anchor.parentNode, if_block_anchor);
           }
         } else if (if_block) {
-          if_block.d(1);
-          if_block = null;
+          group_outros();
+          transition_out(if_block, 1, 1, () => {
+            if_block = null;
+          });
+          check_outros();
         }
       },
-      i: noop,
-      o: noop,
+      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);
@@ -2881,6 +3039,8 @@
     let { resultFeedback = null } = $$props;
     let { resultFeedbackTitle = null } = $$props;
     let { isResultCorrect = true } = $$props;
+    let { isSkipped = false } = $$props;
+    let { hasIcon = false } = $$props;
     $$self.$$set = ($$props2) => {
       if ("resultFeedback" in $$props2)
         $$invalidate(0, resultFeedback = $$props2.resultFeedback);
@@ -2888,16 +3048,32 @@
         $$invalidate(1, resultFeedbackTitle = $$props2.resultFeedbackTitle);
       if ("isResultCorrect" in $$props2)
         $$invalidate(2, isResultCorrect = $$props2.isResultCorrect);
+      if ("isSkipped" in $$props2)
+        $$invalidate(3, isSkipped = $$props2.isSkipped);
+      if ("hasIcon" in $$props2)
+        $$invalidate(4, hasIcon = $$props2.hasIcon);
     };
-    return [resultFeedback, resultFeedbackTitle, isResultCorrect];
+    $$self.$$.update = () => {
+      if ($$self.$$.dirty & /*isSkipped*/
+      8) {
+        $:
+          if (isSkipped) {
+            $$invalidate(1, resultFeedbackTitle = "No answer was provided");
+            $$invalidate(0, resultFeedback = "It may be that the student struggled with this question or mistakenly skipped this question.");
+          }
+      }
+    };
+    return [resultFeedback, resultFeedbackTitle, isResultCorrect, isSkipped, hasIcon];
   }
-  var PromptResultFeedback = class extends SvelteComponent {
+  var PromptResultFeedbackv2 = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance4, create_fragment4, safe_not_equal, {
+      init(this, options, instance4, create_fragment5, safe_not_equal, {
         resultFeedback: 0,
         resultFeedbackTitle: 1,
-        isResultCorrect: 2
+        isResultCorrect: 2,
+        isSkipped: 3,
+        hasIcon: 4
       });
     }
     get resultFeedback() {
@@ -2921,9 +3097,23 @@
       this.$$set({ isResultCorrect });
       flush();
     }
+    get isSkipped() {
+      return this.$$.ctx[3];
+    }
+    set isSkipped(isSkipped) {
+      this.$$set({ isSkipped });
+      flush();
+    }
+    get hasIcon() {
+      return this.$$.ctx[4];
+    }
+    set hasIcon(hasIcon) {
+      this.$$set({ hasIcon });
+      flush();
+    }
   };
-  customElements.define("prompt-result-feedback", create_custom_element(PromptResultFeedback, { "resultFeedback": {}, "resultFeedbackTitle": {}, "isResultCorrect": { "type": "Boolean" } }, [], [], true));
-  var PromptResultFeedback_default = PromptResultFeedback;
+  customElements.define("prompt-result-feedbackv2", create_custom_element(PromptResultFeedbackv2, { "resultFeedback": {}, "resultFeedbackTitle": {}, "isResultCorrect": { "type": "Boolean" }, "isSkipped": { "type": "Boolean" }, "hasIcon": { "type": "Boolean" } }, [], [], true));
+  var PromptResultFeedbackv2_default = PromptResultFeedbackv2;
 
   // src/lib/composables/useMCQ.ts
   var useAlphabetEquivalent = (index) => {
@@ -2959,8 +3149,49 @@
   };
   var useMCQ_default = useAlphabetEquivalent;
 
+  // src/lib/assets/img/messaging/Success.svelte
+  function create_fragment6(ctx) {
+    let svg;
+    let path;
+    return {
+      c() {
+        svg = svg_element("svg");
+        path = svg_element("path");
+        attr(path, "fill-rule", "evenodd");
+        attr(path, "clip-rule", "evenodd");
+        attr(path, "d", "M13.2929 0.292893C13.6834 -0.0976311 14.3166 -0.0976311 14.7071 0.292893C15.0976 0.683418 15.0976 1.31658 14.7071 1.70711L5.70711 10.7071C5.31658 11.0976 4.68342 11.0976 4.29289 10.7071L0.292893 6.70711C-0.0976311 6.31658 -0.0976311 5.68342 0.292893 5.29289C0.683418 4.90237 1.31658 4.90237 1.70711 5.29289L5 8.58579L13.2929 0.292893Z");
+        attr(path, "fill", "currentColor");
+        attr(svg, "width", "15");
+        attr(svg, "height", "11");
+        attr(svg, "viewBox", "0 0 15 11");
+        attr(svg, "fill", "none");
+        attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+      },
+      m(target, anchor) {
+        insert(target, svg, anchor);
+        append(svg, path);
+      },
+      p: noop,
+      i: noop,
+      o: noop,
+      d(detaching) {
+        if (detaching) {
+          detach(svg);
+        }
+      }
+    };
+  }
+  var Success = class extends SvelteComponent {
+    constructor(options) {
+      super();
+      init(this, options, null, create_fragment6, safe_not_equal, {});
+    }
+  };
+  create_custom_element(Success, {}, [], [], true);
+  var Success_default = Success;
+
   // src/lib/assets/img/messaging/SuccessRounded.svelte
-  function create_fragment5(ctx) {
+  function create_fragment7(ctx) {
     let svg;
     let path;
     return {
@@ -2994,14 +3225,14 @@
   var SuccessRounded = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment5, safe_not_equal, {});
+      init(this, options, null, create_fragment7, safe_not_equal, {});
     }
   };
   create_custom_element(SuccessRounded, {}, [], [], true);
   var SuccessRounded_default = SuccessRounded;
 
   // src/lib/assets/img/messaging/SuccessSolid.svelte
-  function create_fragment6(ctx) {
+  function create_fragment8(ctx) {
     let svg;
     let path;
     return {
@@ -3037,14 +3268,14 @@
   var SuccessSolid = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment6, safe_not_equal, {});
+      init(this, options, null, create_fragment8, safe_not_equal, {});
     }
   };
   create_custom_element(SuccessSolid, {}, [], [], true);
   var SuccessSolid_default = SuccessSolid;
 
   // src/lib/assets/img/messaging/ErrorSolid.svelte
-  function create_fragment7(ctx) {
+  function create_fragment9(ctx) {
     let svg;
     let path;
     return {
@@ -3080,7 +3311,7 @@
   var ErrorSolid = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment7, safe_not_equal, {});
+      init(this, options, null, create_fragment9, safe_not_equal, {});
     }
   };
   create_custom_element(ErrorSolid, {}, [], [], true);
@@ -3089,11 +3320,92 @@
   // src/lib/components/prompt/mcq/PromptMCQ.svelte
   function get_each_context(ctx, list, i) {
     const child_ctx = ctx.slice();
-    child_ctx[23] = list[i];
-    child_ctx[25] = i;
+    child_ctx[24] = list[i];
+    child_ctx[26] = i;
     return child_ctx;
   }
-  function create_if_block_14(ctx) {
+  function create_if_block_82(ctx) {
+    let promptresult;
+    let current;
+    promptresult = new PromptResultFeedbackv2_default({
+      props: {
+        isSkipped: !/*selectedOptions*/
+        ctx[4].length,
+        hasIcon: true,
+        isResultCorrect: (
+          /*selectedOptions*/
+          ctx[4].length === 1 && /*correctAnswerIds*/
+          ctx[7].includes(
+            /*selectedOptions*/
+            ctx[4][0]
+          )
+        ),
+        resultFeedbackTitle: (
+          /*selectedOptions*/
+          ctx[4].length === 1 && !/*correctAnswerIds*/
+          ctx[7].includes(
+            /*selectedOptions*/
+            ctx[4][0]
+          ) ? "Why they got it wrong" : "Why they got it right"
+        ),
+        resultFeedback: (
+          /*resultFeedback*/
+          ctx[5]
+        )
+      }
+    });
+    return {
+      c() {
+        create_component(promptresult.$$.fragment);
+      },
+      m(target, anchor) {
+        mount_component(promptresult, target, anchor);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        const promptresult_changes = {};
+        if (dirty & /*selectedOptions*/
+        16)
+          promptresult_changes.isSkipped = !/*selectedOptions*/
+          ctx2[4].length;
+        if (dirty & /*selectedOptions, correctAnswerIds*/
+        144)
+          promptresult_changes.isResultCorrect = /*selectedOptions*/
+          ctx2[4].length === 1 && /*correctAnswerIds*/
+          ctx2[7].includes(
+            /*selectedOptions*/
+            ctx2[4][0]
+          );
+        if (dirty & /*selectedOptions, correctAnswerIds*/
+        144)
+          promptresult_changes.resultFeedbackTitle = /*selectedOptions*/
+          ctx2[4].length === 1 && !/*correctAnswerIds*/
+          ctx2[7].includes(
+            /*selectedOptions*/
+            ctx2[4][0]
+          ) ? "Why they got it wrong" : "Why they got it right";
+        if (dirty & /*resultFeedback*/
+        32)
+          promptresult_changes.resultFeedback = /*resultFeedback*/
+          ctx2[5];
+        promptresult.$set(promptresult_changes);
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(promptresult.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(promptresult.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        destroy_component(promptresult, detaching);
+      }
+    };
+  }
+  function create_if_block5(ctx) {
     let div1;
     let div0;
     let div0_class_value;
@@ -3139,7 +3451,7 @@
         ctx2[0] ? "absolute inset-0 bg-transparent z-50" : "")) {
           attr(div0, "class", div0_class_value);
         }
-        if (dirty & /*correctAnswersLength, selectedOptions, Object, options, isFinished, correctAnswerIds, isPreviewMode, isPreviewModeInteractive, handleOptionClick*/
+        if (dirty & /*correctAnswersLength, isFinished, isPreviewModeInteractive, selectedOptions, Object, options, correctAnswerIds, isPreviewMode, handleOptionClick*/
         6366) {
           each_value = ensure_array_like(Object.values(
             /*options*/
@@ -3178,60 +3490,126 @@
         for (let i = 0; i < each_blocks.length; i += 1) {
           transition_out(each_blocks[i]);
         }
-        current = false;
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(div1);
+        }
+        destroy_each(each_blocks, detaching);
+      }
+    };
+  }
+  function create_if_block_72(ctx) {
+    let p;
+    let t_value = (
+      /*isPreviewModeInteractive*/
+      ctx[3] ? "Your answer:" : (
+        /*isPreviewMode*/
+        ctx[2] ? "" : "Student's answer:"
+      )
+    );
+    let t2;
+    return {
+      c() {
+        p = element("p");
+        t2 = text(t_value);
+        attr(p, "class", "text-charcoal text-sm leading-[19.2px] mb-2");
+      },
+      m(target, anchor) {
+        insert(target, p, anchor);
+        append(p, t2);
+      },
+      p(ctx2, dirty) {
+        if (dirty & /*isPreviewModeInteractive, isPreviewMode*/
+        12 && t_value !== (t_value = /*isPreviewModeInteractive*/
+        ctx2[3] ? "Your answer:" : (
+          /*isPreviewMode*/
+          ctx2[2] ? "" : "Student's answer:"
+        )))
+          set_data(t2, t_value);
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(p);
+        }
+      }
+    };
+  }
+  function create_if_block_62(ctx) {
+    let span;
+    return {
+      c() {
+        span = element("span");
+        span.textContent = "Missing answer:";
+        attr(span, "class", "text-gray-860 text-sm");
+      },
+      m(target, anchor) {
+        insert(target, span, anchor);
       },
       d(detaching) {
         if (detaching) {
-          detach(div1);
+          detach(span);
         }
-        destroy_each(each_blocks, detaching);
       }
     };
   }
-  function create_if_block_62(ctx) {
-    let p;
+  function create_if_block_52(ctx) {
+    let span;
+    let success;
+    let current;
+    success = new Success_default({});
     return {
       c() {
-        p = element("p");
-        p.textContent = "Your answer:";
-        attr(p, "class", "text-blue-1000 text-sm mb-2");
+        span = element("span");
+        create_component(success.$$.fragment);
+        attr(span, "aria-hidden", "true");
+        attr(span, "class", "text-green-900 mr-1");
       },
       m(target, anchor) {
-        insert(target, p, anchor);
+        insert(target, span, anchor);
+        mount_component(success, span, null);
+        current = true;
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(success.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(success.$$.fragment, local);
+        current = false;
       },
       d(detaching) {
         if (detaching) {
-          detach(p);
+          detach(span);
         }
+        destroy_component(success);
       }
     };
   }
-  function create_if_block_42(ctx) {
+  function create_if_block_32(ctx) {
     let span;
     let show_if;
     let current_block_type_index;
     let if_block;
     let span_class_value;
     let current;
-    const if_block_creators = [create_if_block_52, create_else_block];
+    const if_block_creators = [create_if_block_42, create_else_block];
     const if_blocks = [];
     function select_block_type(ctx2, dirty) {
-      if (dirty & /*correctAnswerIds, isFinished, isPreviewMode, isPreviewModeInteractive, selectedOptions*/
-      158)
+      if (dirty & /*correctAnswerIds, isPreviewMode, isPreviewModeInteractive*/
+      140)
         show_if = null;
       if (show_if == null)
         show_if = !!/*correctAnswerIds*/
         (ctx2[7]?.includes(
           /*option*/
-          ctx2[23].id
-        ) && /*isFinished*/
-        ctx2[1] || /*isPreviewMode*/
+          ctx2[24].id
+        ) || /*isPreviewMode*/
         ctx2[2] && !/*isPreviewModeInteractive*/
-        ctx2[3] && /*selectedOptions*/
-        ctx2[4].includes(
-          /*option*/
-          ctx2[23].id
-        ));
+        ctx2[3]);
       if (show_if)
         return 0;
       return 1;
@@ -3243,23 +3621,13 @@
         span = element("span");
         if_block.c();
         attr(span, "aria-hidden", "true");
-        attr(span, "class", span_class_value = /*isFinished*/
-        (ctx[1] && /*correctAnswerIds*/
-        ctx[7]?.includes(
-          /*option*/
-          ctx[23].id
-        ) || /*correctAnswerIds*/
-        ctx[7]?.includes(
+        attr(span, "class", span_class_value = /*correctAnswerIds*/
+        (ctx[7]?.includes(
           /*option*/
-          ctx[23].id
-        ) && /*isFinished*/
-        ctx[1] || /*isPreviewMode*/
+          ctx[24].id
+        ) || /*isPreviewMode*/
         ctx[2] && !/*isPreviewModeInteractive*/
-        ctx[3] && /*selectedOptions*/
-        ctx[4].includes(
-          /*option*/
-          ctx[23].id
-        ) ? "text-green-800" : "text-red-800") + " p-0.5");
+        ctx[3] ? "text-green-900" : "text-red-900") + " p-0.5");
       },
       m(target, anchor) {
         insert(target, span, anchor);
@@ -3284,24 +3652,14 @@
           transition_in(if_block, 1);
           if_block.m(span, null);
         }
-        if (!current || dirty & /*isFinished, correctAnswerIds, isPreviewMode, isPreviewModeInteractive, selectedOptions*/
-        158 && span_class_value !== (span_class_value = /*isFinished*/
-        (ctx2[1] && /*correctAnswerIds*/
-        ctx2[7]?.includes(
-          /*option*/
-          ctx2[23].id
-        ) || /*correctAnswerIds*/
-        ctx2[7]?.includes(
+        if (!current || dirty & /*correctAnswerIds, isPreviewMode, isPreviewModeInteractive*/
+        140 && span_class_value !== (span_class_value = /*correctAnswerIds*/
+        (ctx2[7]?.includes(
           /*option*/
-          ctx2[23].id
-        ) && /*isFinished*/
-        ctx2[1] || /*isPreviewMode*/
+          ctx2[24].id
+        ) || /*isPreviewMode*/
         ctx2[2] && !/*isPreviewModeInteractive*/
-        ctx2[3] && /*selectedOptions*/
-        ctx2[4].includes(
-          /*option*/
-          ctx2[23].id
-        ) ? "text-green-800" : "text-red-800") + " p-0.5")) {
+        ctx2[3] ? "text-green-900" : "text-red-900") + " p-0.5")) {
           attr(span, "class", span_class_value);
         }
       },
@@ -3350,7 +3708,7 @@
       }
     };
   }
-  function create_if_block_52(ctx) {
+  function create_if_block_42(ctx) {
     let successsolid;
     let current;
     successsolid = new SuccessSolid_default({});
@@ -3377,18 +3735,18 @@
       }
     };
   }
-  function create_if_block_23(ctx) {
+  function create_if_block_14(ctx) {
     let span;
     let show_if = (
       /*selectedOptions*/
       ctx[4].includes(
         /*option*/
-        ctx[23].id
+        ctx[24].id
       )
     );
     let span_class_value;
     let current;
-    let if_block = show_if && create_if_block_32(ctx);
+    let if_block = show_if && create_if_block_24(ctx);
     return {
       c() {
         span = element("span");
@@ -3397,7 +3755,7 @@
         attr(span, "class", span_class_value = "custom-checkbox " + /*selectedOptions*/
         (ctx[4].includes(
           /*option*/
-          ctx[23].id
+          ctx[24].id
         ) ? "border-soft-blue group-active:border-soft-blue" : "border-gray-850"));
       },
       m(target, anchor) {
@@ -3412,7 +3770,7 @@
           show_if = /*selectedOptions*/
           ctx2[4].includes(
             /*option*/
-            ctx2[23].id
+            ctx2[24].id
           );
         if (show_if) {
           if (if_block) {
@@ -3421,7 +3779,7 @@
               transition_in(if_block, 1);
             }
           } else {
-            if_block = create_if_block_32(ctx2);
+            if_block = create_if_block_24(ctx2);
             if_block.c();
             transition_in(if_block, 1);
             if_block.m(span, null);
@@ -3437,7 +3795,7 @@
         16 && span_class_value !== (span_class_value = "custom-checkbox " + /*selectedOptions*/
         (ctx2[4].includes(
           /*option*/
-          ctx2[23].id
+          ctx2[24].id
         ) ? "border-soft-blue group-active:border-soft-blue" : "border-gray-850"))) {
           attr(span, "class", span_class_value);
         }
@@ -3461,7 +3819,7 @@
       }
     };
   }
-  function create_if_block_32(ctx) {
+  function create_if_block_24(ctx) {
     let span;
     let successrounded;
     let current;
@@ -3496,40 +3854,99 @@
     };
   }
   function create_each_block(ctx) {
-    let show_if_1 = (
+    let show_if_4 = (
       /*isFinished*/
       ctx[1] && /*selectedOptions*/
       ctx[4].includes(
         /*option*/
-        ctx[23].id
+        ctx[24].id
       ) && /*correctAnswersLength*/
       ctx[6] == 1
     );
     let t0;
     let button;
-    let span3;
-    let span1;
+    let span4;
+    let span2;
     let span0;
-    let t1_value = useMCQ_default(
-      /*index*/
-      ctx[25]
-    ) + "";
-    let t1;
-    let span0_class_value;
     let t2;
-    let commonstringtohtml;
+    let span1;
+    let show_if_3 = (
+      /*isFinished*/
+      ctx[1] && /*correctAnswerIds*/
+      ctx[7]?.includes(
+        /*option*/
+        ctx[24].id
+      ) && (!/*selectedOptions*/
+      ctx[4].includes(
+        /*option*/
+        ctx[24].id
+      ) || !/*selectedOptions*/
+      ctx[4].length) && (!/*isPreviewModeInteractive*/
+      ctx[3] || /*isPreviewModeInteractive*/
+      ctx[3] && /*selectedOptions*/
+      ctx[4].length === /*correctAnswersLength*/
+      ctx[6])
+    );
     let t3;
-    let span2;
-    let show_if = (
+    let commonstringtohtml;
+    let t4;
+    let span3;
+    let show_if_2 = (
+      /*isFinished*/
+      ctx[1] && /*correctAnswerIds*/
+      ctx[7]?.includes(
+        /*option*/
+        ctx[24].id
+      ) && !/*selectedOptions*/
+      ctx[4].includes(
+        /*option*/
+        ctx[24].id
+      ) && (!/*isPreviewModeInteractive*/
+      ctx[3] || /*isPreviewModeInteractive*/
+      ctx[3] && /*selectedOptions*/
+      ctx[4].length === /*correctAnswersLength*/
+      ctx[6])
+    );
+    let t5;
+    let show_if_1 = (
       /*isFinished*/
       ctx[1] && /*selectedOptions*/
-      ctx[4]?.includes(
+      ctx[4].includes(
         /*option*/
-        ctx[23].id
+        ctx[24].id
       )
     );
-    let t4;
-    let t5;
+    let t6;
+    let show_if = (
+      /*correctAnswersLength*/
+      ctx[6] > 1 && (!/*isFinished*/
+      ctx[1] && !/*isPreviewModeInteractive*/
+      ctx[3] || /*isFinished*/
+      ctx[1] && !/*selectedOptions*/
+      ctx[4].includes(
+        /*option*/
+        ctx[24].id
+      ) && !/*correctAnswerIds*/
+      ctx[7].includes(
+        /*option*/
+        ctx[24].id
+      ) || /*isPreviewModeInteractive*/
+      ctx[3] && /*selectedOptions*/
+      ctx[4].length === /*correctAnswersLength*/
+      ctx[6] && !/*correctAnswerIds*/
+      ctx[7].includes(
+        /*option*/
+        ctx[24].id
+      ) && !/*selectedOptions*/
+      ctx[4].includes(
+        /*option*/
+        ctx[24].id
+      ) || /*isPreviewModeInteractive*/
+      ctx[3] && /*correctAnswersLength*/
+      ctx[6] !== /*selectedOptions*/
+      ctx[4].length)
+    );
+    let t7;
     let button_role_value;
     let button_tabindex_value;
     let button_aria_checked_value;
@@ -3538,24 +3955,35 @@
     let current;
     let mounted;
     let dispose;
-    let if_block0 = show_if_1 && create_if_block_62(ctx);
+    let if_block0 = show_if_4 && create_if_block_72(ctx);
+    let if_block1 = show_if_3 && create_if_block_62(ctx);
     commonstringtohtml = new CommonStringToHtml_default({
-      props: { htmlString: (
-        /*option*/
-        ctx[23].answer
-      ) }
+      props: {
+        otherClass: "",
+        htmlString: (
+          /*option*/
+          ctx[24].answer
+        )
+      }
     });
-    let if_block1 = show_if && create_if_block_42(ctx);
-    let if_block2 = (
-      /*correctAnswersLength*/
-      ctx[6] > 1 && create_if_block_23(ctx)
-    );
+    let if_block2 = show_if_2 && create_if_block_52(ctx);
+    let if_block3 = show_if_1 && create_if_block_32(ctx);
+    let if_block4 = show_if && create_if_block_14(ctx);
+    function func() {
+      return (
+        /*func*/
+        ctx[14](
+          /*option*/
+          ctx[24]
+        )
+      );
+    }
     function click_handler() {
       return (
         /*click_handler*/
-        ctx[14](
+        ctx[15](
           /*option*/
-          ctx[23]
+          ctx[24]
         )
       );
     }
@@ -3565,27 +3993,62 @@
           if_block0.c();
         t0 = space();
         button = element("button");
-        span3 = element("span");
-        span1 = element("span");
+        span4 = element("span");
+        span2 = element("span");
         span0 = element("span");
-        t1 = text(t1_value);
+        span0.textContent = `${useMCQ_default(
+          /*index*/
+          ctx[26]
+        )}`;
         t2 = space();
-        create_component(commonstringtohtml.$$.fragment);
-        t3 = space();
-        span2 = element("span");
+        span1 = element("span");
         if (if_block1)
           if_block1.c();
+        t3 = space();
+        create_component(commonstringtohtml.$$.fragment);
         t4 = space();
+        span3 = element("span");
         if (if_block2)
           if_block2.c();
         t5 = space();
-        attr(span0, "class", span0_class_value = "choice " + (!/*correctAnswersLength*/
-        (ctx[6] > 1) ? "group-active:border-2 group-active:border-blue-1000 group-active:p-[7px]" : ""));
-        attr(span1, "class", "flex items-center");
+        if (if_block3)
+          if_block3.c();
+        t6 = space();
+        if (if_block4)
+          if_block4.c();
+        t7 = space();
+        attr(span0, "class", "choice");
+        attr(span1, "class", "flex flex-col");
         attr(span2, "class", "flex items-center");
-        attr(span3, "class", "grow flex items-center justify-between");
+        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[6] > 1 && (!/*isFinished*/
+        ctx[1] && !/*isPreviewModeInteractive*/
+        ctx[3] || /*isFinished*/
+        ctx[1] && !/*selectedOptions*/
+        ctx[4].includes(
+          /*option*/
+          ctx[24].id
+        ) && !/*correctAnswerIds*/
+        ctx[7].includes(
+          /*option*/
+          ctx[24].id
+        ) || /*isPreviewModeInteractive*/
+        ctx[3] && /*selectedOptions*/
+        ctx[4].length === /*correctAnswersLength*/
+        ctx[6] && !/*correctAnswerIds*/
+        ctx[7].includes(
+          /*option*/
+          ctx[24].id
+        ) && !/*selectedOptions*/
+        ctx[4].includes(
+          /*option*/
+          ctx[24].id
+        ) || /*isPreviewModeInteractive*/
+        ctx[3] && /*correctAnswersLength*/
+        ctx[6] !== /*selectedOptions*/
+        ctx[4].length) ? "checkbox" : null);
         attr(button, "tabindex", button_tabindex_value = /*correctAnswersLength*/
         ctx[6] > 1 ? 0 : null);
         attr(button, "aria-checked", button_aria_checked_value = /*correctAnswersLength*/
@@ -3593,61 +4056,53 @@
           /*selectedOptions*/
           ctx[4].includes(
             /*option*/
-            ctx[23].id
+            ctx[24].id
           )
         ) : null);
-        attr(button, "aria-label", button_aria_label_value = `${/*selectedOptions*/
+        attr(button, "aria-label", button_aria_label_value = `${!/*isFinished*/
+        ctx[1] && /*selectedOptions*/
         ctx[4].includes(
           /*option*/
-          ctx[23].id
-        ) ? `Selected option ${useMCQ_default(
-          /*index*/
-          ctx[25]
-        )}` : `Option ${useMCQ_default(
+          ctx[24].id
+        ) ? "Selected " : ""}${`Option ${useMCQ_default(
           /*index*/
-          ctx[25]
+          ctx[26]
         )}`}: ${useRemoveRichTextHtmlTags(
           /*option*/
-          ctx[23].answer
-        )} ${!/*isFinished*/
-        ctx[1] || !/*selectedOptions*/
-        ctx[4]?.includes(
-          /*option*/
-          ctx[23].id
-        ) ? "" : (
-          /*correctAnswerIds*/
-          ctx[7].includes(
-            /*option*/
-            ctx[23].id
-          ) || /*isPreviewMode*/
-          ctx[2] && !/*isPreviewModeInteractive*/
-          ctx[3] && /*selectedOptions*/
-          ctx[4].includes(
-            /*option*/
-            ctx[23].id
-          ) ? "(Correct answer)" : "(Incorrect answer)"
-        )}`);
-        attr(button, "class", button_class_value = "group text-left " + /*correctAnswersLength*/
-        (ctx[6] > 1 ? "btn-multi-mcq-option" : "btn-single-mcq-option") + " " + /*correctAnswersLength*/
-        (ctx[6] > 1 ? "focus-ring-by" : "") + " " + /*correctAnswersLength*/
-        (ctx[6] > 1 && (!/*isFinished*/
+          ctx[24].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" : "") + " " + /*selectedOptions*/
+        ctx[3] ? "active:raw-focus-ring-by" : "") + " " + /*selectedOptions*/
         (ctx[4].includes(
           /*option*/
-          ctx[23].id
-        ) ? "selected" : "") + " " + (!/*isFinished*/
+          ctx[24].id
+        ) ? "selected" : "") + " " + /*isFinished*/
+        (ctx[1] && /*correctAnswerIds*/
+        ctx[7]?.includes(
+          /*option*/
+          ctx[24].id
+        ) && (!/*selectedOptions*/
+        ctx[4].includes(
+          /*option*/
+          ctx[24].id
+        ) || !/*selectedOptions*/
+        ctx[4].length) && (!/*isPreviewModeInteractive*/
+        ctx[3] || /*isPreviewModeInteractive*/
+        ctx[3] && /*selectedOptions*/
+        ctx[4].length === /*correctAnswersLength*/
+        ctx[6]) ? "missing" : "") + " " + (!/*isFinished*/
         ctx[1] ? "" : (
           /*correctAnswerIds*/
           ctx[7].includes(
             /*option*/
-            ctx[23].id
+            ctx[24].id
           ) || /*isPreviewMode*/
           ctx[2] && !/*isPreviewModeInteractive*/
           ctx[3] && /*selectedOptions*/
           ctx[4].includes(
             /*option*/
-            ctx[23].id
+            ctx[24].id
           ) ? "correct" : "incorrect"
         )));
       },
@@ -3656,20 +4111,26 @@
           if_block0.m(target, anchor);
         insert(target, t0, anchor);
         insert(target, button, anchor);
-        append(button, span3);
-        append(span3, span1);
-        append(span1, span0);
-        append(span0, t1);
-        append(span1, t2);
-        mount_component(commonstringtohtml, span1, null);
-        append(span3, t3);
-        append(span3, span2);
+        append(button, span4);
+        append(span4, span2);
+        append(span2, span0);
+        append(span2, t2);
+        append(span2, span1);
         if (if_block1)
-          if_block1.m(span2, null);
-        append(span2, t4);
+          if_block1.m(span1, null);
+        append(span1, t3);
+        mount_component(commonstringtohtml, span1, null);
+        append(span4, t4);
+        append(span4, span3);
         if (if_block2)
-          if_block2.m(span2, null);
-        append(button, t5);
+          if_block2.m(span3, null);
+        append(span3, t5);
+        if (if_block3)
+          if_block3.m(span3, null);
+        append(span3, t6);
+        if (if_block4)
+          if_block4.m(span3, null);
+        append(button, t7);
         current = true;
         if (!mounted) {
           dispose = listen(button, "click", click_handler);
@@ -3680,17 +4141,18 @@
         ctx = new_ctx;
         if (dirty & /*isFinished, selectedOptions, correctAnswersLength*/
         82)
-          show_if_1 = /*isFinished*/
+          show_if_4 = /*isFinished*/
           ctx[1] && /*selectedOptions*/
           ctx[4].includes(
             /*option*/
-            ctx[23].id
+            ctx[24].id
           ) && /*correctAnswersLength*/
           ctx[6] == 1;
-        if (show_if_1) {
+        if (show_if_4) {
           if (if_block0) {
+            if_block0.p(ctx, dirty);
           } else {
-            if_block0 = create_if_block_62(ctx);
+            if_block0 = create_if_block_72(ctx);
             if_block0.c();
             if_block0.m(t0.parentNode, t0);
           }
@@ -3698,65 +4160,174 @@
           if_block0.d(1);
           if_block0 = null;
         }
-        if (!current || dirty & /*correctAnswersLength*/
-        64 && span0_class_value !== (span0_class_value = "choice " + (!/*correctAnswersLength*/
-        (ctx[6] > 1) ? "group-active:border-2 group-active:border-blue-1000 group-active:p-[7px]" : ""))) {
-          attr(span0, "class", span0_class_value);
+        if (dirty & /*isFinished, correctAnswerIds, selectedOptions, isPreviewModeInteractive, correctAnswersLength*/
+        218)
+          show_if_3 = /*isFinished*/
+          ctx[1] && /*correctAnswerIds*/
+          ctx[7]?.includes(
+            /*option*/
+            ctx[24].id
+          ) && (!/*selectedOptions*/
+          ctx[4].includes(
+            /*option*/
+            ctx[24].id
+          ) || !/*selectedOptions*/
+          ctx[4].length) && (!/*isPreviewModeInteractive*/
+          ctx[3] || /*isPreviewModeInteractive*/
+          ctx[3] && /*selectedOptions*/
+          ctx[4].length === /*correctAnswersLength*/
+          ctx[6]);
+        if (show_if_3) {
+          if (if_block1) {
+          } else {
+            if_block1 = create_if_block_62(ctx);
+            if_block1.c();
+            if_block1.m(span1, t3);
+          }
+        } else if (if_block1) {
+          if_block1.d(1);
+          if_block1 = null;
+        }
+        if (dirty & /*isFinished, correctAnswerIds, selectedOptions, isPreviewModeInteractive, correctAnswersLength*/
+        218)
+          show_if_2 = /*isFinished*/
+          ctx[1] && /*correctAnswerIds*/
+          ctx[7]?.includes(
+            /*option*/
+            ctx[24].id
+          ) && !/*selectedOptions*/
+          ctx[4].includes(
+            /*option*/
+            ctx[24].id
+          ) && (!/*isPreviewModeInteractive*/
+          ctx[3] || /*isPreviewModeInteractive*/
+          ctx[3] && /*selectedOptions*/
+          ctx[4].length === /*correctAnswersLength*/
+          ctx[6]);
+        if (show_if_2) {
+          if (if_block2) {
+            if (dirty & /*isFinished, correctAnswerIds, selectedOptions, isPreviewModeInteractive, correctAnswersLength*/
+            218) {
+              transition_in(if_block2, 1);
+            }
+          } else {
+            if_block2 = create_if_block_52(ctx);
+            if_block2.c();
+            transition_in(if_block2, 1);
+            if_block2.m(span3, t5);
+          }
+        } else if (if_block2) {
+          group_outros();
+          transition_out(if_block2, 1, 1, () => {
+            if_block2 = null;
+          });
+          check_outros();
         }
         if (dirty & /*isFinished, selectedOptions*/
         18)
-          show_if = /*isFinished*/
+          show_if_1 = /*isFinished*/
           ctx[1] && /*selectedOptions*/
-          ctx[4]?.includes(
+          ctx[4].includes(
             /*option*/
-            ctx[23].id
+            ctx[24].id
           );
-        if (show_if) {
-          if (if_block1) {
-            if_block1.p(ctx, dirty);
+        if (show_if_1) {
+          if (if_block3) {
+            if_block3.p(ctx, dirty);
             if (dirty & /*isFinished, selectedOptions*/
             18) {
-              transition_in(if_block1, 1);
+              transition_in(if_block3, 1);
             }
           } else {
-            if_block1 = create_if_block_42(ctx);
-            if_block1.c();
-            transition_in(if_block1, 1);
-            if_block1.m(span2, t4);
+            if_block3 = create_if_block_32(ctx);
+            if_block3.c();
+            transition_in(if_block3, 1);
+            if_block3.m(span3, t6);
           }
-        } else if (if_block1) {
+        } else if (if_block3) {
           group_outros();
-          transition_out(if_block1, 1, 1, () => {
-            if_block1 = null;
+          transition_out(if_block3, 1, 1, () => {
+            if_block3 = null;
           });
           check_outros();
         }
-        if (
-          /*correctAnswersLength*/
-          ctx[6] > 1
-        ) {
-          if (if_block2) {
-            if_block2.p(ctx, dirty);
-            if (dirty & /*correctAnswersLength*/
-            64) {
-              transition_in(if_block2, 1);
+        if (dirty & /*correctAnswersLength, isFinished, isPreviewModeInteractive, selectedOptions, correctAnswerIds*/
+        218)
+          show_if = /*correctAnswersLength*/
+          ctx[6] > 1 && (!/*isFinished*/
+          ctx[1] && !/*isPreviewModeInteractive*/
+          ctx[3] || /*isFinished*/
+          ctx[1] && !/*selectedOptions*/
+          ctx[4].includes(
+            /*option*/
+            ctx[24].id
+          ) && !/*correctAnswerIds*/
+          ctx[7].includes(
+            /*option*/
+            ctx[24].id
+          ) || /*isPreviewModeInteractive*/
+          ctx[3] && /*selectedOptions*/
+          ctx[4].length === /*correctAnswersLength*/
+          ctx[6] && !/*correctAnswerIds*/
+          ctx[7].includes(
+            /*option*/
+            ctx[24].id
+          ) && !/*selectedOptions*/
+          ctx[4].includes(
+            /*option*/
+            ctx[24].id
+          ) || /*isPreviewModeInteractive*/
+          ctx[3] && /*correctAnswersLength*/
+          ctx[6] !== /*selectedOptions*/
+          ctx[4].length);
+        if (show_if) {
+          if (if_block4) {
+            if_block4.p(ctx, dirty);
+            if (dirty & /*correctAnswersLength, isFinished, isPreviewModeInteractive, selectedOptions, correctAnswerIds*/
+            218) {
+              transition_in(if_block4, 1);
             }
           } else {
-            if_block2 = create_if_block_23(ctx);
-            if_block2.c();
-            transition_in(if_block2, 1);
-            if_block2.m(span2, null);
+            if_block4 = create_if_block_14(ctx);
+            if_block4.c();
+            transition_in(if_block4, 1);
+            if_block4.m(span3, null);
           }
-        } else if (if_block2) {
+        } else if (if_block4) {
           group_outros();
-          transition_out(if_block2, 1, 1, () => {
-            if_block2 = null;
+          transition_out(if_block4, 1, 1, () => {
+            if_block4 = null;
           });
           check_outros();
         }
-        if (!current || dirty & /*correctAnswersLength*/
-        64 && button_role_value !== (button_role_value = /*correctAnswersLength*/
-        ctx[6] > 1 ? "checkbox" : null)) {
+        if (!current || dirty & /*correctAnswersLength, isFinished, isPreviewModeInteractive, selectedOptions, correctAnswerIds*/
+        218 && button_role_value !== (button_role_value = /*correctAnswersLength*/
+        ctx[6] > 1 && (!/*isFinished*/
+        ctx[1] && !/*isPreviewModeInteractive*/
+        ctx[3] || /*isFinished*/
+        ctx[1] && !/*selectedOptions*/
+        ctx[4].includes(
+          /*option*/
+          ctx[24].id
+        ) && !/*correctAnswerIds*/
+        ctx[7].includes(
+          /*option*/
+          ctx[24].id
+        ) || /*isPreviewModeInteractive*/
+        ctx[3] && /*selectedOptions*/
+        ctx[4].length === /*correctAnswersLength*/
+        ctx[6] && !/*correctAnswerIds*/
+        ctx[7].includes(
+          /*option*/
+          ctx[24].id
+        ) && !/*selectedOptions*/
+        ctx[4].includes(
+          /*option*/
+          ctx[24].id
+        ) || /*isPreviewModeInteractive*/
+        ctx[3] && /*correctAnswersLength*/
+        ctx[6] !== /*selectedOptions*/
+        ctx[4].length) ? "checkbox" : null)) {
           attr(button, "role", button_role_value);
         }
         if (!current || dirty & /*correctAnswersLength*/
@@ -3770,67 +4341,59 @@
           /*selectedOptions*/
           ctx[4].includes(
             /*option*/
-            ctx[23].id
+            ctx[24].id
           )
         ) : null)) {
           attr(button, "aria-checked", button_aria_checked_value);
         }
-        if (!current || dirty & /*selectedOptions, isFinished, correctAnswerIds, isPreviewMode, isPreviewModeInteractive*/
-        158 && button_aria_label_value !== (button_aria_label_value = `${/*selectedOptions*/
+        if (!current || dirty & /*isFinished, selectedOptions, isPreviewMode, isPreviewModeInteractive, correctAnswerIds, correctAnswersLength*/
+        222 && button_aria_label_value !== (button_aria_label_value = `${!/*isFinished*/
+        ctx[1] && /*selectedOptions*/
         ctx[4].includes(
           /*option*/
-          ctx[23].id
-        ) ? `Selected option ${useMCQ_default(
-          /*index*/
-          ctx[25]
-        )}` : `Option ${useMCQ_default(
+          ctx[24].id
+        ) ? "Selected " : ""}${`Option ${useMCQ_default(
           /*index*/
-          ctx[25]
+          ctx[26]
         )}`}: ${useRemoveRichTextHtmlTags(
           /*option*/
-          ctx[23].answer
-        )} ${!/*isFinished*/
-        ctx[1] || !/*selectedOptions*/
-        ctx[4]?.includes(
-          /*option*/
-          ctx[23].id
-        ) ? "" : (
-          /*correctAnswerIds*/
-          ctx[7].includes(
-            /*option*/
-            ctx[23].id
-          ) || /*isPreviewMode*/
-          ctx[2] && !/*isPreviewModeInteractive*/
-          ctx[3] && /*selectedOptions*/
-          ctx[4].includes(
-            /*option*/
-            ctx[23].id
-          ) ? "(Correct answer)" : "(Incorrect answer)"
-        )}`)) {
+          ctx[24].answer
+        )} ${func()}`)) {
           attr(button, "aria-label", button_aria_label_value);
         }
-        if (!current || dirty & /*correctAnswersLength, isFinished, isPreviewModeInteractive, selectedOptions, correctAnswerIds, isPreviewMode*/
-        222 && button_class_value !== (button_class_value = "group text-left " + /*correctAnswersLength*/
-        (ctx[6] > 1 ? "btn-multi-mcq-option" : "btn-single-mcq-option") + " " + /*correctAnswersLength*/
-        (ctx[6] > 1 ? "focus-ring-by" : "") + " " + /*correctAnswersLength*/
-        (ctx[6] > 1 && (!/*isFinished*/
+        if (!current || dirty & /*isFinished, isPreviewModeInteractive, selectedOptions, correctAnswerIds, correctAnswersLength, isPreviewMode*/
+        222 && button_class_value !== (button_class_value = "group text-left btn-mcq-option " + (!/*isFinished*/
         ctx[1] || /*isPreviewModeInteractive*/
-        ctx[3]) ? "active:raw-focus-ring-by" : "") + " " + /*selectedOptions*/
+        ctx[3] ? "active:raw-focus-ring-by" : "") + " " + /*selectedOptions*/
         (ctx[4].includes(
           /*option*/
-          ctx[23].id
-        ) ? "selected" : "") + " " + (!/*isFinished*/
+          ctx[24].id
+        ) ? "selected" : "") + " " + /*isFinished*/
+        (ctx[1] && /*correctAnswerIds*/
+        ctx[7]?.includes(
+          /*option*/
+          ctx[24].id
+        ) && (!/*selectedOptions*/
+        ctx[4].includes(
+          /*option*/
+          ctx[24].id
+        ) || !/*selectedOptions*/
+        ctx[4].length) && (!/*isPreviewModeInteractive*/
+        ctx[3] || /*isPreviewModeInteractive*/
+        ctx[3] && /*selectedOptions*/
+        ctx[4].length === /*correctAnswersLength*/
+        ctx[6]) ? "missing" : "") + " " + (!/*isFinished*/
         ctx[1] ? "" : (
           /*correctAnswerIds*/
           ctx[7].includes(
             /*option*/
-            ctx[23].id
+            ctx[24].id
           ) || /*isPreviewMode*/
           ctx[2] && !/*isPreviewModeInteractive*/
           ctx[3] && /*selectedOptions*/
           ctx[4].includes(
             /*option*/
-            ctx[23].id
+            ctx[24].id
           ) ? "correct" : "incorrect"
         )))) {
           attr(button, "class", button_class_value);
@@ -3840,14 +4403,16 @@
         if (current)
           return;
         transition_in(commonstringtohtml.$$.fragment, local);
-        transition_in(if_block1);
         transition_in(if_block2);
+        transition_in(if_block3);
+        transition_in(if_block4);
         current = true;
       },
       o(local) {
         transition_out(commonstringtohtml.$$.fragment, local);
-        transition_out(if_block1);
         transition_out(if_block2);
+        transition_out(if_block3);
+        transition_out(if_block4);
         current = false;
       },
       d(detaching) {
@@ -3857,86 +4422,35 @@
         }
         if (if_block0)
           if_block0.d(detaching);
-        destroy_component(commonstringtohtml);
         if (if_block1)
           if_block1.d();
+        destroy_component(commonstringtohtml);
         if (if_block2)
           if_block2.d();
+        if (if_block3)
+          if_block3.d();
+        if (if_block4)
+          if_block4.d();
         mounted = false;
         dispose();
       }
     };
   }
-  function create_if_block5(ctx) {
-    let promptresult;
-    let current;
-    promptresult = new PromptResultFeedback_default({
-      props: {
-        isResultCorrect: (
-          /*selectedOptions*/
-          ctx[4].length === 1 && /*correctAnswerIds*/
-          ctx[7].includes(
-            /*selectedOptions*/
-            ctx[4][0]
-          )
-        ),
-        resultFeedback: (
-          /*resultFeedback*/
-          ctx[5]
-        )
-      }
-    });
-    return {
-      c() {
-        create_component(promptresult.$$.fragment);
-      },
-      m(target, anchor) {
-        mount_component(promptresult, target, anchor);
-        current = true;
-      },
-      p(ctx2, dirty) {
-        const promptresult_changes = {};
-        if (dirty & /*selectedOptions, correctAnswerIds*/
-        144)
-          promptresult_changes.isResultCorrect = /*selectedOptions*/
-          ctx2[4].length === 1 && /*correctAnswerIds*/
-          ctx2[7].includes(
-            /*selectedOptions*/
-            ctx2[4][0]
-          );
-        if (dirty & /*resultFeedback*/
-        32)
-          promptresult_changes.resultFeedback = /*resultFeedback*/
-          ctx2[5];
-        promptresult.$set(promptresult_changes);
-      },
-      i(local) {
-        if (current)
-          return;
-        transition_in(promptresult.$$.fragment, local);
-        current = true;
-      },
-      o(local) {
-        transition_out(promptresult.$$.fragment, local);
-        current = false;
-      },
-      d(detaching) {
-        destroy_component(promptresult, detaching);
-      }
-    };
-  }
   function create_default_slot(ctx) {
     let t2;
     let if_block1_anchor;
     let current;
     let if_block0 = (
-      /*options*/
-      ctx[11] && create_if_block_14(ctx)
+      /*correctAnswersLength*/
+      ctx[6] === 1 && /*isFinished*/
+      ctx[1] && (!/*isPreviewMode*/
+      ctx[2] || /*isPreviewMode*/
+      ctx[2] && /*isPreviewModeInteractive*/
+      ctx[3]) && create_if_block_82(ctx)
     );
     let if_block1 = (
-      /*isFinished*/
-      ctx[1] && /*correctAnswersLength*/
-      ctx[6] === 1 && create_if_block5(ctx)
+      /*options*/
+      ctx[11] && create_if_block5(ctx)
     );
     return {
       c() {
@@ -3958,34 +4472,37 @@
       },
       p(ctx2, dirty) {
         if (
-          /*options*/
-          ctx2[11]
-        )
-          if_block0.p(ctx2, dirty);
-        if (
-          /*isFinished*/
-          ctx2[1] && /*correctAnswersLength*/
-          ctx2[6] === 1
+          /*correctAnswersLength*/
+          ctx2[6] === 1 && /*isFinished*/
+          ctx2[1] && (!/*isPreviewMode*/
+          ctx2[2] || /*isPreviewMode*/
+          ctx2[2] && /*isPreviewModeInteractive*/
+          ctx2[3])
         ) {
-          if (if_block1) {
-            if_block1.p(ctx2, dirty);
-            if (dirty & /*isFinished, correctAnswersLength*/
-            66) {
-              transition_in(if_block1, 1);
+          if (if_block0) {
+            if_block0.p(ctx2, dirty);
+            if (dirty & /*correctAnswersLength, isFinished, isPreviewMode, isPreviewModeInteractive*/
+            78) {
+              transition_in(if_block0, 1);
             }
           } else {
-            if_block1 = create_if_block5(ctx2);
-            if_block1.c();
-            transition_in(if_block1, 1);
-            if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
+            if_block0 = create_if_block_82(ctx2);
+            if_block0.c();
+            transition_in(if_block0, 1);
+            if_block0.m(t2.parentNode, t2);
           }
-        } else if (if_block1) {
+        } else if (if_block0) {
           group_outros();
-          transition_out(if_block1, 1, 1, () => {
-            if_block1 = null;
+          transition_out(if_block0, 1, 1, () => {
+            if_block0 = null;
           });
           check_outros();
         }
+        if (
+          /*options*/
+          ctx2[11]
+        )
+          if_block1.p(ctx2, dirty);
       },
       i(local) {
         if (current)
@@ -4011,7 +4528,7 @@
       }
     };
   }
-  function create_fragment8(ctx) {
+  function create_fragment10(ctx) {
     let promptbody;
     let current;
     promptbody = new PromptBody_default({
@@ -4043,8 +4560,8 @@
       },
       p(ctx2, [dirty]) {
         const promptbody_changes = {};
-        if (dirty & /*$$scope, selectedOptions, correctAnswerIds, resultFeedback, isFinished, correctAnswersLength, isPreviewMode, isPreviewModeInteractive, isDataSaving*/
-        67109119) {
+        if (dirty & /*$$scope, correctAnswersLength, isFinished, isPreviewModeInteractive, selectedOptions, correctAnswerIds, isPreviewMode, isDataSaving, resultFeedback*/
+        134217983) {
           promptbody_changes.$$scope = { dirty, ctx: ctx2 };
         }
         promptbody.$set(promptbody_changes);
@@ -4150,6 +4667,25 @@
         );
       }
     };
+    const func = (option) => {
+      if (isFinished && !isPreviewMode && !isPreviewModeInteractive) {
+        if (correctAnswerIds.includes(option.id)) {
+          return selectedOptions.includes(option.id) ? "(Correct answer)" : "(Missing Answer)";
+        } else if (selectedOptions.includes(option.id))
+          return "(Incorrect answer)";
+      } else if (isPreviewMode && !isPreviewModeInteractive) {
+        if (correctAnswerIds.includes(option.id)) {
+          return "(Correct answer)";
+        }
+      } else if (isPreviewModeInteractive) {
+        if (selectedOptions.includes(option.id)) {
+          return correctAnswerIds.includes(option.id) ? "(Correct answer)" : "(Incorrect answer)";
+        } else if (selectedOptions.length === correctAnswersLength && correctAnswerIds.includes(option.id)) {
+          return "(Missing Answer)";
+        }
+      }
+      return "";
+    };
     const click_handler = (option) => handleOptionClick(option.id, option.answer);
     $$self.$$set = ($$props2) => {
       if ("sessionData" in $$props2)
@@ -4178,13 +4714,14 @@
       options,
       handleOptionClick,
       sessionData,
+      func,
       click_handler
     ];
   }
   var PromptMCQ = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance5, create_fragment8, safe_not_equal, {
+      init(this, options, instance5, create_fragment10, safe_not_equal, {
         sessionData: 13,
         isDataSaving: 0,
         isFinished: 1,
@@ -4303,224 +4840,84 @@
   action.destroy = autosize_esm_default.destroy;
   var svelte_autosize_default = action;
 
-  // src/lib/assets/img/messaging/InfoSolid.svelte
-  function create_fragment9(ctx) {
-    let svg;
-    let path;
-    return {
-      c() {
-        svg = svg_element("svg");
-        path = svg_element("path");
-        attr(path, "fill-rule", "evenodd");
-        attr(path, "clip-rule", "evenodd");
-        attr(path, "d", "M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM10 9C9.44772 9 9 9.44772 9 10V14.5C9 15.0523 9.44772 15.5 10 15.5C10.5523 15.5 11 15.0523 11 14.5V10C11 9.44772 10.5523 9 10 9ZM10 5C9.44772 5 9 5.44772 9 6C9 6.55228 9.44772 7 10 7C10.5523 7 11 6.55228 11 6C11 5.44772 10.5523 5 10 5Z");
-        attr(path, "fill", "currentColor");
-        attr(svg, "width", "20");
-        attr(svg, "height", "20");
-        attr(svg, "viewBox", "0 0 20 20");
-        attr(svg, "fill", "none");
-        attr(svg, "xmlns", "http://www.w3.org/2000/svg");
-        attr(svg, "role", "img");
-        attr(svg, "aria-label", "Info Icon");
-      },
-      m(target, anchor) {
-        insert(target, svg, anchor);
-        append(svg, path);
-      },
-      p: noop,
-      i: noop,
-      o: noop,
-      d(detaching) {
-        if (detaching) {
-          detach(svg);
-        }
-      }
-    };
-  }
-  var InfoSolid = class extends SvelteComponent {
-    constructor(options) {
-      super();
-      init(this, options, null, create_fragment9, safe_not_equal, {});
-    }
-  };
-  create_custom_element(InfoSolid, {}, [], [], true);
-  var InfoSolid_default = InfoSolid;
-
-  // src/lib/components/prompt/template/PromptResultFeedbackv2.svelte
+  // src/lib/components/prompt/template/PromptResultFeedback.svelte
   function create_if_block6(ctx) {
-    let div1;
-    let t0;
     let div0;
-    let t1;
+    let t0;
     let span;
+    let t1;
+    let div0_class_value;
     let t2;
-    let div1_class_value;
-    let current;
-    let if_block0 = (
-      /*hasIcon*/
-      ctx[4] && create_if_block_24(ctx)
-    );
-    let if_block1 = (
+    let div1;
+    let if_block = (
       /*resultFeedbackTitle*/
       ctx[1] && create_if_block_15(ctx)
     );
     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_block)
+          if_block.c();
+        t0 = space();
         span = element("span");
-        t2 = text(
+        t1 = text(
           /*resultFeedback*/
           ctx[0]
         );
-        attr(div1, "aria-description", "Answer feedback:");
-        attr(div1, "class", div1_class_value = "my-6 p-4 border-l-4 text-charcoal text-base flex " + /*isSkipped*/
-        (ctx[3] ? "border-blue-950 bg-blue-50" : (
-          /*isResultCorrect*/
-          ctx[2] ? "border-green-900 bg-green-300" : "border-red-900 bg-red-50"
-        )));
+        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");
       },
       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);
+        insert(target, div0, anchor);
+        if (if_block)
+          if_block.m(div0, null);
+        append(div0, t0);
         append(div0, span);
-        append(span, t2);
-        current = true;
+        append(span, t1);
+        insert(target, t2, anchor);
+        insert(target, div1, anchor);
       },
       p(ctx2, dirty) {
-        if (
-          /*hasIcon*/
-          ctx2[4]
-        ) {
-          if (if_block0) {
-            if_block0.p(ctx2, dirty);
-            if (dirty & /*hasIcon*/
-            16) {
-              transition_in(if_block0, 1);
-            }
-          } else {
-            if_block0 = create_if_block_24(ctx2);
-            if_block0.c();
-            transition_in(if_block0, 1);
-            if_block0.m(div1, t0);
-          }
-        } else if (if_block0) {
-          group_outros();
-          transition_out(if_block0, 1, 1, () => {
-            if_block0 = null;
-          });
-          check_outros();
-        }
         if (
           /*resultFeedbackTitle*/
           ctx2[1]
         ) {
-          if (if_block1) {
-            if_block1.p(ctx2, dirty);
+          if (if_block) {
+            if_block.p(ctx2, dirty);
           } else {
-            if_block1 = create_if_block_15(ctx2);
-            if_block1.c();
-            if_block1.m(div0, t1);
+            if_block = create_if_block_15(ctx2);
+            if_block.c();
+            if_block.m(div0, t0);
           }
-        } else if (if_block1) {
-          if_block1.d(1);
-          if_block1 = null;
+        } else if (if_block) {
+          if_block.d(1);
+          if_block = null;
         }
-        if (!current || dirty & /*resultFeedback*/
+        if (dirty & /*resultFeedback*/
         1)
           set_data(
-            t2,
+            t1,
             /*resultFeedback*/
             ctx2[0]
           );
-        if (!current || dirty & /*isSkipped, isResultCorrect*/
-        12 && div1_class_value !== (div1_class_value = "my-6 p-4 border-l-4 text-charcoal text-base flex " + /*isSkipped*/
-        (ctx2[3] ? "border-blue-950 bg-blue-50" : (
-          /*isResultCorrect*/
-          ctx2[2] ? "border-green-900 bg-green-300" : "border-red-900 bg-red-50"
-        )))) {
-          attr(div1, "class", div1_class_value);
+        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(local) {
-        if (current)
-          return;
-        transition_in(if_block0);
-        current = true;
-      },
-      o(local) {
-        transition_out(if_block0);
-        current = false;
-      },
       d(detaching) {
         if (detaching) {
+          detach(div0);
+          detach(t2);
           detach(div1);
         }
-        if (if_block0)
-          if_block0.d();
-        if (if_block1)
-          if_block1.d();
-      }
-    };
-  }
-  function create_if_block_24(ctx) {
-    let span;
-    let infosolid;
-    let span_class_value;
-    let current;
-    infosolid = new InfoSolid_default({});
-    return {
-      c() {
-        span = element("span");
-        create_component(infosolid.$$.fragment);
-        attr(span, "class", span_class_value = "h-6 w-6 flex items-center pt-0.5 mr-2 " + /*isSkipped*/
-        (ctx[3] ? "text-blue-950" : (
-          /*isResultCorrect*/
-          ctx[2] ? "text-green-900" : "text-red-900"
-        )));
-      },
-      m(target, anchor) {
-        insert(target, span, anchor);
-        mount_component(infosolid, span, null);
-        current = true;
-      },
-      p(ctx2, dirty) {
-        if (!current || dirty & /*isSkipped, isResultCorrect*/
-        12 && span_class_value !== (span_class_value = "h-6 w-6 flex items-center pt-0.5 mr-2 " + /*isSkipped*/
-        (ctx2[3] ? "text-blue-950" : (
-          /*isResultCorrect*/
-          ctx2[2] ? "text-green-900" : "text-red-900"
-        )))) {
-          attr(span, "class", span_class_value);
-        }
-      },
-      i(local) {
-        if (current)
-          return;
-        transition_in(infosolid.$$.fragment, local);
-        current = true;
-      },
-      o(local) {
-        transition_out(infosolid.$$.fragment, local);
-        current = false;
-      },
-      d(detaching) {
-        if (detaching) {
-          detach(span);
-        }
-        destroy_component(infosolid);
+        if (if_block)
+          if_block.d();
       }
     };
   }
@@ -4556,9 +4953,8 @@
       }
     };
   }
-  function create_fragment10(ctx) {
+  function create_fragment11(ctx) {
     let if_block_anchor;
-    let current;
     let if_block = (
       /*resultFeedback*/
       ctx[0] && create_if_block6(ctx)
@@ -4573,7 +4969,6 @@
         if (if_block)
           if_block.m(target, anchor);
         insert(target, if_block_anchor, anchor);
-        current = true;
       },
       p(ctx2, [dirty]) {
         if (
@@ -4582,34 +4977,18 @@
         ) {
           if (if_block) {
             if_block.p(ctx2, dirty);
-            if (dirty & /*resultFeedback*/
-            1) {
-              transition_in(if_block, 1);
-            }
           } else {
             if_block = create_if_block6(ctx2);
             if_block.c();
-            transition_in(if_block, 1);
             if_block.m(if_block_anchor.parentNode, if_block_anchor);
           }
         } else if (if_block) {
-          group_outros();
-          transition_out(if_block, 1, 1, () => {
-            if_block = null;
-          });
-          check_outros();
+          if_block.d(1);
+          if_block = null;
         }
       },
-      i(local) {
-        if (current)
-          return;
-        transition_in(if_block);
-        current = true;
-      },
-      o(local) {
-        transition_out(if_block);
-        current = false;
-      },
+      i: noop,
+      o: noop,
       d(detaching) {
         if (detaching) {
           detach(if_block_anchor);
@@ -4623,8 +5002,6 @@
     let { resultFeedback = null } = $$props;
     let { resultFeedbackTitle = null } = $$props;
     let { isResultCorrect = true } = $$props;
-    let { isSkipped = false } = $$props;
-    let { hasIcon = false } = $$props;
     $$self.$$set = ($$props2) => {
       if ("resultFeedback" in $$props2)
         $$invalidate(0, resultFeedback = $$props2.resultFeedback);
@@ -4632,32 +5009,16 @@
         $$invalidate(1, resultFeedbackTitle = $$props2.resultFeedbackTitle);
       if ("isResultCorrect" in $$props2)
         $$invalidate(2, isResultCorrect = $$props2.isResultCorrect);
-      if ("isSkipped" in $$props2)
-        $$invalidate(3, isSkipped = $$props2.isSkipped);
-      if ("hasIcon" in $$props2)
-        $$invalidate(4, hasIcon = $$props2.hasIcon);
     };
-    $$self.$$.update = () => {
-      if ($$self.$$.dirty & /*isSkipped*/
-      8) {
-        $:
-          if (isSkipped) {
-            $$invalidate(1, resultFeedbackTitle = "No answer was provided");
-            $$invalidate(0, resultFeedback = "It may be that the student struggled with this question or mistakenly skipped this question.");
-          }
-      }
-    };
-    return [resultFeedback, resultFeedbackTitle, isResultCorrect, isSkipped, hasIcon];
+    return [resultFeedback, resultFeedbackTitle, isResultCorrect];
   }
-  var PromptResultFeedbackv2 = class extends SvelteComponent {
+  var PromptResultFeedback = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance6, create_fragment10, safe_not_equal, {
+      init(this, options, instance6, create_fragment11, safe_not_equal, {
         resultFeedback: 0,
         resultFeedbackTitle: 1,
-        isResultCorrect: 2,
-        isSkipped: 3,
-        hasIcon: 4
+        isResultCorrect: 2
       });
     }
     get resultFeedback() {
@@ -4681,26 +5042,12 @@
       this.$$set({ isResultCorrect });
       flush();
     }
-    get isSkipped() {
-      return this.$$.ctx[3];
-    }
-    set isSkipped(isSkipped) {
-      this.$$set({ isSkipped });
-      flush();
-    }
-    get hasIcon() {
-      return this.$$.ctx[4];
-    }
-    set hasIcon(hasIcon) {
-      this.$$set({ hasIcon });
-      flush();
-    }
   };
-  customElements.define("prompt-result-feedbackv2", create_custom_element(PromptResultFeedbackv2, { "resultFeedback": {}, "resultFeedbackTitle": {}, "isResultCorrect": { "type": "Boolean" }, "isSkipped": { "type": "Boolean" }, "hasIcon": { "type": "Boolean" } }, [], [], true));
-  var PromptResultFeedbackv2_default = PromptResultFeedbackv2;
+  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_fragment11(ctx) {
+  function create_fragment12(ctx) {
     let p;
     let t2;
     return {
@@ -4745,7 +5092,7 @@
   var InvalidBanner = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance7, create_fragment11, safe_not_equal, { bannerLabel: 0 });
+      init(this, options, instance7, create_fragment12, safe_not_equal, { bannerLabel: 0 });
     }
     get bannerLabel() {
       return this.$$.ctx[0];
@@ -4771,7 +5118,7 @@
     child_ctx[63] = i;
     return child_ctx;
   }
-  function create_else_block_4(ctx) {
+  function create_else_block_3(ctx) {
     let textarea;
     let textarea_class_value;
     let autosize_action;
@@ -4908,7 +5255,7 @@
       }
     };
   }
-  function create_if_block_92(ctx) {
+  function create_if_block_102(ctx) {
     let input;
     let input_class_value;
     let mounted;
@@ -5025,12 +5372,12 @@
       }
     };
   }
-  function create_if_block_72(ctx) {
+  function create_if_block_83(ctx) {
     let current_block_type_index;
     let if_block;
     let if_block_anchor;
     let current;
-    const if_block_creators = [create_if_block_82, create_else_block_3];
+    const if_block_creators = [create_if_block_92, create_else_block_2];
     const if_blocks = [];
     function select_block_type_1(ctx2, dirty) {
       if (
@@ -5092,7 +5439,7 @@
       }
     };
   }
-  function create_else_block_3(ctx) {
+  function create_else_block_2(ctx) {
     let invalidbanner;
     let current;
     invalidbanner = new InvalidBanner_default({
@@ -5124,7 +5471,7 @@
       }
     };
   }
-  function create_if_block_82(ctx) {
+  function create_if_block_92(ctx) {
     let div0;
     let commonstringtohtml;
     let t0;
@@ -5208,17 +5555,21 @@
     let if_block2_anchor;
     let current;
     let if_block0 = !/*isInlineTypein*/
-    ctx[24] && create_if_block_53(ctx);
-    const if_block_creators = [create_if_block_43, create_else_block_1];
+    ctx[24] && 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[24])
         return 0;
-      return 1;
+      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);
     }
-    current_block_type_index = select_block_type_3(ctx, [-1, -1, -1]);
-    if_block1 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
     let if_block2 = (
       /*isInlineTypein*/
       ctx[24] && (!/*isPreviewMode*/
@@ -5230,7 +5581,8 @@
         if (if_block0)
           if_block0.c();
         t0 = space();
-        if_block1.c();
+        if (if_block1)
+          if_block1.c();
         t1 = space();
         if (if_block2)
           if_block2.c();
@@ -5240,7 +5592,9 @@
         if (if_block0)
           if_block0.m(target, anchor);
         insert(target, t0, anchor);
-        if_blocks[current_block_type_index].m(target, anchor);
+        if (~current_block_type_index) {
+          if_blocks[current_block_type_index].m(target, anchor);
+        }
         insert(target, t1, anchor);
         if (if_block2)
           if_block2.m(target, anchor);
@@ -5251,7 +5605,34 @@
         if (!/*isInlineTypein*/
         ctx2[24])
           if_block0.p(ctx2, dirty);
-        if_block1.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);
+          }
+        } else {
+          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);
+            }
+            transition_in(if_block1, 1);
+            if_block1.m(t1.parentNode, t1);
+          } else {
+            if_block1 = null;
+          }
+        }
         if (
           /*isInlineTypein*/
           ctx2[24] && (!/*isPreviewMode*/
@@ -5300,13 +5681,15 @@
         }
         if (if_block0)
           if_block0.d(detaching);
-        if_blocks[current_block_type_index].d(detaching);
+        if (~current_block_type_index) {
+          if_blocks[current_block_type_index].d(detaching);
+        }
         if (if_block2)
           if_block2.d(detaching);
       }
     };
   }
-  function create_if_block_53(ctx) {
+  function create_if_block_63(ctx) {
     let div;
     let span0;
     let current_block_type_index;
@@ -5317,7 +5700,7 @@
     let t1;
     let div_class_value;
     let current;
-    const if_block_creators = [create_if_block_63, create_else_block_2];
+    const if_block_creators = [create_if_block_73, create_else_block_1];
     const if_blocks = [];
     function select_block_type_2(ctx2, dirty) {
       if (
@@ -5405,7 +5788,7 @@
       }
     };
   }
-  function create_else_block_2(ctx) {
+  function create_else_block_1(ctx) {
     let errorsolid;
     let current;
     errorsolid = new ErrorSolid_default({});
@@ -5432,7 +5815,7 @@
       }
     };
   }
-  function create_if_block_63(ctx) {
+  function create_if_block_73(ctx) {
     let successsolid;
     let current;
     successsolid = new SuccessSolid_default({});
@@ -5459,7 +5842,7 @@
       }
     };
   }
-  function create_else_block_1(ctx) {
+  function create_if_block_53(ctx) {
     let promptresultv2;
     let current;
     promptresultv2 = new PromptResultFeedbackv2_default({
@@ -6276,7 +6659,7 @@
     let t2;
     let if_block1_anchor;
     let current;
-    const if_block_creators = [create_if_block_72, create_if_block_92, create_else_block_4];
+    const if_block_creators = [create_if_block_83, create_if_block_102, create_else_block_3];
     const if_blocks = [];
     function select_block_type(ctx2, dirty) {
       if (
@@ -6362,7 +6745,7 @@
       }
     };
   }
-  function create_fragment12(ctx) {
+  function create_fragment13(ctx) {
     let promptbody;
     let current;
     promptbody = new PromptBody_default({
@@ -6507,14 +6890,15 @@
         }
         if (allAnswered || isInteractiveTriggeredResult) {
           $$invalidate(1, isResultCorrect = false);
-          const { is_single_mark: isSingleMark, allow_non_macrons_as_correct_answer: allowNonMacrons, ignore_punctuation: ignorePunctuation } = interaction;
+          const { allow_non_macrons_as_correct_answer: allowNonMacrons, ignore_punctuation: ignorePunctuation } = interaction;
           const { answer: previewCorrectAnswer } = scoringMetadata;
           $$invalidate(15, inlineAnswerResult = checkInlineAnswer(previewCorrectAnswer, inlineTypeinAnswer, allowNonMacrons, ignorePunctuation));
-          $$invalidate(1, isResultCorrect = isSingleMark ? !inlineAnswerResult.includes(false) : inlineAnswerResult.includes(true));
+          $$invalidate(1, isResultCorrect = !inlineAnswerResult.includes(false));
           $$invalidate(0, isFinished = true);
           $$invalidate(16, correctAnswerData = previewCorrectAnswer);
           $$invalidate(17, correctAnswerDataLength = previewCorrectAnswer.length);
-          getFeedback();
+          if (!isResultCorrect)
+            getFeedback();
           buildInlinePrompt();
           setTimeout(
             () => {
@@ -6563,6 +6947,8 @@
           inlineTypeinAnswer = answer.map((data) => data[0]);
           metadataAnswer = inlineTypeinAnswer;
         }
+        if (!isResultCorrect)
+          getFeedback();
         correctAnswerData = correctAnswer;
         correctAnswerDataLength = correctAnswer.length;
         inlineAnswerResult = checkInlineAnswer(correctAnswer, metadataAnswer, allowNonMacrons, ignorePunctuation);
@@ -6764,7 +7150,7 @@
         this,
         options,
         instance8,
-        create_fragment12,
+        create_fragment13,
         safe_not_equal,
         {
           sessionData: 30,
@@ -8841,7 +9227,7 @@
   }
 
   // src/lib/assets/img/product/GripVertical.svelte
-  function create_fragment13(ctx) {
+  function create_fragment14(ctx) {
     let svg;
     let path;
     return {
@@ -8875,53 +9261,12 @@
   var GripVertical = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment13, safe_not_equal, {});
+      init(this, options, null, create_fragment14, safe_not_equal, {});
     }
   };
   create_custom_element(GripVertical, {}, [], [], true);
   var GripVertical_default = GripVertical;
 
-  // src/lib/assets/img/messaging/Success.svelte
-  function create_fragment14(ctx) {
-    let svg;
-    let path;
-    return {
-      c() {
-        svg = svg_element("svg");
-        path = svg_element("path");
-        attr(path, "fill-rule", "evenodd");
-        attr(path, "clip-rule", "evenodd");
-        attr(path, "d", "M13.2929 0.292893C13.6834 -0.0976311 14.3166 -0.0976311 14.7071 0.292893C15.0976 0.683418 15.0976 1.31658 14.7071 1.70711L5.70711 10.7071C5.31658 11.0976 4.68342 11.0976 4.29289 10.7071L0.292893 6.70711C-0.0976311 6.31658 -0.0976311 5.68342 0.292893 5.29289C0.683418 4.90237 1.31658 4.90237 1.70711 5.29289L5 8.58579L13.2929 0.292893Z");
-        attr(path, "fill", "currentColor");
-        attr(svg, "width", "15");
-        attr(svg, "height", "11");
-        attr(svg, "viewBox", "0 0 15 11");
-        attr(svg, "fill", "none");
-        attr(svg, "xmlns", "http://www.w3.org/2000/svg");
-      },
-      m(target, anchor) {
-        insert(target, svg, anchor);
-        append(svg, path);
-      },
-      p: noop,
-      i: noop,
-      o: noop,
-      d(detaching) {
-        if (detaching) {
-          detach(svg);
-        }
-      }
-    };
-  }
-  var Success = class extends SvelteComponent {
-    constructor(options) {
-      super();
-      init(this, options, null, create_fragment14, safe_not_equal, {});
-    }
-  };
-  create_custom_element(Success, {}, [], [], true);
-  var Success_default = Success;
-
   // src/lib/components/prompt/categorise/PromptCategoriseWordButton.svelte
   function create_else_block3(ctx) {
     let gripvertical;
@@ -11726,7 +12071,7 @@
     child_ctx[70] = i;
     return child_ctx;
   }
-  function create_if_block_73(ctx) {
+  function create_if_block_74(ctx) {
     let promptcategorisemodal;
     let current;
     promptcategorisemodal = new PromptCategoriseModal_default({
@@ -12955,7 +13300,7 @@
     arrowdowncircle = new ArrowDownCircle_default({});
     let if_block0 = (
       /*isModalOpen*/
-      ctx[18] && create_if_block_73(ctx)
+      ctx[18] && create_if_block_74(ctx)
     );
     let if_block1 = (
       /*totalRemainingWordBinItem*/
@@ -13307,7 +13652,7 @@
               transition_in(if_block0, 1);
             }
           } else {
-            if_block0 = create_if_block_73(ctx);
+            if_block0 = create_if_block_74(ctx);
             if_block0.c();
             transition_in(if_block0, 1);
             if_block0.m(t3.parentNode, t3);
@@ -14151,7 +14496,7 @@
 
   // src/lib/components/prompt/PromptBuilder.svelte
   function add_css2(target) {
-    append_styles(target, "svelte-jmf5fr", '*,: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-by: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}.focus-ring:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.hover-focus-ring:hover,.raw-focus-ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.divider{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(218 224 224/var(--tw-border-opacity))}@keyframes svelte-jmf5fr-pulse{50%{opacity:0.5}}.animate-skeleton{--tw-bg-opacity:1;animation:svelte-jmf5fr-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;background-color:rgb(226 232 240/var(--tw-bg-opacity))}.btn-single-mcq-option:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.btn-single-mcq-option{--tw-text-opacity:1;--tw-border-opacity:1;--tw-bg-opacity:1;align-items:center;background-color:rgb(247 250 250/var(--tw-bg-opacity));border-color:rgb(113 115 119/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));display:flex;font-size:1rem;justify-content:space-between;line-height:1.5rem;margin-bottom:1rem;min-height:48px;padding:0.5rem 0.75rem 0.5rem 0.5rem;width:100%}.btn-single-mcq-option:active{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity));border-color:rgb(40 44 135/var(--tw-border-opacity));border-width:2px}@media(hover: hover) and (pointer: fine){.btn-single-mcq-option:hover{--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}}.btn-single-mcq-option>span>span>.choice{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(113 115 119/var(--tw-border-opacity));border-radius:1rem;border-width:1px;color:rgb(93 99 107/var(--tw-text-opacity));display:flex;font-size:1rem;font-weight:700;height:2rem;justify-content:center;letter-spacing:0.05em;line-height:1rem;margin-right:1rem;padding:0.5rem;width:2rem}.btn-single-mcq-option.selected{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity));border-color:rgb(40 44 135/var(--tw-border-opacity));border-width:2px}.btn-single-mcq-option.selected>span>span>.choice{--tw-border-opacity:1;border-color:rgb(40 44 135/var(--tw-border-opacity));border-width:2px}.btn-single-mcq-option.selected.correct{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(241 254 241/var(--tw-bg-opacity));border-color:rgb(0 102 5/var(--tw-border-opacity));border-width:1px}.btn-single-mcq-option.selected.incorrect{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(253 243 247/var(--tw-bg-opacity));border-color:rgb(217 12 85/var(--tw-border-opacity));border-width:1px}.btn-single-mcq-option.selected.correct>span>span>.choice,.btn-single-mcq-option.selected.incorrect>span>span>.choice{--tw-border-opacity:1;border-color:rgb(113 115 119/var(--tw-border-opacity));border-width:1px}.btn-multi-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;margin-bottom:1rem;min-height:48px;padding:0.5rem 0.75rem 0.5rem 0.5rem;width:100%}.btn-multi-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-multi-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-multi-mcq-option:active{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(238 240 255/var(--tw-bg-opacity));color:rgb(33 37 41/var(--tw-text-opacity))}.btn-multi-mcq-option>span>span>.choice{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(156 163 175/var(--tw-border-opacity));border-radius:1rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));display:flex;font-size:1rem;font-weight:700;height:2rem;justify-content:center;letter-spacing:0.05em;line-height:1rem;margin-right:1rem;padding:0.5rem;width:2rem}.btn-multi-mcq-option>span>span>.custom-checkbox{align-items:center;border-radius:0.25rem;border-width:1px;display:flex;height:1.75rem;justify-content:center;margin-left:1rem;pointer-events:none;width:1.75rem}.group:active .btn-multi-mcq-option>span>span>.custom-checkbox,.group:hover .btn-multi-mcq-option>span>span>.custom-checkbox{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}.btn-multi-mcq-option.selected{background-color:rgb(40 44 135/var(--tw-bg-opacity));border-width:2px}.btn-multi-mcq-option.selected,.btn-multi-mcq-option.selected:active{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;border-color:rgb(40 44 135/var(--tw-border-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}.btn-multi-mcq-option.selected:active{background-color:rgb(84 101 251/var(--tw-bg-opacity))}.btn-multi-mcq-option.selected>span>span>.choice{--tw-bg-opacity:1;background-color:rgb(238 240 255/var(--tw-bg-opacity))}.btn-multi-mcq-option.selected>span>span>.custom-checkbox{--tw-bg-opacity:1;background-color:rgb(84 101 251/var(--tw-bg-opacity));pointer-events:none}.btn-multi-mcq-option.selected.correct{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 254 241/var(--tw-bg-opacity));border-color:rgb(0 102 5/var(--tw-border-opacity));border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity))}.btn-multi-mcq-option.selected.correct>span>span>.choice{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.btn-multi-mcq-option.selected.incorrect{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(253 243 247/var(--tw-bg-opacity));border-color:rgb(217 12 85/var(--tw-border-opacity));border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity))}.btn-multi-mcq-option.selected.correct>span>span>.choice,.btn-multi-mcq-option.selected.incorrect>span>span>.choice{--tw-border-opacity:1;border-color:rgb(113 115 119/var(--tw-border-opacity));border-width:1px}.typein-textbox:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.typein-textbox{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(75 85 99/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem;padding:0.75rem 1rem;width:100%}.typein-textbox::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(55 65 81/var(--tw-placeholder-opacity))}.typein-textbox::placeholder{--tw-placeholder-opacity:1;color:rgb(55 65 81/var(--tw-placeholder-opacity))}.typein-textbox:focus{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}}.typein-textbox:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0)) !important}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{transition-duration:50ms}}.typein-textbox:focus-visible{outline-color:#212529;outline-width:2px}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{outline-color:#212529;outline-width:2px}}.typein-textbox:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity))}.inline-typein-container>p{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;font-weight:600;line-height:3rem}#dnd-action-dragged-el{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;--tw-border-opacity:1!important;--tw-bg-opacity:1!important;background-color:rgb(205 208 254/var(--tw-bg-opacity)) !important;border-color:rgb(93 99 107/var(--tw-border-opacity)) !important;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));cursor:grabbing !important;outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}#dnd-action-dragged-el .btn-vertical-icon{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));cursor:grabbing !important}#dnd-action-dragged-el .preview-icon{display:none !important}#dnd-action-dragged-el .preview-vertical{display:block !important}.category-content>.missing-answer-label{display:block}.category-content>.missing-answer-label~.missing-answer-label{display:none}.text-stimulus{padding-bottom:1rem;padding-top:1rem}.text-stimulus p{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;line-height:1.75rem;padding-bottom:0.5rem}.text-stimulus ol,.text-stimulus ul{font-size:1rem;line-height:1.5rem;list-style-position:inside;padding-bottom:0.5rem;padding-left:0.5rem}.text-stimulus ol ::marker,.text-stimulus ul ::marker{color:#282c87}.text-stimulus ol::marker,.text-stimulus ul::marker{color:#282c87}.text-stimulus ul{list-style-type:disc}.text-stimulus ol{list-style-type:decimal}.text-stimulus ul li>p{margin-left:-0.5rem}.text-stimulus ol>li>p,.text-stimulus ul>li>p{display:inline;font-size:1rem;line-height:1.5rem;padding-bottom:0;padding-top:0}.text-stimulus div.table-container:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.text-stimulus div.table-container{border-radius:0.5rem;overflow:auto;padding-left:0.125rem;padding-right:0.125rem}.text-stimulus table{--tw-border-spacing-x:0.75rem;--tw-border-spacing-y:0.75rem;--tw-shadow:0 0 0 1px #9ca3af;--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);border-radius:0.5rem;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);margin-bottom:1rem;margin-top:0.5rem;overflow-x:auto;width:100%}.text-stimulus table tr{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(156 163 175/var(--tw-border-opacity))}.text-stimulus table tr:last-child{border-color:transparent}.text-stimulus table td,.text-stimulus table th{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity));border-left-width:1px;min-width:140px}.text-stimulus table td:first-child,.text-stimulus table th:first-child{border-style:none}.text-stimulus table td>p,.text-stimulus table th>p{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem;padding:0.75rem;text-align:left}.text-stimulus table th>p{font-weight:400}.prompt p,.text-stimulus table th p{font-weight:600}.prompt p b,.prompt p b i,.prompt p b i u,.prompt p b u,.prompt p b u i,.prompt p i b,.prompt p i b u,.prompt p i u b,.prompt p u b,.prompt p u b i,.prompt p u i b,.text-stimulus table th p b,.text-stimulus table th p b i,.text-stimulus table th p b i u,.text-stimulus table th p b u,.text-stimulus table th p b u i,.text-stimulus table th p i b,.text-stimulus table th p i b u,.text-stimulus table th p i u b,.text-stimulus table th p u b,.text-stimulus table th p u b i,.text-stimulus table th p u i b{font-weight:900}.sr-only{clip:rect(0, 0, 0, 0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.-top-2{top:-0.5rem}.-top-2\\.5{top:-0.625rem}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.bottom-\\[7px\\]{bottom:7px}.left-0{left:0}.left-4{left:1rem}.left-\\[-9999px\\]{left:-9999px}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-1{top:0.25rem}.top-1\\/2{top:50%}.top-12{top:3rem}.top-3{top:0.75rem}.top-3\\.5{top:0.875rem}.top-\\[13px\\]{top:13px}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-0\\.5{margin-left:0.125rem;margin-right:0.125rem}.my-2{margin-bottom:0.5rem;margin-top:0.5rem}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.my-auto{margin-bottom:auto;margin-top:auto}.-mt-0{margin-top:0}.-mt-0\\.5{margin-top:-0.125rem}.mb-1{margin-bottom:0.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:0.5rem}.mb-3{margin-bottom:0.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:0.25rem}.ml-3{margin-left:0.75rem}.ml-8{margin-left:2rem}.ml-8\\.5{margin-left:2.125rem}.ml-\\[3px\\]{margin-left:3px}.mr-1{margin-right:0.25rem}.mr-2{margin-right:0.5rem}.mr-4{margin-right:1rem}.mt-0{margin-top:0}.mt-0\\.5{margin-top:0.125rem}.mt-1{margin-top:0.25rem}.mt-2{margin-top:0.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-7\\.5{margin-top:1.875}.mt-9{margin-top:2.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-10\\.5{height:2.625rem}.h-11{height:2.75rem}.h-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-\\[44px\\]{min-width:44px}.min-w-\\[85px\\]{min-width:85px}.max-w-\\[400px\\]{max-width:400px}.grow{flex-grow:1}.basis-0{flex-basis:0px}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\!cursor-default{cursor:default !important}.\\!cursor-pointer{cursor:pointer !important}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:0.5rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0.5rem * var(--tw-space-y-reverse));margin-top:calc(0.5rem * (1 - var(--tw-space-y-reverse)))}.space-y-reverse>:not([hidden])~:not([hidden]){--tw-space-y-reverse:1}.overflow-hidden,.truncate{overflow:hidden}.truncate{text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:0.25rem}.rounded-\\[32px\\]{border-radius:32px}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.rounded-b-lg{border-bottom-right-radius:0.5rem}.rounded-b-lg,.rounded-l-lg{border-bottom-left-radius:0.5rem}.rounded-l-lg,.rounded-t-lg{border-top-left-radius:0.5rem}.rounded-t-lg{border-top-right-radius:0.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-4{border-left-width:4px}.border-l-6,.border-l-\\[6px\\]{border-left-width:6px}.border-dashed{border-style:dashed}.\\!border-blue-1000{--tw-border-opacity:1!important;border-color:rgb(40 44 135/var(--tw-border-opacity)) !important}.border-blue-1000{--tw-border-opacity:1;border-color:rgb(40 44 135/var(--tw-border-opacity))}.border-blue-950{--tw-border-opacity:1;border-color:rgb(29 78 216/var(--tw-border-opacity))}.border-charcoal{--tw-border-opacity:1;border-color:rgb(33 37 41/var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.border-gray-800{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.border-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))}.p-0{padding:0}.p-0\\.5{padding:0.125rem}.p-1{padding:0.25rem}.p-1\\.5{padding:0.375rem}.p-2{padding:0.5rem}.p-3{padding:0.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:0.25rem;padding-top:0.25rem}.py-1\\.5{padding-bottom:0.375rem;padding-top:0.375rem}.py-2{padding-bottom:0.5rem;padding-top:0.5rem}.py-\\[9px\\]{padding-bottom:9px;padding-top:9px}.\\!pr-11{padding-right:2.75rem !important}.pb-0{padding-bottom:0}.pb-10{padding-bottom:2.5rem}.pb-2{padding-bottom:0.5rem}.pb-3{padding-bottom:0.75rem}.pl-13\\.2{padding-left:3.125rem}.pl-24{padding-left:6rem}.pl-3{padding-left:0.75rem}.pl-4{padding-left:1rem}.pr-3{padding-right:0.75rem}.pr-4{padding-right:1rem}.pt-0{padding-top:0}.pt-0\\.5{padding-top:0.125rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-\\[15px\\]{padding-top:15px}.pt-\\[55px\\]{padding-top:55px}.text-left{text-align:left}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-\\[19px\\]{line-height:19px}.leading-\\[22px\\]{line-height:22px}.\\!text-gray-900{--tw-text-opacity:1!important;color:rgb(57 62 69/var(--tw-text-opacity)) !important}.text-blue-1000{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity))}.text-blue-950{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity))}.text-charcoal{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(93 99 107/var(--tw-text-opacity))}.text-green-800{--tw-text-opacity:1;color:rgb(0 102 5/var(--tw-text-opacity))}.text-green-900{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity))}.text-inherit{color:inherit}.text-red-800{--tw-text-opacity:1;color:rgb(217 12 85/var(--tw-text-opacity))}.text-red-900{--tw-text-opacity:1;color:rgb(190 24 93/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.opacity-5{opacity:0.05}.opacity-50{opacity:0.5}.shadow-\\[0_-12px_14px_-16px_\\#00000033\\]{--tw-shadow:0 -12px 14px -16px #00000033;--tw-shadow-colored:0 -12px 14px -16px var(--tw-shadow-color)}.shadow-\\[0_-12px_14px_-16px_\\#00000033\\],.shadow-md{box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)}.shadow-md{--tw-shadow:0px 2px 8px rgba(0,0,0,.2);--tw-shadow-colored:0px 2px 8px var(--tw-shadow-color)}.\\!outline-none{outline:2px solid transparent !important;outline-offset:2px !important}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:0.15s;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.duration-300{transition-duration:0.3s}.active\\:raw-focus-ring-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}}.last\\:mr-0:last-child{margin-right:0}.focus-within\\:left-0:focus-within{left:0}.focus-within\\:right-0:focus-within{right:0}.focus-within\\:top-0:focus-within{top:0}.focus-within\\:z-30:focus-within{z-index:30}.hover\\:bg-black-50:hover{background-color:rgba(0, 0, 0, 0.0509803922)}.hover\\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}.hover\\:bg-violet-100:hover{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.hover\\:bg-yellow-1000:hover{--tw-bg-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity))}.hover\\:text-charcoal:hover{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.focus\\:outline-transparent:focus{outline-color:transparent}.focus-visible\\:border:focus-visible{border-width:1px}.focus-visible\\:border-charcoal:focus-visible{--tw-border-opacity:1;border-color:rgb(33 37 41/var(--tw-border-opacity))}.focus-visible\\:border-gray-400:focus-visible{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.focus-visible\\:border-gray-800:focus-visible{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\\:bg-black-55:active,.active\\:bg-black-60:active{background-color:rgba(0, 0, 0, 0.1019607843)}.active\\:bg-yellow-1100:active{--tw-bg-opacity:1;background-color:rgb(238 206 26/var(--tw-bg-opacity))}.active\\:text-charcoal:active{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.disabled\\:text-gray-40:disabled{--tw-text-opacity:1;color:rgb(142 147 153/var(--tw-text-opacity))}.disabled\\:hover\\:bg-white:hover:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.group\\/itemContainer:hover .group-hover\\/itemContainer\\:bg-violet-100{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.group:hover .group-hover\\:underline{text-decoration-line:underline}.group:active .group-active\\:border-2{border-width:2px}.group:active .group-active\\:border-blue-1000{--tw-border-opacity:1;border-color:rgb(40 44 135/var(--tw-border-opacity))}.group:active .group-active\\:border-soft-blue{--tw-border-opacity:1;border-color:rgb(84 101 251/var(--tw-border-opacity))}.group:active .group-active\\:p-\\[7px\\]{padding:7px}@media(min-width: 732px){.md\\:inset-0{inset:0}.md\\:top-20{top:5rem}.md\\:mb-2{margin-bottom:0.5rem}.md\\:mb-4{margin-bottom:1rem}.md\\:mb-8{margin-bottom:2rem}.md\\:ml-0{margin-left:0}.md\\:mt-0{margin-top:0}.md\\:mt-14{margin-top:3.5rem}.md\\:block{display:block}.md\\:inline-block{display:inline-block}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:h-fit{height:-moz-fit-content;height:fit-content}.md\\:min-h-0{min-height:0}.md\\:min-h-\\[140px\\]{min-height:140px}.md\\:min-h-\\[164px\\]{min-height:164px}.md\\:w-1\\/2{width:50%}.md\\:w-fit{width:-moz-fit-content;width:fit-content}.md\\:grow-0{flex-grow:0}.md\\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.md\\:flex-row{flex-direction:row}.md\\:flex-col{flex-direction:column}.md\\:items-center{align-items:center}.md\\:justify-normal{justify-content:normal}.md\\:justify-center{justify-content:center}.md\\:justify-between{justify-content:space-between}.md\\:gap-6{gap:1.5rem}.md\\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px * var(--tw-space-y-reverse));margin-top:calc(0px * (1 - var(--tw-space-y-reverse)))}.md\\:rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.md\\:border{border-width:1px}.md\\:border-gray-400{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.md\\:\\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity)) !important}.md\\:p-4{padding:1rem}.md\\:px-0{padding-left:0;padding-right:0}.md\\:pb-0{padding-bottom:0}.md\\:pl-13\\.2{padding-left:3.125rem}.md\\:pl-4{padding-left:1rem}.md\\:pr-4{padding-right:1rem}.md\\:pt-20{padding-top:5rem}.md\\:pt-20\\.5{padding-top:5.125rem}.md\\:text-center{text-align:center}.md\\:shadow-\\[0_0_\\#0000\\]{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)}.group\\/itemContainer:hover .md\\:group-hover\\/itemContainer\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}}@media(min-width: 1196px){.lg\\:mr-6{margin-right:1.5rem}.lg\\:flex{display:flex}.lg\\:hidden{display:none}.lg\\:min-h-\\[224px\\]{min-height:224px}.lg\\:w-full{width:100%}.lg\\:max-w-\\[50\\%\\]{max-width:50%}.lg\\:grow{flex-grow:1}.lg\\:basis-1\\/2{flex-basis:50%}.lg\\:items-center{align-items:center}.lg\\:justify-between{justify-content:space-between}.lg\\:gap-0{gap:0}.lg\\:last\\:mr-0:last-child{margin-right:0}}@media(hover: hover) and (pointer: fine){.td\\:hover\\:cursor-grab:hover{cursor:grab}.td\\:hover\\:border-gray-800:hover{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.td\\:hover\\:bg-black-50:hover{background-color:rgba(0, 0, 0, 0.0509803922)}.td\\:hover\\:bg-violet-100:hover{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.td\\:hover\\:text-soft-blue:hover{--tw-text-opacity:1;color:rgb(84 101 251/var(--tw-text-opacity))}.group:hover .td\\:group-hover\\:bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.group:hover .td\\:group-hover\\:opacity-5{opacity:0.05}}');
+    append_styles(target, "svelte-y7znna", '*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:Mulish, sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*{font-family:Mulish, sans-serif}input::-moz-selection,textarea::-moz-selection{background-color:hsla(0, 0%, 85%, 0.4)}input::selection,textarea::selection{background-color:hsla(0, 0%, 85%, 0.4)}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.p2{font-size:0.875rem;font-weight:600;line-height:1.25rem;line-height:1.5}.blanket-overlay{--tw-bg-opacity:1;background-color:rgb(33 37 41/var(--tw-bg-opacity));inset:0;opacity:0.3;position:absolute}.item-heading{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;letter-spacing:-0.025em;line-height:1.5rem}.focus-ring:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.hover-focus-ring:hover,.raw-focus-ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.divider{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(218 224 224/var(--tw-border-opacity))}@keyframes svelte-y7znna-pulse{50%{opacity:0.5}}.animate-skeleton{--tw-bg-opacity:1;animation:svelte-y7znna-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{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(156 163 175/var(--tw-border-opacity));border-radius:1rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));display:flex;font-size:1rem;font-weight:700;height:2rem;justify-content:center;letter-spacing:0.05em;line-height:1rem;margin-right:1rem;padding:0.5rem;width:2rem}.btn-mcq-option.selected{background-color:rgb(40 44 135/var(--tw-bg-opacity));border-width:2px}.btn-mcq-option.selected,.btn-mcq-option.selected:active{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;border-color:rgb(40 44 135/var(--tw-border-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}.btn-mcq-option.selected:active{background-color:rgb(84 101 251/var(--tw-bg-opacity))}.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{align-items:center;border-radius:0.25rem;border-width:1px;display:flex;height:1.75rem;justify-content:center;margin-left:1rem;pointer-events:none;width:1.75rem}.group:active .btn-mcq-option>span>span>.custom-checkbox,.group:hover .btn-mcq-option>span>span>.custom-checkbox{--tw-border-opacity:1;border-color:rgb(59 64 240/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));pointer-events:none}.btn-mcq-option.missing.correct{background-color:rgb(248 248 248/var(--tw-bg-opacity));padding-bottom:0.5rem;padding-top:0.5rem}.btn-mcq-option.missing.correct,.btn-mcq-option.selected.correct{--tw-border-opacity:1;--tw-bg-opacity:1;border-color:rgb(21 128 61/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected.correct{--tw-text-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity));color:rgb(33 37 41/var(--tw-text-opacity))}.btn-mcq-option.selected.incorrect{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(253 242 248/var(--tw-bg-opacity));border-color:rgb(190 24 93/var(--tw-border-opacity));border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity))}.btn-mcq-option.selected.correct>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-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.typein-textbox{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(75 85 99/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem;padding:0.75rem 1rem;width:100%}.typein-textbox::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(55 65 81/var(--tw-placeholder-opacity))}.typein-textbox::placeholder{--tw-placeholder-opacity:1;color:rgb(55 65 81/var(--tw-placeholder-opacity))}.typein-textbox:focus{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}}.typein-textbox:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0)) !important}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{transition-duration:50ms}}.typein-textbox:focus-visible{outline-color:#212529;outline-width:2px}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{outline-color:#212529;outline-width:2px}}.typein-textbox:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity))}.inline-typein-container>p{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;font-weight:600;line-height:3rem}#dnd-action-dragged-el{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;--tw-border-opacity:1!important;--tw-bg-opacity:1!important;background-color:rgb(205 208 254/var(--tw-bg-opacity)) !important;border-color:rgb(93 99 107/var(--tw-border-opacity)) !important;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));cursor:grabbing !important;outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}#dnd-action-dragged-el .btn-vertical-icon{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));cursor:grabbing !important}#dnd-action-dragged-el .preview-icon{display:none !important}#dnd-action-dragged-el .preview-vertical{display:block !important}.category-content>.missing-answer-label{display:block}.category-content>.missing-answer-label~.missing-answer-label{display:none}.text-stimulus{padding-bottom:1rem;padding-top:1rem}.text-stimulus p{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;line-height:1.75rem;padding-bottom:0.5rem}.text-stimulus ol,.text-stimulus ul{font-size:1rem;line-height:1.5rem;list-style-position:inside;padding-bottom:0.5rem;padding-left:0.5rem}.text-stimulus ol ::marker,.text-stimulus ul ::marker{color:#282c87}.text-stimulus ol::marker,.text-stimulus ul::marker{color:#282c87}.text-stimulus ul{list-style-type:disc}.text-stimulus ol{list-style-type:decimal}.text-stimulus ul li>p{margin-left:-0.5rem}.text-stimulus ol>li>p,.text-stimulus ul>li>p{display:inline;font-size:1rem;line-height:1.5rem;padding-bottom:0;padding-top:0}.text-stimulus div.table-container:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.text-stimulus div.table-container{border-radius:0.5rem;overflow:auto;padding-left:0.125rem;padding-right:0.125rem}.text-stimulus table{--tw-border-spacing-x:0.75rem;--tw-border-spacing-y:0.75rem;--tw-shadow:0 0 0 1px #9ca3af;--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);border-radius:0.5rem;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);margin-bottom:1rem;margin-top:0.5rem;overflow-x:auto;width:100%}.text-stimulus table tr{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(156 163 175/var(--tw-border-opacity))}.text-stimulus table tr:last-child{border-color:transparent}.text-stimulus table td,.text-stimulus table th{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity));border-left-width:1px;min-width:140px}.text-stimulus table td:first-child,.text-stimulus table th:first-child{border-style:none}.text-stimulus table td>p,.text-stimulus table th>p{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem;padding:0.75rem;text-align:left}.text-stimulus table th>p{font-weight:400}.prompt p,.text-stimulus table th p{font-weight:600}.prompt p b,.prompt p b i,.prompt p b i u,.prompt p b u,.prompt p b u i,.prompt p i b,.prompt p i b u,.prompt p i u b,.prompt p u b,.prompt p u b i,.prompt p u i b,.text-stimulus table th p b,.text-stimulus table th p b i,.text-stimulus table th p b i u,.text-stimulus table th p b u,.text-stimulus table th p b u i,.text-stimulus table th p i b,.text-stimulus table th p i b u,.text-stimulus table th p i u b,.text-stimulus table th p u b,.text-stimulus table th p u b i,.text-stimulus table th p u i b{font-weight:900}.sr-only{clip:rect(0, 0, 0, 0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.-top-2{top:-0.5rem}.-top-2\\.5{top:-0.625rem}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.bottom-\\[7px\\]{bottom:7px}.left-0{left:0}.left-4{left:1rem}.left-\\[-9999px\\]{left:-9999px}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-1{top:0.25rem}.top-1\\/2{top:50%}.top-12{top:3rem}.top-3{top:0.75rem}.top-3\\.5{top:0.875rem}.top-\\[13px\\]{top:13px}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-0\\.5{margin-left:0.125rem;margin-right:0.125rem}.my-2{margin-bottom:0.5rem;margin-top:0.5rem}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.my-auto{margin-bottom:auto;margin-top:auto}.-mt-0{margin-top:0}.-mt-0\\.5{margin-top:-0.125rem}.mb-1{margin-bottom:0.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:0.5rem}.mb-3{margin-bottom:0.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:0.25rem}.ml-3{margin-left:0.75rem}.ml-8{margin-left:2rem}.ml-8\\.5{margin-left:2.125rem}.ml-\\[3px\\]{margin-left:3px}.mr-1{margin-right:0.25rem}.mr-2{margin-right:0.5rem}.mr-4{margin-right:1rem}.mt-0{margin-top:0}.mt-0\\.5{margin-top:0.125rem}.mt-1{margin-top:0.25rem}.mt-2{margin-top:0.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-7\\.5{margin-top:1.875}.mt-9{margin-top:2.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-10\\.5{height:2.625rem}.h-11{height:2.75rem}.h-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-\\[44px\\]{min-width:44px}.min-w-\\[85px\\]{min-width:85px}.max-w-\\[400px\\]{max-width:400px}.grow{flex-grow:1}.basis-0{flex-basis:0px}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\!cursor-default{cursor:default !important}.\\!cursor-pointer{cursor:pointer !important}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:0.5rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0.5rem * var(--tw-space-y-reverse));margin-top:calc(0.5rem * (1 - var(--tw-space-y-reverse)))}.space-y-reverse>:not([hidden])~:not([hidden]){--tw-space-y-reverse:1}.overflow-hidden,.truncate{overflow:hidden}.truncate{text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:0.25rem}.rounded-\\[32px\\]{border-radius:32px}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.rounded-b-lg{border-bottom-right-radius:0.5rem}.rounded-b-lg,.rounded-l-lg{border-bottom-left-radius:0.5rem}.rounded-l-lg,.rounded-t-lg{border-top-left-radius:0.5rem}.rounded-t-lg{border-top-right-radius:0.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-4{border-left-width:4px}.border-l-6,.border-l-\\[6px\\]{border-left-width:6px}.border-dashed{border-style:dashed}.\\!border-blue-1000{--tw-border-opacity:1!important;border-color:rgb(40 44 135/var(--tw-border-opacity)) !important}.border-blue-1000{--tw-border-opacity:1;border-color:rgb(40 44 135/var(--tw-border-opacity))}.border-blue-950{--tw-border-opacity:1;border-color:rgb(29 78 216/var(--tw-border-opacity))}.border-charcoal{--tw-border-opacity:1;border-color:rgb(33 37 41/var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.border-gray-800{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.border-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))}.p-0{padding:0}.p-0\\.5{padding:0.125rem}.p-1{padding:0.25rem}.p-1\\.5{padding:0.375rem}.p-2{padding:0.5rem}.p-3{padding:0.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:0.25rem;padding-top:0.25rem}.py-1\\.5{padding-bottom:0.375rem;padding-top:0.375rem}.py-2{padding-bottom:0.5rem;padding-top:0.5rem}.py-\\[9px\\]{padding-bottom:9px;padding-top:9px}.\\!pr-11{padding-right:2.75rem !important}.pb-0{padding-bottom:0}.pb-10{padding-bottom:2.5rem}.pb-2{padding-bottom:0.5rem}.pb-3{padding-bottom:0.75rem}.pl-13\\.2{padding-left:3.125rem}.pl-24{padding-left:6rem}.pl-3{padding-left:0.75rem}.pl-4{padding-left:1rem}.pr-3{padding-right:0.75rem}.pr-4{padding-right:1rem}.pt-0{padding-top:0}.pt-0\\.5{padding-top:0.125rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-\\[15px\\]{padding-top:15px}.pt-\\[55px\\]{padding-top:55px}.text-left{text-align:left}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-\\[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-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}}.last\\:mr-0:last-child{margin-right:0}.focus-within\\:left-0:focus-within{left:0}.focus-within\\:right-0:focus-within{right:0}.focus-within\\:top-0:focus-within{top:0}.focus-within\\:z-30:focus-within{z-index:30}.hover\\:bg-black-50:hover{background-color:rgba(0, 0, 0, 0.0509803922)}.hover\\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}.hover\\:bg-violet-100:hover{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.hover\\:bg-yellow-1000:hover{--tw-bg-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity))}.hover\\:text-charcoal:hover{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.focus\\:outline-transparent:focus{outline-color:transparent}.focus-visible\\:border:focus-visible{border-width:1px}.focus-visible\\:border-charcoal:focus-visible{--tw-border-opacity:1;border-color:rgb(33 37 41/var(--tw-border-opacity))}.focus-visible\\:border-gray-400:focus-visible{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.focus-visible\\:border-gray-800:focus-visible{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\\:bg-black-55:active,.active\\:bg-black-60:active{background-color:rgba(0, 0, 0, 0.1019607843)}.active\\:bg-yellow-1100:active{--tw-bg-opacity:1;background-color:rgb(238 206 26/var(--tw-bg-opacity))}.active\\:text-charcoal:active{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.disabled\\:text-gray-40:disabled{--tw-text-opacity:1;color:rgb(142 147 153/var(--tw-text-opacity))}.disabled\\:hover\\:bg-white:hover:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.group\\/itemContainer:hover .group-hover\\/itemContainer\\:bg-violet-100{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.group:hover .group-hover\\:underline{text-decoration-line:underline}.group:active .group-active\\:border-soft-blue{--tw-border-opacity:1;border-color:rgb(84 101 251/var(--tw-border-opacity))}@media(min-width: 732px){.md\\:inset-0{inset:0}.md\\:top-20{top:5rem}.md\\:mb-2{margin-bottom:0.5rem}.md\\:mb-4{margin-bottom:1rem}.md\\:mb-8{margin-bottom:2rem}.md\\:ml-0{margin-left:0}.md\\:mt-0{margin-top:0}.md\\:mt-14{margin-top:3.5rem}.md\\:block{display:block}.md\\:inline-block{display:inline-block}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:h-fit{height:-moz-fit-content;height:fit-content}.md\\:min-h-0{min-height:0}.md\\:min-h-\\[140px\\]{min-height:140px}.md\\:min-h-\\[164px\\]{min-height:164px}.md\\:w-1\\/2{width:50%}.md\\:w-fit{width:-moz-fit-content;width:fit-content}.md\\:grow-0{flex-grow:0}.md\\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.md\\:flex-row{flex-direction:row}.md\\:flex-col{flex-direction:column}.md\\:items-center{align-items:center}.md\\:justify-normal{justify-content:normal}.md\\:justify-center{justify-content:center}.md\\:justify-between{justify-content:space-between}.md\\:gap-6{gap:1.5rem}.md\\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px * var(--tw-space-y-reverse));margin-top:calc(0px * (1 - var(--tw-space-y-reverse)))}.md\\:rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.md\\:border{border-width:1px}.md\\:border-gray-400{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.md\\:\\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity)) !important}.md\\:p-4{padding:1rem}.md\\:px-0{padding-left:0;padding-right:0}.md\\:pb-0{padding-bottom:0}.md\\:pl-13\\.2{padding-left:3.125rem}.md\\:pl-4{padding-left:1rem}.md\\:pr-4{padding-right:1rem}.md\\:pt-20{padding-top:5rem}.md\\:pt-20\\.5{padding-top:5.125rem}.md\\:text-center{text-align:center}.md\\:shadow-\\[0_0_\\#0000\\]{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)}.group\\/itemContainer:hover .md\\:group-hover\\/itemContainer\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}}@media(min-width: 1196px){.lg\\:mr-6{margin-right:1.5rem}.lg\\:flex{display:flex}.lg\\:hidden{display:none}.lg\\:min-h-\\[224px\\]{min-height:224px}.lg\\:w-full{width:100%}.lg\\:max-w-\\[50\\%\\]{max-width:50%}.lg\\:grow{flex-grow:1}.lg\\:basis-1\\/2{flex-basis:50%}.lg\\:items-center{align-items:center}.lg\\:justify-between{justify-content:space-between}.lg\\:gap-0{gap:0}.lg\\:last\\:mr-0:last-child{margin-right:0}}@media(hover: hover) and (pointer: fine){.td\\:hover\\:cursor-grab:hover{cursor:grab}.td\\:hover\\:border-gray-800:hover{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.td\\:hover\\:bg-black-50:hover{background-color:rgba(0, 0, 0, 0.0509803922)}.td\\:hover\\:bg-violet-100:hover{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.td\\:hover\\:text-soft-blue:hover{--tw-text-opacity:1;color:rgb(84 101 251/var(--tw-text-opacity))}.group:hover .td\\:group-hover\\:bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.group:hover .td\\:group-hover\\:opacity-5{opacity:0.05}}');
   }
   function create_else_block_12(ctx) {
     let invalidbanner;
@@ -14684,8 +15029,10 @@
         includeAnswer = isPreviewContentful ? "?include=[html_tags,correct_answer,unpublished]&is_contentful_preview=true" : includeAnswer;
         const { data } = await useGet(`items/${itemId2}${includeAnswer}`);
         if (isPreviewContentful) {
-          const answerId = Object.values(data.interaction.options).filter((option) => option.correct_choice === true).map((option) => option.id);
-          totalCorrectAnswers = answerId.length;
+          if (data.interaction.type === "multipleChoiceInteraction") {
+            const answerId = Object.values(data.interaction.options).filter((option) => option.correct_choice === true).map((option) => option.id);
+            totalCorrectAnswers = answerId.length;
+          }
         }
         $$invalidate(3, interactionType = getInteractionType(data));
         $$invalidate(0, sessionData = { ...data, totalCorrectAnswers, metadata });
@@ -14716,6 +15063,7 @@
         const { data } = await useGet(`sessions/${sessionId}/score${skipUserValidationStr}`);
         if (data) {
           const { metadata, scoring } = data[0];
+          const { score_earned, score_total } = scoring;
           const { answer, has_answer: hasAnswer, correct_answer_id } = metadata;
           let scoringMetadata = { hasAnswer };
           switch (interactionType) {
@@ -14738,7 +15086,8 @@
               };
           }
           $$invalidate(0, sessionData = { ...sessionData, scoringMetadata });
-          $$invalidate(5, isResultCorrect = scoring.score_earned);
+          if (score_earned === score_total)
+            $$invalidate(5, isResultCorrect = !isResultCorrect);
         }
       } catch (error) {
       } finally {