eat-js-sdk 1.2.4 → 1.2.5

package/dist/eat-prompt-builder.mjs

@@ -1300,6 +1300,7 @@
   var TYPEIN_TYPE_INLINE = "Inline Text";
   var CONTAINER_WORD_BIN_ID = "container-word-bin";
   var SCREEN_MD = 732;
+  var SCREEN_LG = 1196;
   var EAT_SCREEN_HALF_WIDTH_RATIO = 0.5;
   var EAT_DASH = "@eat-dash@";
   var ANSWER_CORRECT = "correct";
@@ -2229,9 +2230,20 @@
   var CommonMedia_default = CommonMedia;
 
   // src/lib/components/prompt/template/PromptBody.svelte
+  var { window: window_1 } = globals;
   function add_css(target) {
-    append_styles(target, "svelte-19povb8", "@media only screen and (min-width: 1196px){.container-class.svelte-19povb8.svelte-19povb8{max-width:var(--interactionWidthValue);overflow:visible}.container-class.svelte-19povb8 .stimulus-text-container.svelte-19povb8{width:var(--stimulusTextWidth);max-width:none;overflow:visible;position:relative;z-index:1}}@media only screen and (min-width: 1440px){.mcq-media-container.svelte-19povb8.svelte-19povb8{max-width:720px}.mcq-media-container-stimulus.svelte-19povb8.svelte-19povb8{max-width:1310px}}");
+    append_styles(target, "svelte-qwvrrk", "@media only screen and (min-width: 1196px){.container-class.svelte-qwvrrk{max-width:var(--interactionWidthValue);overflow:visible;position:relative}}@media only screen and (min-width: 1440px){.mcq-media-container.svelte-qwvrrk{max-width:720px}.mcq-media-container-stimulus.svelte-qwvrrk{max-width:1310px}}");
   }
+  var get_default_slot_changes = (dirty) => ({
+    dynamicInteractionWidth: dirty[0] & /*dynamicInteractionWidth*/
+    131072
+  });
+  var get_default_slot_context = (ctx) => ({
+    dynamicInteractionWidth: (
+      /*dynamicInteractionWidth*/
+      ctx[17]
+    )
+  });
   function create_if_block_11(ctx) {
     let commonstringtohtml;
     let current;
@@ -2244,7 +2256,7 @@
         otherClass: "item-heading mb-4",
         htmlHeading: (
           /*promptRubricHeaderElem*/
-          ctx[23]
+          ctx[25]
         )
       }
     });
@@ -2280,57 +2292,32 @@
     };
   }
   function create_if_block_10(ctx) {
-    let div;
     let commonstringtohtml;
     let current;
     commonstringtohtml = new CommonStringToHtml_default({
       props: {
         htmlString: (
           /*stimulusText*/
-          ctx[11]
+          ctx[13]
         ),
         otherClass: "text-stimulus py-2"
       }
     });
     return {
       c() {
-        div = element("div");
         create_component(commonstringtohtml.$$.fragment);
-        set_style(
-          div,
-          "--stimulusTextWidth",
-          /*stimulusTextWidth*/
-          ctx[15]
-        );
-        attr(div, "class", "svelte-19povb8");
-        toggle_class(
-          div,
-          "stimulus-text-container",
-          /*interactionWidthValue*/
-          ctx[24] === "50%"
-        );
       },
       m(target, anchor) {
-        insert(target, div, anchor);
-        mount_component(commonstringtohtml, div, null);
+        mount_component(commonstringtohtml, target, anchor);
         current = true;
       },
       p(ctx2, dirty) {
         const commonstringtohtml_changes = {};
         if (dirty[0] & /*stimulusText*/
-        2048)
+        8192)
           commonstringtohtml_changes.htmlString = /*stimulusText*/
-          ctx2[11];
+          ctx2[13];
         commonstringtohtml.$set(commonstringtohtml_changes);
-        if (!current || dirty[0] & /*stimulusTextWidth*/
-        32768) {
-          set_style(
-            div,
-            "--stimulusTextWidth",
-            /*stimulusTextWidth*/
-            ctx2[15]
-          );
-        }
       },
       i(local) {
         if (current)
@@ -2343,10 +2330,7 @@
         current = false;
       },
       d(detaching) {
-        if (detaching) {
-          detach(div);
-        }
-        destroy_component(commonstringtohtml);
+        destroy_component(commonstringtohtml, detaching);
       }
     };
   }
@@ -2359,23 +2343,23 @@
       props: {
         fileType: (
           /*fileType*/
-          ctx[6]
+          ctx[8]
         ),
         fileUrl: (
           /*fileUrl*/
-          ctx[5]
+          ctx[7]
         ),
         altText: (
           /*altText*/
-          ctx[8]
+          ctx[10]
         ),
         longDescription: (
           /*longDescription*/
-          ctx[9]
+          ctx[11]
         ),
         fileCaption: (
           /*caption*/
-          ctx[10]
+          ctx[12]
         )
       }
     });
@@ -2384,10 +2368,10 @@
         div = element("div");
         create_component(commonmedia.$$.fragment);
         attr(div, "class", div_class_value = /*showTextAlignmentInline*/
-        (ctx[19] && /*showStimulusLayoutMediaFirst*/
-        ctx[21] ? "pb-2" : "pb-10") + " " + /*showTextAlignmentInline*/
-        (ctx[19] && /*showStimulusLayoutTextFirst*/
-        ctx[22] ? "" : "pt-6"));
+        (ctx[21] && /*showStimulusLayoutMediaFirst*/
+        ctx[23] ? "pb-2" : "pb-10") + " " + /*showTextAlignmentInline*/
+        (ctx[21] && /*showStimulusLayoutTextFirst*/
+        ctx[24] ? "" : "pt-6"));
       },
       m(target, anchor) {
         insert(target, div, anchor);
@@ -2397,25 +2381,25 @@
       p(ctx2, dirty) {
         const commonmedia_changes = {};
         if (dirty[0] & /*fileType*/
-        64)
+        256)
           commonmedia_changes.fileType = /*fileType*/
-          ctx2[6];
+          ctx2[8];
         if (dirty[0] & /*fileUrl*/
-        32)
+        128)
           commonmedia_changes.fileUrl = /*fileUrl*/
-          ctx2[5];
+          ctx2[7];
         if (dirty[0] & /*altText*/
-        256)
+        1024)
           commonmedia_changes.altText = /*altText*/
-          ctx2[8];
+          ctx2[10];
         if (dirty[0] & /*longDescription*/
-        512)
+        2048)
           commonmedia_changes.longDescription = /*longDescription*/
-          ctx2[9];
+          ctx2[11];
         if (dirty[0] & /*caption*/
-        1024)
+        4096)
           commonmedia_changes.fileCaption = /*caption*/
-          ctx2[10];
+          ctx2[12];
         commonmedia.$set(commonmedia_changes);
       },
       i(local) {
@@ -2437,57 +2421,32 @@
     };
   }
   function create_if_block_8(ctx) {
-    let div;
     let commonstringtohtml;
     let current;
     commonstringtohtml = new CommonStringToHtml_default({
       props: {
         htmlString: (
           /*stimulusText*/
-          ctx[11]
+          ctx[13]
         ),
         otherClass: "text-stimulus py-2"
       }
     });
     return {
       c() {
-        div = element("div");
         create_component(commonstringtohtml.$$.fragment);
-        set_style(
-          div,
-          "--stimulusTextWidth",
-          /*stimulusTextWidth*/
-          ctx[15]
-        );
-        attr(div, "class", "svelte-19povb8");
-        toggle_class(
-          div,
-          "stimulus-text-container",
-          /*interactionWidthValue*/
-          ctx[24] === "50%"
-        );
       },
       m(target, anchor) {
-        insert(target, div, anchor);
-        mount_component(commonstringtohtml, div, null);
+        mount_component(commonstringtohtml, target, anchor);
         current = true;
       },
       p(ctx2, dirty) {
         const commonstringtohtml_changes = {};
         if (dirty[0] & /*stimulusText*/
-        2048)
+        8192)
           commonstringtohtml_changes.htmlString = /*stimulusText*/
-          ctx2[11];
+          ctx2[13];
         commonstringtohtml.$set(commonstringtohtml_changes);
-        if (!current || dirty[0] & /*stimulusTextWidth*/
-        32768) {
-          set_style(
-            div,
-            "--stimulusTextWidth",
-            /*stimulusTextWidth*/
-            ctx2[15]
-          );
-        }
       },
       i(local) {
         if (current)
@@ -2500,10 +2459,7 @@
         current = false;
       },
       d(detaching) {
-        if (detaching) {
-          detach(div);
-        }
-        destroy_component(commonstringtohtml);
+        destroy_component(commonstringtohtml, detaching);
       }
     };
   }
@@ -2519,7 +2475,7 @@
         otherClass: "item-heading prompt",
         htmlHeading: (
           /*promptRubricHeaderElem*/
-          ctx[23]
+          ctx[25]
         )
       }
     });
@@ -2561,7 +2517,7 @@
       props: {
         htmlString: (
           /*stimulusText*/
-          ctx[11]
+          ctx[13]
         ),
         otherClass: "text-stimulus pb-0 lg:hidden"
       }
@@ -2577,9 +2533,9 @@
       p(ctx2, dirty) {
         const commonstringtohtml_changes = {};
         if (dirty[0] & /*stimulusText*/
-        2048)
+        8192)
           commonstringtohtml_changes.htmlString = /*stimulusText*/
-          ctx2[11];
+          ctx2[13];
         commonstringtohtml.$set(commonstringtohtml_changes);
       },
       i(local) {
@@ -2606,23 +2562,23 @@
       props: {
         fileType: (
           /*fileType*/
-          ctx[6]
+          ctx[8]
         ),
         fileUrl: (
           /*fileUrl*/
-          ctx[5]
+          ctx[7]
         ),
         altText: (
           /*altText*/
-          ctx[8]
+          ctx[10]
         ),
         longDescription: (
           /*longDescription*/
-          ctx[9]
+          ctx[11]
         ),
         fileCaption: (
           /*caption*/
-          ctx[10]
+          ctx[12]
         )
       }
     });
@@ -2631,8 +2587,8 @@
         div = element("div");
         create_component(commonmedia.$$.fragment);
         attr(div, "class", div_class_value = "lg:hidden " + /*showTextAlignmentDefault*/
-        (ctx[18] && /*showStimulusLayoutTextFirst*/
-        ctx[22] ? "pt-4" : "pt-6"));
+        (ctx[20] && /*showStimulusLayoutTextFirst*/
+        ctx[24] ? "pt-4" : "pt-6"));
       },
       m(target, anchor) {
         insert(target, div, anchor);
@@ -2642,25 +2598,25 @@
       p(ctx2, dirty) {
         const commonmedia_changes = {};
         if (dirty[0] & /*fileType*/
-        64)
+        256)
           commonmedia_changes.fileType = /*fileType*/
-          ctx2[6];
+          ctx2[8];
         if (dirty[0] & /*fileUrl*/
-        32)
+        128)
           commonmedia_changes.fileUrl = /*fileUrl*/
-          ctx2[5];
+          ctx2[7];
         if (dirty[0] & /*altText*/
-        256)
+        1024)
           commonmedia_changes.altText = /*altText*/
-          ctx2[8];
+          ctx2[10];
         if (dirty[0] & /*longDescription*/
-        512)
+        2048)
           commonmedia_changes.longDescription = /*longDescription*/
-          ctx2[9];
+          ctx2[11];
         if (dirty[0] & /*caption*/
-        1024)
+        4096)
           commonmedia_changes.fileCaption = /*caption*/
-          ctx2[10];
+          ctx2[12];
         commonmedia.$set(commonmedia_changes);
       },
       i(local) {
@@ -2688,7 +2644,7 @@
       props: {
         htmlString: (
           /*stimulusText*/
-          ctx[11]
+          ctx[13]
         ),
         otherClass: "text-stimulus pb-0 lg:hidden"
       }
@@ -2704,9 +2660,9 @@
       p(ctx2, dirty) {
         const commonstringtohtml_changes = {};
         if (dirty[0] & /*stimulusText*/
-        2048)
+        8192)
           commonstringtohtml_changes.htmlString = /*stimulusText*/
-          ctx2[11];
+          ctx2[13];
         commonstringtohtml.$set(commonstringtohtml_changes);
       },
       i(local) {
@@ -2732,17 +2688,17 @@
     let current;
     let if_block0 = (
       /*showTextAlignmentDefault*/
-      ctx[18] && /*showStimulusLayoutTextFirst*/
-      ctx[22] && create_if_block_32(ctx)
+      ctx[20] && /*showStimulusLayoutTextFirst*/
+      ctx[24] && create_if_block_32(ctx)
     );
     let if_block1 = (
       /*showAssetAlignmentDefault*/
-      ctx[17] && create_if_block_22(ctx)
+      ctx[19] && create_if_block_22(ctx)
     );
     let if_block2 = (
       /*showTextAlignmentDefault*/
-      ctx[18] && /*showStimulusLayoutMediaFirst*/
-      ctx[21] && create_if_block_12(ctx)
+      ctx[20] && /*showStimulusLayoutMediaFirst*/
+      ctx[23] && create_if_block_12(ctx)
     );
     return {
       c() {
@@ -2762,7 +2718,7 @@
           div1,
           "margin-top",
           /*dynamicMarginTop*/
-          ctx[14]
+          ctx[16]
         );
       },
       m(target, anchor) {
@@ -2776,34 +2732,34 @@
         append(div0, t1);
         if (if_block2)
           if_block2.m(div0, null);
-        ctx[29](div1);
+        ctx[33](div1);
         current = true;
       },
       p(ctx2, dirty) {
         if (
           /*showTextAlignmentDefault*/
-          ctx2[18] && /*showStimulusLayoutTextFirst*/
-          ctx2[22]
+          ctx2[20] && /*showStimulusLayoutTextFirst*/
+          ctx2[24]
         )
           if_block0.p(ctx2, dirty);
         if (
           /*showAssetAlignmentDefault*/
-          ctx2[17]
+          ctx2[19]
         )
           if_block1.p(ctx2, dirty);
         if (
           /*showTextAlignmentDefault*/
-          ctx2[18] && /*showStimulusLayoutMediaFirst*/
-          ctx2[21]
+          ctx2[20] && /*showStimulusLayoutMediaFirst*/
+          ctx2[23]
         )
           if_block2.p(ctx2, dirty);
         if (!current || dirty[0] & /*dynamicMarginTop*/
-        16384) {
+        65536) {
           set_style(
             div1,
             "margin-top",
             /*dynamicMarginTop*/
-            ctx2[14]
+            ctx2[16]
           );
         }
       },
@@ -2831,7 +2787,7 @@
           if_block1.d();
         if (if_block2)
           if_block2.d();
-        ctx[29](null);
+        ctx[33](null);
       }
     };
   }
@@ -2842,7 +2798,7 @@
       props: {
         htmlString: (
           /*stimulusText*/
-          ctx[11]
+          ctx[13]
         ),
         otherClass: "text-stimulus pt-0"
       }
@@ -2858,9 +2814,9 @@
       p(ctx2, dirty) {
         const commonstringtohtml_changes = {};
         if (dirty[0] & /*stimulusText*/
-        2048)
+        8192)
           commonstringtohtml_changes.htmlString = /*stimulusText*/
-          ctx2[11];
+          ctx2[13];
         commonstringtohtml.$set(commonstringtohtml_changes);
       },
       i(local) {
@@ -2885,27 +2841,27 @@
       props: {
         fileType: (
           /*fileType*/
-          ctx[6]
+          ctx[8]
         ),
         fileUrl: (
           /*fileUrl*/
-          ctx[5]
+          ctx[7]
         ),
         altText: (
           /*altText*/
-          ctx[8]
+          ctx[10]
         ),
         longDescription: (
           /*longDescription*/
-          ctx[9]
+          ctx[11]
         ),
         handleImageLoad: (
           /*handleImageLoad*/
-          ctx[25]
+          ctx[27]
         ),
         fileCaption: (
           /*caption*/
-          ctx[10]
+          ctx[12]
         )
       }
     });
@@ -2920,25 +2876,25 @@
       p(ctx2, dirty) {
         const commonmedia_changes = {};
         if (dirty[0] & /*fileType*/
-        64)
+        256)
           commonmedia_changes.fileType = /*fileType*/
-          ctx2[6];
+          ctx2[8];
         if (dirty[0] & /*fileUrl*/
-        32)
+        128)
           commonmedia_changes.fileUrl = /*fileUrl*/
-          ctx2[5];
+          ctx2[7];
         if (dirty[0] & /*altText*/
-        256)
+        1024)
           commonmedia_changes.altText = /*altText*/
-          ctx2[8];
+          ctx2[10];
         if (dirty[0] & /*longDescription*/
-        512)
+        2048)
           commonmedia_changes.longDescription = /*longDescription*/
-          ctx2[9];
+          ctx2[11];
         if (dirty[0] & /*caption*/
-        1024)
+        4096)
           commonmedia_changes.fileCaption = /*caption*/
-          ctx2[10];
+          ctx2[12];
         commonmedia.$set(commonmedia_changes);
       },
       i(local) {
@@ -2963,10 +2919,10 @@
       props: {
         htmlString: (
           /*stimulusText*/
-          ctx[11]
+          ctx[13]
         ),
         otherClass: "text-stimulus " + (!/*showAssetAlignmentDefault*/
-        ctx[17] ? "pt-0" : "")
+        ctx[19] ? "pt-0" : "")
       }
     });
     return {
@@ -2980,9 +2936,9 @@
       p(ctx2, dirty) {
         const commonstringtohtml_changes = {};
         if (dirty[0] & /*stimulusText*/
-        2048)
+        8192)
           commonstringtohtml_changes.htmlString = /*stimulusText*/
-          ctx2[11];
+          ctx2[13];
         commonstringtohtml.$set(commonstringtohtml_changes);
       },
       i(local) {
@@ -3018,24 +2974,30 @@
     let t9;
     let div2_class_value;
     let current;
+    let mounted;
+    let dispose;
+    add_render_callback(
+      /*onwindowresize*/
+      ctx[32]
+    );
     let if_block0 = (
       /*rubric*/
       ctx[0] && create_if_block_11(ctx)
     );
     let if_block1 = (
       /*showTextAlignmentInline*/
-      ctx[19] && /*showStimulusLayoutTextFirst*/
-      ctx[22] && create_if_block_10(ctx)
+      ctx[21] && /*showStimulusLayoutTextFirst*/
+      ctx[24] && create_if_block_10(ctx)
     );
     let if_block2 = (
       /*showAsset*/
-      ctx[16] && /*fileAlignment*/
-      ctx[7] === ASSET_ALIGNMENT_INLINE && create_if_block_9(ctx)
+      ctx[18] && /*fileAlignment*/
+      ctx[9] === ASSET_ALIGNMENT_INLINE && create_if_block_9(ctx)
     );
     let if_block3 = (
       /*showTextAlignmentInline*/
-      ctx[19] && /*showStimulusLayoutMediaFirst*/
-      ctx[21] && create_if_block_8(ctx)
+      ctx[21] && /*showStimulusLayoutMediaFirst*/
+      ctx[23] && create_if_block_8(ctx)
     );
     let if_block4 = (
       /*prompt*/
@@ -3043,32 +3005,32 @@
     );
     let if_block5 = (
       /*showTextAlignmentDefault*/
-      ctx[18] && /*showStimulusLayoutTextFirst*/
-      ctx[22] && create_if_block_6(ctx)
+      ctx[20] && /*showStimulusLayoutTextFirst*/
+      ctx[24] && create_if_block_6(ctx)
     );
     let if_block6 = (
       /*showAssetAlignmentDefault*/
-      ctx[17] && create_if_block_5(ctx)
+      ctx[19] && create_if_block_5(ctx)
     );
     let if_block7 = (
       /*showTextAlignmentDefault*/
-      ctx[18] && /*showStimulusLayoutMediaFirst*/
-      ctx[21] && create_if_block_4(ctx)
+      ctx[20] && /*showStimulusLayoutMediaFirst*/
+      ctx[23] && create_if_block_4(ctx)
     );
     const default_slot_template = (
       /*#slots*/
-      ctx[28].default
+      ctx[31].default
     );
     const default_slot = create_slot(
       default_slot_template,
       ctx,
       /*$$scope*/
-      ctx[27],
-      null
+      ctx[30],
+      get_default_slot_context
     );
     let if_block8 = (
       /*showAlignmentDefault*/
-      ctx[20] && create_if_block4(ctx)
+      ctx[22] && create_if_block4(ctx)
     );
     return {
       c() {
@@ -3108,16 +3070,23 @@
         attr(div0, "class", div0_class_value = "divider my-6 " + (!/*hasDivider*/
         ctx[2] ? "hidden" : ""));
         attr(div1, "class", div1_class_value = "bg-transparent relative " + /*showAlignmentDefault*/
-        (ctx[20] ? "lg:basis-1/2 lg:max-w-[50%]" : ""));
+        (ctx[22] ? "lg:basis-1/2 lg:max-w-[50%]" : ""));
         attr(div2, "class", div2_class_value = null_to_empty(`${/*showAlignmentDefault*/
-        ctx[20] ? "lg:w-full lg:flex" : "container-class"}  ${INTERACTION_TYPE_MCQ && /*optionHasMedia*/
+        ctx[22] ? "lg:w-full lg:flex" : "container-class"}  ${INTERACTION_TYPE_MCQ && /*optionHasMedia*/
         ctx[4] ? !/*stimulus*/
-        ctx[3] ? "mcq-media-container" : "mcq-media-container-stimulus" : ""}`) + " svelte-19povb8");
+        ctx[3] ? "mcq-media-container" : "mcq-media-container-stimulus" : ""}`) + " svelte-qwvrrk");
         set_style(
           div2,
           "--interactionWidthValue",
           /*interactionWidthValue*/
-          ctx[24]
+          ctx[26] === "50%" && /*stimulusTextWidth*/
+          ctx[5] !== "100%" ? (
+            /*stimulusTextWidth*/
+            ctx[5]
+          ) : (
+            /*interactionWidthValue*/
+            ctx[26]
+          )
         );
       },
       m(target, anchor) {
@@ -3155,8 +3124,17 @@
         append(div2, t9);
         if (if_block8)
           if_block8.m(div2, null);
-        ctx[30](div2);
+        ctx[34](div2);
         current = true;
+        if (!mounted) {
+          dispose = listen(
+            window_1,
+            "resize",
+            /*onwindowresize*/
+            ctx[32]
+          );
+          mounted = true;
+        }
       },
       p(ctx2, dirty) {
         if (
@@ -3184,19 +3162,19 @@
         }
         if (
           /*showTextAlignmentInline*/
-          ctx2[19] && /*showStimulusLayoutTextFirst*/
-          ctx2[22]
+          ctx2[21] && /*showStimulusLayoutTextFirst*/
+          ctx2[24]
         )
           if_block1.p(ctx2, dirty);
         if (
           /*showAsset*/
-          ctx2[16] && /*fileAlignment*/
-          ctx2[7] === ASSET_ALIGNMENT_INLINE
+          ctx2[18] && /*fileAlignment*/
+          ctx2[9] === ASSET_ALIGNMENT_INLINE
         ) {
           if (if_block2) {
             if_block2.p(ctx2, dirty);
             if (dirty[0] & /*fileAlignment*/
-            128) {
+            512) {
               transition_in(if_block2, 1);
             }
           } else {
@@ -3214,8 +3192,8 @@
         }
         if (
           /*showTextAlignmentInline*/
-          ctx2[19] && /*showStimulusLayoutMediaFirst*/
-          ctx2[21]
+          ctx2[21] && /*showStimulusLayoutMediaFirst*/
+          ctx2[23]
         )
           if_block3.p(ctx2, dirty);
         if (
@@ -3243,19 +3221,19 @@
         }
         if (
           /*showTextAlignmentDefault*/
-          ctx2[18] && /*showStimulusLayoutTextFirst*/
-          ctx2[22]
+          ctx2[20] && /*showStimulusLayoutTextFirst*/
+          ctx2[24]
         )
           if_block5.p(ctx2, dirty);
         if (
           /*showAssetAlignmentDefault*/
-          ctx2[17]
+          ctx2[19]
         )
           if_block6.p(ctx2, dirty);
         if (
           /*showTextAlignmentDefault*/
-          ctx2[18] && /*showStimulusLayoutMediaFirst*/
-          ctx2[21]
+          ctx2[20] && /*showStimulusLayoutMediaFirst*/
+          ctx2[23]
         )
           if_block7.p(ctx2, dirty);
         if (!current || dirty[0] & /*hasDivider*/
@@ -3264,40 +3242,56 @@
           attr(div0, "class", div0_class_value);
         }
         if (default_slot) {
-          if (default_slot.p && (!current || dirty[0] & /*$$scope*/
-          134217728)) {
+          if (default_slot.p && (!current || dirty[0] & /*$$scope, dynamicInteractionWidth*/
+          1073872896)) {
             update_slot_base(
               default_slot,
               default_slot_template,
               ctx2,
               /*$$scope*/
-              ctx2[27],
+              ctx2[30],
               !current ? get_all_dirty_from_scope(
                 /*$$scope*/
-                ctx2[27]
+                ctx2[30]
               ) : get_slot_changes(
                 default_slot_template,
                 /*$$scope*/
-                ctx2[27],
+                ctx2[30],
                 dirty,
-                null
+                get_default_slot_changes
               ),
-              null
+              get_default_slot_context
             );
           }
         }
         if (
           /*showAlignmentDefault*/
-          ctx2[20]
+          ctx2[22]
         )
           if_block8.p(ctx2, dirty);
         if (!current || dirty[0] & /*optionHasMedia, stimulus*/
         24 && div2_class_value !== (div2_class_value = null_to_empty(`${/*showAlignmentDefault*/
-        ctx2[20] ? "lg:w-full lg:flex" : "container-class"}  ${INTERACTION_TYPE_MCQ && /*optionHasMedia*/
+        ctx2[22] ? "lg:w-full lg:flex" : "container-class"}  ${INTERACTION_TYPE_MCQ && /*optionHasMedia*/
         ctx2[4] ? !/*stimulus*/
-        ctx2[3] ? "mcq-media-container" : "mcq-media-container-stimulus" : ""}`) + " svelte-19povb8")) {
+        ctx2[3] ? "mcq-media-container" : "mcq-media-container-stimulus" : ""}`) + " svelte-qwvrrk")) {
           attr(div2, "class", div2_class_value);
         }
+        if (!current || dirty[0] & /*stimulusTextWidth*/
+        32) {
+          set_style(
+            div2,
+            "--interactionWidthValue",
+            /*interactionWidthValue*/
+            ctx2[26] === "50%" && /*stimulusTextWidth*/
+            ctx2[5] !== "100%" ? (
+              /*stimulusTextWidth*/
+              ctx2[5]
+            ) : (
+              /*interactionWidthValue*/
+              ctx2[26]
+            )
+          );
+        }
       },
       i(local) {
         if (current)
@@ -3351,11 +3345,15 @@
           default_slot.d(detaching);
         if (if_block8)
           if_block8.d();
-        ctx[30](null);
+        ctx[34](null);
+        mounted = false;
+        dispose();
       }
     };
   }
   function instance4($$self, $$props, $$invalidate) {
+    let shouldUseFullWidth;
+    let dynamicInteractionWidth;
     let { $$slots: slots = {}, $$scope } = $$props;
     let { rubric } = $$props;
     let { prompt } = $$props;
@@ -3376,6 +3374,7 @@
     let promptBodyContainer;
     let dynamicMarginTop = "0px";
     let stimulusTextWidth = "100%";
+    let innerWidth = 0;
     const configureHtmlString = (htmlString, maxHeight = "") => {
       return htmlString.replace(/<table>/g, `<div class="table-container ${maxHeight}" tabindex="0"><table>`).replace(/<\/table>/g, "</table></div>");
     };
@@ -3423,9 +3422,9 @@
         const viewportHeight = window.innerHeight;
         const contentHeight = containerElement.scrollHeight;
         const calculatedMargin = Math.max(0, (viewportHeight - contentHeight) / 2);
-        $$invalidate(14, dynamicMarginTop = `${calculatedMargin - EAT_HEADER_OFFSET}px`);
+        $$invalidate(16, dynamicMarginTop = `${calculatedMargin - EAT_HEADER_OFFSET}px`);
       } else {
-        $$invalidate(14, dynamicMarginTop = "0px");
+        $$invalidate(16, dynamicMarginTop = "0px");
       }
     };
     const handleImageLoad = () => {
@@ -3441,7 +3440,9 @@
       const minWidth = screenWidth * EAT_SCREEN_HALF_WIDTH_RATIO;
       const desiredWidth = maxTableWidth + STIMULUS_TEXT_TABLE_BUFFER;
       const clampedWidth = Math.min(Math.max(desiredWidth, minWidth), screenWidth);
-      $$invalidate(15, stimulusTextWidth = `${clampedWidth}px`);
+      if (clampedWidth > screenWidth * EAT_SCREEN_HALF_WIDTH_RATIO) {
+        $$invalidate(5, stimulusTextWidth = `${clampedWidth}px`);
+      }
     };
     const onResize = () => {
       calculateDynamicMargin();
@@ -3455,20 +3456,31 @@
         calculateStimulusTextWidth();
       }
       window.addEventListener("resize", onResize);
-      onDestroy(() => {
+    });
+    onDestroy(() => {
+      if (typeof window !== "undefined") {
         window.removeEventListener("resize", onResize);
-      });
+      }
     });
+    const calculateInteractionWidth = (width) => {
+      if (width === "50%") {
+        return "50vw";
+      }
+      return "100%";
+    };
+    function onwindowresize() {
+      $$invalidate(6, innerWidth = window_1.innerWidth);
+    }
     function div1_binding($$value) {
       binding_callbacks[$$value ? "unshift" : "push"](() => {
         containerElement = $$value;
-        $$invalidate(12, containerElement);
+        $$invalidate(14, containerElement);
       });
     }
     function div2_binding($$value) {
       binding_callbacks[$$value ? "unshift" : "push"](() => {
         promptBodyContainer = $$value;
-        $$invalidate(13, promptBodyContainer);
+        $$invalidate(15, promptBodyContainer);
       });
     }
     $$self.$$set = ($$props2) => {
@@ -3477,7 +3489,7 @@
       if ("prompt" in $$props2)
         $$invalidate(1, prompt = $$props2.prompt);
       if ("interactionType" in $$props2)
-        $$invalidate(26, interactionType = $$props2.interactionType);
+        $$invalidate(28, interactionType = $$props2.interactionType);
       if ("hasDivider" in $$props2)
         $$invalidate(2, hasDivider = $$props2.hasDivider);
       if ("stimulus" in $$props2)
@@ -3485,7 +3497,29 @@
       if ("optionHasMedia" in $$props2)
         $$invalidate(4, optionHasMedia = $$props2.optionHasMedia);
       if ("$$scope" in $$props2)
-        $$invalidate(27, $$scope = $$props2.$$scope);
+        $$invalidate(30, $$scope = $$props2.$$scope);
+    };
+    $$self.$$.update = () => {
+      if ($$self.$$.dirty[0] & /*innerWidth*/
+      64) {
+        $:
+          $$invalidate(29, shouldUseFullWidth = () => {
+            return !!showAsset && showAssetAlignmentDefault || !!showTextStimulus && showTextAlignmentDefault || innerWidth < SCREEN_LG;
+          });
+      }
+      if ($$self.$$.dirty[0] & /*shouldUseFullWidth, interactionType, optionHasMedia, stimulusTextWidth*/
+      805306416) {
+        $:
+          $$invalidate(17, dynamicInteractionWidth = (() => {
+            if (shouldUseFullWidth())
+              return "100%";
+            if (interactionType === INTERACTION_TYPE_MCQ && optionHasMedia)
+              return interactionWidthValue;
+            if (stimulusTextWidth !== "100%")
+              return calculateInteractionWidth(interactionWidthValue);
+            return "100%";
+          })());
+      }
     };
     $:
       if (showAssetAlignmentDefault !== void 0) {
@@ -3497,6 +3531,8 @@
       hasDivider,
       stimulus,
       optionHasMedia,
+      stimulusTextWidth,
+      innerWidth,
       fileUrl,
       fileType,
       fileAlignment,
@@ -3507,7 +3543,7 @@
       containerElement,
       promptBodyContainer,
       dynamicMarginTop,
-      stimulusTextWidth,
+      dynamicInteractionWidth,
       showAsset,
       showAssetAlignmentDefault,
       showTextAlignmentDefault,
@@ -3519,8 +3555,10 @@
       interactionWidthValue,
       handleImageLoad,
       interactionType,
+      shouldUseFullWidth,
       $$scope,
       slots,
+      onwindowresize,
       div1_binding,
       div2_binding
     ];
@@ -3537,7 +3575,7 @@
         {
           rubric: 0,
           prompt: 1,
-          interactionType: 26,
+          interactionType: 28,
           hasDivider: 2,
           stimulus: 3,
           optionHasMedia: 4
@@ -3561,7 +3599,7 @@
       flush();
     }
     get interactionType() {
-      return this.$$.ctx[26];
+      return this.$$.ctx[28];
     }
     set interactionType(interactionType) {
       this.$$set({ interactionType });
@@ -4067,10 +4105,13 @@
   var useMCQ_default = useAlphabetEquivalent;
 
   // src/lib/components/prompt/mcq/PromptMCQ.svelte
+  function add_css2(target) {
+    append_styles(target, "svelte-2ij8ir", "@media(max-width: 767px){.responsive-grid.svelte-2ij8ir .btn-mcq-option.svelte-2ij8ir{min-width:288px !important;min-height:210px !important;max-width:288px !important;width:100%;margin:0 auto}.responsive-grid.svelte-2ij8ir.svelte-2ij8ir{display:grid;grid-template-columns:1fr;gap:1rem;justify-content:center;justify-items:center;place-items:center;width:100%}}@media(min-width: 768px){.responsive-grid.svelte-2ij8ir .btn-mcq-option.svelte-2ij8ir{max-width:304px !important;min-height:240px !important;width:100%}.responsive-grid.svelte-2ij8ir.svelte-2ij8ir{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem;justify-content:center;max-width:620px;margin:0 auto}}");
+  }
   function get_each_context(ctx, list, i) {
     const child_ctx = ctx.slice();
-    child_ctx[30] = list[i];
-    child_ctx[32] = i;
+    child_ctx[31] = list[i];
+    child_ctx[33] = i;
     return child_ctx;
   }
   function create_if_block_102(ctx) {
@@ -4181,8 +4222,10 @@
         }
         attr(div0, "class", div0_class_value = /*isDataSaving*/
         ctx[0] ? "absolute inset-0 bg-transparent z-50" : "");
-        attr(div1, "class", div1_class_value = /*optionHasMedia*/
-        ctx[13] ? "flex flex-col justify-start items-center md:justify-center md:items-start md:flex-none md:grid md:grid-cols-2 md:gap-x-4" : "");
+        attr(div1, "class", div1_class_value = null_to_empty(
+          /*optionHasMedia*/
+          ctx[13] ? "responsive-grid" : ""
+        ) + " svelte-2ij8ir");
         attr(div2, "class", div2_class_value = /*optionHasMedia*/
         ctx[13] ? "w-full" : "relative");
       },
@@ -4400,7 +4443,7 @@
         show_if = !!/*correctAnswerIds*/
         (ctx2[6]?.includes(
           /*option*/
-          ctx2[30].id
+          ctx2[31].id
         ) || /*isPreviewMode*/
         ctx2[2] && !/*isPreviewModeInteractive*/
         ctx2[3]);
@@ -4418,7 +4461,7 @@
         attr(span, "class", span_class_value = /*correctAnswerIds*/
         (ctx[6]?.includes(
           /*option*/
-          ctx[30].id
+          ctx[31].id
         ) || /*isPreviewMode*/
         ctx[2] && !/*isPreviewModeInteractive*/
         ctx[3] ? "text-green-900" : "text-red-900") + " p-0.5");
@@ -4450,7 +4493,7 @@
         76 && span_class_value !== (span_class_value = /*correctAnswerIds*/
         (ctx2[6]?.includes(
           /*option*/
-          ctx2[30].id
+          ctx2[31].id
         ) || /*isPreviewMode*/
         ctx2[2] && !/*isPreviewModeInteractive*/
         ctx2[3] ? "text-green-900" : "text-red-900") + " p-0.5")) {
@@ -4545,7 +4588,7 @@
       /*selectedOptions*/
       ctx[4].includes(
         /*option*/
-        ctx[30].id
+        ctx[31].id
       )
     );
     let span_class_value;
@@ -4559,7 +4602,7 @@
         attr(span, "class", span_class_value = "custom-checkbox " + /*selectedOptions*/
         (ctx[4].includes(
           /*option*/
-          ctx[30].id
+          ctx[31].id
         ) ? "border-soft-blue" : "border-gray-850") + " " + /*isPreviewMode*/
         (ctx[2] && !/*isPreviewModeInteractive*/
         ctx[3] || /*isFinished*/
@@ -4581,7 +4624,7 @@
           show_if = /*selectedOptions*/
           ctx2[4].includes(
             /*option*/
-            ctx2[30].id
+            ctx2[31].id
           );
         if (show_if) {
           if (if_block) {
@@ -4606,7 +4649,7 @@
         62 && span_class_value !== (span_class_value = "custom-checkbox " + /*selectedOptions*/
         (ctx2[4].includes(
           /*option*/
-          ctx2[30].id
+          ctx2[31].id
         ) ? "border-soft-blue" : "border-gray-850") + " " + /*isPreviewMode*/
         (ctx2[2] && !/*isPreviewModeInteractive*/
         ctx2[3] || /*isFinished*/
@@ -4687,12 +4730,12 @@
         div = element("div");
         img = element("img");
         attr(img, "id", img_id_value = "img-" + /*index*/
-        ctx[32]);
+        ctx[33]);
         attr(img, "alt", img_alt_value = "Graphic, " + /*option*/
-        ctx[30].media.alternative_text);
+        ctx[31].media.alternative_text);
         attr(img, "class", "min-h-[154px] max-h-[184px] w-auto max-w-full object-contain pointer-events-none");
         if (!src_url_equal(img.src, img_src_value = /*option*/
-        ctx[30].media.file.url))
+        ctx[31].media.file.url))
           attr(img, "src", img_src_value);
         attr(div, "class", "w-full overflow-hidden bg-white rounded-b-lg flex items-center justify-center");
       },
@@ -4714,7 +4757,7 @@
       ctx[1] && /*selectedOptions*/
       ctx[4].includes(
         /*option*/
-        ctx[30].id
+        ctx[31].id
       ) && /*correctAnswersLength*/
       ctx[5] === 1 && !/*optionHasMedia*/
       ctx[13] && (!/*isPreviewMode*/
@@ -4730,7 +4773,7 @@
     let span0;
     let t1_value = useMCQ_default(
       /*index*/
-      ctx[32]
+      ctx[33]
     ) + "";
     let t1;
     let span0_class_value;
@@ -4741,7 +4784,7 @@
       ctx[1] && /*selectedOptions*/
       ctx[4].includes(
         /*option*/
-        ctx[30].id
+        ctx[31].id
       ) && /*correctAnswersLength*/
       ctx[5] === 1 && /*optionHasMedia*/
       ctx[13] && (!/*isPreviewMode*/
@@ -4757,11 +4800,11 @@
       ctx[1] && /*correctAnswerIds*/
       ctx[6]?.includes(
         /*option*/
-        ctx[30].id
+        ctx[31].id
       ) && (!/*selectedOptions*/
       ctx[4].includes(
         /*option*/
-        ctx[30].id
+        ctx[31].id
       ) || !/*selectedOptions*/
       ctx[4].length) && (!/*isPreviewModeInteractive*/
       ctx[3] || /*isPreviewModeInteractive*/
@@ -4778,11 +4821,11 @@
       ctx[1] && /*correctAnswerIds*/
       ctx[6]?.includes(
         /*option*/
-        ctx[30].id
+        ctx[31].id
       ) && !/*selectedOptions*/
       ctx[4].includes(
         /*option*/
-        ctx[30].id
+        ctx[31].id
       ) && (!/*isPreviewModeInteractive*/
       ctx[3] || /*isPreviewModeInteractive*/
       ctx[3] && /*selectedOptions*/
@@ -4794,7 +4837,7 @@
       /*selectedOptions*/
       ctx[4].includes(
         /*option*/
-        ctx[30].id
+        ctx[31].id
       ) && /*isFinished*/
       (ctx[1] && !/*isPreviewModeInteractive*/
       ctx[3] || /*isPreviewModeInteractive*/
@@ -4811,11 +4854,11 @@
       ctx[1] && !/*selectedOptions*/
       ctx[4].includes(
         /*option*/
-        ctx[30].id
+        ctx[31].id
       ) && !/*correctAnswerIds*/
       ctx[6].includes(
         /*option*/
-        ctx[30].id
+        ctx[31].id
       ) || /*isPreviewModeInteractive*/
       ctx[3])
     );
@@ -4840,7 +4883,7 @@
         otherClass: "overflow-hidden text-ellipsis line-clamp-3",
         htmlString: (
           /*option*/
-          ctx[30].answer
+          ctx[31].answer
         )
       }
     });
@@ -4856,7 +4899,7 @@
         /*func*/
         ctx[19](
           /*option*/
-          ctx[30]
+          ctx[31]
         )
       );
     }
@@ -4865,7 +4908,7 @@
         /*click_handler*/
         ctx[20](
           /*option*/
-          ctx[30]
+          ctx[31]
         )
       );
     }
@@ -4916,13 +4959,13 @@
         attr(button, "tabindex", button_tabindex_value = /*correctAnswersLength*/
         ctx[5] > 1 ? 0 : null);
         attr(button, "aria-describedby", button_aria_describedby_value = "img-" + /*index*/
-        ctx[32]);
+        ctx[33]);
         attr(button, "aria-checked", button_aria_checked_value = /*correctAnswersLength*/
         ctx[5] > 1 ? (
           /*selectedOptions*/
           ctx[4].includes(
             /*option*/
-            ctx[30].id
+            ctx[31].id
           )
         ) : null);
         attr(button, "aria-disabled", button_aria_disabled_value = /*isFinished*/
@@ -4933,13 +4976,13 @@
         ctx[3]) && /*selectedOptions*/
         ctx[4].includes(
           /*option*/
-          ctx[30].id
+          ctx[31].id
         ) ? "Selected " : ""}${`Option ${useMCQ_default(
           /*index*/
-          ctx[32]
+          ctx[33]
         )}`}: ${useRemoveRichTextHtmlTags(
           /*option*/
-          ctx[30].answer
+          ctx[31].answer
         )} ${func()}`);
         attr(button, "class", button_class_value = "group btn-mcq-option " + /*optionHasMedia*/
         (ctx[13] ? "min-w-[288px] max-w-[304px] min-h-[210px] md:min-w-full block" : "") + " " + (!/*isFinished*/
@@ -4947,16 +4990,16 @@
         ctx[3] ? "active:raw-focus-ring-by" : "finished") + " " + /*selectedOptions*/
         (ctx[4].includes(
           /*option*/
-          ctx[30].id
+          ctx[31].id
         ) ? "selected" : "") + " " + /*isFinished*/
         (ctx[1] && /*correctAnswerIds*/
         ctx[6]?.includes(
           /*option*/
-          ctx[30].id
+          ctx[31].id
         ) && (!/*selectedOptions*/
         ctx[4].includes(
           /*option*/
-          ctx[30].id
+          ctx[31].id
         ) || !/*selectedOptions*/
         ctx[4].length) && (!/*isPreviewModeInteractive*/
         ctx[3] || /*isPreviewModeInteractive*/
@@ -4972,11 +5015,11 @@
         ctx[3] && /*selectedOptions*/
         ctx[4].includes(
           /*option*/
-          ctx[30].id
+          ctx[31].id
         )) && /*correctAnswerIds*/
         ctx[6].includes(
           /*option*/
-          ctx[30].id
+          ctx[31].id
         ) ? "correct" : (
           /*isFinished*/
           ctx[1] && !/*isPreviewModeInteractive*/
@@ -4985,7 +5028,7 @@
           ctx[4].length === /*correctAnswersLength*/
           ctx[5] ? "incorrect" : ""
         )) + " " + /*isPreviewModeInteractive*/
-        (ctx[3] ? "interactive" : ""));
+        (ctx[3] ? "interactive" : "") + " svelte-2ij8ir");
       },
       m(target, anchor) {
         if (if_block0)
@@ -5034,7 +5077,7 @@
           ctx[1] && /*selectedOptions*/
           ctx[4].includes(
             /*option*/
-            ctx[30].id
+            ctx[31].id
           ) && /*correctAnswersLength*/
           ctx[5] === 1 && !/*optionHasMedia*/
           ctx[13] && (!/*isPreviewMode*/
@@ -5059,7 +5102,7 @@
           ctx[1] && /*selectedOptions*/
           ctx[4].includes(
             /*option*/
-            ctx[30].id
+            ctx[31].id
           ) && /*correctAnswersLength*/
           ctx[5] === 1 && /*optionHasMedia*/
           ctx[13] && (!/*isPreviewMode*/
@@ -5086,11 +5129,11 @@
           ctx[1] && /*correctAnswerIds*/
           ctx[6]?.includes(
             /*option*/
-            ctx[30].id
+            ctx[31].id
           ) && (!/*selectedOptions*/
           ctx[4].includes(
             /*option*/
-            ctx[30].id
+            ctx[31].id
           ) || !/*selectedOptions*/
           ctx[4].length) && (!/*isPreviewModeInteractive*/
           ctx[3] || /*isPreviewModeInteractive*/
@@ -5114,11 +5157,11 @@
           ctx[1] && /*correctAnswerIds*/
           ctx[6]?.includes(
             /*option*/
-            ctx[30].id
+            ctx[31].id
           ) && !/*selectedOptions*/
           ctx[4].includes(
             /*option*/
-            ctx[30].id
+            ctx[31].id
           ) && (!/*isPreviewModeInteractive*/
           ctx[3] || /*isPreviewModeInteractive*/
           ctx[3] && /*selectedOptions*/
@@ -5148,7 +5191,7 @@
           show_if_1 = /*selectedOptions*/
           ctx[4].includes(
             /*option*/
-            ctx[30].id
+            ctx[31].id
           ) && /*isFinished*/
           (ctx[1] && !/*isPreviewModeInteractive*/
           ctx[3] || /*isPreviewModeInteractive*/
@@ -5184,11 +5227,11 @@
           ctx[1] && !/*selectedOptions*/
           ctx[4].includes(
             /*option*/
-            ctx[30].id
+            ctx[31].id
           ) && !/*correctAnswerIds*/
           ctx[6].includes(
             /*option*/
-            ctx[30].id
+            ctx[31].id
           ) || /*isPreviewModeInteractive*/
           ctx[3]);
         if (show_if) {
@@ -5232,7 +5275,7 @@
           /*selectedOptions*/
           ctx[4].includes(
             /*option*/
-            ctx[30].id
+            ctx[31].id
           )
         ) : null)) {
           attr(button, "aria-checked", button_aria_checked_value);
@@ -5249,13 +5292,13 @@
         ctx[3]) && /*selectedOptions*/
         ctx[4].includes(
           /*option*/
-          ctx[30].id
+          ctx[31].id
         ) ? "Selected " : ""}${`Option ${useMCQ_default(
           /*index*/
-          ctx[32]
+          ctx[33]
         )}`}: ${useRemoveRichTextHtmlTags(
           /*option*/
-          ctx[30].answer
+          ctx[31].answer
         )} ${func()}`)) {
           attr(button, "aria-label", button_aria_label_value);
         }
@@ -5266,16 +5309,16 @@
         ctx[3] ? "active:raw-focus-ring-by" : "finished") + " " + /*selectedOptions*/
         (ctx[4].includes(
           /*option*/
-          ctx[30].id
+          ctx[31].id
         ) ? "selected" : "") + " " + /*isFinished*/
         (ctx[1] && /*correctAnswerIds*/
         ctx[6]?.includes(
           /*option*/
-          ctx[30].id
+          ctx[31].id
         ) && (!/*selectedOptions*/
         ctx[4].includes(
           /*option*/
-          ctx[30].id
+          ctx[31].id
         ) || !/*selectedOptions*/
         ctx[4].length) && (!/*isPreviewModeInteractive*/
         ctx[3] || /*isPreviewModeInteractive*/
@@ -5291,11 +5334,11 @@
         ctx[3] && /*selectedOptions*/
         ctx[4].includes(
           /*option*/
-          ctx[30].id
+          ctx[31].id
         )) && /*correctAnswerIds*/
         ctx[6].includes(
           /*option*/
-          ctx[30].id
+          ctx[31].id
         ) ? "correct" : (
           /*isFinished*/
           ctx[1] && !/*isPreviewModeInteractive*/
@@ -5304,7 +5347,7 @@
           ctx[4].length === /*correctAnswersLength*/
           ctx[5] ? "incorrect" : ""
         )) + " " + /*isPreviewModeInteractive*/
-        (ctx[3] ? "interactive" : ""))) {
+        (ctx[3] ? "interactive" : "") + " svelte-2ij8ir")) {
           attr(button, "class", button_class_value);
         }
       },
@@ -5350,9 +5393,9 @@
     };
   }
   function create_default_slot(ctx) {
-    let div;
+    let div1;
+    let div0;
     let t2;
-    let if_block1_anchor;
     let current;
     let if_block0 = (
       /*isFeedbackShown*/
@@ -5364,23 +5407,29 @@
     );
     return {
       c() {
-        div = element("div");
+        div1 = element("div");
+        div0 = element("div");
         if (if_block0)
           if_block0.c();
         t2 = space();
         if (if_block1)
           if_block1.c();
-        if_block1_anchor = empty();
-        attr(div, "aria-live", "polite");
+        attr(div0, "aria-live", "polite");
+        set_style(
+          div1,
+          "width",
+          /*dynamicInteractionWidth*/
+          ctx[30]
+        );
       },
       m(target, anchor) {
-        insert(target, div, anchor);
+        insert(target, div1, anchor);
+        append(div1, div0);
         if (if_block0)
-          if_block0.m(div, null);
-        insert(target, t2, anchor);
+          if_block0.m(div0, null);
+        append(div1, t2);
         if (if_block1)
-          if_block1.m(target, anchor);
-        insert(target, if_block1_anchor, anchor);
+          if_block1.m(div1, null);
         current = true;
       },
       p(ctx2, dirty) {
@@ -5398,7 +5447,7 @@
             if_block0 = create_if_block_102(ctx2);
             if_block0.c();
             transition_in(if_block0, 1);
-            if_block0.m(div, null);
+            if_block0.m(div0, null);
           }
         } else if (if_block0) {
           group_outros();
@@ -5412,6 +5461,15 @@
           ctx2[12]
         )
           if_block1.p(ctx2, dirty);
+        if (!current || dirty[0] & /*dynamicInteractionWidth*/
+        1073741824) {
+          set_style(
+            div1,
+            "width",
+            /*dynamicInteractionWidth*/
+            ctx2[30]
+          );
+        }
       },
       i(local) {
         if (current)
@@ -5427,14 +5485,12 @@
       },
       d(detaching) {
         if (detaching) {
-          detach(div);
-          detach(t2);
-          detach(if_block1_anchor);
+          detach(div1);
         }
         if (if_block0)
           if_block0.d();
         if (if_block1)
-          if_block1.d(detaching);
+          if_block1.d();
       }
     };
   }
@@ -5460,7 +5516,13 @@
           /*optionHasMedia*/
           ctx[13]
         ),
-        $$slots: { default: [create_default_slot] },
+        $$slots: {
+          default: [
+            create_default_slot,
+            ({ dynamicInteractionWidth }) => ({ 30: dynamicInteractionWidth }),
+            ({ dynamicInteractionWidth }) => [dynamicInteractionWidth ? 1073741824 : 0]
+          ]
+        },
         $$scope: { ctx }
       }
     });
@@ -5474,9 +5536,9 @@
       },
       p(ctx2, dirty) {
         const promptbody_changes = {};
-        if (dirty[0] & /*correctAnswersLength, selectedOptions, isFinished, isPreviewModeInteractive, isPreviewMode, correctAnswerIds, isDataSaving, resultFeedback, isFeedbackShown*/
-        511 | dirty[1] & /*$$scope*/
-        4) {
+        if (dirty[0] & /*dynamicInteractionWidth, correctAnswersLength, selectedOptions, isFinished, isPreviewModeInteractive, isPreviewMode, correctAnswerIds, isDataSaving, resultFeedback, isFeedbackShown*/
+        1073742335 | dirty[1] & /*$$scope*/
+        8) {
           promptbody_changes.$$scope = { dirty, ctx: ctx2 };
         }
         promptbody.$set(promptbody_changes);
@@ -5669,7 +5731,7 @@
           isPreviewMode: 2,
           isPreviewModeInteractive: 3
         },
-        null,
+        add_css2,
         [-1, -1]
       );
     }
@@ -5846,14 +5908,14 @@
   // src/lib/components/prompt/typein/PromptTypeIn.svelte
   function get_each_context2(ctx, list, i) {
     const child_ctx = ctx.slice();
-    child_ctx[59] = list[i];
-    child_ctx[61] = i;
+    child_ctx[60] = list[i];
+    child_ctx[62] = i;
     return child_ctx;
   }
   function get_each_context_1(ctx, list, i) {
     const child_ctx = ctx.slice();
-    child_ctx[62] = list[i];
-    child_ctx[64] = i;
+    child_ctx[63] = list[i];
+    child_ctx[65] = i;
     return child_ctx;
   }
   function create_else_block_3(ctx) {
@@ -6228,7 +6290,6 @@
     let div1;
     let t1;
     let div2;
-    let div2_class_value;
     let current;
     commonstringtohtml = new CommonStringToHtml_default({
       props: {
@@ -6248,8 +6309,9 @@
         t1 = space();
         div2 = element("div");
         attr(div1, "class", "divider my-6");
-        attr(div2, "class", div2_class_value = "absolute inset-0 bg-transparent " + /*isDataSaving*/
-        (ctx[2] ? "" : "hidden"));
+        attr(div2, "class", "absolute inset-0 bg-transparent");
+        toggle_class(div2, "hidden", !/*isDataSaving*/
+        ctx[2]);
       },
       m(target, anchor) {
         insert(target, div0, anchor);
@@ -6269,9 +6331,9 @@
           ctx2[13];
         commonstringtohtml.$set(commonstringtohtml_changes);
         if (!current || dirty[0] & /*isDataSaving*/
-        4 && div2_class_value !== (div2_class_value = "absolute inset-0 bg-transparent " + /*isDataSaving*/
-        (ctx2[2] ? "" : "hidden"))) {
-          attr(div2, "class", div2_class_value);
+        4) {
+          toggle_class(div2, "hidden", !/*isDataSaving*/
+          ctx2[2]);
         }
       },
       i(local) {
@@ -6790,7 +6852,7 @@
         /*inlineAnswerResult*/
         ctx2[15][
           /*itemIndex*/
-          ctx2[61]
+          ctx2[62]
         ]
       )
         return 0;
@@ -6806,7 +6868,7 @@
         attr(span0, "class", span0_class_value = /*inlineAnswerResult*/
         (ctx[15][
           /*itemIndex*/
-          ctx[61]
+          ctx[62]
         ] ? "text-green-900" : "text-red-900") + " p-0.5");
         attr(span1, "class", "w-6 h-6 absolute right-4 top-3 bottom-0 my-auto flex item-center justify-center");
       },
@@ -6838,7 +6900,7 @@
         32768 && span0_class_value !== (span0_class_value = /*inlineAnswerResult*/
         (ctx2[15][
           /*itemIndex*/
-          ctx2[61]
+          ctx2[62]
         ] ? "text-green-900" : "text-red-900") + " p-0.5")) {
           attr(span0, "class", span0_class_value);
         }
@@ -6930,7 +6992,7 @@
     let p;
     let t0_value = useIsEven(
       /*iterationIndex*/
-      ctx[64]
+      ctx[65]
     ) ? `Student's` : "Correct";
     let t0;
     let t1;
@@ -6954,7 +7016,7 @@
     let t6;
     let show_if = useIsEven(
       /*iterationIndex*/
-      ctx[64]
+      ctx[65]
     );
     let div0_class_value;
     let div1_class_value;
@@ -6975,7 +7037,7 @@
         t3 = space();
         span1 = element("span");
         span1.textContent = `${/*itemIndex*/
-        ctx[61] + 1}`;
+        ctx[62] + 1}`;
         t5 = space();
         textarea = element("textarea");
         t6 = space();
@@ -6983,130 +7045,130 @@
           if_block.c();
         attr(p, "class", p_class_value = "text-base text-charcoal font-semibold " + (useIsEven(
           /*iterationIndex*/
-          ctx[64]
+          ctx[65]
         ) && /*itemIndex*/
-        ctx[61] !== 0 ? "hidden" : !useIsEven(
+        ctx[62] !== 0 ? "hidden" : !useIsEven(
           /*iterationIndex*/
-          ctx[64]
+          ctx[65]
         ) && /*itemIndex*/
-        ctx[61] !== 0 ? "mt-2 md:mt-0 md:hidden" : !useIsEven(
+        ctx[62] !== 0 ? "mt-2 md:mt-0 md:hidden" : !useIsEven(
           /*iterationIndex*/
-          ctx[64]
+          ctx[65]
         ) && /*itemIndex*/
-        ctx[61] === 0 ? "mt-2 md:mt-0" : (
+        ctx[62] === 0 ? "mt-2 md:mt-0" : (
           /*itemIndex*/
-          ctx[61] === 0 ? "" : ""
+          ctx[62] === 0 ? "" : ""
         )) + " " + (!useIsEven(
           /*iterationIndex*/
-          ctx[64]
+          ctx[65]
         ) && /*inlineAnswerResult*/
         ctx[15][
           /*itemIndex*/
-          ctx[61]
+          ctx[62]
         ] ? "hidden md:block" : ""));
         attr(span0, "class", "absolute inset-0 bottom-[7px] bg-black opacity-5 rounded-l-lg w-8.5 top-1");
         attr(span1, "class", "absolute font-semibold text-base leading-[19px] text-charcoal px-3 inline-block top-1/2 -translate-y-1/2 -mt-0.5");
         attr(label, "for", label_for_value = `${/*iterationIndex*/
-        ctx[64]}-${/*sessionId*/
+        ctx[65]}-${/*sessionId*/
         ctx[5]}-${/*itemIndex*/
-        ctx[61]}`);
+        ctx[62]}`);
         attr(label, "class", label_class_value = "absolute left-0 top-[13px] bottom-0 " + /*correctAnswerDataLength*/
         (ctx[17] > 1 && !useIsEven(
           /*iterationIndex*/
-          ctx[64]
+          ctx[65]
         ) ? "hidden md:inline-block" : (
           /*correctAnswerDataLength*/
           ctx[17] > 1 && useIsEven(
             /*iterationIndex*/
-            ctx[64]
+            ctx[65]
           ) ? "" : "hidden"
         )));
         attr(label, "aria-hidden", "true");
         attr(textarea, "aria-label", textarea_aria_label_value = `${useIsEven(
           /*iterationIndex*/
-          ctx[64]
+          ctx[65]
         ) ? `Student's` : "Correct"} answer${useIsEven(
           /*iterationIndex*/
-          ctx[64]
+          ctx[65]
         ) && /*inlineAnswerResult*/
         ctx[15][
           /*itemIndex*/
-          ctx[61]
+          ctx[62]
         ] ? " (Correct)" : useIsEven(
           /*iterationIndex*/
-          ctx[64]
+          ctx[65]
         ) && !/*inlineAnswerResult*/
         ctx[15][
           /*itemIndex*/
-          ctx[61]
+          ctx[62]
         ] ? " (Incorrect)" : ""}, Item number ${/*itemIndex*/
-        ctx[61] + 1}:`);
+        ctx[62] + 1}:`);
         attr(textarea, "class", textarea_class_value = "typein-textbox py-[9px] pr-4 mt-4 " + /*correctAnswerDataLength*/
         (ctx[17] > 1 && !useIsEven(
           /*iterationIndex*/
-          ctx[64]
+          ctx[65]
         ) ? "md:pl-13.2" : (
           /*correctAnswerDataLength*/
           ctx[17] > 1 && useIsEven(
             /*iterationIndex*/
-            ctx[64]
+            ctx[65]
           ) ? "pl-13.2" : ""
         )) + " " + (useIsEven(
           /*iterationIndex*/
-          ctx[64]
+          ctx[65]
         ) ? "!pr-11" : "") + " " + (useIsEven(
           /*iterationIndex*/
-          ctx[64]
+          ctx[65]
         ) && /*inlineAnswerResult*/
         ctx[15][
           /*itemIndex*/
-          ctx[61]
+          ctx[62]
         ] ? "border-2 border-green-900" : useIsEven(
           /*iterationIndex*/
-          ctx[64]
+          ctx[65]
         ) && !/*inlineAnswerResult*/
         ctx[15][
           /*itemIndex*/
-          ctx[61]
+          ctx[62]
         ] ? "border-2 border-red-900 bg-red-50" : ""));
         attr(textarea, "id", textarea_id_value = `${/*iterationIndex*/
-        ctx[64]}-${/*sessionId*/
+        ctx[65]}-${/*sessionId*/
         ctx[5]}-${/*itemIndex*/
-        ctx[61]}`);
+        ctx[62]}`);
         textarea.value = textarea_value_value = useIsEven(
           /*iterationIndex*/
-          ctx[64]
+          ctx[65]
         ) ? (
           /*inlineTypeinAnswer*/
           ctx[9][
             /*itemIndex*/
-            ctx[61]
+            ctx[62]
           ] || "No answer provided"
         ) : (
           /*item*/
-          ctx[59][0]
+          ctx[60][0]
         );
         attr(textarea, "rows", "1");
         textarea.readOnly = true;
         attr(textarea, "tabindex", textarea_tabindex_value = !useIsEven(
           /*iterationIndex*/
-          ctx[64]
+          ctx[65]
         ) && /*inlineAnswerResult*/
         ctx[15][
           /*itemIndex*/
-          ctx[61]
+          ctx[62]
         ] ? "-1" : "");
         attr(div0, "class", div0_class_value = "h-fit relative " + (!useIsEven(
           /*iterationIndex*/
-          ctx[64]
+          ctx[65]
         ) && /*inlineAnswerResult*/
         ctx[15][
           /*itemIndex*/
-          ctx[61]
+          ctx[62]
         ] ? "hidden md:block" : ""));
         attr(div1, "class", div1_class_value = "flex flex-col md:w-1/2 " + (useIsEven(
           /*iterationIndex*/
-          ctx[64]
+          ctx[65]
         ) ? "md:pr-4" : "ml-8.5 md:ml-0 md:pl-4"));
       },
       m(target, anchor) {
@@ -7135,46 +7197,46 @@
         if (!current || dirty[0] & /*inlineAnswerResult*/
         32768 && p_class_value !== (p_class_value = "text-base text-charcoal font-semibold " + (useIsEven(
           /*iterationIndex*/
-          ctx2[64]
+          ctx2[65]
         ) && /*itemIndex*/
-        ctx2[61] !== 0 ? "hidden" : !useIsEven(
+        ctx2[62] !== 0 ? "hidden" : !useIsEven(
           /*iterationIndex*/
-          ctx2[64]
+          ctx2[65]
         ) && /*itemIndex*/
-        ctx2[61] !== 0 ? "mt-2 md:mt-0 md:hidden" : !useIsEven(
+        ctx2[62] !== 0 ? "mt-2 md:mt-0 md:hidden" : !useIsEven(
           /*iterationIndex*/
-          ctx2[64]
+          ctx2[65]
         ) && /*itemIndex*/
-        ctx2[61] === 0 ? "mt-2 md:mt-0" : (
+        ctx2[62] === 0 ? "mt-2 md:mt-0" : (
           /*itemIndex*/
-          ctx2[61] === 0 ? "" : ""
+          ctx2[62] === 0 ? "" : ""
         )) + " " + (!useIsEven(
           /*iterationIndex*/
-          ctx2[64]
+          ctx2[65]
         ) && /*inlineAnswerResult*/
         ctx2[15][
           /*itemIndex*/
-          ctx2[61]
+          ctx2[62]
         ] ? "hidden md:block" : ""))) {
           attr(p, "class", p_class_value);
         }
         if (!current || dirty[0] & /*sessionId*/
         32 && label_for_value !== (label_for_value = `${/*iterationIndex*/
-        ctx2[64]}-${/*sessionId*/
+        ctx2[65]}-${/*sessionId*/
         ctx2[5]}-${/*itemIndex*/
-        ctx2[61]}`)) {
+        ctx2[62]}`)) {
           attr(label, "for", label_for_value);
         }
         if (!current || dirty[0] & /*correctAnswerDataLength*/
         131072 && label_class_value !== (label_class_value = "absolute left-0 top-[13px] bottom-0 " + /*correctAnswerDataLength*/
         (ctx2[17] > 1 && !useIsEven(
           /*iterationIndex*/
-          ctx2[64]
+          ctx2[65]
         ) ? "hidden md:inline-block" : (
           /*correctAnswerDataLength*/
           ctx2[17] > 1 && useIsEven(
             /*iterationIndex*/
-            ctx2[64]
+            ctx2[65]
           ) ? "" : "hidden"
         )))) {
           attr(label, "class", label_class_value);
@@ -7182,87 +7244,87 @@
         if (!current || dirty[0] & /*inlineAnswerResult*/
         32768 && textarea_aria_label_value !== (textarea_aria_label_value = `${useIsEven(
           /*iterationIndex*/
-          ctx2[64]
+          ctx2[65]
         ) ? `Student's` : "Correct"} answer${useIsEven(
           /*iterationIndex*/
-          ctx2[64]
+          ctx2[65]
         ) && /*inlineAnswerResult*/
         ctx2[15][
           /*itemIndex*/
-          ctx2[61]
+          ctx2[62]
         ] ? " (Correct)" : useIsEven(
           /*iterationIndex*/
-          ctx2[64]
+          ctx2[65]
         ) && !/*inlineAnswerResult*/
         ctx2[15][
           /*itemIndex*/
-          ctx2[61]
+          ctx2[62]
         ] ? " (Incorrect)" : ""}, Item number ${/*itemIndex*/
-        ctx2[61] + 1}:`)) {
+        ctx2[62] + 1}:`)) {
           attr(textarea, "aria-label", textarea_aria_label_value);
         }
         if (!current || dirty[0] & /*correctAnswerDataLength, inlineAnswerResult*/
         163840 && textarea_class_value !== (textarea_class_value = "typein-textbox py-[9px] pr-4 mt-4 " + /*correctAnswerDataLength*/
         (ctx2[17] > 1 && !useIsEven(
           /*iterationIndex*/
-          ctx2[64]
+          ctx2[65]
         ) ? "md:pl-13.2" : (
           /*correctAnswerDataLength*/
           ctx2[17] > 1 && useIsEven(
             /*iterationIndex*/
-            ctx2[64]
+            ctx2[65]
           ) ? "pl-13.2" : ""
         )) + " " + (useIsEven(
           /*iterationIndex*/
-          ctx2[64]
+          ctx2[65]
         ) ? "!pr-11" : "") + " " + (useIsEven(
           /*iterationIndex*/
-          ctx2[64]
+          ctx2[65]
         ) && /*inlineAnswerResult*/
         ctx2[15][
           /*itemIndex*/
-          ctx2[61]
+          ctx2[62]
         ] ? "border-2 border-green-900" : useIsEven(
           /*iterationIndex*/
-          ctx2[64]
+          ctx2[65]
         ) && !/*inlineAnswerResult*/
         ctx2[15][
           /*itemIndex*/
-          ctx2[61]
+          ctx2[62]
         ] ? "border-2 border-red-900 bg-red-50" : ""))) {
           attr(textarea, "class", textarea_class_value);
         }
         if (!current || dirty[0] & /*sessionId*/
         32 && textarea_id_value !== (textarea_id_value = `${/*iterationIndex*/
-        ctx2[64]}-${/*sessionId*/
+        ctx2[65]}-${/*sessionId*/
         ctx2[5]}-${/*itemIndex*/
-        ctx2[61]}`)) {
+        ctx2[62]}`)) {
           attr(textarea, "id", textarea_id_value);
         }
         if (!current || dirty[0] & /*inlineTypeinAnswer, correctAnswerData*/
         66048 && textarea_value_value !== (textarea_value_value = useIsEven(
           /*iterationIndex*/
-          ctx2[64]
+          ctx2[65]
         ) ? (
           /*inlineTypeinAnswer*/
           ctx2[9][
             /*itemIndex*/
-            ctx2[61]
+            ctx2[62]
           ] || "No answer provided"
         ) : (
           /*item*/
-          ctx2[59][0]
+          ctx2[60][0]
         ))) {
           textarea.value = textarea_value_value;
         }
         if (!current || dirty[0] & /*inlineAnswerResult*/
         32768 && textarea_tabindex_value !== (textarea_tabindex_value = !useIsEven(
           /*iterationIndex*/
-          ctx2[64]
+          ctx2[65]
         ) && /*inlineAnswerResult*/
         ctx2[15][
           /*itemIndex*/
-          ctx2[61]
+          ctx2[62]
         ] ? "-1" : "")) {
           attr(textarea, "tabindex", textarea_tabindex_value);
         }
@@ -7271,11 +7333,11 @@
         if (!current || dirty[0] & /*inlineAnswerResult*/
         32768 && div0_class_value !== (div0_class_value = "h-fit relative " + (!useIsEven(
           /*iterationIndex*/
-          ctx2[64]
+          ctx2[65]
         ) && /*inlineAnswerResult*/
         ctx2[15][
           /*itemIndex*/
-          ctx2[61]
+          ctx2[62]
         ] ? "hidden md:block" : ""))) {
           attr(div0, "class", div0_class_value);
         }
@@ -7386,10 +7448,10 @@
     };
   }
   function create_default_slot2(ctx) {
+    let div;
     let current_block_type_index;
     let if_block0;
     let t2;
-    let if_block1_anchor;
     let current;
     const if_block_creators = [create_if_block_73, create_if_block_93, create_else_block_3];
     const if_blocks = [];
@@ -7414,18 +7476,24 @@
     );
     return {
       c() {
+        div = element("div");
         if_block0.c();
         t2 = space();
         if (if_block1)
           if_block1.c();
-        if_block1_anchor = empty();
+        set_style(
+          div,
+          "width",
+          /*dynamicInteractionWidth*/
+          ctx[59]
+        );
       },
       m(target, anchor) {
-        if_blocks[current_block_type_index].m(target, anchor);
-        insert(target, t2, anchor);
+        insert(target, div, anchor);
+        if_blocks[current_block_type_index].m(div, null);
+        append(div, t2);
         if (if_block1)
-          if_block1.m(target, anchor);
-        insert(target, if_block1_anchor, anchor);
+          if_block1.m(div, null);
         current = true;
       },
       p(ctx2, dirty) {
@@ -7444,7 +7512,7 @@
             if_block1 = create_if_block7(ctx2);
             if_block1.c();
             transition_in(if_block1, 1);
-            if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
+            if_block1.m(div, null);
           }
         } else if (if_block1) {
           group_outros();
@@ -7453,6 +7521,15 @@
           });
           check_outros();
         }
+        if (!current || dirty[1] & /*dynamicInteractionWidth*/
+        268435456) {
+          set_style(
+            div,
+            "width",
+            /*dynamicInteractionWidth*/
+            ctx2[59]
+          );
+        }
       },
       i(local) {
         if (current)
@@ -7468,12 +7545,11 @@
       },
       d(detaching) {
         if (detaching) {
-          detach(t2);
-          detach(if_block1_anchor);
+          detach(div);
         }
-        if_blocks[current_block_type_index].d(detaching);
+        if_blocks[current_block_type_index].d();
         if (if_block1)
-          if_block1.d(detaching);
+          if_block1.d();
       }
     };
   }
@@ -7499,7 +7575,13 @@
           /*hasDivider*/
           ctx[14]
         ),
-        $$slots: { default: [create_default_slot2] },
+        $$slots: {
+          default: [
+            create_default_slot2,
+            ({ dynamicInteractionWidth }) => ({ 59: dynamicInteractionWidth }),
+            ({ dynamicInteractionWidth }) => [0, dynamicInteractionWidth ? 268435456 : 0]
+          ]
+        },
         $$scope: { ctx }
       }
     });
@@ -7518,8 +7600,9 @@
           promptbody_changes.hasDivider = /*hasDivider*/
           ctx2[14];
         if (dirty[0] & /*correctAnswerData, inlineAnswerResult, correctAnswerDataLength, sessionId, inlineTypeinAnswer, isPreviewMode, isPreviewModeInteractive, isSkippedAnswer, isResultCorrect, resultFeedback, isFinished, resultLabel, isDataSaving, root, inlinePromptString, textAriaLabel, placeholder, typeinAnswer*/
-        507903 | dirty[2] & /*$$scope*/
-        8) {
+        507903 | dirty[1] & /*dynamicInteractionWidth*/
+        268435456 | dirty[2] & /*$$scope*/
+        16) {
           promptbody_changes.$$scope = { dirty, ctx: ctx2 };
         }
         promptbody.$set(promptbody_changes);
@@ -12476,9 +12559,9 @@
   // src/lib/components/prompt/categorise/PromptCategorise.svelte
   function get_each_context4(ctx, list, i) {
     const child_ctx = ctx.slice();
-    child_ctx[77] = list[i];
-    child_ctx[78] = list;
-    child_ctx[79] = i;
+    child_ctx[78] = list[i];
+    child_ctx[79] = list;
+    child_ctx[80] = i;
     return child_ctx;
   }
   function create_if_block_84(ctx) {
@@ -12745,7 +12828,7 @@
         span = element("span");
         span.textContent = `${useRemoveRichTextHtmlTags(
           /*category*/
-          ctx[77].name
+          ctx[78].name
         )}`;
         attr(span, "class", "sr-only");
       },
@@ -12769,7 +12852,7 @@
         /*totalCategoryWords*/
         ctx[6][
           /*category*/
-          ctx[77].id
+          ctx[78].id
         ]
       ) + ""
     );
@@ -12796,7 +12879,7 @@
           /*totalCategoryWords*/
           ctx2[6][
             /*category*/
-            ctx2[77].id
+            ctx2[78].id
           ]
         ) + ""))
           set_data(t1, t1_value);
@@ -12823,7 +12906,7 @@
           /*selectedItemName*/
           ctx[22]
         );
-        t2 = text(" (");
+        t2 = text("\n                                    (");
         t3 = text(
           /*previewResultSr*/
           ctx[5]
@@ -12933,7 +13016,7 @@
       /*checkContainerDroppedItem*/
       ctx[38](
         /*category*/
-        ctx[77].id,
+        ctx[78].id,
         /*dropContainerId*/
         ctx[13]
       )
@@ -12947,7 +13030,7 @@
       /*checkContainerDroppedItem*/
       ctx[38](
         /*category*/
-        ctx[77].id,
+        ctx[78].id,
         /*dropContainerId*/
         ctx[13]
       ) && /*enableAriaLive*/
@@ -12962,7 +13045,7 @@
       /*getTotalWords*/
       ctx[41](
         /*category*/
-        ctx[77].id,
+        ctx[78].id,
         /*currentAnswer*/
         ctx[4]
       ) + ""
@@ -12984,7 +13067,7 @@
     let div1_class_value;
     let category = (
       /*category*/
-      ctx[77]
+      ctx[78]
     );
     let current;
     let mounted;
@@ -12996,7 +13079,7 @@
           /*checkContainerDroppedItem*/
           ctx[38](
             /*category*/
-            ctx[77].id,
+            ctx[78].id,
             /*dropContainerId*/
             ctx[13]
           ) && /*enableAriaLive*/
@@ -13004,7 +13087,7 @@
         ),
         htmlString: (
           /*category*/
-          ctx[77].name
+          ctx[78].name
         ),
         otherClass: "text-base leading-5 !text-gray-900 md:item-heading"
       }
@@ -13026,7 +13109,7 @@
         show_if = !!/*checkifCategoryContainerOpen*/
         ctx2[43](
           /*category*/
-          ctx2[77].id,
+          ctx2[78].id,
           /*openCategoryContainer*/
           ctx2[19]
         );
@@ -13040,7 +13123,7 @@
       ctx[56].call(
         div0,
         /*category*/
-        ctx[77]
+        ctx[78]
       );
     }
     promptcategorisedndcontainer = new PromptCategoriseDndContainer_default({
@@ -13048,7 +13131,7 @@
         containerClass: "content-start !outline-none rounded-lg grow w-full md:p-4\n          " + /*checkContainerDragOver*/
         (ctx[37](
           /*category*/
-          ctx[77].id,
+          ctx[78].id,
           /*considerContainerId*/
           ctx[11],
           /*isDraggingOver*/
@@ -13056,7 +13139,7 @@
         ) ? "bg-violet-100" : "") + "\n          " + /*checkifCategoryContainerOpen*/
         (ctx[43](
           /*category*/
-          ctx[77].id,
+          ctx[78].id,
           /*openCategoryContainer*/
           ctx[19]
         ) ? "h-full p-3 min-h-[86px] md:min-h-0" : ""),
@@ -13064,39 +13147,39 @@
           /*checkifCategoryContainerOpen*/
           ctx[43](
             /*category*/
-            ctx[77].id,
+            ctx[78].id,
             /*openCategoryContainer*/
             ctx[19]
           ) || !useIsSmallScreen() ? (
             /*categoryTitleHeight*/
             ctx[24][
               /*category*/
-              ctx[77].id
+              ctx[78].id
             ] + 16
           ) : (
             /*categoryTitleHeight*/
             ctx[24][
               /*category*/
-              ctx[77].id
+              ctx[78].id
             ]
           )
         ),
         containerId: (
           /*category*/
-          ctx[77].id
+          ctx[78].id
         ),
         showButton: (
           /*checkifCategoryContainerOpen*/
           ctx[43](
             /*category*/
-            ctx[77].id,
+            ctx[78].id,
             /*openCategoryContainer*/
             ctx[19]
           )
         ),
         ariaLabel: `Category ${/*index*/
-        ctx[79] + 1}: ${/*category*/
-        ctx[77].name}`,
+        ctx[80] + 1}: ${/*category*/
+        ctx[78].name}`,
         isFinished: (
           /*isFinished*/
           ctx[0]
@@ -13138,7 +13221,7 @@
         /*keydown_handler*/
         ctx[57](
           /*category*/
-          ctx[77],
+          ctx[78],
           ...args
         )
       );
@@ -13160,7 +13243,7 @@
         t0 = space();
         span0 = element("span");
         span0.textContent = `Category ${/*index*/
-        ctx[79] + 1}:\xA0`;
+        ctx[80] + 1}:\xA0`;
         t4 = space();
         create_component(commonstringtohtml.$$.fragment);
         t5 = space();
@@ -13188,17 +13271,17 @@
         attr(button, "aria-label", button_aria_label_value = /*getTotalWords*/
         ctx[41](
           /*category*/
-          ctx[77].id,
+          ctx[78].id,
           /*currentAnswer*/
           ctx[4]
         ));
         attr(button, "class", "focus-ring flex items-center rounded-[32px] p-1.5 text-charcoal text-sm border border-gray-800 bg-gray-50 min-w-[85px] ml-3 whitespace-nowrap active:raw-focus-ring active:bg-black-55 md:hidden");
         attr(div0, "id", div0_id_value = `category-title${/*index*/
-        ctx[79]}`);
+        ctx[80]}`);
         attr(div0, "aria-live", div0_aria_live_value = /*checkContainerDroppedItem*/
         ctx[38](
           /*category*/
-          ctx[77].id,
+          ctx[78].id,
           /*dropContainerId*/
           ctx[13]
         ) && /*enableAriaLive*/
@@ -13206,19 +13289,19 @@
         attr(div0, "class", div0_class_value = "absolute flex items-center justify-between border-b border-gray-800 w-full rounded-t-lg p-3 md:p-4 md:justify-center " + /*checkContainerDroppedItem*/
         (ctx[38](
           /*category*/
-          ctx[77].id,
+          ctx[78].id,
           /*dropContainerId*/
           ctx[13]
         ) ? "bg-tranparent" : "bg-white") + " " + (!/*checkifCategoryContainerOpen*/
         ctx[43](
           /*category*/
-          ctx[77].id,
+          ctx[78].id,
           /*openCategoryContainer*/
           ctx[19]
         ) && /*checkContainerDragOver*/
         ctx[37](
           /*category*/
-          ctx[77].id,
+          ctx[78].id,
           /*considerContainerId*/
           ctx[11],
           /*isDraggingOver*/
@@ -13226,19 +13309,19 @@
         ) ? "!bg-violet-100 md:!bg-white" : "") + " " + /*checkifCategoryContainerOpen*/
         (ctx[43](
           /*category*/
-          ctx[77].id,
+          ctx[78].id,
           /*openCategoryContainer*/
           ctx[19]
         ) ? "" : "rounded-b-lg md:rounded-b-none") + " " + (!/*checkifCategoryContainerOpen*/
         ctx[43](
           /*category*/
-          ctx[77].id,
+          ctx[78].id,
           /*openCategoryContainer*/
           ctx[19]
         ) && /*checkSelectedSourceContainer*/
         ctx[39](
           /*category*/
-          ctx[77].id,
+          ctx[78].id,
           /*sourceSelectedContainerId*/
           ctx[15],
           /*currentSelectedItemId*/
@@ -13262,7 +13345,7 @@
         (ctx[32] ? "" : "lg:min-h-[224px]") + " " + /*checkContainerDragOver*/
         (ctx[37](
           /*category*/
-          ctx[77].id,
+          ctx[78].id,
           /*considerContainerId*/
           ctx[11],
           /*isDraggingOver*/
@@ -13270,20 +13353,20 @@
         ) ? "raw-focus-ring" : "") + " " + /*checkContainerDroppedItem*/
         (ctx[38](
           /*category*/
-          ctx[77].id,
+          ctx[78].id,
           /*dropContainerId*/
           ctx[13]
         ) ? "bg-violet-150" : "") + " " + /*checkContainerDroppedItem*/
         (ctx[38](
           /*category*/
-          ctx[77].id,
+          ctx[78].id,
           /*dropContainerId*/
           ctx[13]
         ) && /*hasAddItemAnimation*/
         ctx[17] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
         (ctx[39](
           /*category*/
-          ctx[77].id,
+          ctx[78].id,
           /*sourceSelectedContainerId*/
           ctx[15],
           /*currentSelectedItemId*/
@@ -13291,7 +13374,7 @@
         ) ? "hover:bg-violet-100 hover-focus-ring cursor-pointer" : "") + " " + /*checkifCategoryContainerOpen*/
         (ctx[43](
           /*category*/
-          ctx[77].id,
+          ctx[78].id,
           /*openCategoryContainer*/
           ctx[19]
         ) ? "min-h-[140px]" : ""));
@@ -13334,14 +13417,14 @@
                 /*addCategoryContainer*/
                 ctx[44](
                   /*category*/
-                  ctx[77].id,
+                  ctx[78].id,
                   /*openCategoryContainer*/
                   ctx[19]
                 )
               ))
                 ctx[44](
                   /*category*/
-                  ctx[77].id,
+                  ctx[78].id,
                   /*openCategoryContainer*/
                   ctx[19]
                 ).apply(this, arguments);
@@ -13370,7 +13453,7 @@
           show_if_2 = /*checkContainerDroppedItem*/
           ctx[38](
             /*category*/
-            ctx[77].id,
+            ctx[78].id,
             /*dropContainerId*/
             ctx[13]
           );
@@ -13392,7 +13475,7 @@
           commonstringtohtml_changes.ariaHidden = /*checkContainerDroppedItem*/
           ctx[38](
             /*category*/
-            ctx[77].id,
+            ctx[78].id,
             /*dropContainerId*/
             ctx[13]
           ) && /*enableAriaLive*/
@@ -13403,7 +13486,7 @@
           show_if_1 = /*checkContainerDroppedItem*/
           ctx[38](
             /*category*/
-            ctx[77].id,
+            ctx[78].id,
             /*dropContainerId*/
             ctx[13]
           ) && /*enableAriaLive*/
@@ -13452,7 +13535,7 @@
         16) && t9_value !== (t9_value = /*getTotalWords*/
         ctx[41](
           /*category*/
-          ctx[77].id,
+          ctx[78].id,
           /*currentAnswer*/
           ctx[4]
         ) + ""))
@@ -13478,7 +13561,7 @@
         16 && button_aria_label_value !== (button_aria_label_value = /*getTotalWords*/
         ctx[41](
           /*category*/
-          ctx[77].id,
+          ctx[78].id,
           /*currentAnswer*/
           ctx[4]
         ))) {
@@ -13488,7 +13571,7 @@
         8396800 && div0_aria_live_value !== (div0_aria_live_value = /*checkContainerDroppedItem*/
         ctx[38](
           /*category*/
-          ctx[77].id,
+          ctx[78].id,
           /*dropContainerId*/
           ctx[13]
         ) && /*enableAriaLive*/
@@ -13499,19 +13582,19 @@
         587776 && div0_class_value !== (div0_class_value = "absolute flex items-center justify-between border-b border-gray-800 w-full rounded-t-lg p-3 md:p-4 md:justify-center " + /*checkContainerDroppedItem*/
         (ctx[38](
           /*category*/
-          ctx[77].id,
+          ctx[78].id,
           /*dropContainerId*/
           ctx[13]
         ) ? "bg-tranparent" : "bg-white") + " " + (!/*checkifCategoryContainerOpen*/
         ctx[43](
           /*category*/
-          ctx[77].id,
+          ctx[78].id,
           /*openCategoryContainer*/
           ctx[19]
         ) && /*checkContainerDragOver*/
         ctx[37](
           /*category*/
-          ctx[77].id,
+          ctx[78].id,
           /*considerContainerId*/
           ctx[11],
           /*isDraggingOver*/
@@ -13519,19 +13602,19 @@
         ) ? "!bg-violet-100 md:!bg-white" : "") + " " + /*checkifCategoryContainerOpen*/
         (ctx[43](
           /*category*/
-          ctx[77].id,
+          ctx[78].id,
           /*openCategoryContainer*/
           ctx[19]
         ) ? "" : "rounded-b-lg md:rounded-b-none") + " " + (!/*checkifCategoryContainerOpen*/
         ctx[43](
           /*category*/
-          ctx[77].id,
+          ctx[78].id,
           /*openCategoryContainer*/
           ctx[19]
         ) && /*checkSelectedSourceContainer*/
         ctx[39](
           /*category*/
-          ctx[77].id,
+          ctx[78].id,
           /*sourceSelectedContainerId*/
           ctx[15],
           /*currentSelectedItemId*/
@@ -13545,7 +13628,7 @@
           promptcategorisedndcontainer_changes.containerClass = "content-start !outline-none rounded-lg grow w-full md:p-4\n          " + /*checkContainerDragOver*/
           (ctx[37](
             /*category*/
-            ctx[77].id,
+            ctx[78].id,
             /*considerContainerId*/
             ctx[11],
             /*isDraggingOver*/
@@ -13553,7 +13636,7 @@
           ) ? "bg-violet-100" : "") + "\n          " + /*checkifCategoryContainerOpen*/
           (ctx[43](
             /*category*/
-            ctx[77].id,
+            ctx[78].id,
             /*openCategoryContainer*/
             ctx[19]
           ) ? "h-full p-3 min-h-[86px] md:min-h-0" : "");
@@ -13562,20 +13645,20 @@
           promptcategorisedndcontainer_changes.paddingTop = /*checkifCategoryContainerOpen*/
           ctx[43](
             /*category*/
-            ctx[77].id,
+            ctx[78].id,
             /*openCategoryContainer*/
             ctx[19]
           ) || !useIsSmallScreen() ? (
             /*categoryTitleHeight*/
             ctx[24][
               /*category*/
-              ctx[77].id
+              ctx[78].id
             ] + 16
           ) : (
             /*categoryTitleHeight*/
             ctx[24][
               /*category*/
-              ctx[77].id
+              ctx[78].id
             ]
           );
         if (dirty[0] & /*openCategoryContainer*/
@@ -13583,7 +13666,7 @@
           promptcategorisedndcontainer_changes.showButton = /*checkifCategoryContainerOpen*/
           ctx[43](
             /*category*/
-            ctx[77].id,
+            ctx[78].id,
             /*openCategoryContainer*/
             ctx[19]
           );
@@ -13627,7 +13710,7 @@
         (ctx[32] ? "" : "lg:min-h-[224px]") + " " + /*checkContainerDragOver*/
         (ctx[37](
           /*category*/
-          ctx[77].id,
+          ctx[78].id,
           /*considerContainerId*/
           ctx[11],
           /*isDraggingOver*/
@@ -13635,20 +13718,20 @@
         ) ? "raw-focus-ring" : "") + " " + /*checkContainerDroppedItem*/
         (ctx[38](
           /*category*/
-          ctx[77].id,
+          ctx[78].id,
           /*dropContainerId*/
           ctx[13]
         ) ? "bg-violet-150" : "") + " " + /*checkContainerDroppedItem*/
         (ctx[38](
           /*category*/
-          ctx[77].id,
+          ctx[78].id,
           /*dropContainerId*/
           ctx[13]
         ) && /*hasAddItemAnimation*/
         ctx[17] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
         (ctx[39](
           /*category*/
-          ctx[77].id,
+          ctx[78].id,
           /*sourceSelectedContainerId*/
           ctx[15],
           /*currentSelectedItemId*/
@@ -13656,17 +13739,17 @@
         ) ? "hover:bg-violet-100 hover-focus-ring cursor-pointer" : "") + " " + /*checkifCategoryContainerOpen*/
         (ctx[43](
           /*category*/
-          ctx[77].id,
+          ctx[78].id,
           /*openCategoryContainer*/
           ctx[19]
         ) ? "min-h-[140px]" : ""))) {
           attr(div1, "class", div1_class_value);
         }
         if (category !== /*category*/
-        ctx[77]) {
+        ctx[78]) {
           unassign_div1();
           category = /*category*/
-          ctx[77];
+          ctx[78];
           assign_div1();
         }
       },
@@ -13745,6 +13828,7 @@
     };
   }
   function create_default_slot4(ctx) {
+    let div6;
     let div0;
     let t0;
     let button0;
@@ -13895,6 +13979,7 @@
     });
     return {
       c() {
+        div6 = element("div");
         div0 = element("div");
         if (if_block0)
           if_block0.c();
@@ -13939,7 +14024,7 @@
           /*totalCategoryItems*/
           ctx[10]
         );
-        t15 = text(" left");
+        t15 = text("\n                        left");
         t16 = space();
         div4 = element("div");
         button1 = element("button");
@@ -14040,35 +14125,42 @@
           /*currentSelectedItemId*/
           ctx[14]
         ) ? "hover:bg-violet-100 hover-focus-ring cursor-pointer" : ""));
+        set_style(
+          div6,
+          "width",
+          /*dynamicInteractionWidth*/
+          ctx[77]
+        );
       },
       m(target, anchor) {
-        insert(target, div0, anchor);
+        insert(target, div6, anchor);
+        append(div6, div0);
         if (if_block0)
           if_block0.m(div0, null);
-        insert(target, t0, anchor);
-        insert(target, button0, anchor);
+        append(div6, t0);
+        append(div6, button0);
         append(button0, span0);
         append(button0, t2);
         append(button0, span1);
         mount_component(svgloader0, span1, null);
-        insert(target, t3, anchor);
+        append(div6, t3);
         if (if_block1)
-          if_block1.m(target, anchor);
-        insert(target, t4, anchor);
-        insert(target, div1, anchor);
+          if_block1.m(div6, null);
+        append(div6, t4);
+        append(div6, div1);
         append(div1, p);
         append(div1, t6);
         if (if_block2)
           if_block2.m(div1, null);
-        insert(target, t7, anchor);
-        insert(target, div2, anchor);
+        append(div6, t7);
+        append(div6, div2);
         for (let i = 0; i < each_blocks.length; i += 1) {
           if (each_blocks[i]) {
             each_blocks[i].m(div2, null);
           }
         }
-        insert(target, t8, anchor);
-        insert(target, div5, anchor);
+        append(div6, t8);
+        append(div6, div5);
         append(div5, div3);
         if (if_block3)
           if_block3.m(div3, null);
@@ -14209,7 +14301,7 @@
             if_block1 = create_if_block_74(ctx);
             if_block1.c();
             transition_in(if_block1, 1);
-            if_block1.m(t4.parentNode, t4);
+            if_block1.m(div6, t4);
           }
         } else if (if_block1) {
           group_outros();
@@ -14421,6 +14513,15 @@
         ) ? "hover:bg-violet-100 hover-focus-ring cursor-pointer" : ""))) {
           attr(div5, "class", div5_class_value);
         }
+        if (!current || dirty[2] & /*dynamicInteractionWidth*/
+        32768) {
+          set_style(
+            div6,
+            "width",
+            /*dynamicInteractionWidth*/
+            ctx[77]
+          );
+        }
       },
       i(local) {
         if (current)
@@ -14453,22 +14554,13 @@
       },
       d(detaching) {
         if (detaching) {
-          detach(div0);
-          detach(t0);
-          detach(button0);
-          detach(t3);
-          detach(t4);
-          detach(div1);
-          detach(t7);
-          detach(div2);
-          detach(t8);
-          detach(div5);
+          detach(div6);
         }
         if (if_block0)
           if_block0.d();
         destroy_component(svgloader0);
         if (if_block1)
-          if_block1.d(detaching);
+          if_block1.d();
         if (if_block2)
           if_block2.d();
         destroy_each(each_blocks, detaching);
@@ -14502,7 +14594,13 @@
           ctx[33]
         ),
         interactionType: INTERACTION_TYPE_CATEGORISE,
-        $$slots: { default: [create_default_slot4] },
+        $$slots: {
+          default: [
+            create_default_slot4,
+            ({ dynamicInteractionWidth }) => ({ 77: dynamicInteractionWidth }),
+            ({ dynamicInteractionWidth }) => [0, 0, dynamicInteractionWidth ? 32768 : 0]
+          ]
+        },
         $$scope: { ctx }
       }
     });
@@ -14521,8 +14619,8 @@
       p(ctx2, dirty) {
         const promptbody_changes = {};
         if (dirty[0] & /*isModalOpen, categoryTabIndex, dropContainerId, considerContainerId, isDraggingOver, hasAddItemAnimation, sourceSelectedContainerId, currentSelectedItemId, tabCategory, totalRemainingWordBinItem, currentWordBinIndex, currentAnswer, isFinished, isPreviewModeInteractive, categoriseSettingsData, isDataSaving, totalCategoryItems, selectedItemName, openCategoryContainer, categoryTitleHeight, enableAriaLive, previewResultSr, totalCategoryWords, modalSettingsData, allAnswersCorrect, isItemSkipped, resultFeedback, isFeedbackShown*/
-        536870903 | dirty[2] & /*$$scope*/
-        262144) {
+        536870903 | dirty[2] & /*$$scope, dynamicInteractionWidth*/
+        557056) {
           promptbody_changes.$$scope = { dirty, ctx: ctx2 };
         }
         promptbody.$set(promptbody_changes);
@@ -17630,19 +17728,19 @@
   // src/lib/components/prompt/dropdown/PromptDropdown.svelte
   function get_each_context7(ctx, list, i) {
     const child_ctx = ctx.slice();
-    child_ctx[32] = list[i];
+    child_ctx[33] = list[i];
     return child_ctx;
   }
   function get_each_context_13(ctx, list, i) {
     const child_ctx = ctx.slice();
-    child_ctx[35] = list[i];
+    child_ctx[36] = list[i];
     return child_ctx;
   }
   function create_else_block7(ctx) {
     let span;
     let raw_value = (
       /*item*/
-      ctx[35].text + ""
+      ctx[36].text + ""
     );
     return {
       c() {
@@ -17682,7 +17780,7 @@
         ),
         options: (
           /*item*/
-          ctx[35]
+          ctx[36]
         ),
         answer: (
           /*answer*/
@@ -17780,7 +17878,7 @@
     function select_block_type(ctx2, dirty) {
       if (
         /*item*/
-        ctx2[35].type === "dropdown"
+        ctx2[36].type === "dropdown"
       )
         return 0;
       return 1;
@@ -17826,7 +17924,7 @@
       /*parseText*/
       ctx[22](
         /*promptLine*/
-        ctx[32]
+        ctx[33]
       )
     );
     let each_blocks = [];
@@ -17862,7 +17960,7 @@
             /*parseText*/
             ctx2[22](
               /*promptLine*/
-              ctx2[32]
+              ctx2[33]
             )
           );
           let i;
@@ -18084,9 +18182,9 @@
     };
   }
   function create_default_slot5(ctx) {
-    let div;
+    let div1;
+    let div0;
     let t2;
-    let if_block_anchor;
     let current;
     let each_value = ensure_array_like(
       /*checkPromptLine*/
@@ -18108,27 +18206,33 @@
     );
     return {
       c() {
-        div = element("div");
+        div1 = element("div");
+        div0 = element("div");
         for (let i = 0; i < each_blocks.length; i += 1) {
           each_blocks[i].c();
         }
         t2 = space();
         if (if_block)
           if_block.c();
-        if_block_anchor = empty();
-        attr(div, "class", "my-6");
+        attr(div0, "class", "my-6");
+        set_style(
+          div1,
+          "width",
+          /*dynamicInteractionWidth*/
+          ctx[32]
+        );
       },
       m(target, anchor) {
-        insert(target, div, anchor);
+        insert(target, div1, anchor);
+        append(div1, div0);
         for (let i = 0; i < each_blocks.length; i += 1) {
           if (each_blocks[i]) {
-            each_blocks[i].m(div, null);
+            each_blocks[i].m(div0, null);
           }
         }
-        insert(target, t2, anchor);
+        append(div1, t2);
         if (if_block)
-          if_block.m(target, anchor);
-        insert(target, if_block_anchor, anchor);
+          if_block.m(div1, null);
         current = true;
       },
       p(ctx2, dirty) {
@@ -18151,7 +18255,7 @@
               each_blocks[i] = create_each_block7(child_ctx);
               each_blocks[i].c();
               transition_in(each_blocks[i], 1);
-              each_blocks[i].m(div, null);
+              each_blocks[i].m(div0, null);
             }
           }
           group_outros();
@@ -18174,7 +18278,7 @@
             if_block = create_if_block13(ctx2);
             if_block.c();
             transition_in(if_block, 1);
-            if_block.m(if_block_anchor.parentNode, if_block_anchor);
+            if_block.m(div1, null);
           }
         } else if (if_block) {
           group_outros();
@@ -18183,6 +18287,15 @@
           });
           check_outros();
         }
+        if (!current || dirty[1] & /*dynamicInteractionWidth*/
+        2) {
+          set_style(
+            div1,
+            "width",
+            /*dynamicInteractionWidth*/
+            ctx2[32]
+          );
+        }
       },
       i(local) {
         if (current)
@@ -18203,13 +18316,11 @@
       },
       d(detaching) {
         if (detaching) {
-          detach(div);
-          detach(t2);
-          detach(if_block_anchor);
+          detach(div1);
         }
         destroy_each(each_blocks, detaching);
         if (if_block)
-          if_block.d(detaching);
+          if_block.d();
       }
     };
   }
@@ -18232,7 +18343,13 @@
           ctx[19]
         ),
         hasDivider: false,
-        $$slots: { default: [create_default_slot5] },
+        $$slots: {
+          default: [
+            create_default_slot5,
+            ({ dynamicInteractionWidth }) => ({ 32: dynamicInteractionWidth }),
+            ({ dynamicInteractionWidth }) => [0, dynamicInteractionWidth ? 2 : 0]
+          ]
+        },
         $$scope: { ctx }
       }
     });
@@ -18247,8 +18364,8 @@
       p(ctx2, dirty) {
         const promptbody_changes = {};
         if (dirty[0] & /*getDropdownAnswerResult, getCorrectAnswers, sessionId, getSessionAnswer, isResultCorrect, resultFeedback, isSkipped, showSpecificFeedback, showFeedbackandTable, sessionData, answer, isDataSaving, isFinished, isPreviewMode, isPreviewModeInteractive, previewInteractiveEvent*/
-        65535 | dirty[1] & /*$$scope*/
-        128) {
+        65535 | dirty[1] & /*$$scope, dynamicInteractionWidth*/
+        258) {
           promptbody_changes.$$scope = { dirty, ctx: ctx2 };
         }
         promptbody.$set(promptbody_changes);
@@ -18594,8 +18711,8 @@
   var PromptSkeleton_default = PromptSkeleton;
 
   // src/lib/components/prompt/PromptBuilder.svelte
-  function add_css2(target) {
-    append_styles(target, "svelte-2xcb8v", '*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:Mulish, sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*{font-family:Mulish, sans-serif}input::-moz-selection,textarea::-moz-selection{background-color:hsla(0, 0%, 85%, 0.4)}input::selection,textarea::selection{background-color:hsla(0, 0%, 85%, 0.4)}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.p2{font-size:0.875rem;font-weight:600;line-height:1.25rem;line-height:1.5}.blanket-overlay{--tw-bg-opacity:1;background-color:rgb(33 37 41/var(--tw-bg-opacity));inset:0;opacity:0.3;position:absolute}.item-heading{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;letter-spacing:-0.025em;line-height:1.5rem}.focus-ring:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.hover-focus-ring:hover,.raw-focus-ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;transition-duration:50ms}.focus-ring-by-dropdown,.hover-focus-ring:hover,.raw-focus-ring{box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px}.focus-ring-by-dropdown{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px;box-shadow:0 0 0 2px #fff, 0 0 0 4px #212529, 0 0 0 6px #fde047}.divider{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(218 224 224/var(--tw-border-opacity))}@keyframes svelte-2xcb8v-pulse{50%{opacity:0.5}}.animate-skeleton{--tw-bg-opacity:1;animation:svelte-2xcb8v-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;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;box-sizing:border-box;color:rgb(33 37 41/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem;line-height:19.2px;margin-bottom:1rem;min-height:52px;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-text{align-items:center;display:flex;padding:0.375rem 0.75rem;width:100%}@supports (overflow-wrap: anywhere){.btn-mcq-text{overflow-wrap:anywhere}}@supports not (overflow-wrap: anywhere){.btn-mcq-text{word-break:break-word}}.btn-mcq-option>span>span>span>.\\!choice,.btn-mcq-option>span>span>span>.choice{align-items:center;display:flex;font-size:1rem;font-weight:700;height:2rem;justify-content:center;letter-spacing:0.05em;line-height:1rem;width:2rem}.btn-mcq-option>span>span>span>.\\!choice,.btn-mcq-option>span>span>span>.choice{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(156 163 175/var(--tw-border-opacity));border-radius:1rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));padding:0.5rem}.btn-mcq-option.selected{--tw-border-opacity:1;background-color:rgb(40 44 135/var(--tw-bg-opacity));border-color:rgb(40 44 135/var(--tw-border-opacity));border-width:2px}.btn-mcq-option.selected,.btn-mcq-option.selected:active{--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.btn-mcq-option.selected:active{background-color:rgb(84 101 251/var(--tw-bg-opacity))}@media(hover: hover) and (pointer: fine){.btn-mcq-option.selected:hover{--tw-bg-opacity:1;background-color:rgb(84 101 251/var(--tw-bg-opacity))}}.btn-mcq-option.finished{cursor:default}.btn-mcq-option.finished:active,.btn-mcq-option.finished:hover{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(248 248 248/var(--tw-bg-opacity));border-color:rgb(75 85 99/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected>span>span>.\\!choice,.btn-mcq-option.selected>span>span>.choice{--tw-bg-opacity:1;background-color:rgb(238 240 255/var(--tw-bg-opacity))}.btn-mcq-option>span>span>span>.custom-checkbox{--tw-border-opacity:1;--tw-bg-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(75 85 99/var(--tw-border-opacity));border-radius:0.25rem;border-width:1px;display:flex;height:1.75rem;justify-content:center;pointer-events:none;width:1.75rem}@media(hover: hover) and (pointer: fine){.btn-mcq-option:hover>span>span>span>.custom-checkbox{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}.btn-mcq-option:active>span>span>span>.custom-checkbox.preview-only,.btn-mcq-option:hover>span>span>span>.custom-checkbox.preview-only{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity));border-width:1px}}.btn-mcq-option:active>span>span>span>.custom-checkbox{--tw-border-opacity:1;border-color:rgb(40 44 135/var(--tw-border-opacity));border-width:2px}.btn-mcq-option.selected>span>span>span>.custom-checkbox{--tw-bg-opacity:1;background-color:rgb(84 101 251/var(--tw-bg-opacity));border-width:0;pointer-events:none}@media(hover: hover) and (pointer: fine){.btn-mcq-option.selected:hover>span>span>span>.custom-checkbox{--tw-bg-opacity:1;background-color:rgb(76 91 226/var(--tw-bg-opacity));border-width:0}}.btn-mcq-option.selected:active>span>span>span>.custom-checkbox{--tw-bg-opacity:1;background-color:rgb(40 44 135/var(--tw-bg-opacity));border-width:0}.btn-mcq-option.finished:active>span>span>span>.custom-checkbox,.btn-mcq-option.finished:hover>span>span>span>.custom-checkbox{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(75 85 99/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.missing.correct{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(248 248 248/var(--tw-bg-opacity));border-color:rgb(21 128 61/var(--tw-border-opacity));border-width:1px}@media(hover: hover) and (pointer: fine){.btn-mcq-option.correct.interactive:active,.btn-mcq-option.correct.interactive:hover,.btn-mcq-option.incorrect.interactive:active,.btn-mcq-option.incorrect.interactive:hover,.btn-mcq-option.missing.interactive:active,.btn-mcq-option.missing.interactive:hover{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(238 240 255/var(--tw-bg-opacity));border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}}.btn-mcq-option.selected.correct{background-color:rgb(240 253 244/var(--tw-bg-opacity));border-color:rgb(21 128 61/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected.correct,.btn-mcq-option.selected.incorrect{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.btn-mcq-option.selected.incorrect{background-color:rgb(253 242 248/var(--tw-bg-opacity));border-color:rgb(190 24 93/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected.correct>span>span>span>.\\!choice,.btn-mcq-option.selected.correct>span>span>span>.choice,.btn-mcq-option.selected.incorrect>span>span>span>.\\!choice,.btn-mcq-option.selected.incorrect>span>span>span>.choice{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(113 115 119/var(--tw-border-opacity));border-width:1px}.typein-textbox:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.typein-textbox{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(75 85 99/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem;padding:0.75rem 1rem;width:100%}.typein-textbox::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(55 65 81/var(--tw-placeholder-opacity))}.typein-textbox::placeholder{--tw-placeholder-opacity:1;color:rgb(55 65 81/var(--tw-placeholder-opacity))}.typein-textbox:focus{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}}.typein-textbox:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0)) !important}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{transition-duration:50ms}}.typein-textbox:focus{outline-color:#212529;outline-width:2px}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{outline-color:#212529;outline-width:2px}}.typein-textbox:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity))}.inline-typein-container>p{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;font-weight:600;line-height:3rem}#dnd-action-dragged-el{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;--tw-border-opacity:1!important;--tw-bg-opacity:1!important;background-color:rgb(205 208 254/var(--tw-bg-opacity)) !important;border-color:rgb(93 99 107/var(--tw-border-opacity)) !important;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));cursor:grabbing !important;outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}#dnd-action-dragged-el .btn-vertical-icon{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));cursor:grabbing !important}#dnd-action-dragged-el .preview-icon{display:none !important}#dnd-action-dragged-el .preview-vertical{display:block !important}.category-content>.missing-answer-label{display:block}.category-content>.missing-answer-label~.missing-answer-label{display:none}.image-description,.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}.image-description p{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity));font-size:0.875rem;line-height:1.25rem;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}.image-description ol,.image-description ul{font-size:0.875rem;line-height:1.25rem;list-style-position:inside;padding-bottom:0.5rem;padding-left:0.5rem}.image-description ol ::marker,.image-description ul ::marker{color:#212529}.image-description ol::marker,.image-description ul::marker{color:#212529}.image-description ul,.text-stimulus ul{list-style-type:disc}.image-description ol,.text-stimulus ol{list-style-type:decimal}.image-description ul li>p,.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}.image-description ol>li>p,.image-description ul>li>p{display:inline;font-size:0.875rem;line-height:1.25rem;padding-bottom:0;padding-top:0}.image-description div.table-container:focus,.text-stimulus div.table-container:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.image-description div.table-container,.text-stimulus div.table-container{border-radius:0.5rem;overflow:auto;padding-left:0.125rem;padding-right:0.125rem}.image-description table,.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%}.image-description table tr,.text-stimulus table tr{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(156 163 175/var(--tw-border-opacity))}.image-description table tr:last-child,.text-stimulus table tr:last-child{border-color:transparent}.image-description table td,.image-description table th,.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}.image-description table td:first-child,.image-description table th:first-child,.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}.image-description table td>p,.image-description table th>p{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity));font-size:0.875rem;line-height:1.25rem;padding:0.75rem;text-align:left}.text-stimulus table th>p{font-weight:400}.image-description table th p,.prompt p,.text-stimulus table th p{font-weight:600}.prompt p b,.prompt p b i,.prompt p b i u,.prompt p b u,.prompt p b u i,.prompt p i b,.prompt p i b u,.prompt p i u b,.prompt p u b,.prompt p u b i,.prompt p u i b,.text-stimulus table th p b,.text-stimulus table th p b i,.text-stimulus table th p b i u,.text-stimulus table th p b u,.text-stimulus table th p b u i,.text-stimulus table th p i b,.text-stimulus table th p i b u,.text-stimulus table th p i u b,.text-stimulus table th p u b,.text-stimulus table th p u b i,.text-stimulus table th p u i b{font-weight:900}.dropdown-text:not(:last-child),.dropdown:not(:last-child){margin-right:1rem}.dropdown-container{--tw-border-opacity:1;align-items:center;border-color:rgb(75 85 99/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;display:flex;height:2.75rem;overflow:hidden;white-space:nowrap;width:15rem}.dropdown-container:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px}.dropdown-container:active,.dropdown-container:focus{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px;box-shadow:0 0 0 2px #fff, 0 0 0 4px #212529, 0 0 0 6px #fde047}@media(hover: hover) and (pointer: fine){.dropdown-container:hover{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px;outline-color:#212529;outline-width:2px}}.dropdown-menu{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(75 85 99/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;margin-top:0.5rem;max-height:400px;max-width:500px;min-width:240px;overflow-y:auto;position:absolute;z-index:50}@supports (overflow-wrap: anywhere){.dropdown-menu{overflow-wrap:anywhere}}@supports not (overflow-wrap: anywhere){.dropdown-menu{word-break:break-word}}.dropdown-item{cursor:pointer;font-size:1rem;line-height:1.5rem;outline:2px solid transparent;outline-offset:2px;padding:0.5rem 1rem}.dropdown-itemtext{border-bottom-width:1px;border-color:transparent}.dropdown-itemtext.hover-option{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity));color:rgb(46 47 212/var(--tw-text-opacity));font-weight:600}.dropdown-itemtext.current-option{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-border-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity));border-bottom-width:1px;border-color:rgb(0 0 0/var(--tw-border-opacity));color:rgb(0 0 0/var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}.dropdown-itemtext:active{border-bottom-width:2px;font-weight:600}.image-description-accordion{--tw-text-opacity:1;border-bottom-width:1px;border-color:transparent;color:rgb(33 37 41/var(--tw-text-opacity));font-weight:600}.group:focus .image-description-accordion{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity));border-bottom-width:1px;color:rgb(0 0 0/var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}.group:focus .image-description-accordion,.group:hover .image-description-accordion{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.group:active .image-description-accordion{border-bottom-width:2px}.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}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.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-1{margin-bottom:0.25rem;margin-top:0.25rem}.my-1\\.5{margin-bottom:0.375rem;margin-top:0.375rem}.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-0{margin-bottom:0}.mb-0\\.5{margin-bottom: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-2{margin-left:0.5rem}.ml-2\\.5{margin-left:0.625rem}.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}.line-clamp-3{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden}.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-\\[184px\\]{max-height:184px}.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-\\[154px\\]{min-height:154px}.min-h-\\[210px\\]{min-height:210px}.min-h-\\[44px\\]{min-height:44px}.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-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\\[288px\\]{min-width:288px}.min-w-\\[44px\\]{min-width:44px}.min-w-\\[85px\\]{min-width:85px}.max-w-\\[304px\\]{max-width:304px}.max-w-\\[400px\\]{max-width:400px}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-none{flex:none}.grow{flex-grow:1}.basis-0{flex-basis:0px}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\!cursor-default{cursor:default !important}.\\!cursor-pointer{cursor:pointer !important}.cursor-pointer{cursor:pointer}.resize{resize:both}.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-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:0.5rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0.5rem * var(--tw-space-y-reverse));margin-top:calc(0.5rem * (1 - var(--tw-space-y-reverse)))}.space-y-reverse>:not([hidden])~:not([hidden]){--tw-space-y-reverse:1}.overflow-hidden{overflow:hidden}.overflow-y-visible{overflow-y:visible}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:0.25rem}.rounded-\\[32px\\]{border-radius:32px}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.rounded-b-lg{border-bottom-right-radius:0.5rem}.rounded-b-lg,.rounded-l-lg{border-bottom-left-radius:0.5rem}.rounded-l-lg,.rounded-t-lg{border-top-left-radius:0.5rem}.rounded-t-lg{border-top-right-radius:0.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-4{border-left-width:4px}.border-l-6{border-left-width:6px}.border-dashed{border-style:dashed}.\\!border-blue-1000{--tw-border-opacity:1!important;border-color:rgb(40 44 135/var(--tw-border-opacity)) !important}.border-blue-1000{--tw-border-opacity:1;border-color:rgb(40 44 135/var(--tw-border-opacity))}.border-blue-950{--tw-border-opacity:1;border-color:rgb(29 78 216/var(--tw-border-opacity))}.border-charcoal{--tw-border-opacity:1;border-color:rgb(33 37 41/var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.border-gray-800{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.border-gray-850{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.border-green-800{--tw-border-opacity:1;border-color:rgb(0 102 5/var(--tw-border-opacity))}.border-green-900{--tw-border-opacity:1;border-color:rgb(21 128 61/var(--tw-border-opacity))}.border-red-600{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity))}.border-red-800{--tw-border-opacity:1;border-color:rgb(217 12 85/var(--tw-border-opacity))}.border-red-900{--tw-border-opacity:1;border-color:rgb(190 24 93/var(--tw-border-opacity))}.border-soft-blue{--tw-border-opacity:1;border-color:rgb(84 101 251/var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.\\!bg-violet-100{--tw-bg-opacity:1!important;background-color:rgb(235 235 255/var(--tw-bg-opacity)) !important}.\\!bg-violet-150{--tw-bg-opacity:1!important;background-color:rgb(205 208 254/var(--tw-bg-opacity)) !important}.\\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity)) !important}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-blue-1000{--tw-bg-opacity:1;background-color:rgb(40 44 135/var(--tw-bg-opacity))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(247 250 250/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(244 244 244/var(--tw-bg-opacity))}.bg-green-300{--tw-bg-opacity:1;background-color:rgb(241 254 241/var(--tw-bg-opacity))}.bg-red-200{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity))}.bg-red-300{--tw-bg-opacity:1;background-color:rgb(253 243 247/var(--tw-bg-opacity))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(253 242 248/var(--tw-bg-opacity))}.bg-soft-blue{--tw-bg-opacity:1;background-color:rgb(84 101 251/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-violet-100{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.bg-violet-150{--tw-bg-opacity:1;background-color:rgb(205 208 254/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-yellow-1000{--tw-bg-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity))}.bg-opacity-5{--tw-bg-opacity:0.05}.object-contain{-o-object-fit:contain;object-fit:contain}.p-0{padding:0}.p-0\\.5{padding:0.125rem}.p-1{padding:0.25rem}.p-1\\.5{padding:0.375rem}.p-2{padding:0.5rem}.p-3{padding:0.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:0.25rem;padding-top:0.25rem}.py-1\\.5{padding-bottom:0.375rem;padding-top:0.375rem}.py-2{padding-bottom:0.5rem;padding-top:0.5rem}.py-\\[9px\\]{padding-bottom:9px;padding-top:9px}.\\!pr-11{padding-right:2.75rem !important}.pb-0{padding-bottom:0}.pb-10{padding-bottom:2.5rem}.pb-2{padding-bottom:0.5rem}.pb-3{padding-bottom:0.75rem}.pl-13\\.2{padding-left:3.125rem}.pl-24{padding-left:6rem}.pl-3{padding-left:0.75rem}.pl-4{padding-left:1rem}.pr-3{padding-right:0.75rem}.pr-4{padding-right:1rem}.pt-0{padding-top:0}.pt-0\\.5{padding-top:0.125rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-\\[15px\\]{padding-top:15px}.pt-\\[55px\\]{padding-top:55px}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-12{line-height:3rem}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-\\[1\\.5\\]{line-height:1.5}.leading-\\[19\\.2px\\]{line-height:19.2px}.leading-\\[19px\\]{line-height:19px}.leading-\\[22px\\]{line-height:22px}.\\!text-gray-900{--tw-text-opacity:1!important;color:rgb(57 62 69/var(--tw-text-opacity)) !important}.text-blue-1000{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity))}.text-blue-850{--tw-text-opacity:1;color:rgb(46 47 212/var(--tw-text-opacity))}.text-blue-950{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity))}.text-charcoal{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(93 99 107/var(--tw-text-opacity))}.text-gray-860{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-green-800{--tw-text-opacity:1;color:rgb(0 102 5/var(--tw-text-opacity))}.text-green-900{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity))}.text-inherit{color:inherit}.text-red-800{--tw-text-opacity:1;color:rgb(217 12 85/var(--tw-text-opacity))}.text-red-900{--tw-text-opacity:1;color:rgb(190 24 93/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.opacity-5{opacity:0.05}.opacity-50{opacity:0.5}.shadow-\\[0_-12px_14px_-16px_\\#00000033\\]{--tw-shadow:0 -12px 14px -16px #00000033;--tw-shadow-colored:0 -12px 14px -16px var(--tw-shadow-color)}.shadow-\\[0_-12px_14px_-16px_\\#00000033\\],.shadow-md{box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)}.shadow-md{--tw-shadow:0px 2px 8px rgba(0,0,0,.2);--tw-shadow-colored:0px 2px 8px var(--tw-shadow-color)}.\\!outline-none{outline:2px solid transparent !important;outline-offset:2px !important}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:0.15s;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.duration-300{transition-duration:0.3s}.active\\:raw-focus-ring-by:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity));--tw-ring-offset-width:2px;--tw-ring-offset-color:#212529}.active\\:raw-focus-ring-by:active,.active\\:raw-focus-ring:active{box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.active\\:raw-focus-ring:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px}@media(min-width: 732px){.md\\:item-heading{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;letter-spacing:-0.025em;line-height:1.5rem}.category-content>.md\\:missing-answer-label{display:block}.category-content>.md\\:missing-answer-label~.md\\:missing-answer-label{display:none}}@media(hover: hover) and (pointer: fine){.td\\:hover-focus-ring:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.td\\:hover\\:hover-option:hover.dropdown-itemtext{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity));color:rgb(46 47 212/var(--tw-text-opacity));font-weight:600}}.last\\:mr-0:last-child{margin-right:0}.focus-within\\:left-0:focus-within{left:0}.focus-within\\:right-0:focus-within{right:0}.focus-within\\:top-0:focus-within{top:0}.focus-within\\:z-30:focus-within{z-index:30}.hover\\:bg-black-50:hover{background-color:rgba(0, 0, 0, 0.0509803922)}.hover\\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}.hover\\:bg-violet-100:hover{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.hover\\:bg-yellow-1000:hover{--tw-bg-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity))}.hover\\:text-charcoal:hover{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.focus\\:outline-transparent:focus{outline-color:transparent}.focus-visible\\:border:focus-visible{border-width:1px}.focus-visible\\:border-charcoal:focus-visible{--tw-border-opacity:1;border-color:rgb(33 37 41/var(--tw-border-opacity))}.focus-visible\\:border-gray-400:focus-visible{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.focus-visible\\:border-gray-800:focus-visible{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\\:bg-black-55:active,.active\\:bg-black-60:active{background-color:rgba(0, 0, 0, 0.1019607843)}.active\\:bg-yellow-1100:active{--tw-bg-opacity:1;background-color:rgb(238 206 26/var(--tw-bg-opacity))}.active\\:text-charcoal:active{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.disabled\\:text-gray-40:disabled{--tw-text-opacity:1;color:rgb(142 147 153/var(--tw-text-opacity))}.disabled\\:hover\\:bg-white:hover:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.group\\/itemContainer:hover .group-hover\\/itemContainer\\:bg-violet-100{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.group:hover .group-hover\\:underline{text-decoration-line:underline}.group.active .group-\\[\\.active\\]\\:border-b-2{border-bottom-width:2px}@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\\:grid{display:grid}.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\\:min-w-full{min-width:100%}.md\\:flex-none{flex:none}.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-start{align-items:flex-start}.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\\:gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.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\\: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%}}@media(hover: hover) and (pointer: fine){.td\\:border-2{border-width:2px}.td\\:border-blue-900{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity))}.td\\:hover\\:cursor-grab:hover{cursor:grab}.td\\:hover\\:border-gray-800:hover{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.td\\:hover\\:bg-black-50:hover{background-color:rgba(0, 0, 0, 0.0509803922)}.td\\:hover\\:bg-violet-100:hover{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.td\\:hover\\:text-soft-blue:hover{--tw-text-opacity:1;color:rgb(84 101 251/var(--tw-text-opacity))}.group:hover .td\\:group-hover\\:bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.group:hover .td\\:group-hover\\:opacity-5{opacity:0.05}}');
+  function add_css3(target) {
+    append_styles(target, "svelte-sys4xe", '*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:Mulish, sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*{font-family:Mulish, sans-serif}input::-moz-selection,textarea::-moz-selection{background-color:hsla(0, 0%, 85%, 0.4)}input::selection,textarea::selection{background-color:hsla(0, 0%, 85%, 0.4)}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.p2{font-size:0.875rem;font-weight:600;line-height:1.25rem;line-height:1.5}.blanket-overlay{--tw-bg-opacity:1;background-color:rgb(33 37 41/var(--tw-bg-opacity));inset:0;opacity:0.3;position:absolute}.item-heading{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;letter-spacing:-0.025em;line-height:1.5rem}.focus-ring:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.hover-focus-ring:hover,.raw-focus-ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;transition-duration:50ms}.focus-ring-by-dropdown,.hover-focus-ring:hover,.raw-focus-ring{box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px}.focus-ring-by-dropdown{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px;box-shadow:0 0 0 2px #fff, 0 0 0 4px #212529, 0 0 0 6px #fde047}.divider{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(218 224 224/var(--tw-border-opacity))}@keyframes svelte-sys4xe-pulse{50%{opacity:0.5}}.animate-skeleton{--tw-bg-opacity:1;animation:svelte-sys4xe-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;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;box-sizing:border-box;color:rgb(33 37 41/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem;line-height:19.2px;margin-bottom:1rem;min-height:52px;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-text{align-items:center;display:flex;padding:0.375rem 0.75rem;width:100%}@supports (overflow-wrap: anywhere){.btn-mcq-text{overflow-wrap:anywhere}}@supports not (overflow-wrap: anywhere){.btn-mcq-text{word-break:break-word}}.btn-mcq-option>span>span>span>.\\!choice,.btn-mcq-option>span>span>span>.choice{align-items:center;display:flex;font-size:1rem;font-weight:700;height:2rem;justify-content:center;letter-spacing:0.05em;line-height:1rem;width:2rem}.btn-mcq-option>span>span>span>.\\!choice,.btn-mcq-option>span>span>span>.choice{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(156 163 175/var(--tw-border-opacity));border-radius:1rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));padding:0.5rem}.btn-mcq-option.selected{--tw-border-opacity:1;background-color:rgb(40 44 135/var(--tw-bg-opacity));border-color:rgb(40 44 135/var(--tw-border-opacity));border-width:2px}.btn-mcq-option.selected,.btn-mcq-option.selected:active{--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.btn-mcq-option.selected:active{background-color:rgb(84 101 251/var(--tw-bg-opacity))}@media(hover: hover) and (pointer: fine){.btn-mcq-option.selected:hover{--tw-bg-opacity:1;background-color:rgb(84 101 251/var(--tw-bg-opacity))}}.btn-mcq-option.finished{cursor:default}.btn-mcq-option.finished:active,.btn-mcq-option.finished:hover{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(248 248 248/var(--tw-bg-opacity));border-color:rgb(75 85 99/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected>span>span>.\\!choice,.btn-mcq-option.selected>span>span>.choice{--tw-bg-opacity:1;background-color:rgb(238 240 255/var(--tw-bg-opacity))}.btn-mcq-option>span>span>span>.custom-checkbox{--tw-border-opacity:1;--tw-bg-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(75 85 99/var(--tw-border-opacity));border-radius:0.25rem;border-width:1px;display:flex;height:1.75rem;justify-content:center;pointer-events:none;width:1.75rem}@media(hover: hover) and (pointer: fine){.btn-mcq-option:hover>span>span>span>.custom-checkbox{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}.btn-mcq-option:active>span>span>span>.custom-checkbox.preview-only,.btn-mcq-option:hover>span>span>span>.custom-checkbox.preview-only{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity));border-width:1px}}.btn-mcq-option:active>span>span>span>.custom-checkbox{--tw-border-opacity:1;border-color:rgb(40 44 135/var(--tw-border-opacity));border-width:2px}.btn-mcq-option.selected>span>span>span>.custom-checkbox{--tw-bg-opacity:1;background-color:rgb(84 101 251/var(--tw-bg-opacity));border-width:0;pointer-events:none}@media(hover: hover) and (pointer: fine){.btn-mcq-option.selected:hover>span>span>span>.custom-checkbox{--tw-bg-opacity:1;background-color:rgb(76 91 226/var(--tw-bg-opacity));border-width:0}}.btn-mcq-option.selected:active>span>span>span>.custom-checkbox{--tw-bg-opacity:1;background-color:rgb(40 44 135/var(--tw-bg-opacity));border-width:0}.btn-mcq-option.finished:active>span>span>span>.custom-checkbox,.btn-mcq-option.finished:hover>span>span>span>.custom-checkbox{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(75 85 99/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.missing.correct{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(248 248 248/var(--tw-bg-opacity));border-color:rgb(21 128 61/var(--tw-border-opacity));border-width:1px}@media(hover: hover) and (pointer: fine){.btn-mcq-option.correct.interactive:active,.btn-mcq-option.correct.interactive:hover,.btn-mcq-option.incorrect.interactive:active,.btn-mcq-option.incorrect.interactive:hover,.btn-mcq-option.missing.interactive:active,.btn-mcq-option.missing.interactive:hover{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(238 240 255/var(--tw-bg-opacity));border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}}.btn-mcq-option.selected.correct{background-color:rgb(240 253 244/var(--tw-bg-opacity));border-color:rgb(21 128 61/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected.correct,.btn-mcq-option.selected.incorrect{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.btn-mcq-option.selected.incorrect{background-color:rgb(253 242 248/var(--tw-bg-opacity));border-color:rgb(190 24 93/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected.correct>span>span>span>.\\!choice,.btn-mcq-option.selected.correct>span>span>span>.choice,.btn-mcq-option.selected.incorrect>span>span>span>.\\!choice,.btn-mcq-option.selected.incorrect>span>span>span>.choice{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(113 115 119/var(--tw-border-opacity));border-width:1px}.typein-textbox:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.typein-textbox{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(75 85 99/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem;padding:0.75rem 1rem;width:100%}.typein-textbox::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(55 65 81/var(--tw-placeholder-opacity))}.typein-textbox::placeholder{--tw-placeholder-opacity:1;color:rgb(55 65 81/var(--tw-placeholder-opacity))}.typein-textbox:focus{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}}.typein-textbox:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0)) !important}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{transition-duration:50ms}}.typein-textbox:focus{outline-color:#212529;outline-width:2px}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{outline-color:#212529;outline-width:2px}}.typein-textbox:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity))}.inline-typein-container>p{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;font-weight:600;line-height:3rem}#dnd-action-dragged-el{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;--tw-border-opacity:1!important;--tw-bg-opacity:1!important;background-color:rgb(205 208 254/var(--tw-bg-opacity)) !important;border-color:rgb(93 99 107/var(--tw-border-opacity)) !important;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));cursor:grabbing !important;outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}#dnd-action-dragged-el .btn-vertical-icon{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));cursor:grabbing !important}#dnd-action-dragged-el .preview-icon{display:none !important}#dnd-action-dragged-el .preview-vertical{display:block !important}.category-content>.missing-answer-label{display:block}.category-content>.missing-answer-label~.missing-answer-label{display:none}.image-description,.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}.image-description p{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity));font-size:0.875rem;line-height:1.25rem;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}.image-description ol,.image-description ul{font-size:0.875rem;line-height:1.25rem;list-style-position:inside;padding-bottom:0.5rem;padding-left:0.5rem}.image-description ol ::marker,.image-description ul ::marker{color:#212529}.image-description ol::marker,.image-description ul::marker{color:#212529}.image-description ul,.text-stimulus ul{list-style-type:disc}.image-description ol,.text-stimulus ol{list-style-type:decimal}.image-description ul li>p,.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}.image-description ol>li>p,.image-description ul>li>p{display:inline;font-size:0.875rem;line-height:1.25rem;padding-bottom:0;padding-top:0}.image-description div.table-container:focus,.text-stimulus div.table-container:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.image-description div.table-container,.text-stimulus div.table-container{border-radius:0.5rem;overflow:auto;padding-left:0.125rem;padding-right:0.125rem}.image-description table,.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%}.image-description table tr,.text-stimulus table tr{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(156 163 175/var(--tw-border-opacity))}.image-description table tr:last-child,.text-stimulus table tr:last-child{border-color:transparent}.image-description table td,.image-description table th,.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}.image-description table td:first-child,.image-description table th:first-child,.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}.image-description table td>p,.image-description table th>p{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity));font-size:0.875rem;line-height:1.25rem;padding:0.75rem;text-align:left}.text-stimulus table th>p{font-weight:400}.image-description table th p,.prompt p,.text-stimulus table th p{font-weight:600}.prompt p b,.prompt p b i,.prompt p b i u,.prompt p b u,.prompt p b u i,.prompt p i b,.prompt p i b u,.prompt p i u b,.prompt p u b,.prompt p u b i,.prompt p u i b,.text-stimulus table th p b,.text-stimulus table th p b i,.text-stimulus table th p b i u,.text-stimulus table th p b u,.text-stimulus table th p b u i,.text-stimulus table th p i b,.text-stimulus table th p i b u,.text-stimulus table th p i u b,.text-stimulus table th p u b,.text-stimulus table th p u b i,.text-stimulus table th p u i b{font-weight:900}.dropdown-text:not(:last-child),.dropdown:not(:last-child){margin-right:1rem}.dropdown-container{--tw-border-opacity:1;align-items:center;border-color:rgb(75 85 99/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;display:flex;height:2.75rem;overflow:hidden;white-space:nowrap;width:15rem}.dropdown-container:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px}.dropdown-container:active,.dropdown-container:focus{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px;box-shadow:0 0 0 2px #fff, 0 0 0 4px #212529, 0 0 0 6px #fde047}@media(hover: hover) and (pointer: fine){.dropdown-container:hover{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px;outline-color:#212529;outline-width:2px}}.dropdown-menu{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(75 85 99/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;margin-top:0.5rem;max-height:400px;max-width:500px;min-width:240px;overflow-y:auto;position:absolute;z-index:50}@supports (overflow-wrap: anywhere){.dropdown-menu{overflow-wrap:anywhere}}@supports not (overflow-wrap: anywhere){.dropdown-menu{word-break:break-word}}.dropdown-item{cursor:pointer;font-size:1rem;line-height:1.5rem;outline:2px solid transparent;outline-offset:2px;padding:0.5rem 1rem}.dropdown-itemtext{border-bottom-width:1px;border-color:transparent}.dropdown-itemtext.hover-option{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity));color:rgb(46 47 212/var(--tw-text-opacity));font-weight:600}.dropdown-itemtext.current-option{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-border-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity));border-bottom-width:1px;border-color:rgb(0 0 0/var(--tw-border-opacity));color:rgb(0 0 0/var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}.dropdown-itemtext:active{border-bottom-width:2px;font-weight:600}.image-description-accordion{--tw-text-opacity:1;border-bottom-width:1px;border-color:transparent;color:rgb(33 37 41/var(--tw-text-opacity));font-weight:600}.group:focus .image-description-accordion{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity));border-bottom-width:1px;color:rgb(0 0 0/var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}.group:focus .image-description-accordion,.group:hover .image-description-accordion{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.group:active .image-description-accordion{border-bottom-width:2px}.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}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.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-1{margin-bottom:0.25rem;margin-top:0.25rem}.my-1\\.5{margin-bottom:0.375rem;margin-top:0.375rem}.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-0{margin-bottom:0}.mb-0\\.5{margin-bottom: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-2{margin-left:0.5rem}.ml-2\\.5{margin-left:0.625rem}.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}.line-clamp-3{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden}.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-\\[184px\\]{max-height:184px}.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-\\[154px\\]{min-height:154px}.min-h-\\[210px\\]{min-height:210px}.min-h-\\[44px\\]{min-height:44px}.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-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\\[288px\\]{min-width:288px}.min-w-\\[44px\\]{min-width:44px}.min-w-\\[85px\\]{min-width:85px}.max-w-\\[304px\\]{max-width:304px}.max-w-\\[400px\\]{max-width:400px}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-none{flex:none}.grow{flex-grow:1}.basis-0{flex-basis:0px}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\!cursor-default{cursor:default !important}.\\!cursor-pointer{cursor:pointer !important}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:0.5rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0.5rem * var(--tw-space-y-reverse));margin-top:calc(0.5rem * (1 - var(--tw-space-y-reverse)))}.space-y-reverse>:not([hidden])~:not([hidden]){--tw-space-y-reverse:1}.overflow-hidden{overflow:hidden}.overflow-y-visible{overflow-y:visible}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:0.25rem}.rounded-\\[32px\\]{border-radius:32px}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.rounded-b-lg{border-bottom-right-radius:0.5rem}.rounded-b-lg,.rounded-l-lg{border-bottom-left-radius:0.5rem}.rounded-l-lg,.rounded-t-lg{border-top-left-radius:0.5rem}.rounded-t-lg{border-top-right-radius:0.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-4{border-left-width:4px}.border-l-6{border-left-width:6px}.border-dashed{border-style:dashed}.\\!border-blue-1000{--tw-border-opacity:1!important;border-color:rgb(40 44 135/var(--tw-border-opacity)) !important}.border-blue-1000{--tw-border-opacity:1;border-color:rgb(40 44 135/var(--tw-border-opacity))}.border-blue-950{--tw-border-opacity:1;border-color:rgb(29 78 216/var(--tw-border-opacity))}.border-charcoal{--tw-border-opacity:1;border-color:rgb(33 37 41/var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.border-gray-800{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.border-gray-850{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.border-green-800{--tw-border-opacity:1;border-color:rgb(0 102 5/var(--tw-border-opacity))}.border-green-900{--tw-border-opacity:1;border-color:rgb(21 128 61/var(--tw-border-opacity))}.border-red-600{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity))}.border-red-800{--tw-border-opacity:1;border-color:rgb(217 12 85/var(--tw-border-opacity))}.border-red-900{--tw-border-opacity:1;border-color:rgb(190 24 93/var(--tw-border-opacity))}.border-soft-blue{--tw-border-opacity:1;border-color:rgb(84 101 251/var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.\\!bg-violet-100{--tw-bg-opacity:1!important;background-color:rgb(235 235 255/var(--tw-bg-opacity)) !important}.\\!bg-violet-150{--tw-bg-opacity:1!important;background-color:rgb(205 208 254/var(--tw-bg-opacity)) !important}.\\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity)) !important}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-blue-1000{--tw-bg-opacity:1;background-color:rgb(40 44 135/var(--tw-bg-opacity))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(247 250 250/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(244 244 244/var(--tw-bg-opacity))}.bg-green-300{--tw-bg-opacity:1;background-color:rgb(241 254 241/var(--tw-bg-opacity))}.bg-red-200{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity))}.bg-red-300{--tw-bg-opacity:1;background-color:rgb(253 243 247/var(--tw-bg-opacity))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(253 242 248/var(--tw-bg-opacity))}.bg-soft-blue{--tw-bg-opacity:1;background-color:rgb(84 101 251/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-violet-100{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.bg-violet-150{--tw-bg-opacity:1;background-color:rgb(205 208 254/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-yellow-1000{--tw-bg-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity))}.bg-opacity-5{--tw-bg-opacity:0.05}.object-contain{-o-object-fit:contain;object-fit:contain}.p-0{padding:0}.p-0\\.5{padding:0.125rem}.p-1{padding:0.25rem}.p-1\\.5{padding:0.375rem}.p-2{padding:0.5rem}.p-3{padding:0.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:0.25rem;padding-top:0.25rem}.py-1\\.5{padding-bottom:0.375rem;padding-top:0.375rem}.py-2{padding-bottom:0.5rem;padding-top:0.5rem}.py-\\[9px\\]{padding-bottom:9px;padding-top:9px}.\\!pr-11{padding-right:2.75rem !important}.pb-0{padding-bottom:0}.pb-10{padding-bottom:2.5rem}.pb-2{padding-bottom:0.5rem}.pb-3{padding-bottom:0.75rem}.pl-13\\.2{padding-left:3.125rem}.pl-24{padding-left:6rem}.pl-3{padding-left:0.75rem}.pl-4{padding-left:1rem}.pr-3{padding-right:0.75rem}.pr-4{padding-right:1rem}.pt-0{padding-top:0}.pt-0\\.5{padding-top:0.125rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-\\[15px\\]{padding-top:15px}.pt-\\[55px\\]{padding-top:55px}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-12{line-height:3rem}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-\\[1\\.5\\]{line-height:1.5}.leading-\\[19\\.2px\\]{line-height:19.2px}.leading-\\[19px\\]{line-height:19px}.leading-\\[22px\\]{line-height:22px}.\\!text-gray-900{--tw-text-opacity:1!important;color:rgb(57 62 69/var(--tw-text-opacity)) !important}.text-blue-1000{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity))}.text-blue-850{--tw-text-opacity:1;color:rgb(46 47 212/var(--tw-text-opacity))}.text-blue-950{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity))}.text-charcoal{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(93 99 107/var(--tw-text-opacity))}.text-gray-860{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-green-800{--tw-text-opacity:1;color:rgb(0 102 5/var(--tw-text-opacity))}.text-green-900{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity))}.text-inherit{color:inherit}.text-red-800{--tw-text-opacity:1;color:rgb(217 12 85/var(--tw-text-opacity))}.text-red-900{--tw-text-opacity:1;color:rgb(190 24 93/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.opacity-5{opacity:0.05}.opacity-50{opacity:0.5}.shadow-\\[0_-12px_14px_-16px_\\#00000033\\]{--tw-shadow:0 -12px 14px -16px #00000033;--tw-shadow-colored:0 -12px 14px -16px var(--tw-shadow-color)}.shadow-\\[0_-12px_14px_-16px_\\#00000033\\],.shadow-md{box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)}.shadow-md{--tw-shadow:0px 2px 8px rgba(0,0,0,.2);--tw-shadow-colored:0px 2px 8px var(--tw-shadow-color)}.\\!outline-none{outline:2px solid transparent !important;outline-offset:2px !important}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:0.15s;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.duration-300{transition-duration:0.3s}.active\\:raw-focus-ring-by:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity));--tw-ring-offset-width:2px;--tw-ring-offset-color:#212529}.active\\:raw-focus-ring-by:active,.active\\:raw-focus-ring:active{box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.active\\:raw-focus-ring:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px}@media(min-width: 732px){.md\\:item-heading{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;letter-spacing:-0.025em;line-height:1.5rem}.category-content>.md\\:missing-answer-label{display:block}.category-content>.md\\:missing-answer-label~.md\\:missing-answer-label{display:none}}@media(hover: hover) and (pointer: fine){.td\\:hover-focus-ring:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.td\\:hover\\:hover-option:hover.dropdown-itemtext{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity));color:rgb(46 47 212/var(--tw-text-opacity));font-weight:600}}.last\\:mr-0:last-child{margin-right:0}.focus-within\\:left-0:focus-within{left:0}.focus-within\\:right-0:focus-within{right:0}.focus-within\\:top-0:focus-within{top:0}.focus-within\\:z-30:focus-within{z-index:30}.hover\\:bg-black-50:hover{background-color:rgba(0, 0, 0, 0.0509803922)}.hover\\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}.hover\\:bg-violet-100:hover{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.hover\\:bg-yellow-1000:hover{--tw-bg-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity))}.hover\\:text-charcoal:hover{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.focus\\:outline-transparent:focus{outline-color:transparent}.focus-visible\\:border:focus-visible{border-width:1px}.focus-visible\\:border-charcoal:focus-visible{--tw-border-opacity:1;border-color:rgb(33 37 41/var(--tw-border-opacity))}.focus-visible\\:border-gray-400:focus-visible{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.focus-visible\\:border-gray-800:focus-visible{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\\:bg-black-55:active,.active\\:bg-black-60:active{background-color:rgba(0, 0, 0, 0.1019607843)}.active\\:bg-yellow-1100:active{--tw-bg-opacity:1;background-color:rgb(238 206 26/var(--tw-bg-opacity))}.active\\:text-charcoal:active{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.disabled\\:text-gray-40:disabled{--tw-text-opacity:1;color:rgb(142 147 153/var(--tw-text-opacity))}.disabled\\:hover\\:bg-white:hover:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.group\\/itemContainer:hover .group-hover\\/itemContainer\\:bg-violet-100{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.group:hover .group-hover\\:underline{text-decoration-line:underline}.group.active .group-\\[\\.active\\]\\:border-b-2{border-bottom-width:2px}@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\\:min-w-full{min-width:100%}.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\\: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%}}@media(hover: hover) and (pointer: fine){.td\\:border-2{border-width:2px}.td\\:border-blue-900{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity))}.td\\:hover\\:cursor-grab:hover{cursor:grab}.td\\:hover\\:border-gray-800:hover{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.td\\:hover\\:bg-black-50:hover{background-color:rgba(0, 0, 0, 0.0509803922)}.td\\:hover\\:bg-violet-100:hover{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.td\\:hover\\:text-soft-blue:hover{--tw-text-opacity:1;color:rgb(84 101 251/var(--tw-text-opacity))}.group:hover .td\\:group-hover\\:bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.group:hover .td\\:group-hover\\:opacity-5{opacity:0.05}}');
   }
   function create_else_block_14(ctx) {
     let invalidbanner;
@@ -19447,7 +19564,7 @@
   var PromptBuilder = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance17, create_fragment18, safe_not_equal, {}, add_css2);
+      init(this, options, instance17, create_fragment18, safe_not_equal, {}, add_css3);
     }
   };
   customElements.define("prompt-builder", create_custom_element(PromptBuilder, {}, [], [], true));