eat-js-sdk 0.0.32 → 0.0.34

package/dist/eat-prompt-builder.mjs

@@ -250,6 +250,62 @@
   function set_input_value(input, value) {
     input.value = value == null ? "" : value;
   }
+  var crossorigin;
+  function is_crossorigin() {
+    if (crossorigin === void 0) {
+      crossorigin = false;
+      try {
+        if (typeof window !== "undefined" && window.parent) {
+          void window.parent.document;
+        }
+      } catch (error) {
+        crossorigin = true;
+      }
+    }
+    return crossorigin;
+  }
+  function add_iframe_resize_listener(node, fn) {
+    const computed_style = getComputedStyle(node);
+    if (computed_style.position === "static") {
+      node.style.position = "relative";
+    }
+    const iframe = element("iframe");
+    iframe.setAttribute(
+      "style",
+      "display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border: 0; opacity: 0; pointer-events: none; z-index: -1;"
+    );
+    iframe.setAttribute("aria-hidden", "true");
+    iframe.tabIndex = -1;
+    const crossorigin2 = is_crossorigin();
+    let unsubscribe;
+    if (crossorigin2) {
+      iframe.src = "data:text/html,<script>onresize=function(){parent.postMessage(0,'*')}<\/script>";
+      unsubscribe = listen(
+        window,
+        "message",
+        /** @param {MessageEvent} event */
+        (event) => {
+          if (event.source === iframe.contentWindow)
+            fn();
+        }
+      );
+    } else {
+      iframe.src = "about:blank";
+      iframe.onload = () => {
+        unsubscribe = listen(iframe.contentWindow, "resize", fn);
+        fn();
+      };
+    }
+    append(node, iframe);
+    return () => {
+      if (crossorigin2) {
+        unsubscribe();
+      } else if (unsubscribe && iframe.contentWindow) {
+        unsubscribe();
+      }
+      detach(iframe);
+    };
+  }
   function custom_event(type, detail, { bubbles = false, cancelable = false } = {}) {
     return new CustomEvent(type, { detail, bubbles, cancelable });
   }
@@ -777,7 +833,7 @@
             };
           };
           await Promise.resolve();
-          if (!this.$$cn || this.$$c) {
+          if (!this.$$cn) {
             return;
           }
           const $$slots = {};
@@ -793,12 +849,6 @@
               this.$$d[name] = get_custom_element_value(name, attribute.value, this.$$p_d, "toProp");
             }
           }
-          for (const key in this.$$p_d) {
-            if (!(key in this.$$d) && this[key] !== void 0) {
-              this.$$d[key] = this[key];
-              delete this[key];
-            }
-          }
           this.$$c = new this.$$ctor({
             target: this.shadowRoot || this,
             props: {
@@ -2496,6 +2546,7 @@
   var INTERACTION_TYPE_CATEGORISE = "categoriseInteraction";
   var TYPEIN_TYPE_SHORT = "Short-Text";
   var CONTAINER_WORD_BIN_ID = "container-word-bin";
+  var SCREEN_MD = 732;
 
   // src/lib/components/prompt/typein/PromptTypeIn.svelte
   function create_else_block_1(ctx) {
@@ -5274,6 +5325,7 @@
     selectedContainerId: "",
     sourceSelectedContainerId: "",
     currentAnswer: [],
+    rawCategories: [],
     rawCategoryItems: [],
     hasAddItemAnimation: false,
     openCategoryContainer: [],
@@ -5359,15 +5411,15 @@
         attr(span1, "class", span1_class_value = "w-full h-full relative rounded-lg " + (!/*currentSelectedItemId*/
         ctx[5] ? "td:group-hover:bg-black td:group-hover:opacity-5" : ""));
         attr(span2, "class", "absolute");
-        attr(div, "class", div_class_value = "group text-blue-1000 h-11 w-11 flex items-center justify-center btn-vertical-icon " + (!/*currentSelectedItemId*/
-        ctx[5] ? "td:hover:cursor-grab" : ""));
+        attr(div, "class", div_class_value = "group text-blue-1000 h-11 w-11 min-w-[44px] flex items-center justify-center btn-vertical-icon " + (!/*currentSelectedItemId*/
+        ctx[5] ? "td:hover:cursor-grab td:hover:text-soft-blue" : ""));
         attr(
           button,
           "id",
           /*wordButtonId*/
           ctx[2]
         );
-        attr(button, "class", button_class_value = "focus-ring flex items-center justify-between max-h-[54px] p-1 border border-gray-800 rounded-lg " + /*otherClass*/
+        attr(button, "class", button_class_value = "focus-ring flex items-center justify-between min-h-[54px] p-1 border border-gray-800 rounded-lg " + /*otherClass*/
         ctx[1] + " " + /*isClonedItem*/
         (ctx[3] ? "opacity-50 raw-focus-ring bg-violet-100" : "") + " " + /*considerCloneItemId*/
         (ctx[4] === /*wordButtonId*/
@@ -5438,8 +5490,8 @@
           attr(span1, "class", span1_class_value);
         }
         if (!current || dirty & /*currentSelectedItemId*/
-        32 && div_class_value !== (div_class_value = "group text-blue-1000 h-11 w-11 flex items-center justify-center btn-vertical-icon " + (!/*currentSelectedItemId*/
-        ctx[5] ? "td:hover:cursor-grab" : ""))) {
+        32 && div_class_value !== (div_class_value = "group text-blue-1000 h-11 w-11 min-w-[44px] flex items-center justify-center btn-vertical-icon " + (!/*currentSelectedItemId*/
+        ctx[5] ? "td:hover:cursor-grab td:hover:text-soft-blue" : ""))) {
           attr(div, "class", div_class_value);
         }
         if (!current || dirty & /*wordButtonId*/
@@ -5452,7 +5504,7 @@
           );
         }
         if (!current || dirty & /*otherClass, isClonedItem, considerCloneItemId, wordButtonId, isWordItemSelected, currentSelectedItemId*/
-        126 && button_class_value !== (button_class_value = "focus-ring flex items-center justify-between max-h-[54px] p-1 border border-gray-800 rounded-lg " + /*otherClass*/
+        126 && button_class_value !== (button_class_value = "focus-ring flex items-center justify-between min-h-[54px] p-1 border border-gray-800 rounded-lg " + /*otherClass*/
         ctx[1] + " " + /*isClonedItem*/
         (ctx[3] ? "opacity-50 raw-focus-ring bg-violet-100" : "") + " " + /*considerCloneItemId*/
         (ctx[4] === /*wordButtonId*/
@@ -5599,30 +5651,41 @@
   var PromptCategoriseWordButton_default = PromptCategoriseWordButton;
 
   // src/lib/composables/useCategorise.ts
-  var useNavigateItem = (currentIndex, currentAnswer, direction) => {
+  var useNavigateItem = (currentIndex, currentAnswer, direction, addWordBin = false) => {
     const wordBinData = currentAnswer.filter(
       (answer) => answer.categoryId === CONTAINER_WORD_BIN_ID
     );
     const totalItem = wordBinData[0].itemId.length;
+    const lastIndex = totalItem - 1;
     let newIndex = 0;
     if (direction === "left") {
       newIndex = currentIndex - 1;
+      if (!addWordBin && newIndex < 0) {
+        return;
+      }
     } else {
-      newIndex = currentIndex + 1;
+      newIndex = addWordBin ? lastIndex : currentIndex + 1;
+      if (!addWordBin && newIndex >= totalItem) {
+        return;
+      }
     }
     categoriseSettings.set({
       ...get_store_value(categoriseSettings),
-      currentWordBinIndex: newIndex < 0 ? totalItem - 1 : newIndex >= totalItem ? 0 : newIndex
+      currentWordBinIndex: newIndex < 0 ? lastIndex : newIndex >= totalItem ? 0 : newIndex
     });
   };
+  var useFilterUniqueObject = (data, identifier = "id") => {
+    const uniqueMap = new Map(data.map((obj) => [obj[identifier], obj]));
+    return Array.from(uniqueMap.values());
+  };
 
   // src/lib/components/prompt/categorise/PromptCategoriseDndContainer.svelte
   function get_each_context2(ctx, list, i) {
     const child_ctx = ctx.slice();
-    child_ctx[22] = list[i];
+    child_ctx[27] = list[i];
     return child_ctx;
   }
-  function create_if_block5(ctx) {
+  function create_if_block_15(ctx) {
     let button;
     let mounted;
     let dispose;
@@ -5638,7 +5701,7 @@
             button,
             "click",
             /*addAnswerItem*/
-            ctx[13]
+            ctx[16]
           );
           mounted = true;
         }
@@ -5653,6 +5716,48 @@
       }
     };
   }
+  function create_if_block5(ctx) {
+    let div;
+    let mounted;
+    let dispose;
+    return {
+      c() {
+        div = element("div");
+        div.textContent = "Word Bin is empty";
+        attr(div, "role", "listbox");
+        attr(div, "tabindex", "0");
+        attr(div, "class", "text-base leading-4 text-gray-800 p-5 border border-gray-400 rounded-lg border-dashed absolute top-12 right-4 left-4 bottom-4 flex items-center justify-center !bg-white md:top-20");
+      },
+      m(target, anchor) {
+        insert(target, div, anchor);
+        if (!mounted) {
+          dispose = [
+            listen(
+              div,
+              "click",
+              /*addAnswerItem*/
+              ctx[16]
+            ),
+            listen(
+              div,
+              "keypress",
+              /*addAnswerItem*/
+              ctx[16]
+            )
+          ];
+          mounted = true;
+        }
+      },
+      p: noop,
+      d(detaching) {
+        if (detaching) {
+          detach(div);
+        }
+        mounted = false;
+        run_all(dispose);
+      }
+    };
+  }
   function create_each_block2(key_1, ctx) {
     let first;
     let promptcategorisewordbutton;
@@ -5660,26 +5765,26 @@
     promptcategorisewordbutton = new PromptCategoriseWordButton_default({
       props: {
         otherClass: "mr-2 mb-2 last:mr-0 " + /*item*/
-        (ctx[22].id === /*considerItemId*/
-        ctx[6] ? "!bg-violet-150" : "") + "\n        " + (!/*showButton*/
+        (ctx[27].id === /*considerItemId*/
+        ctx[7] ? "!bg-violet-150" : "") + "\n        " + (!/*showButton*/
         ctx[5] ? "hidden md:flex" : "") + "\n        " + /*items*/
         (ctx[0][
           /*currentWordBinIndex*/
-          ctx[9]
+          ctx[10]
         ]?.id !== /*item*/
-        ctx[22].id && /*containerId*/
-        ctx[3] === CONTAINER_WORD_BIN_ID ? "hidden md:flex" : ""),
+        ctx[27].id && /*isContainerWordBin*/
+        ctx[13] ? "hidden md:flex" : ""),
         word: (
           /*item*/
-          ctx[22].text
+          ctx[27].text
         ),
         wordButtonId: (
           /*item*/
-          ctx[22].id
+          ctx[27].id
         ),
         isClonedItem: (
           /*item*/
-          ctx[22].isClonedItem
+          ctx[27].isClonedItem
         ),
         containerId: (
           /*containerId*/
@@ -5703,30 +5808,30 @@
       p(new_ctx, dirty) {
         ctx = new_ctx;
         const promptcategorisewordbutton_changes = {};
-        if (dirty & /*items, considerItemId, showButton, currentWordBinIndex, containerId*/
-        617)
+        if (dirty & /*items, considerItemId, showButton, currentWordBinIndex*/
+        1185)
           promptcategorisewordbutton_changes.otherClass = "mr-2 mb-2 last:mr-0 " + /*item*/
-          (ctx[22].id === /*considerItemId*/
-          ctx[6] ? "!bg-violet-150" : "") + "\n        " + (!/*showButton*/
+          (ctx[27].id === /*considerItemId*/
+          ctx[7] ? "!bg-violet-150" : "") + "\n        " + (!/*showButton*/
           ctx[5] ? "hidden md:flex" : "") + "\n        " + /*items*/
           (ctx[0][
             /*currentWordBinIndex*/
-            ctx[9]
+            ctx[10]
           ]?.id !== /*item*/
-          ctx[22].id && /*containerId*/
-          ctx[3] === CONTAINER_WORD_BIN_ID ? "hidden md:flex" : "");
+          ctx[27].id && /*isContainerWordBin*/
+          ctx[13] ? "hidden md:flex" : "");
         if (dirty & /*items*/
         1)
           promptcategorisewordbutton_changes.word = /*item*/
-          ctx[22].text;
+          ctx[27].text;
         if (dirty & /*items*/
         1)
           promptcategorisewordbutton_changes.wordButtonId = /*item*/
-          ctx[22].id;
+          ctx[27].id;
         if (dirty & /*items*/
         1)
           promptcategorisewordbutton_changes.isClonedItem = /*item*/
-          ctx[22].isClonedItem;
+          ctx[27].isClonedItem;
         if (dirty & /*containerId*/
         8)
           promptcategorisewordbutton_changes.containerId = /*containerId*/
@@ -5752,20 +5857,27 @@
     };
   }
   function create_fragment9(ctx) {
-    let t2;
+    let t0;
+    let t1;
     let div;
     let each_blocks = [];
     let each_1_lookup = /* @__PURE__ */ new Map();
     let div_class_value;
+    let div_style_value;
     let dndzone_action;
     let current;
     let mounted;
     let dispose;
-    let if_block = (
+    let if_block0 = (
       /*dragDisabled*/
-      ctx[7] && /*sourceSelectedContainerId*/
-      ctx[8] !== /*containerId*/
-      ctx[3] && create_if_block5(ctx)
+      ctx[8] && /*sourceSelectedContainerId*/
+      ctx[9] !== /*containerId*/
+      ctx[3] && create_if_block_15(ctx)
+    );
+    let if_block1 = (
+      /*totalRemainingWordBinItem*/
+      ctx[11] <= 0 && /*isContainerWordBin*/
+      ctx[13] && create_if_block5(ctx)
     );
     let each_value = ensure_array_like(Object.values(
       /*items*/
@@ -5773,7 +5885,7 @@
     ));
     const get_key = (ctx2) => (
       /*item*/
-      ctx2[22].id
+      ctx2[27].id
     );
     for (let i = 0; i < each_value.length; i += 1) {
       let child_ctx = get_each_context2(ctx, each_value, i);
@@ -5782,9 +5894,12 @@
     }
     return {
       c() {
-        if (if_block)
-          if_block.c();
-        t2 = space();
+        if (if_block0)
+          if_block0.c();
+        t0 = space();
+        if (if_block1)
+          if_block1.c();
+        t1 = space();
         div = element("div");
         for (let i = 0; i < each_blocks.length; i += 1) {
           each_blocks[i].c();
@@ -5799,11 +5914,17 @@
           /*containerId*/
           ctx[3]
         );
+        attr(div, "style", div_style_value = !/*isContainerWordBin*/
+        ctx[13] ? `padding-top: ${/*paddingTop*/
+        ctx[6]}px;` : "");
       },
       m(target, anchor) {
-        if (if_block)
-          if_block.m(target, anchor);
-        insert(target, t2, anchor);
+        if (if_block0)
+          if_block0.m(target, anchor);
+        insert(target, t0, anchor);
+        if (if_block1)
+          if_block1.m(target, anchor);
+        insert(target, t1, anchor);
         insert(target, div, anchor);
         for (let i = 0; i < each_blocks.length; i += 1) {
           if (each_blocks[i]) {
@@ -5828,25 +5949,25 @@
               ),
               dropTargetClasses: (
                 /*dropTargetClasses*/
-                ctx[10]
+                ctx[12]
               ),
               morphDisabled: true,
               dragDisabled: (
                 /*dragDisabled*/
-                ctx[7]
+                ctx[8]
               )
             })),
             listen(
               div,
               "consider",
               /*handleDndConsider*/
-              ctx[11]
+              ctx[14]
             ),
             listen(
               div,
               "finalize",
               /*handleDndFinalize*/
-              ctx[12]
+              ctx[15]
             )
           ];
           mounted = true;
@@ -5855,23 +5976,39 @@
       p(ctx2, [dirty]) {
         if (
           /*dragDisabled*/
-          ctx2[7] && /*sourceSelectedContainerId*/
-          ctx2[8] !== /*containerId*/
+          ctx2[8] && /*sourceSelectedContainerId*/
+          ctx2[9] !== /*containerId*/
           ctx2[3]
         ) {
-          if (if_block) {
-            if_block.p(ctx2, dirty);
+          if (if_block0) {
+            if_block0.p(ctx2, dirty);
           } else {
-            if_block = create_if_block5(ctx2);
-            if_block.c();
-            if_block.m(t2.parentNode, t2);
+            if_block0 = create_if_block_15(ctx2);
+            if_block0.c();
+            if_block0.m(t0.parentNode, t0);
           }
-        } else if (if_block) {
-          if_block.d(1);
-          if_block = null;
+        } else if (if_block0) {
+          if_block0.d(1);
+          if_block0 = null;
+        }
+        if (
+          /*totalRemainingWordBinItem*/
+          ctx2[11] <= 0 && /*isContainerWordBin*/
+          ctx2[13]
+        ) {
+          if (if_block1) {
+            if_block1.p(ctx2, dirty);
+          } else {
+            if_block1 = create_if_block5(ctx2);
+            if_block1.c();
+            if_block1.m(t1.parentNode, t1);
+          }
+        } else if (if_block1) {
+          if_block1.d(1);
+          if_block1 = null;
         }
-        if (dirty & /*Object, items, considerItemId, showButton, currentWordBinIndex, containerId*/
-        617) {
+        if (dirty & /*Object, items, considerItemId, showButton, currentWordBinIndex, isContainerWordBin, containerId*/
+        9385) {
           each_value = ensure_array_like(Object.values(
             /*items*/
             ctx2[0]
@@ -5894,8 +6031,14 @@
             ctx2[3]
           );
         }
+        if (!current || dirty & /*paddingTop*/
+        64 && div_style_value !== (div_style_value = !/*isContainerWordBin*/
+        ctx2[13] ? `padding-top: ${/*paddingTop*/
+        ctx2[6]}px;` : "")) {
+          attr(div, "style", div_style_value);
+        }
         if (dndzone_action && is_function(dndzone_action.update) && dirty & /*items, flipDurationMs, type, dragDisabled*/
-        149)
+        277)
           dndzone_action.update.call(null, {
             items: (
               /*items*/
@@ -5911,12 +6054,12 @@
             ),
             dropTargetClasses: (
               /*dropTargetClasses*/
-              ctx2[10]
+              ctx2[12]
             ),
             morphDisabled: true,
             dragDisabled: (
               /*dragDisabled*/
-              ctx2[7]
+              ctx2[8]
             )
           });
       },
@@ -5936,11 +6079,14 @@
       },
       d(detaching) {
         if (detaching) {
-          detach(t2);
+          detach(t0);
+          detach(t1);
           detach(div);
         }
-        if (if_block)
-          if_block.d(detaching);
+        if (if_block0)
+          if_block0.d(detaching);
+        if (if_block1)
+          if_block1.d(detaching);
         for (let i = 0; i < each_blocks.length; i += 1) {
           each_blocks[i].d();
         }
@@ -5956,6 +6102,7 @@
     let { containerId = "" } = $$props;
     let { type = "categoriseType" } = $$props;
     let { showButton = true } = $$props;
+    let { paddingTop = 73 } = $$props;
     let considerItemId = "";
     let selectedItemId = "";
     let dragDisabled = false;
@@ -5963,16 +6110,21 @@
     let sourceSelectedContainerId = "";
     let cloneId;
     let currentWordBinIndex = 0;
+    let totalRemainingWordBinItem = 0;
+    const dispatch = createEventDispatcher();
     const dropTargetClasses = ["!outline-none"];
+    const isContainerWordBin = containerId === CONTAINER_WORD_BIN_ID;
     const { rawCategoryItems } = get_store_value(categoriseSettings);
     categoriseSettings.subscribe((value) => {
       const { considerItemId: storeconsiderItemId, selectedItemId: storeSelectedItemId, currentAnswer: storeCurrentAnswer, sourceSelectedContainerId: storeSourceSelectedContainerId, currentWordBinIndex: storeCurrentWordBinIndex } = value;
-      $$invalidate(6, considerItemId = storeconsiderItemId);
-      $$invalidate(7, dragDisabled = !!storeSelectedItemId);
+      $$invalidate(7, considerItemId = storeconsiderItemId);
+      $$invalidate(8, dragDisabled = !!storeSelectedItemId);
       currentAnswer = storeCurrentAnswer;
       selectedItemId = storeSelectedItemId;
-      $$invalidate(8, sourceSelectedContainerId = storeSourceSelectedContainerId);
-      $$invalidate(9, currentWordBinIndex = storeCurrentWordBinIndex);
+      $$invalidate(9, sourceSelectedContainerId = storeSourceSelectedContainerId);
+      $$invalidate(10, currentWordBinIndex = storeCurrentWordBinIndex);
+      const storeWordBinItem = currentAnswer.filter((answer) => answer.categoryId === CONTAINER_WORD_BIN_ID);
+      $$invalidate(11, totalRemainingWordBinItem = storeWordBinItem[0].itemId.length);
       if (storeCurrentAnswer) {
         const currentAnswerList = currentAnswer.filter((answer) => answer.categoryId === containerId);
         if (currentAnswerList.length) {
@@ -6041,12 +6193,7 @@
       $$invalidate(0, items = categoryItems.filter((item) => !item.isClonedItem));
       if (trigger === TRIGGERS.DROPPED_INTO_ZONE) {
         const { currentTarget } = e2;
-        const updatedCurrentAnswer = addAnswerItemStore(id, currentTarget.id);
-        showAddItemAnimation(currentTarget.id);
-        categoriseSettings.set({
-          ...get_store_value(categoriseSettings),
-          currentAnswer: updatedCurrentAnswer
-        });
+        addAnswerItemStore(id, currentTarget.id);
       }
       categoriseSettings.set({
         ...get_store_value(categoriseSettings),
@@ -6054,6 +6201,23 @@
       });
       resetCategoriesSettings();
     };
+    const saveAnswer = () => {
+      const { currentAnswer: currentAnswer2, rawCategories, rawCategoryItems: rawCategoryItems2 } = get_store_value(categoriseSettings);
+      const categoryAnswer = currentAnswer2.filter((answer) => answer.categoryId !== CONTAINER_WORD_BIN_ID).map((answer) => {
+        const { categoryId, itemId } = answer;
+        const categoryList = rawCategories.filter((category) => category.id === categoryId).map((category) => category.name)[0];
+        const itemList = itemId.map((item) => {
+          return rawCategoryItems2.filter((categoryItem) => categoryItem.id === item).map((categoryItem) => categoryItem.text)[0];
+        });
+        return {
+          category_id: categoryId,
+          category: categoryList,
+          item_id: itemId,
+          item: itemList
+        };
+      }).filter((answer) => answer.item_id.length);
+      dispatch("saveCategory", { answer_list: categoryAnswer });
+    };
     const resetCategoriesSettings = () => {
       categoriseSettings.set({
         ...get_store_value(categoriseSettings),
@@ -6098,14 +6262,12 @@
       if (!selectedItemId || !sourceSelectedContainerId || sourceSelectedContainerId === containerId) {
         return;
       }
-      const updatedCurrentAnswer = addAnswerItemStore(selectedItemId, containerId);
-      showAddItemAnimation(containerId);
+      addAnswerItemStore(selectedItemId, containerId);
       categoriseSettings.set({
         ...get_store_value(categoriseSettings),
         selectedItemId: "",
         selectedContainerId: "",
-        sourceSelectedContainerId: "",
-        currentAnswer: updatedCurrentAnswer
+        sourceSelectedContainerId: ""
       });
     };
     const addAnswerItemStore = (itemId, targetContainerId) => {
@@ -6139,11 +6301,16 @@
         }
       }
       updateNavigateItem();
-      return updatedCurrentAnswer;
+      showAddItemAnimation(targetContainerId);
+      categoriseSettings.set({
+        ...get_store_value(categoriseSettings),
+        currentAnswer: updatedCurrentAnswer
+      });
+      saveAnswer();
     };
     const updateNavigateItem = () => {
       const { currentWordBinIndex: currentWordBinIndex2, currentAnswer: currentAnswer2 } = get_store_value(categoriseSettings);
-      useNavigateItem(currentWordBinIndex2, currentAnswer2, "right");
+      useNavigateItem(currentWordBinIndex2, currentAnswer2, "right", true);
     };
     $$self.$$set = ($$props2) => {
       if ("items" in $$props2)
@@ -6158,6 +6325,8 @@
         $$invalidate(4, type = $$props2.type);
       if ("showButton" in $$props2)
         $$invalidate(5, showButton = $$props2.showButton);
+      if ("paddingTop" in $$props2)
+        $$invalidate(6, paddingTop = $$props2.paddingTop);
     };
     return [
       items,
@@ -6166,11 +6335,14 @@
       containerId,
       type,
       showButton,
+      paddingTop,
       considerItemId,
       dragDisabled,
       sourceSelectedContainerId,
       currentWordBinIndex,
+      totalRemainingWordBinItem,
       dropTargetClasses,
+      isContainerWordBin,
       handleDndConsider,
       handleDndFinalize,
       addAnswerItem
@@ -6185,7 +6357,8 @@
         flipDurationMs: 2,
         containerId: 3,
         type: 4,
-        showButton: 5
+        showButton: 5,
+        paddingTop: 6
       });
     }
     get items() {
@@ -6230,8 +6403,15 @@
       this.$$set({ showButton });
       flush();
     }
+    get paddingTop() {
+      return this.$$.ctx[6];
+    }
+    set paddingTop(paddingTop) {
+      this.$$set({ paddingTop });
+      flush();
+    }
   };
-  customElements.define("prompt-categorise-dnd-container", create_custom_element(PromptCategoriseDndContainer, { "items": {}, "containerClass": {}, "flipDurationMs": {}, "containerId": {}, "type": {}, "showButton": { "type": "Boolean" } }, [], [], true));
+  customElements.define("prompt-categorise-dnd-container", create_custom_element(PromptCategoriseDndContainer, { "items": {}, "containerClass": {}, "flipDurationMs": {}, "containerId": {}, "type": {}, "showButton": { "type": "Boolean" }, "paddingTop": {} }, [], [], true));
   var PromptCategoriseDndContainer_default = PromptCategoriseDndContainer;
 
   // src/lib/stores/modal.ts
@@ -6617,7 +6797,7 @@
       p(ctx2, [dirty]) {
         const commonmodal_changes = {};
         if (dirty & /*$$scope*/
-        4) {
+        8) {
           commonmodal_changes.$$scope = { dirty, ctx: ctx2 };
         }
         commonmodal.$set(commonmodal_changes);
@@ -6645,6 +6825,7 @@
         modalAriaLabel: ""
       });
     };
+    const dispatch = createEventDispatcher();
     const resetCategories = () => {
       const { currentAnswer, rawCategoryItems } = get_store_value(categoriseSettings);
       const wordBinItems = rawCategoryItems.map((item) => item.id);
@@ -6670,6 +6851,7 @@
         currentAnswer: resetCurrentAnswer,
         hasAddItemAnimation: false
       });
+      dispatch("resetCategory", { answer_list: [] });
       closeResetModal();
     };
     return [closeResetModal, resetCategories];
@@ -6886,17 +7068,185 @@
   create_custom_element(SmallChevronRight, {}, [], [], true);
   var SmallChevronRight_default = SmallChevronRight;
 
+  // node_modules/svelte-viewport-info/dist/svelte-viewport-info.esm.js
+  var MediaMatcher = window.matchMedia || // @ts-ignore
+  window["webkitMatchmedia"] || window["mozMatchmedia"] || window["oMatchmedia"];
+  function MediaQuery(query) {
+    return MediaMatcher != null && MediaMatcher(query).matches;
+  }
+  function DocumentIsReady() {
+    return document.readyState === "interactive" || document.readyState === "complete";
+  }
+  var ViewportWidth = 0;
+  var ViewportHeight = 0;
+  function determineViewportSize() {
+    ViewportWidth = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);
+    ViewportHeight = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0);
+  }
+  determineViewportSize();
+  var ScreenOrientation = void 0;
+  var detailledScreenOrientation = void 0;
+  function determineScreenOrientation() {
+    var Orientation;
+    if ("orientation" in window.Screen) {
+      Orientation = window.screen.orientation.type;
+    }
+    switch (Orientation) {
+      case "portrait-primary":
+      case "portrait-secondary":
+        ScreenOrientation = "portrait";
+        detailledScreenOrientation = Orientation;
+        break;
+      case "landscape-primary":
+      case "landscape-secondary":
+        ScreenOrientation = "landscape";
+        detailledScreenOrientation = Orientation;
+        break;
+      default:
+        switch (true) {
+          case MediaQuery("(orientation:portrait)"):
+            ScreenOrientation = "portrait";
+            break;
+          case MediaQuery("(orientation:landscape)"):
+          case ViewportWidth > ViewportHeight:
+            ScreenOrientation = "landscape";
+            break;
+          default:
+            ScreenOrientation = "portrait";
+        }
+        detailledScreenOrientation = void 0;
+    }
+    if (DocumentIsReady()) {
+      document.body.classList.remove("Portrait", "Landscape", "Portrait-primary", "Portrait-secondary", "Landscape-primary", "Landscape-secondary");
+      switch (ScreenOrientation) {
+        case "portrait":
+          document.body.classList.add("Portrait");
+          break;
+        case "landscape":
+          document.body.classList.add("Landscape");
+          break;
+      }
+      if (detailledScreenOrientation != null) {
+        var capitalized = function(Name) {
+          return Name[0].toUpperCase() + Name.slice(1);
+        };
+        document.body.classList.add(capitalized(detailledScreenOrientation));
+      }
+    }
+  }
+  determineScreenOrientation();
+  if (!DocumentIsReady()) {
+    window.addEventListener("DOMContentLoaded", determineScreenOrientation);
+  }
+  var oldViewportWidth = ViewportWidth;
+  var oldViewportHeight = ViewportHeight;
+  var oldScreenOrientation = ScreenOrientation;
+  var oldDetailledScreenOrientation = detailledScreenOrientation;
+  function rememberSettings() {
+    oldViewportWidth = ViewportWidth;
+    oldViewportHeight = ViewportHeight;
+    oldScreenOrientation = ScreenOrientation;
+    oldDetailledScreenOrientation = detailledScreenOrientation;
+  }
+  function submitEvents() {
+    if (!DocumentIsReady()) {
+      return;
+    }
+    if (oldViewportWidth !== ViewportWidth || oldViewportHeight !== ViewportHeight) {
+      document.body.dispatchEvent(new Event("viewportchanged", { bubbles: true, cancelable: true }));
+    }
+    if (oldScreenOrientation !== ScreenOrientation || oldDetailledScreenOrientation !== detailledScreenOrientation) {
+      document.body.dispatchEvent(new Event("orientationchangeend", { bubbles: true, cancelable: true }));
+    }
+  }
+  var Poller;
+  var PollCounter = 0;
+  var PollCounterLimit = 10;
+  function stopPolling() {
+    clearInterval(Poller);
+    Poller = void 0;
+    PollCounter = 0;
+  }
+  function pollForViewportAfterOrientationChange() {
+    Poller = setInterval(function() {
+      determineViewportSize();
+      if (
+        // no update of screen size yet? => continue polling
+        oldViewportWidth === ViewportWidth && oldViewportHeight === ViewportHeight
+      ) {
+        PollCounter += 1;
+        if (PollCounter <= PollCounterLimit) {
+          return;
+        }
+      }
+      stopPolling();
+      determineScreenOrientation();
+      submitEvents();
+      rememberSettings();
+    }, 100);
+  }
+  function determineViewportSizeAndScreenOrientation() {
+    determineViewportSize();
+    determineScreenOrientation();
+    if (Poller != null) {
+      stopPolling();
+      submitEvents();
+      rememberSettings();
+    }
+    if (oldViewportWidth === ViewportWidth && oldViewportHeight === ViewportHeight) {
+      pollForViewportAfterOrientationChange();
+    } else {
+      submitEvents();
+      rememberSettings();
+    }
+  }
+  window.addEventListener("orientationchange", function() {
+    setTimeout(determineViewportSizeAndScreenOrientation, 10);
+  });
+  window.addEventListener("resize", determineViewportSizeAndScreenOrientation);
+  if ("orientation" in screen) {
+    screen.orientation.addEventListener("change", function() {
+      setTimeout(determineViewportSizeAndScreenOrientation, 10);
+    });
+  }
+  var svelteViewportInfo = {
+    get Width() {
+      return ViewportWidth;
+    },
+    get Height() {
+      return ViewportHeight;
+    },
+    get Orientation() {
+      return ScreenOrientation;
+    },
+    get detailledOrientation() {
+      return detailledScreenOrientation;
+    }
+  };
+
+  // src/lib/composables/useScreenResponsiveness.ts
+  var useIsSmallScreen = () => {
+    const { Width } = svelteViewportInfo;
+    return Width < SCREEN_MD;
+  };
+
   // src/lib/components/prompt/categorise/PromptCategorise.svelte
   function get_each_context3(ctx, list, i) {
     const child_ctx = ctx.slice();
-    child_ctx[29] = list[i];
-    child_ctx[31] = i;
+    child_ctx[37] = list[i];
+    child_ctx[38] = list;
+    child_ctx[39] = i;
     return child_ctx;
   }
-  function create_if_block_32(ctx) {
+  function create_if_block_23(ctx) {
     let promptcategorisemodal;
     let current;
     promptcategorisemodal = new PromptCategoriseModal_default({});
+    promptcategorisemodal.$on(
+      "resetCategory",
+      /*saveCategory*/
+      ctx[25]
+    );
     return {
       c() {
         create_component(promptcategorisemodal.$$.fragment);
@@ -6905,6 +7255,7 @@
         mount_component(promptcategorisemodal, target, anchor);
         current = true;
       },
+      p: noop,
       i(local) {
         if (current)
           return;
@@ -6920,7 +7271,7 @@
       }
     };
   }
-  function create_if_block_23(ctx) {
+  function create_if_block_16(ctx) {
     let button;
     let span0;
     let switchicon;
@@ -6955,7 +7306,7 @@
             button,
             "click",
             /*openResetModal*/
-            ctx[19]
+            ctx[20]
           );
           mounted = true;
         }
@@ -7008,7 +7359,7 @@
       }
     };
   }
-  function create_if_block_15(ctx) {
+  function create_if_block6(ctx) {
     let smallchevronup;
     let current;
     smallchevronup = new SmallChevronUp_default({});
@@ -7044,9 +7395,9 @@
     let span1;
     let t2_value = (
       /*getTotalWords*/
-      ctx[20](
+      ctx[21](
         /*category*/
-        ctx[29].id,
+        ctx[37].id,
         /*currentAnswer*/
         ctx[6]
       ) + ""
@@ -7058,7 +7409,9 @@
     let current_block_type_index;
     let if_block;
     let button_aria_label_value;
+    let div0_id_value;
     let div0_class_value;
+    let div0_resize_listener;
     let t4;
     let promptcategorisedndcontainer;
     let t5;
@@ -7066,7 +7419,7 @@
     let current;
     let mounted;
     let dispose;
-    const if_block_creators = [create_if_block_15, create_else_block3];
+    const if_block_creators = [create_if_block6, create_else_block3];
     const if_blocks = [];
     function select_block_type(ctx2, dirty) {
       if (dirty[0] & /*openCategoryContainer*/
@@ -7074,9 +7427,9 @@
         show_if = null;
       if (show_if == null)
         show_if = !!/*checkifCategoryContainerOpen*/
-        ctx2[21](
+        ctx2[22](
           /*category*/
-          ctx2[29].id,
+          ctx2[37].id,
           /*openCategoryContainer*/
           ctx2[10]
         );
@@ -7086,45 +7439,78 @@
     }
     current_block_type_index = select_block_type(ctx, [-1, -1]);
     if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+    function div0_elementresize_handler() {
+      ctx[27].call(
+        div0,
+        /*category*/
+        ctx[37]
+      );
+    }
     promptcategorisedndcontainer = new PromptCategoriseDndContainer_default({
       props: {
-        containerClass: "content-start !outline-none rounded-lg md:h-full md:p-4 md:pt-[73px]\n          " + /*checkContainerDragOver*/
-        (ctx[16](
+        containerClass: "content-start !outline-none rounded-lg grow w-full md:p-4\n          " + /*checkContainerDragOver*/
+        (ctx[17](
           /*category*/
-          ctx[29].id,
+          ctx[37].id,
           /*considerContainerId*/
           ctx[1],
           /*isDraggingOver*/
           ctx[2]
         ) ? "bg-violet-100" : "") + "\n          " + /*checkifCategoryContainerOpen*/
-        (ctx[21](
+        (ctx[22](
           /*category*/
-          ctx[29].id,
+          ctx[37].id,
           /*openCategoryContainer*/
           ctx[10]
-        ) ? "h-full p-3 pt-17" : "h-14.5 -p-0"),
+        ) ? "h-full p-3 min-h-[86px] md:min-h-0" : ""),
+        paddingTop: (
+          /*checkifCategoryContainerOpen*/
+          ctx[22](
+            /*category*/
+            ctx[37].id,
+            /*openCategoryContainer*/
+            ctx[10]
+          ) || !useIsSmallScreen() ? (
+            /*categoryTitleHeight*/
+            ctx[12][
+              /*category*/
+              ctx[37].id
+            ] + 16
+          ) : (
+            /*categoryTitleHeight*/
+            ctx[12][
+              /*category*/
+              ctx[37].id
+            ]
+          )
+        ),
         containerId: (
           /*category*/
-          ctx[29].id
+          ctx[37].id
         ),
         showButton: (
           /*checkifCategoryContainerOpen*/
-          ctx[21](
+          ctx[22](
             /*category*/
-            ctx[29].id,
+            ctx[37].id,
             /*openCategoryContainer*/
             ctx[10]
           )
         )
       }
     });
+    promptcategorisedndcontainer.$on(
+      "saveCategory",
+      /*saveCategory*/
+      ctx[25]
+    );
     return {
       c() {
         div1 = element("div");
         div0 = element("div");
         span0 = element("span");
         span0.textContent = `${/*category*/
-        ctx[29].name}`;
+        ctx[37].name}`;
         t1 = space();
         button = element("button");
         span1 = element("span");
@@ -7139,59 +7525,90 @@
         attr(span1, "class", "mx-0.5");
         attr(span2, "class", "w-4 h-4 text-inherit flex items-center justify-center");
         attr(button, "aria-label", button_aria_label_value = /*getTotalWords*/
-        ctx[20](
+        ctx[21](
           /*category*/
-          ctx[29].id,
+          ctx[37].id,
           /*currentAnswer*/
           ctx[6]
         ));
-        attr(button, "class", "focus-ring flex items-center rounded-[32px] p-1.5 text-charcoal text-sm border border-gray-800 bg-gray-50 min-w-[85px] md:hidden");
+        attr(button, "class", "focus-ring flex items-center rounded-[32px] p-1.5 text-charcoal text-sm border border-gray-800 bg-gray-50 min-w-[85px] ml-3 whitespace-nowrap active:raw-focus-ring active:bg-black-55 md:hidden");
+        attr(div0, "id", div0_id_value = `category-title${/*index*/
+        ctx[39]}`);
         attr(div0, "class", div0_class_value = "absolute flex items-center justify-between border-b border-gray-800 w-full rounded-t-lg p-3 md:p-4 md:justify-center " + /*checkContainerDroppedItem*/
-        (ctx[17](
+        (ctx[18](
           /*category*/
-          ctx[29].id,
+          ctx[37].id,
           /*dropContainerId*/
           ctx[3]
-        ) ? "bg-tranparent" : "bg-white") + " " + /*checkifCategoryContainerOpen*/
-        (ctx[21](
+        ) ? "bg-tranparent" : "bg-white") + " " + (!/*checkifCategoryContainerOpen*/
+        ctx[22](
           /*category*/
-          ctx[29].id,
+          ctx[37].id,
           /*openCategoryContainer*/
           ctx[10]
-        ) ? "" : "rounded-b-lg md:rounded-b-none"));
-        attr(div1, "class", div1_class_value = "border border-gray-800 rounded-lg basis-0 grow relative md:min-h-[140px] md:items-center lg:mr-6 lg:last:mr-0 lg:min-h-[224px] " + /*checkContainerDragOver*/
-        (ctx[16](
+        ) && /*checkContainerDragOver*/
+        ctx[17](
           /*category*/
-          ctx[29].id,
+          ctx[37].id,
           /*considerContainerId*/
           ctx[1],
           /*isDraggingOver*/
           ctx[2]
-        ) ? "raw-focus-ring" : "") + " " + /*checkContainerDroppedItem*/
+        ) ? "!bg-violet-100 md:bg-white" : "") + " " + /*checkifCategoryContainerOpen*/
+        (ctx[22](
+          /*category*/
+          ctx[37].id,
+          /*openCategoryContainer*/
+          ctx[10]
+        ) ? "" : "rounded-b-lg md:rounded-b-none") + " " + (!/*checkifCategoryContainerOpen*/
+        ctx[22](
+          /*category*/
+          ctx[37].id,
+          /*openCategoryContainer*/
+          ctx[10]
+        ) && /*checkSelectedSourceContainer*/
+        ctx[19](
+          /*category*/
+          ctx[37].id,
+          /*sourceSelectedContainerId*/
+          ctx[5],
+          /*currentSelectedItemId*/
+          ctx[4]
+        ) ? "group-hover/itemContainer:bg-violet-100 md:group-hover/itemContainer:bg-white" : ""));
+        add_render_callback(() => div0_elementresize_handler.call(div0));
+        attr(div1, "class", div1_class_value = "group/itemContainer flex flex-col border border-gray-800 rounded-lg basis-0 grow relative md:min-h-[140px] md:items-center lg:mr-6 lg:last:mr-0 lg:min-h-[224px] " + /*checkContainerDragOver*/
         (ctx[17](
           /*category*/
-          ctx[29].id,
+          ctx[37].id,
+          /*considerContainerId*/
+          ctx[1],
+          /*isDraggingOver*/
+          ctx[2]
+        ) ? "raw-focus-ring" : "") + " " + /*checkContainerDroppedItem*/
+        (ctx[18](
+          /*category*/
+          ctx[37].id,
           /*dropContainerId*/
           ctx[3]
         ) ? "bg-violet-150" : "") + " " + /*checkContainerDroppedItem*/
-        (ctx[17](
+        (ctx[18](
           /*category*/
-          ctx[29].id,
+          ctx[37].id,
           /*dropContainerId*/
           ctx[3]
         ) && /*hasAddItemAnimation*/
         ctx[8] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
-        (ctx[18](
+        (ctx[19](
           /*category*/
-          ctx[29].id,
+          ctx[37].id,
           /*sourceSelectedContainerId*/
           ctx[5],
           /*currentSelectedItemId*/
           ctx[4]
         ) ? "hover:bg-violet-100 hover-focus-ring cursor-pointer" : "") + " " + /*checkifCategoryContainerOpen*/
-        (ctx[21](
+        (ctx[22](
           /*category*/
-          ctx[29].id,
+          ctx[37].id,
           /*openCategoryContainer*/
           ctx[10]
         ) ? "min-h-[140px]" : ""));
@@ -7207,6 +7624,7 @@
         append(button, t3);
         append(button, span2);
         if_blocks[current_block_type_index].m(span2, null);
+        div0_resize_listener = add_iframe_resize_listener(div0, div0_elementresize_handler.bind(div0));
         append(div1, t4);
         mount_component(promptcategorisedndcontainer, div1, null);
         append(div1, t5);
@@ -7215,16 +7633,16 @@
           dispose = listen(button, "click", function() {
             if (is_function(
               /*addCategoryContainer*/
-              ctx[22](
+              ctx[23](
                 /*category*/
-                ctx[29].id,
+                ctx[37].id,
                 /*openCategoryContainer*/
                 ctx[10]
               )
             ))
-              ctx[22](
+              ctx[23](
                 /*category*/
-                ctx[29].id,
+                ctx[37].id,
                 /*openCategoryContainer*/
                 ctx[10]
               ).apply(this, arguments);
@@ -7236,9 +7654,9 @@
         ctx = new_ctx;
         if ((!current || dirty[0] & /*currentAnswer*/
         64) && t2_value !== (t2_value = /*getTotalWords*/
-        ctx[20](
+        ctx[21](
           /*category*/
-          ctx[29].id,
+          ctx[37].id,
           /*currentAnswer*/
           ctx[6]
         ) + ""))
@@ -7262,92 +7680,141 @@
         }
         if (!current || dirty[0] & /*currentAnswer*/
         64 && button_aria_label_value !== (button_aria_label_value = /*getTotalWords*/
-        ctx[20](
+        ctx[21](
           /*category*/
-          ctx[29].id,
+          ctx[37].id,
           /*currentAnswer*/
           ctx[6]
         ))) {
           attr(button, "aria-label", button_aria_label_value);
         }
-        if (!current || dirty[0] & /*dropContainerId, openCategoryContainer*/
-        1032 && div0_class_value !== (div0_class_value = "absolute flex items-center justify-between border-b border-gray-800 w-full rounded-t-lg p-3 md:p-4 md:justify-center " + /*checkContainerDroppedItem*/
-        (ctx[17](
+        if (!current || dirty[0] & /*dropContainerId, openCategoryContainer, considerContainerId, isDraggingOver, sourceSelectedContainerId, currentSelectedItemId*/
+        1086 && div0_class_value !== (div0_class_value = "absolute flex items-center justify-between border-b border-gray-800 w-full rounded-t-lg p-3 md:p-4 md:justify-center " + /*checkContainerDroppedItem*/
+        (ctx[18](
           /*category*/
-          ctx[29].id,
+          ctx[37].id,
           /*dropContainerId*/
           ctx[3]
-        ) ? "bg-tranparent" : "bg-white") + " " + /*checkifCategoryContainerOpen*/
-        (ctx[21](
+        ) ? "bg-tranparent" : "bg-white") + " " + (!/*checkifCategoryContainerOpen*/
+        ctx[22](
           /*category*/
-          ctx[29].id,
+          ctx[37].id,
           /*openCategoryContainer*/
           ctx[10]
-        ) ? "" : "rounded-b-lg md:rounded-b-none"))) {
+        ) && /*checkContainerDragOver*/
+        ctx[17](
+          /*category*/
+          ctx[37].id,
+          /*considerContainerId*/
+          ctx[1],
+          /*isDraggingOver*/
+          ctx[2]
+        ) ? "!bg-violet-100 md:bg-white" : "") + " " + /*checkifCategoryContainerOpen*/
+        (ctx[22](
+          /*category*/
+          ctx[37].id,
+          /*openCategoryContainer*/
+          ctx[10]
+        ) ? "" : "rounded-b-lg md:rounded-b-none") + " " + (!/*checkifCategoryContainerOpen*/
+        ctx[22](
+          /*category*/
+          ctx[37].id,
+          /*openCategoryContainer*/
+          ctx[10]
+        ) && /*checkSelectedSourceContainer*/
+        ctx[19](
+          /*category*/
+          ctx[37].id,
+          /*sourceSelectedContainerId*/
+          ctx[5],
+          /*currentSelectedItemId*/
+          ctx[4]
+        ) ? "group-hover/itemContainer:bg-violet-100 md:group-hover/itemContainer:bg-white" : ""))) {
           attr(div0, "class", div0_class_value);
         }
         const promptcategorisedndcontainer_changes = {};
         if (dirty[0] & /*considerContainerId, isDraggingOver, openCategoryContainer*/
         1030)
-          promptcategorisedndcontainer_changes.containerClass = "content-start !outline-none rounded-lg md:h-full md:p-4 md:pt-[73px]\n          " + /*checkContainerDragOver*/
-          (ctx[16](
+          promptcategorisedndcontainer_changes.containerClass = "content-start !outline-none rounded-lg grow w-full md:p-4\n          " + /*checkContainerDragOver*/
+          (ctx[17](
             /*category*/
-            ctx[29].id,
+            ctx[37].id,
             /*considerContainerId*/
             ctx[1],
             /*isDraggingOver*/
             ctx[2]
           ) ? "bg-violet-100" : "") + "\n          " + /*checkifCategoryContainerOpen*/
-          (ctx[21](
+          (ctx[22](
+            /*category*/
+            ctx[37].id,
+            /*openCategoryContainer*/
+            ctx[10]
+          ) ? "h-full p-3 min-h-[86px] md:min-h-0" : "");
+        if (dirty[0] & /*openCategoryContainer, categoryTitleHeight*/
+        5120)
+          promptcategorisedndcontainer_changes.paddingTop = /*checkifCategoryContainerOpen*/
+          ctx[22](
             /*category*/
-            ctx[29].id,
+            ctx[37].id,
             /*openCategoryContainer*/
             ctx[10]
-          ) ? "h-full p-3 pt-17" : "h-14.5 -p-0");
+          ) || !useIsSmallScreen() ? (
+            /*categoryTitleHeight*/
+            ctx[12][
+              /*category*/
+              ctx[37].id
+            ] + 16
+          ) : (
+            /*categoryTitleHeight*/
+            ctx[12][
+              /*category*/
+              ctx[37].id
+            ]
+          );
         if (dirty[0] & /*openCategoryContainer*/
         1024)
           promptcategorisedndcontainer_changes.showButton = /*checkifCategoryContainerOpen*/
-          ctx[21](
+          ctx[22](
             /*category*/
-            ctx[29].id,
+            ctx[37].id,
             /*openCategoryContainer*/
             ctx[10]
           );
         promptcategorisedndcontainer.$set(promptcategorisedndcontainer_changes);
         if (!current || dirty[0] & /*considerContainerId, isDraggingOver, dropContainerId, hasAddItemAnimation, sourceSelectedContainerId, currentSelectedItemId, openCategoryContainer*/
-        1342 && div1_class_value !== (div1_class_value = "border border-gray-800 rounded-lg basis-0 grow relative md:min-h-[140px] md:items-center lg:mr-6 lg:last:mr-0 lg:min-h-[224px] " + /*checkContainerDragOver*/
-        (ctx[16](
+        1342 && div1_class_value !== (div1_class_value = "group/itemContainer flex flex-col border border-gray-800 rounded-lg basis-0 grow relative md:min-h-[140px] md:items-center lg:mr-6 lg:last:mr-0 lg:min-h-[224px] " + /*checkContainerDragOver*/
+        (ctx[17](
           /*category*/
-          ctx[29].id,
+          ctx[37].id,
           /*considerContainerId*/
           ctx[1],
           /*isDraggingOver*/
           ctx[2]
         ) ? "raw-focus-ring" : "") + " " + /*checkContainerDroppedItem*/
-        (ctx[17](
+        (ctx[18](
           /*category*/
-          ctx[29].id,
+          ctx[37].id,
           /*dropContainerId*/
           ctx[3]
         ) ? "bg-violet-150" : "") + " " + /*checkContainerDroppedItem*/
-        (ctx[17](
+        (ctx[18](
           /*category*/
-          ctx[29].id,
+          ctx[37].id,
           /*dropContainerId*/
           ctx[3]
         ) && /*hasAddItemAnimation*/
         ctx[8] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
-        (ctx[18](
+        (ctx[19](
           /*category*/
-          ctx[29].id,
+          ctx[37].id,
           /*sourceSelectedContainerId*/
           ctx[5],
           /*currentSelectedItemId*/
           ctx[4]
         ) ? "hover:bg-violet-100 hover-focus-ring cursor-pointer" : "") + " " + /*checkifCategoryContainerOpen*/
-        (ctx[21](
+        (ctx[22](
           /*category*/
-          ctx[29].id,
+          ctx[37].id,
           /*openCategoryContainer*/
           ctx[10]
         ) ? "min-h-[140px]" : ""))) {
@@ -7371,30 +7838,13 @@
           detach(div1);
         }
         if_blocks[current_block_type_index].d();
+        div0_resize_listener();
         destroy_component(promptcategorisedndcontainer);
         mounted = false;
         dispose();
       }
     };
   }
-  function create_if_block6(ctx) {
-    let div;
-    return {
-      c() {
-        div = element("div");
-        div.textContent = "Word Bin is empty";
-        attr(div, "class", "text-base leading-4 text-gray-800 p-5 border border-gray-400 rounded-lg border-dashed absolute top-12 right-4 left-4 bottom-4 flex items-center justify-center md:top-20");
-      },
-      m(target, anchor) {
-        insert(target, div, anchor);
-      },
-      d(detaching) {
-        if (detaching) {
-          detach(div);
-        }
-      }
-    };
-  }
   function create_default_slot4(ctx) {
     let t0;
     let div0;
@@ -7418,6 +7868,7 @@
     let span2;
     let smallchevronleft;
     let button0_class_value;
+    let button0_disabled_value;
     let t12;
     let promptcategorisedndcontainer;
     let t13;
@@ -7425,30 +7876,23 @@
     let span3;
     let smallchevronright;
     let button1_class_value;
-    let t14;
-    let show_if = (
-      /*isWordBInTotalZero*/
-      ctx[23](
-        /*totalRemainingWordBinItem*/
-        ctx[7]
-      )
-    );
+    let button1_disabled_value;
     let div4_class_value;
     let current;
     let mounted;
     let dispose;
     let if_block0 = (
       /*isModalOpen*/
-      ctx[9] && create_if_block_32(ctx)
+      ctx[9] && create_if_block_23(ctx)
     );
     let if_block1 = (
       /*totalRemainingWordBinItem*/
       ctx[7] !== /*totalCategoryItems*/
-      ctx[0] && create_if_block_23(ctx)
+      ctx[0] && create_if_block_16(ctx)
     );
     let each_value = ensure_array_like(Object.values(
       /*categoryGroups*/
-      ctx[14]
+      ctx[16]
     ));
     let each_blocks = [];
     for (let i = 0; i < each_value.length; i += 1) {
@@ -7460,7 +7904,12 @@
     smallchevronleft = new SmallChevronLeft_default({});
     promptcategorisedndcontainer = new PromptCategoriseDndContainer_default({
       props: {
-        containerClass: "bg-transparent p-4 pt-[55px] grow md:grow-0 md:pt-20.5 justify-center md:justify-normal",
+        containerClass: "bg-transparent p-4 pt-[55px] grow md:grow-0 md:pt-20.5 justify-center md:justify-normal\n        " + /*isWordBInTotalZero*/
+        (ctx[24](
+          /*totalRemainingWordBinItem*/
+          ctx[7]
+        ) && !/*currentSelectedItemId*/
+        ctx[4] ? "absolute inset-0" : ""),
         items: (
           /*categoryItems*/
           ctx[15]
@@ -7468,8 +7917,12 @@
         containerId: CONTAINER_WORD_BIN_ID
       }
     });
+    promptcategorisedndcontainer.$on(
+      "saveCategory",
+      /*saveCategory*/
+      ctx[25]
+    );
     smallchevronright = new SmallChevronRight_default({});
-    let if_block2 = show_if && create_if_block6(ctx);
     return {
       c() {
         if (if_block0)
@@ -7514,9 +7967,6 @@
         button1 = element("button");
         span3 = element("span");
         create_component(smallchevronright.$$.fragment);
-        t14 = space();
-        if (if_block2)
-          if_block2.c();
         attr(p, "class", "text-base leading-5 !text-gray-900 font-semibold md:item-heading");
         attr(div0, "class", "mt-7.5 mb-6 relative md:text-center md:mb-8 md:mt-14");
         attr(div1, "class", "mb-5 grid gap-2 grid-cols-1 md:grid-cols-2 md:gap-6 lg:flex lg:gap-0");
@@ -7525,39 +7975,44 @@
         attr(div2, "class", "p-4 pb-3 text-center w-full absolute flex flex-row items-center justify-between md:justify-center md:flex-col md:pb-0");
         attr(span2, "class", "w-6 h-6 text-inherit flex items-center justify-center");
         attr(button0, "aria-label", "Left");
-        attr(button0, "class", button0_class_value = "focus-ring p-2 text-blue-1000 rounded-md w-11 h-11 mt-9 td:hover:bg-black-50 active:bg-black-60 md:hidden " + /*isWordBInTotalZero*/
-        (ctx[23](
+        attr(button0, "class", button0_class_value = "focus-ring p-2 text-blue-1000 rounded-md w-11 h-11 mt-9 td:hover:bg-black-50 active:bg-black-60 disabled:text-gray-40 disabled:hover:bg-white md:hidden " + /*isWordBInTotalZero*/
+        (ctx[24](
           /*totalRemainingWordBinItem*/
           ctx[7]
         ) ? "hidden" : ""));
+        button0.disabled = button0_disabled_value = /*currentWordBinIndex*/
+        ctx[11] === 0;
         attr(span3, "class", "w-6 h-6 text-inherit flex items-center justify-center ml-[3px]");
         attr(button1, "aria-label", "Right");
-        attr(button1, "class", button1_class_value = "focus-ring p-2 text-blue-1000 rounded-md w-11 h-11 mt-9 td:hover:bg-black-50 active:bg-black-60 md:hidden " + /*isWordBInTotalZero*/
-        (ctx[23](
+        attr(button1, "class", button1_class_value = "focus-ring p-2 text-blue-1000 rounded-md w-11 h-11 mt-9 td:hover:bg-black-50 active:bg-black-60 disabled:text-gray-40 disabled:hover:bg-white md:hidden " + /*isWordBInTotalZero*/
+        (ctx[24](
           /*totalRemainingWordBinItem*/
           ctx[7]
         ) ? "hidden" : ""));
+        button1.disabled = button1_disabled_value = /*currentWordBinIndex*/
+        ctx[11] === /*totalRemainingWordBinItem*/
+        ctx[7] - 1;
         attr(div3, "class", "flex items-center justify-between px-4 min-h-[133px] md:min-h-0 md:block md:px-0 md:justify-normal");
         attr(div4, "class", div4_class_value = "shadow-[0_-12px_14px_-16px_#00000033] rounded-lg relative min-h-[133px] md:min-h-[164px] md:border md:shadow-[0_0_#0000] md:border-gray-400 " + /*checkContainerDragOver*/
-        (ctx[16](
+        (ctx[17](
           CONTAINER_WORD_BIN_ID,
           /*considerContainerId*/
           ctx[1],
           /*isDraggingOver*/
           ctx[2]
         ) ? "raw-focus-ring bg-violet-100" : "") + " " + /*checkContainerDroppedItem*/
-        (ctx[17](
+        (ctx[18](
           CONTAINER_WORD_BIN_ID,
           /*dropContainerId*/
           ctx[3]
         ) ? "bg-violet-150" : "") + " " + /*checkContainerDroppedItem*/
-        (ctx[17](
+        (ctx[18](
           CONTAINER_WORD_BIN_ID,
           /*dropContainerId*/
           ctx[3]
         ) && /*hasAddItemAnimation*/
         ctx[8] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
-        (ctx[18](
+        (ctx[19](
           CONTAINER_WORD_BIN_ID,
           /*sourceSelectedContainerId*/
           ctx[5],
@@ -7602,9 +8057,6 @@
         append(div3, button1);
         append(button1, span3);
         mount_component(smallchevronright, span3, null);
-        append(div3, t14);
-        if (if_block2)
-          if_block2.m(div3, null);
         current = true;
         if (!mounted) {
           dispose = [
@@ -7651,12 +8103,13 @@
           ctx[9]
         ) {
           if (if_block0) {
+            if_block0.p(ctx, dirty);
             if (dirty[0] & /*isModalOpen*/
             512) {
               transition_in(if_block0, 1);
             }
           } else {
-            if_block0 = create_if_block_32(ctx);
+            if_block0 = create_if_block_23(ctx);
             if_block0.c();
             transition_in(if_block0, 1);
             if_block0.m(t0.parentNode, t0);
@@ -7680,7 +8133,7 @@
               transition_in(if_block1, 1);
             }
           } else {
-            if_block1 = create_if_block_23(ctx);
+            if_block1 = create_if_block_16(ctx);
             if_block1.c();
             transition_in(if_block1, 1);
             if_block1.m(div0, null);
@@ -7692,11 +8145,11 @@
           });
           check_outros();
         }
-        if (dirty[0] & /*checkContainerDragOver, categoryGroups, considerContainerId, isDraggingOver, checkContainerDroppedItem, dropContainerId, hasAddItemAnimation, checkSelectedSourceContainer, sourceSelectedContainerId, currentSelectedItemId, checkifCategoryContainerOpen, openCategoryContainer, getTotalWords, currentAnswer, addCategoryContainer*/
-        7816574) {
+        if (dirty[0] & /*checkContainerDragOver, categoryGroups, considerContainerId, isDraggingOver, checkContainerDroppedItem, dropContainerId, hasAddItemAnimation, checkSelectedSourceContainer, sourceSelectedContainerId, currentSelectedItemId, checkifCategoryContainerOpen, openCategoryContainer, categoryTitleHeight, saveCategory, getTotalWords, currentAnswer, addCategoryContainer*/
+        49223038) {
           each_value = ensure_array_like(Object.values(
             /*categoryGroups*/
-            ctx[14]
+            ctx[16]
           ));
           let i;
           for (i = 0; i < each_value.length; i += 1) {
@@ -7732,60 +8185,63 @@
             ctx[0]
           );
         if (!current || dirty[0] & /*totalRemainingWordBinItem*/
-        128 && button0_class_value !== (button0_class_value = "focus-ring p-2 text-blue-1000 rounded-md w-11 h-11 mt-9 td:hover:bg-black-50 active:bg-black-60 md:hidden " + /*isWordBInTotalZero*/
-        (ctx[23](
+        128 && button0_class_value !== (button0_class_value = "focus-ring p-2 text-blue-1000 rounded-md w-11 h-11 mt-9 td:hover:bg-black-50 active:bg-black-60 disabled:text-gray-40 disabled:hover:bg-white md:hidden " + /*isWordBInTotalZero*/
+        (ctx[24](
           /*totalRemainingWordBinItem*/
           ctx[7]
         ) ? "hidden" : ""))) {
           attr(button0, "class", button0_class_value);
         }
+        if (!current || dirty[0] & /*currentWordBinIndex*/
+        2048 && button0_disabled_value !== (button0_disabled_value = /*currentWordBinIndex*/
+        ctx[11] === 0)) {
+          button0.disabled = button0_disabled_value;
+        }
+        const promptcategorisedndcontainer_changes = {};
+        if (dirty[0] & /*totalRemainingWordBinItem, currentSelectedItemId*/
+        144)
+          promptcategorisedndcontainer_changes.containerClass = "bg-transparent p-4 pt-[55px] grow md:grow-0 md:pt-20.5 justify-center md:justify-normal\n        " + /*isWordBInTotalZero*/
+          (ctx[24](
+            /*totalRemainingWordBinItem*/
+            ctx[7]
+          ) && !/*currentSelectedItemId*/
+          ctx[4] ? "absolute inset-0" : "");
+        promptcategorisedndcontainer.$set(promptcategorisedndcontainer_changes);
         if (!current || dirty[0] & /*totalRemainingWordBinItem*/
-        128 && button1_class_value !== (button1_class_value = "focus-ring p-2 text-blue-1000 rounded-md w-11 h-11 mt-9 td:hover:bg-black-50 active:bg-black-60 md:hidden " + /*isWordBInTotalZero*/
-        (ctx[23](
+        128 && button1_class_value !== (button1_class_value = "focus-ring p-2 text-blue-1000 rounded-md w-11 h-11 mt-9 td:hover:bg-black-50 active:bg-black-60 disabled:text-gray-40 disabled:hover:bg-white md:hidden " + /*isWordBInTotalZero*/
+        (ctx[24](
           /*totalRemainingWordBinItem*/
           ctx[7]
         ) ? "hidden" : ""))) {
           attr(button1, "class", button1_class_value);
         }
-        if (dirty[0] & /*totalRemainingWordBinItem*/
-        128)
-          show_if = /*isWordBInTotalZero*/
-          ctx[23](
-            /*totalRemainingWordBinItem*/
-            ctx[7]
-          );
-        if (show_if) {
-          if (if_block2) {
-          } else {
-            if_block2 = create_if_block6(ctx);
-            if_block2.c();
-            if_block2.m(div3, null);
-          }
-        } else if (if_block2) {
-          if_block2.d(1);
-          if_block2 = null;
+        if (!current || dirty[0] & /*currentWordBinIndex, totalRemainingWordBinItem*/
+        2176 && button1_disabled_value !== (button1_disabled_value = /*currentWordBinIndex*/
+        ctx[11] === /*totalRemainingWordBinItem*/
+        ctx[7] - 1)) {
+          button1.disabled = button1_disabled_value;
         }
         if (!current || dirty[0] & /*considerContainerId, isDraggingOver, dropContainerId, hasAddItemAnimation, sourceSelectedContainerId, currentSelectedItemId*/
         318 && div4_class_value !== (div4_class_value = "shadow-[0_-12px_14px_-16px_#00000033] rounded-lg relative min-h-[133px] md:min-h-[164px] md:border md:shadow-[0_0_#0000] md:border-gray-400 " + /*checkContainerDragOver*/
-        (ctx[16](
+        (ctx[17](
           CONTAINER_WORD_BIN_ID,
           /*considerContainerId*/
           ctx[1],
           /*isDraggingOver*/
           ctx[2]
         ) ? "raw-focus-ring bg-violet-100" : "") + " " + /*checkContainerDroppedItem*/
-        (ctx[17](
+        (ctx[18](
           CONTAINER_WORD_BIN_ID,
           /*dropContainerId*/
           ctx[3]
         ) ? "bg-violet-150" : "") + " " + /*checkContainerDroppedItem*/
-        (ctx[17](
+        (ctx[18](
           CONTAINER_WORD_BIN_ID,
           /*dropContainerId*/
           ctx[3]
         ) && /*hasAddItemAnimation*/
         ctx[8] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
-        (ctx[18](
+        (ctx[19](
           CONTAINER_WORD_BIN_ID,
           /*sourceSelectedContainerId*/
           ctx[5],
@@ -7837,8 +8293,6 @@
         destroy_component(smallchevronleft);
         destroy_component(promptcategorisedndcontainer);
         destroy_component(smallchevronright);
-        if (if_block2)
-          if_block2.d();
         mounted = false;
         run_all(dispose);
       }
@@ -7851,11 +8305,11 @@
       props: {
         rubric: (
           /*rubric*/
-          ctx[12].text
+          ctx[13].text
         ),
         prompt: (
           /*prompt*/
-          ctx[13]
+          ctx[14]
         ),
         $$slots: { default: [create_default_slot4] },
         $$scope: { ctx }
@@ -7871,9 +8325,9 @@
       },
       p(ctx2, dirty) {
         const promptbody_changes = {};
-        if (dirty[0] & /*considerContainerId, isDraggingOver, dropContainerId, hasAddItemAnimation, sourceSelectedContainerId, currentSelectedItemId, totalRemainingWordBinItem, currentWordBinIndex, currentAnswer, totalCategoryItems, openCategoryContainer, isModalOpen*/
-        4095 | dirty[1] & /*$$scope*/
-        2) {
+        if (dirty[0] & /*considerContainerId, isDraggingOver, dropContainerId, hasAddItemAnimation, sourceSelectedContainerId, currentSelectedItemId, totalRemainingWordBinItem, currentWordBinIndex, currentAnswer, totalCategoryItems, openCategoryContainer, categoryTitleHeight, isModalOpen*/
+        8191 | dirty[1] & /*$$scope*/
+        512) {
           promptbody_changes.$$scope = { dirty, ctx: ctx2 };
         }
         promptbody.$set(promptbody_changes);
@@ -7895,6 +8349,7 @@
   }
   function instance9($$self, $$props, $$invalidate) {
     let { sessionData } = $$props;
+    const dispatch = createEventDispatcher();
     let totalCategoryItems = 0;
     let considerContainerId = "";
     let isDraggingOver = false;
@@ -7909,19 +8364,43 @@
     let isModalOpen = false;
     let openCategoryContainer = [];
     let currentWordBinIndex = [];
-    const { rubric, interaction } = sessionData;
-    const { prompt, category_groups: categoryGroups, category_items: categoryItems } = interaction;
+    const { rubric, interaction, metadata } = sessionData;
+    const { prompt, category_groups: interactionCategoryGroups, category_items: interactionCategoryItems } = interaction;
+    const categoryItems = useFilterUniqueObject(interactionCategoryItems);
+    const categoryGroups = useFilterUniqueObject(interactionCategoryGroups);
     totalCategoryItems = totalRemainingWordBinItem = Object.keys(categoryItems).length;
-    const wordBinItems = categoryItems.map((item) => item.id);
+    let wordBinItems = categoryItems.map((item) => item.id);
+    let initialCategoryAnswer = [
+      {
+        categoryId: CONTAINER_WORD_BIN_ID,
+        itemId: wordBinItems
+      }
+    ];
+    let categoryTitleHeight = [];
+    categoryGroups.map((category) => {
+      $$invalidate(12, categoryTitleHeight[category.id] = "", categoryTitleHeight);
+    });
+    if (metadata) {
+      const { events } = metadata.interactions;
+      const currentCategoryList = events.pop();
+      const { answer_list: answerList } = currentCategoryList;
+      const selectedItems = [];
+      if (answerList.length) {
+        const categorySavedItems = answerList.map((answer) => {
+          const { category_id: categoryId, item_id: itemId } = answer;
+          itemId.map((item) => selectedItems.push(item));
+          return { categoryId, itemId };
+        });
+        wordBinItems = wordBinItems.filter((item) => !new Set(selectedItems).has(item));
+        initialCategoryAnswer[0].itemId = wordBinItems;
+        initialCategoryAnswer = [...initialCategoryAnswer, ...categorySavedItems];
+      }
+    }
     categoriseSettings.set({
       ...get_store_value(categoriseSettings),
-      currentAnswer: [
-        {
-          categoryId: CONTAINER_WORD_BIN_ID,
-          itemId: wordBinItems
-        }
-      ],
-      rawCategoryItems: categoryItems
+      currentAnswer: initialCategoryAnswer,
+      rawCategoryItems: categoryItems,
+      rawCategories: categoryGroups
     });
     modalSettings.subscribe((value) => {
       const { isModalOpen: storeIsModalOpen } = value;
@@ -7979,9 +8458,16 @@
     const isWordBInTotalZero = (totalRemainingWordBinItem2) => {
       return totalRemainingWordBinItem2 <= 0;
     };
+    const saveCategory = ({ detail }) => {
+      dispatch("saveCategory", detail);
+    };
+    function div0_elementresize_handler(category) {
+      categoryTitleHeight[category.id] = this.clientHeight;
+      $$invalidate(12, categoryTitleHeight);
+    }
     $$self.$$set = ($$props2) => {
       if ("sessionData" in $$props2)
-        $$invalidate(24, sessionData = $$props2.sessionData);
+        $$invalidate(26, sessionData = $$props2.sessionData);
     };
     return [
       totalCategoryItems,
@@ -7996,10 +8482,11 @@
       isModalOpen,
       openCategoryContainer,
       currentWordBinIndex,
+      categoryTitleHeight,
       rubric,
       prompt,
-      categoryGroups,
       categoryItems,
+      categoryGroups,
       checkContainerDragOver,
       checkContainerDroppedItem,
       checkSelectedSourceContainer,
@@ -8008,16 +8495,18 @@
       checkifCategoryContainerOpen,
       addCategoryContainer,
       isWordBInTotalZero,
-      sessionData
+      saveCategory,
+      sessionData,
+      div0_elementresize_handler
     ];
   }
   var PromptCategorise = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance9, create_fragment19, safe_not_equal, { sessionData: 24 }, null, [-1, -1]);
+      init(this, options, instance9, create_fragment19, safe_not_equal, { sessionData: 26 }, null, [-1, -1]);
     }
     get sessionData() {
-      return this.$$.ctx[24];
+      return this.$$.ctx[26];
     }
     set sessionData(sessionData) {
       this.$$set({ sessionData });
@@ -8118,7 +8607,7 @@
 
   // src/lib/components/prompt/PromptBuilder.svelte
   function add_css(target) {
-    append_styles(target, "svelte-d64wtp", '*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,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;-webkit-tap-highlight-color:transparent}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-feature-settings:normal;font-size:1em;font-variation-settings:normal}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;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.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(8 38 99/var(--tw-text-opacity))}.focus-ring:focus-visible{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{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}.divider{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(218 224 224/var(--tw-border-opacity))}@keyframes svelte-d64wtp-pulse{{opacity:0.5}}.animate-skeleton{animation:svelte-d64wtp-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{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}.btn-mcq-option{align-items:center;display:flex;font-size:1rem;justify-content:space-between;line-height:1.5rem;margin-bottom:1rem;padding:0.5rem 0.75rem 0.5rem 0.5rem;--tw-text-opacity:1;border-radius:0.5rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));width:100%;--tw-border-opacity:1;border-color:rgb(113 115 119/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(247 250 250/var(--tw-bg-opacity));min-height:48px}.btn-mcq-option:active{border-width:2px;--tw-border-opacity:1;border-color:rgb(8 38 99/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}@media(hover: hover) and (pointer: fine){.btn-mcq-option:hover{--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}}.btn-mcq-option>span>.choice{align-items:center;border-radius:1rem;border-width:1px;display:flex;font-size:1rem;font-weight:700;height:2rem;justify-content:center;letter-spacing:0.05em;line-height:1rem;margin-right:1rem;width:2rem;--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));padding:0.5rem;--tw-text-opacity:1;color:rgb(93 99 107/var(--tw-text-opacity))}.btn-mcq-option.selected{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}.btn-mcq-option.selected,.btn-mcq-option.selected>span>.choice{border-color:rgb(8 38 99/var(--tw-border-opacity));border-width:2px}.btn-mcq-option.selected>span>.choice{--tw-border-opacity:1}.btn-mcq-option.selected.correct{border-width:1px;--tw-border-opacity:1;border-color:rgb(0 102 5/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(241 254 241/var(--tw-bg-opacity))}.btn-mcq-option.selected.incorrect{border-width:1px;--tw-border-opacity:1;border-color:rgb(217 12 85/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(253 243 247/var(--tw-bg-opacity))}.btn-mcq-option.selected.correct>span>.choice,.btn-mcq-option.selected.incorrect>span>.choice{border-width:1px;--tw-border-opacity:1;border-color:rgb(113 115 119/var(--tw-border-opacity))}.typein-textbox:focus-visible{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}.typein-textbox{border-radius:0.5rem;border-width:1px;width:100%;--tw-border-opacity:1;border-color:rgb(93 99 107/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(93 99 107/var(--tw-placeholder-opacity))}.typein-textbox::placeholder{--tw-placeholder-opacity:1;color:rgb(93 99 107/var(--tw-placeholder-opacity))}.typein-textbox:focus{border-width:2px;--tw-border-opacity:1;border-color:rgb(84 101 251/var(--tw-border-opacity))}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{border-width:2px;--tw-border-opacity:1;border-color:rgb(84 101 251/var(--tw-border-opacity));outline:2px solid transparent;outline-offset:2px}}.typein-textbox:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0)) !important}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{--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:4px;transition-duration:50ms}}#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-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}.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-4{bottom:1rem}.left-4{left:1rem}.right-0{right:0}.right-4{right:1rem}.top-12{top:3rem}.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-6{margin-bottom:1.5rem;margin-top:1.5rem}.mb-1{margin-bottom:0.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:0.5rem}.mb-3{margin-bottom:0.75rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:0.25rem}.ml-3{margin-left:0.75rem}.ml-\\[3px\\]{margin-left:3px}.mr-2{margin-right:0.5rem}.mr-4{margin-right:1rem}.mt-0{margin-top:0}.mt-0\\.5{margin-top:0.125rem}.mt-2{margin-top:0.5rem}.mt-7{margin-top:1.75rem}.mt-7\\.5{margin-top:1.875}.mt-9{margin-top:2.25rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-11{height:2.75rem}.h-14{height:3.5rem}.h-14\\.5{height:3.625rem}.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-\\[54px\\]{max-height:54px}.min-h-\\[133px\\]{min-height:133px}.min-h-\\[140px\\]{min-height:140px}.w-11{width:2.75rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-\\[85px\\]{min-width:85px}.max-w-\\[400px\\]{max-width:400px}.grow{flex-grow:1}.basis-0{flex-basis:0px}.\\!cursor-default{cursor:default !important}.\\!cursor-pointer{cursor:pointer !important}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.flex-row{flex-direction:row}.flex-col-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}.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-t-lg{border-top-left-radius:0.5rem;border-top-right-radius:0.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-\\[6px\\]{border-left-width:6px}.border-dashed{border-style:dashed}.\\!border-blue-1000{--tw-border-opacity:1!important;border-color:rgb(8 38 99/var(--tw-border-opacity)) !important}.border-blue-1000{--tw-border-opacity:1;border-color:rgb(8 38 99/var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.border-gray-800{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.border-green-800{--tw-border-opacity:1;border-color:rgb(0 102 5/var(--tw-border-opacity))}.border-red-600{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity))}.border-red-800{--tw-border-opacity:1;border-color:rgb(217 12 85/var(--tw-border-opacity))}.border-soft-blue{--tw-border-opacity:1;border-color:rgb(84 101 251/var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.\\!bg-violet-150{--tw-bg-opacity:1!important;background-color:rgb(205 208 254/var(--tw-bg-opacity)) !important}.bg-blue-1000{--tw-bg-opacity:1;background-color:rgb(8 38 99/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(247 250 250/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(244 244 244/var(--tw-bg-opacity))}.bg-green-300{--tw-bg-opacity:1;background-color:rgb(241 254 241/var(--tw-bg-opacity))}.bg-red-200{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity))}.bg-red-300{--tw-bg-opacity:1;background-color:rgb(253 243 247/var(--tw-bg-opacity))}.bg-soft-blue{--tw-bg-opacity:1;background-color:rgb(84 101 251/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-violet-100{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.bg-violet-150{--tw-bg-opacity:1;background-color:rgb(205 208 254/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.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-2{padding-bottom:0.5rem;padding-top:0.5rem}.pb-3{padding-bottom:0.75rem}.pl-3{padding-left:0.75rem}.pt-17{padding-top:4.375rem}.pt-\\[55px\\]{padding-top:55px}.text-left{text-align:left}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.\\!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(8 38 99/var(--tw-text-opacity))}.text-charcoal{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(93 99 107/var(--tw-text-opacity))}.text-green-800{--tw-text-opacity:1;color:rgb(0 102 5/var(--tw-text-opacity))}.text-inherit{color:inherit}.text-red-800{--tw-text-opacity:1;color:rgb(217 12 85/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.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}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:0.15s;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.duration-300{transition-duration:0.3s}@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(8 38 99/var(--tw-text-opacity))}}@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}}.last\\:mr-0:last-child{margin-right:0}.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}.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))}.group:hover .group-hover\\:underline{text-decoration-line:underline}.group:active .group-active\\:border-2{border-width:2px}.group:active .group-active\\:border-blue-1000{--tw-border-opacity:1;border-color:rgb(8 38 99/var(--tw-border-opacity))}.group:active .group-active\\:p-\\[7px\\]{padding:7px}@media(min-width: 732px){.md\\:inset-0{inset:0}.md\\:top-20{top:5rem}.md\\:mb-2{margin-bottom:0.5rem}.md\\:mb-4{margin-bottom:1rem}.md\\:mb-8{margin-bottom:2rem}.md\\:mt-14{margin-top:3.5rem}.md\\:block{display:block}.md\\:inline-block{display:inline-block}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:h-full{height:100%}.md\\:min-h-0{min-height:0}.md\\:min-h-\\[140px\\]{min-height:140px}.md\\:min-h-\\[164px\\]{min-height:164px}.md\\:w-fit{width:-moz-fit-content;width:fit-content}.md\\:grow-0{flex-grow:0}.md\\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.md\\:flex-row{flex-direction:row}.md\\:flex-col{flex-direction:column}.md\\:items-center{align-items:center}.md\\:justify-normal{justify-content:normal}.md\\:justify-center{justify-content:center}.md\\:justify-between{justify-content:space-between}.md\\:gap-6{gap:1.5rem}.md\\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px * var(--tw-space-y-reverse));margin-top:calc(0px * (1 - var(--tw-space-y-reverse)))}.md\\:rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.md\\:border{border-width:1px}.md\\:border-gray-400{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.md\\:p-4{padding:1rem}.md\\:px-0{padding-left:0;padding-right:0}.md\\:pb-0{padding-bottom:0}.md\\:pt-20{padding-top:5rem}.md\\:pt-20\\.5{padding-top:5.125rem}.md\\:pt-\\[73px\\]{padding-top:73px}.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)}}@media(min-width: 1196px){.lg\\:mr-6{margin-right:1.5rem}.lg\\:flex{display:flex}.lg\\:min-h-\\[224px\\]{min-height:224px}.lg\\:gap-0{gap:0}.lg\\:last\\:mr-0:last-child{margin-right:0}}@media(hover: hover) and (pointer: fine){.td\\:hover\\:cursor-grab:hover{cursor:grab}.td\\:hover\\: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))}.group:hover .td\\:group-hover\\:bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.group:hover .td\\:group-hover\\:opacity-5{opacity:0.05}}');
+    append_styles(target, "svelte-18f9jfh", '*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:Mulish, sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*{font-family:Mulish, sans-serif}input::-moz-selection,textarea::-moz-selection{background-color:hsla(0, 0%, 85%, 0.4)}input::selection,textarea::selection{background-color:hsla(0, 0%, 85%, 0.4)}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.p2{font-size:0.875rem;font-weight:600;line-height:1.25rem;line-height:1.5}.blanket-overlay{--tw-bg-opacity:1;background-color:rgb(33 37 41/var(--tw-bg-opacity));inset:0;opacity:0.3;position:absolute}.item-heading{--tw-text-opacity:1;color:rgb(8 38 99/var(--tw-text-opacity));font-size:1.25rem;letter-spacing:-0.025em;line-height:1.5rem}.focus-ring:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.hover-focus-ring:hover,.raw-focus-ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.divider{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(218 224 224/var(--tw-border-opacity))}@keyframes svelte-18f9jfh-pulse{{opacity:0.5}}.animate-skeleton{--tw-bg-opacity:1;animation:svelte-18f9jfh-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;background-color:rgb(226 232 240/var(--tw-bg-opacity))}.btn-mcq-option:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.btn-mcq-option{--tw-text-opacity:1;--tw-border-opacity:1;--tw-bg-opacity:1;align-items:center;background-color:rgb(247 250 250/var(--tw-bg-opacity));border-color:rgb(113 115 119/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));display:flex;font-size:1rem;justify-content:space-between;line-height:1.5rem;margin-bottom:1rem;min-height:48px;padding:0.5rem 0.75rem 0.5rem 0.5rem;width:100%}.btn-mcq-option:active{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity));border-color:rgb(8 38 99/var(--tw-border-opacity));border-width:2px}@media(hover: hover) and (pointer: fine){.btn-mcq-option:hover{--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}}.btn-mcq-option>span>.choice{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(113 115 119/var(--tw-border-opacity));border-radius:1rem;border-width:1px;color:rgb(93 99 107/var(--tw-text-opacity));display:flex;font-size:1rem;font-weight:700;height:2rem;justify-content:center;letter-spacing:0.05em;line-height:1rem;margin-right:1rem;padding:0.5rem;width:2rem}.btn-mcq-option.selected{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}.btn-mcq-option.selected,.btn-mcq-option.selected>span>.choice{border-color:rgb(8 38 99/var(--tw-border-opacity));border-width:2px}.btn-mcq-option.selected>span>.choice{--tw-border-opacity:1}.btn-mcq-option.selected.correct{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(241 254 241/var(--tw-bg-opacity));border-color:rgb(0 102 5/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected.incorrect{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(253 243 247/var(--tw-bg-opacity));border-color:rgb(217 12 85/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected.correct>span>.choice,.btn-mcq-option.selected.incorrect>span>.choice{--tw-border-opacity:1;border-color:rgb(113 115 119/var(--tw-border-opacity));border-width:1px}.typein-textbox:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.typein-textbox{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(93 99 107/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem;padding:0.75rem 1rem;width:100%}.typein-textbox::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(93 99 107/var(--tw-placeholder-opacity))}.typein-textbox::placeholder{--tw-placeholder-opacity:1;color:rgb(93 99 107/var(--tw-placeholder-opacity))}.typein-textbox:focus{--tw-border-opacity:1;border-color:rgb(84 101 251/var(--tw-border-opacity));border-width:2px}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{--tw-border-opacity:1;border-color:rgb(84 101 251/var(--tw-border-opacity));border-width:2px;outline:2px solid transparent;outline-offset:2px}}.typein-textbox:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0)) !important}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{--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:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));transition-duration:50ms}}#dnd-action-dragged-el{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;--tw-bg-opacity:1!important;background-color:rgb(205 208 254/var(--tw-bg-opacity)) !important;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));cursor:grabbing !important;outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}#dnd-action-dragged-el .btn-vertical-icon{--tw-text-opacity:1;color:rgb(8 38 99/var(--tw-text-opacity));cursor:grabbing !important}.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-4{bottom:1rem}.left-4{left:1rem}.right-0{right:0}.right-4{right:1rem}.top-12{top:3rem}.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-6{margin-bottom:1.5rem;margin-top:1.5rem}.mb-1{margin-bottom:0.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:0.5rem}.mb-3{margin-bottom:0.75rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:0.25rem}.ml-3{margin-left:0.75rem}.ml-\\[3px\\]{margin-left:3px}.mr-2{margin-right:0.5rem}.mr-4{margin-right:1rem}.mt-0{margin-top:0}.mt-0\\.5{margin-top:0.125rem}.mt-2{margin-top:0.5rem}.mt-7{margin-top:1.75rem}.mt-7\\.5{margin-top:1.875}.mt-9{margin-top:2.25rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-11{height:2.75rem}.h-4{height:1rem}.h-52{height:13rem}.h-6{height:1.5rem}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.min-h-\\[133px\\]{min-height:133px}.min-h-\\[140px\\]{min-height:140px}.min-h-\\[54px\\]{min-height:54px}.min-h-\\[86px\\]{min-height:86px}.w-11{width:2.75rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-\\[44px\\]{min-width:44px}.min-w-\\[85px\\]{min-width:85px}.max-w-\\[400px\\]{max-width:400px}.grow{flex-grow:1}.basis-0{flex-basis:0px}.\\!cursor-default{cursor:default !important}.\\!cursor-pointer{cursor:pointer !important}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:0.5rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0.5rem * var(--tw-space-y-reverse));margin-top:calc(0.5rem * (1 - var(--tw-space-y-reverse)))}.space-y-reverse>:not([hidden])~:not([hidden]){--tw-space-y-reverse:1}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:0.25rem}.rounded-\\[32px\\]{border-radius:32px}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.rounded-b-lg{border-bottom-left-radius:0.5rem;border-bottom-right-radius:0.5rem}.rounded-t-lg{border-top-left-radius:0.5rem;border-top-right-radius:0.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-\\[6px\\]{border-left-width:6px}.border-dashed{border-style:dashed}.\\!border-blue-1000{--tw-border-opacity:1!important;border-color:rgb(8 38 99/var(--tw-border-opacity)) !important}.border-blue-1000{--tw-border-opacity:1;border-color:rgb(8 38 99/var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.border-gray-800{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.border-green-800{--tw-border-opacity:1;border-color:rgb(0 102 5/var(--tw-border-opacity))}.border-red-600{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity))}.border-red-800{--tw-border-opacity:1;border-color:rgb(217 12 85/var(--tw-border-opacity))}.border-soft-blue{--tw-border-opacity:1;border-color:rgb(84 101 251/var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.\\!bg-violet-100{--tw-bg-opacity:1!important;background-color:rgb(235 235 255/var(--tw-bg-opacity)) !important}.\\!bg-violet-150{--tw-bg-opacity:1!important;background-color:rgb(205 208 254/var(--tw-bg-opacity)) !important}.\\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity)) !important}.bg-blue-1000{--tw-bg-opacity:1;background-color:rgb(8 38 99/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(247 250 250/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(244 244 244/var(--tw-bg-opacity))}.bg-green-300{--tw-bg-opacity:1;background-color:rgb(241 254 241/var(--tw-bg-opacity))}.bg-red-200{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity))}.bg-red-300{--tw-bg-opacity:1;background-color:rgb(253 243 247/var(--tw-bg-opacity))}.bg-soft-blue{--tw-bg-opacity:1;background-color:rgb(84 101 251/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-violet-100{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.bg-violet-150{--tw-bg-opacity:1;background-color:rgb(205 208 254/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.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-2{padding-bottom:0.5rem;padding-top:0.5rem}.pb-3{padding-bottom:0.75rem}.pl-3{padding-left:0.75rem}.pt-\\[55px\\]{padding-top:55px}.text-left{text-align:left}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.\\!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(8 38 99/var(--tw-text-opacity))}.text-charcoal{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(93 99 107/var(--tw-text-opacity))}.text-green-800{--tw-text-opacity:1;color:rgb(0 102 5/var(--tw-text-opacity))}.text-inherit{color:inherit}.text-red-800{--tw-text-opacity:1;color:rgb(217 12 85/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.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}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:0.15s;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.duration-300{transition-duration:0.3s}.active\\:raw-focus-ring:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}@media(min-width: 732px){.md\\:item-heading{--tw-text-opacity:1;color:rgb(8 38 99/var(--tw-text-opacity));font-size:1.25rem;letter-spacing:-0.025em;line-height:1.5rem}}@media(hover: hover) and (pointer: fine){.td\\:hover-focus-ring:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}}.last\\:mr-0:last-child{margin-right:0}.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}.active\\:bg-black-55:active,.active\\:bg-black-60:active{background-color:rgba(0, 0, 0, 0.1019607843)}.active\\:bg-yellow-1100:active{--tw-bg-opacity:1;background-color:rgb(238 206 26/var(--tw-bg-opacity))}.active\\:text-charcoal:active{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.disabled\\:text-gray-40:disabled{--tw-text-opacity:1;color:rgb(142 147 153/var(--tw-text-opacity))}.disabled\\:hover\\:bg-white:hover:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.group\\/itemContainer:hover .group-hover\\/itemContainer\\:bg-violet-100{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.group:hover .group-hover\\:underline{text-decoration-line:underline}.group:active .group-active\\:border-2{border-width:2px}.group:active .group-active\\:border-blue-1000{--tw-border-opacity:1;border-color:rgb(8 38 99/var(--tw-border-opacity))}.group:active .group-active\\:p-\\[7px\\]{padding:7px}@media(min-width: 732px){.md\\:inset-0{inset:0}.md\\:top-20{top:5rem}.md\\:mb-2{margin-bottom:0.5rem}.md\\:mb-4{margin-bottom:1rem}.md\\:mb-8{margin-bottom:2rem}.md\\:mt-14{margin-top:3.5rem}.md\\:block{display:block}.md\\:inline-block{display:inline-block}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:min-h-0{min-height:0}.md\\:min-h-\\[140px\\]{min-height:140px}.md\\:min-h-\\[164px\\]{min-height:164px}.md\\:w-fit{width:-moz-fit-content;width:fit-content}.md\\:grow-0{flex-grow:0}.md\\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.md\\:flex-row{flex-direction:row}.md\\:flex-col{flex-direction:column}.md\\:items-center{align-items:center}.md\\:justify-normal{justify-content:normal}.md\\:justify-center{justify-content:center}.md\\:justify-between{justify-content:space-between}.md\\:gap-6{gap:1.5rem}.md\\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px * var(--tw-space-y-reverse));margin-top:calc(0px * (1 - var(--tw-space-y-reverse)))}.md\\:rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.md\\:border{border-width:1px}.md\\:border-gray-400{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.md\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.md\\:p-4{padding:1rem}.md\\:px-0{padding-left:0;padding-right:0}.md\\:pb-0{padding-bottom:0}.md\\:pt-20{padding-top:5rem}.md\\:pt-20\\.5{padding-top:5.125rem}.md\\:text-center{text-align:center}.md\\:shadow-\\[0_0_\\#0000\\]{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)}.group\\/itemContainer:hover .md\\:group-hover\\/itemContainer\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}}@media(min-width: 1196px){.lg\\:mr-6{margin-right:1.5rem}.lg\\:flex{display:flex}.lg\\:min-h-\\[224px\\]{min-height:224px}.lg\\:gap-0{gap:0}.lg\\:last\\:mr-0:last-child{margin-right:0}}@media(hover: hover) and (pointer: fine){.td\\:hover\\:cursor-grab:hover{cursor:grab}.td\\:hover\\:bg-black-50:hover{background-color:rgba(0, 0, 0, 0.0509803922)}.td\\:hover\\:bg-violet-100:hover{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.td\\:hover\\:text-soft-blue:hover{--tw-text-opacity:1;color:rgb(84 101 251/var(--tw-text-opacity))}.group:hover .td\\:group-hover\\:bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.group:hover .td\\:group-hover\\:opacity-5{opacity:0.05}}');
   }
   function create_else_block_12(ctx) {
     let invalidbanner;
@@ -8148,12 +8637,12 @@
       }
     };
   }
-  function create_if_block_16(ctx) {
+  function create_if_block_17(ctx) {
     let current_block_type_index;
     let if_block;
     let if_block_anchor;
     let current;
-    const if_block_creators = [create_if_block_24, create_if_block_33, create_if_block_42, create_else_block4];
+    const if_block_creators = [create_if_block_24, create_if_block_32, create_if_block_42, create_else_block4];
     const if_blocks = [];
     function select_block_type_1(ctx2, dirty) {
       if (
@@ -8290,6 +8779,11 @@
         ctx[0]
       ) }
     });
+    promptcategorise.$on(
+      "saveCategory",
+      /*saveEvent*/
+      ctx[8]
+    );
     return {
       c() {
         create_component(promptcategorise.$$.fragment);
@@ -8321,7 +8815,7 @@
       }
     };
   }
-  function create_if_block_33(ctx) {
+  function create_if_block_32(ctx) {
     let prompttypein;
     let current;
     prompttypein = new PromptTypeIn_default({
@@ -8480,7 +8974,7 @@
     let if_block;
     let if_block_anchor;
     let current;
-    const if_block_creators = [create_if_block7, create_if_block_16, create_else_block_12];
+    const if_block_creators = [create_if_block7, create_if_block_17, create_else_block_12];
     const if_blocks = [];
     function select_block_type(ctx2, dirty) {
       if (