eat-js-sdk 0.0.41 → 0.0.43

package/dist/eat-prompt-builder.mjs

@@ -5756,7 +5756,8 @@
   // src/lib/stores/modal.ts
   var modalSettings = writable({
     isModalOpen: false,
-    modalAriaLabel: ""
+    modalAriaLabel: "",
+    isOpenLastStatus: false
   });
 
   // src/lib/composables/useCategorise.ts
@@ -6639,6 +6640,7 @@
         attr(div0, "role", "button");
         attr(div0, "aria-label", "Close modal");
         attr(div0, "tabindex", "-1");
+        attr(div0, "aria-hidden", "true");
         attr(div0, "class", "blanket-overlay h-full");
         attr(div1, "class", "z-10");
         attr(div2, "role", "dialog");
@@ -6854,21 +6856,24 @@
 
   // src/lib/components/prompt/categorise/PromptCategoriseModal.svelte
   function create_default_slot3(ctx) {
-    let div2;
     let div0;
+    let t0;
+    let t1;
+    let div3;
+    let div1;
     let span0;
     let alerticon;
-    let t0;
-    let span1;
     let t2;
+    let span1;
+    let t4;
     let button0;
     let crossicon;
-    let t3;
-    let p;
     let t5;
-    let div1;
-    let button1;
+    let p;
     let t7;
+    let div2;
+    let button1;
+    let t9;
     let button2;
     let current;
     let mounted;
@@ -6877,57 +6882,70 @@
     crossicon = new CrossIcon_default({});
     return {
       c() {
-        div2 = element("div");
         div0 = element("div");
+        t0 = text("\xA0");
+        t1 = space();
+        div3 = element("div");
+        div1 = element("div");
         span0 = element("span");
         create_component(alerticon.$$.fragment);
-        t0 = space();
+        t2 = space();
         span1 = element("span");
         span1.textContent = "Reset words?";
-        t2 = space();
+        t4 = space();
         button0 = element("button");
         create_component(crossicon.$$.fragment);
-        t3 = space();
+        t5 = space();
         p = element("p");
         p.textContent = "Are you sure you want to reset your answers for this question? This cannot be undone.";
-        t5 = space();
-        div1 = element("div");
+        t7 = space();
+        div2 = element("div");
         button1 = element("button");
         button1.textContent = "Cancel";
-        t7 = space();
+        t9 = space();
         button2 = element("button");
         button2.textContent = "Reset";
+        attr(div0, "tabindex", "-1");
+        attr(div0, "class", "sr-only");
+        attr(
+          div0,
+          "aria-hidden",
+          /*ariaHidden*/
+          ctx[1]
+        );
         attr(span1, "class", "text-xl leading-6 font-bold ml-3 grow");
         attr(button0, "aria-label", "Close");
         attr(button0, "class", "focus-ring text-charcoal rounded h-6 w-6 flex items-center justify-center hover:bg-black-50 active:bg-black-60");
-        attr(div0, "class", "flex items-center mb-3");
+        attr(div1, "class", "flex items-center mb-3");
         attr(p, "class", "text-base font-semibold mb-10");
         attr(button1, "aria-label", "Cancel");
         attr(button1, "class", "focus-ring w-full py-2 px-3 text-blue-1000 text-base leading-4 rounded-lg font-bold border-2 border-white hover:bg-black-50 active:bg-black-60 md:w-fit");
         attr(button2, "aria-label", "Reset");
         attr(button2, "class", "focus-ring w-full py-2 px-3 text-white text-base leading-4 rounded-lg font-bold border-2 border-blue-1000 bg-soft-blue hover:bg-yellow-1000 hover:text-charcoal active:bg-yellow-1100 active:text-charcoal md:w-fit");
-        attr(div1, "class", "flex flex-col-reverse items-center space-y-2 space-y-reverse md:justify-between md:flex-row md:space-y-0");
-        attr(div2, "tabindex", "0");
-        attr(div2, "class", "absolute inset-y-0 right-4 left-4 w-fit h-fit m-auto bg-white p-6 max-w-[400px] shadow-md rounded-lg focus-visible:outline-none md:inset-0");
+        attr(div2, "class", "flex flex-col-reverse items-center space-y-2 space-y-reverse md:justify-between md:flex-row md:space-y-0");
+        attr(div3, "class", "absolute inset-y-0 right-4 left-4 w-fit h-fit m-auto bg-white p-6 max-w-[400px] shadow-md rounded-lg focus-visible:outline-none md:inset-0");
       },
       m(target, anchor) {
-        insert(target, div2, anchor);
-        append(div2, div0);
-        append(div0, span0);
-        mount_component(alerticon, span0, null);
+        insert(target, div0, anchor);
         append(div0, t0);
-        append(div0, span1);
-        append(div0, t2);
-        append(div0, button0);
+        ctx[4](div0);
+        insert(target, t1, anchor);
+        insert(target, div3, anchor);
+        append(div3, div1);
+        append(div1, span0);
+        mount_component(alerticon, span0, null);
+        append(div1, t2);
+        append(div1, span1);
+        append(div1, t4);
+        append(div1, button0);
         mount_component(crossicon, button0, null);
-        append(div2, t3);
-        append(div2, p);
-        append(div2, t5);
-        append(div2, div1);
-        append(div1, button1);
-        append(div1, t7);
-        append(div1, button2);
-        ctx[3](div2);
+        append(div3, t5);
+        append(div3, p);
+        append(div3, t7);
+        append(div3, div2);
+        append(div2, button1);
+        append(div2, t9);
+        append(div2, button2);
         current = true;
         if (!mounted) {
           dispose = [
@@ -6935,25 +6953,35 @@
               button0,
               "click",
               /*closeResetModal*/
-              ctx[1]
+              ctx[2]
             ),
             listen(
               button1,
               "click",
               /*closeResetModal*/
-              ctx[1]
+              ctx[2]
             ),
             listen(
               button2,
               "click",
               /*resetCategories*/
-              ctx[2]
+              ctx[3]
             )
           ];
           mounted = true;
         }
       },
-      p: noop,
+      p(ctx2, dirty) {
+        if (!current || dirty & /*ariaHidden*/
+        2) {
+          attr(
+            div0,
+            "aria-hidden",
+            /*ariaHidden*/
+            ctx2[1]
+          );
+        }
+      },
       i(local) {
         if (current)
           return;
@@ -6968,11 +6996,13 @@
       },
       d(detaching) {
         if (detaching) {
-          detach(div2);
+          detach(div0);
+          detach(t1);
+          detach(div3);
         }
+        ctx[4](null);
         destroy_component(alerticon);
         destroy_component(crossicon);
-        ctx[3](null);
         mounted = false;
         run_all(dispose);
       }
@@ -6997,8 +7027,8 @@
       },
       p(ctx2, [dirty]) {
         const commonmodal_changes = {};
-        if (dirty & /*$$scope, categoryModal*/
-        65) {
+        if (dirty & /*$$scope, ariaHidden, categoryModal*/
+        131) {
           commonmodal_changes.$$scope = { dirty, ctx: ctx2 };
         }
         commonmodal.$set(commonmodal_changes);
@@ -7020,22 +7050,22 @@
   }
   function instance8($$self, $$props, $$invalidate) {
     let categoryModal;
+    let ariaHidden = false;
     const { isModalOpen } = get_store_value(modalSettings);
     if (isModalOpen) {
-      setTimeout(
-        () => {
-          categoryModal.focus();
-          $$invalidate(0, categoryModal.tabIndex = -1, categoryModal);
-        },
-        100
-      );
+      setTimeout(() => {
+        categoryModal.focus();
+        $$invalidate(1, ariaHidden = true);
+      });
     }
     const closeResetModal = () => {
       modalSettings.set({
         ...get_store_value(modalSettings),
         isModalOpen: false,
-        modalAriaLabel: ""
+        modalAriaLabel: "",
+        isOpenLastStatus: true
       });
+      showModalAria = true;
     };
     const dispatch = createEventDispatcher();
     const resetCategories = () => {
@@ -7066,13 +7096,13 @@
       dispatch("resetCategory", { answer_list: [] });
       closeResetModal();
     };
-    function div2_binding($$value) {
+    function div0_binding($$value) {
       binding_callbacks[$$value ? "unshift" : "push"](() => {
         categoryModal = $$value;
         $$invalidate(0, categoryModal);
       });
     }
-    return [categoryModal, closeResetModal, resetCategories, div2_binding];
+    return [categoryModal, ariaHidden, closeResetModal, resetCategories, div0_binding];
   }
   var PromptCategoriseModal = class extends SvelteComponent {
     constructor(options) {
@@ -7492,9 +7522,9 @@
   // src/lib/components/prompt/categorise/PromptCategorise.svelte
   function get_each_context3(ctx, list, i) {
     const child_ctx = ctx.slice();
-    child_ctx[46] = list[i];
-    child_ctx[47] = list;
-    child_ctx[48] = i;
+    child_ctx[48] = list[i];
+    child_ctx[49] = list;
+    child_ctx[50] = i;
     return child_ctx;
   }
   function create_if_block_42(ctx) {
@@ -7504,7 +7534,7 @@
     promptcategorisemodal.$on(
       "resetCategory",
       /*saveCategory*/
-      ctx[28]
+      ctx[29]
     );
     return {
       c() {
@@ -7554,7 +7584,7 @@
           button,
           "tabindex",
           /*categoryTabIndex*/
-          ctx[12]
+          ctx[13]
         );
         attr(button, "aria-label", "Reset words");
         attr(button, "class", "group focus-ring flex items-center rounded-lg border-2 border-soft-blue text-blue-1000 px-3 py-2 absolute right-0 -top-2.5 hover:bg-blue-100");
@@ -7571,19 +7601,19 @@
             button,
             "click",
             /*openResetModal*/
-            ctx[23]
+            ctx[24]
           );
           mounted = true;
         }
       },
       p(ctx2, dirty) {
         if (!current || dirty[0] & /*categoryTabIndex*/
-        4096) {
+        8192) {
           attr(
             button,
             "tabindex",
             /*categoryTabIndex*/
-            ctx2[12]
+            ctx2[13]
           );
         }
       },
@@ -7618,7 +7648,7 @@
         t0 = text("Option ");
         t1 = text(
           /*selectedItemName*/
-          ctx[13]
+          ctx[14]
         );
         t2 = text(" added in:\xA0");
         attr(span, "class", "sr-only");
@@ -7631,11 +7661,11 @@
       },
       p(ctx2, dirty) {
         if (dirty[0] & /*selectedItemName*/
-        8192)
+        16384)
           set_data(
             t1,
             /*selectedItemName*/
-            ctx2[13]
+            ctx2[14]
           );
       },
       d(detaching) {
@@ -7704,11 +7734,11 @@
     let div0;
     let show_if_1 = (
       /*checkContainerDroppedItem*/
-      ctx[21](
+      ctx[22](
         /*category*/
-        ctx[46].id,
+        ctx[48].id,
         /*dropContainerId*/
-        ctx[3]
+        ctx[4]
       )
     );
     let t0;
@@ -7720,11 +7750,11 @@
     let span2;
     let t7_value = (
       /*getTotalWords*/
-      ctx[24](
+      ctx[25](
         /*category*/
-        ctx[46].id,
+        ctx[48].id,
         /*currentAnswer*/
-        ctx[6]
+        ctx[7]
       ) + ""
     );
     let t7;
@@ -7744,7 +7774,7 @@
     let div1_class_value;
     let category = (
       /*category*/
-      ctx[46]
+      ctx[48]
     );
     let current;
     let mounted;
@@ -7754,15 +7784,15 @@
     const if_blocks = [];
     function select_block_type(ctx2, dirty) {
       if (dirty[0] & /*openCategoryContainer*/
-      1024)
+      2048)
         show_if = null;
       if (show_if == null)
         show_if = !!/*checkifCategoryContainerOpen*/
-        ctx2[25](
+        ctx2[26](
           /*category*/
-          ctx2[46].id,
+          ctx2[48].id,
           /*openCategoryContainer*/
-          ctx2[10]
+          ctx2[11]
         );
       if (show_if)
         return 0;
@@ -7771,90 +7801,90 @@
     current_block_type_index = select_block_type(ctx, [-1, -1]);
     if_block1 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
     function div0_elementresize_handler() {
-      ctx[33].call(
+      ctx[34].call(
         div0,
         /*category*/
-        ctx[46]
+        ctx[48]
       );
     }
     promptcategorisedndcontainer = new PromptCategoriseDndContainer_default({
       props: {
         containerClass: "content-start !outline-none rounded-lg grow w-full md:p-4\n          " + /*checkContainerDragOver*/
-        (ctx[20](
+        (ctx[21](
           /*category*/
-          ctx[46].id,
+          ctx[48].id,
           /*considerContainerId*/
-          ctx[1],
+          ctx[2],
           /*isDraggingOver*/
-          ctx[2]
+          ctx[3]
         ) ? "bg-violet-100" : "") + "\n          " + /*checkifCategoryContainerOpen*/
-        (ctx[25](
+        (ctx[26](
           /*category*/
-          ctx[46].id,
+          ctx[48].id,
           /*openCategoryContainer*/
-          ctx[10]
+          ctx[11]
         ) ? "h-full p-3 min-h-[86px] md:min-h-0" : ""),
         paddingTop: (
           /*checkifCategoryContainerOpen*/
-          ctx[25](
+          ctx[26](
             /*category*/
-            ctx[46].id,
+            ctx[48].id,
             /*openCategoryContainer*/
-            ctx[10]
+            ctx[11]
           ) || !useIsSmallScreen() ? (
             /*categoryTitleHeight*/
-            ctx[15][
+            ctx[16][
               /*category*/
-              ctx[46].id
+              ctx[48].id
             ] + 16
           ) : (
             /*categoryTitleHeight*/
-            ctx[15][
+            ctx[16][
               /*category*/
-              ctx[46].id
+              ctx[48].id
             ]
           )
         ),
         containerId: (
           /*category*/
-          ctx[46].id
+          ctx[48].id
         ),
         showButton: (
           /*checkifCategoryContainerOpen*/
-          ctx[25](
+          ctx[26](
             /*category*/
-            ctx[46].id,
+            ctx[48].id,
             /*openCategoryContainer*/
-            ctx[10]
+            ctx[11]
           )
         ),
         ariaLabel: `Category ${/*index*/
-        ctx[48] + 1}: ${/*category*/
-        ctx[46].name}`
+        ctx[50] + 1}: ${/*category*/
+        ctx[48].name}`
       }
     });
     promptcategorisedndcontainer.$on(
       "saveCategory",
       /*saveCategory*/
-      ctx[28]
+      ctx[29]
     );
     function keydown_handler(...args) {
       return (
         /*keydown_handler*/
-        ctx[34](
+        ctx[35](
           /*category*/
-          ctx[46],
+          ctx[48],
           ...args
         )
       );
     }
     const assign_div1 = () => (
       /*div1_binding*/
-      ctx[35](div1, category)
+      ctx[36](div1, category)
     );
     const unassign_div1 = () => (
       /*div1_binding*/
-      ctx[35](null, category)
+      ctx[36](null, category)
     );
     return {
       c() {
@@ -7865,11 +7895,11 @@
         t0 = space();
         span0 = element("span");
         span0.textContent = `Category ${/*index*/
-        ctx[48] + 1}:\xA0`;
+        ctx[50] + 1}:\xA0`;
         t4 = space();
         span1 = element("span");
         span1.textContent = `${/*category*/
-        ctx[46].name}`;
+        ctx[48].name}`;
         t6 = space();
         button = element("button");
         span2 = element("span");
@@ -7885,106 +7915,112 @@
         attr(span2, "class", "mx-0.5");
         attr(span3, "class", "w-4 h-4 text-inherit flex items-center justify-center");
         attr(button, "aria-label", button_aria_label_value = /*getTotalWords*/
-        ctx[24](
+        ctx[25](
           /*category*/
-          ctx[46].id,
+          ctx[48].id,
           /*currentAnswer*/
-          ctx[6]
+          ctx[7]
         ));
         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[48]}`);
+        ctx[50]}`);
         attr(div0, "aria-live", div0_aria_live_value = /*checkContainerDroppedItem*/
-        ctx[21](
+        ctx[22](
           /*category*/
-          ctx[46].id,
+          ctx[48].id,
           /*dropContainerId*/
-          ctx[3]
+          ctx[4]
         ) ? "polite" : "off");
         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[21](
+        (ctx[22](
           /*category*/
-          ctx[46].id,
+          ctx[48].id,
           /*dropContainerId*/
-          ctx[3]
+          ctx[4]
         ) ? "bg-tranparent" : "bg-white") + " " + (!/*checkifCategoryContainerOpen*/
-        ctx[25](
+        ctx[26](
           /*category*/
-          ctx[46].id,
+          ctx[48].id,
           /*openCategoryContainer*/
-          ctx[10]
+          ctx[11]
         ) && /*checkContainerDragOver*/
-        ctx[20](
+        ctx[21](
           /*category*/
-          ctx[46].id,
+          ctx[48].id,
           /*considerContainerId*/
-          ctx[1],
+          ctx[2],
           /*isDraggingOver*/
-          ctx[2]
+          ctx[3]
         ) ? "!bg-violet-100 md:!bg-white" : "") + " " + /*checkifCategoryContainerOpen*/
-        (ctx[25](
+        (ctx[26](
           /*category*/
-          ctx[46].id,
+          ctx[48].id,
           /*openCategoryContainer*/
-          ctx[10]
+          ctx[11]
         ) ? "" : "rounded-b-lg md:rounded-b-none") + " " + (!/*checkifCategoryContainerOpen*/
-        ctx[25](
+        ctx[26](
           /*category*/
-          ctx[46].id,
+          ctx[48].id,
           /*openCategoryContainer*/
-          ctx[10]
+          ctx[11]
         ) && /*checkSelectedSourceContainer*/
-        ctx[22](
+        ctx[23](
           /*category*/
-          ctx[46].id,
+          ctx[48].id,
           /*sourceSelectedContainerId*/
-          ctx[5],
+          ctx[6],
           /*currentSelectedItemId*/
-          ctx[4]
+          ctx[5]
         ) ? "group-hover/itemContainer:bg-violet-100 md:group-hover/itemContainer:bg-white" : ""));
         add_render_callback(() => div0_elementresize_handler.call(div0));
+        attr(
+          div1,
+          "aria-hidden",
+          /*isModalOpen*/
+          ctx[10]
+        );
         attr(
           div1,
           "tabindex",
           /*categoryTabIndex*/
-          ctx[12]
+          ctx[13]
         );
         attr(div1, "role", "group");
         attr(div1, "class", div1_class_value = "focus-ring 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[20](
+        (ctx[21](
           /*category*/
-          ctx[46].id,
+          ctx[48].id,
           /*considerContainerId*/
-          ctx[1],
+          ctx[2],
           /*isDraggingOver*/
-          ctx[2]
+          ctx[3]
         ) ? "raw-focus-ring" : "") + " " + /*checkContainerDroppedItem*/
-        (ctx[21](
+        (ctx[22](
           /*category*/
-          ctx[46].id,
+          ctx[48].id,
           /*dropContainerId*/
-          ctx[3]
+          ctx[4]
         ) ? "bg-violet-150" : "") + " " + /*checkContainerDroppedItem*/
-        (ctx[21](
+        (ctx[22](
           /*category*/
-          ctx[46].id,
+          ctx[48].id,
           /*dropContainerId*/
-          ctx[3]
+          ctx[4]
         ) && /*hasAddItemAnimation*/
-        ctx[8] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
-        (ctx[22](
+        ctx[9] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
+        (ctx[23](
           /*category*/
-          ctx[46].id,
+          ctx[48].id,
           /*sourceSelectedContainerId*/
-          ctx[5],
+          ctx[6],
           /*currentSelectedItemId*/
-          ctx[4]
+          ctx[5]
         ) ? "hover:bg-violet-100 hover-focus-ring cursor-pointer" : "") + " " + /*checkifCategoryContainerOpen*/
-        (ctx[25](
+        (ctx[26](
           /*category*/
-          ctx[46].id,
+          ctx[48].id,
           /*openCategoryContainer*/
-          ctx[10]
+          ctx[11]
         ) ? "min-h-[140px]" : ""));
       },
       m(target, anchor) {
@@ -8014,18 +8050,18 @@
             listen(button, "click", function() {
               if (is_function(
                 /*addCategoryContainer*/
-                ctx[26](
+                ctx[27](
                   /*category*/
-                  ctx[46].id,
+                  ctx[48].id,
                   /*openCategoryContainer*/
-                  ctx[10]
+                  ctx[11]
                 )
               ))
-                ctx[26](
+                ctx[27](
                   /*category*/
-                  ctx[46].id,
+                  ctx[48].id,
                   /*openCategoryContainer*/
-                  ctx[10]
+                  ctx[11]
                 ).apply(this, arguments);
             }),
             listen(div1, "keydown", keydown_handler),
@@ -8033,7 +8069,7 @@
               div1,
               "focus",
               /*resetTabCategory*/
-              ctx[30]
+              ctx[31]
             )
           ];
           mounted = true;
@@ -8042,13 +8078,13 @@
       p(new_ctx, dirty) {
         ctx = new_ctx;
         if (dirty[0] & /*dropContainerId*/
-        8)
+        16)
           show_if_1 = /*checkContainerDroppedItem*/
-          ctx[21](
+          ctx[22](
             /*category*/
-            ctx[46].id,
+            ctx[48].id,
             /*dropContainerId*/
-            ctx[3]
+            ctx[4]
           );
         if (show_if_1) {
           if (if_block0) {
@@ -8063,12 +8099,12 @@
           if_block0 = null;
         }
         if ((!current || dirty[0] & /*currentAnswer*/
-        64) && t7_value !== (t7_value = /*getTotalWords*/
-        ctx[24](
+        128) && t7_value !== (t7_value = /*getTotalWords*/
+        ctx[25](
           /*category*/
-          ctx[46].id,
+          ctx[48].id,
           /*currentAnswer*/
-          ctx[6]
+          ctx[7]
         ) + ""))
           set_data(t7, t7_value);
         let previous_block_index = current_block_type_index;
@@ -8089,171 +8125,180 @@
           if_block1.m(span3, null);
         }
         if (!current || dirty[0] & /*currentAnswer*/
-        64 && button_aria_label_value !== (button_aria_label_value = /*getTotalWords*/
-        ctx[24](
+        128 && button_aria_label_value !== (button_aria_label_value = /*getTotalWords*/
+        ctx[25](
           /*category*/
-          ctx[46].id,
+          ctx[48].id,
           /*currentAnswer*/
-          ctx[6]
+          ctx[7]
         ))) {
           attr(button, "aria-label", button_aria_label_value);
         }
         if (!current || dirty[0] & /*dropContainerId*/
-        8 && div0_aria_live_value !== (div0_aria_live_value = /*checkContainerDroppedItem*/
-        ctx[21](
+        16 && div0_aria_live_value !== (div0_aria_live_value = /*checkContainerDroppedItem*/
+        ctx[22](
           /*category*/
-          ctx[46].id,
+          ctx[48].id,
           /*dropContainerId*/
-          ctx[3]
+          ctx[4]
         ) ? "polite" : "off")) {
           attr(div0, "aria-live", div0_aria_live_value);
         }
         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[21](
+        2172 && 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[22](
           /*category*/
-          ctx[46].id,
+          ctx[48].id,
           /*dropContainerId*/
-          ctx[3]
+          ctx[4]
         ) ? "bg-tranparent" : "bg-white") + " " + (!/*checkifCategoryContainerOpen*/
-        ctx[25](
+        ctx[26](
           /*category*/
-          ctx[46].id,
+          ctx[48].id,
           /*openCategoryContainer*/
-          ctx[10]
+          ctx[11]
         ) && /*checkContainerDragOver*/
-        ctx[20](
+        ctx[21](
           /*category*/
-          ctx[46].id,
+          ctx[48].id,
           /*considerContainerId*/
-          ctx[1],
+          ctx[2],
           /*isDraggingOver*/
-          ctx[2]
+          ctx[3]
         ) ? "!bg-violet-100 md:!bg-white" : "") + " " + /*checkifCategoryContainerOpen*/
-        (ctx[25](
+        (ctx[26](
           /*category*/
-          ctx[46].id,
+          ctx[48].id,
           /*openCategoryContainer*/
-          ctx[10]
+          ctx[11]
         ) ? "" : "rounded-b-lg md:rounded-b-none") + " " + (!/*checkifCategoryContainerOpen*/
-        ctx[25](
+        ctx[26](
           /*category*/
-          ctx[46].id,
+          ctx[48].id,
           /*openCategoryContainer*/
-          ctx[10]
+          ctx[11]
         ) && /*checkSelectedSourceContainer*/
-        ctx[22](
+        ctx[23](
           /*category*/
-          ctx[46].id,
+          ctx[48].id,
           /*sourceSelectedContainerId*/
-          ctx[5],
+          ctx[6],
           /*currentSelectedItemId*/
-          ctx[4]
+          ctx[5]
         ) ? "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)
+        2060)
           promptcategorisedndcontainer_changes.containerClass = "content-start !outline-none rounded-lg grow w-full md:p-4\n          " + /*checkContainerDragOver*/
-          (ctx[20](
+          (ctx[21](
             /*category*/
-            ctx[46].id,
+            ctx[48].id,
             /*considerContainerId*/
-            ctx[1],
+            ctx[2],
             /*isDraggingOver*/
-            ctx[2]
+            ctx[3]
           ) ? "bg-violet-100" : "") + "\n          " + /*checkifCategoryContainerOpen*/
-          (ctx[25](
+          (ctx[26](
             /*category*/
-            ctx[46].id,
+            ctx[48].id,
             /*openCategoryContainer*/
-            ctx[10]
+            ctx[11]
           ) ? "h-full p-3 min-h-[86px] md:min-h-0" : "");
         if (dirty[0] & /*openCategoryContainer, categoryTitleHeight*/
-        33792)
+        67584)
           promptcategorisedndcontainer_changes.paddingTop = /*checkifCategoryContainerOpen*/
-          ctx[25](
+          ctx[26](
             /*category*/
-            ctx[46].id,
+            ctx[48].id,
             /*openCategoryContainer*/
-            ctx[10]
+            ctx[11]
           ) || !useIsSmallScreen() ? (
             /*categoryTitleHeight*/
-            ctx[15][
+            ctx[16][
               /*category*/
-              ctx[46].id
+              ctx[48].id
             ] + 16
           ) : (
             /*categoryTitleHeight*/
-            ctx[15][
+            ctx[16][
               /*category*/
-              ctx[46].id
+              ctx[48].id
             ]
           );
         if (dirty[0] & /*openCategoryContainer*/
-        1024)
+        2048)
           promptcategorisedndcontainer_changes.showButton = /*checkifCategoryContainerOpen*/
-          ctx[25](
+          ctx[26](
             /*category*/
-            ctx[46].id,
+            ctx[48].id,
             /*openCategoryContainer*/
-            ctx[10]
+            ctx[11]
           );
         promptcategorisedndcontainer.$set(promptcategorisedndcontainer_changes);
+        if (!current || dirty[0] & /*isModalOpen*/
+        1024) {
+          attr(
+            div1,
+            "aria-hidden",
+            /*isModalOpen*/
+            ctx[10]
+          );
+        }
         if (!current || dirty[0] & /*categoryTabIndex*/
-        4096) {
+        8192) {
           attr(
             div1,
             "tabindex",
             /*categoryTabIndex*/
-            ctx[12]
+            ctx[13]
           );
         }
         if (!current || dirty[0] & /*considerContainerId, isDraggingOver, dropContainerId, hasAddItemAnimation, sourceSelectedContainerId, currentSelectedItemId, openCategoryContainer*/
-        1342 && div1_class_value !== (div1_class_value = "focus-ring 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[20](
+        2684 && div1_class_value !== (div1_class_value = "focus-ring 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[21](
           /*category*/
-          ctx[46].id,
+          ctx[48].id,
           /*considerContainerId*/
-          ctx[1],
+          ctx[2],
           /*isDraggingOver*/
-          ctx[2]
+          ctx[3]
         ) ? "raw-focus-ring" : "") + " " + /*checkContainerDroppedItem*/
-        (ctx[21](
+        (ctx[22](
           /*category*/
-          ctx[46].id,
+          ctx[48].id,
           /*dropContainerId*/
-          ctx[3]
+          ctx[4]
         ) ? "bg-violet-150" : "") + " " + /*checkContainerDroppedItem*/
-        (ctx[21](
+        (ctx[22](
           /*category*/
-          ctx[46].id,
+          ctx[48].id,
           /*dropContainerId*/
-          ctx[3]
+          ctx[4]
         ) && /*hasAddItemAnimation*/
-        ctx[8] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
-        (ctx[22](
+        ctx[9] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
+        (ctx[23](
           /*category*/
-          ctx[46].id,
+          ctx[48].id,
           /*sourceSelectedContainerId*/
-          ctx[5],
+          ctx[6],
           /*currentSelectedItemId*/
-          ctx[4]
+          ctx[5]
         ) ? "hover:bg-violet-100 hover-focus-ring cursor-pointer" : "") + " " + /*checkifCategoryContainerOpen*/
-        (ctx[25](
+        (ctx[26](
           /*category*/
-          ctx[46].id,
+          ctx[48].id,
           /*openCategoryContainer*/
-          ctx[10]
+          ctx[11]
         ) ? "min-h-[140px]" : ""))) {
           attr(div1, "class", div1_class_value);
         }
         if (category !== /*category*/
-        ctx[46]) {
+        ctx[48]) {
           unassign_div1();
           category = /*category*/
-          ctx[46];
+          ctx[48];
           assign_div1();
         }
       },
@@ -8295,7 +8340,7 @@
         t0 = text("Option ");
         t1 = text(
           /*selectedItemName*/
-          ctx[13]
+          ctx[14]
         );
         t2 = text(" added in:\xA0");
         attr(span, "class", "sr-only");
@@ -8308,11 +8353,11 @@
       },
       p(ctx2, dirty) {
         if (dirty[0] & /*selectedItemName*/
-        8192)
+        16384)
           set_data(
             t1,
             /*selectedItemName*/
-            ctx2[13]
+            ctx2[14]
           );
       },
       d(detaching) {
@@ -8340,10 +8385,10 @@
     let div2;
     let show_if = (
       /*checkContainerDroppedItem*/
-      ctx[21](
+      ctx[22](
         CONTAINER_WORD_BIN_ID,
         /*dropContainerId*/
-        ctx[3]
+        ctx[4]
       )
     );
     let t8;
@@ -8377,16 +8422,16 @@
     arrowdowncircle = new ArrowDownCircle_default({});
     let if_block0 = (
       /*isModalOpen*/
-      ctx[9] && create_if_block_42(ctx)
+      ctx[10] && create_if_block_42(ctx)
     );
     let if_block1 = (
       /*totalRemainingWordBinItem*/
-      ctx[7] !== /*totalCategoryItems*/
-      ctx[0] && create_if_block_32(ctx)
+      ctx[8] !== /*totalCategoryItems*/
+      ctx[1] && create_if_block_32(ctx)
     );
     let each_value = ensure_array_like(Object.values(
       /*categoryGroups*/
-      ctx[19]
+      ctx[20]
     ));
     let each_blocks = [];
     for (let i = 0; i < each_value.length; i += 1) {
@@ -8400,14 +8445,14 @@
     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\n        " + /*isWordBInTotalZero*/
-        (ctx[27](
+        (ctx[28](
           /*totalRemainingWordBinItem*/
-          ctx[7]
+          ctx[8]
         ) && !/*currentSelectedItemId*/
-        ctx[4] ? "absolute inset-0" : ""),
+        ctx[5] ? "absolute inset-0" : ""),
         items: (
           /*categoryItems*/
-          ctx[18]
+          ctx[19]
         ),
         containerId: CONTAINER_WORD_BIN_ID,
         ariaLabel: "Word bin"
@@ -8416,7 +8461,7 @@
     promptcategorisedndcontainer.$on(
       "saveCategory",
       /*saveCategory*/
-      ctx[28]
+      ctx[29]
     );
     smallchevronright = new SmallChevronRight_default({});
     return {
@@ -8454,12 +8499,12 @@
         span3 = element("span");
         t11 = text(
           /*totalRemainingWordBinItem*/
-          ctx[7]
+          ctx[8]
         );
         t12 = text(" out of ");
         t13 = text(
           /*totalCategoryItems*/
-          ctx[0]
+          ctx[1]
         );
         t14 = text(" left");
         t15 = space();
@@ -8479,7 +8524,7 @@
           button0,
           "tabindex",
           /*categoryTabIndex*/
-          ctx[12]
+          ctx[13]
         );
         attr(button0, "aria-label", "Skip to word bin");
         attr(button0, "class", "flex items-center text-charcoal border-l-6 border-charcoal bg-yellow-1000 py-1.5 pr-3 pl-4 focus-visible:border-charcoal left-[-9999px] z-0 focus-within:left-0 focus-within:right-0 focus-within:top-0 absolute focus-within:z-30 focus-visible:outline-none");
@@ -8489,7 +8534,7 @@
           div0,
           "aria-hidden",
           /*isModalOpen*/
-          ctx[9]
+          ctx[10]
         );
         attr(div1, "class", "mb-5 grid gap-2 grid-cols-1 md:grid-cols-2 md:gap-6 lg:flex lg:gap-0");
         attr(span2, "class", "text-base leading-5 !text-gray-900 font-semibold md:mb-2 md:item-heading");
@@ -8498,61 +8543,67 @@
         attr(span4, "class", "w-6 h-6 text-inherit flex items-center justify-center");
         attr(button1, "aria-label", "Left");
         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[27](
+        (ctx[28](
           /*totalRemainingWordBinItem*/
-          ctx[7]
+          ctx[8]
         ) ? "hidden" : ""));
         button1.disabled = button1_disabled_value = /*currentWordBinIndex*/
-        ctx[11] === 0;
+        ctx[12] === 0;
         attr(span5, "class", "w-6 h-6 text-inherit flex items-center justify-center ml-[3px]");
         attr(button2, "aria-label", "Right");
         attr(button2, "class", button2_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[27](
+        (ctx[28](
           /*totalRemainingWordBinItem*/
-          ctx[7]
+          ctx[8]
         ) ? "hidden" : ""));
         button2.disabled = button2_disabled_value = /*currentWordBinIndex*/
-        ctx[11] === /*totalRemainingWordBinItem*/
-        ctx[7] - 1;
+        ctx[12] === /*totalRemainingWordBinItem*/
+        ctx[8] - 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,
+          "aria-hidden",
+          /*isModalOpen*/
+          ctx[10]
+        );
         attr(
           div4,
           "tabindex",
           /*categoryTabIndex*/
-          ctx[12]
+          ctx[13]
         );
         attr(div4, "aria-live", div4_aria_live_value = /*checkContainerDroppedItem*/
-        ctx[21](
+        ctx[22](
           CONTAINER_WORD_BIN_ID,
           /*dropContainerId*/
-          ctx[3]
+          ctx[4]
         ) ? "polite" : "off");
         attr(div4, "role", "group");
         attr(div4, "class", div4_class_value = "focus-ring 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[20](
+        (ctx[21](
           CONTAINER_WORD_BIN_ID,
           /*considerContainerId*/
-          ctx[1],
+          ctx[2],
           /*isDraggingOver*/
-          ctx[2]
+          ctx[3]
         ) ? "raw-focus-ring bg-violet-100" : "") + " " + /*checkContainerDroppedItem*/
-        (ctx[21](
+        (ctx[22](
           CONTAINER_WORD_BIN_ID,
           /*dropContainerId*/
-          ctx[3]
+          ctx[4]
         ) ? "bg-violet-150" : "") + " " + /*checkContainerDroppedItem*/
-        (ctx[21](
+        (ctx[22](
           CONTAINER_WORD_BIN_ID,
           /*dropContainerId*/
-          ctx[3]
+          ctx[4]
         ) && /*hasAddItemAnimation*/
-        ctx[8] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
-        (ctx[22](
+        ctx[9] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
+        (ctx[23](
           CONTAINER_WORD_BIN_ID,
           /*sourceSelectedContainerId*/
-          ctx[5],
+          ctx[6],
           /*currentSelectedItemId*/
-          ctx[4]
+          ctx[5]
         ) ? "hover:bg-violet-100 hover-focus-ring cursor-pointer" : ""));
       },
       m(target, anchor) {
@@ -8601,7 +8652,7 @@
         append(div3, button2);
         append(button2, span5);
         mount_component(smallchevronright, span5, null);
-        ctx[37](div4);
+        ctx[38](div4);
         current = true;
         if (!mounted) {
           dispose = [
@@ -8609,37 +8660,37 @@
               button0,
               "keypress",
               /*goToWordBin*/
-              ctx[31]
+              ctx[32]
             ),
             listen(button1, "click", function() {
               if (is_function(useNavigateItem(
                 /*currentWordBinIndex*/
-                ctx[11],
+                ctx[12],
                 /*currentAnswer*/
-                ctx[6],
+                ctx[7],
                 "left"
               )))
                 useNavigateItem(
                   /*currentWordBinIndex*/
-                  ctx[11],
+                  ctx[12],
                   /*currentAnswer*/
-                  ctx[6],
+                  ctx[7],
                   "left"
                 ).apply(this, arguments);
             }),
             listen(button2, "click", function() {
               if (is_function(useNavigateItem(
                 /*currentWordBinIndex*/
-                ctx[11],
+                ctx[12],
                 /*currentAnswer*/
-                ctx[6],
+                ctx[7],
                 "right"
               )))
                 useNavigateItem(
                   /*currentWordBinIndex*/
-                  ctx[11],
+                  ctx[12],
                   /*currentAnswer*/
-                  ctx[6],
+                  ctx[7],
                   "right"
                 ).apply(this, arguments);
             }),
@@ -8647,13 +8698,13 @@
               div4,
               "keydown",
               /*keydown_handler_1*/
-              ctx[36]
+              ctx[37]
             ),
             listen(
               div4,
               "focus",
               /*resetTabCategory*/
-              ctx[30]
+              ctx[31]
             )
           ];
           mounted = true;
@@ -8662,22 +8713,22 @@
       p(new_ctx, dirty) {
         ctx = new_ctx;
         if (!current || dirty[0] & /*categoryTabIndex*/
-        4096) {
+        8192) {
           attr(
             button0,
             "tabindex",
             /*categoryTabIndex*/
-            ctx[12]
+            ctx[13]
           );
         }
         if (
           /*isModalOpen*/
-          ctx[9]
+          ctx[10]
         ) {
           if (if_block0) {
             if_block0.p(ctx, dirty);
             if (dirty[0] & /*isModalOpen*/
-            512) {
+            1024) {
               transition_in(if_block0, 1);
             }
           } else {
@@ -8695,13 +8746,13 @@
         }
         if (
           /*totalRemainingWordBinItem*/
-          ctx[7] !== /*totalCategoryItems*/
-          ctx[0]
+          ctx[8] !== /*totalCategoryItems*/
+          ctx[1]
         ) {
           if (if_block1) {
             if_block1.p(ctx, dirty);
             if (dirty[0] & /*totalRemainingWordBinItem, totalCategoryItems*/
-            129) {
+            258) {
               transition_in(if_block1, 1);
             }
           } else {
@@ -8718,19 +8769,20 @@
           check_outros();
         }
         if (!current || dirty[0] & /*isModalOpen*/
-        512) {
+        1024) {
           attr(
             div0,
             "aria-hidden",
             /*isModalOpen*/
-            ctx[9]
+            ctx[10]
           );
         }
-        if (dirty[0] & /*categoryTabIndex, checkContainerDragOver, categoryGroups, considerContainerId, isDraggingOver, checkContainerDroppedItem, dropContainerId, hasAddItemAnimation, checkSelectedSourceContainer, sourceSelectedContainerId, currentSelectedItemId, checkifCategoryContainerOpen, openCategoryContainer, tabCategory, getContainerTabSelected, resetTabCategory, categoryTitleHeight, saveCategory, getTotalWords, currentAnswer, addCategoryContainer, selectedItemName*/
-        2004415870) {
+        if (dirty[0] & /*isModalOpen, categoryTabIndex, checkContainerDragOver, categoryGroups, considerContainerId, isDraggingOver, checkContainerDroppedItem, dropContainerId, hasAddItemAnimation, checkSelectedSourceContainer, sourceSelectedContainerId, currentSelectedItemId, checkifCategoryContainerOpen, openCategoryContainer, tabCategory, getContainerTabSelected, categoryTitleHeight, saveCategory, getTotalWords, currentAnswer, addCategoryContainer, selectedItemName*/
+        1861349116 | dirty[1] & /*resetTabCategory*/
+        1) {
           each_value = ensure_array_like(Object.values(
             /*categoryGroups*/
-            ctx[19]
+            ctx[20]
           ));
           let i;
           for (i = 0; i < each_value.length; i += 1) {
@@ -8752,12 +8804,12 @@
           check_outros();
         }
         if (dirty[0] & /*dropContainerId*/
-        8)
+        16)
           show_if = /*checkContainerDroppedItem*/
-          ctx[21](
+          ctx[22](
             CONTAINER_WORD_BIN_ID,
             /*dropContainerId*/
-            ctx[3]
+            ctx[4]
           );
         if (show_if) {
           if (if_block2) {
@@ -8772,100 +8824,109 @@
           if_block2 = null;
         }
         if (!current || dirty[0] & /*totalRemainingWordBinItem*/
-        128)
+        256)
           set_data(
             t11,
             /*totalRemainingWordBinItem*/
-            ctx[7]
+            ctx[8]
           );
         if (!current || dirty[0] & /*totalCategoryItems*/
-        1)
+        2)
           set_data(
             t13,
             /*totalCategoryItems*/
-            ctx[0]
+            ctx[1]
           );
         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 disabled:text-gray-40 disabled:hover:bg-white md:hidden " + /*isWordBInTotalZero*/
-        (ctx[27](
+        256 && 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[28](
           /*totalRemainingWordBinItem*/
-          ctx[7]
+          ctx[8]
         ) ? "hidden" : ""))) {
           attr(button1, "class", button1_class_value);
         }
         if (!current || dirty[0] & /*currentWordBinIndex*/
-        2048 && button1_disabled_value !== (button1_disabled_value = /*currentWordBinIndex*/
-        ctx[11] === 0)) {
+        4096 && button1_disabled_value !== (button1_disabled_value = /*currentWordBinIndex*/
+        ctx[12] === 0)) {
           button1.disabled = button1_disabled_value;
         }
         const promptcategorisedndcontainer_changes = {};
         if (dirty[0] & /*totalRemainingWordBinItem, currentSelectedItemId*/
-        144)
+        288)
           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[27](
+          (ctx[28](
             /*totalRemainingWordBinItem*/
-            ctx[7]
+            ctx[8]
           ) && !/*currentSelectedItemId*/
-          ctx[4] ? "absolute inset-0" : "");
+          ctx[5] ? "absolute inset-0" : "");
         promptcategorisedndcontainer.$set(promptcategorisedndcontainer_changes);
         if (!current || dirty[0] & /*totalRemainingWordBinItem*/
-        128 && button2_class_value !== (button2_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[27](
+        256 && button2_class_value !== (button2_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[28](
           /*totalRemainingWordBinItem*/
-          ctx[7]
+          ctx[8]
         ) ? "hidden" : ""))) {
           attr(button2, "class", button2_class_value);
         }
         if (!current || dirty[0] & /*currentWordBinIndex, totalRemainingWordBinItem*/
-        2176 && button2_disabled_value !== (button2_disabled_value = /*currentWordBinIndex*/
-        ctx[11] === /*totalRemainingWordBinItem*/
-        ctx[7] - 1)) {
+        4352 && button2_disabled_value !== (button2_disabled_value = /*currentWordBinIndex*/
+        ctx[12] === /*totalRemainingWordBinItem*/
+        ctx[8] - 1)) {
           button2.disabled = button2_disabled_value;
         }
+        if (!current || dirty[0] & /*isModalOpen*/
+        1024) {
+          attr(
+            div4,
+            "aria-hidden",
+            /*isModalOpen*/
+            ctx[10]
+          );
+        }
         if (!current || dirty[0] & /*categoryTabIndex*/
-        4096) {
+        8192) {
           attr(
             div4,
             "tabindex",
             /*categoryTabIndex*/
-            ctx[12]
+            ctx[13]
           );
         }
         if (!current || dirty[0] & /*dropContainerId*/
-        8 && div4_aria_live_value !== (div4_aria_live_value = /*checkContainerDroppedItem*/
-        ctx[21](
+        16 && div4_aria_live_value !== (div4_aria_live_value = /*checkContainerDroppedItem*/
+        ctx[22](
           CONTAINER_WORD_BIN_ID,
           /*dropContainerId*/
-          ctx[3]
+          ctx[4]
         ) ? "polite" : "off")) {
           attr(div4, "aria-live", div4_aria_live_value);
         }
         if (!current || dirty[0] & /*considerContainerId, isDraggingOver, dropContainerId, hasAddItemAnimation, sourceSelectedContainerId, currentSelectedItemId*/
-        318 && div4_class_value !== (div4_class_value = "focus-ring 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[20](
+        636 && div4_class_value !== (div4_class_value = "focus-ring 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[21](
           CONTAINER_WORD_BIN_ID,
           /*considerContainerId*/
-          ctx[1],
+          ctx[2],
           /*isDraggingOver*/
-          ctx[2]
+          ctx[3]
         ) ? "raw-focus-ring bg-violet-100" : "") + " " + /*checkContainerDroppedItem*/
-        (ctx[21](
+        (ctx[22](
           CONTAINER_WORD_BIN_ID,
           /*dropContainerId*/
-          ctx[3]
+          ctx[4]
         ) ? "bg-violet-150" : "") + " " + /*checkContainerDroppedItem*/
-        (ctx[21](
+        (ctx[22](
           CONTAINER_WORD_BIN_ID,
           /*dropContainerId*/
-          ctx[3]
+          ctx[4]
         ) && /*hasAddItemAnimation*/
-        ctx[8] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
-        (ctx[22](
+        ctx[9] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
+        (ctx[23](
           CONTAINER_WORD_BIN_ID,
           /*sourceSelectedContainerId*/
-          ctx[5],
+          ctx[6],
           /*currentSelectedItemId*/
-          ctx[4]
+          ctx[5]
         ) ? "hover:bg-violet-100 hover-focus-ring cursor-pointer" : ""))) {
           attr(div4, "class", div4_class_value);
         }
@@ -8919,24 +8980,25 @@
         destroy_component(smallchevronleft);
         destroy_component(promptcategorisedndcontainer);
         destroy_component(smallchevronright);
-        ctx[37](null);
+        ctx[38](null);
         mounted = false;
         run_all(dispose);
       }
     };
   }
   function create_fragment20(ctx) {
+    let div;
     let promptbody;
     let current;
     promptbody = new PromptBody_default({
       props: {
         rubric: (
           /*rubric*/
-          ctx[16].text
+          ctx[17].text
         ),
         prompt: (
           /*prompt*/
-          ctx[17]
+          ctx[18]
         ),
         $$slots: { default: [create_default_slot4] },
         $$scope: { ctx }
@@ -8944,17 +9006,21 @@
     });
     return {
       c() {
+        div = element("div");
         create_component(promptbody.$$.fragment);
+        attr(div, "class", "outline-none");
       },
       m(target, anchor) {
-        mount_component(promptbody, target, anchor);
+        insert(target, div, anchor);
+        mount_component(promptbody, div, null);
+        ctx[39](div);
         current = true;
       },
       p(ctx2, dirty) {
         const promptbody_changes = {};
-        if (dirty[0] & /*categoryTabIndex, dropContainerId, considerContainerId, isDraggingOver, hasAddItemAnimation, sourceSelectedContainerId, currentSelectedItemId, tabCategory, totalRemainingWordBinItem, currentWordBinIndex, currentAnswer, totalCategoryItems, selectedItemName, openCategoryContainer, categoryTitleHeight, isModalOpen*/
-        65535 | dirty[1] & /*$$scope*/
-        262144) {
+        if (dirty[0] & /*isModalOpen, categoryTabIndex, dropContainerId, considerContainerId, isDraggingOver, hasAddItemAnimation, sourceSelectedContainerId, currentSelectedItemId, tabCategory, totalRemainingWordBinItem, currentWordBinIndex, currentAnswer, totalCategoryItems, selectedItemName, openCategoryContainer, categoryTitleHeight*/
+        131070 | dirty[1] & /*$$scope*/
+        1048576) {
           promptbody_changes.$$scope = { dirty, ctx: ctx2 };
         }
         promptbody.$set(promptbody_changes);
@@ -8970,13 +9036,18 @@
         current = false;
       },
       d(detaching) {
-        destroy_component(promptbody, detaching);
+        if (detaching) {
+          detach(div);
+        }
+        destroy_component(promptbody);
+        ctx[39](null);
       }
     };
   }
   function instance9($$self, $$props, $$invalidate) {
     let { sessionData } = $$props;
     const dispatch = createEventDispatcher();
+    let srDiv;
     let totalCategoryItems = 0;
     let considerContainerId = "";
     let isDraggingOver = false;
@@ -8996,8 +9067,8 @@
     const { prompt, category_groups: interactionCategoryGroups, category_items: interactionCategoryItems } = interaction;
     const categoryItems = useFilterUniqueObject(interactionCategoryItems);
     const categoryGroups = useFilterUniqueObject(interactionCategoryGroups);
-    const tabCategory = [{ CONTAINER_WORD_BIN_ID: false }];
-    categoryGroups.map((group) => $$invalidate(14, tabCategory[group.id] = false, tabCategory));
+    const tabCategory = [];
+    categoryGroups.map((group) => $$invalidate(15, tabCategory[group.id] = false, tabCategory));
     totalCategoryItems = totalRemainingWordBinItem = Object.keys(categoryItems).length;
     let wordBinItems = categoryItems.map((item) => item.id);
     let initialCategoryAnswer = [
@@ -9008,7 +9079,7 @@
     ];
     let categoryTitleHeight = [];
     categoryGroups.map((category) => {
-      $$invalidate(15, categoryTitleHeight[category.id] = "", categoryTitleHeight);
+      $$invalidate(16, categoryTitleHeight[category.id] = "", categoryTitleHeight);
     });
     if (metadata) {
       const { events } = metadata.interactions;
@@ -9033,26 +9104,37 @@
       rawCategories: categoryGroups
     });
     modalSettings.subscribe((value) => {
-      const { isModalOpen: storeIsModalOpen } = value;
-      $$invalidate(9, isModalOpen = storeIsModalOpen);
-      $$invalidate(12, categoryTabIndex = storeIsModalOpen ? -1 : 0);
+      const { isModalOpen: storeIsModalOpen, isOpenLastStatus } = value;
+      $$invalidate(10, isModalOpen = storeIsModalOpen);
+      $$invalidate(13, categoryTabIndex = storeIsModalOpen ? -1 : 0);
+      if (!storeIsModalOpen && isOpenLastStatus) {
+        setTimeout(() => {
+          $$invalidate(0, srDiv.tabIndex = 0, srDiv);
+          srDiv.focus();
+          $$invalidate(0, srDiv.tabIndex = -1, srDiv);
+          modalSettings.set({
+            ...get_store_value(modalSettings),
+            isOpenLastStatus: false
+          });
+        });
+      }
     });
     categoriseSettings.subscribe((value) => {
       const { considerContainerId: storeConsiderContainerId, isDraggingOver: storeIsDraggingOver, dropContainerId: storeDropContainerId, sourceCloneContainerId: storeSourceCloneContainerId, selectedItemId: storeSelectedItemId, sourceSelectedContainerId: storeSourceSelectedContainerId, currentAnswer: storeCurrentAnswer, hasAddItemAnimation: storeHasAddItemAnimation, openCategoryContainer: storeOpenCategoryContainer, currentWordBinIndex: storeCurrentWordBinIndex, selectedItemName: storeSelectedItemName, lastSelectedTabContainer } = value;
-      $$invalidate(1, considerContainerId = storeConsiderContainerId);
-      $$invalidate(2, isDraggingOver = storeIsDraggingOver);
-      $$invalidate(3, dropContainerId = storeDropContainerId);
+      $$invalidate(2, considerContainerId = storeConsiderContainerId);
+      $$invalidate(3, isDraggingOver = storeIsDraggingOver);
+      $$invalidate(4, dropContainerId = storeDropContainerId);
       sourceCloneContainerId = storeSourceCloneContainerId;
-      $$invalidate(4, currentSelectedItemId = storeSelectedItemId);
-      $$invalidate(5, sourceSelectedContainerId = storeSourceSelectedContainerId);
-      $$invalidate(6, currentAnswer = storeCurrentAnswer);
-      $$invalidate(8, hasAddItemAnimation = storeHasAddItemAnimation);
-      $$invalidate(10, openCategoryContainer = storeOpenCategoryContainer);
-      $$invalidate(11, currentWordBinIndex = storeCurrentWordBinIndex);
-      $$invalidate(13, selectedItemName = storeSelectedItemName);
-      $$invalidate(12, categoryTabIndex = storeSelectedItemId.length ? -1 : 0);
+      $$invalidate(5, currentSelectedItemId = storeSelectedItemId);
+      $$invalidate(6, sourceSelectedContainerId = storeSourceSelectedContainerId);
+      $$invalidate(7, currentAnswer = storeCurrentAnswer);
+      $$invalidate(9, hasAddItemAnimation = storeHasAddItemAnimation);
+      $$invalidate(11, openCategoryContainer = storeOpenCategoryContainer);
+      $$invalidate(12, currentWordBinIndex = storeCurrentWordBinIndex);
+      $$invalidate(14, selectedItemName = storeSelectedItemName);
+      $$invalidate(13, categoryTabIndex = storeSelectedItemId.length ? -1 : 0);
       const storeWordBinItem = currentAnswer.filter((answer) => answer.categoryId === CONTAINER_WORD_BIN_ID);
-      $$invalidate(7, totalRemainingWordBinItem = storeWordBinItem[0].itemId.length);
+      $$invalidate(8, totalRemainingWordBinItem = storeWordBinItem[0].itemId.length);
       if (lastSelectedTabContainer) {
         setTimeout(
           () => {
@@ -9133,27 +9215,34 @@
     };
     function div0_elementresize_handler(category) {
       categoryTitleHeight[category.id] = this.clientHeight;
-      $$invalidate(15, categoryTitleHeight);
+      $$invalidate(16, categoryTitleHeight);
     }
     const keydown_handler = (category, { key }) => getContainerTabSelected(key, category.id);
     function div1_binding($$value, category) {
       binding_callbacks[$$value ? "unshift" : "push"](() => {
         tabCategory[category.id] = $$value;
-        $$invalidate(14, tabCategory);
+        $$invalidate(15, tabCategory);
       });
     }
     const keydown_handler_1 = ({ key }) => getContainerTabSelected(key, CONTAINER_WORD_BIN_ID);
     function div4_binding($$value) {
       binding_callbacks[$$value ? "unshift" : "push"](() => {
         tabCategory[CONTAINER_WORD_BIN_ID] = $$value;
-        $$invalidate(14, tabCategory);
+        $$invalidate(15, tabCategory);
+      });
+    }
+    function div_binding($$value) {
+      binding_callbacks[$$value ? "unshift" : "push"](() => {
+        srDiv = $$value;
+        $$invalidate(0, srDiv);
       });
     }
     $$self.$$set = ($$props2) => {
       if ("sessionData" in $$props2)
-        $$invalidate(32, sessionData = $$props2.sessionData);
+        $$invalidate(33, sessionData = $$props2.sessionData);
     };
     return [
+      srDiv,
       totalCategoryItems,
       considerContainerId,
       isDraggingOver,
@@ -9191,16 +9280,17 @@
       keydown_handler,
       div1_binding,
       keydown_handler_1,
-      div4_binding
+      div4_binding,
+      div_binding
     ];
   }
   var PromptCategorise = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance9, create_fragment20, safe_not_equal, { sessionData: 32 }, null, [-1, -1]);
+      init(this, options, instance9, create_fragment20, safe_not_equal, { sessionData: 33 }, null, [-1, -1]);
     }
     get sessionData() {
-      return this.$$.ctx[32];
+      return this.$$.ctx[33];
     }
     set sessionData(sessionData) {
       this.$$set({ sessionData });
@@ -9301,7 +9391,7 @@
 
   // src/lib/components/prompt/PromptBuilder.svelte
   function add_css(target) {
-    append_styles(target, "svelte-19319yb", '*,: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-19319yb-pulse{{opacity:0.5}}.animate-skeleton{--tw-bg-opacity:1;animation:svelte-19319yb-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}.sr-only{clip:rect(0, 0, 0, 0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.invisible{visibility:hidden}.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}.left-\\[-9999px\\]{left:-9999px}.right-0{right:0}.right-4{right:1rem}.top-12{top:3rem}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-0\\.5{margin-left:0.125rem;margin-right:0.125rem}.my-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-1{margin-right:0.25rem}.mr-2{margin-right:0.5rem}.mr-4{margin-right:1rem}.mt-0{margin-top:0}.mt-0\\.5{margin-top:0.125rem}.mt-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-6,.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-charcoal{--tw-border-opacity:1;border-color:rgb(33 37 41/var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.border-gray-800{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.border-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))}.bg-yellow-1000{--tw-bg-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity))}.p-0{padding:0}.p-0\\.5{padding:0.125rem}.p-1{padding:0.25rem}.p-1\\.5{padding:0.375rem}.p-2{padding:0.5rem}.p-3{padding:0.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:0.25rem;padding-top:0.25rem}.py-1\\.5{padding-bottom:0.375rem;padding-top:0.375rem}.py-2{padding-bottom:0.5rem;padding-top:0.5rem}.pb-3{padding-bottom:0.75rem}.pl-3{padding-left:0.75rem}.pl-4{padding-left:1rem}.pr-3{padding-right: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))}.underline{text-decoration-line:underline}.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}.focus-within\\:left-0:focus-within{left:0}.focus-within\\:right-0:focus-within{right:0}.focus-within\\:top-0:focus-within{top:0}.focus-within\\:z-30:focus-within{z-index:30}.hover\\:bg-black-50:hover{background-color:rgba(0, 0, 0, 0.0509803922)}.hover\\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}.hover\\:bg-violet-100:hover{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.hover\\:bg-yellow-1000:hover{--tw-bg-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity))}.hover\\:text-charcoal:hover{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.focus\\:outline-transparent:focus{outline-color:transparent}.focus-visible\\:border:focus-visible{border-width:1px}.focus-visible\\:border-charcoal:focus-visible{--tw-border-opacity:1;border-color:rgb(33 37 41/var(--tw-border-opacity))}.focus-visible\\:border-gray-400:focus-visible{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.focus-visible\\:border-gray-800:focus-visible{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\\:bg-black-55:active,.active\\:bg-black-60:active{background-color:rgba(0, 0, 0, 0.1019607843)}.active\\:bg-yellow-1100:active{--tw-bg-opacity:1;background-color:rgb(238 206 26/var(--tw-bg-opacity))}.active\\:text-charcoal:active{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.disabled\\:text-gray-40:disabled{--tw-text-opacity:1;color:rgb(142 147 153/var(--tw-text-opacity))}.disabled\\:hover\\:bg-white:hover:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.group\\/itemContainer:hover .group-hover\\/itemContainer\\:bg-violet-100{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.group:hover .group-hover\\:underline{text-decoration-line:underline}.group:active .group-active\\:border-2{border-width:2px}.group:active .group-active\\:border-blue-1000{--tw-border-opacity:1;border-color:rgb(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!important;background-color:rgb(255 255 255/var(--tw-bg-opacity)) !important}.md\\:p-4{padding:1rem}.md\\:px-0{padding-left:0;padding-right:0}.md\\:pb-0{padding-bottom:0}.md\\: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}}');
+    append_styles(target, "svelte-198p8t", '*,: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-198p8t-pulse{{opacity:0.5}}.animate-skeleton{--tw-bg-opacity:1;animation:svelte-198p8t-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}.sr-only{clip:rect(0, 0, 0, 0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.invisible{visibility:hidden}.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}.left-\\[-9999px\\]{left:-9999px}.right-0{right:0}.right-4{right:1rem}.top-12{top:3rem}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-0\\.5{margin-left:0.125rem;margin-right:0.125rem}.my-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-1{margin-right:0.25rem}.mr-2{margin-right:0.5rem}.mr-4{margin-right:1rem}.mt-0{margin-top:0}.mt-0\\.5{margin-top:0.125rem}.mt-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-6,.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-charcoal{--tw-border-opacity:1;border-color:rgb(33 37 41/var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.border-gray-800{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.border-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))}.bg-yellow-1000{--tw-bg-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity))}.p-0{padding:0}.p-0\\.5{padding:0.125rem}.p-1{padding:0.25rem}.p-1\\.5{padding:0.375rem}.p-2{padding:0.5rem}.p-3{padding:0.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:0.25rem;padding-top:0.25rem}.py-1\\.5{padding-bottom:0.375rem;padding-top:0.375rem}.py-2{padding-bottom:0.5rem;padding-top:0.5rem}.pb-3{padding-bottom:0.75rem}.pl-3{padding-left:0.75rem}.pl-4{padding-left:1rem}.pr-3{padding-right: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))}.underline{text-decoration-line:underline}.opacity-50{opacity:0.5}.shadow-\\[0_-12px_14px_-16px_\\#00000033\\]{--tw-shadow:0 -12px 14px -16px #00000033;--tw-shadow-colored:0 -12px 14px -16px var(--tw-shadow-color)}.shadow-\\[0_-12px_14px_-16px_\\#00000033\\],.shadow-md{box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)}.shadow-md{--tw-shadow:0px 2px 8px rgba(0,0,0,.2);--tw-shadow-colored:0px 2px 8px var(--tw-shadow-color)}.\\!outline-none{outline:2px solid transparent !important;outline-offset:2px !important}.outline-none{outline:2px solid transparent;outline-offset:2px}.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}.focus-within\\:left-0:focus-within{left:0}.focus-within\\:right-0:focus-within{right:0}.focus-within\\:top-0:focus-within{top:0}.focus-within\\:z-30:focus-within{z-index:30}.hover\\:bg-black-50:hover{background-color:rgba(0, 0, 0, 0.0509803922)}.hover\\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}.hover\\:bg-violet-100:hover{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.hover\\:bg-yellow-1000:hover{--tw-bg-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity))}.hover\\:text-charcoal:hover{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.focus\\:outline-transparent:focus{outline-color:transparent}.focus-visible\\:border:focus-visible{border-width:1px}.focus-visible\\:border-charcoal:focus-visible{--tw-border-opacity:1;border-color:rgb(33 37 41/var(--tw-border-opacity))}.focus-visible\\:border-gray-400:focus-visible{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.focus-visible\\:border-gray-800:focus-visible{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\\:bg-black-55:active,.active\\:bg-black-60:active{background-color:rgba(0, 0, 0, 0.1019607843)}.active\\:bg-yellow-1100:active{--tw-bg-opacity:1;background-color:rgb(238 206 26/var(--tw-bg-opacity))}.active\\:text-charcoal:active{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.disabled\\:text-gray-40:disabled{--tw-text-opacity:1;color:rgb(142 147 153/var(--tw-text-opacity))}.disabled\\:hover\\:bg-white:hover:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.group\\/itemContainer:hover .group-hover\\/itemContainer\\:bg-violet-100{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.group:hover .group-hover\\:underline{text-decoration-line:underline}.group:active .group-active\\:border-2{border-width:2px}.group:active .group-active\\:border-blue-1000{--tw-border-opacity:1;border-color:rgb(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!important;background-color:rgb(255 255 255/var(--tw-bg-opacity)) !important}.md\\:p-4{padding:1rem}.md\\:px-0{padding-left:0;padding-right:0}.md\\:pb-0{padding-bottom:0}.md\\: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;