eat-js-sdk 1.3.3 → 1.4.0

package/dist/eat-prompt-builder.mjs

@@ -3,6 +3,7 @@
   // node_modules/svelte/src/runtime/internal/utils.js
   function noop() {
   }
+  var identity = (x) => x;
   function assign(tar, src) {
     for (const k in src)
       tar[k] = src[k];
@@ -105,13 +106,41 @@
         result[k] = props[k];
     return result;
   }
-  function null_to_empty(value) {
-    return value == null ? "" : value;
-  }
   function action_destroyer(action_result) {
     return action_result && is_function(action_result.destroy) ? action_result.destroy : noop;
   }
 
+  // node_modules/svelte/src/runtime/internal/environment.js
+  var is_client = typeof window !== "undefined";
+  var now = is_client ? () => window.performance.now() : () => Date.now();
+  var raf = is_client ? (cb) => requestAnimationFrame(cb) : noop;
+
+  // node_modules/svelte/src/runtime/internal/loop.js
+  var tasks = /* @__PURE__ */ new Set();
+  function run_tasks(now2) {
+    tasks.forEach((task) => {
+      if (!task.c(now2)) {
+        tasks.delete(task);
+        task.f();
+      }
+    });
+    if (tasks.size !== 0)
+      raf(run_tasks);
+  }
+  function loop(callback) {
+    let task;
+    if (tasks.size === 0)
+      raf(run_tasks);
+    return {
+      promise: new Promise((fulfill) => {
+        tasks.add(task = { c: callback, f: fulfill });
+      }),
+      abort() {
+        tasks.delete(task);
+      }
+    };
+  }
+
   // node_modules/svelte/src/runtime/internal/globals.js
   var globals = typeof window !== "undefined" ? window : typeof globalThis !== "undefined" ? globalThis : (
     // @ts-ignore Node typings have this
@@ -197,6 +226,12 @@
     }
     return node.ownerDocument;
   }
+  function append_empty_stylesheet(node) {
+    const style_element = element("style");
+    style_element.textContent = "/* empty */";
+    append_stylesheet(get_root_for_style(node), style_element);
+    return style_element.sheet;
+  }
   function append_stylesheet(node, style) {
     append(
       /** @type {Document} */
@@ -343,6 +378,70 @@
     return result;
   }
 
+  // node_modules/svelte/src/runtime/internal/style_manager.js
+  var managed_styles = /* @__PURE__ */ new Map();
+  var active = 0;
+  function hash(str) {
+    let hash2 = 5381;
+    let i = str.length;
+    while (i--)
+      hash2 = (hash2 << 5) - hash2 ^ str.charCodeAt(i);
+    return hash2 >>> 0;
+  }
+  function create_style_information(doc, node) {
+    const info = { stylesheet: append_empty_stylesheet(node), rules: {} };
+    managed_styles.set(doc, info);
+    return info;
+  }
+  function create_rule(node, a, b, duration, delay, ease, fn, uid = 0) {
+    const step = 16.666 / duration;
+    let keyframes = "{\n";
+    for (let p = 0; p <= 1; p += step) {
+      const t2 = a + (b - a) * ease(p);
+      keyframes += p * 100 + `%{${fn(t2, 1 - t2)}}
+`;
+    }
+    const rule = keyframes + `100% {${fn(b, 1 - b)}}
+}`;
+    const name = `__svelte_${hash(rule)}_${uid}`;
+    const doc = get_root_for_style(node);
+    const { stylesheet, rules } = managed_styles.get(doc) || create_style_information(doc, node);
+    if (!rules[name]) {
+      rules[name] = true;
+      stylesheet.insertRule(`@keyframes ${name} ${rule}`, stylesheet.cssRules.length);
+    }
+    const animation = node.style.animation || "";
+    node.style.animation = `${animation ? `${animation}, ` : ""}${name} ${duration}ms linear ${delay}ms 1 both`;
+    active += 1;
+    return name;
+  }
+  function delete_rule(node, name) {
+    const previous = (node.style.animation || "").split(", ");
+    const next2 = previous.filter(
+      name ? (anim) => anim.indexOf(name) < 0 : (anim) => anim.indexOf("__svelte") === -1
+      // remove all Svelte animations
+    );
+    const deleted = previous.length - next2.length;
+    if (deleted) {
+      node.style.animation = next2.join(", ");
+      active -= deleted;
+      if (!active)
+        clear_rules();
+    }
+  }
+  function clear_rules() {
+    raf(() => {
+      if (active)
+        return;
+      managed_styles.forEach((info) => {
+        const { ownerNode } = info.stylesheet;
+        if (ownerNode)
+          detach(ownerNode);
+      });
+      managed_styles.clear();
+    });
+  }
+
   // node_modules/svelte/src/runtime/internal/lifecycle.js
   var current_component;
   function set_current_component(component) {
@@ -459,6 +558,19 @@
   }
 
   // node_modules/svelte/src/runtime/internal/transitions.js
+  var promise;
+  function wait() {
+    if (!promise) {
+      promise = Promise.resolve();
+      promise.then(() => {
+        promise = null;
+      });
+    }
+    return promise;
+  }
+  function dispatch(node, direction, kind) {
+    node.dispatchEvent(custom_event(`${direction ? "intro" : "outro"}${kind}`));
+  }
   var outroing = /* @__PURE__ */ new Set();
   var outros;
   function group_outros() {
@@ -499,6 +611,132 @@
       callback();
     }
   }
+  var null_transition = { duration: 0 };
+  function create_bidirectional_transition(node, fn, params, intro) {
+    const options = { direction: "both" };
+    let config = fn(node, params, options);
+    let t2 = intro ? 0 : 1;
+    let running_program = null;
+    let pending_program = null;
+    let animation_name = null;
+    let original_inert_value;
+    function clear_animation() {
+      if (animation_name)
+        delete_rule(node, animation_name);
+    }
+    function init2(program, duration) {
+      const d = (
+        /** @type {Program['d']} */
+        program.b - t2
+      );
+      duration *= Math.abs(d);
+      return {
+        a: t2,
+        b: program.b,
+        d,
+        duration,
+        start: program.start,
+        end: program.start + duration,
+        group: program.group
+      };
+    }
+    function go(b) {
+      const {
+        delay = 0,
+        duration = 300,
+        easing = identity,
+        tick: tick2 = noop,
+        css
+      } = config || null_transition;
+      const program = {
+        start: now() + delay,
+        b
+      };
+      if (!b) {
+        program.group = outros;
+        outros.r += 1;
+      }
+      if ("inert" in node) {
+        if (b) {
+          if (original_inert_value !== void 0) {
+            node.inert = original_inert_value;
+          }
+        } else {
+          original_inert_value = /** @type {HTMLElement} */
+          node.inert;
+          node.inert = true;
+        }
+      }
+      if (running_program || pending_program) {
+        pending_program = program;
+      } else {
+        if (css) {
+          clear_animation();
+          animation_name = create_rule(node, t2, b, duration, delay, easing, css);
+        }
+        if (b)
+          tick2(0, 1);
+        running_program = init2(program, duration);
+        add_render_callback(() => dispatch(node, b, "start"));
+        loop((now2) => {
+          if (pending_program && now2 > pending_program.start) {
+            running_program = init2(pending_program, duration);
+            pending_program = null;
+            dispatch(node, running_program.b, "start");
+            if (css) {
+              clear_animation();
+              animation_name = create_rule(
+                node,
+                t2,
+                running_program.b,
+                running_program.duration,
+                0,
+                easing,
+                config.css
+              );
+            }
+          }
+          if (running_program) {
+            if (now2 >= running_program.end) {
+              tick2(t2 = running_program.b, 1 - t2);
+              dispatch(node, running_program.b, "end");
+              if (!pending_program) {
+                if (running_program.b) {
+                  clear_animation();
+                } else {
+                  if (!--running_program.group.r)
+                    run_all(running_program.group.c);
+                }
+              }
+              running_program = null;
+            } else if (now2 >= running_program.start) {
+              const p = now2 - running_program.start;
+              t2 = running_program.a + running_program.d * easing(p / running_program.duration);
+              tick2(t2, 1 - t2);
+            }
+          }
+          return !!(running_program || pending_program);
+        });
+      }
+    }
+    return {
+      run(b) {
+        if (is_function(config)) {
+          wait().then(() => {
+            const opts = { direction: b ? "in" : "out" };
+            config = config(opts);
+            go(b);
+          });
+        } else {
+          go(b);
+        }
+      },
+      end() {
+        clear_animation();
+        running_program = pending_program = null;
+      }
+    };
+  }
 
   // node_modules/svelte/src/runtime/internal/each.js
   function ensure_array_like(array_like_or_iterator) {
@@ -648,7 +886,7 @@
     }
     component.$$.dirty[i / 31 | 0] |= 1 << i % 31;
   }
-  function init(component, options, instance18, create_fragment19, not_equal, props, append_styles2 = null, dirty = [-1]) {
+  function init(component, options, instance20, create_fragment21, not_equal, props, append_styles2 = null, dirty = [-1]) {
     const parent_component = current_component;
     set_current_component(component);
     const $$ = component.$$ = {
@@ -674,7 +912,7 @@
     };
     append_styles2 && append_styles2($$.root);
     let ready = false;
-    $$.ctx = instance18 ? instance18(component, options.props || {}, (i, ret, ...rest) => {
+    $$.ctx = instance20 ? instance20(component, options.props || {}, (i, ret, ...rest) => {
       const value = rest.length ? rest[0] : ret;
       if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) {
         if (!$$.skip_bound && $$.bound[i])
@@ -687,7 +925,7 @@
     $$.update();
     ready = true;
     run_all($$.before_update);
-    $$.fragment = create_fragment19 ? create_fragment19($$.ctx) : false;
+    $$.fragment = create_fragment21 ? create_fragment21($$.ctx) : false;
     if (options.target) {
       if (options.hydrate) {
         start_hydrating();
@@ -1226,7 +1464,7 @@
   }
   function instance($$self, $$props, $$invalidate) {
     let { htmlString = "" } = $$props;
-    let { otherClass = "" } = $$props;
+    let { otherClass = null } = $$props;
     let { ariaHidden = false } = $$props;
     let { htmlHeading = "" } = $$props;
     htmlString = htmlString.replace(/<p><\/p>/g, "");
@@ -1358,6 +1596,14 @@
       path: "M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM7.70711 6.29289C7.31658 5.90237 6.68342 5.90237 6.29289 6.29289C5.90237 6.68342 5.90237 7.31658 6.29289 7.70711L8.585 10L6.29289 12.2929C5.93241 12.6534 5.90468 13.2206 6.2097 13.6129L6.29289 13.7071C6.68342 14.0976 7.31658 14.0976 7.70711 13.7071L10 11.415L12.2929 13.7071C12.6534 14.0676 13.2206 14.0953 13.6129 13.7903L13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L11.415 10L13.7071 7.70711C14.0676 7.34662 14.0953 6.77939 13.7903 6.3871L13.7071 6.29289C13.3166 5.90237 12.6834 5.90237 12.2929 6.29289L10 8.585L7.70711 6.29289Z",
       pathFill: "currentColor"
     },
+    expandIcon: {
+      width: 13,
+      height: 12,
+      viewBox: "0 0 13 12",
+      fill: "none",
+      path: "M3.01642 10.6667H4.08309C4.27198 10.6667 4.43031 10.7306 4.55809 10.8583C4.68587 10.9861 4.74976 11.1444 4.74976 11.3333C4.74976 11.5222 4.68587 11.6806 4.55809 11.8083C4.43031 11.9361 4.27198 12 4.08309 12H1.41642C1.22753 12 1.0692 11.9361 0.941423 11.8083C0.813645 11.6806 0.749756 11.5222 0.749756 11.3333V8.66667C0.749756 8.47778 0.813645 8.31944 0.941423 8.19167C1.0692 8.06389 1.22753 8 1.41642 8C1.60531 8 1.76364 8.06389 1.89142 8.19167C2.0192 8.31944 2.08309 8.47778 2.08309 8.66667V9.73333L3.68309 8.13333C3.80531 8.01111 3.96087 7.95 4.14976 7.95C4.33864 7.95 4.4942 8.01111 4.61642 8.13333C4.73865 8.25556 4.79976 8.41111 4.79976 8.6C4.79976 8.78889 4.73865 8.94444 4.61642 9.06667L3.01642 10.6667ZM10.4831 10.6667L8.88309 9.06667C8.76087 8.94444 8.69976 8.78889 8.69976 8.6C8.69976 8.41111 8.76087 8.25556 8.88309 8.13333C9.00531 8.01111 9.16087 7.95 9.34976 7.95C9.53865 7.95 9.6942 8.01111 9.81642 8.13333L11.4164 9.73333V8.66667C11.4164 8.47778 11.4803 8.31944 11.6081 8.19167C11.7359 8.06389 11.8942 8 12.0831 8C12.272 8 12.4303 8.06389 12.5581 8.19167C12.6859 8.31944 12.7498 8.47778 12.7498 8.66667V11.3333C12.7498 11.5222 12.6859 11.6806 12.5581 11.8083C12.4303 11.9361 12.272 12 12.0831 12H9.41642C9.22753 12 9.0692 11.9361 8.94142 11.8083C8.81365 11.6806 8.74976 11.5222 8.74976 11.3333C8.74976 11.1444 8.81365 10.9861 8.94142 10.8583C9.0692 10.7306 9.22753 10.6667 9.41642 10.6667H10.4831ZM2.08309 2.26667V3.33333C2.08309 3.52222 2.0192 3.68056 1.89142 3.80833C1.76364 3.93611 1.60531 4 1.41642 4C1.22753 4 1.0692 3.93611 0.941423 3.80833C0.813645 3.68056 0.749756 3.52222 0.749756 3.33333V0.666667C0.749756 0.477778 0.813645 0.319444 0.941423 0.191667C1.0692 0.0638889 1.22753 0 1.41642 0H4.08309C4.27198 0 4.43031 0.0638889 4.55809 0.191667C4.68587 0.319444 4.74976 0.477778 4.74976 0.666667C4.74976 0.855556 4.68587 1.01389 4.55809 1.14167C4.43031 1.26944 4.27198 1.33333 4.08309 1.33333H3.01642L4.61642 2.93333C4.73865 3.05556 4.79976 3.21111 4.79976 3.4C4.79976 3.58889 4.73865 3.74444 4.61642 3.86667C4.4942 3.98889 4.33864 4.05 4.14976 4.05C3.96087 4.05 3.80531 3.98889 3.68309 3.86667L2.08309 2.26667ZM11.4164 2.26667L9.81642 3.86667C9.6942 3.98889 9.53865 4.05 9.34976 4.05C9.16087 4.05 9.00531 3.98889 8.88309 3.86667C8.76087 3.74444 8.69976 3.58889 8.69976 3.4C8.69976 3.21111 8.76087 3.05556 8.88309 2.93333L10.4831 1.33333H9.41642C9.22753 1.33333 9.0692 1.26944 8.94142 1.14167C8.81365 1.01389 8.74976 0.855556 8.74976 0.666667C8.74976 0.477778 8.81365 0.319444 8.94142 0.191667C9.0692 0.0638889 9.22753 0 9.41642 0H12.0831C12.272 0 12.4303 0.0638889 12.5581 0.191667C12.6859 0.319444 12.7498 0.477778 12.7498 0.666667V3.33333C12.7498 3.52222 12.6859 3.68056 12.5581 3.80833C12.4303 3.93611 12.272 4 12.0831 4C11.8942 4 11.7359 3.93611 11.6081 3.80833C11.4803 3.68056 11.4164 3.52222 11.4164 3.33333V2.26667Z",
+      pathFill: "#082663"
+    },
     infoSolid: {
       width: 20,
       height: 20,
@@ -2303,7 +2549,7 @@
           ctx[11]
         ),
         otherClass: "text-stimulus py-2 " + /*shouldUseFullWidth*/
-        (ctx[4]() ? "w-full" : (
+        (ctx[4] ? "w-full" : (
           /*stimulusTextWidth*/
           ctx[15]
         ))
@@ -2326,7 +2572,7 @@
         if (dirty[0] & /*shouldUseFullWidth, stimulusTextWidth*/
         32784)
           commonstringtohtml_changes.otherClass = "text-stimulus py-2 " + /*shouldUseFullWidth*/
-          (ctx2[4]() ? "w-full" : (
+          (ctx2[4] ? "w-full" : (
             /*stimulusTextWidth*/
             ctx2[15]
           ));
@@ -2453,7 +2699,7 @@
           ctx[11]
         ),
         otherClass: "text-stimulus py-2 " + /*shouldUseFullWidth*/
-        (ctx[4]() ? "w-full" : (
+        (ctx[4] ? "w-full" : (
           /*stimulusTextWidth*/
           ctx[15]
         ))
@@ -2476,7 +2722,7 @@
         if (dirty[0] & /*shouldUseFullWidth, stimulusTextWidth*/
         32784)
           commonstringtohtml_changes.otherClass = "text-stimulus py-2 " + /*shouldUseFullWidth*/
-          (ctx2[4]() ? "w-full" : (
+          (ctx2[4] ? "w-full" : (
             /*stimulusTextWidth*/
             ctx2[15]
           ));
@@ -3352,6 +3598,8 @@
       }
     };
   }
+  var CALCULATION_TIMEOUT = 250;
+  var FALLBACK_WIDTH = "w-1/2";
   function instance4($$self, $$props, $$invalidate) {
     let shouldUseFullWidth;
     let dynamicInteractionWidth;
@@ -3375,9 +3623,78 @@
     let dynamicMarginTop = "0px";
     let stimulusTextWidth = "w-full";
     let innerWidth = 0;
+    let calculationState = {
+      isActive: false,
+      timeoutId: null,
+      isDestroyed: false
+    };
+    let preCalculatedTableWidth = 0;
     const configureHtmlString = (htmlString, maxHeight = "") => {
       return htmlString.replace(/<table>/g, `<div class="table-container ${maxHeight}" tabindex="0"><table>`).replace(/<\/table>/g, "</table></div>");
     };
+    const updateStimulusWidth = (maxTableWidth) => {
+      try {
+        const screenWidth = window.innerWidth;
+        if (screenWidth <= 0 || !isFinite(screenWidth)) {
+          $$invalidate(15, stimulusTextWidth = FALLBACK_WIDTH);
+          return;
+        }
+        const validTableWidth = maxTableWidth > 0 ? maxTableWidth : screenWidth * 0.3;
+        const minWidth = screenWidth * EAT_SCREEN_HALF_WIDTH_RATIO;
+        const desiredWidth = validTableWidth + STIMULUS_TEXT_TABLE_BUFFER;
+        const clampedWidth = Math.min(Math.max(desiredWidth, minWidth), screenWidth);
+        const widthRatio = clampedWidth / screenWidth;
+        const percentage = Math.floor(widthRatio * 100);
+        const widthMap = [
+          { threshold: 92, class: "w-full" },
+          { threshold: 83, class: "w-5/6" },
+          { threshold: 74, class: "w-3/4" },
+          { threshold: 65, class: "w-2/3" },
+          { threshold: 56, class: "w-7/12" },
+          { threshold: 0, class: FALLBACK_WIDTH }
+        ];
+        const match = widthMap.find((item) => percentage >= item.threshold);
+        $$invalidate(15, stimulusTextWidth = match?.class || FALLBACK_WIDTH);
+      } catch (error) {
+        $$invalidate(15, stimulusTextWidth = FALLBACK_WIDTH);
+      }
+    };
+    const estimateTableWidthFromContent = (htmlString) => {
+      try {
+        const tableMatches = htmlString.match(/<table[^>]*>[\s\S]*?<\/table>/gi);
+        if (!tableMatches) {
+          preCalculatedTableWidth = 0;
+          return;
+        }
+        let maxWidth = 0;
+        tableMatches.forEach((tableHtml) => {
+          const allRowMatches = tableHtml.match(/<tr[^>]*>([\s\S]*?)<\/tr>/gi);
+          if (!allRowMatches)
+            return;
+          let tableMaxWidth = 0;
+          allRowMatches.slice(0, 3).forEach((rowHtml) => {
+            const cellMatches = rowHtml.match(/<(td|th)[^>]*>([\s\S]*?)<\/(td|th)>/gi);
+            if (!cellMatches)
+              return;
+            let rowWidth = 0;
+            cellMatches.forEach((cellHtml) => {
+              const textContent = cellHtml.replace(/<[^>]*>/g, "").trim();
+              let cellWidth = Math.max(textContent.length * 8, 80);
+              if (textContent.length > 20)
+                cellWidth *= 1.1;
+              if (textContent.length < 5)
+                cellWidth *= 1.5;
+              rowWidth += Math.min(cellWidth, 300);
+            });
+            tableMaxWidth = Math.max(tableMaxWidth, rowWidth);
+          });
+          maxWidth = Math.max(maxWidth, tableMaxWidth);
+        });
+        preCalculatedTableWidth = maxWidth + 60;
+      } catch (error) {
+        preCalculatedTableWidth = 0;
+      }
+    };
     if (stimulus) {
       const { asset_alignment: assetAlignment, alternative_text: alternativeText, long_description: longDescriptionRaw, description, file, stimulus_text: stimulusTextRaw, stimulus_text_alignment: stimulusTextAlignmentRaw, stimulus_layout_order: stimulusLayoutOrderRaw } = stimulus;
       stimulusLayoutOrder = stimulusLayoutOrderRaw;
@@ -3394,7 +3711,11 @@
       if (stimulusTextRaw) {
         const maxHeight = stimulusTextAlignmentRaw === STIMULUS_TEXT_ALIGNMENT_DEFAULT ? "max-h-[660px]" : "max-h-[470px]";
         stimulusText = configureHtmlString(stimulusTextRaw, maxHeight);
+        estimateTableWidthFromContent(stimulusTextRaw);
         stimulusTextAlignment = stimulusTextAlignmentRaw;
+        if (preCalculatedTableWidth > 0 && get_store_value(interactionWidth) === "50%") {
+          updateStimulusWidth(preCalculatedTableWidth);
+        }
       }
       if (longDescriptionRaw) {
         longDescription = configureHtmlString(longDescriptionRaw, "max-h-[470px]");
@@ -3418,36 +3739,73 @@
     const promptRubricHeaderElem = get_store_value(promptRubricElem);
     const interactionWidthValue = interactionType === INTERACTION_TYPE_CATEGORISE && !stimulus ? "100%" : get_store_value(interactionWidth);
     const calculateDynamicMargin = () => {
-      if (typeof window !== "undefined" && containerElement && showAssetAlignmentDefault) {
+      try {
+        if (typeof window === "undefined" || !containerElement || !showAssetAlignmentDefault || calculationState.isDestroyed) {
+          $$invalidate(14, dynamicMarginTop = "0px");
+          return;
+        }
         const viewportHeight = window.innerHeight;
         const contentHeight = containerElement.scrollHeight;
+        if (viewportHeight <= 0 || contentHeight <= 0) {
+          $$invalidate(14, dynamicMarginTop = "0px");
+          return;
+        }
         const calculatedMargin = Math.max(0, (viewportHeight - contentHeight) / 2);
         $$invalidate(14, dynamicMarginTop = `${calculatedMargin - EAT_HEADER_OFFSET}px`);
-      } else {
+      } catch (error) {
         $$invalidate(14, dynamicMarginTop = "0px");
       }
     };
     const handleImageLoad = () => {
+      if (calculationState.isDestroyed)
+        return;
       calculateDynamicMargin();
-      requestAnimationFrame(calculateDynamicMargin);
+      requestAnimationFrame(() => {
+        if (!calculationState.isDestroyed) {
+          calculateDynamicMargin();
+        }
+      });
     };
     const calculateStimulusTextWidth = () => {
-      const tables = promptBodyContainer.querySelectorAll("table");
-      if (!tables?.length)
+      if (calculationState.isActive || calculationState.isDestroyed)
         return;
-      const maxTableWidth = Math.max(...Array.from(tables, (table) => table.getBoundingClientRect().width));
-      const screenWidth = window.innerWidth;
-      const minWidth = screenWidth * EAT_SCREEN_HALF_WIDTH_RATIO;
-      const desiredWidth = maxTableWidth + STIMULUS_TEXT_TABLE_BUFFER;
-      const clampedWidth = Math.min(Math.max(desiredWidth, minWidth), screenWidth);
-      if (clampedWidth > screenWidth * EAT_SCREEN_HALF_WIDTH_RATIO) {
-        $$invalidate(15, stimulusTextWidth = `${clampedWidth}px`);
-      } else {
-        $$invalidate(15, stimulusTextWidth = "w-1/2");
+      calculationState.isActive = true;
+      try {
+        if (preCalculatedTableWidth > 0) {
+          updateStimulusWidth(preCalculatedTableWidth);
+        } else {
+          $$invalidate(15, stimulusTextWidth = FALLBACK_WIDTH);
+        }
+      } catch (error) {
+        $$invalidate(15, stimulusTextWidth = FALLBACK_WIDTH);
+      } finally {
+        calculationState.isActive = false;
       }
     };
-    const onResize = () => {
-      calculateDynamicMargin();
+    const handleResize = () => {
+      if (calculationState.isDestroyed)
+        return;
+      if (calculationState.timeoutId) {
+        clearTimeout(calculationState.timeoutId);
+      }
+      calculationState.timeoutId = setTimeout(
+        () => {
+          if (calculationState.isDestroyed)
+            return;
+          calculateDynamicMargin();
+          if (interactionWidthValue === "50%") {
+            calculateStimulusTextWidth();
+          }
+        },
+        CALCULATION_TIMEOUT
+      );
+    };
+    const cleanup = () => {
+      calculationState.isDestroyed = true;
+      if (calculationState.timeoutId) {
+        clearTimeout(calculationState.timeoutId);
+        calculationState.timeoutId = null;
+      }
     };
     onMount(async () => {
       if (typeof window === "undefined")
@@ -3457,12 +3815,11 @@
       if (interactionWidthValue === "50%") {
         calculateStimulusTextWidth();
       }
-      window.addEventListener("resize", onResize);
+      window.addEventListener("resize", handleResize, { passive: true });
     });
     onDestroy(() => {
-      if (typeof window !== "undefined") {
-        window.removeEventListener("resize", onResize);
-      }
+      window.removeEventListener("resize", handleResize);
+      cleanup();
     });
     function onwindowresize() {
       $$invalidate(3, innerWidth = window_1.innerWidth);
@@ -3497,14 +3854,12 @@
       if ($$self.$$.dirty[0] & /*innerWidth*/
       8) {
         $:
-          $$invalidate(4, shouldUseFullWidth = () => {
-            return !!showAsset && showAssetAlignmentDefault || !!showTextStimulus && showTextAlignmentDefault || innerWidth < SCREEN_LG;
-          });
+          $$invalidate(4, shouldUseFullWidth = !!showAsset && showAssetAlignmentDefault || !!showTextStimulus && showTextAlignmentDefault || innerWidth < SCREEN_LG);
       }
       if ($$self.$$.dirty[0] & /*shouldUseFullWidth*/
       16) {
         $:
-          $$invalidate(16, dynamicInteractionWidth = interactionWidthValue === "50%" && !shouldUseFullWidth() ? "w-1/2" : "w-full");
+          $$invalidate(16, dynamicInteractionWidth = interactionWidthValue === "50%" && !shouldUseFullWidth ? "w-1/2" : "w-full");
       }
     };
     $:
@@ -4080,154 +4435,1662 @@
   };
   var useMCQ_default = useAlphabetEquivalent;
 
-  // src/lib/components/prompt/mcq/PromptMCQ.svelte
-  function add_css(target) {
-    append_styles(target, "svelte-1sgrg21", ".responsive-grid.svelte-1sgrg21.svelte-1sgrg21{display:grid;gap:1rem;width:100%}.responsive-grid.svelte-1sgrg21 .btn-mcq-option.svelte-1sgrg21{width:100%}@media(max-width: 767px){.responsive-grid.svelte-1sgrg21.svelte-1sgrg21{grid-template-columns:1fr;justify-content:center;justify-items:center;place-items:center}.responsive-grid.svelte-1sgrg21 .btn-mcq-option.svelte-1sgrg21{min-width:288px;max-width:288px;min-height:210px;margin:0 auto}}@media(min-width: 768px) and (max-width: 1194px){.responsive-grid.svelte-1sgrg21.svelte-1sgrg21{grid-template-columns:repeat(2, 1fr);justify-content:center;max-width:620px;margin:0 auto}.responsive-grid.svelte-1sgrg21 .btn-mcq-option.svelte-1sgrg21{max-width:304px;min-height:240px}}@media(min-width: 1195px){.responsive-grid.svelte-1sgrg21.svelte-1sgrg21{grid-template-columns:repeat(2, 1fr);justify-content:flex-start;max-width:620px;margin:0}.responsive-grid.svelte-1sgrg21 .btn-mcq-option.svelte-1sgrg21{max-width:304px;min-height:240px}}");
-  }
-  function get_each_context(ctx, list, i) {
-    const child_ctx = ctx.slice();
-    child_ctx[31] = list[i];
-    child_ctx[33] = i;
-    return child_ctx;
-  }
-  function create_if_block_102(ctx) {
-    let promptresult;
-    let current;
-    promptresult = new PromptResultFeedbackAlert_default({
-      props: {
-        hasIcon: true,
-        isFeedbackAlert: (
-          /*isPreviewModeInteractive*/
-          ctx[3] ? false : true
-        ),
-        isResultCorrect: (
-          /*selectedOptions*/
-          ctx[4].length === /*correctAnswersLength*/
-          ctx[5] && /*isResultCorrect*/
-          ctx[14](
-            /*selectedOptions*/
-            ctx[4],
-            /*correctAnswerIds*/
-            ctx[6]
-          )
-        ),
-        isSkipped: (
-          /*isSkipped*/
-          ctx[15]()
-        ),
-        resultFeedback: (
-          /*resultFeedback*/
-          ctx[7]
-        )
-      }
-    });
-    return {
-      c() {
-        create_component(promptresult.$$.fragment);
-      },
-      m(target, anchor) {
-        mount_component(promptresult, target, anchor);
-        current = true;
-      },
-      p(ctx2, dirty) {
-        const promptresult_changes = {};
-        if (dirty[0] & /*isPreviewModeInteractive*/
-        8)
-          promptresult_changes.isFeedbackAlert = /*isPreviewModeInteractive*/
-          ctx2[3] ? false : true;
-        if (dirty[0] & /*selectedOptions, correctAnswersLength, correctAnswerIds*/
-        112)
-          promptresult_changes.isResultCorrect = /*selectedOptions*/
-          ctx2[4].length === /*correctAnswersLength*/
-          ctx2[5] && /*isResultCorrect*/
-          ctx2[14](
-            /*selectedOptions*/
-            ctx2[4],
-            /*correctAnswerIds*/
-            ctx2[6]
-          );
-        if (dirty[0] & /*resultFeedback*/
-        128)
-          promptresult_changes.resultFeedback = /*resultFeedback*/
-          ctx2[7];
-        promptresult.$set(promptresult_changes);
-      },
-      i(local) {
-        if (current)
-          return;
-        transition_in(promptresult.$$.fragment, local);
-        current = true;
-      },
-      o(local) {
-        transition_out(promptresult.$$.fragment, local);
-        current = false;
-      },
-      d(detaching) {
-        destroy_component(promptresult, detaching);
-      }
-    };
-  }
-  function create_if_block6(ctx) {
+  // src/lib/components/common/CommonModal.svelte
+  function create_fragment6(ctx) {
     let div2;
     let div0;
     let div0_class_value;
     let t2;
     let div1;
-    let div1_class_value;
-    let div2_class_value;
+    let div2_aria_hidden_value;
     let current;
-    let each_value = ensure_array_like(Object.values(
-      /*options*/
-      ctx[12]
-    ));
-    let each_blocks = [];
-    for (let i = 0; i < each_value.length; i += 1) {
-      each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
-    }
-    const out = (i) => transition_out(each_blocks[i], 1, 1, () => {
-      each_blocks[i] = null;
-    });
+    let mounted;
+    let dispose;
+    const default_slot_template = (
+      /*#slots*/
+      ctx[6].default
+    );
+    const default_slot = create_slot(
+      default_slot_template,
+      ctx,
+      /*$$scope*/
+      ctx[5],
+      null
+    );
     return {
       c() {
         div2 = element("div");
         div0 = element("div");
         t2 = space();
         div1 = element("div");
-        for (let i = 0; i < each_blocks.length; i += 1) {
-          each_blocks[i].c();
-        }
-        attr(div0, "class", div0_class_value = /*isDataSaving*/
-        ctx[0] ? "absolute inset-0 bg-transparent z-50" : "");
-        attr(div1, "class", div1_class_value = null_to_empty(
-          /*optionHasMedia*/
-          ctx[13] ? "responsive-grid" : ""
-        ) + " svelte-1sgrg21");
-        attr(div2, "class", div2_class_value = /*optionHasMedia*/
-        ctx[13] ? "w-full" : "relative");
+        if (default_slot)
+          default_slot.c();
+        attr(div0, "role", "button");
+        attr(div0, "aria-label", "Close modal");
+        attr(div0, "tabindex", "-1");
+        attr(div0, "aria-hidden", "true");
+        attr(div0, "class", div0_class_value = "blanket-overlay h-full " + /*modalClass*/
+        ctx[0]);
+        attr(div1, "class", "z-10");
+        attr(div2, "role", "dialog");
+        attr(div2, "aria-modal", "true");
+        attr(div2, "tabindex", "-1");
+        attr(div2, "class", "fixed inset-0 z-50 focus:outline-transparent");
+        attr(
+          div2,
+          "aria-label",
+          /*modalAriaLabel*/
+          ctx[1]
+        );
+        attr(div2, "aria-hidden", div2_aria_hidden_value = !/*isModalOpen*/
+        ctx[2]);
       },
       m(target, anchor) {
         insert(target, div2, anchor);
         append(div2, div0);
         append(div2, t2);
         append(div2, div1);
-        for (let i = 0; i < each_blocks.length; i += 1) {
-          if (each_blocks[i]) {
-            each_blocks[i].m(div1, null);
-          }
+        if (default_slot) {
+          default_slot.m(div1, null);
         }
         current = true;
-      },
-      p(ctx2, dirty) {
-        if (!current || dirty[0] & /*isDataSaving*/
-        1 && div0_class_value !== (div0_class_value = /*isDataSaving*/
-        ctx2[0] ? "absolute inset-0 bg-transparent z-50" : "")) {
-          attr(div0, "class", div0_class_value);
-        }
-        if (dirty[0] & /*correctAnswersLength, selectedOptions, options, isFinished, isPreviewModeInteractive, isPreviewMode, correctAnswerIds, optionHasMedia, handleOptionClick*/
-        77950) {
-          each_value = ensure_array_like(Object.values(
-            /*options*/
-            ctx2[12]
+        if (!mounted) {
+          dispose = [
+            listen(
+              div0,
+              "click",
+              /*clickModalBackground*/
+              ctx[3]
+            ),
+            listen(div0, "keypress", keypress_handler)
+          ];
+          mounted = true;
+        }
+      },
+      p(ctx2, [dirty]) {
+        if (!current || dirty & /*modalClass*/
+        1 && div0_class_value !== (div0_class_value = "blanket-overlay h-full " + /*modalClass*/
+        ctx2[0])) {
+          attr(div0, "class", div0_class_value);
+        }
+        if (default_slot) {
+          if (default_slot.p && (!current || dirty & /*$$scope*/
+          32)) {
+            update_slot_base(
+              default_slot,
+              default_slot_template,
+              ctx2,
+              /*$$scope*/
+              ctx2[5],
+              !current ? get_all_dirty_from_scope(
+                /*$$scope*/
+                ctx2[5]
+              ) : get_slot_changes(
+                default_slot_template,
+                /*$$scope*/
+                ctx2[5],
+                dirty,
+                null
+              ),
+              null
+            );
+          }
+        }
+        if (!current || dirty & /*modalAriaLabel*/
+        2) {
+          attr(
+            div2,
+            "aria-label",
+            /*modalAriaLabel*/
+            ctx2[1]
+          );
+        }
+        if (!current || dirty & /*isModalOpen*/
+        4 && div2_aria_hidden_value !== (div2_aria_hidden_value = !/*isModalOpen*/
+        ctx2[2])) {
+          attr(div2, "aria-hidden", div2_aria_hidden_value);
+        }
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(default_slot, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(default_slot, local);
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(div2);
+        }
+        if (default_slot)
+          default_slot.d(detaching);
+        mounted = false;
+        run_all(dispose);
+      }
+    };
+  }
+  var keypress_handler = () => {
+    return false;
+  };
+  function instance6($$self, $$props, $$invalidate) {
+    let { $$slots: slots = {}, $$scope } = $$props;
+    let { modalData = { modalAriaLabel: "", isModalOpen: false } } = $$props;
+    let { modalClass = "" } = $$props;
+    const dispatch2 = createEventDispatcher();
+    let modalAriaLabel = "";
+    let isModalOpen = false;
+    const clickModalBackground = () => {
+      $$invalidate(4, modalData = { isModalOpen: false, modalAriaLabel: "" });
+      dispatch2("updateModalSettings", modalData);
+    };
+    $$self.$$set = ($$props2) => {
+      if ("modalData" in $$props2)
+        $$invalidate(4, modalData = $$props2.modalData);
+      if ("modalClass" in $$props2)
+        $$invalidate(0, modalClass = $$props2.modalClass);
+      if ("$$scope" in $$props2)
+        $$invalidate(5, $$scope = $$props2.$$scope);
+    };
+    $$self.$$.update = () => {
+      if ($$self.$$.dirty & /*modalData*/
+      16) {
+        $:
+          if (modalData) {
+            const { modalAriaLabel: storeModalAriaLabel, isModalOpen: storeIsmodalOpen } = modalData;
+            $$invalidate(1, modalAriaLabel = storeModalAriaLabel);
+            $$invalidate(2, isModalOpen = storeIsmodalOpen);
+          }
+      }
+    };
+    return [
+      modalClass,
+      modalAriaLabel,
+      isModalOpen,
+      clickModalBackground,
+      modalData,
+      $$scope,
+      slots
+    ];
+  }
+  var CommonModal = class extends SvelteComponent {
+    constructor(options) {
+      super();
+      init(this, options, instance6, create_fragment6, safe_not_equal, { modalData: 4, modalClass: 0 });
+    }
+    get modalData() {
+      return this.$$.ctx[4];
+    }
+    set modalData(modalData) {
+      this.$$set({ modalData });
+      flush();
+    }
+    get modalClass() {
+      return this.$$.ctx[0];
+    }
+    set modalClass(modalClass) {
+      this.$$set({ modalClass });
+      flush();
+    }
+  };
+  customElements.define("common-modal", create_custom_element(CommonModal, { "modalData": {}, "modalClass": {} }, ["default"], [], true));
+  var CommonModal_default = CommonModal;
+
+  // node_modules/svelte/src/runtime/transition/index.js
+  function fade(node, { delay = 0, duration = 400, easing = identity } = {}) {
+    const o2 = +getComputedStyle(node).opacity;
+    return {
+      delay,
+      duration,
+      easing,
+      css: (t2) => `opacity: ${t2 * o2}`
+    };
+  }
+
+  // src/lib/components/common/CommonTooltip.svelte
+  var get_trigger_slot_changes = (dirty) => ({});
+  var get_trigger_slot_context = (ctx) => ({});
+  function create_if_block6(ctx) {
+    let div1;
+    let div0;
+    let t2;
+    let span;
+    let span_class_value;
+    let div0_aria_hidden_value;
+    let div0_class_value;
+    let div1_class_value;
+    let div1_transition;
+    let current;
+    const default_slot_template = (
+      /*#slots*/
+      ctx[19].default
+    );
+    const default_slot = create_slot(
+      default_slot_template,
+      ctx,
+      /*$$scope*/
+      ctx[18],
+      null
+    );
+    const default_slot_or_fallback = default_slot || fallback_block(ctx);
+    return {
+      c() {
+        div1 = element("div");
+        div0 = element("div");
+        if (default_slot_or_fallback)
+          default_slot_or_fallback.c();
+        t2 = space();
+        span = element("span");
+        attr(span, "aria-hidden", "true");
+        attr(span, "class", span_class_value = "tooltip-arrow absolute w-2 h-2 bg-gray-900 " + /*arrowPosClass*/
+        ctx[3]);
+        attr(div0, "role", "tooltip");
+        attr(div0, "aria-hidden", div0_aria_hidden_value = !/*isOpen*/
+        ctx[5]);
+        attr(div0, "class", div0_class_value = "rounded-md bg-gray-900 text-white p-3 font-normal text-sm leading-[150%] max-w-[300px] break-words " + /*tooltipClass*/
+        ctx[1]);
+        attr(div1, "class", div1_class_value = "absolute z-50 pointer-events-none select-none " + /*containerPosClass*/
+        ctx[4]);
+      },
+      m(target, anchor) {
+        insert(target, div1, anchor);
+        append(div1, div0);
+        if (default_slot_or_fallback) {
+          default_slot_or_fallback.m(div0, null);
+        }
+        append(div0, t2);
+        append(div0, span);
+        ctx[20](div0);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        if (default_slot) {
+          if (default_slot.p && (!current || dirty & /*$$scope*/
+          262144)) {
+            update_slot_base(
+              default_slot,
+              default_slot_template,
+              ctx2,
+              /*$$scope*/
+              ctx2[18],
+              !current ? get_all_dirty_from_scope(
+                /*$$scope*/
+                ctx2[18]
+              ) : get_slot_changes(
+                default_slot_template,
+                /*$$scope*/
+                ctx2[18],
+                dirty,
+                null
+              ),
+              null
+            );
+          }
+        } else {
+          if (default_slot_or_fallback && default_slot_or_fallback.p && (!current || dirty & /*text*/
+          1)) {
+            default_slot_or_fallback.p(ctx2, !current ? -1 : dirty);
+          }
+        }
+        if (!current || dirty & /*arrowPosClass*/
+        8 && span_class_value !== (span_class_value = "tooltip-arrow absolute w-2 h-2 bg-gray-900 " + /*arrowPosClass*/
+        ctx2[3])) {
+          attr(span, "class", span_class_value);
+        }
+        if (!current || dirty & /*isOpen*/
+        32 && div0_aria_hidden_value !== (div0_aria_hidden_value = !/*isOpen*/
+        ctx2[5])) {
+          attr(div0, "aria-hidden", div0_aria_hidden_value);
+        }
+        if (!current || dirty & /*tooltipClass*/
+        2 && div0_class_value !== (div0_class_value = "rounded-md bg-gray-900 text-white p-3 font-normal text-sm leading-[150%] max-w-[300px] break-words " + /*tooltipClass*/
+        ctx2[1])) {
+          attr(div0, "class", div0_class_value);
+        }
+        if (!current || dirty & /*containerPosClass*/
+        16 && div1_class_value !== (div1_class_value = "absolute z-50 pointer-events-none select-none " + /*containerPosClass*/
+        ctx2[4])) {
+          attr(div1, "class", div1_class_value);
+        }
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(default_slot_or_fallback, local);
+        if (local) {
+          add_render_callback(() => {
+            if (!current)
+              return;
+            if (!div1_transition)
+              div1_transition = create_bidirectional_transition(div1, fade, { duration: 40 }, true);
+            div1_transition.run(1);
+          });
+        }
+        current = true;
+      },
+      o(local) {
+        transition_out(default_slot_or_fallback, local);
+        if (local) {
+          if (!div1_transition)
+            div1_transition = create_bidirectional_transition(div1, fade, { duration: 40 }, false);
+          div1_transition.run(0);
+        }
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(div1);
+        }
+        if (default_slot_or_fallback)
+          default_slot_or_fallback.d(detaching);
+        ctx[20](null);
+        if (detaching && div1_transition)
+          div1_transition.end();
+      }
+    };
+  }
+  function fallback_block(ctx) {
+    let t2;
+    return {
+      c() {
+        t2 = text(
+          /*text*/
+          ctx[0]
+        );
+      },
+      m(target, anchor) {
+        insert(target, t2, anchor);
+      },
+      p(ctx2, dirty) {
+        if (dirty & /*text*/
+        1)
+          set_data(
+            t2,
+            /*text*/
+            ctx2[0]
+          );
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(t2);
+        }
+      }
+    };
+  }
+  function create_fragment7(ctx) {
+    let div;
+    let t2;
+    let current;
+    let mounted;
+    let dispose;
+    const trigger_slot_template = (
+      /*#slots*/
+      ctx[19].trigger
+    );
+    const trigger_slot = create_slot(
+      trigger_slot_template,
+      ctx,
+      /*$$scope*/
+      ctx[18],
+      get_trigger_slot_context
+    );
+    let if_block = (
+      /*isOpen*/
+      ctx[5] && create_if_block6(ctx)
+    );
+    return {
+      c() {
+        div = element("div");
+        if (trigger_slot)
+          trigger_slot.c();
+        t2 = space();
+        if (if_block)
+          if_block.c();
+        attr(div, "class", "relative inline-block");
+      },
+      m(target, anchor) {
+        insert(target, div, anchor);
+        if (trigger_slot) {
+          trigger_slot.m(div, null);
+        }
+        append(div, t2);
+        if (if_block)
+          if_block.m(div, null);
+        current = true;
+        if (!mounted) {
+          dispose = [
+            listen(
+              div,
+              "mouseenter",
+              /*scheduleShow*/
+              ctx[6]
+            ),
+            listen(
+              div,
+              "mouseleave",
+              /*scheduleHide*/
+              ctx[7]
+            ),
+            listen(
+              div,
+              "focusin",
+              /*scheduleShow*/
+              ctx[6]
+            ),
+            listen(
+              div,
+              "focusout",
+              /*scheduleHide*/
+              ctx[7]
+            ),
+            listen(
+              div,
+              "keydown",
+              /*keydown_handler*/
+              ctx[21]
+            )
+          ];
+          mounted = true;
+        }
+      },
+      p(ctx2, [dirty]) {
+        if (trigger_slot) {
+          if (trigger_slot.p && (!current || dirty & /*$$scope*/
+          262144)) {
+            update_slot_base(
+              trigger_slot,
+              trigger_slot_template,
+              ctx2,
+              /*$$scope*/
+              ctx2[18],
+              !current ? get_all_dirty_from_scope(
+                /*$$scope*/
+                ctx2[18]
+              ) : get_slot_changes(
+                trigger_slot_template,
+                /*$$scope*/
+                ctx2[18],
+                dirty,
+                get_trigger_slot_changes
+              ),
+              get_trigger_slot_context
+            );
+          }
+        }
+        if (
+          /*isOpen*/
+          ctx2[5]
+        ) {
+          if (if_block) {
+            if_block.p(ctx2, dirty);
+            if (dirty & /*isOpen*/
+            32) {
+              transition_in(if_block, 1);
+            }
+          } else {
+            if_block = create_if_block6(ctx2);
+            if_block.c();
+            transition_in(if_block, 1);
+            if_block.m(div, null);
+          }
+        } else if (if_block) {
+          group_outros();
+          transition_out(if_block, 1, 1, () => {
+            if_block = null;
+          });
+          check_outros();
+        }
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(trigger_slot, local);
+        transition_in(if_block);
+        current = true;
+      },
+      o(local) {
+        transition_out(trigger_slot, local);
+        transition_out(if_block);
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(div);
+        }
+        if (trigger_slot)
+          trigger_slot.d(detaching);
+        if (if_block)
+          if_block.d();
+        mounted = false;
+        run_all(dispose);
+      }
+    };
+  }
+  function instance7($$self, $$props, $$invalidate) {
+    let isOpen;
+    let containerPosClass;
+    let arrowPosClass;
+    let { $$slots: slots = {}, $$scope } = $$props;
+    let { text: text2 } = $$props;
+    let { placement = "top" } = $$props;
+    let { open = void 0 } = $$props;
+    let { disabled = false } = $$props;
+    let { trigger = "hover" } = $$props;
+    let { tooltipClass = "" } = $$props;
+    let { showDelay = 80 } = $$props;
+    let { hideDelay = 120 } = $$props;
+    let internalOpen = false;
+    let showTimer = null;
+    let hideTimer = null;
+    const isControlled = open !== void 0;
+    const clearTimers = () => {
+      if (showTimer) {
+        clearTimeout(showTimer);
+        showTimer = null;
+      }
+      if (hideTimer) {
+        clearTimeout(hideTimer);
+        hideTimer = null;
+      }
+    };
+    const scheduleShow = () => {
+      if (trigger !== "hover" || isControlled)
+        return;
+      clearTimers();
+      showTimer = setTimeout(() => $$invalidate(17, internalOpen = true), showDelay);
+    };
+    const scheduleHide = () => {
+      if (trigger !== "hover" || isControlled)
+        return;
+      clearTimers();
+      hideTimer = setTimeout(() => $$invalidate(17, internalOpen = false), hideDelay);
+    };
+    const immediateHide = () => {
+      if (isControlled)
+        return;
+      clearTimers();
+      $$invalidate(17, internalOpen = false);
+    };
+    const show = () => {
+      if (!isControlled) {
+        clearTimers();
+        $$invalidate(17, internalOpen = true);
+      }
+    };
+    const hide = () => {
+      if (!isControlled) {
+        immediateHide();
+      }
+    };
+    let bubbleEl = null;
+    const POSITION_CLASSES = {
+      container: {
+        top: "bottom-full left-1/2 -translate-x-1/2 mb-[9.5px]",
+        bottom: "top-full left-1/2 -translate-x-1/2 mt-[9.5px]",
+        left: "right-full top-1/2 -translate-y-1/2 mr-[9.5px]",
+        right: "left-full top-1/2 -translate-y-1/2 ml-[9.5px]"
+      },
+      arrow: {
+        top: "top-full left-1/2 -translate-x-1/2 -mt-1 rotate-45",
+        bottom: "bottom-full left-1/2 -translate-x-1/2 -mb-1 rotate-45",
+        left: "left-full top-1/2 -translate-y-1/2 -ml-1 rotate-45",
+        right: "right-full top-1/2 -translate-y-1/2 -mr-1 rotate-45"
+      }
+    };
+    onMount(() => {
+      return () => clearTimers();
+    });
+    function div0_binding($$value) {
+      binding_callbacks[$$value ? "unshift" : "push"](() => {
+        bubbleEl = $$value;
+        $$invalidate(2, bubbleEl);
+      });
+    }
+    const keydown_handler2 = (e2) => {
+      if (e2.key === "Escape")
+        immediateHide();
+    };
+    $$self.$$set = ($$props2) => {
+      if ("text" in $$props2)
+        $$invalidate(0, text2 = $$props2.text);
+      if ("placement" in $$props2)
+        $$invalidate(9, placement = $$props2.placement);
+      if ("open" in $$props2)
+        $$invalidate(10, open = $$props2.open);
+      if ("disabled" in $$props2)
+        $$invalidate(11, disabled = $$props2.disabled);
+      if ("trigger" in $$props2)
+        $$invalidate(12, trigger = $$props2.trigger);
+      if ("tooltipClass" in $$props2)
+        $$invalidate(1, tooltipClass = $$props2.tooltipClass);
+      if ("showDelay" in $$props2)
+        $$invalidate(13, showDelay = $$props2.showDelay);
+      if ("hideDelay" in $$props2)
+        $$invalidate(14, hideDelay = $$props2.hideDelay);
+      if ("$$scope" in $$props2)
+        $$invalidate(18, $$scope = $$props2.$$scope);
+    };
+    $$self.$$.update = () => {
+      if ($$self.$$.dirty & /*disabled, open, internalOpen*/
+      134144) {
+        $:
+          $$invalidate(5, isOpen = !disabled && (isControlled ? open : internalOpen));
+      }
+      if ($$self.$$.dirty & /*placement*/
+      512) {
+        $:
+          $$invalidate(4, containerPosClass = POSITION_CLASSES.container[placement]);
+      }
+      if ($$self.$$.dirty & /*placement*/
+      512) {
+        $:
+          $$invalidate(3, arrowPosClass = POSITION_CLASSES.arrow[placement]);
+      }
+    };
+    return [
+      text2,
+      tooltipClass,
+      bubbleEl,
+      arrowPosClass,
+      containerPosClass,
+      isOpen,
+      scheduleShow,
+      scheduleHide,
+      immediateHide,
+      placement,
+      open,
+      disabled,
+      trigger,
+      showDelay,
+      hideDelay,
+      show,
+      hide,
+      internalOpen,
+      $$scope,
+      slots,
+      div0_binding,
+      keydown_handler2
+    ];
+  }
+  var CommonTooltip = class extends SvelteComponent {
+    constructor(options) {
+      super();
+      init(this, options, instance7, create_fragment7, safe_not_equal, {
+        text: 0,
+        placement: 9,
+        open: 10,
+        disabled: 11,
+        trigger: 12,
+        tooltipClass: 1,
+        showDelay: 13,
+        hideDelay: 14,
+        show: 15,
+        hide: 16
+      });
+    }
+    get text() {
+      return this.$$.ctx[0];
+    }
+    set text(text2) {
+      this.$$set({ text: text2 });
+      flush();
+    }
+    get placement() {
+      return this.$$.ctx[9];
+    }
+    set placement(placement) {
+      this.$$set({ placement });
+      flush();
+    }
+    get open() {
+      return this.$$.ctx[10];
+    }
+    set open(open) {
+      this.$$set({ open });
+      flush();
+    }
+    get disabled() {
+      return this.$$.ctx[11];
+    }
+    set disabled(disabled) {
+      this.$$set({ disabled });
+      flush();
+    }
+    get trigger() {
+      return this.$$.ctx[12];
+    }
+    set trigger(trigger) {
+      this.$$set({ trigger });
+      flush();
+    }
+    get tooltipClass() {
+      return this.$$.ctx[1];
+    }
+    set tooltipClass(tooltipClass) {
+      this.$$set({ tooltipClass });
+      flush();
+    }
+    get showDelay() {
+      return this.$$.ctx[13];
+    }
+    set showDelay(showDelay) {
+      this.$$set({ showDelay });
+      flush();
+    }
+    get hideDelay() {
+      return this.$$.ctx[14];
+    }
+    set hideDelay(hideDelay) {
+      this.$$set({ hideDelay });
+      flush();
+    }
+    get show() {
+      return this.$$.ctx[15];
+    }
+    get hide() {
+      return this.$$.ctx[16];
+    }
+  };
+  create_custom_element(CommonTooltip, { "text": {}, "placement": {}, "open": {}, "disabled": { "type": "Boolean" }, "trigger": {}, "tooltipClass": {}, "showDelay": {}, "hideDelay": {} }, ["trigger", "default"], ["show", "hide"], true);
+  var CommonTooltip_default = CommonTooltip;
+
+  // src/lib/components/prompt/mcq/PromptMCQImageModal.svelte
+  var { window: window_12 } = globals;
+  function create_if_block7(ctx) {
+    let commonmodal;
+    let current;
+    commonmodal = new CommonModal_default({
+      props: {
+        modalData: (
+          /*imageModalData*/
+          ctx[10]
+        ),
+        modalClass: "bg-charcoal/80 backdrop-blur-md pointer-events-none",
+        $$slots: { default: [create_default_slot] },
+        $$scope: { ctx }
+      }
+    });
+    commonmodal.$on(
+      "updateModalSettings",
+      /*updateModalSettings*/
+      ctx[16]
+    );
+    return {
+      c() {
+        create_component(commonmodal.$$.fragment);
+      },
+      m(target, anchor) {
+        mount_component(commonmodal, target, anchor);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        const commonmodal_changes = {};
+        if (dirty & /*imageModalData*/
+        1024)
+          commonmodal_changes.modalData = /*imageModalData*/
+          ctx2[10];
+        if (dirty & /*$$scope, containerMaxWidth, currentImageUrl, currentImageAlt, imageElement, isTextTruncated, fullAnswerText, textElement, currentOption, navigationAnnouncement, imageViewerFocusEl*/
+        268438526) {
+          commonmodal_changes.$$scope = { dirty, ctx: ctx2 };
+        }
+        commonmodal.$set(commonmodal_changes);
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(commonmodal.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(commonmodal.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        destroy_component(commonmodal, detaching);
+      }
+    };
+  }
+  function create_trigger_slot(ctx) {
+    let div;
+    let commonstringtohtml;
+    let div_tabindex_value;
+    let div_class_value;
+    let current;
+    commonstringtohtml = new CommonStringToHtml_default({
+      props: {
+        htmlString: (
+          /*currentOption*/
+          ctx[5]?.answer
+        )
+      }
+    });
+    return {
+      c() {
+        div = element("div");
+        create_component(commonstringtohtml.$$.fragment);
+        attr(div, "slot", "trigger");
+        attr(div, "tabindex", div_tabindex_value = /*isTextTruncated*/
+        ctx[8] ? 0 : -1);
+        attr(div, "class", div_class_value = "break-all text-sm md:text-lg font-semibold text-primary-emphasis " + /*isTextTruncated*/
+        (ctx[8] ? "hover:text-charcoal hover:underline hover:decoration-2 hover:underline-offset-[25%] focus-visible:bg-yellow-900 focus-visible:outline-none focus-visible:underline focus-visible:decoration-2 focus-visible:underline-offset-[25%] focus-visible:text-charcoal" : "") + " select-none line-clamp-1");
+      },
+      m(target, anchor) {
+        insert(target, div, anchor);
+        mount_component(commonstringtohtml, div, null);
+        ctx[21](div);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        const commonstringtohtml_changes = {};
+        if (dirty & /*currentOption*/
+        32)
+          commonstringtohtml_changes.htmlString = /*currentOption*/
+          ctx2[5]?.answer;
+        commonstringtohtml.$set(commonstringtohtml_changes);
+        if (!current || dirty & /*isTextTruncated*/
+        256 && div_tabindex_value !== (div_tabindex_value = /*isTextTruncated*/
+        ctx2[8] ? 0 : -1)) {
+          attr(div, "tabindex", div_tabindex_value);
+        }
+        if (!current || dirty & /*isTextTruncated*/
+        256 && div_class_value !== (div_class_value = "break-all text-sm md:text-lg font-semibold text-primary-emphasis " + /*isTextTruncated*/
+        (ctx2[8] ? "hover:text-charcoal hover:underline hover:decoration-2 hover:underline-offset-[25%] focus-visible:bg-yellow-900 focus-visible:outline-none focus-visible:underline focus-visible:decoration-2 focus-visible:underline-offset-[25%] focus-visible:text-charcoal" : "") + " select-none line-clamp-1")) {
+          attr(div, "class", div_class_value);
+        }
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(commonstringtohtml.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(commonstringtohtml.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(div);
+        }
+        destroy_component(commonstringtohtml);
+        ctx[21](null);
+      }
+    };
+  }
+  function create_default_slot(ctx) {
+    let div0;
+    let t0;
+    let div1;
+    let t1;
+    let t2;
+    let div8;
+    let div7;
+    let div5;
+    let button0;
+    let span0;
+    let svgloader0;
+    let t3;
+    let div4;
+    let div2;
+    let commontooltip;
+    let t4;
+    let button1;
+    let span1;
+    let svgloader1;
+    let t5;
+    let div3;
+    let img;
+    let img_src_value;
+    let t6;
+    let button2;
+    let span2;
+    let svgloader2;
+    let t7;
+    let div6;
+    let button3;
+    let span3;
+    let svgloader3;
+    let t8;
+    let button4;
+    let span4;
+    let svgloader4;
+    let current;
+    let mounted;
+    let dispose;
+    svgloader0 = new SvgLoader_default({
+      props: {
+        svgName: "smallChevronLeft",
+        className: "text-primary-emphasis",
+        width: 12,
+        height: 12
+      }
+    });
+    commontooltip = new CommonTooltip_default({
+      props: {
+        placement: "bottom",
+        trigger: "hover",
+        disabled: !/*isTextTruncated*/
+        ctx[8],
+        text: (
+          /*fullAnswerText*/
+          ctx[3]
+        ),
+        $$slots: { trigger: [create_trigger_slot] },
+        $$scope: { ctx }
+      }
+    });
+    svgloader1 = new SvgLoader_default({
+      props: {
+        svgName: "crossIcon",
+        className: "w-[8.77px] h-[8.77px] md:w-[13.5px] md:h-[13.5px]"
+      }
+    });
+    svgloader2 = new SvgLoader_default({
+      props: {
+        svgName: "smallChevronRight",
+        className: "text-primary-emphasis",
+        width: 12,
+        height: 12
+      }
+    });
+    svgloader3 = new SvgLoader_default({
+      props: {
+        svgName: "smallChevronLeft",
+        className: "text-primary-emphasis",
+        height: 7.43
+      }
+    });
+    svgloader4 = new SvgLoader_default({
+      props: {
+        svgName: "smallChevronRight",
+        className: "text-primary-emphasis",
+        height: 7.43
+      }
+    });
+    return {
+      c() {
+        div0 = element("div");
+        t0 = space();
+        div1 = element("div");
+        t1 = text(
+          /*navigationAnnouncement*/
+          ctx[9]
+        );
+        t2 = space();
+        div8 = element("div");
+        div7 = element("div");
+        div5 = element("div");
+        button0 = element("button");
+        span0 = element("span");
+        create_component(svgloader0.$$.fragment);
+        t3 = space();
+        div4 = element("div");
+        div2 = element("div");
+        create_component(commontooltip.$$.fragment);
+        t4 = space();
+        button1 = element("button");
+        span1 = element("span");
+        create_component(svgloader1.$$.fragment);
+        t5 = space();
+        div3 = element("div");
+        img = element("img");
+        t6 = space();
+        button2 = element("button");
+        span2 = element("span");
+        create_component(svgloader2.$$.fragment);
+        t7 = space();
+        div6 = element("div");
+        button3 = element("button");
+        span3 = element("span");
+        create_component(svgloader3.$$.fragment);
+        t8 = space();
+        button4 = element("button");
+        span4 = element("span");
+        create_component(svgloader4.$$.fragment);
+        attr(div0, "tabindex", "-1");
+        attr(div0, "class", "sr-only");
+        attr(div1, "aria-live", "polite");
+        attr(div1, "aria-atomic", "true");
+        attr(div1, "class", "sr-only");
+        attr(span0, "class", "w-6 h-6 flex items-center justify-center");
+        attr(button0, "aria-label", "Previous");
+        attr(button0, "class", "hidden md:flex items-center justify-center absolute left-6 lg:left-16 top-1/2 -translate-y-1/2 w-11 h-11 rounded md:rounded-md bg-white/80 hover:bg-bg-minimal pointer-events-auto btn-states btn-states-transparent");
+        attr(span1, "class", "icon-surface");
+        attr(button1, "aria-label", "Close");
+        attr(button1, "class", "btn-close-icon flex-shrink-0");
+        attr(div2, "class", "flex items-center justify-between py-1 px-2 md:px-4 border-border-minimal border rounded-t-md lg:rounded-t-lg gap-4");
+        if (!src_url_equal(img.src, img_src_value = /*currentImageUrl*/
+        ctx[4]))
+          attr(img, "src", img_src_value);
+        attr(
+          img,
+          "alt",
+          /*currentImageAlt*/
+          ctx[11]
+        );
+        attr(img, "class", "mx-auto block rounded-b-md lg:rounded-b-lg object-contain max-w-full max-h-[calc(100vh-208px)] md:max-h-[calc(100vh-112px)] lg:max-h-[calc(100vh-192px)] pointer-events-none");
+        attr(div3, "class", "rounded-b-md");
+        attr(div4, "class", "pointer-events-auto bg-white rounded-lg md:mx-[60px] lg:mx-[60px]");
+        set_style(
+          div4,
+          "max-width",
+          /*containerMaxWidth*/
+          ctx[7]
+        );
+        attr(span2, "class", "w-6 h-6 flex items-center justify-center");
+        attr(button2, "aria-label", "Next");
+        attr(button2, "class", "hidden md:flex items-center justify-center absolute right-6 lg:right-16 top-1/2 -translate-y-1/2 w-11 h-11 rounded md:rounded-md bg-white/80 hover:bg-bg-minimal pointer-events-auto btn-states");
+        attr(div5, "class", "w-full flex justify-center items-center pointer-events-none");
+        attr(span3, "class", "w-4 h-4 flex items-center justify-center");
+        attr(button3, "aria-label", "Previous");
+        attr(button3, "class", "w-6 h-6 flex items-center justify-center rounded bg-white/80 hover:bg-bg-minimal btn-states");
+        attr(span4, "class", "w-4 h-4 flex items-center justify-center");
+        attr(button4, "aria-label", "Next");
+        attr(button4, "class", "w-6 h-6 flex items-center justify-center rounded bg-white/80 hover:bg-bg-minimal btn-states");
+        attr(div6, "class", "md:hidden absolute bottom-6 left-1/2 -translate-x-1/2 flex justify-center items-center gap-6 pointer-events-auto");
+        attr(div7, "class", "w-full h-full px-0 md:px-6 lg:px-16 pt-14 pb-18 md:py-14 lg:py-24 flex flex-col items-center justify-center pointer-events-none");
+        attr(div8, "class", "absolute inset-0 m-0 pointer-events-none");
+      },
+      m(target, anchor) {
+        insert(target, div0, anchor);
+        ctx[20](div0);
+        insert(target, t0, anchor);
+        insert(target, div1, anchor);
+        append(div1, t1);
+        insert(target, t2, anchor);
+        insert(target, div8, anchor);
+        append(div8, div7);
+        append(div7, div5);
+        append(div5, button0);
+        append(button0, span0);
+        mount_component(svgloader0, span0, null);
+        append(div5, t3);
+        append(div5, div4);
+        append(div4, div2);
+        mount_component(commontooltip, div2, null);
+        append(div2, t4);
+        append(div2, button1);
+        append(button1, span1);
+        mount_component(svgloader1, span1, null);
+        append(div4, t5);
+        append(div4, div3);
+        append(div3, img);
+        ctx[22](img);
+        append(div5, t6);
+        append(div5, button2);
+        append(button2, span2);
+        mount_component(svgloader2, span2, null);
+        append(div7, t7);
+        append(div7, div6);
+        append(div6, button3);
+        append(button3, span3);
+        mount_component(svgloader3, span3, null);
+        append(div6, t8);
+        append(div6, button4);
+        append(button4, span4);
+        mount_component(svgloader4, span4, null);
+        current = true;
+        if (!mounted) {
+          dispose = [
+            listen(
+              button0,
+              "click",
+              /*navigatePrevious*/
+              ctx[13]
+            ),
+            listen(
+              button1,
+              "click",
+              /*closeModal*/
+              ctx[15]
+            ),
+            listen(
+              img,
+              "load",
+              /*handleImageLoad*/
+              ctx[12]
+            ),
+            listen(
+              button2,
+              "click",
+              /*navigateNext*/
+              ctx[14]
+            ),
+            listen(
+              button3,
+              "click",
+              /*navigatePrevious*/
+              ctx[13]
+            ),
+            listen(
+              button4,
+              "click",
+              /*navigateNext*/
+              ctx[14]
+            )
+          ];
+          mounted = true;
+        }
+      },
+      p(ctx2, dirty) {
+        if (!current || dirty & /*navigationAnnouncement*/
+        512)
+          set_data(
+            t1,
+            /*navigationAnnouncement*/
+            ctx2[9]
+          );
+        const commontooltip_changes = {};
+        if (dirty & /*isTextTruncated*/
+        256)
+          commontooltip_changes.disabled = !/*isTextTruncated*/
+          ctx2[8];
+        if (dirty & /*fullAnswerText*/
+        8)
+          commontooltip_changes.text = /*fullAnswerText*/
+          ctx2[3];
+        if (dirty & /*$$scope, isTextTruncated, textElement, currentOption*/
+        268435748) {
+          commontooltip_changes.$$scope = { dirty, ctx: ctx2 };
+        }
+        commontooltip.$set(commontooltip_changes);
+        if (!current || dirty & /*currentImageUrl*/
+        16 && !src_url_equal(img.src, img_src_value = /*currentImageUrl*/
+        ctx2[4])) {
+          attr(img, "src", img_src_value);
+        }
+        if (!current || dirty & /*currentImageAlt*/
+        2048) {
+          attr(
+            img,
+            "alt",
+            /*currentImageAlt*/
+            ctx2[11]
+          );
+        }
+        if (!current || dirty & /*containerMaxWidth*/
+        128) {
+          set_style(
+            div4,
+            "max-width",
+            /*containerMaxWidth*/
+            ctx2[7]
+          );
+        }
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(svgloader0.$$.fragment, local);
+        transition_in(commontooltip.$$.fragment, local);
+        transition_in(svgloader1.$$.fragment, local);
+        transition_in(svgloader2.$$.fragment, local);
+        transition_in(svgloader3.$$.fragment, local);
+        transition_in(svgloader4.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(svgloader0.$$.fragment, local);
+        transition_out(commontooltip.$$.fragment, local);
+        transition_out(svgloader1.$$.fragment, local);
+        transition_out(svgloader2.$$.fragment, local);
+        transition_out(svgloader3.$$.fragment, local);
+        transition_out(svgloader4.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(div0);
+          detach(t0);
+          detach(div1);
+          detach(t2);
+          detach(div8);
+        }
+        ctx[20](null);
+        destroy_component(svgloader0);
+        destroy_component(commontooltip);
+        destroy_component(svgloader1);
+        ctx[22](null);
+        destroy_component(svgloader2);
+        destroy_component(svgloader3);
+        destroy_component(svgloader4);
+        mounted = false;
+        run_all(dispose);
+      }
+    };
+  }
+  function create_fragment8(ctx) {
+    let if_block_anchor;
+    let current;
+    let mounted;
+    let dispose;
+    let if_block = (
+      /*isOpen*/
+      ctx[0] && create_if_block7(ctx)
+    );
+    return {
+      c() {
+        if (if_block)
+          if_block.c();
+        if_block_anchor = empty();
+      },
+      m(target, anchor) {
+        if (if_block)
+          if_block.m(target, anchor);
+        insert(target, if_block_anchor, anchor);
+        current = true;
+        if (!mounted) {
+          dispose = listen(
+            window_12,
+            "keydown",
+            /*handleKeydown*/
+            ctx[17]
+          );
+          mounted = true;
+        }
+      },
+      p(ctx2, [dirty]) {
+        if (
+          /*isOpen*/
+          ctx2[0]
+        ) {
+          if (if_block) {
+            if_block.p(ctx2, dirty);
+            if (dirty & /*isOpen*/
+            1) {
+              transition_in(if_block, 1);
+            }
+          } else {
+            if_block = create_if_block7(ctx2);
+            if_block.c();
+            transition_in(if_block, 1);
+            if_block.m(if_block_anchor.parentNode, if_block_anchor);
+          }
+        } else if (if_block) {
+          group_outros();
+          transition_out(if_block, 1, 1, () => {
+            if_block = null;
+          });
+          check_outros();
+        }
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(if_block);
+        current = true;
+      },
+      o(local) {
+        transition_out(if_block);
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(if_block_anchor);
+        }
+        if (if_block)
+          if_block.d(detaching);
+        mounted = false;
+        dispose();
+      }
+    };
+  }
+  function instance8($$self, $$props, $$invalidate) {
+    let currentOption;
+    let currentImageUrl;
+    let currentImageAlt;
+    let fullAnswerText;
+    let imageModalData;
+    let { isOpen = false } = $$props;
+    let { options = [] } = $$props;
+    let { currentIndex = 0 } = $$props;
+    const BREAKPOINTS = { MD: 732 };
+    const MODAL_PADDING = { MOBILE: 0, DESKTOP: 120 };
+    let imageViewerFocusEl = null;
+    let imageElement = null;
+    let containerMaxWidth = "100%";
+    let textElement = null;
+    let isTextTruncated = false;
+    let navigationAnnouncement = "";
+    const handleImageLoad = () => {
+      if (imageElement) {
+        const imageWidth = imageElement.naturalWidth;
+        const viewportWidth = window.innerWidth;
+        const modalPadding = viewportWidth >= BREAKPOINTS.MD ? MODAL_PADDING.DESKTOP : MODAL_PADDING.MOBILE;
+        const maxAllowedWidth = viewportWidth - modalPadding;
+        const optimalWidth = Math.min(imageWidth, maxAllowedWidth);
+        $$invalidate(7, containerMaxWidth = `${optimalWidth}px`);
+        setTimeout(checkTextTruncation, 0);
+      }
+    };
+    const checkTextTruncation = () => {
+      if (textElement) {
+        $$invalidate(8, isTextTruncated = textElement.scrollHeight > textElement.clientHeight);
+      }
+    };
+    const dispatch2 = createEventDispatcher();
+    const navigatePrevious = () => {
+      if (!options || options.length === 0)
+        return;
+      const newIndex = (currentIndex - 1 + options.length) % options.length;
+      const answerText = options[newIndex]?.answer ? useRemoveRichTextHtmlTags(options[newIndex].answer) : "";
+      $$invalidate(9, navigationAnnouncement = `${answerText}`);
+      dispatch2("navigate", { index: newIndex });
+    };
+    const navigateNext = () => {
+      if (!options || options.length === 0)
+        return;
+      const newIndex = (currentIndex + 1) % options.length;
+      const answerText = options[newIndex]?.answer ? useRemoveRichTextHtmlTags(options[newIndex].answer) : "";
+      $$invalidate(9, navigationAnnouncement = `${answerText}`);
+      dispatch2("navigate", { index: newIndex });
+    };
+    const closeModal = () => {
+      $$invalidate(9, navigationAnnouncement = "");
+      dispatch2("close");
+    };
+    const updateModalSettings = ({ detail }) => {
+      if (!detail.isModalOpen) {
+        closeModal();
+      }
+    };
+    const KEYBOARD_ACTIONS = {
+      ArrowLeft: navigatePrevious,
+      ArrowRight: navigateNext,
+      Escape: closeModal
+    };
+    const handleKeydown = (e2) => {
+      if (!isOpen)
+        return;
+      if (!options || options.length === 0)
+        return;
+      const action2 = KEYBOARD_ACTIONS[e2.key];
+      if (action2) {
+        action2();
+        e2.preventDefault();
+      }
+    };
+    function div0_binding($$value) {
+      binding_callbacks[$$value ? "unshift" : "push"](() => {
+        imageViewerFocusEl = $$value;
+        $$invalidate(1, imageViewerFocusEl);
+      });
+    }
+    function div_binding($$value) {
+      binding_callbacks[$$value ? "unshift" : "push"](() => {
+        textElement = $$value;
+        $$invalidate(2, textElement);
+      });
+    }
+    function img_binding($$value) {
+      binding_callbacks[$$value ? "unshift" : "push"](() => {
+        imageElement = $$value;
+        $$invalidate(6, imageElement);
+      });
+    }
+    $$self.$$set = ($$props2) => {
+      if ("isOpen" in $$props2)
+        $$invalidate(0, isOpen = $$props2.isOpen);
+      if ("options" in $$props2)
+        $$invalidate(18, options = $$props2.options);
+      if ("currentIndex" in $$props2)
+        $$invalidate(19, currentIndex = $$props2.currentIndex);
+    };
+    $$self.$$.update = () => {
+      if ($$self.$$.dirty & /*options, currentIndex*/
+      786432) {
+        $:
+          $$invalidate(5, currentOption = options[currentIndex]);
+      }
+      if ($$self.$$.dirty & /*currentOption*/
+      32) {
+        $:
+          $$invalidate(4, currentImageUrl = currentOption?.media?.file?.url || "");
+      }
+      if ($$self.$$.dirty & /*currentOption*/
+      32) {
+        $:
+          $$invalidate(11, currentImageAlt = currentOption?.media?.alternative_text ? `Graphic, ${currentOption.media.alternative_text}` : "Graphic");
+      }
+      if ($$self.$$.dirty & /*currentOption*/
+      32) {
+        $:
+          $$invalidate(3, fullAnswerText = currentOption?.answer ? useRemoveRichTextHtmlTags(currentOption.answer) : "");
+      }
+      if ($$self.$$.dirty & /*isOpen*/
+      1) {
+        $:
+          $$invalidate(10, imageModalData = {
+            isModalOpen: isOpen,
+            modalAriaLabel: "Image viewer"
+          });
+      }
+      if ($$self.$$.dirty & /*currentImageUrl*/
+      16) {
+        $:
+          if (currentImageUrl) {
+            $$invalidate(7, containerMaxWidth = "100%");
+          }
+      }
+      if ($$self.$$.dirty & /*fullAnswerText, textElement*/
+      12) {
+        $:
+          if (fullAnswerText && textElement) {
+            setTimeout(checkTextTruncation, 0);
+          }
+      }
+      if ($$self.$$.dirty & /*isOpen, imageViewerFocusEl*/
+      3) {
+        $: {
+          if (isOpen) {
+            tick().then(() => {
+              imageViewerFocusEl?.focus();
+            });
+          }
+        }
+      }
+    };
+    return [
+      isOpen,
+      imageViewerFocusEl,
+      textElement,
+      fullAnswerText,
+      currentImageUrl,
+      currentOption,
+      imageElement,
+      containerMaxWidth,
+      isTextTruncated,
+      navigationAnnouncement,
+      imageModalData,
+      currentImageAlt,
+      handleImageLoad,
+      navigatePrevious,
+      navigateNext,
+      closeModal,
+      updateModalSettings,
+      handleKeydown,
+      options,
+      currentIndex,
+      div0_binding,
+      div_binding,
+      img_binding
+    ];
+  }
+  var PromptMCQImageModal = class extends SvelteComponent {
+    constructor(options) {
+      super();
+      init(this, options, instance8, create_fragment8, safe_not_equal, { isOpen: 0, options: 18, currentIndex: 19 });
+    }
+    get isOpen() {
+      return this.$$.ctx[0];
+    }
+    set isOpen(isOpen) {
+      this.$$set({ isOpen });
+      flush();
+    }
+    get options() {
+      return this.$$.ctx[18];
+    }
+    set options(options) {
+      this.$$set({ options });
+      flush();
+    }
+    get currentIndex() {
+      return this.$$.ctx[19];
+    }
+    set currentIndex(currentIndex) {
+      this.$$set({ currentIndex });
+      flush();
+    }
+  };
+  customElements.define("prompt-mcq-image-modal", create_custom_element(PromptMCQImageModal, { "isOpen": { "type": "Boolean" }, "options": {}, "currentIndex": {} }, [], [], true));
+  var PromptMCQImageModal_default = PromptMCQImageModal;
+
+  // src/lib/components/prompt/mcq/PromptMCQ.svelte
+  function get_each_context(ctx, list, i) {
+    const child_ctx = ctx.slice();
+    child_ctx[38] = list[i];
+    child_ctx[40] = i;
+    return child_ctx;
+  }
+  function create_if_block_122(ctx) {
+    let promptresult;
+    let current;
+    promptresult = new PromptResultFeedbackAlert_default({
+      props: {
+        hasIcon: true,
+        isFeedbackAlert: (
+          /*isPreviewModeInteractive*/
+          ctx[3] ? false : true
+        ),
+        isResultCorrect: (
+          /*selectedOptions*/
+          ctx[4].length === /*correctAnswersLength*/
+          ctx[5] && /*isResultCorrect*/
+          ctx[17](
+            /*selectedOptions*/
+            ctx[4],
+            /*correctAnswerIds*/
+            ctx[6]
+          )
+        ),
+        isSkipped: (
+          /*isSkipped*/
+          ctx[18]()
+        ),
+        resultFeedback: (
+          /*resultFeedback*/
+          ctx[7]
+        )
+      }
+    });
+    return {
+      c() {
+        create_component(promptresult.$$.fragment);
+      },
+      m(target, anchor) {
+        mount_component(promptresult, target, anchor);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        const promptresult_changes = {};
+        if (dirty[0] & /*isPreviewModeInteractive*/
+        8)
+          promptresult_changes.isFeedbackAlert = /*isPreviewModeInteractive*/
+          ctx2[3] ? false : true;
+        if (dirty[0] & /*selectedOptions, correctAnswersLength, correctAnswerIds*/
+        112)
+          promptresult_changes.isResultCorrect = /*selectedOptions*/
+          ctx2[4].length === /*correctAnswersLength*/
+          ctx2[5] && /*isResultCorrect*/
+          ctx2[17](
+            /*selectedOptions*/
+            ctx2[4],
+            /*correctAnswerIds*/
+            ctx2[6]
+          );
+        if (dirty[0] & /*resultFeedback*/
+        128)
+          promptresult_changes.resultFeedback = /*resultFeedback*/
+          ctx2[7];
+        promptresult.$set(promptresult_changes);
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(promptresult.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(promptresult.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        destroy_component(promptresult, detaching);
+      }
+    };
+  }
+  function create_if_block_14(ctx) {
+    let div2;
+    let div0;
+    let div0_class_value;
+    let t2;
+    let div1;
+    let div1_class_value;
+    let div2_class_value;
+    let current;
+    let each_value = ensure_array_like(Object.values(
+      /*options*/
+      ctx[15]
+    ));
+    let each_blocks = [];
+    for (let i = 0; i < each_value.length; i += 1) {
+      each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
+    }
+    const out = (i) => transition_out(each_blocks[i], 1, 1, () => {
+      each_blocks[i] = null;
+    });
+    return {
+      c() {
+        div2 = element("div");
+        div0 = element("div");
+        t2 = space();
+        div1 = element("div");
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          each_blocks[i].c();
+        }
+        attr(div0, "class", div0_class_value = /*isDataSaving*/
+        ctx[0] ? "absolute inset-0 bg-transparent z-50" : "");
+        attr(div1, "class", div1_class_value = /*optionHasMedia*/
+        ctx[16] ? "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 md:max-w-[620px] md:mx-auto lg:mx-0" : "");
+        attr(div2, "class", div2_class_value = /*optionHasMedia*/
+        ctx[16] ? "w-full" : "relative");
+      },
+      m(target, anchor) {
+        insert(target, div2, anchor);
+        append(div2, div0);
+        append(div2, t2);
+        append(div2, div1);
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          if (each_blocks[i]) {
+            each_blocks[i].m(div1, null);
+          }
+        }
+        current = true;
+      },
+      p(ctx2, dirty) {
+        if (!current || dirty[0] & /*isDataSaving*/
+        1 && div0_class_value !== (div0_class_value = /*isDataSaving*/
+        ctx2[0] ? "absolute inset-0 bg-transparent z-50" : "")) {
+          attr(div0, "class", div0_class_value);
+        }
+        if (dirty[0] & /*openImageModal, optionHasMedia, correctAnswersLength, selectedOptions, options, isFinished, isPreviewModeInteractive, isPreviewMode, correctAnswerIds, handleOptionClick*/
+        1671294) {
+          each_value = ensure_array_like(Object.values(
+            /*options*/
+            ctx2[15]
           ));
           let i;
           for (i = 0; i < each_value.length; i += 1) {
@@ -4272,7 +6135,7 @@
       }
     };
   }
-  function create_if_block_92(ctx) {
+  function create_if_block_112(ctx) {
     let p;
     let t_value = (
       /*isPreviewModeInteractive*/
@@ -4308,7 +6171,7 @@
       }
     };
   }
-  function create_if_block_82(ctx) {
+  function create_if_block_102(ctx) {
     let span;
     let t_value = (
       /*isPreviewModeInteractive*/
@@ -4344,7 +6207,7 @@
       }
     };
   }
-  function create_if_block_72(ctx) {
+  function create_if_block_92(ctx) {
     let span;
     return {
       c() {
@@ -4362,7 +6225,7 @@
       }
     };
   }
-  function create_if_block_62(ctx) {
+  function create_if_block_82(ctx) {
     let span;
     let svgloader;
     let current;
@@ -4402,14 +6265,14 @@
       }
     };
   }
-  function create_if_block_42(ctx) {
+  function create_if_block_62(ctx) {
     let span;
     let show_if;
     let current_block_type_index;
     let if_block;
     let span_class_value;
     let current;
-    const if_block_creators = [create_if_block_52, create_else_block];
+    const if_block_creators = [create_if_block_72, create_else_block];
     const if_blocks = [];
     function select_block_type(ctx2, dirty) {
       if (dirty[0] & /*correctAnswerIds, isPreviewMode, isPreviewModeInteractive*/
@@ -4419,7 +6282,7 @@
         show_if = !!/*correctAnswerIds*/
         (ctx2[6]?.includes(
           /*option*/
-          ctx2[31].id
+          ctx2[38].id
         ) || /*isPreviewMode*/
         ctx2[2] && !/*isPreviewModeInteractive*/
         ctx2[3]);
@@ -4437,7 +6300,7 @@
         attr(span, "class", span_class_value = /*correctAnswerIds*/
         (ctx[6]?.includes(
           /*option*/
-          ctx[31].id
+          ctx[38].id
         ) || /*isPreviewMode*/
         ctx[2] && !/*isPreviewModeInteractive*/
         ctx[3] ? "text-green-900" : "text-red-900") + " p-0.5");
@@ -4469,7 +6332,7 @@
         76 && span_class_value !== (span_class_value = /*correctAnswerIds*/
         (ctx2[6]?.includes(
           /*option*/
-          ctx2[31].id
+          ctx2[38].id
         ) || /*isPreviewMode*/
         ctx2[2] && !/*isPreviewModeInteractive*/
         ctx2[3] ? "text-green-900" : "text-red-900") + " p-0.5")) {
@@ -4526,7 +6389,7 @@
       }
     };
   }
-  function create_if_block_52(ctx) {
+  function create_if_block_72(ctx) {
     let svgloader;
     let current;
     svgloader = new SvgLoader_default({
@@ -4558,18 +6421,18 @@
       }
     };
   }
-  function create_if_block_24(ctx) {
+  function create_if_block_42(ctx) {
     let span;
     let show_if = (
       /*selectedOptions*/
       ctx[4].includes(
         /*option*/
-        ctx[31].id
+        ctx[38].id
       )
     );
     let span_class_value;
     let current;
-    let if_block = show_if && create_if_block_34(ctx);
+    let if_block = show_if && create_if_block_52(ctx);
     return {
       c() {
         span = element("span");
@@ -4578,7 +6441,7 @@
         attr(span, "class", span_class_value = "custom-checkbox " + /*selectedOptions*/
         (ctx[4].includes(
           /*option*/
-          ctx[31].id
+          ctx[38].id
         ) ? "border-soft-blue" : "border-gray-850") + " " + /*isPreviewMode*/
         (ctx[2] && !/*isPreviewModeInteractive*/
         ctx[3] || /*isFinished*/
@@ -4600,7 +6463,7 @@
           show_if = /*selectedOptions*/
           ctx2[4].includes(
             /*option*/
-            ctx2[31].id
+            ctx2[38].id
           );
         if (show_if) {
           if (if_block) {
@@ -4609,7 +6472,7 @@
               transition_in(if_block, 1);
             }
           } else {
-            if_block = create_if_block_34(ctx2);
+            if_block = create_if_block_52(ctx2);
             if_block.c();
             transition_in(if_block, 1);
             if_block.m(span, null);
@@ -4625,7 +6488,7 @@
         62 && span_class_value !== (span_class_value = "custom-checkbox " + /*selectedOptions*/
         (ctx2[4].includes(
           /*option*/
-          ctx2[31].id
+          ctx2[38].id
         ) ? "border-soft-blue" : "border-gray-850") + " " + /*isPreviewMode*/
         (ctx2[2] && !/*isPreviewModeInteractive*/
         ctx2[3] || /*isFinished*/
@@ -4656,7 +6519,7 @@
       }
     };
   }
-  function create_if_block_34(ctx) {
+  function create_if_block_52(ctx) {
     let span;
     let svgloader;
     let current;
@@ -4695,7 +6558,7 @@
       }
     };
   }
-  function create_if_block_14(ctx) {
+  function create_if_block_34(ctx) {
     let div;
     let img;
     let img_id_value;
@@ -4706,14 +6569,14 @@
         div = element("div");
         img = element("img");
         attr(img, "id", img_id_value = "img-" + /*index*/
-        ctx[33]);
+        ctx[40]);
         attr(img, "alt", img_alt_value = "Graphic, " + /*option*/
-        ctx[31].media.alternative_text);
-        attr(img, "class", "min-h-[154px] max-h-[184px] w-auto max-w-full object-contain pointer-events-none");
+        ctx[38]?.media?.alternative_text);
+        attr(img, "class", "min-h-[154px] max-h-[184px] w-auto max-w-full object-contain pointer-events-none cursor-pointer");
         if (!src_url_equal(img.src, img_src_value = /*option*/
-        ctx[31].media.file.url))
+        ctx[38]?.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");
+        attr(div, "class", "relative w-full overflow-hidden bg-white rounded-b-lg flex items-center justify-center");
       },
       m(target, anchor) {
         insert(target, div, anchor);
@@ -4727,21 +6590,88 @@
       }
     };
   }
+  function create_if_block_24(ctx) {
+    let button;
+    let span;
+    let svgloader;
+    let current;
+    let mounted;
+    let dispose;
+    svgloader = new SvgLoader_default({
+      props: {
+        svgName: "expandIcon",
+        className: "w-3 h-3"
+      }
+    });
+    function click_handler_1(...args) {
+      return (
+        /*click_handler_1*/
+        ctx[27](
+          /*index*/
+          ctx[40],
+          ...args
+        )
+      );
+    }
+    return {
+      c() {
+        button = element("button");
+        span = element("span");
+        create_component(svgloader.$$.fragment);
+        attr(span, "class", "icon-surface-lg");
+        attr(button, "aria-label", "Expand image");
+        attr(button, "aria-haspopup", "dialog");
+        attr(button, "class", "btn-square-lg expand-trigger");
+      },
+      m(target, anchor) {
+        insert(target, button, anchor);
+        append(button, span);
+        mount_component(svgloader, span, null);
+        current = true;
+        if (!mounted) {
+          dispose = listen(button, "click", click_handler_1);
+          mounted = true;
+        }
+      },
+      p(new_ctx, dirty) {
+        ctx = new_ctx;
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(svgloader.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(svgloader.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(button);
+        }
+        destroy_component(svgloader);
+        mounted = false;
+        dispose();
+      }
+    };
+  }
   function create_each_block(ctx) {
     let show_if_5 = (
       /*isFinished*/
       ctx[1] && /*selectedOptions*/
       ctx[4].includes(
         /*option*/
-        ctx[31].id
+        ctx[38].id
       ) && /*correctAnswersLength*/
       ctx[5] === 1 && !/*optionHasMedia*/
-      ctx[13] && (!/*isPreviewMode*/
+      ctx[16] && (!/*isPreviewMode*/
       ctx[2] || /*isPreviewMode*/
       ctx[2] && /*isPreviewModeInteractive*/
       ctx[3])
     );
     let t0;
+    let div;
     let button;
     let span5;
     let span4;
@@ -4749,7 +6679,7 @@
     let span0;
     let t1_value = useMCQ_default(
       /*index*/
-      ctx[33]
+      ctx[40]
     ) + "";
     let t1;
     let span0_class_value;
@@ -4760,10 +6690,10 @@
       ctx[1] && /*selectedOptions*/
       ctx[4].includes(
         /*option*/
-        ctx[31].id
+        ctx[38].id
       ) && /*correctAnswersLength*/
       ctx[5] === 1 && /*optionHasMedia*/
-      ctx[13] && (!/*isPreviewMode*/
+      ctx[16] && (!/*isPreviewMode*/
       ctx[2] || /*isPreviewMode*/
       ctx[2] && /*isPreviewModeInteractive*/
       ctx[3] && /*selectedOptions*/
@@ -4776,11 +6706,11 @@
       ctx[1] && /*correctAnswerIds*/
       ctx[6]?.includes(
         /*option*/
-        ctx[31].id
+        ctx[38].id
       ) && (!/*selectedOptions*/
       ctx[4].includes(
         /*option*/
-        ctx[31].id
+        ctx[38].id
       ) || !/*selectedOptions*/
       ctx[4].length) && (!/*isPreviewModeInteractive*/
       ctx[3] || /*isPreviewModeInteractive*/
@@ -4797,11 +6727,11 @@
       ctx[1] && /*correctAnswerIds*/
       ctx[6]?.includes(
         /*option*/
-        ctx[31].id
+        ctx[38].id
       ) && !/*selectedOptions*/
       ctx[4].includes(
         /*option*/
-        ctx[31].id
+        ctx[38].id
       ) && (!/*isPreviewModeInteractive*/
       ctx[3] || /*isPreviewModeInteractive*/
       ctx[3] && /*selectedOptions*/
@@ -4813,7 +6743,7 @@
       /*selectedOptions*/
       ctx[4].includes(
         /*option*/
-        ctx[31].id
+        ctx[38].id
       ) && /*isFinished*/
       (ctx[1] && !/*isPreviewModeInteractive*/
       ctx[3] || /*isPreviewModeInteractive*/
@@ -4830,17 +6760,16 @@
       ctx[1] && !/*selectedOptions*/
       ctx[4].includes(
         /*option*/
-        ctx[31].id
+        ctx[38].id
       ) && !/*correctAnswerIds*/
       ctx[6].includes(
         /*option*/
-        ctx[31].id
+        ctx[38].id
       ) || /*isPreviewModeInteractive*/
       ctx[3])
     );
     let span5_class_value;
     let t8;
-    let t9;
     let button_role_value;
     let button_tabindex_value;
     let button_aria_describedby_value;
@@ -4848,51 +6777,58 @@
     let button_aria_disabled_value;
     let button_aria_label_value;
     let button_class_value;
+    let t9;
+    let t10;
     let current;
     let mounted;
     let dispose;
-    let if_block0 = show_if_5 && create_if_block_92(ctx);
-    let if_block1 = show_if_4 && create_if_block_82(ctx);
-    let if_block2 = show_if_3 && create_if_block_72(ctx);
+    let if_block0 = show_if_5 && create_if_block_112(ctx);
+    let if_block1 = show_if_4 && create_if_block_102(ctx);
+    let if_block2 = show_if_3 && create_if_block_92(ctx);
     commonstringtohtml = new CommonStringToHtml_default({
       props: {
         otherClass: "overflow-hidden text-ellipsis line-clamp-3",
         htmlString: (
           /*option*/
-          ctx[31].answer
+          ctx[38].answer
         )
       }
     });
-    let if_block3 = show_if_2 && create_if_block_62(ctx);
-    let if_block4 = show_if_1 && create_if_block_42(ctx);
-    let if_block5 = show_if && create_if_block_24(ctx);
+    let if_block3 = show_if_2 && create_if_block_82(ctx);
+    let if_block4 = show_if_1 && create_if_block_62(ctx);
+    let if_block5 = show_if && create_if_block_42(ctx);
     let if_block6 = (
       /*optionHasMedia*/
-      ctx[13] && create_if_block_14(ctx)
+      ctx[16] && create_if_block_34(ctx)
     );
     function func() {
       return (
         /*func*/
-        ctx[19](
+        ctx[25](
           /*option*/
-          ctx[31]
+          ctx[38]
         )
       );
     }
     function click_handler() {
       return (
         /*click_handler*/
-        ctx[20](
+        ctx[26](
           /*option*/
-          ctx[31]
+          ctx[38]
         )
       );
     }
+    let if_block7 = (
+      /*optionHasMedia*/
+      ctx[16] && create_if_block_24(ctx)
+    );
     return {
       c() {
         if (if_block0)
           if_block0.c();
         t0 = space();
+        div = element("div");
         button = element("button");
         span5 = element("span");
         span4 = element("span");
@@ -4922,26 +6858,29 @@
         if (if_block6)
           if_block6.c();
         t9 = space();
+        if (if_block7)
+          if_block7.c();
+        t10 = space();
         attr(span0, "class", span0_class_value = "choice " + /*optionHasMedia*/
-        (ctx[13] ? "my-1.5" : ""));
+        (ctx[16] ? "my-1.5" : ""));
         attr(span1, "class", "flex flex-col px-3 text-left");
         attr(span2, "class", "flex items-center");
         attr(span3, "class", "flex items-center");
         attr(span4, "class", "flex items-center justify-between w-full");
         attr(span5, "class", span5_class_value = "btn-mcq-text " + /*optionHasMedia*/
-        (ctx[13] ? "min-h-[44px]" : ""));
+        (ctx[16] ? "min-h-[44px]" : ""));
         attr(button, "role", button_role_value = /*correctAnswersLength*/
         ctx[5] > 1 ? "checkbox" : null);
         attr(button, "tabindex", button_tabindex_value = /*correctAnswersLength*/
         ctx[5] > 1 ? 0 : null);
         attr(button, "aria-describedby", button_aria_describedby_value = "img-" + /*index*/
-        ctx[33]);
+        ctx[40]);
         attr(button, "aria-checked", button_aria_checked_value = /*correctAnswersLength*/
         ctx[5] > 1 ? (
           /*selectedOptions*/
           ctx[4].includes(
             /*option*/
-            ctx[31].id
+            ctx[38].id
           )
         ) : null);
         attr(button, "aria-disabled", button_aria_disabled_value = /*isFinished*/
@@ -4952,30 +6891,30 @@
         ctx[3]) && /*selectedOptions*/
         ctx[4].includes(
           /*option*/
-          ctx[31].id
+          ctx[38].id
         ) ? "Selected " : ""}${`Option ${useMCQ_default(
           /*index*/
-          ctx[33]
+          ctx[40]
         )}`}: ${useRemoveRichTextHtmlTags(
           /*option*/
-          ctx[31].answer
+          ctx[38].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*/
+        (ctx[16] ? "min-w-[288px] max-w-[304px] min-h-[210px] md:min-w-full block" : "") + " " + (!/*isFinished*/
         ctx[1] || /*isPreviewModeInteractive*/
         ctx[3] ? "active:raw-focus-ring-by" : "finished") + " " + /*selectedOptions*/
         (ctx[4].includes(
           /*option*/
-          ctx[31].id
+          ctx[38].id
         ) ? "selected" : "") + " " + /*isFinished*/
         (ctx[1] && /*correctAnswerIds*/
         ctx[6]?.includes(
           /*option*/
-          ctx[31].id
+          ctx[38].id
         ) && (!/*selectedOptions*/
         ctx[4].includes(
           /*option*/
-          ctx[31].id
+          ctx[38].id
         ) || !/*selectedOptions*/
         ctx[4].length) && (!/*isPreviewModeInteractive*/
         ctx[3] || /*isPreviewModeInteractive*/
@@ -4991,11 +6930,11 @@
         ctx[3] && /*selectedOptions*/
         ctx[4].includes(
           /*option*/
-          ctx[31].id
+          ctx[38].id
         )) && /*correctAnswerIds*/
         ctx[6].includes(
           /*option*/
-          ctx[31].id
+          ctx[38].id
         ) ? "correct" : (
           /*isFinished*/
           ctx[1] && !/*isPreviewModeInteractive*/
@@ -5004,13 +6943,15 @@
           ctx[4].length === /*correctAnswersLength*/
           ctx[5] ? "incorrect" : ""
         )) + " " + /*isPreviewModeInteractive*/
-        (ctx[3] ? "interactive" : "") + " svelte-1sgrg21");
+        (ctx[3] ? "interactive" : ""));
+        attr(div, "class", "relative");
       },
       m(target, anchor) {
         if (if_block0)
           if_block0.m(target, anchor);
         insert(target, t0, anchor);
-        insert(target, button, anchor);
+        insert(target, div, anchor);
+        append(div, button);
         append(button, span5);
         append(span5, span4);
         append(span4, span2);
@@ -5038,7 +6979,10 @@
         append(button, t8);
         if (if_block6)
           if_block6.m(button, null);
-        append(button, t9);
+        append(div, t9);
+        if (if_block7)
+          if_block7.m(div, null);
+        append(div, t10);
         current = true;
         if (!mounted) {
           dispose = listen(button, "click", click_handler);
@@ -5053,10 +6997,10 @@
           ctx[1] && /*selectedOptions*/
           ctx[4].includes(
             /*option*/
-            ctx[31].id
+            ctx[38].id
           ) && /*correctAnswersLength*/
           ctx[5] === 1 && !/*optionHasMedia*/
-          ctx[13] && (!/*isPreviewMode*/
+          ctx[16] && (!/*isPreviewMode*/
           ctx[2] || /*isPreviewMode*/
           ctx[2] && /*isPreviewModeInteractive*/
           ctx[3]);
@@ -5064,7 +7008,7 @@
           if (if_block0) {
             if_block0.p(ctx, dirty);
           } else {
-            if_block0 = create_if_block_92(ctx);
+            if_block0 = create_if_block_112(ctx);
             if_block0.c();
             if_block0.m(t0.parentNode, t0);
           }
@@ -5078,10 +7022,10 @@
           ctx[1] && /*selectedOptions*/
           ctx[4].includes(
             /*option*/
-            ctx[31].id
+            ctx[38].id
           ) && /*correctAnswersLength*/
           ctx[5] === 1 && /*optionHasMedia*/
-          ctx[13] && (!/*isPreviewMode*/
+          ctx[16] && (!/*isPreviewMode*/
           ctx[2] || /*isPreviewMode*/
           ctx[2] && /*isPreviewModeInteractive*/
           ctx[3] && /*selectedOptions*/
@@ -5091,7 +7035,7 @@
           if (if_block1) {
             if_block1.p(ctx, dirty);
           } else {
-            if_block1 = create_if_block_82(ctx);
+            if_block1 = create_if_block_102(ctx);
             if_block1.c();
             if_block1.m(span1, t3);
           }
@@ -5105,11 +7049,11 @@
           ctx[1] && /*correctAnswerIds*/
           ctx[6]?.includes(
             /*option*/
-            ctx[31].id
+            ctx[38].id
           ) && (!/*selectedOptions*/
           ctx[4].includes(
             /*option*/
-            ctx[31].id
+            ctx[38].id
           ) || !/*selectedOptions*/
           ctx[4].length) && (!/*isPreviewModeInteractive*/
           ctx[3] || /*isPreviewModeInteractive*/
@@ -5119,7 +7063,7 @@
         if (show_if_3) {
           if (if_block2) {
           } else {
-            if_block2 = create_if_block_72(ctx);
+            if_block2 = create_if_block_92(ctx);
             if_block2.c();
             if_block2.m(span1, t4);
           }
@@ -5133,11 +7077,11 @@
           ctx[1] && /*correctAnswerIds*/
           ctx[6]?.includes(
             /*option*/
-            ctx[31].id
+            ctx[38].id
           ) && !/*selectedOptions*/
           ctx[4].includes(
             /*option*/
-            ctx[31].id
+            ctx[38].id
           ) && (!/*isPreviewModeInteractive*/
           ctx[3] || /*isPreviewModeInteractive*/
           ctx[3] && /*selectedOptions*/
@@ -5150,7 +7094,7 @@
               transition_in(if_block3, 1);
             }
           } else {
-            if_block3 = create_if_block_62(ctx);
+            if_block3 = create_if_block_82(ctx);
             if_block3.c();
             transition_in(if_block3, 1);
             if_block3.m(span3, t6);
@@ -5167,7 +7111,7 @@
           show_if_1 = /*selectedOptions*/
           ctx[4].includes(
             /*option*/
-            ctx[31].id
+            ctx[38].id
           ) && /*isFinished*/
           (ctx[1] && !/*isPreviewModeInteractive*/
           ctx[3] || /*isPreviewModeInteractive*/
@@ -5182,7 +7126,7 @@
               transition_in(if_block4, 1);
             }
           } else {
-            if_block4 = create_if_block_42(ctx);
+            if_block4 = create_if_block_62(ctx);
             if_block4.c();
             transition_in(if_block4, 1);
             if_block4.m(span3, t7);
@@ -5203,11 +7147,11 @@
           ctx[1] && !/*selectedOptions*/
           ctx[4].includes(
             /*option*/
-            ctx[31].id
+            ctx[38].id
           ) && !/*correctAnswerIds*/
           ctx[6].includes(
             /*option*/
-            ctx[31].id
+            ctx[38].id
           ) || /*isPreviewModeInteractive*/
           ctx[3]);
         if (show_if) {
@@ -5218,7 +7162,7 @@
               transition_in(if_block5, 1);
             }
           } else {
-            if_block5 = create_if_block_24(ctx);
+            if_block5 = create_if_block_42(ctx);
             if_block5.c();
             transition_in(if_block5, 1);
             if_block5.m(span3, null);
@@ -5232,7 +7176,7 @@
         }
         if (
           /*optionHasMedia*/
-          ctx[13]
+          ctx[16]
         )
           if_block6.p(ctx, dirty);
         if (!current || dirty[0] & /*correctAnswersLength*/
@@ -5251,7 +7195,7 @@
           /*selectedOptions*/
           ctx[4].includes(
             /*option*/
-            ctx[31].id
+            ctx[38].id
           )
         ) : null)) {
           attr(button, "aria-checked", button_aria_checked_value);
@@ -5268,33 +7212,33 @@
         ctx[3]) && /*selectedOptions*/
         ctx[4].includes(
           /*option*/
-          ctx[31].id
+          ctx[38].id
         ) ? "Selected " : ""}${`Option ${useMCQ_default(
           /*index*/
-          ctx[33]
+          ctx[40]
         )}`}: ${useRemoveRichTextHtmlTags(
           /*option*/
-          ctx[31].answer
+          ctx[38].answer
         )} ${func()}`)) {
           attr(button, "aria-label", button_aria_label_value);
         }
         if (!current || dirty[0] & /*isFinished, isPreviewModeInteractive, selectedOptions, correctAnswerIds, correctAnswersLength, isPreviewMode*/
         126 && button_class_value !== (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*/
+        (ctx[16] ? "min-w-[288px] max-w-[304px] min-h-[210px] md:min-w-full block" : "") + " " + (!/*isFinished*/
         ctx[1] || /*isPreviewModeInteractive*/
         ctx[3] ? "active:raw-focus-ring-by" : "finished") + " " + /*selectedOptions*/
         (ctx[4].includes(
           /*option*/
-          ctx[31].id
+          ctx[38].id
         ) ? "selected" : "") + " " + /*isFinished*/
         (ctx[1] && /*correctAnswerIds*/
         ctx[6]?.includes(
           /*option*/
-          ctx[31].id
+          ctx[38].id
         ) && (!/*selectedOptions*/
         ctx[4].includes(
           /*option*/
-          ctx[31].id
+          ctx[38].id
         ) || !/*selectedOptions*/
         ctx[4].length) && (!/*isPreviewModeInteractive*/
         ctx[3] || /*isPreviewModeInteractive*/
@@ -5310,11 +7254,11 @@
         ctx[3] && /*selectedOptions*/
         ctx[4].includes(
           /*option*/
-          ctx[31].id
+          ctx[38].id
         )) && /*correctAnswerIds*/
         ctx[6].includes(
           /*option*/
-          ctx[31].id
+          ctx[38].id
         ) ? "correct" : (
           /*isFinished*/
           ctx[1] && !/*isPreviewModeInteractive*/
@@ -5323,9 +7267,14 @@
           ctx[4].length === /*correctAnswersLength*/
           ctx[5] ? "incorrect" : ""
         )) + " " + /*isPreviewModeInteractive*/
-        (ctx[3] ? "interactive" : "") + " svelte-1sgrg21")) {
+        (ctx[3] ? "interactive" : ""))) {
           attr(button, "class", button_class_value);
         }
+        if (
+          /*optionHasMedia*/
+          ctx[16]
+        )
+          if_block7.p(ctx, dirty);
       },
       i(local) {
         if (current)
@@ -5334,6 +7283,7 @@
         transition_in(if_block3);
         transition_in(if_block4);
         transition_in(if_block5);
+        transition_in(if_block7);
         current = true;
       },
       o(local) {
@@ -5341,12 +7291,13 @@
         transition_out(if_block3);
         transition_out(if_block4);
         transition_out(if_block5);
+        transition_out(if_block7);
         current = false;
       },
       d(detaching) {
         if (detaching) {
           detach(t0);
-          detach(button);
+          detach(div);
         }
         if (if_block0)
           if_block0.d(detaching);
@@ -5363,12 +7314,14 @@
           if_block5.d();
         if (if_block6)
           if_block6.d();
+        if (if_block7)
+          if_block7.d();
         mounted = false;
         dispose();
       }
     };
   }
-  function create_default_slot(ctx) {
+  function create_default_slot2(ctx) {
     let div1;
     let div0;
     let t2;
@@ -5376,11 +7329,11 @@
     let current;
     let if_block0 = (
       /*isFeedbackShown*/
-      ctx[8] && create_if_block_102(ctx)
+      ctx[10] && create_if_block_122(ctx)
     );
     let if_block1 = (
       /*options*/
-      ctx[12] && create_if_block6(ctx)
+      ctx[15] && create_if_block_14(ctx)
     );
     return {
       c() {
@@ -5392,10 +7345,8 @@
         if (if_block1)
           if_block1.c();
         attr(div0, "aria-live", "polite");
-        attr(div1, "class", div1_class_value = null_to_empty(
-          /*dynamicInteractionWidth*/
-          ctx[30]
-        ) + " svelte-1sgrg21");
+        attr(div1, "class", div1_class_value = /*dynamicInteractionWidth*/
+        ctx[37]);
       },
       m(target, anchor) {
         insert(target, div1, anchor);
@@ -5410,16 +7361,16 @@
       p(ctx2, dirty) {
         if (
           /*isFeedbackShown*/
-          ctx2[8]
+          ctx2[10]
         ) {
           if (if_block0) {
             if_block0.p(ctx2, dirty);
             if (dirty[0] & /*isFeedbackShown*/
-            256) {
+            1024) {
               transition_in(if_block0, 1);
             }
           } else {
-            if_block0 = create_if_block_102(ctx2);
+            if_block0 = create_if_block_122(ctx2);
             if_block0.c();
             transition_in(if_block0, 1);
             if_block0.m(div0, null);
@@ -5433,14 +7384,12 @@
         }
         if (
           /*options*/
-          ctx2[12]
+          ctx2[15]
         )
           if_block1.p(ctx2, dirty);
-        if (!current || dirty[0] & /*dynamicInteractionWidth*/
-        1073741824 && div1_class_value !== (div1_class_value = null_to_empty(
-          /*dynamicInteractionWidth*/
-          ctx2[30]
-        ) + " svelte-1sgrg21")) {
+        if (!current || dirty[1] & /*dynamicInteractionWidth*/
+        64 && div1_class_value !== (div1_class_value = /*dynamicInteractionWidth*/
+        ctx2[37])) {
           attr(div1, "class", div1_class_value);
         }
       },
@@ -5467,67 +7416,181 @@
       }
     };
   }
-  function create_fragment6(ctx) {
+  function create_if_block8(ctx) {
+    let promptmcqimagemodal;
+    let current;
+    promptmcqimagemodal = new PromptMCQImageModal_default({
+      props: {
+        isOpen: (
+          /*imageModalData*/
+          ctx[8].isModalOpen
+        ),
+        options: (
+          /*optionArray*/
+          ctx[11]
+        ),
+        currentIndex: (
+          /*currentOptionIndex*/
+          ctx[9]
+        )
+      }
+    });
+    promptmcqimagemodal.$on(
+      "close",
+      /*closeImageModal*/
+      ctx[21]
+    );
+    promptmcqimagemodal.$on(
+      "navigate",
+      /*handleModalNavigation*/
+      ctx[22]
+    );
+    return {
+      c() {
+        create_component(promptmcqimagemodal.$$.fragment);
+      },
+      m(target, anchor) {
+        mount_component(promptmcqimagemodal, target, anchor);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        const promptmcqimagemodal_changes = {};
+        if (dirty[0] & /*imageModalData*/
+        256)
+          promptmcqimagemodal_changes.isOpen = /*imageModalData*/
+          ctx2[8].isModalOpen;
+        if (dirty[0] & /*optionArray*/
+        2048)
+          promptmcqimagemodal_changes.options = /*optionArray*/
+          ctx2[11];
+        if (dirty[0] & /*currentOptionIndex*/
+        512)
+          promptmcqimagemodal_changes.currentIndex = /*currentOptionIndex*/
+          ctx2[9];
+        promptmcqimagemodal.$set(promptmcqimagemodal_changes);
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(promptmcqimagemodal.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(promptmcqimagemodal.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        destroy_component(promptmcqimagemodal, detaching);
+      }
+    };
+  }
+  function create_fragment9(ctx) {
     let promptbody;
+    let t2;
+    let if_block_anchor;
     let current;
     promptbody = new PromptBody_default({
       props: {
         rubric: (
           /*rubric*/
-          ctx[9].text
+          ctx[12].text
         ),
         prompt: (
           /*prompt*/
-          ctx[11]
+          ctx[14]
         ),
         interactionType: INTERACTION_TYPE_MCQ,
         stimulus: (
           /*stimulus*/
-          ctx[10]
+          ctx[13]
         ),
         $$slots: {
           default: [
-            create_default_slot,
-            ({ dynamicInteractionWidth }) => ({ 30: dynamicInteractionWidth }),
-            ({ dynamicInteractionWidth }) => [dynamicInteractionWidth ? 1073741824 : 0]
+            create_default_slot2,
+            ({ dynamicInteractionWidth }) => ({ 37: dynamicInteractionWidth }),
+            ({ dynamicInteractionWidth }) => [0, dynamicInteractionWidth ? 64 : 0]
           ]
         },
         $$scope: { ctx }
       }
     });
+    let if_block = (
+      /*imageModalData*/
+      ctx[8].isModalOpen && create_if_block8(ctx)
+    );
     return {
       c() {
         create_component(promptbody.$$.fragment);
+        t2 = space();
+        if (if_block)
+          if_block.c();
+        if_block_anchor = empty();
       },
       m(target, anchor) {
         mount_component(promptbody, target, anchor);
+        insert(target, t2, anchor);
+        if (if_block)
+          if_block.m(target, anchor);
+        insert(target, if_block_anchor, anchor);
         current = true;
       },
       p(ctx2, dirty) {
         const promptbody_changes = {};
-        if (dirty[0] & /*dynamicInteractionWidth, correctAnswersLength, selectedOptions, isFinished, isPreviewModeInteractive, isPreviewMode, correctAnswerIds, isDataSaving, resultFeedback, isFeedbackShown*/
-        1073742335 | dirty[1] & /*$$scope*/
-        8) {
+        if (dirty[0] & /*correctAnswersLength, selectedOptions, isFinished, isPreviewModeInteractive, isPreviewMode, correctAnswerIds, isDataSaving, resultFeedback, isFeedbackShown*/
+        1279 | dirty[1] & /*$$scope, dynamicInteractionWidth*/
+        1088) {
           promptbody_changes.$$scope = { dirty, ctx: ctx2 };
         }
-        promptbody.$set(promptbody_changes);
+        promptbody.$set(promptbody_changes);
+        if (
+          /*imageModalData*/
+          ctx2[8].isModalOpen
+        ) {
+          if (if_block) {
+            if_block.p(ctx2, dirty);
+            if (dirty[0] & /*imageModalData*/
+            256) {
+              transition_in(if_block, 1);
+            }
+          } else {
+            if_block = create_if_block8(ctx2);
+            if_block.c();
+            transition_in(if_block, 1);
+            if_block.m(if_block_anchor.parentNode, if_block_anchor);
+          }
+        } else if (if_block) {
+          group_outros();
+          transition_out(if_block, 1, 1, () => {
+            if_block = null;
+          });
+          check_outros();
+        }
       },
       i(local) {
         if (current)
           return;
         transition_in(promptbody.$$.fragment, local);
+        transition_in(if_block);
         current = true;
       },
       o(local) {
         transition_out(promptbody.$$.fragment, local);
+        transition_out(if_block);
         current = false;
       },
       d(detaching) {
+        if (detaching) {
+          detach(t2);
+          detach(if_block_anchor);
+        }
         destroy_component(promptbody, detaching);
+        if (if_block)
+          if_block.d(detaching);
       }
     };
   }
-  function instance6($$self, $$props, $$invalidate) {
+  function instance9($$self, $$props, $$invalidate) {
+    let optionArray;
     let isFeedbackShown;
     let { sessionData } = $$props;
     let { isDataSaving } = $$props;
@@ -5544,7 +7607,9 @@
     let answerIds2 = [];
     let correctAnswerIds = [];
     let interactiveHasAnswered = false;
-    const dispatch = createEventDispatcher();
+    let imageModalData = { isModalOpen: false, modalAriaLabel: "" };
+    let currentOptionIndex = 0;
+    const dispatch2 = createEventDispatcher();
     if (metadata) {
       const { events } = metadata.interactions;
       const currentOption = events.pop();
@@ -5596,7 +7661,7 @@
         }
         $$invalidate(4, selectedOptions = [...selectedOptions]);
         selectedChoices = [...selectedChoices];
-        dispatch("saveOption", {
+        dispatch2("saveOption", {
           answer_id: [...selectedOptions],
           answer_choice: [...selectedChoices]
         });
@@ -5605,13 +7670,13 @@
           return;
         $$invalidate(4, selectedOptions = [optionId]);
         option = useRemoveRichTextHtmlTags(option);
-        dispatch("saveOption", {
+        dispatch2("saveOption", {
           answer_id: [optionId],
           answer_choice: [useRemoveRichTextHtmlTags(option)]
         });
       }
       if (isPreviewModeInteractive) {
-        $$invalidate(18, interactiveHasAnswered = true);
+        $$invalidate(24, interactiveHasAnswered = true);
         $$invalidate(7, resultFeedback = null);
         if (correctAnswersLength === selectedOptions.length) {
           tick().then(() => {
@@ -5620,6 +7685,20 @@
         }
       }
     };
+    const openImageModal = (index, event) => {
+      event.stopPropagation();
+      $$invalidate(9, currentOptionIndex = index);
+      $$invalidate(8, imageModalData = {
+        isModalOpen: true,
+        modalAriaLabel: "Image viewer"
+      });
+    };
+    const closeImageModal = () => {
+      $$invalidate(8, imageModalData = { isModalOpen: false, modalAriaLabel: "" });
+    };
+    const handleModalNavigation = ({ detail }) => {
+      $$invalidate(9, currentOptionIndex = detail.index);
+    };
     const func = (option) => {
       if (isFinished && !isPreviewMode && !isPreviewModeInteractive) {
         if (correctAnswerIds.includes(option.id)) {
@@ -5641,9 +7720,10 @@
       return "";
     };
     const click_handler = (option) => handleOptionClick(option.id, option.answer);
+    const click_handler_1 = (index, e2) => openImageModal(index, e2);
     $$self.$$set = ($$props2) => {
       if ("sessionData" in $$props2)
-        $$invalidate(17, sessionData = $$props2.sessionData);
+        $$invalidate(23, sessionData = $$props2.sessionData);
       if ("isDataSaving" in $$props2)
         $$invalidate(0, isDataSaving = $$props2.isDataSaving);
       if ("isFinished" in $$props2)
@@ -5655,11 +7735,13 @@
     };
     $$self.$$.update = () => {
       if ($$self.$$.dirty[0] & /*isFinished, isPreviewModeInteractive, selectedOptions, correctAnswerIds, correctAnswersLength, interactiveHasAnswered*/
-      262266) {
+      16777338) {
         $:
-          $$invalidate(8, isFeedbackShown = isFinished && !isPreviewModeInteractive && (!isResultCorrect(selectedOptions, correctAnswerIds) || !selectedOptions.length) || isPreviewModeInteractive && (selectedOptions.length === correctAnswersLength || !selectedOptions.length && interactiveHasAnswered));
+          $$invalidate(10, isFeedbackShown = isFinished && !isPreviewModeInteractive && (!isResultCorrect(selectedOptions, correctAnswerIds) || !selectedOptions.length) || isPreviewModeInteractive && (selectedOptions.length === correctAnswersLength || !selectedOptions.length && interactiveHasAnswered));
       }
     };
+    $:
+      $$invalidate(11, optionArray = options ? Object.values(options) : []);
     return [
       isDataSaving,
       isFinished,
@@ -5669,7 +7751,10 @@
       correctAnswersLength,
       correctAnswerIds,
       resultFeedback,
+      imageModalData,
+      currentOptionIndex,
       isFeedbackShown,
+      optionArray,
       rubric,
       stimulus,
       prompt,
@@ -5678,10 +7763,14 @@
       isResultCorrect,
       isSkipped,
       handleOptionClick,
+      openImageModal,
+      closeImageModal,
+      handleModalNavigation,
       sessionData,
       interactiveHasAnswered,
       func,
-      click_handler
+      click_handler,
+      click_handler_1
     ];
   }
   var PromptMCQ = class extends SvelteComponent {
@@ -5690,22 +7779,22 @@
       init(
         this,
         options,
-        instance6,
-        create_fragment6,
+        instance9,
+        create_fragment9,
         safe_not_equal,
         {
-          sessionData: 17,
+          sessionData: 23,
           isDataSaving: 0,
           isFinished: 1,
           isPreviewMode: 2,
           isPreviewModeInteractive: 3
         },
-        add_css,
+        null,
         [-1, -1]
       );
     }
     get sessionData() {
-      return this.$$.ctx[17];
+      return this.$$.ctx[23];
     }
     set sessionData(sessionData) {
       this.$$set({ sessionData });
@@ -5816,7 +7905,7 @@
   var svelte_autosize_default = action;
 
   // src/lib/components/common/InvalidBanner.svelte
-  function create_fragment7(ctx) {
+  function create_fragment10(ctx) {
     let p;
     let t2;
     return {
@@ -5850,7 +7939,7 @@
       }
     };
   }
-  function instance7($$self, $$props, $$invalidate) {
+  function instance10($$self, $$props, $$invalidate) {
     let { bannerLabel: bannerLabel2 = "Invalid." } = $$props;
     $$self.$$set = ($$props2) => {
       if ("bannerLabel" in $$props2)
@@ -5861,7 +7950,7 @@
   var InvalidBanner = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance7, create_fragment7, safe_not_equal, { bannerLabel: 0 });
+      init(this, options, instance10, create_fragment10, safe_not_equal, { bannerLabel: 0 });
     }
     get bannerLabel() {
       return this.$$.ctx[0];
@@ -6328,7 +8417,7 @@
       }
     };
   }
-  function create_if_block7(ctx) {
+  function create_if_block9(ctx) {
     let t0;
     let div;
     let t1;
@@ -7416,7 +9505,7 @@
       }
     };
   }
-  function create_default_slot2(ctx) {
+  function create_default_slot3(ctx) {
     let div;
     let current_block_type_index;
     let if_block0;
@@ -7442,7 +9531,7 @@
     if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
     let if_block1 = (
       /*isFinished*/
-      ctx[0] && create_if_block7(ctx)
+      ctx[0] && create_if_block9(ctx)
     );
     return {
       c() {
@@ -7475,7 +9564,7 @@
               transition_in(if_block1, 1);
             }
           } else {
-            if_block1 = create_if_block7(ctx2);
+            if_block1 = create_if_block9(ctx2);
             if_block1.c();
             transition_in(if_block1, 1);
             if_block1.m(div, null);
@@ -7515,7 +9604,7 @@
       }
     };
   }
-  function create_fragment8(ctx) {
+  function create_fragment11(ctx) {
     let promptbody;
     let current;
     promptbody = new PromptBody_default({
@@ -7539,7 +9628,7 @@
         ),
         $$slots: {
           default: [
-            create_default_slot2,
+            create_default_slot3,
             ({ dynamicInteractionWidth }) => ({ 59: dynamicInteractionWidth }),
             ({ dynamicInteractionWidth }) => [0, dynamicInteractionWidth ? 268435456 : 0]
           ]
@@ -7585,7 +9674,7 @@
     };
   }
   var idLabel = "answerText";
-  function instance8($$self, $$props, $$invalidate) {
+  function instance11($$self, $$props, $$invalidate) {
     let { sessionData } = $$props;
     let { isDataSaving } = $$props;
     let { isFinished = false } = $$props;
@@ -7594,7 +9683,7 @@
     let { isPreviewModeInteractive = false } = $$props;
     let { isPreviewCheckedAnswer = false } = $$props;
     let { sessionId } = $$props;
-    const dispatch = createEventDispatcher();
+    const dispatch2 = createEventDispatcher();
     let root;
     let inlineInputs;
     let typeinAnswer;
@@ -7685,7 +9774,7 @@
           );
         }
       } else {
-        dispatch("saveAnswer", {
+        dispatch2("saveAnswer", {
           answer: allEmpty ? [] : inlineTypeinAnswer
         });
       }
@@ -7818,7 +9907,7 @@
       if (isDataSaving || typeinAnswer === latestAnswer || !typeinAnswer && !latestAnswer)
         return;
       latestAnswer = typeinAnswer;
-      dispatch("saveAnswer", { answer: [typeinAnswer || ""] });
+      dispatch2("saveAnswer", { answer: [typeinAnswer || ""] });
     };
     const saveOnEnter = (event) => {
       if (event.key === "Enter") {
@@ -7935,8 +10024,8 @@
       init(
         this,
         options,
-        instance8,
-        create_fragment8,
+        instance11,
+        create_fragment11,
         safe_not_equal,
         {
           sessionData: 30,
@@ -10162,7 +12251,7 @@
       }
     };
   }
-  function create_if_block8(ctx) {
+  function create_if_block10(ctx) {
     let span;
     let svgloader;
     let current;
@@ -10201,7 +12290,7 @@
       }
     };
   }
-  function create_fragment9(ctx) {
+  function create_fragment12(ctx) {
     let button;
     let span0;
     let commonstringtohtml;
@@ -10252,7 +12341,7 @@
     let if_block1 = (
       /*resultType*/
       (ctx[0] === ANSWER_CORRECT || /*resultType*/
-      ctx[0] === ANSWER_INCORRECT) && create_if_block8(ctx)
+      ctx[0] === ANSWER_INCORRECT) && create_if_block10(ctx)
     );
     return {
       c() {
@@ -10422,7 +12511,7 @@
               transition_in(if_block1, 1);
             }
           } else {
-            if_block1 = create_if_block8(ctx);
+            if_block1 = create_if_block10(ctx);
             if_block1.c();
             transition_in(if_block1, 1);
             if_block1.m(span2, null);
@@ -10522,7 +12611,7 @@
       }
     };
   }
-  function instance9($$self, $$props, $$invalidate) {
+  function instance12($$self, $$props, $$invalidate) {
     let { word = "" } = $$props;
     let { resultType = "" } = $$props;
     let { otherClass = "" } = $$props;
@@ -10534,7 +12623,7 @@
     let { isPreviewModeInteractive = false } = $$props;
     let { categoryData = [] } = $$props;
     let { correctAnswerList = [] } = $$props;
-    const dispatch = createEventDispatcher();
+    const dispatch2 = createEventDispatcher();
     let considerCloneItemId = "";
     let currentSelectedItemId = "";
     let isWordItemSelected = false;
@@ -10543,7 +12632,7 @@
     let ariaWord = useRemoveRichTextHtmlTags(word);
     const updateCategoryData = (newSettings) => {
       $$invalidate(14, categoryData = { ...categoryData, ...newSettings });
-      dispatch("updateCategorySettings", categoryData);
+      dispatch2("updateCategorySettings", categoryData);
     };
     const selectItem = (itemId) => {
       if (isSelecItemFunctionCalled || disabledClick) {
@@ -10678,7 +12767,7 @@
   var PromptCategoriseWordButton = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance9, create_fragment9, safe_not_equal, {
+      init(this, options, instance12, create_fragment12, safe_not_equal, {
         word: 1,
         resultType: 0,
         otherClass: 2,
@@ -10901,7 +12990,7 @@
       }
     };
   }
-  function create_if_block9(ctx) {
+  function create_if_block11(ctx) {
     let button;
     let t2;
     let button_class_value;
@@ -10940,7 +13029,7 @@
     let current;
     let if_block = (
       /*item*/
-      ctx[39].type === ANSWER_MISSED && create_if_block9(ctx)
+      ctx[39].type === ANSWER_MISSED && create_if_block11(ctx)
     );
     promptcategorisewordbutton = new PromptCategoriseWordButton_default({
       props: {
@@ -11032,7 +13121,7 @@
           if (if_block) {
             if_block.p(ctx, dirty);
           } else {
-            if_block = create_if_block9(ctx);
+            if_block = create_if_block11(ctx);
             if_block.c();
             if_block.m(t2.parentNode, t2);
           }
@@ -11119,7 +13208,7 @@
       }
     };
   }
-  function create_fragment10(ctx) {
+  function create_fragment13(ctx) {
     let t0;
     let t1;
     let section;
@@ -11395,7 +13484,7 @@
       }
     };
   }
-  function instance10($$self, $$props, $$invalidate) {
+  function instance13($$self, $$props, $$invalidate) {
     let { containerClass = "" } = $$props;
     let { flipDurationMs = 5 } = $$props;
     let { containerId = "" } = $$props;
@@ -11422,13 +13511,13 @@
     let isModalOpen = false;
     let items = [];
     let isItemsAriaHidden = false;
-    const dispatch = createEventDispatcher();
+    const dispatch2 = createEventDispatcher();
     const dropTargetClasses = ["!outline-none"];
     const isContainerWordBin = containerId === CONTAINER_WORD_BIN_ID;
     const { rawCategoryItems } = categoryData;
     const updateCategoryData = (newSettings) => {
       $$invalidate(0, categoryData = { ...categoryData, ...newSettings });
-      dispatch("updateCategorySettings", categoryData);
+      dispatch2("updateCategorySettings", categoryData);
     };
     const handleDndConsider = (e2) => {
       const { detail, srcElement } = e2;
@@ -11518,7 +13607,7 @@
         });
         updateCategoryData({ currentAnswer: answerResult });
       } else {
-        dispatch("saveCategory", { answer_list: categoryAnswer });
+        dispatch2("saveCategory", { answer_list: categoryAnswer });
       }
     };
     const resetCategoriesSettings = () => {
@@ -11740,8 +13829,8 @@
       init(
         this,
         options,
-        instance10,
-        create_fragment10,
+        instance13,
+        create_fragment13,
         safe_not_equal,
         {
           containerClass: 2,
@@ -11857,186 +13946,8 @@
   customElements.define("prompt-categorise-dnd-container", create_custom_element(PromptCategoriseDndContainer, { "containerClass": {}, "flipDurationMs": {}, "containerId": {}, "type": {}, "showButton": { "type": "Boolean" }, "paddingTop": {}, "ariaLabel": {}, "isFinished": { "type": "Boolean" }, "correctAnswerList": {}, "isPreviewModeInteractive": { "type": "Boolean" }, "categoryData": {}, "modalData": {}, "isDataSaving": { "type": "Boolean" } }, [], [], true));
   var PromptCategoriseDndContainer_default = PromptCategoriseDndContainer;
 
-  // src/lib/components/common/CommonModal.svelte
-  function create_fragment11(ctx) {
-    let div2;
-    let div0;
-    let t2;
-    let div1;
-    let div2_aria_hidden_value;
-    let current;
-    let mounted;
-    let dispose;
-    const default_slot_template = (
-      /*#slots*/
-      ctx[5].default
-    );
-    const default_slot = create_slot(
-      default_slot_template,
-      ctx,
-      /*$$scope*/
-      ctx[4],
-      null
-    );
-    return {
-      c() {
-        div2 = element("div");
-        div0 = element("div");
-        t2 = space();
-        div1 = element("div");
-        if (default_slot)
-          default_slot.c();
-        attr(div0, "role", "button");
-        attr(div0, "aria-label", "Close modal");
-        attr(div0, "tabindex", "-1");
-        attr(div0, "aria-hidden", "true");
-        attr(div0, "class", "blanket-overlay h-full");
-        attr(div1, "class", "z-10");
-        attr(div2, "role", "dialog");
-        attr(div2, "aria-modal", "true");
-        attr(div2, "tabindex", "-1");
-        attr(div2, "class", "fixed inset-0 z-50 focus:outline-transparent");
-        attr(
-          div2,
-          "aria-label",
-          /*modalAriaLabel*/
-          ctx[0]
-        );
-        attr(div2, "aria-hidden", div2_aria_hidden_value = !/*isModalOpen*/
-        ctx[1]);
-      },
-      m(target, anchor) {
-        insert(target, div2, anchor);
-        append(div2, div0);
-        append(div2, t2);
-        append(div2, div1);
-        if (default_slot) {
-          default_slot.m(div1, null);
-        }
-        current = true;
-        if (!mounted) {
-          dispose = [
-            listen(
-              div0,
-              "click",
-              /*clickModalBackground*/
-              ctx[2]
-            ),
-            listen(div0, "keypress", keypress_handler)
-          ];
-          mounted = true;
-        }
-      },
-      p(ctx2, [dirty]) {
-        if (default_slot) {
-          if (default_slot.p && (!current || dirty & /*$$scope*/
-          16)) {
-            update_slot_base(
-              default_slot,
-              default_slot_template,
-              ctx2,
-              /*$$scope*/
-              ctx2[4],
-              !current ? get_all_dirty_from_scope(
-                /*$$scope*/
-                ctx2[4]
-              ) : get_slot_changes(
-                default_slot_template,
-                /*$$scope*/
-                ctx2[4],
-                dirty,
-                null
-              ),
-              null
-            );
-          }
-        }
-        if (!current || dirty & /*modalAriaLabel*/
-        1) {
-          attr(
-            div2,
-            "aria-label",
-            /*modalAriaLabel*/
-            ctx2[0]
-          );
-        }
-        if (!current || dirty & /*isModalOpen*/
-        2 && div2_aria_hidden_value !== (div2_aria_hidden_value = !/*isModalOpen*/
-        ctx2[1])) {
-          attr(div2, "aria-hidden", div2_aria_hidden_value);
-        }
-      },
-      i(local) {
-        if (current)
-          return;
-        transition_in(default_slot, local);
-        current = true;
-      },
-      o(local) {
-        transition_out(default_slot, local);
-        current = false;
-      },
-      d(detaching) {
-        if (detaching) {
-          detach(div2);
-        }
-        if (default_slot)
-          default_slot.d(detaching);
-        mounted = false;
-        run_all(dispose);
-      }
-    };
-  }
-  var keypress_handler = () => {
-    return false;
-  };
-  function instance11($$self, $$props, $$invalidate) {
-    let { $$slots: slots = {}, $$scope } = $$props;
-    let { modalData = [] } = $$props;
-    const dispatch = createEventDispatcher();
-    let modalAriaLabel = "";
-    let isModalOpen = false;
-    const clickModalBackground = () => {
-      $$invalidate(3, modalData = { isModalOpen: false, modalAriaLabel: "" });
-      dispatch("updateModalSettings", modalData);
-    };
-    $$self.$$set = ($$props2) => {
-      if ("modalData" in $$props2)
-        $$invalidate(3, modalData = $$props2.modalData);
-      if ("$$scope" in $$props2)
-        $$invalidate(4, $$scope = $$props2.$$scope);
-    };
-    $$self.$$.update = () => {
-      if ($$self.$$.dirty & /*modalData*/
-      8) {
-        $:
-          if (modalData) {
-            const { modalAriaLabel: storeModalAriaLabel, isModalOpen: storeIsmodalOpen } = modalData;
-            $$invalidate(0, modalAriaLabel = storeModalAriaLabel);
-            $$invalidate(1, isModalOpen = storeIsmodalOpen);
-          }
-      }
-    };
-    return [modalAriaLabel, isModalOpen, clickModalBackground, modalData, $$scope, slots];
-  }
-  var CommonModal = class extends SvelteComponent {
-    constructor(options) {
-      super();
-      init(this, options, instance11, create_fragment11, safe_not_equal, { modalData: 3 });
-    }
-    get modalData() {
-      return this.$$.ctx[3];
-    }
-    set modalData(modalData) {
-      this.$$set({ modalData });
-      flush();
-    }
-  };
-  customElements.define("common-modal", create_custom_element(CommonModal, { "modalData": {} }, ["default"], [], true));
-  var CommonModal_default = CommonModal;
-
   // src/lib/components/prompt/categorise/PromptCategoriseModal.svelte
-  function create_default_slot3(ctx) {
+  function create_default_slot4(ctx) {
     let div0;
     let t0;
     let t1;
@@ -12199,7 +14110,7 @@
       }
     };
   }
-  function create_fragment12(ctx) {
+  function create_fragment14(ctx) {
     let commonmodal;
     let current;
     commonmodal = new CommonModal_default({
@@ -12208,7 +14119,8 @@
           /*modalData*/
           ctx[0]
         ),
-        $$slots: { default: [create_default_slot3] },
+        modalClass: "bg-charcoal/30",
+        $$slots: { default: [create_default_slot4] },
         $$scope: { ctx }
       }
     });
@@ -12252,13 +14164,13 @@
       }
     };
   }
-  function instance12($$self, $$props, $$invalidate) {
+  function instance14($$self, $$props, $$invalidate) {
     let { categoryData = [] } = $$props;
     let { modalData = [] } = $$props;
     let categoryModal;
     let ariaHidden = false;
     const { isModalOpen } = modalData;
-    const dispatch = createEventDispatcher();
+    const dispatch2 = createEventDispatcher();
     if (isModalOpen) {
       setTimeout(() => {
         categoryModal.focus();
@@ -12278,7 +14190,7 @@
       dispatchModalData(modalData);
     };
     const dispatchModalData = (newSettings) => {
-      dispatch("updateModalSettings", newSettings);
+      dispatch2("updateModalSettings", newSettings);
     };
     const resetCategories = () => {
       const { currentAnswer, rawCategoryItems } = categoryData;
@@ -12305,9 +14217,9 @@
         currentAnswer: resetCurrentAnswer,
         hasAddItemAnimation: false
       });
-      dispatch("updateCategorySettings", categoryData);
-      dispatch("resetFeedback");
-      dispatch("resetCategory", { answer_list: [] });
+      dispatch2("updateCategorySettings", categoryData);
+      dispatch2("resetFeedback");
+      dispatch2("resetCategory", { answer_list: [] });
       closeResetModal();
     };
     function div0_binding($$value) {
@@ -12336,7 +14248,7 @@
   var PromptCategoriseModal = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance12, create_fragment12, safe_not_equal, { categoryData: 6, modalData: 0 });
+      init(this, options, instance14, create_fragment14, safe_not_equal, { categoryData: 6, modalData: 0 });
     }
     get categoryData() {
       return this.$$.ctx[6];
@@ -13751,7 +15663,7 @@
       }
     };
   }
-  function create_if_block10(ctx) {
+  function create_if_block12(ctx) {
     let span;
     let t0;
     let t1;
@@ -13789,7 +15701,7 @@
       }
     };
   }
-  function create_default_slot4(ctx) {
+  function create_default_slot5(ctx) {
     let div6;
     let div0;
     let t0;
@@ -13877,7 +15789,7 @@
     const out = (i) => transition_out(each_blocks[i], 1, 1, () => {
       each_blocks[i] = null;
     });
-    let if_block3 = show_if && create_if_block10(ctx);
+    let if_block3 = show_if && create_if_block12(ctx);
     svgloader1 = new SvgLoader_default({
       props: {
         svgName: "smallChevronLeft",
@@ -14341,7 +16253,7 @@
           if (if_block3) {
             if_block3.p(ctx, dirty);
           } else {
-            if_block3 = create_if_block10(ctx);
+            if_block3 = create_if_block12(ctx);
             if_block3.c();
             if_block3.m(div3, t9);
           }
@@ -14530,7 +16442,7 @@
       }
     };
   }
-  function create_fragment13(ctx) {
+  function create_fragment15(ctx) {
     let div;
     let promptbody;
     let current;
@@ -14551,7 +16463,7 @@
         interactionType: INTERACTION_TYPE_CATEGORISE,
         $$slots: {
           default: [
-            create_default_slot4,
+            create_default_slot5,
             ({ dynamicInteractionWidth }) => ({ 77: dynamicInteractionWidth }),
             ({ dynamicInteractionWidth }) => [0, 0, dynamicInteractionWidth ? 32768 : 0]
           ]
@@ -14599,13 +16511,13 @@
       }
     };
   }
-  function instance13($$self, $$props, $$invalidate) {
+  function instance15($$self, $$props, $$invalidate) {
     let { sessionData } = $$props;
     let { isFinished = false } = $$props;
     let { isPreviewMode = false } = $$props;
     let { isPreviewModeInteractive = false } = $$props;
     let { isDataSaving = false } = $$props;
-    const dispatch = createEventDispatcher();
+    const dispatch2 = createEventDispatcher();
     let srDiv;
     let totalCategoryItems = 0;
     let considerContainerId = "";
@@ -14852,7 +16764,7 @@
     const saveCategory = ({ detail }) => {
       if (isPreviewModeInteractive || isDataSaving)
         return;
-      dispatch("saveCategory", detail);
+      dispatch2("saveCategory", detail);
     };
     const updateCategory = ({ detail }) => {
       updateCategoriseSettings(detail);
@@ -15090,8 +17002,8 @@
       init(
         this,
         options,
-        instance13,
-        create_fragment13,
+        instance15,
+        create_fragment15,
         safe_not_equal,
         {
           sessionData: 54,
@@ -15453,7 +17365,7 @@
       }
     };
   }
-  function create_if_block11(ctx) {
+  function create_if_block13(ctx) {
     let span;
     let svgloader;
     let current;
@@ -15705,7 +17617,7 @@
       }
     };
   }
-  function create_fragment14(ctx) {
+  function create_fragment16(ctx) {
     let span1;
     let div0;
     let div0_class_value;
@@ -15767,7 +17679,7 @@
       ctx[2] && /*previewInteractiveEvent*/
       ctx[6]) && create_if_block_19(ctx)
     );
-    const if_block_creators = [create_if_block11, create_else_block5];
+    const if_block_creators = [create_if_block13, create_else_block5];
     const if_blocks = [];
     function select_block_type_3(ctx2, dirty) {
       if (
@@ -16218,7 +18130,7 @@
     };
   }
   var keyPressDelay = 1e3;
-  function instance14($$self, $$props, $$invalidate) {
+  function instance16($$self, $$props, $$invalidate) {
     let activeIndex;
     let lastKeyPressTime;
     let focusKeyDelay;
@@ -16240,7 +18152,7 @@
     let dropdownMenuRef = null;
     let dropdownContainerRef = null;
     const idNo = answer.findIndex((data) => data.id === options.id) + 1;
-    const dispatch = createEventDispatcher();
+    const dispatch2 = createEventDispatcher();
     const openDropdownMenu = () => {
       $$invalidate(8, openDropdown = options.id);
       if (dropdownMenuRef) {
@@ -16309,7 +18221,7 @@
           data.choice = option;
         }
       });
-      dispatch("select", answer);
+      dispatch2("select", answer);
       closeDropdownMenu();
     };
     const scrollIntoViewIfNeeded = (element2) => {
@@ -16536,8 +18448,8 @@
       init(
         this,
         options,
-        instance14,
-        create_fragment14,
+        instance16,
+        create_fragment16,
         safe_not_equal,
         {
           metadata: 22,
@@ -16934,7 +18846,7 @@
       }
     };
   }
-  function create_if_block12(ctx) {
+  function create_if_block14(ctx) {
     let span1;
     let span0;
     let current_block_type_index;
@@ -17157,7 +19069,7 @@
     }
     current_block_type_index = select_block_type_2(ctx, -1);
     if_block1 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
-    let if_block2 = show_if && create_if_block12(ctx);
+    let if_block2 = show_if && create_if_block14(ctx);
     return {
       c() {
         div3 = element("div");
@@ -17532,7 +19444,7 @@
       }
     };
   }
-  function create_fragment15(ctx) {
+  function create_fragment17(ctx) {
     let each_1_anchor;
     let current;
     let each_value = ensure_array_like(
@@ -17612,7 +19524,7 @@
       }
     };
   }
-  function instance15($$self, $$props, $$invalidate) {
+  function instance17($$self, $$props, $$invalidate) {
     let { sessionId } = $$props;
     let { answerResults = [] } = $$props;
     let { correctAnswers = [] } = $$props;
@@ -17641,7 +19553,7 @@
   var PromptResultFeedbackTable = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance15, create_fragment15, safe_not_equal, {
+      init(this, options, instance17, create_fragment17, safe_not_equal, {
         sessionId: 0,
         answerResults: 1,
         correctAnswers: 2,
@@ -17961,7 +19873,7 @@
       }
     };
   }
-  function create_if_block13(ctx) {
+  function create_if_block15(ctx) {
     let div;
     let t0;
     let t1;
@@ -18136,7 +20048,7 @@
       }
     };
   }
-  function create_default_slot5(ctx) {
+  function create_default_slot6(ctx) {
     let div1;
     let div0;
     let t2;
@@ -18158,7 +20070,7 @@
     });
     let if_block = (
       /*showFeedbackandTable*/
-      ctx[11] && create_if_block13(ctx)
+      ctx[11] && create_if_block15(ctx)
     );
     return {
       c() {
@@ -18227,7 +20139,7 @@
               transition_in(if_block, 1);
             }
           } else {
-            if_block = create_if_block13(ctx2);
+            if_block = create_if_block15(ctx2);
             if_block.c();
             transition_in(if_block, 1);
             if_block.m(div1, null);
@@ -18272,7 +20184,7 @@
       }
     };
   }
-  function create_fragment16(ctx) {
+  function create_fragment18(ctx) {
     let promptbody;
     let current;
     promptbody = new PromptBody_default({
@@ -18293,7 +20205,7 @@
         hasDivider: false,
         $$slots: {
           default: [
-            create_default_slot5,
+            create_default_slot6,
             ({ dynamicInteractionWidth }) => ({ 32: dynamicInteractionWidth }),
             ({ dynamicInteractionWidth }) => [0, dynamicInteractionWidth ? 2 : 0]
           ]
@@ -18334,7 +20246,7 @@
     };
   }
   var pTagRegex = /<p[^>]*>.*?<\/p>/gi;
-  function instance16($$self, $$props, $$invalidate) {
+  function instance18($$self, $$props, $$invalidate) {
     let answer;
     let getSessionFeedbackData;
     let isSkipped;
@@ -18351,7 +20263,7 @@
     let { isPreviewMode = false } = $$props;
     let { isPreviewModeInteractive = false } = $$props;
     let { isDataSaving = false } = $$props;
-    const dispatch = createEventDispatcher();
+    const dispatch2 = createEventDispatcher();
     const { rubric, interaction, metadata, scoringMetadata, stimulus } = sessionData;
     let previewInteractiveEvent = false;
     const { prompt, text: dropdownText, options, feedback } = interaction;
@@ -18394,7 +20306,7 @@
     };
     const saveDropdownEvent = (choice) => {
       if (!isFinished && !isPreviewModeInteractive)
-        dispatch("saveDropdown", { answer: choice.detail });
+        dispatch2("saveDropdown", { answer: choice.detail });
       if (isPreviewModeInteractive) {
         $$invalidate(8, answer = choice.detail);
         $$invalidate(6, previewInteractiveEvent = !choice.detail.some((item) => item.choice === ""));
@@ -18567,8 +20479,8 @@
       init(
         this,
         options,
-        instance16,
-        create_fragment16,
+        instance18,
+        create_fragment18,
         safe_not_equal,
         {
           sessionData: 0,
@@ -18629,7 +20541,7 @@
   var PromptDropdown_default = PromptDropdown;
 
   // src/lib/components/prompt/skeleton/PromptSkeleton.svelte
-  function create_fragment17(ctx) {
+  function create_fragment19(ctx) {
     let div3;
     return {
       c() {
@@ -18652,15 +20564,15 @@
   var PromptSkeleton = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment17, safe_not_equal, {});
+      init(this, options, null, create_fragment19, safe_not_equal, {});
     }
   };
   customElements.define("prompt-skeleton", create_custom_element(PromptSkeleton, {}, [], [], true));
   var PromptSkeleton_default = PromptSkeleton;
 
   // src/lib/components/prompt/PromptBuilder.svelte
-  function add_css2(target) {
-    append_styles(target, "svelte-1mpi1mm", '*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:Mulish, sans-serif;font-feature-settings:normal;font-variation-settings:normal;-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{color:inherit;font-family:inherit;font-feature-settings: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{inset:0;position:absolute;--tw-bg-opacity:1;background-color:rgb(33 37 41/var(--tw-bg-opacity));opacity:0.3}.item-heading{font-size:1.25rem;letter-spacing:-0.025em;line-height:1.5rem;--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity))}.focus-ring:focus{outline:2px solid transparent;outline-offset:2px;--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);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;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);border-width:2px;box-shadow:0 0 0 2px #fff, 0 0 0 4px #212529, 0 0 0 6px #fde047;--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity))}.divider{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(218 224 224/var(--tw-border-opacity))}@keyframes svelte-1mpi1mm-pulse{50%{opacity:0.5}}.animate-skeleton{animation:svelte-1mpi1mm-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;--tw-bg-opacity:1;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);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));--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;outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.btn-mcq-option{font-size:1rem;line-height:1.5rem;line-height:19.2px;margin-bottom:1rem;min-height:52px;width:100%;--tw-text-opacity:1;border-radius:0.5rem;border-width:1px;box-sizing:border-box;color:rgb(33 37 41/var(--tw-text-opacity));--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(248 248 248/var(--tw-bg-opacity))}.btn-mcq-option:active{border-width:2px;--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity))}@media(hover: hover) and (pointer: fine){.btn-mcq-option:hover{border-width:2px;--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(238 240 255/var(--tw-bg-opacity))}}.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{border-radius:1rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:0.5rem;--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.btn-mcq-option.selected{border-width:2px;--tw-border-opacity:1;background-color:rgb(40 44 135/var(--tw-bg-opacity));border-color:rgb(40 44 135/var(--tw-border-opacity))}.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{border-width:1px;--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(248 248 248/var(--tw-bg-opacity))}.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{align-items:center;border-radius:0.25rem;border-width:1px;display:flex;height:1.75rem;justify-content:center;pointer-events:none;width:1.75rem;--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}@media(hover: hover) and (pointer: fine){.btn-mcq-option:hover>span>span>span>.custom-checkbox{border-width:2px;--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity))}.btn-mcq-option:active>span>span>span>.custom-checkbox.preview-only,.btn-mcq-option:hover>span>span>span>.custom-checkbox.preview-only{border-width:1px;--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}}.btn-mcq-option:active>span>span>span>.custom-checkbox{border-width:2px;--tw-border-opacity:1;border-color:rgb(40 44 135/var(--tw-border-opacity))}.btn-mcq-option.selected>span>span>span>.custom-checkbox{border-width:0;pointer-events:none;--tw-bg-opacity:1;background-color:rgb(84 101 251/var(--tw-bg-opacity))}@media(hover: hover) and (pointer: fine){.btn-mcq-option.selected:hover>span>span>span>.custom-checkbox{border-width:0;--tw-bg-opacity:1;background-color:rgb(76 91 226/var(--tw-bg-opacity))}}.btn-mcq-option.selected:active>span>span>span>.custom-checkbox{border-width:0;--tw-bg-opacity:1;background-color:rgb(40 44 135/var(--tw-bg-opacity))}.btn-mcq-option.finished:active>span>span>span>.custom-checkbox,.btn-mcq-option.finished:hover>span>span>span>.custom-checkbox{border-width:1px;--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.btn-mcq-option.missing.correct{border-width:1px;--tw-border-opacity:1;border-color:rgb(21 128 61/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(248 248 248/var(--tw-bg-opacity))}@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{border-width:2px;--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(238 240 255/var(--tw-bg-opacity))}}.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{border-width:1px;--tw-border-opacity:1;border-color:rgb(113 115 119/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.typein-textbox:focus{outline:2px solid transparent;outline-offset:2px;--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);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;transition-duration:50ms}.typein-textbox{border-radius:0.5rem;border-width:1px;width:100%;--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));font-size:1rem;line-height:1.5rem;padding:0.75rem 1rem;--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.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{border-width:2px;--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity))}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{border-width:2px;--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity))}}.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{font-size:1.25rem;font-weight:600;line-height:3rem;--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity))}#dnd-action-dragged-el{outline:2px solid transparent;outline-offset:2px;--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);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;cursor:grabbing !important;transition-duration:50ms;--tw-border-opacity:1!important;border-color:rgb(93 99 107/var(--tw-border-opacity)) !important;--tw-bg-opacity:1!important;background-color:rgb(205 208 254/var(--tw-bg-opacity)) !important}#dnd-action-dragged-el .btn-vertical-icon{cursor:grabbing !important;--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity))}#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{font-size:1.25rem;line-height:1.75rem;padding-bottom:0.5rem;--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity))}.image-description p{font-size:0.875rem;line-height:1.25rem;padding-bottom:0.5rem;--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.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{outline:2px solid transparent;outline-offset:2px;--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);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;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{margin-bottom:1rem;margin-top:0.5rem;width:100%;--tw-border-spacing-x:0.75rem;--tw-border-spacing-y:0.75rem;border-radius:0.5rem;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);overflow-x:auto;--tw-shadow:0 0 0 1px #9ca3af;--tw-shadow-colored:0 0 0 1px 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)}.image-description table tr,.text-stimulus table tr{border-bottom-width:1px;--tw-border-opacity:1;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{border-left-width:1px;min-width:140px;--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity))}.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{font-size:1rem;line-height:1.5rem;padding:0.75rem;text-align:left;--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.image-description table td>p,.image-description table th>p{font-size:0.875rem;line-height:1.25rem;padding:0.75rem;text-align:left;--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.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{align-items:center;border-radius:0.5rem;border-width:1px;display:flex;height:2.75rem;overflow:hidden;white-space:nowrap;width:15rem;--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.dropdown-container:focus{outline:2px solid transparent;outline-offset:2px;--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))}.dropdown-container:active,.dropdown-container:focus{border-width:2px;box-shadow:0 0 0 2px #fff, 0 0 0 4px #212529, 0 0 0 6px #fde047;--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity))}@media(hover: hover) and (pointer: fine){.dropdown-container:hover{border-width:2px;--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));outline-color:#212529;outline-width:2px}}.dropdown-menu{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;--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}@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;border-color:rgb(0 0 0/var(--tw-border-opacity));font-weight:600;--tw-text-opacity:1;color:rgb(46 47 212/var(--tw-text-opacity))}.dropdown-itemtext.current-option{--tw-bg-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity));--tw-text-opacity:1;border-bottom-width:1px;color:rgb(0 0 0/var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px;--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.dropdown-itemtext:active{border-bottom-width:2px;font-weight:600}.image-description-accordion{border-bottom-width:1px;border-color:transparent;font-weight:600;--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.group:focus .image-description-accordion{--tw-bg-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity));--tw-text-opacity:1;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{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0, 0, 0, 0);border-width:0;white-space:nowrap}.pointer-events-none{pointer-events:none}.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{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.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-1\\/2{width:50%}.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, 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{font-size:1.25rem;letter-spacing:-0.025em;line-height:1.5rem;--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity))}.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{outline:2px solid transparent;outline-offset:2px;--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);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;transition-duration:50ms}.td\\:hover\\:hover-option:hover.dropdown-itemtext{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity));font-weight:600;--tw-text-opacity:1;color:rgb(46 47 212/var(--tw-text-opacity))}}.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\\: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_css(target) {
+    append_styles(target, "svelte-5g9a6z", '*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:Mulish, sans-serif;font-feature-settings:normal;font-variation-settings:normal;-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{color:inherit;font-family:inherit;font-feature-settings: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: }.container{width:100%}@media(min-width: 732px){.container{max-width:732px}}@media(min-width: 1196px){.container{max-width:1196px}}.p2{font-size:0.875rem;font-weight:600;line-height:1.25rem;line-height:1.5}.blanket-overlay{inset:0;position:absolute}.item-heading{font-size:1.25rem;letter-spacing:-0.025em;line-height:1.5rem;--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity))}.btn-states: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(2px + 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));--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;outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.btn-states:active{border-width:2px;--tw-border-opacity:1;border-color:rgb(51 69 223/var(--tw-border-opacity))}@media(hover: hover) and (pointer: fine){.btn-states:hover{border-width:2px;--tw-border-opacity:1;border-color:rgb(51 69 223/var(--tw-border-opacity))}}.btn-states-transparent:active{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}@media(hover: hover) and (pointer: fine){.btn-states-transparent:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}}.focus-ring:focus{outline:2px solid transparent;outline-offset:2px;--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);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;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);border-width:2px;box-shadow:0 0 0 2px #fff, 0 0 0 4px #212529, 0 0 0 6px #fde047;--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity))}.divider{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(218 224 224/var(--tw-border-opacity))}@keyframes svelte-5g9a6z-pulse{50%{opacity:0.5}}.animate-skeleton{animation:svelte-5g9a6z-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;--tw-bg-opacity:1;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(2px + 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));--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;outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.btn-mcq-option{font-size:1rem;line-height:1.5rem;line-height:19.2px;margin-bottom:1rem;min-height:52px;width:100%;--tw-text-opacity:1;border-radius:0.5rem;border-width:1px;box-sizing:border-box;color:rgb(33 37 41/var(--tw-text-opacity));--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(248 248 248/var(--tw-bg-opacity))}.btn-mcq-option:active{border-width:2px;--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity))}@media(hover: hover) and (pointer: fine){.btn-mcq-option:hover{border-width:2px;--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(238 240 255/var(--tw-bg-opacity))}}.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{border-radius:1rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:0.5rem;--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.btn-mcq-option.selected{border-width:2px;--tw-border-opacity:1;background-color:rgb(40 44 135/var(--tw-bg-opacity));border-color:rgb(40 44 135/var(--tw-border-opacity))}.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:has(.expand-trigger:active),.btn-mcq-option:has(.expand-trigger:hover){border-width:1px;--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(248 248 248/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px;--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));--tw-ring-offset-width:0px}.btn-mcq-option.selected:has(.expand-trigger:active),.btn-mcq-option.selected:has(.expand-trigger:hover){border-width:2px;--tw-border-opacity:1;border-color:rgb(40 44 135/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(40 44 135/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px;--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));--tw-ring-offset-width:0px}.btn-mcq-option.missing.correct:has(.expand-trigger){border-width:1px;--tw-border-opacity:1;border-color:rgb(21 128 61/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(248 248 248/var(--tw-bg-opacity))}.btn-mcq-option.selected.correct:has(.expand-trigger){border-width:1px;--tw-border-opacity:1;border-color:rgb(21 128 61/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.btn-mcq-option.selected.incorrect:has(.expand-trigger){border-width:1px;--tw-border-opacity:1;border-color:rgb(190 24 93/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(253 242 248/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.btn-mcq-option:has(.expand-trigger:active)>span>span>span>.custom-checkbox,.btn-mcq-option:has(.expand-trigger:hover)>span>span>span>.custom-checkbox{border-width:1px;--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.btn-mcq-option.selected:has(.expand-trigger:active)>span>span>span>.custom-checkbox,.btn-mcq-option.selected:has(.expand-trigger:hover)>span>span>span>.custom-checkbox{border-width:0;--tw-bg-opacity:1;background-color:rgb(84 101 251/var(--tw-bg-opacity))}.btn-mcq-option.correct:has(.expand-trigger)>span>span>span>.custom-checkbox,.btn-mcq-option.incorrect:has(.expand-trigger)>span>span>span>.custom-checkbox,.btn-mcq-option.missing:has(.expand-trigger)>span>span>span>.custom-checkbox{border-width:1px;--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.btn-mcq-option.selected.correct:has(.expand-trigger)>span>span>span>.custom-checkbox,.btn-mcq-option.selected.incorrect:has(.expand-trigger)>span>span>span>.custom-checkbox{border-width:0;--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{border-width:1px;--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(248 248 248/var(--tw-bg-opacity))}.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{align-items:center;border-radius:0.25rem;border-width:1px;display:flex;height:1.75rem;justify-content:center;pointer-events:none;width:1.75rem;--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}@media(hover: hover) and (pointer: fine){.btn-mcq-option:hover>span>span>span>.custom-checkbox{border-width:2px;--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity))}.btn-mcq-option:active>span>span>span>.custom-checkbox.preview-only,.btn-mcq-option:hover>span>span>span>.custom-checkbox.preview-only{border-width:1px;--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}}.btn-mcq-option:active>span>span>span>.custom-checkbox{border-width:2px;--tw-border-opacity:1;border-color:rgb(40 44 135/var(--tw-border-opacity))}.btn-mcq-option.selected>span>span>span>.custom-checkbox{border-width:0;pointer-events:none;--tw-bg-opacity:1;background-color:rgb(84 101 251/var(--tw-bg-opacity))}@media(hover: hover) and (pointer: fine){.btn-mcq-option.selected:hover>span>span>span>.custom-checkbox{border-width:0;--tw-bg-opacity:1;background-color:rgb(76 91 226/var(--tw-bg-opacity))}}.btn-mcq-option.selected:active>span>span>span>.custom-checkbox{border-width:0;--tw-bg-opacity:1;background-color:rgb(40 44 135/var(--tw-bg-opacity))}.btn-mcq-option.finished:active>span>span>span>.custom-checkbox,.btn-mcq-option.finished:hover>span>span>span>.custom-checkbox{border-width:1px;--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.btn-mcq-option.missing.correct{border-width:1px;--tw-border-opacity:1;border-color:rgb(21 128 61/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(248 248 248/var(--tw-bg-opacity))}@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{border-width:2px;--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(238 240 255/var(--tw-bg-opacity))}}.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{border-width:1px;--tw-border-opacity:1;border-color:rgb(113 115 119/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.btn-close-icon: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(2px + 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));--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;outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.btn-close-icon{align-items:center;display:inline-flex;height:1.5rem;justify-content:center;width:1.5rem}@media(min-width: 732px){.btn-close-icon{height:2.75rem;width:2.75rem}}.btn-close-icon>.icon-surface{height:1rem;width:1rem}.btn-close-icon>.icon-surface,.btn-square-lg{align-items:center;display:flex;justify-content:center}.btn-square-lg{bottom:1.25rem;height:44px;position:absolute;right:0.25rem;width:44px}.btn-square-lg:focus{outline:2px solid transparent;outline-offset:2px}.btn-square-lg>.icon-surface-lg{background-color:hsla(0, 0%, 100%, 0.8);border-color:transparent;border-radius:4px;border-width:1px;padding:0.375rem}@media(min-width: 732px){.btn-square-lg>.icon-surface-lg{border-radius:0.375rem}}.btn-square-lg:hover>.icon-surface-lg{border-width:2px;--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.btn-square-lg:active>.icon-surface-lg{border-width:2px;--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity))}.btn-square-lg:focus-visible>.icon-surface-lg{--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);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));--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;outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.typein-textbox:focus{outline:2px solid transparent;outline-offset:2px;--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);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;transition-duration:50ms}.typein-textbox{border-radius:0.5rem;border-width:1px;width:100%;--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));font-size:1rem;line-height:1.5rem;padding:0.75rem 1rem;--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.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{border-width:2px;--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity))}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{border-width:2px;--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity))}}.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{font-size:1.25rem;font-weight:600;line-height:3rem;--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity))}#dnd-action-dragged-el{outline:2px solid transparent;outline-offset:2px;--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);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;cursor:grabbing !important;transition-duration:50ms;--tw-border-opacity:1!important;border-color:rgb(93 99 107/var(--tw-border-opacity)) !important;--tw-bg-opacity:1!important;background-color:rgb(205 208 254/var(--tw-bg-opacity)) !important}#dnd-action-dragged-el .btn-vertical-icon{cursor:grabbing !important;--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity))}#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{font-size:1.25rem;line-height:1.75rem;padding-bottom:0.5rem;--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity))}.image-description p{font-size:0.875rem;line-height:1.25rem;padding-bottom:0.5rem;--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.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{outline:2px solid transparent;outline-offset:2px;--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);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;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{margin-bottom:1rem;margin-top:0.5rem;width:100%;--tw-border-spacing-x:0.75rem;--tw-border-spacing-y:0.75rem;border-radius:0.5rem;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);overflow-x:auto;--tw-shadow:0 0 0 1px #9ca3af;--tw-shadow-colored:0 0 0 1px 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)}.image-description table tr,.text-stimulus table tr{border-bottom-width:1px;--tw-border-opacity:1;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{border-left-width:1px;min-width:140px;--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity))}.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{font-size:1rem;line-height:1.5rem;padding:0.75rem;text-align:left;--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.image-description table td>p,.image-description table th>p{font-size:0.875rem;line-height:1.25rem;padding:0.75rem;text-align:left;--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.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{align-items:center;border-radius:0.5rem;border-width:1px;display:flex;height:2.75rem;overflow:hidden;white-space:nowrap;width:15rem;--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.dropdown-container:focus{outline:2px solid transparent;outline-offset:2px;--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))}.dropdown-container:active,.dropdown-container:focus{border-width:2px;box-shadow:0 0 0 2px #fff, 0 0 0 4px #212529, 0 0 0 6px #fde047;--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity))}@media(hover: hover) and (pointer: fine){.dropdown-container:hover{border-width:2px;--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));outline-color:#212529;outline-width:2px}}.dropdown-menu{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;--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}@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;border-color:rgb(0 0 0/var(--tw-border-opacity));font-weight:600;--tw-text-opacity:1;color:rgb(46 47 212/var(--tw-text-opacity))}.dropdown-itemtext.current-option{--tw-bg-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity));--tw-text-opacity:1;border-bottom-width:1px;color:rgb(0 0 0/var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px;--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.dropdown-itemtext:active{border-bottom-width:2px;font-weight:600}.image-description-accordion{border-bottom-width:1px;border-color:transparent;font-weight:600;--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.group:focus .image-description-accordion{--tw-bg-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity));--tw-text-opacity:1;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{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0, 0, 0, 0);border-width:0;white-space:nowrap}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.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-6{bottom:1.5rem}.bottom-\\[7px\\]{bottom:7px}.bottom-full{bottom:100%}.left-0{left:0}.left-1\\/2{left:50%}.left-4{left:1rem}.left-6{left:1.5rem}.left-\\[-9999px\\]{left:-9999px}.left-full{left:100%}.right-0{right:0}.right-4{right:1rem}.right-6{right:1.5rem}.right-full{right:100%}.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}.top-full{top:100%}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.m-0{margin:0}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-0\\.5{margin-left:0.125rem;margin-right:0.125rem}.mx-auto{margin-left:auto;margin-right:auto}.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}.-mb-1{margin-bottom:-0.25rem}.-ml-1{margin-left:-0.25rem}.-mr-1{margin-right:-0.25rem}.-mt-0{margin-top:0}.-mt-0\\.5{margin-top:-0.125rem}.-mt-1{margin-top:-0.25rem}.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}.mb-\\[9\\.5px\\]{margin-bottom:9.5px}.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}.ml-\\[9\\.5px\\]{margin-left:9.5px}.mr-1{margin-right:0.25rem}.mr-2{margin-right:0.5rem}.mr-4{margin-right:1rem}.mr-\\[9\\.5px\\]{margin-right:9.5px}.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}.mt-\\[9\\.5px\\]{margin-top:9.5px}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-3{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.line-clamp-3{-webkit-line-clamp:3}.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-3{height:0.75rem}.h-4{height:1rem}.h-52{height:13rem}.h-6{height:1.5rem}.h-\\[8\\.77px\\]{height:8.77px}.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}.max-h-\\[calc\\(100vh-208px\\)\\]{max-height:calc(100vh - 208px)}.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-1\\/2{width:50%}.w-11{width:2.75rem}.w-2{width:0.5rem}.w-2\\/3{width:66.666667%}.w-2\\/4{width:50%}.w-3{width:0.75rem}.w-3\\/4{width:75%}.w-4{width:1rem}.w-5\\/6{width:83.333333%}.w-6{width:1.5rem}.w-60{width:15rem}.w-7\\/12{width:58.333333%}.w-8{width:2rem}.w-8\\.5{width:2.125rem}.w-\\[8\\.77px\\]{width:8.77px}.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-\\[300px\\]{max-width:300px}.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}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-0{flex-basis:0px}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.-translate-y-1\\/2{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))}.-translate-y-1\\/2{--tw-translate-y:-50%}.rotate-45{--tw-rotate:45deg;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}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.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}.gap-4{gap:1rem}.gap-6{gap:1.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}.break-all{word-break:break-all}.rounded{border-radius:0.25rem}.rounded-\\[32px\\]{border-radius:32px}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.rounded-b-lg{border-bottom-left-radius:0.5rem;border-bottom-right-radius:0.5rem}.rounded-b-md{border-bottom-left-radius:0.375rem;border-bottom-right-radius:0.375rem}.rounded-l-lg{border-bottom-left-radius:0.5rem;border-top-left-radius:0.5rem}.rounded-t-lg{border-top-left-radius:0.5rem;border-top-right-radius:0.5rem}.rounded-t-md{border-top-left-radius:0.375rem;border-top-right-radius:0.375rem}.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-border-minimal{--tw-border-opacity:1;border-color:rgb(229 231 235/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-charcoal\\/30{background-color:rgba(33, 37, 41, 0.3)}.bg-charcoal\\/80{background-color:rgba(33, 37, 41, 0.8)}.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-gray-900{--tw-bg-opacity:1;background-color:rgb(57 62 69/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-white\\/80{background-color:hsla(0, 0%, 100%, 0.8)}.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-0{padding-left:0;padding-right:0}.px-2{padding-left:0.5rem;padding-right:0.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-14{padding-top:3.5rem}.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-normal{font-weight:400}.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-\\[150\\%\\]{line-height:150%}.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-primary-emphasis{--tw-text-opacity:1;color:rgb(8 38 99/var(--tw-text-opacity))}.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)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:0.15s;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, 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(2px + 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{font-size:1.25rem;letter-spacing:-0.025em;line-height:1.5rem;--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity))}.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{outline:2px solid transparent;outline-offset:2px;--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);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;transition-duration:50ms}.td\\:hover\\:hover-option:hover.dropdown-itemtext{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity));font-weight:600;--tw-text-opacity:1;color:rgb(46 47 212/var(--tw-text-opacity))}}.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-bg-minimal:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.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))}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:decoration-2:hover{text-decoration-thickness:2px}.hover\\:underline-offset-\\[25\\%\\]:hover{text-underline-offset:25%}.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\\:bg-yellow-900:focus-visible{--tw-bg-opacity:1;background-color:rgb(253 224 71/var(--tw-bg-opacity))}.focus-visible\\:text-charcoal:focus-visible{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.focus-visible\\:underline:focus-visible{text-decoration-line:underline}.focus-visible\\:decoration-2:focus-visible{text-decoration-thickness:2px}.focus-visible\\:underline-offset-\\[25\\%\\]:focus-visible{text-underline-offset:25%}.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\\:mx-\\[60px\\]{margin-left:60px;margin-right:60px}.md\\:mx-auto{margin-left:auto;margin-right:auto}.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-\\[13\\.5px\\]{height:13.5px}.md\\:h-fit{height:-moz-fit-content;height:fit-content}.md\\:max-h-\\[calc\\(100vh-112px\\)\\]{max-height:calc(100vh - 112px)}.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-\\[13\\.5px\\]{width:13.5px}.md\\:w-fit{width:-moz-fit-content;width:fit-content}.md\\:min-w-full{min-width:100%}.md\\:max-w-\\[620px\\]{max-width:620px}.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-md{border-radius:0.375rem}.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\\:px-4{padding-left:1rem;padding-right:1rem}.md\\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\\:py-14{padding-bottom:3.5rem;padding-top:3.5rem}.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\\:text-lg{font-size:1.125rem;line-height:1.75rem}.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\\:left-16{left:4rem}.lg\\:right-16{right:4rem}.lg\\:mx-0{margin-left:0;margin-right:0}.lg\\:mx-\\[60px\\]{margin-left:60px;margin-right:60px}.lg\\:flex{display:flex}.lg\\:hidden{display:none}.lg\\:max-h-\\[calc\\(100vh-192px\\)\\]{max-height:calc(100vh - 192px)}.lg\\:min-h-\\[224px\\]{min-height:224px}.lg\\:max-w-\\[50\\%\\]{max-width:50%}.lg\\:grow{flex-grow:1}.lg\\:basis-1\\/2{flex-basis:50%}.lg\\:rounded-b-lg{border-bottom-left-radius:0.5rem;border-bottom-right-radius:0.5rem}.lg\\:rounded-t-lg{border-top-left-radius:0.5rem;border-top-right-radius:0.5rem}.lg\\:px-16{padding-left:4rem;padding-right:4rem}.lg\\:py-24{padding-bottom:6rem;padding-top:6rem}}@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;
@@ -18690,7 +20602,7 @@
       }
     };
   }
-  function create_if_block_112(ctx) {
+  function create_if_block_113(ctx) {
     let current_block_type_index;
     let if_block;
     let if_block_anchor;
@@ -18778,7 +20690,7 @@
       }
     };
   }
-  function create_if_block14(ctx) {
+  function create_if_block16(ctx) {
     let promptskeleton;
     let current;
     promptskeleton = new PromptSkeleton_default({});
@@ -19150,7 +21062,7 @@
       }
     };
   }
-  function create_fragment18(ctx) {
+  function create_fragment20(ctx) {
     let current_block_type_index;
     let if_block;
     let t2;
@@ -19158,7 +21070,7 @@
     let link1;
     let link2;
     let current;
-    const if_block_creators = [create_if_block14, create_if_block_112, create_else_block_14];
+    const if_block_creators = [create_if_block16, create_if_block_113, create_else_block_14];
     const if_blocks = [];
     function select_block_type(ctx2, dirty) {
       if (
@@ -19242,7 +21154,7 @@
     };
   }
   var bannerLabel = "Invalid session id.";
-  function instance17($$self, $$props, $$invalidate) {
+  function instance19($$self, $$props, $$invalidate) {
     const { "session-id": sessionId, "preview-mode": previewMode, "item-id": itemId, "preview-contentful": previewContentful } = $$props;
     const previewModeType = ["true", "interactive"];
     const isPreviewModeInteractive = Boolean(previewMode === "interactive" && itemId);
@@ -19512,7 +21424,7 @@
   var PromptBuilder = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance17, create_fragment18, safe_not_equal, {}, add_css2);
+      init(this, options, instance19, create_fragment20, safe_not_equal, {}, add_css);
     }
   };
   customElements.define("prompt-builder", create_custom_element(PromptBuilder, {}, [], [], true));