eat-js-sdk 2.5.5 → 2.5.7

package/dist/interaction-builder.mjs

@@ -5461,9 +5461,8 @@ async function getMathJaxSpeechText(html2) {
   try {
     await typesetMathJax(staging);
     staging.querySelectorAll("mjx-container").forEach((container) => {
-      const assistive = container.querySelector("mjx-assistive-mml");
-      const text2 = assistive?.textContent?.trim() ?? "";
-      container.replaceWith(document.createTextNode(text2));
+      const speechText = container.getAttribute("aria-label") ?? container.querySelector("mjx-assistive-mml")?.textContent?.trim() ?? "";
+      container.replaceWith(document.createTextNode(speechText));
     });
     return staging.textContent?.trim() ?? "";
   } finally {
@@ -7000,8 +6999,8 @@ function useImageModalSize() {
 }
 var root_4$8 = /* @__PURE__ */ from_html(`<span class="w-6 h-6 flex items-center justify-center"><!></span>`);
 var root_5$a = /* @__PURE__ */ from_html(`<span class="w-6 h-6 flex items-center justify-center"><!></span>`);
-var root_7$7 = /* @__PURE__ */ from_html(`<span class="sr-only"><!></span>`);
-var root_6$4 = /* @__PURE__ */ from_html(`<div><!> <span aria-hidden="true"><!></span></div>`);
+var root_7$6 = /* @__PURE__ */ from_html(`<span class="sr-only"><!></span>`);
+var root_6$3 = /* @__PURE__ */ from_html(`<div><!> <span aria-hidden="true"><!></span></div>`);
 var root_10$3 = /* @__PURE__ */ from_html(`<span class="w-4 h-4 flex items-center justify-center"><!></span>`);
 var root_11$2 = /* @__PURE__ */ from_html(`<span class="w-4 h-4 flex items-center justify-center"><!></span>`);
 var root_2$f = /* @__PURE__ */ from_html(`<div class="absolute inset-0 m-0"><div class="w-full h-full px-0 md:px-[82px] lg:px-[128px] pt-14 pb-[72px] relative lg:py-24 flex flex-col items-center justify-center"><div aria-live="polite" aria-atomic="true" class="sr-only"><!> <!></div> <div class="w-full h-full flex flex-col md:flex-row md:justify-center items-center justify-between"><div class="md:hidden"></div> <!> <!> <div><div class="flex-shrink-0 flex items-center justify-between py-1 px-2 md:px-4 border-border-minimal border rounded-t-md lg:rounded-t-lg md:gap-4 h-8.5 md:h-fit"><!> <!> <!></div> <div class="rounded-b-md"><img class="mx-auto block rounded-b-md lg:rounded-b-lg object-contain max-w-full max-h-[calc(100vh-168px-34px)] md:max-h-[calc(100vh-128px-54px)] lg:max-h-[calc(100vh-192px-54px)] pointer-events-none"/></div></div> <div class="md:hidden flex justify-center items-center gap-1 flex-shrink-0 h-6 mt-4"><!> <!></div></div></div></div>`);
@@ -7301,11 +7300,11 @@ function MCQImageModal($$anchor, $$props) {
                 return get$1(fullAnswerText);
               },
               children: ($$anchor4, $$slotProps2) => {
-                var div_6 = root_6$4();
+                var div_6 = root_6$3();
                 var node_8 = child(div_6);
                 {
                   var consequent_1 = ($$anchor5) => {
-                    var span_2 = root_7$7();
+                    var span_2 = root_7$6();
                     var node_9 = child(span_2);
                     {
                       let $02 = /* @__PURE__ */ user_derived(() => get$1(currentOption)?.answer);
@@ -7634,7 +7633,7 @@ function InteractionSection($$anchor, $$props) {
 create_custom_element(InteractionSection, { children: {} }, [], [], true);
 var root_5$9 = /* @__PURE__ */ from_html(`<div></div>`);
 var root_4$7 = /* @__PURE__ */ from_html(`<div class="px-4 w-full max-w-[1008px] mx-auto flex-shrink-0 text-center font-semibold text-sm md:text-lg leading-[150%] text-white" aria-hidden="true" data-testid="img-viewer-cap-txt"> </div> <!>`, 1);
-var root_7$6 = /* @__PURE__ */ from_html(`<div></div>`);
+var root_7$5 = /* @__PURE__ */ from_html(`<div></div>`);
 var root_2$e = /* @__PURE__ */ from_html(`<div class="absolute inset-0"><div class="w-full h-full flex items-center justify-center pt-14 pb-[72px] lg:py-24"><div aria-live="polite" aria-atomic="true" class="sr-only"> </div> <div class="flex flex-col items-center overflow-y-auto overflow-x-hidden w-full px-0 md:px-6 lg:px-16"><div class="relative bg-white rounded-md md:rounded-lg shadow-sm overflow-hidden flex-shrink-0"><img class="block object-contain w-full h-auto max-w-full mx-auto"/> <!></div> <!></div></div></div>`);
 function PromptStimulusImageModal($$anchor, $$props) {
   push($$props, true);
@@ -7825,7 +7824,7 @@ function PromptStimulusImageModal($$anchor, $$props) {
               var node_4 = first_child(fragment_4);
               {
                 var consequent_2 = ($$anchor5) => {
-                  var div_7 = root_7$6();
+                  var div_7 = root_7$5();
                   template_effect(() => set_style(div_7, `height:${get$1(bottomSpacerHeight) ?? ""}px`));
                   append($$anchor5, div_7);
                 };
@@ -8513,9 +8512,9 @@ create_custom_element(
 var root_4$5 = /* @__PURE__ */ from_html(`<div data-testid="stimulus-txt-ctr"><!></div>`);
 var root_5$7 = /* @__PURE__ */ from_html(`<div data-testid="stimulus-img-ctr"><!></div>`);
 var root_3$b = /* @__PURE__ */ from_html(`<!> <!>`, 1);
-var root_7$5 = /* @__PURE__ */ from_html(`<div data-testid="stimulus-img-ctr"><!></div>`);
+var root_7$4 = /* @__PURE__ */ from_html(`<div data-testid="stimulus-img-ctr"><!></div>`);
 var root_8$6 = /* @__PURE__ */ from_html(`<div data-testid="stimulus-txt-ctr"><!></div>`);
-var root_6$3 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
+var root_6$2 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
 var root_1$i = /* @__PURE__ */ from_html(`<div class="stimulus-section flex flex-col w-full"><!> <div><!></div></div>`);
 function StimulusSection($$anchor, $$props) {
   push($$props, true);
@@ -8664,11 +8663,11 @@ function StimulusSection($$anchor, $$props) {
           append($$anchor3, fragment_2);
         };
         var alternate = ($$anchor3) => {
-          var fragment_3 = root_6$3();
+          var fragment_3 = root_6$2();
           var node_7 = first_child(fragment_3);
           {
             var consequent_4 = ($$anchor4) => {
-              var div_4 = root_7$5();
+              var div_4 = root_7$4();
               let classes_3;
               var node_8 = child(div_4);
               CommonMedia(node_8, {
@@ -8754,9 +8753,9 @@ create_custom_element(
 );
 var root_8$5 = /* @__PURE__ */ from_html(`<div class="divider my-6"></div>`);
 var root_13$3 = /* @__PURE__ */ from_html(`<div class="divider my-6"></div>`);
-var root_15$1 = /* @__PURE__ */ from_html(`<div aria-live="polite"><!></div>`);
+var root_15$2 = /* @__PURE__ */ from_html(`<div aria-live="polite"><!></div>`);
 var root_1$h = /* @__PURE__ */ from_html(`<div><!></div>`);
-var root_16$2 = /* @__PURE__ */ from_html(`<div><!></div>`);
+var root_16$1 = /* @__PURE__ */ from_html(`<div><!></div>`);
 var root$f = /* @__PURE__ */ from_html(`<div class="prompt-container"><div><div></div> <!></div></div> <!>`, 1);
 function PromptContainer($$anchor, $$props) {
   push($$props, true);
@@ -8962,7 +8961,7 @@ function PromptContainer($$anchor, $$props) {
                             var node_7 = first_child(fragment_11);
                             {
                               var consequent_6 = ($$anchor9) => {
-                                var div_6 = root_15$1();
+                                var div_6 = root_15$2();
                                 var node_8 = child(div_6);
                                 snippet(node_8, () => feedback() ?? noop);
                                 reset(div_6);
@@ -9055,7 +9054,7 @@ function PromptContainer($$anchor, $$props) {
   var node_9 = sibling(div_2, 2);
   {
     var consequent_7 = ($$anchor2) => {
-      var div_7 = root_16$2();
+      var div_7 = root_16$1();
       var node_10 = child(div_7);
       StimulusSection(node_10, {
         get stimulusData() {
@@ -9145,8 +9144,8 @@ var root_2$c = /* @__PURE__ */ from_html(`<span> </span>`);
 var root_3$a = /* @__PURE__ */ from_html(`<span>Missing answer</span>`);
 var root_4$4 = /* @__PURE__ */ from_html(`<span class="sr-only"> </span>`);
 var root_5$6 = /* @__PURE__ */ from_html(`<span class="sr-only"> </span>`);
-var root_6$2 = /* @__PURE__ */ from_html(`<p>Missing answer</p>`);
-var root_7$4 = /* @__PURE__ */ from_html(`<p class="text-red-400 text-sm font-semibold leading-[1.3] pr-2.5 hidden md:block"> </p>`);
+var root_6$1 = /* @__PURE__ */ from_html(`<p>Missing answer</p>`);
+var root_7$3 = /* @__PURE__ */ from_html(`<p class="text-red-400 text-sm font-semibold leading-[1.3] pr-2.5 hidden md:block"> </p>`);
 var root_8$4 = /* @__PURE__ */ from_html(`<span aria-hidden="true"><!></span>`);
 var root_12$3 = /* @__PURE__ */ from_html(`<span class="w-3 h-2 flex items-center justify-center"><!></span>`);
 var root_11$1 = /* @__PURE__ */ from_html(`<span><!></span>`);
@@ -9354,7 +9353,7 @@ function MCQOption($$anchor, $$props) {
   var node_7 = child(span_9);
   {
     var consequent_5 = ($$anchor2) => {
-      var p = root_6$2();
+      var p = root_6$1();
       template_effect(() => set_class(p, 1, `text-green-750 text-sm font-semibold leading-[1.3] hidden md:block
               ${get$1(totalCorrectAnswers) > 1 ? "pr-2.5" : ""}`));
       append($$anchor2, p);
@@ -9366,7 +9365,7 @@ function MCQOption($$anchor, $$props) {
   var node_8 = sibling(node_7, 2);
   {
     var consequent_6 = ($$anchor2) => {
-      var p_1 = root_7$4();
+      var p_1 = root_7$3();
       var text_4 = child(p_1, true);
       reset(p_1);
       template_effect(() => set_text(text_4, get$1(isInteractiveMode2) ? "Your answer" : get$1(isPreviewMode2) ? "" : "Student's answer"));
@@ -10761,10 +10760,10 @@ const action = (node) => {
 action.update = n.update;
 action.destroy = n.destroy;
 var root_1$c = /* @__PURE__ */ from_html(`<label data-testid="qn-number-txt" aria-hidden="true"><span></span> <span> </span></label>`);
-var root_2$8 = /* @__PURE__ */ from_html(`<div role="textbox" aria-readonly="true"><!></div>`);
+var root_2$8 = /* @__PURE__ */ from_html(`<div><!></div>`);
 var root_4$1 = /* @__PURE__ */ from_html(`<div role="textbox" aria-readonly="true" data-testid="ans-sum-corr-txb"><!></div>`);
 var root_5$4 = /* @__PURE__ */ from_html(`<textarea rows="1" readonly=""></textarea>`);
-var root_6$1 = /* @__PURE__ */ from_html(`<span class="w-6 h-6 absolute right-4 top-[calc(50%+0.375rem)] -translate-y-1/2 flex items-center justify-center"><!></span>`);
+var root_6 = /* @__PURE__ */ from_html(`<span class="w-6 h-6 absolute right-4 top-[calc(50%+0.375rem)] -translate-y-1/2 flex items-center justify-center"><!></span>`);
 var root$a = /* @__PURE__ */ from_html(`<div><!> <!> <!></div>`);
 function AnswerDisplay($$anchor, $$props) {
   push($$props, true);
@@ -10931,15 +10930,13 @@ function AnswerDisplay($$anchor, $$props) {
       template_effect(
         ($0) => {
           set_attribute(div_1, "aria-label", $0);
-          set_attribute(div_1, "aria-labelledby", `textbox-${comparison().id ?? ""}-${questionNumber() - 1}`);
-          set_attribute(div_1, "aria-describedby", `textbox-value-${comparison().id ?? ""}-${questionNumber() - 1}`);
           set_class(div_1, 1, `${type() === "correct" ? "ans-sum-corr-txb" : "ans-sum-stud-txb"} ${get$1(textareaClasses) ?? ""}`);
           set_attribute(div_1, "data-testid", type() === "correct" ? "ans-sum-corr-txb" : "ans-sum-stud-txb");
           set_attribute(div_1, "id", `${type() ?? ""}-${comparison().id ?? ""}-${questionNumber() - 1}`);
           set_attribute(div_1, "tabindex", get$1(tabIndex));
         },
         [
-          () => `${get$1(ariaLabel)} ${useRemoveRichTextHtmlTags(get$1(displayAnswer))}`
+          () => hasMathJax(get$1(displayAnswer)) ? get$1(ariaLabel) : `${get$1(ariaLabel)} ${useRemoveRichTextHtmlTags(get$1(displayAnswer))}`
         ]
       );
       append($$anchor2, div_1);
@@ -10999,7 +10996,7 @@ function AnswerDisplay($$anchor, $$props) {
   var node_5 = sibling(node_1, 2);
   {
     var consequent_3 = ($$anchor2) => {
-      var span_2 = root_6$1();
+      var span_2 = root_6();
       var node_6 = child(span_2);
       {
         let $0 = /* @__PURE__ */ user_derived(() => isCorrect() ? "text-green-900" : "text-red-900");
@@ -14485,7 +14482,7 @@ var root_1$9 = /* @__PURE__ */ from_html(`<span class="sr-only"> </span>`);
 var root_2$5 = /* @__PURE__ */ from_html(`<span class="sr-only"> </span>`);
 var root_3$6 = /* @__PURE__ */ from_html(`<span class="text-green-800 preview-icon"><!></span>`);
 var root_5$3 = /* @__PURE__ */ from_html(`<span class="text-red-800 preview-icon"><!></span>`);
-var root_7$3 = /* @__PURE__ */ from_html(`<span class="text-green-800"><!></span>`);
+var root_7$2 = /* @__PURE__ */ from_html(`<span class="text-green-800"><!></span>`);
 var root_9$2 = /* @__PURE__ */ from_html(`<span class="preview-vertical hidden"><!></span>`);
 var root$7 = /* @__PURE__ */ from_html(`<button data-item-button=""><!> <span><!></span> <!> <div><span></span> <span class="absolute"><!> <!></span></div></button>`);
 function CategoriseItem($$anchor, $$props) {
@@ -14870,7 +14867,7 @@ function CategoriseItem($$anchor, $$props) {
           var node_7 = first_child(fragment_1);
           {
             var consequent_4 = ($$anchor4) => {
-              var span_7 = root_7$3();
+              var span_7 = root_7$2();
               var node_8 = child(span_7);
               SvgLoader(node_8, {
                 svgName: "success",
@@ -14978,7 +14975,7 @@ create_custom_element(
 var root_2$4 = /* @__PURE__ */ from_html(`<span class="sr-only"> </span> <!>`, 1);
 var root_1$8 = /* @__PURE__ */ from_html(`<button tabindex="0"><!></button>`);
 var root_8$2 = /* @__PURE__ */ from_html(`<div class="w-full text-base text-charcoal font-semibold mt-1 mb-2">Missing answers:</div>`);
-var root_7$2 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
+var root_7$1 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
 var root$6 = /* @__PURE__ */ from_html(`<!>   <section><!></section>`, 1);
 function CategoriseDndContainer($$anchor, $$props) {
   push($$props, true);
@@ -15362,7 +15359,7 @@ function CategoriseDndContainer($$anchor, $$props) {
           var node_7 = first_child(fragment_5);
           each(node_7, 19, () => get$1(localItems), (item) => `${item.id}-${get$1(dragCounter)}`, ($$anchor4, item, index2) => {
             const itemResultType = /* @__PURE__ */ user_derived(() => getItemResultType(get$1(item).isClonedItem && get$1(item).cloneId ? get$1(item).cloneId : get$1(item).id));
-            var fragment_6 = root_7$2();
+            var fragment_6 = root_7$1();
             var node_8 = first_child(fragment_6);
             {
               var consequent_4 = ($$anchor5) => {
@@ -18203,17 +18200,19 @@ function useDropdownPosition(config) {
 }
 var root_1$3 = /* @__PURE__ */ from_html(`<div class="absolute inset-0 bg-transparent z-10"></div>`);
 var root_2 = /* @__PURE__ */ from_html(`<div class="bg-black bg-opacity-5 h-full flex flex-none justify-center items-center"><div class="inline-txb-lbl font-semibold text-base leading-[19px] text-charcoal px-3 flex items-center" data-testid="inline-txb-lbl" aria-hidden="true"> </div></div>`);
-var root_3$3 = /* @__PURE__ */ from_html(`<span class="text-green-900 mr-2"><span aria-hidden="true"><!></span> <span class="sr-only">Correct</span></span>`);
-var root_6 = /* @__PURE__ */ from_html(`<span class="text-green-900 mr-2"><span aria-hidden="true"><!></span> <span class="sr-only">Correct</span></span>`);
-var root_7$1 = /* @__PURE__ */ from_html(`<span class="text-red-900 mr-2"><span aria-hidden="true"><!></span> <span class="sr-only">Incorrect</span></span>`);
-var root_8$1 = /* @__PURE__ */ from_html(`<span class="flex items-center justify-center text-blue-1000"><span aria-hidden="true"><!></span></span>`);
-var root_9$1 = /* @__PURE__ */ from_html(`<span class="flex items-center justify-center text-blue-1000"><span aria-hidden="true"><!></span></span>`);
-var root_12$1 = /* @__PURE__ */ from_html(`<span class="flex items-center text-green-900" aria-hidden="true"><!></span>`);
-var root_14$1 = /* @__PURE__ */ from_html(`<span class="flex items-center text-red-900" aria-hidden="true"><!></span>`);
-var root_16$1 = /* @__PURE__ */ from_html(`<span class="flex items-center text-blue-850" aria-hidden="true"><!></span>`);
-var root_11 = /* @__PURE__ */ from_html(`<li role="option" tabindex="-1"><div class="p-0.5 flex justify-between w-full text-base whitespace-normal"><!> <!></div></li>`);
-var root_10$1 = /* @__PURE__ */ from_html(`<ul class="drp-list dropdown-menu block" data-testid="drp-list" role="listbox" tabindex="-1"></ul>`);
-var root$2 = /* @__PURE__ */ from_html(`<span class="dropdown inline-block relative align-middle"><span class="sr-only"> </span> <!> <div role="combobox" data-testid="drp-cmb" aria-haspopup="listbox" tabindex="0"><!> <div class="px-4 flex flex-1 min-w-0 align-middle truncate items-center justify-between w-full"><span><!></span> <div class="flex items-center"><!> <!></div></div></div> <!></span>`);
+var root_3$3 = /* @__PURE__ */ from_html(`<span class="truncate mr-2 text-base text-gray-860"> </span>`);
+var root_5$1 = /* @__PURE__ */ from_html(`<span class="text-green-900 mr-2"><span aria-hidden="true"><!></span> <span class="sr-only">Correct</span></span>`);
+var root_8$1 = /* @__PURE__ */ from_html(`<span class="text-green-900 mr-2"><span aria-hidden="true"><!></span> <span class="sr-only">Correct</span></span>`);
+var root_9$1 = /* @__PURE__ */ from_html(`<span class="text-red-900 mr-2"><span aria-hidden="true"><!></span> <span class="sr-only">Incorrect</span></span>`);
+var root_10$1 = /* @__PURE__ */ from_html(`<span class="flex items-center justify-center text-blue-1000"><span aria-hidden="true"><!></span></span>`);
+var root_11 = /* @__PURE__ */ from_html(`<span class="flex items-center justify-center text-blue-1000"><span aria-hidden="true"><!></span></span>`);
+var root_14$1 = /* @__PURE__ */ from_html(`<span class="sr-only"> </span>`);
+var root_15$1 = /* @__PURE__ */ from_html(`<span class="flex items-center text-green-900" aria-hidden="true"><!></span>`);
+var root_17$1 = /* @__PURE__ */ from_html(`<span class="flex items-center text-red-900" aria-hidden="true"><!></span>`);
+var root_19$1 = /* @__PURE__ */ from_html(`<span class="flex items-center text-blue-850" aria-hidden="true"><!></span>`);
+var root_13 = /* @__PURE__ */ from_html(`<li role="option" tabindex="-1"><div class="p-0.5 flex justify-between w-full text-base whitespace-normal"><!> <!> <!></div></li>`);
+var root_12$1 = /* @__PURE__ */ from_html(`<ul class="drp-list dropdown-menu block" data-testid="drp-list" role="listbox" tabindex="-1"></ul>`);
+var root$2 = /* @__PURE__ */ from_html(`<span class="dropdown inline-block relative align-middle"><div role="status" aria-live="assertive" aria-atomic="true" class="sr-only"> </div> <span class="sr-only"> </span> <!> <div role="combobox" data-testid="drp-cmb" aria-haspopup="listbox" tabindex="0"><!> <div class="px-4 flex flex-1 min-w-0 align-middle truncate items-center justify-between w-full"><!> <div class="flex items-center"><!> <!></div></div></div> <!></span>`);
 function DropdownContainer($$anchor, $$props) {
   push($$props, true);
   let dropdownId = prop($$props, "dropdownId", 7), dropdownNumber = prop($$props, "dropdownNumber", 7), options = prop($$props, "options", 7), selected = prop($$props, "selected", 7), correctAnswers = prop($$props, "correctAnswers", 23, () => []), isCorrect = prop($$props, "isCorrect", 7, false), isFinished = prop($$props, "isFinished", 7, false), isLocked = prop($$props, "isLocked", 7, false), isDataSaving = prop($$props, "isDataSaving", 7, false), mode = prop($$props, "mode", 7), showFeedback = prop($$props, "showFeedback", 7, false), showNumbering = prop($$props, "showNumbering", 7, true), onselect = prop($$props, "onselect", 7), viewportBuffer = prop($$props, "viewportBuffer", 7, 60);
@@ -18297,6 +18296,10 @@ function DropdownContainer($$anchor, $$props) {
     set(isKeyboardNavigation, false);
     set(isFirstNavigation, true);
     await tick();
+    if (get$1(listRef)) {
+      await typesetMathJax(get$1(listRef));
+      await stampMathAriaLabels(get$1(listRef));
+    }
     if (selected() && selected() !== DROPDOWN_INTERACTION.PLACEHOLDER && selected() !== "") {
       const currentIndex = get$1(initializedOptions).indexOf(selected());
       get$1(state$1).activeIndex = currentIndex >= 0 ? currentIndex : null;
@@ -18306,6 +18309,7 @@ function DropdownContainer($$anchor, $$props) {
     if (get$1(listRef) && get$1(state$1).activeIndex !== null) {
       await tick();
       await dropdownActions.scrollToActive(get$1(listRef), get$1(state$1).activeIndex);
+      await announceActiveOption(get$1(state$1).activeIndex);
     }
     await tick();
     await ensureDropdownVisibility();
@@ -18369,6 +18373,7 @@ function DropdownContainer($$anchor, $$props) {
           await tick();
           await dropdownActions.scrollToActive(get$1(listRef), get$1(state$1).activeIndex);
         }
+        await announceActiveOption(get$1(state$1).activeIndex);
         return;
       }
     }
@@ -18380,6 +18385,7 @@ function DropdownContainer($$anchor, $$props) {
     if (get$1(state$1).isOpen && get$1(state$1).activeIndex !== null && get$1(listRef)) {
       await tick();
       await dropdownActions.scrollToActive(get$1(listRef), get$1(state$1).activeIndex);
+      await announceActiveOption(get$1(state$1).activeIndex);
     }
   };
   const handleMouseEnter = (index2) => {
@@ -18470,6 +18476,7 @@ function DropdownContainer($$anchor, $$props) {
     return parts.filter(Boolean).join(", ");
   });
   const getOptionAriaLabel = (option, index2) => {
+    if (hasMathJax(option)) return void 0;
     const optionNum = index2 + 1;
     const isSelected = option === get$1(state$1).selected;
     const cleanOption = useRemoveRichTextHtmlTags(option);
@@ -18480,12 +18487,80 @@ function DropdownContainer($$anchor, $$props) {
     }
     return isSelected ? `Selected option ${cleanOption}` : `Option ${optionNum} ${cleanOption}`;
   };
+  const getMathOptionPrefix = (option, index2) => {
+    const optionNum = index2 + 1;
+    const isSelected = option === get$1(state$1).selected;
+    if (showFeedback()) {
+      const isCorrectAnswer = correctAnswers().includes(option);
+      const correctness = isCorrectAnswer ? ", correct" : ", incorrect";
+      return isSelected ? `Selected option${correctness}:` : `Option ${optionNum}${correctness}:`;
+    }
+    return isSelected ? "Selected option:" : `Option ${optionNum}:`;
+  };
   const isCurrentOption = (index2) => {
     return get$1(state$1).isOpen && get$1(isKeyboardNavigation) && get$1(state$1).activeIndex === index2;
   };
   const shouldShowHover = (index2) => {
     return get$1(state$1).isOpen && get$1(hoveredIndex) === index2;
   };
+  let srAnnouncement = /* @__PURE__ */ state("");
+  const ANNOUNCEMENT_CLEAR_MS = 1e3;
+  const stampMathAriaLabels = async (list) => {
+    const promises = get$1(initializedOptions).map(async (option, index2) => {
+      if (!hasMathJax(option)) return;
+      const li = list.querySelector(`#${listId}-option-${index2}`);
+      if (!li) return;
+      const prefix = getMathOptionPrefix(option, index2);
+      const existingLabels = [];
+      li.querySelectorAll("mjx-container").forEach((el) => {
+        const label = el.getAttribute("aria-label");
+        if (label) existingLabels.push(label);
+      });
+      if (existingLabels.length > 0) {
+        li.setAttribute("aria-label", [prefix, ...existingLabels].filter(Boolean).join(" "));
+        return;
+      }
+      const speechText = await getMathJaxSpeechText(processMathJax(option));
+      if (speechText) {
+        li.setAttribute("aria-label", [prefix, speechText].filter(Boolean).join(" "));
+        return;
+      }
+      const rawParts = [];
+      li.querySelectorAll("mjx-container").forEach((el) => {
+        const text2 = el.querySelector("mjx-assistive-mml")?.textContent?.trim() ?? "";
+        if (text2) rawParts.push(text2);
+      });
+      if (rawParts.length > 0) {
+        li.setAttribute("aria-label", [prefix, ...rawParts].filter(Boolean).join(" "));
+      }
+    });
+    await Promise.all(promises);
+  };
+  const announceActiveOption = async (index2) => {
+    if (!get$1(listRef) || index2 === null) return;
+    const option = get$1(initializedOptions)[index2];
+    if (!option || !hasMathJax(option)) return;
+    const li = get$1(listRef).querySelector(`[id="${listId}-option-${index2}"]`);
+    if (!li) return;
+    const parts = [];
+    const prefix = getMathOptionPrefix(option, index2);
+    if (prefix) parts.push(prefix);
+    li.querySelectorAll("mjx-container").forEach((el) => {
+      const label = el.getAttribute("aria-label") ?? el.querySelector("mjx-assistive-mml")?.textContent?.trim() ?? "";
+      if (label) parts.push(label);
+    });
+    const text2 = parts.join(" ");
+    if (!text2) return;
+    set(srAnnouncement, "");
+    await tick();
+    set(srAnnouncement, text2, true);
+    setTimeout(
+      () => {
+        set(srAnnouncement, "");
+      },
+      ANNOUNCEMENT_CLEAR_MS
+    );
+  };
   var $$exports = {
     get dropdownId() {
       return dropdownId();
@@ -18587,51 +18662,72 @@ function DropdownContainer($$anchor, $$props) {
     }
   };
   var span = root$2();
-  var span_1 = child(span);
-  var text2 = child(span_1, true);
+  var div = child(span);
+  var text_1 = child(div, true);
+  reset(div);
+  var span_1 = sibling(div, 2);
+  var text_2 = child(span_1, true);
   reset(span_1);
   var node = sibling(span_1, 2);
   {
     var consequent = ($$anchor2) => {
-      var div = root_1$3();
-      append($$anchor2, div);
+      var div_1 = root_1$3();
+      append($$anchor2, div_1);
     };
     if_block(node, ($$render) => {
       if (isDataSaving()) $$render(consequent);
     });
   }
-  var div_1 = sibling(node, 2);
-  div_1.__keydown = handleKeydown;
-  div_1.__click = () => {
+  var div_2 = sibling(node, 2);
+  div_2.__keydown = handleKeydown;
+  div_2.__click = () => {
     if (isDataSaving() || !get$1(canToggleAccordion)) return;
     get$1(state$1).isOpen ? handleCloseMenu() : handleOpenMenu();
   };
-  div_1.__focusout = handleFocusOut;
-  var node_1 = child(div_1);
+  div_2.__focusout = handleFocusOut;
+  var node_1 = child(div_2);
   {
     var consequent_1 = ($$anchor2) => {
-      var div_2 = root_2();
-      var div_3 = child(div_2);
-      var text_1 = child(div_3, true);
+      var div_3 = root_2();
+      var div_4 = child(div_3);
+      var text_3 = child(div_4, true);
+      reset(div_4);
       reset(div_3);
-      reset(div_2);
-      template_effect(() => set_text(text_1, dropdownNumber()));
-      append($$anchor2, div_2);
+      template_effect(() => set_text(text_3, dropdownNumber()));
+      append($$anchor2, div_3);
     };
     if_block(node_1, ($$render) => {
       if (showNumbering()) $$render(consequent_1);
     });
   }
-  var div_4 = sibling(node_1, 2);
-  var span_2 = child(div_4);
-  var node_2 = child(span_2);
-  html(node_2, () => get$1(state$1).selected === "" ? DROPDOWN_INTERACTION.PLACEHOLDER : get$1(state$1).selected);
-  reset(span_2);
-  var div_5 = sibling(span_2, 2);
-  var node_3 = child(div_5);
+  var div_5 = sibling(node_1, 2);
+  var node_2 = child(div_5);
   {
     var consequent_2 = ($$anchor2) => {
-      var span_3 = root_3$3();
+      var span_2 = root_3$3();
+      var text_4 = child(span_2, true);
+      reset(span_2);
+      template_effect(() => set_text(text_4, DROPDOWN_INTERACTION.PLACEHOLDER));
+      append($$anchor2, span_2);
+    };
+    var alternate = ($$anchor2) => {
+      CommonStringToHtml($$anchor2, {
+        get htmlString() {
+          return get$1(state$1).selected;
+        },
+        otherClass: "truncate mr-2 text-base text-charcoal"
+      });
+    };
+    if_block(node_2, ($$render) => {
+      if (get$1(state$1).selected === DROPDOWN_INTERACTION.PLACEHOLDER || get$1(state$1).selected === "") $$render(consequent_2);
+      else $$render(alternate, false);
+    });
+  }
+  var div_6 = sibling(node_2, 2);
+  var node_3 = child(div_6);
+  {
+    var consequent_3 = ($$anchor2) => {
+      var span_3 = root_5$1();
       var span_4 = child(span_3);
       var node_4 = child(span_4);
       SvgLoader(node_4, { svgName: "successSolid", className: "correct-icon" });
@@ -18640,16 +18736,16 @@ function DropdownContainer($$anchor, $$props) {
       reset(span_3);
       append($$anchor2, span_3);
     };
-    var alternate_1 = ($$anchor2) => {
-      var fragment = comment();
-      var node_5 = first_child(fragment);
+    var alternate_2 = ($$anchor2) => {
+      var fragment_1 = comment();
+      var node_5 = first_child(fragment_1);
       {
-        var consequent_4 = ($$anchor3) => {
-          var fragment_1 = comment();
-          var node_6 = first_child(fragment_1);
+        var consequent_5 = ($$anchor3) => {
+          var fragment_2 = comment();
+          var node_6 = first_child(fragment_2);
           {
-            var consequent_3 = ($$anchor4) => {
-              var span_5 = root_6();
+            var consequent_4 = ($$anchor4) => {
+              var span_5 = root_8$1();
               var span_6 = child(span_5);
               var node_7 = child(span_6);
               SvgLoader(node_7, { svgName: "successSolid", className: "correct-icon" });
@@ -18658,8 +18754,8 @@ function DropdownContainer($$anchor, $$props) {
               reset(span_5);
               append($$anchor4, span_5);
             };
-            var alternate = ($$anchor4) => {
-              var span_7 = root_7$1();
+            var alternate_1 = ($$anchor4) => {
+              var span_7 = root_9$1();
               var span_8 = child(span_7);
               var node_8 = child(span_8);
               SvgLoader(node_8, { svgName: "errorSolid", className: "incorrect-icon" });
@@ -18669,31 +18765,31 @@ function DropdownContainer($$anchor, $$props) {
               append($$anchor4, span_7);
             };
             if_block(node_6, ($$render) => {
-              if (isCorrect()) $$render(consequent_3);
-              else $$render(alternate, false);
+              if (isCorrect()) $$render(consequent_4);
+              else $$render(alternate_1, false);
             });
           }
-          append($$anchor3, fragment_1);
+          append($$anchor3, fragment_2);
         };
         if_block(
           node_5,
           ($$render) => {
-            if (showFeedback() && !get$1(isMissing)) $$render(consequent_4);
+            if (showFeedback() && !get$1(isMissing)) $$render(consequent_5);
           },
           true
         );
       }
-      append($$anchor2, fragment);
+      append($$anchor2, fragment_1);
     };
     if_block(node_3, ($$render) => {
-      if (mode() === MODES.PREVIEW) $$render(consequent_2);
-      else $$render(alternate_1, false);
+      if (mode() === MODES.PREVIEW) $$render(consequent_3);
+      else $$render(alternate_2, false);
     });
   }
   var node_9 = sibling(node_3, 2);
   {
-    var consequent_5 = ($$anchor2) => {
-      var span_9 = root_8$1();
+    var consequent_6 = ($$anchor2) => {
+      var span_9 = root_10$1();
       var span_10 = child(span_9);
       var node_10 = child(span_10);
       SvgLoader(node_10, {
@@ -18706,8 +18802,8 @@ function DropdownContainer($$anchor, $$props) {
       reset(span_9);
       append($$anchor2, span_9);
     };
-    var alternate_2 = ($$anchor2) => {
-      var span_11 = root_9$1();
+    var alternate_3 = ($$anchor2) => {
+      var span_11 = root_11();
       var span_12 = child(span_11);
       var node_11 = child(span_12);
       SvgLoader(node_11, {
@@ -18721,36 +18817,49 @@ function DropdownContainer($$anchor, $$props) {
       append($$anchor2, span_11);
     };
     if_block(node_9, ($$render) => {
-      if (get$1(state$1).isOpen) $$render(consequent_5);
-      else $$render(alternate_2, false);
+      if (get$1(state$1).isOpen) $$render(consequent_6);
+      else $$render(alternate_3, false);
     });
   }
+  reset(div_6);
   reset(div_5);
-  reset(div_4);
-  reset(div_1);
-  bind_this(div_1, ($$value) => set(buttonRef, $$value), () => get$1(buttonRef));
-  var node_12 = sibling(div_1, 2);
+  reset(div_2);
+  bind_this(div_2, ($$value) => set(buttonRef, $$value), () => get$1(buttonRef));
+  var node_12 = sibling(div_2, 2);
   {
-    var consequent_9 = ($$anchor2) => {
-      var ul = root_10$1();
+    var consequent_11 = ($$anchor2) => {
+      var ul = root_12$1();
       each(ul, 21, () => get$1(initializedOptions), index, ($$anchor3, option, index2) => {
         const iconType = /* @__PURE__ */ user_derived(() => getOptionIcon(get$1(option)));
         const showCurrentOption = /* @__PURE__ */ user_derived(() => isCurrentOption(index2));
         const showHoverOption = /* @__PURE__ */ user_derived(() => shouldShowHover(index2));
         const optionAriaLabel = /* @__PURE__ */ user_derived(() => getOptionAriaLabel(get$1(option), index2));
-        var li = root_11();
-        li.__mousedown = (e2) => e2.preventDefault();
-        li.__click = async (e2) => {
+        var li_1 = root_13();
+        li_1.__mousedown = (e2) => e2.preventDefault();
+        li_1.__click = async (e2) => {
           e2.preventDefault();
           e2.stopPropagation();
           await handleSelect(get$1(option));
         };
-        var div_6 = child(li);
-        var node_13 = child(div_6);
+        var div_7 = child(li_1);
+        var node_13 = child(div_7);
+        {
+          var consequent_7 = ($$anchor4) => {
+            var span_13 = root_14$1();
+            var text_5 = child(span_13, true);
+            reset(span_13);
+            template_effect(($0) => set_text(text_5, $0), [() => getMathOptionPrefix(get$1(option), index2)]);
+            append($$anchor4, span_13);
+          };
+          if_block(node_13, ($$render) => {
+            if (hasMathJax(get$1(option))) $$render(consequent_7);
+          });
+        }
+        var node_14 = sibling(node_13, 2);
         {
           let $0 = /* @__PURE__ */ user_derived(() => get$1(showHoverOption) && get$1(canInteract) ? "hover-option" : "");
           let $1 = /* @__PURE__ */ user_derived(() => get$1(showCurrentOption) ? "current-option" : "");
-          CommonStringToHtml(node_13, {
+          CommonStringToHtml(node_14, {
             get htmlString() {
               return get$1(option);
             },
@@ -18761,75 +18870,75 @@ function DropdownContainer($$anchor, $$props) {
             }
           });
         }
-        var node_14 = sibling(node_13, 2);
+        var node_15 = sibling(node_14, 2);
         {
-          var consequent_6 = ($$anchor4) => {
-            var span_13 = root_12$1();
-            var node_15 = child(span_13);
-            SvgLoader(node_15, { svgName: "successSolid", className: "correct-icon" });
-            reset(span_13);
-            append($$anchor4, span_13);
+          var consequent_8 = ($$anchor4) => {
+            var span_14 = root_15$1();
+            var node_16 = child(span_14);
+            SvgLoader(node_16, { svgName: "successSolid", className: "correct-icon" });
+            reset(span_14);
+            append($$anchor4, span_14);
           };
-          var alternate_4 = ($$anchor4) => {
-            var fragment_2 = comment();
-            var node_16 = first_child(fragment_2);
+          var alternate_5 = ($$anchor4) => {
+            var fragment_3 = comment();
+            var node_17 = first_child(fragment_3);
             {
-              var consequent_7 = ($$anchor5) => {
-                var span_14 = root_14$1();
-                var node_17 = child(span_14);
-                SvgLoader(node_17, { svgName: "errorSolid", className: "incorrect-icon" });
-                reset(span_14);
-                append($$anchor5, span_14);
+              var consequent_9 = ($$anchor5) => {
+                var span_15 = root_17$1();
+                var node_18 = child(span_15);
+                SvgLoader(node_18, { svgName: "errorSolid", className: "incorrect-icon" });
+                reset(span_15);
+                append($$anchor5, span_15);
               };
-              var alternate_3 = ($$anchor5) => {
-                var fragment_3 = comment();
-                var node_18 = first_child(fragment_3);
+              var alternate_4 = ($$anchor5) => {
+                var fragment_4 = comment();
+                var node_19 = first_child(fragment_4);
                 {
-                  var consequent_8 = ($$anchor6) => {
-                    var span_15 = root_16$1();
-                    var node_19 = child(span_15);
-                    SvgLoader(node_19, { svgName: "successSolid", className: "correct-icon" });
-                    reset(span_15);
-                    append($$anchor6, span_15);
+                  var consequent_10 = ($$anchor6) => {
+                    var span_16 = root_19$1();
+                    var node_20 = child(span_16);
+                    SvgLoader(node_20, { svgName: "successSolid", className: "correct-icon" });
+                    reset(span_16);
+                    append($$anchor6, span_16);
                   };
                   if_block(
-                    node_18,
+                    node_19,
                     ($$render) => {
-                      if (get$1(iconType) === "selected") $$render(consequent_8);
+                      if (get$1(iconType) === "selected") $$render(consequent_10);
                     },
                     true
                   );
                 }
-                append($$anchor5, fragment_3);
+                append($$anchor5, fragment_4);
               };
               if_block(
-                node_16,
+                node_17,
                 ($$render) => {
-                  if (get$1(iconType) === "incorrect") $$render(consequent_7);
-                  else $$render(alternate_3, false);
+                  if (get$1(iconType) === "incorrect") $$render(consequent_9);
+                  else $$render(alternate_4, false);
                 },
                 true
               );
             }
-            append($$anchor4, fragment_2);
+            append($$anchor4, fragment_3);
           };
-          if_block(node_14, ($$render) => {
-            if (get$1(iconType) === "correct") $$render(consequent_6);
-            else $$render(alternate_4, false);
+          if_block(node_15, ($$render) => {
+            if (get$1(iconType) === "correct") $$render(consequent_8);
+            else $$render(alternate_5, false);
           });
         }
-        reset(div_6);
-        reset(li);
+        reset(div_7);
+        reset(li_1);
         template_effect(() => {
-          set_attribute(li, "id", `${listId}-option-${index2}`);
-          set_class(li, 1, `dropdown-item flex align-middle items-center w-full
+          set_attribute(li_1, "id", `${listId}-option-${index2}`);
+          set_class(li_1, 1, `dropdown-item flex align-middle items-center w-full
           ${get$1(canInteract) ? "cursor-pointer" : "cursor-default"}`);
-          set_attribute(li, "aria-selected", get$1(option) === get$1(state$1).selected);
-          set_attribute(li, "aria-label", get$1(optionAriaLabel));
+          set_attribute(li_1, "aria-selected", get$1(option) === get$1(state$1).selected);
+          set_attribute(li_1, "aria-label", get$1(optionAriaLabel));
         });
-        event("mouseenter", li, () => handleMouseEnter(index2));
-        event("mouseleave", li, handleMouseLeave);
-        append($$anchor3, li);
+        event("mouseenter", li_1, () => handleMouseEnter(index2));
+        event("mouseleave", li_1, handleMouseLeave);
+        append($$anchor3, li_1);
       });
       reset(ul);
       bind_this(ul, ($$value) => set(listRef, $$value), () => get$1(listRef));
@@ -18840,21 +18949,21 @@ function DropdownContainer($$anchor, $$props) {
       append($$anchor2, ul);
     };
     if_block(node_12, ($$render) => {
-      if (get$1(state$1).isOpen && get$1(initializedOptions).length > 0) $$render(consequent_9);
+      if (get$1(state$1).isOpen && get$1(initializedOptions).length > 0) $$render(consequent_11);
     });
   }
   reset(span);
   bind_this(span, ($$value) => set(containerRef, $$value), () => get$1(containerRef));
   template_effect(() => {
+    set_text(text_1, get$1(srAnnouncement));
     set_attribute(span_1, "id", labelId);
-    set_text(text2, get$1(ariaLabel));
-    set_attribute(div_1, "id", comboId);
-    set_class(div_1, 1, `drp-cmb ${get$1(containerClasses) ?? ""}`);
-    set_attribute(div_1, "aria-expanded", get$1(state$1).isOpen);
-    set_attribute(div_1, "aria-labelledby", labelId);
-    set_attribute(div_1, "aria-controls", listId);
-    set_attribute(div_1, "aria-activedescendant", get$1(state$1).activeIndex !== null ? `${listId}-option-${get$1(state$1).activeIndex}` : void 0);
-    set_class(span_2, 1, `truncate mr-2 text-base ${get$1(state$1).selected === DROPDOWN_INTERACTION.PLACEHOLDER || get$1(state$1).selected === "" ? "text-gray-860" : "text-charcoal"}`);
+    set_text(text_2, get$1(ariaLabel));
+    set_attribute(div_2, "id", comboId);
+    set_class(div_2, 1, `drp-cmb ${get$1(containerClasses) ?? ""}`);
+    set_attribute(div_2, "aria-expanded", get$1(state$1).isOpen);
+    set_attribute(div_2, "aria-labelledby", labelId);
+    set_attribute(div_2, "aria-controls", listId);
+    set_attribute(div_2, "aria-activedescendant", get$1(state$1).activeIndex !== null ? `${listId}-option-${get$1(state$1).activeIndex}` : void 0);
   });
   append($$anchor, span);
   return pop($$exports);
@@ -18882,7 +18991,6 @@ create_custom_element(
   [],
   true
 );
-var root_5$1 = /* @__PURE__ */ from_html(`<span class="dropdown-text text-xl font-semibold leading-12 text-blue-1000"><!></span>`);
 var root_1$2 = /* @__PURE__ */ from_html(`<p class="mb-4"></p>`);
 var root$1 = /* @__PURE__ */ from_html(`<div class="my-6"></div>`);
 function DropdownInteractionContent($$anchor, $$props) {
@@ -19059,11 +19167,12 @@ function DropdownInteractionContent($$anchor, $$props) {
           var node_1 = first_child(fragment_2);
           {
             var consequent_1 = ($$anchor5) => {
-              var span = root_5$1();
-              var node_2 = child(span);
-              html(node_2, () => get$1(part).text);
-              reset(span);
-              append($$anchor5, span);
+              CommonStringToHtml($$anchor5, {
+                get htmlString() {
+                  return get$1(part).text;
+                },
+                otherClass: "dropdown-text text-xl font-semibold leading-12 text-blue-1000"
+              });
             };
             if_block(
               node_1,
@@ -19665,16 +19774,17 @@ const trailingPunctuationPattern = /([.,!?;:)\]}"'\u201D\u2019»…\u2014\u2013]
 const leadingPunctuationPattern = /^([([{'""\u201C\u2018]+)/;
 const openingCharsAtWordEndPattern = /([(\[{\u201C\u2018]+)$/;
 const wordContainsOnlyPunctuationPattern = /^[^\w\u00C0-\u024F]+$/;
-const TOKEN_PATTERN = /((?:<(?!\/?eat-)[^>]+>)*)<eat-contentful>(.*?)<\/eat-contentful>((?:<\/[^>]+>)*)|((?:<(?!\/?eat-)[^>]*>|[^<>])+)/;
+const TOKEN_PATTERN = /((?:<(?!\/?eat-)[^>]+>)*)<eat-contentful>(.*?)<\/eat-contentful>((?:<\/[^>]+>)*)|\[eat-eq\]([\s\S]*?)\[\/eat-eq\]|((?:<(?!\/?eat-)[^>]*>|(?!\[eat-eq\])[^<>])+)/;
 const extractHtmlWords = (htmlText) => {
-  const re = /(\s+)|(<\/[^>]+>)|(<[^>]+>)|([^\s<>]+)/g;
+  const re = /(\[eat-eq\][\s\S]*?\[\/eat-eq\])|(\s+)|(<\/[^>]+>)|(<[^>]+>)|([^\s<>]+)/g;
   const tokens = [];
   let m;
   while ((m = re.exec(htmlText)) !== null) {
-    if (m[1]) tokens.push({ type: "space", value: m[1] });
-    else if (m[2]) tokens.push({ type: "close", value: m[2] });
-    else if (m[3]) tokens.push({ type: "open", value: m[3] });
-    else tokens.push({ type: "word", value: m[4] });
+    if (m[1]) tokens.push({ type: "math", value: m[1] });
+    else if (m[2]) tokens.push({ type: "space", value: m[2] });
+    else if (m[3]) tokens.push({ type: "close", value: m[3] });
+    else if (m[4]) tokens.push({ type: "open", value: m[4] });
+    else tokens.push({ type: "word", value: m[5] });
   }
   const words = [];
   const openStack = [];
@@ -19684,6 +19794,13 @@ const extractHtmlWords = (htmlText) => {
   let mergeDepth = 0;
   for (let i = 0; i < tokens.length; i++) {
     const tok = tokens[i];
+    if (tok.type === "math") {
+      for (const t2 of pendingMergeStack) openStack.push(t2);
+      pendingMergeStack.length = 0;
+      words.push({ value: tok.value, openStack: [...openStack] });
+      lastWasSpace = false;
+      continue;
+    }
     if (tok.type === "space") {
       for (const t2 of pendingMergeStack) openStack.push(t2);
       pendingMergeStack.length = 0;
@@ -19852,6 +19969,16 @@ const processContentfulToken = (match, state2) => {
   const rawContent = match[2].trim();
   const displayText = decodeNbsp(rawContent);
   if (!displayText) return;
+  if (hasMathJax(rawContent)) {
+    state2.segments.push({
+      id: `${state2.globalIndex}`,
+      text: outerOpen + processMathJax(displayText) + outerClose,
+      rawText: rawContent,
+      isContentful: true
+    });
+    state2.globalIndex++;
+    return;
+  }
   const { leadingPunctuation, extractedLeading } = flushLeadingPunct(displayText, state2);
   const textAfterLeading = extractedLeading ? displayText.slice(extractedLeading.length) : displayText;
   const rawAfterLeading = extractedLeading ? rawContent.slice(extractedLeading.length) : rawContent;
@@ -19875,19 +20002,42 @@ const parseSentences = (rawText) => {
   const segments = [];
   let posIndex = 0;
   for (let pIdx = 0; pIdx < paragraphs.length; pIdx++) {
-    const decoded = decodeAuthored(paragraphs[pIdx]).replace(/&lt;eat-sentence&gt;/g, "<eat-sentence>");
-    const chunks = decoded.split("<eat-sentence>");
+    const decoded = decodeAuthored(paragraphs[pIdx]).replace(/&lt;eat-sentence&gt;/g, "<eat-sentence>").replace(/&lt;\/eat-sentence&gt;/g, "</eat-sentence>");
+    const chunks = decoded.split("<eat-sentence>").map((chunk) => chunk.replace(/<\/eat-sentence>/g, ""));
     for (const chunk of chunks) {
-      const contentfulMatch = chunk.match(/((?:<(?!\/?eat-)[^>]+>)*)<eat-contentful>(.*?)<\/eat-contentful>([\s\S]*)/);
-      const outerOpen = contentfulMatch ? contentfulMatch[1] : "";
-      const outerClose = contentfulMatch ? contentfulMatch[3] : "";
-      const rawChunk = (contentfulMatch ? contentfulMatch[2] : chunk).trim();
-      const displayText = decodeNbsp(rawChunk);
-      if (displayText) {
-        const text2 = contentfulMatch ? outerOpen + displayText + outerClose : displayText;
-        const rawText2 = contentfulMatch ? rawChunk : void 0;
-        segments.push({ id: String(posIndex), text: text2, rawText: rawText2, isContentful: contentfulMatch ? true : void 0 });
-        posIndex++;
+      const contentfulRe = /((?:<(?!\/?eat-)[^>]+>)*)<eat-contentful>(.*?)<\/eat-contentful>([\s\S]*)/;
+      const contentfulMatch = contentfulRe.exec(chunk);
+      if (contentfulMatch) {
+        const beforeRaw = chunk.slice(0, contentfulMatch.index).trim();
+        const beforeContentful = decodeNbsp(beforeRaw);
+        if (beforeContentful) {
+          const processedSentence = hasMathJax(beforeContentful) ? processMathJax(beforeContentful) : beforeContentful;
+          segments.push({ id: String(posIndex), text: processedSentence, rawText: beforeRaw, isContentful: void 0 });
+          posIndex++;
+        }
+        const outerOpen = contentfulMatch[1];
+        const outerClose = contentfulMatch[3];
+        const rawChunk = contentfulMatch[2].trim();
+        const displayText = decodeNbsp(rawChunk);
+        if (displayText) {
+          const text2 = outerOpen + displayText + outerClose;
+          const processedText = hasMathJax(text2) ? processMathJax(text2) : text2;
+          segments.push({
+            id: String(posIndex),
+            text: processedText,
+            rawText: rawChunk,
+            isContentful: true
+          });
+          posIndex++;
+        }
+      } else {
+        const rawChunk = chunk.trim();
+        const displayText = decodeNbsp(rawChunk);
+        if (displayText) {
+          const processedText = hasMathJax(displayText) ? processMathJax(displayText) : displayText;
+          segments.push({ id: String(posIndex), text: processedText, rawText: rawChunk, isContentful: void 0 });
+          posIndex++;
+        }
       }
     }
     if (pIdx < paragraphs.length - 1) {
@@ -19916,7 +20066,15 @@ const parseWords = (rawText) => {
       if (match[2] !== void 0) {
         processContentfulToken(match, state2);
       } else if (match[4] !== void 0) {
-        const rawChunk = match[4];
+        state2.segments.push({
+          id: `${state2.globalIndex}`,
+          text: processMathJax(match[0]),
+          rawText: match[0],
+          isContentful: false
+        });
+        state2.globalIndex++;
+      } else if (match[5] !== void 0) {
+        const rawChunk = match[5];
         const words = hasHtmlTags(rawChunk) ? extractHtmlWords(rawChunk) : rawChunk.split(/\s+/).filter(Boolean);
         for (const word of words) {
           const visibleWord = hasHtmlTags(word) ? decodeHtmlEntities(stripTags(word)) : decodeHtmlEntities(word);
@@ -20128,36 +20286,42 @@ var root_3$1 = /* @__PURE__ */ from_html(`<br/>`);
 var root_5 = /* @__PURE__ */ from_html(`<span class="segment-punctuation" aria-hidden="true"><!></span>`);
 var root_8 = /* @__PURE__ */ from_html(`<span class="segment-leading-punct" aria-hidden="true"><!></span>`);
 var root_9 = /* @__PURE__ */ from_html(`<span class="selectable-segment-missing-badge" aria-hidden="true" data-testid="select-mis-ans-tt">Missing answer</span>`);
-var root_10 = /* @__PURE__ */ from_html(`<span aria-hidden="true" class="selectable-segment-deselect-icon" data-testid="select-close-icon"><!></span>`);
-var root_12 = /* @__PURE__ */ from_html(`<span aria-hidden="true" class="selectable-segment-status-icon"><!></span>`);
-var root_13 = /* @__PURE__ */ from_html(`<span class="sr-only">Correct answer</span>`);
-var root_14 = /* @__PURE__ */ from_html(`<span class="sr-only">Incorrect answer</span>`);
-var root_15 = /* @__PURE__ */ from_html(`<span class="sr-only">Missing answer</span>`);
-var root_16 = /* @__PURE__ */ from_html(`<span class="segment-trailing-punct" aria-hidden="true"><!></span>`);
-var root_7 = /* @__PURE__ */ from_html(`<span class="segment-word-group"><!><span role="button"><!><span class="selectable-segment-text"><!><!></span><!><!><!></span><!></span>`);
-var root_18 = /* @__PURE__ */ from_html(`<span class="selectable-segment-missing-badge" aria-hidden="true" data-testid="select-mis-ans-tt">Missing answer</span>`);
-var root_19 = /* @__PURE__ */ from_html(`<span aria-hidden="true" class="selectable-segment-deselect-icon" data-testid="select-close-icon"><!></span>`);
-var root_21 = /* @__PURE__ */ from_html(`<span aria-hidden="true" class="selectable-segment-status-icon"><!></span>`);
-var root_22 = /* @__PURE__ */ from_html(`<span class="sr-only">Correct answer</span>`);
-var root_23 = /* @__PURE__ */ from_html(`<span class="sr-only">Incorrect answer</span>`);
-var root_24 = /* @__PURE__ */ from_html(`<span class="sr-only">Missing answer</span>`);
-var root_17 = /* @__PURE__ */ from_html(`<span role="button"><!><span class="selectable-segment-text"><!><!></span><!><!><!></span>`);
-var root_27 = /* @__PURE__ */ from_html(`<br/>`);
-var root_30 = /* @__PURE__ */ from_html(`<span class="segment-punctuation" aria-hidden="true"><!></span>`);
-var root_32 = /* @__PURE__ */ from_html(`<span class="selectable-segment-missing-badge" aria-hidden="true" data-testid="select-mis-ans-tt">Missing answer</span>`);
-var root_34 = /* @__PURE__ */ from_html(`<span aria-hidden="true" class="selectable-segment-deselect-icon" data-testid="select-close-icon"><!></span>`);
-var root_36 = /* @__PURE__ */ from_html(`<span aria-hidden="true" class="selectable-segment-status-icon"><!></span>`);
-var root_33 = /* @__PURE__ */ from_html(`<!><span class="selectable-segment-last-word"><!><!></span>`, 1);
-var root_38 = /* @__PURE__ */ from_html(`<span aria-hidden="true" class="selectable-segment-deselect-icon" data-testid="select-close-icon"><!></span>`);
-var root_40 = /* @__PURE__ */ from_html(`<span aria-hidden="true" class="selectable-segment-status-icon"><!></span>`);
-var root_37 = /* @__PURE__ */ from_html(`<!><!>`, 1);
-var root_41 = /* @__PURE__ */ from_html(`<span class="sr-only">Correct answer</span>`);
-var root_42 = /* @__PURE__ */ from_html(`<span class="sr-only">Incorrect answer</span>`);
-var root_43 = /* @__PURE__ */ from_html(`<span class="sr-only">Missing answer</span>`);
-var root_44 = /* @__PURE__ */ from_html(`<span class="segment-trailing-punct" aria-hidden="true"><!></span>`);
-var root_31 = /* @__PURE__ */ from_html(`<span role="button"><!><span class="selectable-segment-text"><!></span><!><!><!></span><!>`, 1);
-var root_28 = /* @__PURE__ */ from_html(`<span></span>`);
-var root = /* @__PURE__ */ from_html(`<main id="main-content" class="selectable-text-passage" aria-describedby="passage-reader" data-testid="select-passage-ctr"><span id="passage-reader" class="sr-only"> </span> <div><!></div></main>`);
+var root_10 = /* @__PURE__ */ from_html(`<span class="sr-only">Option:<!></span>`);
+var root_12 = /* @__PURE__ */ from_html(`<span aria-hidden="true" class="selectable-segment-deselect-icon" data-testid="select-close-icon"><!></span>`);
+var root_14 = /* @__PURE__ */ from_html(`<span aria-hidden="true" class="selectable-segment-status-icon"><!></span>`);
+var root_15 = /* @__PURE__ */ from_html(`<span class="sr-only">Correct answer</span>`);
+var root_16 = /* @__PURE__ */ from_html(`<span class="sr-only">Incorrect answer</span>`);
+var root_17 = /* @__PURE__ */ from_html(`<span class="sr-only">Missing answer</span>`);
+var root_18 = /* @__PURE__ */ from_html(`<span class="sr-only">(unselected)</span>`);
+var root_19 = /* @__PURE__ */ from_html(`<span class="segment-trailing-punct" aria-hidden="true"><!></span>`);
+var root_7 = /* @__PURE__ */ from_html(`<span class="segment-word-group"><!><span role="button"><!><!><span class="selectable-segment-text"><!><!></span><!><!><!><!></span><!></span>`);
+var root_21 = /* @__PURE__ */ from_html(`<span class="selectable-segment-missing-badge" aria-hidden="true" data-testid="select-mis-ans-tt">Missing answer</span>`);
+var root_22 = /* @__PURE__ */ from_html(`<span class="sr-only">Option:<!></span>`);
+var root_24 = /* @__PURE__ */ from_html(`<span aria-hidden="true" class="selectable-segment-deselect-icon" data-testid="select-close-icon"><!></span>`);
+var root_26 = /* @__PURE__ */ from_html(`<span aria-hidden="true" class="selectable-segment-status-icon"><!></span>`);
+var root_27 = /* @__PURE__ */ from_html(`<span class="sr-only">Correct answer</span>`);
+var root_28 = /* @__PURE__ */ from_html(`<span class="sr-only">Incorrect answer</span>`);
+var root_29 = /* @__PURE__ */ from_html(`<span class="sr-only">Missing answer</span>`);
+var root_30 = /* @__PURE__ */ from_html(`<span class="sr-only">(unselected)</span>`);
+var root_20 = /* @__PURE__ */ from_html(`<span role="button"><!><!><span class="selectable-segment-text"><!><!></span><!><!><!><!></span>`);
+var root_33 = /* @__PURE__ */ from_html(`<br/>`);
+var root_36 = /* @__PURE__ */ from_html(`<span class="segment-punctuation" aria-hidden="true"><!></span>`);
+var root_38 = /* @__PURE__ */ from_html(`<span class="selectable-segment-missing-badge" aria-hidden="true" data-testid="select-mis-ans-tt">Missing answer</span>`);
+var root_39 = /* @__PURE__ */ from_html(`<span class="sr-only">Option:<!></span>`);
+var root_42 = /* @__PURE__ */ from_html(`<span aria-hidden="true" class="selectable-segment-deselect-icon" data-testid="select-close-icon"><!></span>`);
+var root_44 = /* @__PURE__ */ from_html(`<span aria-hidden="true" class="selectable-segment-status-icon"><!></span>`);
+var root_41 = /* @__PURE__ */ from_html(`<!><span class="selectable-segment-last-word"><!><!></span>`, 1);
+var root_46 = /* @__PURE__ */ from_html(`<span aria-hidden="true" class="selectable-segment-deselect-icon" data-testid="select-close-icon"><!></span>`);
+var root_48 = /* @__PURE__ */ from_html(`<span aria-hidden="true" class="selectable-segment-status-icon"><!></span>`);
+var root_45 = /* @__PURE__ */ from_html(`<!><!>`, 1);
+var root_49 = /* @__PURE__ */ from_html(`<span class="sr-only">Correct answer</span>`);
+var root_50 = /* @__PURE__ */ from_html(`<span class="sr-only">Incorrect answer</span>`);
+var root_51 = /* @__PURE__ */ from_html(`<span class="sr-only">Missing answer</span>`);
+var root_52 = /* @__PURE__ */ from_html(`<span class="sr-only">(unselected)</span>`);
+var root_53 = /* @__PURE__ */ from_html(`<span class="segment-trailing-punct" aria-hidden="true"><!></span>`);
+var root_37 = /* @__PURE__ */ from_html(`<span role="button"><!><!><span class="selectable-segment-text"><!></span><!><!><!><!></span><!>`, 1);
+var root_34 = /* @__PURE__ */ from_html(`<span></span>`);
+var root = /* @__PURE__ */ from_html(`<main id="main-content" class="selectable-text-passage" aria-describedby="passage-reader" data-testid="select-passage-ctr"><span id="passage-reader" class="sr-only"><!></span> <div><!></div></main>`);
 function SelectableTextInteractionContent($$anchor, $$props) {
   push($$props, true);
   let config = prop($$props, "config", 7), interactionState = prop($$props, "state", 7), isDataSaving = prop($$props, "isDataSaving", 7, false), contentfulSegmentIds = prop($$props, "contentfulSegmentIds", 23, () => []), onselection = prop($$props, "onselection", 7);
@@ -20170,12 +20334,14 @@ function SelectableTextInteractionContent($$anchor, $$props) {
     segment,
     seg: getSegmentState(segment.id, get$1(selectedIds), get$1(sharedState).correctAnswerIds, get$1(sharedState).isPreviewMode, get$1(sharedState).isValidating)
   })));
-  const { stripTags: stripTags2, decodeHtmlEntities: decodeHtmlEntities2 } = htmlUtils;
-  let passagePlainText = /* @__PURE__ */ user_derived(() => segments.map((s) => {
+  const { stripTags: stripTags2 } = htmlUtils;
+  const hasPassageMath = /* @__PURE__ */ user_derived(() => hasMathJax(config().text ?? ""));
+  const passageOverviewHtml = /* @__PURE__ */ user_derived(() => processMathJax(segments.map((s) => {
     if (s.isLineBreak) return " ";
-    return stripTags2(s.leadingPunctuation ?? "") + decodeHtmlEntities2(stripTags2(s.text)) + stripTags2(s.trailingPunctuation ?? "");
-  }).join(" ").replace(/\s+/g, " ").trim());
+    return (s.leadingPunctuation ?? "") + s.text + (s.trailingPunctuation ?? "");
+  }).join(" ").replace(/\s+/g, " ").trim()));
   const getSegmentAriaLabel = (segment, seg, segmentId) => {
+    if (hasMathJax(segment.text)) return void 0;
     const text2 = stripTags2(segment.text);
     const parts = [`Option: ${text2}`];
     if (seg.isCorrect) parts.push("correct");
@@ -20315,16 +20481,20 @@ function SelectableTextInteractionContent($$anchor, $$props) {
     []
   );
   const splitLastWord = (text2) => {
-    const tagRe = /<[^>]+>|[^<]+/g;
+    const tagRe = /(\[eat-eq\][\s\S]*?\[\/eat-eq\])|(\\\[[\s\S]*?\\\])|(\\\([\s\S]*?\\\))|(<[^>]+>)|([^\\<\[]+|\\(?![\[(])|\[(?!eat-eq))/g;
     const tokens = [];
     let m;
     while ((m = tagRe.exec(text2)) !== null) {
-      tokens.push({ isTag: m[0].startsWith("<"), value: m[0] });
+      if (m[1] !== void 0 || m[2] !== void 0 || m[3] !== void 0 || m[4] !== void 0) {
+        tokens.push({ isAtomic: true, value: m[0] });
+      } else {
+        tokens.push({ isAtomic: false, value: m[5] });
+      }
     }
     let splitTi = -1;
     let splitPos = -1;
     for (let i = tokens.length - 1; i >= 0; i--) {
-      if (!tokens[i].isTag) {
+      if (!tokens[i].isAtomic) {
         const sp = tokens[i].value.lastIndexOf(" ");
         if (sp !== -1) {
           splitTi = i;
@@ -20334,28 +20504,9 @@ function SelectableTextInteractionContent($$anchor, $$props) {
       }
     }
     if (splitTi === -1) return ["", text2];
-    const getTagName2 = (tag) => tag.replace(/^<\/?([^\s>/]+).*$/, "$1").toLowerCase();
-    const openStack = [];
-    for (let i = 0; i < splitTi; i++) {
-      const tok = tokens[i];
-      if (!tok.isTag) continue;
-      if (tok.value.startsWith("</")) {
-        const name = getTagName2(tok.value);
-        for (let j = openStack.length - 1; j >= 0; j--) {
-          if (getTagName2(openStack[j]) === name) {
-            openStack.splice(j, 1);
-            break;
-          }
-        }
-      } else if (!tok.value.endsWith("/>")) {
-        openStack.push(tok.value);
-      }
-    }
-    const closeTags = [...openStack].reverse().map((t2) => `</${getTagName2(t2)}>`).join("");
-    const reopenTags = openStack.join("");
     const textVal = tokens[splitTi].value;
-    const bodyText = tokens.slice(0, splitTi).map((t2) => t2.value).join("") + textVal.slice(0, splitPos + 1) + closeTags;
-    const lastWord = reopenTags + textVal.slice(splitPos + 1) + tokens.slice(splitTi + 1).map((t2) => t2.value).join("");
+    const bodyText = tokens.slice(0, splitTi).map((t2) => t2.value).join("") + textVal.slice(0, splitPos + 1);
+    const lastWord = textVal.slice(splitPos + 1) + tokens.slice(splitTi + 1).map((t2) => t2.value).join("");
     return [bodyText, lastWord];
   };
   user_effect(() => {
@@ -20368,6 +20519,11 @@ function SelectableTextInteractionContent($$anchor, $$props) {
     skipLink.addEventListener("click", handler);
     return () => skipLink.removeEventListener("click", handler);
   });
+  user_effect(() => {
+    if (get$1(passageEl) && get$1(hasPassageMath)) {
+      typesetMathJax(get$1(passageEl));
+    }
+  });
   var $$exports = {
     get config() {
       return config();
@@ -20408,17 +20564,18 @@ function SelectableTextInteractionContent($$anchor, $$props) {
   var main = root();
   main.__focusout = handlePassageFocusOut;
   var span = child(main);
-  var text_1 = child(span, true);
+  var node = child(span);
+  html(node, () => get$1(passageOverviewHtml));
   reset(span);
   var div = sibling(span, 2);
-  var node = child(div);
+  var node_1 = child(div);
   {
-    var consequent_17 = ($$anchor2) => {
+    var consequent_23 = ($$anchor2) => {
       var fragment = comment();
-      var node_1 = first_child(fragment);
-      each(node_1, 19, () => segments, (segment) => segment.id, ($$anchor3, segment, i) => {
+      var node_2 = first_child(fragment);
+      each(node_2, 19, () => segments, (segment) => segment.id, ($$anchor3, segment, i) => {
         var fragment_1 = comment();
-        var node_2 = first_child(fragment_1);
+        var node_3 = first_child(fragment_1);
         {
           var consequent = ($$anchor4) => {
             var br = root_3$1();
@@ -20426,12 +20583,12 @@ function SelectableTextInteractionContent($$anchor, $$props) {
           };
           var alternate_4 = ($$anchor4) => {
             var fragment_2 = comment();
-            var node_3 = first_child(fragment_2);
+            var node_4 = first_child(fragment_2);
             {
               var consequent_1 = ($$anchor5) => {
                 var span_1 = root_5();
-                var node_4 = child(span_1);
-                html(node_4, () => get$1(segment).text);
+                var node_5 = child(span_1);
+                html(node_5, () => get$1(segment).text);
                 reset(span_1);
                 append($$anchor5, span_1);
               };
@@ -20442,59 +20599,80 @@ function SelectableTextInteractionContent($$anchor, $$props) {
                 });
                 const isSessionLocked = /* @__PURE__ */ user_derived(() => get$1(sharedState).isSessionMode && get$1(sharedState).isValidating && !get$1(computed_const).seg.isMissing);
                 var fragment_3 = comment();
-                var node_5 = first_child(fragment_3);
+                var node_6 = first_child(fragment_3);
                 {
-                  var consequent_10 = ($$anchor6) => {
+                  var consequent_13 = ($$anchor6) => {
                     var span_2 = root_7();
-                    var node_6 = child(span_2);
+                    var node_7 = child(span_2);
                     {
                       var consequent_2 = ($$anchor7) => {
                         var span_3 = root_8();
-                        var node_7 = child(span_3);
-                        html(node_7, () => get$1(segment).leadingPunctuation);
+                        var node_8 = child(span_3);
+                        html(node_8, () => get$1(segment).leadingPunctuation);
                         reset(span_3);
                         append($$anchor7, span_3);
                       };
-                      if_block(node_6, ($$render) => {
+                      if_block(node_7, ($$render) => {
                         if (get$1(segment).leadingPunctuation) $$render(consequent_2);
                       });
                     }
-                    var span_4 = sibling(node_6);
+                    var span_4 = sibling(node_7);
                     span_4.__click = () => handleSegmentClick(get$1(segment).id);
                     span_4.__keydown = (e2) => handleSegmentKeydown(e2, get$1(segment).id);
-                    var node_8 = child(span_4);
+                    var node_9 = child(span_4);
                     {
                       var consequent_3 = ($$anchor7) => {
                         var span_5 = root_9();
                         append($$anchor7, span_5);
                       };
-                      if_block(node_8, ($$render) => {
+                      if_block(node_9, ($$render) => {
                         if (get$1(computed_const).seg.isMissing) $$render(consequent_3);
                       });
                     }
-                    var span_6 = sibling(node_8);
-                    var node_9 = child(span_6);
-                    html(node_9, () => get$1(segment).text);
                     var node_10 = sibling(node_9);
                     {
-                      var consequent_4 = ($$anchor7) => {
-                        var span_7 = root_10();
-                        var node_11 = child(span_7);
-                        SvgLoader(node_11, { svgName: "crossIcon", className: "deselect-icon" });
-                        reset(span_7);
-                        append($$anchor7, span_7);
+                      var consequent_5 = ($$anchor7) => {
+                        var span_6 = root_10();
+                        var node_11 = sibling(child(span_6));
+                        {
+                          var consequent_4 = ($$anchor8) => {
+                            var text_1 = text("selected");
+                            append($$anchor8, text_1);
+                          };
+                          if_block(node_11, ($$render) => {
+                            if (get$1(computed_const).seg.isSegmentSelected && !get$1(sharedState).isPreviewMode) $$render(consequent_4);
+                          });
+                        }
+                        reset(span_6);
+                        append($$anchor7, span_6);
+                      };
+                      if_block(node_10, ($$render) => {
+                        if (hasMathJax(get$1(segment).text)) $$render(consequent_5);
+                      });
+                    }
+                    var span_7 = sibling(node_10);
+                    var node_12 = child(span_7);
+                    html(node_12, () => processMathJax(get$1(segment).text));
+                    var node_13 = sibling(node_12);
+                    {
+                      var consequent_6 = ($$anchor7) => {
+                        var span_8 = root_12();
+                        var node_14 = child(span_8);
+                        SvgLoader(node_14, { svgName: "crossIcon", className: "deselect-icon" });
+                        reset(span_8);
+                        append($$anchor7, span_8);
                       };
                       var alternate = ($$anchor7) => {
                         var fragment_4 = comment();
-                        var node_12 = first_child(fragment_4);
+                        var node_15 = first_child(fragment_4);
                         {
-                          var consequent_5 = ($$anchor8) => {
-                            var span_8 = root_12();
-                            var node_13 = child(span_8);
+                          var consequent_7 = ($$anchor8) => {
+                            var span_9 = root_14();
+                            var node_16 = child(span_9);
                             {
                               let $0 = /* @__PURE__ */ user_derived(() => get$1(computed_const).seg.isCorrect ? "successSolid" : "errorSolid");
                               let $1 = /* @__PURE__ */ user_derived(() => get$1(computed_const).seg.isCorrect ? "correct-icon" : "incorrect-icon");
-                              SvgLoader(node_13, {
+                              SvgLoader(node_16, {
                                 get svgName() {
                                   return get$1($0);
                                 },
@@ -20503,68 +20681,78 @@ function SelectableTextInteractionContent($$anchor, $$props) {
                                 }
                               });
                             }
-                            reset(span_8);
-                            template_effect(() => set_attribute(span_8, "data-testid", get$1(computed_const).seg.isCorrect ? "icon-correct" : "icon-incorrect"));
-                            append($$anchor8, span_8);
+                            reset(span_9);
+                            template_effect(() => set_attribute(span_9, "data-testid", get$1(computed_const).seg.isCorrect ? "icon-correct" : "icon-incorrect"));
+                            append($$anchor8, span_9);
                           };
                           if_block(
-                            node_12,
+                            node_15,
                             ($$render) => {
-                              if (get$1(computed_const).seg.isCorrect || get$1(computed_const).seg.isIncorrect) $$render(consequent_5);
+                              if (get$1(computed_const).seg.isCorrect || get$1(computed_const).seg.isIncorrect) $$render(consequent_7);
                             },
                             true
                           );
                         }
                         append($$anchor7, fragment_4);
                       };
-                      if_block(node_10, ($$render) => {
-                        if (get$1(computed_const).seg.isSegmentSelected && !get$1(sharedState).isValidating && !get$1(sharedState).isPreviewMode) $$render(consequent_4);
+                      if_block(node_13, ($$render) => {
+                        if (get$1(computed_const).seg.isSegmentSelected && !get$1(sharedState).isValidating && !get$1(sharedState).isPreviewMode) $$render(consequent_6);
                         else $$render(alternate, false);
                       });
                     }
-                    reset(span_6);
-                    var node_14 = sibling(span_6);
+                    reset(span_7);
+                    var node_17 = sibling(span_7);
                     {
-                      var consequent_6 = ($$anchor7) => {
-                        var span_9 = root_13();
-                        append($$anchor7, span_9);
+                      var consequent_8 = ($$anchor7) => {
+                        var span_10 = root_15();
+                        append($$anchor7, span_10);
                       };
-                      if_block(node_14, ($$render) => {
-                        if (get$1(computed_const).seg.isCorrect) $$render(consequent_6);
+                      if_block(node_17, ($$render) => {
+                        if (get$1(computed_const).seg.isCorrect) $$render(consequent_8);
                       });
                     }
-                    var node_15 = sibling(node_14);
+                    var node_18 = sibling(node_17);
                     {
-                      var consequent_7 = ($$anchor7) => {
-                        var span_10 = root_14();
-                        append($$anchor7, span_10);
+                      var consequent_9 = ($$anchor7) => {
+                        var span_11 = root_16();
+                        append($$anchor7, span_11);
                       };
-                      if_block(node_15, ($$render) => {
-                        if (get$1(computed_const).seg.isIncorrect) $$render(consequent_7);
+                      if_block(node_18, ($$render) => {
+                        if (get$1(computed_const).seg.isIncorrect) $$render(consequent_9);
                       });
                     }
-                    var node_16 = sibling(node_15);
+                    var node_19 = sibling(node_18);
                     {
-                      var consequent_8 = ($$anchor7) => {
-                        var span_11 = root_15();
-                        append($$anchor7, span_11);
+                      var consequent_10 = ($$anchor7) => {
+                        var span_12 = root_17();
+                        append($$anchor7, span_12);
                       };
-                      if_block(node_16, ($$render) => {
-                        if (get$1(computed_const).seg.isMissing) $$render(consequent_8);
+                      if_block(node_19, ($$render) => {
+                        if (get$1(computed_const).seg.isMissing) $$render(consequent_10);
+                      });
+                    }
+                    var node_20 = sibling(node_19);
+                    {
+                      var consequent_11 = ($$anchor7) => {
+                        var span_13 = root_18();
+                        append($$anchor7, span_13);
+                      };
+                      if_block(node_20, ($$render) => {
+                        if (hasMathJax(get$1(segment).text) && deselectedIds.has(get$1(segment).id)) $$render(consequent_11);
                       });
                     }
                     reset(span_4);
-                    var node_17 = sibling(span_4);
+                    var node_21 = sibling(span_4);
                     {
-                      var consequent_9 = ($$anchor7) => {
-                        var span_12 = root_16();
-                        var node_18 = child(span_12);
-                        html(node_18, () => get$1(segment).trailingPunctuation);
-                        reset(span_12);
-                        append($$anchor7, span_12);
+                      var consequent_12 = ($$anchor7) => {
+                        var span_14 = root_19();
+                        var node_22 = child(span_14);
+                        html(node_22, () => get$1(segment).trailingPunctuation);
+                        reset(span_14);
+                        append($$anchor7, span_14);
                       };
-                      if_block(node_17, ($$render) => {
-                        if (get$1(segment).trailingPunctuation) $$render(consequent_9);
+                      if_block(node_21, ($$render) => {
+                        if (get$1(segment).trailingPunctuation) $$render(consequent_12);
                       });
                     }
                     reset(span_2);
@@ -20589,42 +20777,63 @@ function SelectableTextInteractionContent($$anchor, $$props) {
                     append($$anchor6, span_2);
                   };
                   var alternate_2 = ($$anchor6) => {
-                    var span_13 = root_17();
-                    span_13.__click = () => handleSegmentClick(get$1(segment).id);
-                    span_13.__keydown = (e2) => handleSegmentKeydown(e2, get$1(segment).id);
-                    var node_19 = child(span_13);
+                    var span_15 = root_20();
+                    span_15.__click = () => handleSegmentClick(get$1(segment).id);
+                    span_15.__keydown = (e2) => handleSegmentKeydown(e2, get$1(segment).id);
+                    var node_23 = child(span_15);
                     {
-                      var consequent_11 = ($$anchor7) => {
-                        var span_14 = root_18();
-                        append($$anchor7, span_14);
+                      var consequent_14 = ($$anchor7) => {
+                        var span_16 = root_21();
+                        append($$anchor7, span_16);
                       };
-                      if_block(node_19, ($$render) => {
-                        if (get$1(computed_const).seg.isMissing) $$render(consequent_11);
+                      if_block(node_23, ($$render) => {
+                        if (get$1(computed_const).seg.isMissing) $$render(consequent_14);
                       });
                     }
-                    var span_15 = sibling(node_19);
-                    var node_20 = child(span_15);
-                    html(node_20, () => get$1(segment).text);
-                    var node_21 = sibling(node_20);
+                    var node_24 = sibling(node_23);
                     {
-                      var consequent_12 = ($$anchor7) => {
-                        var span_16 = root_19();
-                        var node_22 = child(span_16);
-                        SvgLoader(node_22, { svgName: "crossIcon", className: "deselect-icon" });
-                        reset(span_16);
-                        append($$anchor7, span_16);
+                      var consequent_16 = ($$anchor7) => {
+                        var span_17 = root_22();
+                        var node_25 = sibling(child(span_17));
+                        {
+                          var consequent_15 = ($$anchor8) => {
+                            var text_2 = text("selected");
+                            append($$anchor8, text_2);
+                          };
+                          if_block(node_25, ($$render) => {
+                            if (get$1(computed_const).seg.isSegmentSelected && !get$1(sharedState).isPreviewMode) $$render(consequent_15);
+                          });
+                        }
+                        reset(span_17);
+                        append($$anchor7, span_17);
+                      };
+                      if_block(node_24, ($$render) => {
+                        if (hasMathJax(get$1(segment).text)) $$render(consequent_16);
+                      });
+                    }
+                    var span_18 = sibling(node_24);
+                    var node_26 = child(span_18);
+                    html(node_26, () => processMathJax(get$1(segment).text));
+                    var node_27 = sibling(node_26);
+                    {
+                      var consequent_17 = ($$anchor7) => {
+                        var span_19 = root_24();
+                        var node_28 = child(span_19);
+                        SvgLoader(node_28, { svgName: "crossIcon", className: "deselect-icon" });
+                        reset(span_19);
+                        append($$anchor7, span_19);
                       };
                       var alternate_1 = ($$anchor7) => {
                         var fragment_5 = comment();
-                        var node_23 = first_child(fragment_5);
+                        var node_29 = first_child(fragment_5);
                         {
-                          var consequent_13 = ($$anchor8) => {
-                            var span_17 = root_21();
-                            var node_24 = child(span_17);
+                          var consequent_18 = ($$anchor8) => {
+                            var span_20 = root_26();
+                            var node_30 = child(span_20);
                             {
                               let $0 = /* @__PURE__ */ user_derived(() => get$1(computed_const).seg.isCorrect ? "successSolid" : "errorSolid");
                               let $1 = /* @__PURE__ */ user_derived(() => get$1(computed_const).seg.isCorrect ? "correct-icon" : "incorrect-icon");
-                              SvgLoader(node_24, {
+                              SvgLoader(node_30, {
                                 get svgName() {
                                   return get$1($0);
                                 },
@@ -20633,66 +20842,76 @@ function SelectableTextInteractionContent($$anchor, $$props) {
                                 }
                               });
                             }
-                            reset(span_17);
-                            template_effect(() => set_attribute(span_17, "data-testid", get$1(computed_const).seg.isCorrect ? "icon-correct" : "icon-incorrect"));
-                            append($$anchor8, span_17);
+                            reset(span_20);
+                            template_effect(() => set_attribute(span_20, "data-testid", get$1(computed_const).seg.isCorrect ? "icon-correct" : "icon-incorrect"));
+                            append($$anchor8, span_20);
                           };
                           if_block(
-                            node_23,
+                            node_29,
                             ($$render) => {
-                              if (get$1(computed_const).seg.isCorrect || get$1(computed_const).seg.isIncorrect) $$render(consequent_13);
+                              if (get$1(computed_const).seg.isCorrect || get$1(computed_const).seg.isIncorrect) $$render(consequent_18);
                             },
                             true
                           );
                         }
                         append($$anchor7, fragment_5);
                       };
-                      if_block(node_21, ($$render) => {
-                        if (get$1(computed_const).seg.isSegmentSelected && !get$1(sharedState).isValidating && !get$1(sharedState).isPreviewMode) $$render(consequent_12);
+                      if_block(node_27, ($$render) => {
+                        if (get$1(computed_const).seg.isSegmentSelected && !get$1(sharedState).isValidating && !get$1(sharedState).isPreviewMode) $$render(consequent_17);
                         else $$render(alternate_1, false);
                       });
                     }
-                    reset(span_15);
-                    var node_25 = sibling(span_15);
+                    reset(span_18);
+                    var node_31 = sibling(span_18);
                     {
-                      var consequent_14 = ($$anchor7) => {
-                        var span_18 = root_22();
-                        append($$anchor7, span_18);
+                      var consequent_19 = ($$anchor7) => {
+                        var span_21 = root_27();
+                        append($$anchor7, span_21);
                       };
-                      if_block(node_25, ($$render) => {
-                        if (get$1(computed_const).seg.isCorrect) $$render(consequent_14);
+                      if_block(node_31, ($$render) => {
+                        if (get$1(computed_const).seg.isCorrect) $$render(consequent_19);
                       });
                     }
-                    var node_26 = sibling(node_25);
+                    var node_32 = sibling(node_31);
                     {
-                      var consequent_15 = ($$anchor7) => {
-                        var span_19 = root_23();
-                        append($$anchor7, span_19);
+                      var consequent_20 = ($$anchor7) => {
+                        var span_22 = root_28();
+                        append($$anchor7, span_22);
                       };
-                      if_block(node_26, ($$render) => {
-                        if (get$1(computed_const).seg.isIncorrect) $$render(consequent_15);
+                      if_block(node_32, ($$render) => {
+                        if (get$1(computed_const).seg.isIncorrect) $$render(consequent_20);
                       });
                     }
-                    var node_27 = sibling(node_26);
+                    var node_33 = sibling(node_32);
                     {
-                      var consequent_16 = ($$anchor7) => {
-                        var span_20 = root_24();
-                        append($$anchor7, span_20);
+                      var consequent_21 = ($$anchor7) => {
+                        var span_23 = root_29();
+                        append($$anchor7, span_23);
                       };
-                      if_block(node_27, ($$render) => {
-                        if (get$1(computed_const).seg.isMissing) $$render(consequent_16);
+                      if_block(node_33, ($$render) => {
+                        if (get$1(computed_const).seg.isMissing) $$render(consequent_21);
                       });
                     }
-                    reset(span_13);
+                    var node_34 = sibling(node_33);
+                    {
+                      var consequent_22 = ($$anchor7) => {
+                        var span_24 = root_30();
+                        append($$anchor7, span_24);
+                      };
+                      if_block(node_34, ($$render) => {
+                        if (hasMathJax(get$1(segment).text) && deselectedIds.has(get$1(segment).id)) $$render(consequent_22);
+                      });
+                    }
+                    reset(span_15);
                     template_effect(
                       ($0, $1, $2, $3) => {
-                        set_attribute(span_13, "tabindex", get$1(segment).id === get$1(exitSegmentId) ? 0 : -1);
-                        set_class(span_13, 1, `${$0 ?? ""}${$1 ?? ""}`);
-                        set_attribute(span_13, "aria-label", $2);
-                        set_attribute(span_13, "aria-selected", get$1(computed_const).seg.isSegmentSelected && !get$1(sharedState).isPreviewMode ? true : void 0);
-                        set_attribute(span_13, "aria-disabled", get$1(sharedState).isPreviewMode || get$1(isSessionLocked));
-                        set_attribute(span_13, "data-segment-id", get$1(segment).id);
-                        set_attribute(span_13, "data-testid", $3);
+                        set_attribute(span_15, "tabindex", get$1(segment).id === get$1(exitSegmentId) ? 0 : -1);
+                        set_class(span_15, 1, `${$0 ?? ""}${$1 ?? ""}`);
+                        set_attribute(span_15, "aria-label", $2);
+                        set_attribute(span_15, "aria-selected", get$1(computed_const).seg.isSegmentSelected && !get$1(sharedState).isPreviewMode ? true : void 0);
+                        set_attribute(span_15, "aria-disabled", get$1(sharedState).isPreviewMode || get$1(isSessionLocked));
+                        set_attribute(span_15, "data-segment-id", get$1(segment).id);
+                        set_attribute(span_15, "data-testid", $3);
                       },
                       [
                         () => getSegmentClasses(get$1(computed_const).seg, get$1(isSessionLocked)),
@@ -20701,18 +20920,18 @@ function SelectableTextInteractionContent($$anchor, $$props) {
                         () => getSegmentTestId(get$1(computed_const).seg)
                       ]
                     );
-                    event("focus", span_13, () => handleSegmentFocus(get$1(segment).id));
-                    append($$anchor6, span_13);
+                    event("focus", span_15, () => handleSegmentFocus(get$1(segment).id));
+                    append($$anchor6, span_15);
                   };
-                  if_block(node_5, ($$render) => {
-                    if (get$1(segment).leadingPunctuation || get$1(segment).trailingPunctuation) $$render(consequent_10);
+                  if_block(node_6, ($$render) => {
+                    if (get$1(segment).leadingPunctuation || get$1(segment).trailingPunctuation) $$render(consequent_13);
                     else $$render(alternate_2, false);
                   });
                 }
                 append($$anchor5, fragment_3);
               };
               if_block(
-                node_3,
+                node_4,
                 ($$render) => {
                   if (get$1(segment).isPunctuation) $$render(consequent_1);
                   else $$render(alternate_3, false);
@@ -20722,7 +20941,7 @@ function SelectableTextInteractionContent($$anchor, $$props) {
             }
             append($$anchor4, fragment_2);
           };
-          if_block(node_2, ($$render) => {
+          if_block(node_3, ($$render) => {
             if (get$1(segment).isLineBreak) $$render(consequent);
             else $$render(alternate_4, false);
           });
@@ -20733,18 +20952,18 @@ function SelectableTextInteractionContent($$anchor, $$props) {
     };
     var alternate_10 = ($$anchor2) => {
       var fragment_6 = comment();
-      var node_28 = first_child(fragment_6);
-      each(node_28, 19, () => sentenceDisplayRows, (row, rowIdx) => Array.isArray(row) ? segments[row[0]].id : `break-${rowIdx}`, ($$anchor3, row) => {
+      var node_35 = first_child(fragment_6);
+      each(node_35, 19, () => sentenceDisplayRows, (row, rowIdx) => Array.isArray(row) ? segments[row[0]].id : `break-${rowIdx}`, ($$anchor3, row) => {
         var fragment_7 = comment();
-        var node_29 = first_child(fragment_7);
+        var node_36 = first_child(fragment_7);
         {
-          var consequent_18 = ($$anchor4) => {
-            var br_1 = root_27();
+          var consequent_24 = ($$anchor4) => {
+            var br_1 = root_33();
             append($$anchor4, br_1);
           };
           var alternate_9 = ($$anchor4) => {
-            var span_21 = root_28();
-            each(span_21, 21, () => get$1(row), (idx) => segments[idx].id, ($$anchor5, idx) => {
+            var span_25 = root_34();
+            each(span_25, 21, () => get$1(row), (idx) => segments[idx].id, ($$anchor5, idx) => {
               const segment = /* @__PURE__ */ user_derived(() => segments[get$1(idx)]);
               const computed_const_1 = /* @__PURE__ */ user_derived(() => {
                 const { seg } = get$1(segmentStates)[get$1(idx)];
@@ -20752,64 +20971,85 @@ function SelectableTextInteractionContent($$anchor, $$props) {
               });
               const isSessionLocked = /* @__PURE__ */ user_derived(() => get$1(sharedState).isSessionMode && get$1(sharedState).isValidating && !get$1(computed_const_1).seg.isMissing);
               var fragment_8 = comment();
-              var node_30 = first_child(fragment_8);
+              var node_37 = first_child(fragment_8);
               {
-                var consequent_19 = ($$anchor6) => {
-                  var span_22 = root_30();
-                  var node_31 = child(span_22);
-                  html(node_31, () => get$1(segment).text);
-                  reset(span_22);
-                  append($$anchor6, span_22);
+                var consequent_25 = ($$anchor6) => {
+                  var span_26 = root_36();
+                  var node_38 = child(span_26);
+                  html(node_38, () => get$1(segment).text);
+                  reset(span_26);
+                  append($$anchor6, span_26);
                 };
                 var alternate_8 = ($$anchor6) => {
-                  var fragment_9 = root_31();
-                  var span_23 = first_child(fragment_9);
-                  span_23.__click = () => handleSegmentClick(get$1(segment).id);
-                  span_23.__keydown = (e2) => handleSegmentKeydown(e2, get$1(segment).id);
-                  var node_32 = child(span_23);
+                  var fragment_9 = root_37();
+                  var span_27 = first_child(fragment_9);
+                  span_27.__click = () => handleSegmentClick(get$1(segment).id);
+                  span_27.__keydown = (e2) => handleSegmentKeydown(e2, get$1(segment).id);
+                  var node_39 = child(span_27);
                   {
-                    var consequent_20 = ($$anchor7) => {
-                      var span_24 = root_32();
-                      append($$anchor7, span_24);
+                    var consequent_26 = ($$anchor7) => {
+                      var span_28 = root_38();
+                      append($$anchor7, span_28);
+                    };
+                    if_block(node_39, ($$render) => {
+                      if (get$1(computed_const_1).seg.isMissing) $$render(consequent_26);
+                    });
+                  }
+                  var node_40 = sibling(node_39);
+                  {
+                    var consequent_28 = ($$anchor7) => {
+                      var span_29 = root_39();
+                      var node_41 = sibling(child(span_29));
+                      {
+                        var consequent_27 = ($$anchor8) => {
+                          var text_3 = text("selected");
+                          append($$anchor8, text_3);
+                        };
+                        if_block(node_41, ($$render) => {
+                          if (get$1(computed_const_1).seg.isSegmentSelected && !get$1(sharedState).isPreviewMode) $$render(consequent_27);
+                        });
+                      }
+                      reset(span_29);
+                      append($$anchor7, span_29);
                     };
-                    if_block(node_32, ($$render) => {
-                      if (get$1(computed_const_1).seg.isMissing) $$render(consequent_20);
+                    if_block(node_40, ($$render) => {
+                      if (hasMathJax(get$1(segment).text)) $$render(consequent_28);
                     });
                   }
-                  var span_25 = sibling(node_32);
-                  var node_33 = child(span_25);
+                  var span_30 = sibling(node_40);
+                  var node_42 = child(span_30);
                   {
-                    var consequent_23 = ($$anchor7) => {
+                    var consequent_31 = ($$anchor7) => {
                       const computed_const_2 = /* @__PURE__ */ user_derived(() => {
                         const [bodyText, lastWord] = splitLastWord(get$1(segment).text);
                         return { bodyText, lastWord };
                       });
-                      var fragment_10 = root_33();
-                      var node_34 = first_child(fragment_10);
-                      html(node_34, () => get$1(computed_const_2).bodyText);
-                      var span_26 = sibling(node_34);
-                      var node_35 = child(span_26);
-                      html(node_35, () => get$1(computed_const_2).lastWord);
-                      var node_36 = sibling(node_35);
+                      var fragment_10 = root_41();
+                      var node_43 = first_child(fragment_10);
+                      html(node_43, () => processMathJax(get$1(computed_const_2).bodyText));
+                      var span_31 = sibling(node_43);
+                      var node_44 = child(span_31);
+                      html(node_44, () => processMathJax(get$1(computed_const_2).lastWord));
+                      var node_45 = sibling(node_44);
                       {
-                        var consequent_21 = ($$anchor8) => {
-                          var span_27 = root_34();
-                          var node_37 = child(span_27);
-                          SvgLoader(node_37, { svgName: "crossIcon", className: "deselect-icon" });
-                          reset(span_27);
-                          append($$anchor8, span_27);
+                        var consequent_29 = ($$anchor8) => {
+                          var span_32 = root_42();
+                          var node_46 = child(span_32);
+                          SvgLoader(node_46, { svgName: "crossIcon", className: "deselect-icon" });
+                          reset(span_32);
+                          append($$anchor8, span_32);
                         };
                         var alternate_5 = ($$anchor8) => {
                           var fragment_11 = comment();
-                          var node_38 = first_child(fragment_11);
+                          var node_47 = first_child(fragment_11);
                           {
-                            var consequent_22 = ($$anchor9) => {
-                              var span_28 = root_36();
-                              var node_39 = child(span_28);
+                            var consequent_30 = ($$anchor9) => {
+                              var span_33 = root_44();
+                              var node_48 = child(span_33);
                               {
                                 let $0 = /* @__PURE__ */ user_derived(() => get$1(computed_const_1).seg.isCorrect ? "successSolid" : "errorSolid");
                                 let $1 = /* @__PURE__ */ user_derived(() => get$1(computed_const_1).seg.isCorrect ? "correct-icon" : "incorrect-icon");
-                                SvgLoader(node_39, {
+                                SvgLoader(node_48, {
                                   get svgName() {
                                     return get$1($0);
                                   },
@@ -20818,52 +21058,52 @@ function SelectableTextInteractionContent($$anchor, $$props) {
                                   }
                                 });
                               }
-                              reset(span_28);
-                              template_effect(() => set_attribute(span_28, "data-testid", get$1(computed_const_1).seg.isCorrect ? "icon-correct" : "icon-incorrect"));
-                              append($$anchor9, span_28);
+                              reset(span_33);
+                              template_effect(() => set_attribute(span_33, "data-testid", get$1(computed_const_1).seg.isCorrect ? "icon-correct" : "icon-incorrect"));
+                              append($$anchor9, span_33);
                             };
                             if_block(
-                              node_38,
+                              node_47,
                               ($$render) => {
-                                if (get$1(computed_const_1).seg.isCorrect || get$1(computed_const_1).seg.isIncorrect) $$render(consequent_22);
+                                if (get$1(computed_const_1).seg.isCorrect || get$1(computed_const_1).seg.isIncorrect) $$render(consequent_30);
                               },
                               true
                             );
                           }
                           append($$anchor8, fragment_11);
                         };
-                        if_block(node_36, ($$render) => {
-                          if (get$1(computed_const_1).seg.isSegmentSelected && !get$1(sharedState).isValidating && !get$1(sharedState).isPreviewMode) $$render(consequent_21);
+                        if_block(node_45, ($$render) => {
+                          if (get$1(computed_const_1).seg.isSegmentSelected && !get$1(sharedState).isValidating && !get$1(sharedState).isPreviewMode) $$render(consequent_29);
                           else $$render(alternate_5, false);
                         });
                       }
-                      reset(span_26);
+                      reset(span_31);
                       append($$anchor7, fragment_10);
                     };
                     var alternate_7 = ($$anchor7) => {
-                      var fragment_12 = root_37();
-                      var node_40 = first_child(fragment_12);
-                      html(node_40, () => get$1(segment).text);
-                      var node_41 = sibling(node_40);
+                      var fragment_12 = root_45();
+                      var node_49 = first_child(fragment_12);
+                      html(node_49, () => processMathJax(get$1(segment).text));
+                      var node_50 = sibling(node_49);
                       {
-                        var consequent_24 = ($$anchor8) => {
-                          var span_29 = root_38();
-                          var node_42 = child(span_29);
-                          SvgLoader(node_42, { svgName: "crossIcon", className: "deselect-icon" });
-                          reset(span_29);
-                          append($$anchor8, span_29);
+                        var consequent_32 = ($$anchor8) => {
+                          var span_34 = root_46();
+                          var node_51 = child(span_34);
+                          SvgLoader(node_51, { svgName: "crossIcon", className: "deselect-icon" });
+                          reset(span_34);
+                          append($$anchor8, span_34);
                         };
                         var alternate_6 = ($$anchor8) => {
                           var fragment_13 = comment();
-                          var node_43 = first_child(fragment_13);
+                          var node_52 = first_child(fragment_13);
                           {
-                            var consequent_25 = ($$anchor9) => {
-                              var span_30 = root_40();
-                              var node_44 = child(span_30);
+                            var consequent_33 = ($$anchor9) => {
+                              var span_35 = root_48();
+                              var node_53 = child(span_35);
                               {
                                 let $0 = /* @__PURE__ */ user_derived(() => get$1(computed_const_1).seg.isCorrect ? "successSolid" : "errorSolid");
                                 let $1 = /* @__PURE__ */ user_derived(() => get$1(computed_const_1).seg.isCorrect ? "correct-icon" : "incorrect-icon");
-                                SvgLoader(node_44, {
+                                SvgLoader(node_53, {
                                   get svgName() {
                                     return get$1($0);
                                   },
@@ -20872,86 +21112,96 @@ function SelectableTextInteractionContent($$anchor, $$props) {
                                   }
                                 });
                               }
-                              reset(span_30);
-                              template_effect(() => set_attribute(span_30, "data-testid", get$1(computed_const_1).seg.isCorrect ? "icon-correct" : "icon-incorrect"));
-                              append($$anchor9, span_30);
+                              reset(span_35);
+                              template_effect(() => set_attribute(span_35, "data-testid", get$1(computed_const_1).seg.isCorrect ? "icon-correct" : "icon-incorrect"));
+                              append($$anchor9, span_35);
                             };
                             if_block(
-                              node_43,
+                              node_52,
                               ($$render) => {
-                                if (get$1(computed_const_1).seg.isCorrect || get$1(computed_const_1).seg.isIncorrect) $$render(consequent_25);
+                                if (get$1(computed_const_1).seg.isCorrect || get$1(computed_const_1).seg.isIncorrect) $$render(consequent_33);
                               },
                               true
                             );
                           }
                           append($$anchor8, fragment_13);
                         };
-                        if_block(node_41, ($$render) => {
-                          if (get$1(computed_const_1).seg.isSegmentSelected && !get$1(sharedState).isValidating && !get$1(sharedState).isPreviewMode) $$render(consequent_24);
+                        if_block(node_50, ($$render) => {
+                          if (get$1(computed_const_1).seg.isSegmentSelected && !get$1(sharedState).isValidating && !get$1(sharedState).isPreviewMode) $$render(consequent_32);
                           else $$render(alternate_6, false);
                         });
                       }
                       append($$anchor7, fragment_12);
                     };
-                    if_block(node_33, ($$render) => {
-                      if (!isWord) $$render(consequent_23);
+                    if_block(node_42, ($$render) => {
+                      if (!isWord) $$render(consequent_31);
                       else $$render(alternate_7, false);
                     });
                   }
-                  reset(span_25);
-                  var node_45 = sibling(span_25);
+                  reset(span_30);
+                  var node_54 = sibling(span_30);
                   {
-                    var consequent_26 = ($$anchor7) => {
-                      var span_31 = root_41();
-                      append($$anchor7, span_31);
+                    var consequent_34 = ($$anchor7) => {
+                      var span_36 = root_49();
+                      append($$anchor7, span_36);
                     };
-                    if_block(node_45, ($$render) => {
-                      if (get$1(computed_const_1).seg.isCorrect) $$render(consequent_26);
+                    if_block(node_54, ($$render) => {
+                      if (get$1(computed_const_1).seg.isCorrect) $$render(consequent_34);
                     });
                   }
-                  var node_46 = sibling(node_45);
+                  var node_55 = sibling(node_54);
                   {
-                    var consequent_27 = ($$anchor7) => {
-                      var span_32 = root_42();
-                      append($$anchor7, span_32);
+                    var consequent_35 = ($$anchor7) => {
+                      var span_37 = root_50();
+                      append($$anchor7, span_37);
                     };
-                    if_block(node_46, ($$render) => {
-                      if (get$1(computed_const_1).seg.isIncorrect) $$render(consequent_27);
+                    if_block(node_55, ($$render) => {
+                      if (get$1(computed_const_1).seg.isIncorrect) $$render(consequent_35);
                     });
                   }
-                  var node_47 = sibling(node_46);
+                  var node_56 = sibling(node_55);
                   {
-                    var consequent_28 = ($$anchor7) => {
-                      var span_33 = root_43();
-                      append($$anchor7, span_33);
+                    var consequent_36 = ($$anchor7) => {
+                      var span_38 = root_51();
+                      append($$anchor7, span_38);
                     };
-                    if_block(node_47, ($$render) => {
-                      if (get$1(computed_const_1).seg.isMissing) $$render(consequent_28);
+                    if_block(node_56, ($$render) => {
+                      if (get$1(computed_const_1).seg.isMissing) $$render(consequent_36);
                     });
                   }
-                  reset(span_23);
-                  var node_48 = sibling(span_23);
+                  var node_57 = sibling(node_56);
                   {
-                    var consequent_29 = ($$anchor7) => {
-                      var span_34 = root_44();
-                      var node_49 = child(span_34);
-                      html(node_49, () => get$1(segment).trailingPunctuation);
-                      reset(span_34);
-                      append($$anchor7, span_34);
+                    var consequent_37 = ($$anchor7) => {
+                      var span_39 = root_52();
+                      append($$anchor7, span_39);
                     };
-                    if_block(node_48, ($$render) => {
-                      if (get$1(segment).trailingPunctuation) $$render(consequent_29);
+                    if_block(node_57, ($$render) => {
+                      if (hasMathJax(get$1(segment).text) && deselectedIds.has(get$1(segment).id)) $$render(consequent_37);
+                    });
+                  }
+                  reset(span_27);
+                  var node_58 = sibling(span_27);
+                  {
+                    var consequent_38 = ($$anchor7) => {
+                      var span_40 = root_53();
+                      var node_59 = child(span_40);
+                      html(node_59, () => get$1(segment).trailingPunctuation);
+                      reset(span_40);
+                      append($$anchor7, span_40);
+                    };
+                    if_block(node_58, ($$render) => {
+                      if (get$1(segment).trailingPunctuation) $$render(consequent_38);
                     });
                   }
                   template_effect(
                     ($0, $1, $2, $3) => {
-                      set_attribute(span_23, "tabindex", get$1(segment).id === get$1(exitSegmentId) ? 0 : -1);
-                      set_class(span_23, 1, `${$0 ?? ""}${$1 ?? ""}`);
-                      set_attribute(span_23, "aria-label", $2);
-                      set_attribute(span_23, "aria-selected", get$1(computed_const_1).seg.isSegmentSelected && !get$1(sharedState).isPreviewMode ? true : void 0);
-                      set_attribute(span_23, "aria-disabled", get$1(sharedState).isPreviewMode || get$1(isSessionLocked));
-                      set_attribute(span_23, "data-segment-id", get$1(segment).id);
-                      set_attribute(span_23, "data-testid", $3);
+                      set_attribute(span_27, "tabindex", get$1(segment).id === get$1(exitSegmentId) ? 0 : -1);
+                      set_class(span_27, 1, `${$0 ?? ""}${$1 ?? ""}`);
+                      set_attribute(span_27, "aria-label", $2);
+                      set_attribute(span_27, "aria-selected", get$1(computed_const_1).seg.isSegmentSelected && !get$1(sharedState).isPreviewMode ? true : void 0);
+                      set_attribute(span_27, "aria-disabled", get$1(sharedState).isPreviewMode || get$1(isSessionLocked));
+                      set_attribute(span_27, "data-segment-id", get$1(segment).id);
+                      set_attribute(span_27, "data-testid", $3);
                     },
                     [
                       () => getSegmentClasses(get$1(computed_const_1).seg, get$1(isSessionLocked)),
@@ -20960,21 +21210,21 @@ function SelectableTextInteractionContent($$anchor, $$props) {
                       () => getSegmentTestId(get$1(computed_const_1).seg)
                     ]
                   );
-                  event("focus", span_23, () => handleSegmentFocus(get$1(segment).id));
+                  event("focus", span_27, () => handleSegmentFocus(get$1(segment).id));
                   append($$anchor6, fragment_9);
                 };
-                if_block(node_30, ($$render) => {
-                  if (get$1(segment).isPunctuation) $$render(consequent_19);
+                if_block(node_37, ($$render) => {
+                  if (get$1(segment).isPunctuation) $$render(consequent_25);
                   else $$render(alternate_8, false);
                 });
               }
               append($$anchor5, fragment_8);
             });
-            reset(span_21);
-            append($$anchor4, span_21);
+            reset(span_25);
+            append($$anchor4, span_25);
           };
-          if_block(node_29, ($$render) => {
-            if (get$1(row) === "break") $$render(consequent_18);
+          if_block(node_36, ($$render) => {
+            if (get$1(row) === "break") $$render(consequent_24);
             else $$render(alternate_9, false);
           });
         }
@@ -20982,8 +21232,8 @@ function SelectableTextInteractionContent($$anchor, $$props) {
       });
       append($$anchor2, fragment_6);
     };
-    if_block(node, ($$render) => {
-      if (isWord) $$render(consequent_17);
+    if_block(node_1, ($$render) => {
+      if (isWord) $$render(consequent_23);
       else $$render(alternate_10, false);
     });
   }
@@ -20992,7 +21242,6 @@ function SelectableTextInteractionContent($$anchor, $$props) {
   bind_this(main, ($$value) => set(passageEl, $$value), () => get$1(passageEl));
   template_effect(() => {
     set_attribute(main, "tabindex", get$1(passageMode) ? -1 : 0);
-    set_text(text_1, get$1(passagePlainText));
     set_attribute(div, "aria-hidden", !get$1(passageMode));
   });
   event("focus", main, handleMainFocus);
@@ -21036,7 +21285,7 @@ function SelectableTextComponent($$anchor, $$props) {
       newAnswer = currentAnswer.filter((a) => a.id !== segmentId);
     } else {
       const segment = segments.find((s) => s.id === segmentId);
-      const segmentText = (segment?.rawText ?? segment?.text ?? "").replace(/<\/?(b|i|u|s|em|strong|span|mark)\b[^>]*>/gi, "");
+      const segmentText = segment?.rawText ?? segment?.text ?? "";
       const newItem = { id: segmentId, text: segmentText };
       if (get$1(sharedState).maxSelections > 0 && currentAnswer.length >= get$1(sharedState).maxSelections) {
         newAnswer = [...currentAnswer.slice(0, -1), newItem];
@@ -21257,7 +21506,7 @@ registerInteraction("selectableText", createSelectableTextInteraction, Selectabl
 var root_1 = /* @__PURE__ */ from_html(`<link rel="preconnect" href="https://fonts.googleapis.com" class="svelte-1dpid58"/> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous" class="svelte-1dpid58"/> <link href="https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&amp;display=swap" rel="stylesheet" class="svelte-1dpid58"/>`, 1);
 const $$css = {
   hash: "svelte-1dpid58",
-  code: ` *, :after, :before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style:} ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style:} *, :after, :before{border:0 solid #e5e7eb;box-sizing:border-box} :after, :before{--tw-content:""} :host, html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:Mulish,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent} body{line-height:inherit;margin:0} hr{border-top-width:1px;color:inherit;height:0} abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted} h1, h2, h3, h4, h5, h6{font-size:inherit;font-weight:inherit} a{color:inherit;text-decoration:inherit} b, strong{font-weight:bolder} code, kbd, pre, samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal} small{font-size:80%} sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sub{bottom:-.25em} sup{top:-.5em} table{border-collapse:collapse;border-color:inherit;text-indent:0} button, input, optgroup, select, textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0} button, select{text-transform:none} button, input:where([type=button]), input:where([type=reset]), input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none} :-moz-focusring{outline:auto} :-moz-ui-invalid{box-shadow:none} progress{vertical-align:baseline} ::-webkit-inner-spin-button, ::-webkit-outer-spin-button{height:auto} [type=search]{-webkit-appearance:textfield;outline-offset:-2px} ::-webkit-search-decoration{-webkit-appearance:none} ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit} summary{display:list-item} blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre{margin:0} fieldset{margin:0} fieldset, legend{padding:0} menu, ol, ul{list-style:none;margin:0;padding:0} dialog{padding:0} textarea{resize:vertical} input::-moz-placeholder, textarea::-moz-placeholder{color:#9ca3af;opacity:1} input::placeholder, textarea::placeholder{color:#9ca3af;opacity:1} [role=button], button{cursor:pointer} :disabled{cursor:default} audio, canvas, embed, iframe, img, object, svg, video{display:block;vertical-align:middle} img, video{height:auto;max-width:100%} [hidden]:where(:not([hidden=until-found])){display:none} *{font-family:Mulish,sans-serif} input::-moz-selection, textarea::-moz-selection{background-color:hsla(0,0%,85%,.4)} input::selection, textarea::selection{background-color:hsla(0,0%,85%,.4)} .container{width:100%}@media (min-width:732px){ .container{max-width:732px}}@media (min-width:1196px){ .container{max-width:1196px}} .p2{font-size:1rem;font-weight:600;line-height:1.5rem;line-height:130%} .p3{font-size:.875rem;font-weight:400;line-height:1.25rem;line-height:1.5} .blanket-overlay{inset:0;position:absolute} .item-heading{font-size:1.25rem;letter-spacing:-.025em;line-height:1.5rem;--tw-text-opacity:1;color:rgb(40,44,135,var(--tw-text-opacity,1))} .focus-ring:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity,1));--tw-ring-offset-width:4px} .focus-ring:focus, .raw-focus-ring{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);outline:2px solid transparent;outline-offset:2px;transition-duration:50ms} .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,1));--tw-ring-offset-width:2px} .focus-ring-by-dropdown{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);border-color:rgb(59,64,240,var(--tw-border-opacity,1));border-width:2px;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);box-shadow:0 0 0 2px #fff,0 0 0 4px #212529,0 0 0 6px #fde047} .divider, .focus-ring-by-dropdown{--tw-border-opacity:1} .divider{border-bottom-width:1px;border-color:rgb(218,224,224,var(--tw-border-opacity,1))}@keyframes svelte-1dpid58-pulse{50%{opacity:.5}} .animate-skeleton{animation:svelte-1dpid58-pulse 2s cubic-bezier(.4,0,.6,1) infinite;--tw-bg-opacity:1;background-color:rgb(226,232,240,var(--tw-bg-opacity,1))} .btn-mcq-option:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;--tw-ring-offset-color:#212529;outline:2px solid transparent;outline-offset:2px;transition-duration:50ms} .btn-mcq-option{font-size:1rem;line-height:1.5rem;line-height:19.2px;margin-bottom:1rem;min-height:52px;width:100%;--tw-text-opacity:1;border-radius:.5rem;border-width:1px;box-sizing:border-box;color:rgb(33,37,41,var(--tw-text-opacity,1));--tw-border-opacity:1;border-color:rgb(107,114,128,var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(249,250,251,var(--tw-bg-opacity,1))} .btn-mcq-option:active{border-width:2px;--tw-border-opacity:1;border-color:rgb(59,64,240,var(--tw-border-opacity,1))}@media (hover:hover) and (pointer:fine){ .btn-mcq-option:hover{border-width:2px;--tw-border-opacity:1;border-color:rgb(59,64,240,var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(238,240,255,var(--tw-bg-opacity,1))}} .btn-mcq-text{align-items:center;display:flex;padding:.375rem .75rem;width:100%}@supports (overflow-wrap:anywhere){ .btn-mcq-text{overflow-wrap:anywhere}}@supports not (overflow-wrap:anywhere){ .btn-mcq-text{word-break:break-word}} .btn-mcq-option>span>span>span>.choice{align-items:center;border-radius:1rem;border-width:1px;display:flex;font-size:1rem;font-weight:700;height:2rem;justify-content:center;letter-spacing:.05em;line-height:1rem;width:2rem;--tw-border-opacity:1;border-color:rgb(156,163,175,var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255,255,255,var(--tw-bg-opacity,1));padding:.5rem;--tw-text-opacity:1;color:rgb(33,37,41,var(--tw-text-opacity,1))} .btn-mcq-option.selected{border-width:2px;--tw-border-opacity:1;background-color:rgb(40,44,135,var(--tw-bg-opacity,1));border-color:rgb(40,44,135,var(--tw-border-opacity,1))} .btn-mcq-option.selected, .btn-mcq-option.selected:active{--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(255,255,255,var(--tw-text-opacity,1))} .btn-mcq-option.selected:active{background-color:rgb(84,101,251,var(--tw-bg-opacity,1))}@media (hover:hover) and (pointer:fine){ .btn-mcq-option.selected:hover{--tw-bg-opacity:1;background-color:rgb(84,101,251,var(--tw-bg-opacity,1))}} .btn-mcq-option.finished{cursor:default} .btn-mcq-option.finished:active, .btn-mcq-option.finished:hover{border-width:1px;--tw-border-opacity:1;border-color:rgb(107,114,128,var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(249,250,251,var(--tw-bg-opacity,1))} .btn-mcq-option.selected>span>span>.choice{--tw-bg-opacity:1;background-color:rgb(238,240,255,var(--tw-bg-opacity,1))} .btn-mcq-option>span>span>span>.custom-checkbox{align-items:center;border-radius:.25rem;border-width:1px;display:flex;height:1.75rem;justify-content:center;pointer-events:none;width:1.75rem;--tw-border-opacity:1;border-color:rgb(75,85,99,var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255,255,255,var(--tw-bg-opacity,1))}@media (hover:hover) and (pointer:fine){ .btn-mcq-option:hover>span>span>span>.custom-checkbox{border-width:2px;--tw-border-opacity:1;border-color:rgb(59,64,240,var(--tw-border-opacity,1))}} .btn-mcq-option:active>span>span>span>.custom-checkbox{border-width:2px;--tw-border-opacity:1;border-color:rgb(40,44,135,var(--tw-border-opacity,1))} .btn-mcq-option.selected>span>span>span>.custom-checkbox{border-width:0;pointer-events:none;--tw-bg-opacity:1;background-color:rgb(84,101,251,var(--tw-bg-opacity,1))}@media (hover:hover) and (pointer:fine){ .btn-mcq-option.selected:hover>span>span>span>.custom-checkbox{border-width:0;--tw-bg-opacity:1;background-color:rgb(76,91,226,var(--tw-bg-opacity,1))}} .btn-mcq-option.selected:active>span>span>span>.custom-checkbox{border-width:0;--tw-bg-opacity:1;background-color:rgb(40,44,135,var(--tw-bg-opacity,1))} .btn-mcq-option.finished:active>span>span>span>.custom-checkbox:not(.inactive), .btn-mcq-option.finished:hover>span>span>span>.custom-checkbox:not(.inactive){border-width:1px;--tw-border-opacity:1;border-color:rgb(107,114,128,var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255,255,255,var(--tw-bg-opacity,1))} .btn-mcq-option>span>span>span>.custom-checkbox.inactive{border-width:1px;--tw-border-opacity:1;border-color:rgb(156,163,175,var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(229,231,235,var(--tw-bg-opacity,1))} .btn-mcq-option.missing.\\!correct, .btn-mcq-option.missing.correct{border-width:1px;--tw-border-opacity:1;border-color:rgb(22,163,74,var(--tw-border-opacity,1))}@media (hover:hover) and (pointer:fine){ .btn-mcq-option.\\!correct.interactive:active, .btn-mcq-option.\\!correct.interactive:hover, .btn-mcq-option.correct.interactive:active, .btn-mcq-option.correct.interactive:hover, .btn-mcq-option.incorrect.interactive:active, .btn-mcq-option.incorrect.interactive:hover, .btn-mcq-option.missing.interactive:active, .btn-mcq-option.missing.interactive:hover{border-width:2px;--tw-border-opacity:1;border-color:rgb(59,64,240,var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(238,240,255,var(--tw-bg-opacity,1))}} .btn-mcq-option.selected.\\!correct, .btn-mcq-option.selected.correct{background-color:rgb(240,253,244,var(--tw-bg-opacity,1));border-color:rgb(22,163,74,var(--tw-border-opacity,1));border-width:1px} .btn-mcq-option.selected.\\!correct, .btn-mcq-option.selected.correct, .btn-mcq-option.selected.incorrect{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(33,37,41,var(--tw-text-opacity,1))} .btn-mcq-option.selected.incorrect{background-color:rgb(249,250,251,var(--tw-bg-opacity,1));border-color:rgb(219,39,119,var(--tw-border-opacity,1));border-width:1px} .btn-mcq-option.selected.\\!correct>span>span>span>.choice, .btn-mcq-option.selected.correct>span>span>span>.choice, .btn-mcq-option.selected.incorrect>span>span>span>.choice{border-width:1px;--tw-border-opacity:1;border-color:rgb(113,115,119,var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255,255,255,var(--tw-bg-opacity,1))} .btn-pressed{border-width:2px;--tw-border-opacity:1;border-color:rgb(51,69,223,var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(249,250,251,var(--tw-bg-opacity,1));--tw-shadow:inset 0 0 0 100vmax rgba(0,0,0,.05);--tw-shadow-colored:inset 0 0 0 100vmax var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)} .btn-base:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;--tw-ring-offset-color:#212529;outline:2px solid transparent;outline-offset:2px;transition-duration:50ms} .btn-base{align-items:center;display:inline-flex;justify-content:center}@media (hover:hover) and (pointer:fine){ .btn-base:hover{border-width:2px;--tw-border-opacity:1;border-color:rgb(59,64,240,var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(249,250,251,var(--tw-bg-opacity,1))}} .btn-base:active{border-width:2px;--tw-border-opacity:1;border-color:rgb(51,69,223,var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(249,250,251,var(--tw-bg-opacity,1));--tw-shadow:inset 0 0 0 100vmax rgba(0,0,0,.05);--tw-shadow-colored:inset 0 0 0 100vmax var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)} .btn-touch-container{align-items:center;display:flex;height:2.75rem;justify-content:center;width:2.75rem} .btn-touch-container:focus{outline:2px solid transparent;outline-offset:2px} .btn-icon-sm{align-items:center;background-color:hsla(0,0%,100%,.8);border-radius:.25rem;display:flex;height:1.5rem;justify-content:center;width:1.5rem}@media (hover:hover) and (pointer:fine){ .btn-touch-container:hover>.btn-icon-sm{border-width:2px;--tw-border-opacity:1;border-color:rgb(59,64,240,var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(249,250,251,var(--tw-bg-opacity,1))}} .btn-touch-container:active>.btn-icon-sm{border-width:2px;--tw-border-opacity:1;border-color:rgb(51,69,223,var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(249,250,251,var(--tw-bg-opacity,1));--tw-shadow:inset 0 0 0 100vmax rgba(0,0,0,.05);--tw-shadow-colored:inset 0 0 0 100vmax var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)} .btn-touch-container:focus-visible>.btn-icon-sm{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;--tw-ring-offset-color:#212529;outline:2px solid transparent;outline-offset:2px;transition-duration:50ms} .typein-textbox:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity,1));--tw-ring-offset-width:4px;transition-duration:50ms} .typein-textbox{border-radius:.5rem;border-width:1px;width:100%;--tw-border-opacity:1;border-color:rgb(75,85,99,var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255,255,255,var(--tw-bg-opacity,1));font-size:1rem;line-height:1.5rem;padding:.75rem 1rem;--tw-text-opacity:1;color:rgb(33,37,41,var(--tw-text-opacity,1))} .typein-textbox::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(55,65,81,var(--tw-placeholder-opacity,1))} .typein-textbox::placeholder{--tw-placeholder-opacity:1;color:rgb(55,65,81,var(--tw-placeholder-opacity,1))} .typein-textbox:focus{border-width:2px;--tw-border-opacity:1;border-color:rgb(59,64,240,var(--tw-border-opacity,1))}@media (hover:hover) and (pointer:fine){ .typein-textbox:hover{border-width:2px;--tw-border-opacity:1;border-color:rgb(59,64,240,var(--tw-border-opacity,1))}} .typein-textbox:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);outline-color:#212529;outline-width:2px}@media (hover:hover) and (pointer:fine){ .typein-textbox:hover{outline-color:#212529;outline-width:2px}} .typein-textbox:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity,1))} .typein-textbox-locked{cursor:default} .typein-textbox-locked:focus{border-width:1px;--tw-border-opacity:1;border-color:rgb(75,85,99,var(--tw-border-opacity,1));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)} .typein-textbox-locked:focus-visible{border-width:2px;--tw-border-opacity:1;border-color:rgb(59,64,240,var(--tw-border-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);outline-color:#212529;outline-width:2px;--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity,1))}@media (hover:hover) and (pointer:fine){ .typein-textbox.typein-textbox-hover-neutral:hover{border-width:1px;--tw-border-opacity:1;border-color:rgb(75,85,99,var(--tw-border-opacity,1))} .typein-textbox.typein-textbox-hover-correct:hover{border-width:2px;--tw-border-opacity:1;border-color:rgb(22,163,74,var(--tw-border-opacity,1))} .typein-textbox.typein-textbox-hover-incorrect:hover{border-width:2px;--tw-border-opacity:1;border-color:rgb(219,39,119,var(--tw-border-opacity,1))}} .typein-textbox-locked.typein-textbox-hover-correct:focus-visible, .typein-textbox-locked.typein-textbox-hover-incorrect:focus-visible, .typein-textbox-locked.typein-textbox-hover-neutral:focus-visible{border-width:2px;--tw-border-opacity:1;border-color:rgb(59,64,240,var(--tw-border-opacity,1))} .typein-textbox-missing{cursor:default}@media (hover:hover) and (pointer:fine){ .typein-textbox-missing:hover{border-width:2px;--tw-border-opacity:1;border-color:rgb(22,163,74,var(--tw-border-opacity,1));outline:2px solid transparent;outline-offset:2px}} .typein-textbox-missing:focus{border-width:1px;--tw-border-opacity:1;border-color:rgb(75,85,99,var(--tw-border-opacity,1));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)} .typein-textbox-missing:focus-visible{border-width:2px;--tw-border-opacity:1;border-color:rgb(59,64,240,var(--tw-border-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);outline-color:#212529;outline-width:2px;--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity,1))} .inline-typein-container>p{font-size:1.25rem;font-weight:600;line-height:3rem;--tw-text-opacity:1;color:rgb(40,44,135,var(--tw-text-opacity,1))} #dnd-action-dragged-el{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;cursor:grabbing!important;transition-duration:50ms;--tw-border-opacity:1!important;border-color:rgb(93,99,107,var(--tw-border-opacity,1))!important;--tw-bg-opacity:1!important;background-color:rgb(205,208,254,var(--tw-bg-opacity,1))!important} #dnd-action-dragged-el .btn-vertical-icon{cursor:grabbing!important;--tw-text-opacity:1;color:rgb(40,44,135,var(--tw-text-opacity,1))} #dnd-action-dragged-el .preview-icon{display:none!important} #dnd-action-dragged-el .preview-vertical{display:block!important} .category-content>.missing-answer-label{display:block} .category-content>.missing-answer-label~.missing-answer-label{display:none} .image-description, .text-stimulus{padding-bottom:1rem;padding-top:1rem} .text-stimulus p{font-size:1.25rem;line-height:1.75rem;padding-bottom:.5rem;--tw-text-opacity:1;color:rgb(40,44,135,var(--tw-text-opacity,1))} .image-description p{font-size:.875rem;line-height:1.25rem;padding-bottom:.5rem;--tw-text-opacity:1;color:rgb(33,37,41,var(--tw-text-opacity,1))} .text-stimulus ol, .text-stimulus ul{font-size:1rem;line-height:1.5rem;list-style-position:inside;padding-bottom:.5rem;padding-left:.5rem} .text-stimulus ol ::marker, .text-stimulus ul ::marker{color:#282c87} .text-stimulus ol::marker, .text-stimulus ul::marker{color:#282c87} .image-description ol, .image-description ul{font-size:.875rem;line-height:1.25rem;list-style-position:inside;padding-bottom:.5rem;padding-left:.5rem} .image-description ol ::marker, .image-description ul ::marker{color:#212529} .image-description ol::marker, .image-description ul::marker{color:#212529} .image-description ul, .text-stimulus ul{list-style-type:disc} .image-description ol, .text-stimulus ol{list-style-type:decimal} .image-description ul li>p, .text-stimulus ul li>p{margin-left:-.5rem} .text-stimulus ol>li>p, .text-stimulus ul>li>p{display:inline;font-size:1rem;line-height:1.5rem;padding-bottom:0;padding-top:0} .image-description ol>li>p, .image-description ul>li>p{display:inline;font-size:.875rem;line-height:1.25rem;padding-bottom:0;padding-top:0} .image-description div.table-container:focus, .text-stimulus div.table-container:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity,1));--tw-ring-offset-width:4px;transition-duration:50ms} .image-description div.table-container, .text-stimulus div.table-container{border-radius:.5rem;overflow:auto;padding-left:.125rem;padding-right:.125rem} .image-description table, .text-stimulus table{margin-bottom:1rem;margin-top:.5rem;width:100%;--tw-border-spacing-x:0.75rem;--tw-border-spacing-y:0.75rem;border-radius:.5rem;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);overflow-x:auto;--tw-shadow:0 0 0 1px #9ca3af;--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)} .image-description table tr, .text-stimulus table tr{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(156,163,175,var(--tw-border-opacity,1))} .image-description table tr:last-child, .text-stimulus table tr:last-child{border-color:transparent} .image-description table td, .image-description table th, .text-stimulus table td, .text-stimulus table th{border-left-width:1px;min-width:140px;--tw-border-opacity:1;border-color:rgb(156,163,175,var(--tw-border-opacity,1))} .image-description table td:first-child, .image-description table th:first-child, .text-stimulus table td:first-child, .text-stimulus table th:first-child{border-style:none} .text-stimulus table td>p, .text-stimulus table th>p{font-size:1rem;line-height:1.5rem;padding:.75rem;text-align:left;--tw-text-opacity:1;color:rgb(33,37,41,var(--tw-text-opacity,1))} .image-description table td>p, .image-description table th>p{font-size:.875rem;line-height:1.25rem;padding:.75rem;text-align:left;--tw-text-opacity:1;color:rgb(33,37,41,var(--tw-text-opacity,1))} .text-stimulus table th>p{font-weight:400} .image-description table th p, .prompt p, .text-stimulus table th p{font-weight:600} .prompt p b, .prompt p b i, .prompt p b i u, .prompt p b u, .prompt p b u i, .prompt p i b, .prompt p i b u, .prompt p i u b, .prompt p u b, .prompt p u b i, .prompt p u i b, .text-stimulus table th p b, .text-stimulus table th p b i, .text-stimulus table th p b i u, .text-stimulus table th p b u, .text-stimulus table th p b u i, .text-stimulus table th p i b, .text-stimulus table th p i b u, .text-stimulus table th p i u b, .text-stimulus table th p u b, .text-stimulus table th p u b i, .text-stimulus table th p u i b{font-weight:900} .dropdown-text:not(:last-child), .dropdown:not(:last-child){margin-right:1rem} .dropdown-container{align-items:center;border-radius:.5rem;border-width:1px;display:flex;height:2.75rem;overflow:hidden;white-space:nowrap;width:15rem;--tw-border-opacity:1;border-color:rgb(75,85,99,var(--tw-border-opacity,1))} .dropdown-container:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)} .dropdown-container:active, .dropdown-container:focus{border-width:2px;box-shadow:0 0 0 2px #fff,0 0 0 4px #212529,0 0 0 6px #fde047;--tw-border-opacity:1;border-color:rgb(59,64,240,var(--tw-border-opacity,1))}@media (hover:hover) and (pointer:fine){ .dropdown-container:hover{border-width:2px;--tw-border-opacity:1;border-color:rgb(59,64,240,var(--tw-border-opacity,1));outline-color:#212529;outline-width:2px}} .dropdown-menu{border-radius:.5rem;border-width:1px;margin-top:.5rem;max-height:400px;overflow-y:auto;position:absolute;z-index:10;--tw-border-opacity:1;border-color:rgb(75,85,99,var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255,255,255,var(--tw-bg-opacity,1))}@supports (overflow-wrap:anywhere){ .dropdown-menu{overflow-wrap:anywhere}}@supports not (overflow-wrap:anywhere){ .dropdown-menu{word-break:break-word}} .dropdown-menu{max-width:min(500px,100vw - 2rem);min-width:240px;width:-moz-max-content;width:max-content} .dropdown-item{cursor:pointer;font-size:1rem;line-height:1.5rem;outline:2px solid transparent;outline-offset:2px;padding:.5rem 1rem} .dropdown-itemtext{border-bottom-width:1px;border-color:transparent} .dropdown-itemtext.hover-option{--tw-border-opacity:1;border-color:rgb(0,0,0,var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(46,47,212,var(--tw-text-opacity,1))} .dropdown-itemtext.current-option{--tw-bg-opacity:1;background-color:rgb(251,217,27,var(--tw-bg-opacity,1));--tw-text-opacity:1;border-bottom-width:1px;color:rgb(0,0,0,var(--tw-text-opacity,1));outline:2px solid transparent;outline-offset:2px;--tw-border-opacity:1;border-color:rgb(0,0,0,var(--tw-border-opacity,1))} .dropdown-itemtext:active{border-bottom-width:2px} .image-description-accordion{border-bottom-width:1px;border-color:transparent;font-weight:600;--tw-text-opacity:1;color:rgb(33,37,41,var(--tw-text-opacity,1))} .group:focus .image-description-accordion{--tw-bg-opacity:1;background-color:rgb(251,217,27,var(--tw-bg-opacity,1));--tw-text-opacity:1;border-bottom-width:1px;color:rgb(0,0,0,var(--tw-text-opacity,1));outline:2px solid transparent;outline-offset:2px} .group:focus .image-description-accordion, .group:hover .image-description-accordion{--tw-border-opacity:1;border-color:rgb(0,0,0,var(--tw-border-opacity,1))} .group:active .image-description-accordion{border-bottom-width:2px} .selectable-text-passage{line-height:48px;max-width:864px;overflow-wrap:break-word;width:100%} .selectable-segment, .selectable-text-passage:focus{outline:2px solid transparent;outline-offset:2px} .selectable-segment{cursor:pointer;display:inline;font-size:1rem;font-weight:400;height:2.75rem;line-height:1.5rem;margin-right:.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-text-opacity:1;color:rgb(8,38,99,var(--tw-text-opacity,1))} .selectable-segment:not(.sent){align-items:center;display:inline-flex;white-space:nowrap} .selectable-segment.sent{padding-bottom:.625rem;padding-top:.625rem} .selectable-segment:not(.correct):not(.incorrect):not(.missing):not(.selected):focus-visible>.selectable-segment-text{--tw-bg-opacity:1;background-color:rgb(253,224,71,var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(33,37,41,var(--tw-text-opacity,1));text-decoration-color:#212529;text-decoration-line:underline;text-decoration-thickness:2px;text-underline-offset:25%} .selectable-segment:not(.correct):not(.incorrect):not(.missing):not(.selected):focus-visible:active>.selectable-segment-text{--tw-bg-opacity:1;background-color:rgb(253,224,71,var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(33,37,41,var(--tw-text-opacity,1));text-decoration-color:#212529;text-decoration-line:underline;text-decoration-thickness:3px;text-underline-offset:25%} .selectable-segment:active>.selectable-segment-text{--tw-bg-opacity:1;background-color:rgb(253,224,71,var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(33,37,41,var(--tw-text-opacity,1));text-decoration-color:#212529;text-decoration-line:underline;text-decoration-thickness:3px;text-underline-offset:25%}@media (hover:hover) and (pointer:fine){ .selectable-segment:hover:not(:active):not(.correct):not(.incorrect):not(.missing):not(.selected):not(:focus-visible)>.selectable-segment-text{--tw-text-opacity:1;color:rgb(51,69,223,var(--tw-text-opacity,1));text-decoration-color:#3345df;text-decoration-line:underline;text-decoration-thickness:2px;text-underline-offset:25%}} .segment-leading-punct, .segment-punctuation{cursor:default;display:inline;font-size:1rem;line-height:1.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-text-opacity:1;color:rgb(8,38,99,var(--tw-text-opacity,1))} .segment-word-group{display:inline-block;vertical-align:baseline;white-space:nowrap} .segment-trailing-punct{cursor:default;display:inline;font-size:1rem;line-height:1.5rem;margin-left:-.25rem;margin-right:.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-text-opacity:1;color:rgb(8,38,99,var(--tw-text-opacity,1))} .segment-leading-punct:has(+.selectable-segment.correct), .segment-leading-punct:has(+.selectable-segment.incorrect), .segment-leading-punct:has(+.selectable-segment.missing), .segment-leading-punct:has(+.selectable-segment.selected){margin-right:.125rem} .segment-leading-punct:has(+.selectable-segment.\\!correct){margin-right:.125rem} .selectable-segment.\\!correct+.segment-trailing-punct, .selectable-segment.correct+.segment-trailing-punct, .selectable-segment.incorrect+.segment-trailing-punct, .selectable-segment.missing+.segment-trailing-punct, .selectable-segment.selected+.segment-trailing-punct{margin-left:-.125rem} .selectable-segment:not(.selected):not(.correct):not(.incorrect):not(.missing):focus-visible{--tw-text-opacity:1;color:rgb(8,38,99,var(--tw-text-opacity,1));text-decoration-line:none} .selectable-segment.sent.\\!correct>.selectable-segment-text, .selectable-segment.sent.correct>.selectable-segment-text, .selectable-segment.sent.incorrect>.selectable-segment-text, .selectable-segment.sent.missing>.selectable-segment-text, .selectable-segment.sent.selected>.selectable-segment-text{display:inline;padding-bottom:.375rem;padding-top:.375rem} .selectable-segment.sent .selectable-segment-deselect-icon, .selectable-segment.sent .selectable-segment-status-icon{margin-top:-.25rem;vertical-align:middle} .selectable-segment-last-word{white-space:nowrap} .selectable-segment.selected>.selectable-segment-text{align-items:center;border-radius:.5rem;border-width:1px;display:inline-flex;--tw-border-opacity:1;border-color:rgb(107,114,128,var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(249,250,251,var(--tw-bg-opacity,1));-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.25rem .25rem .25rem .5rem;--tw-text-opacity:1;color:rgb(33,37,41,var(--tw-text-opacity,1));text-decoration-line:none}@media (hover:hover) and (pointer:fine){ .selectable-segment.selected:active, .selectable-segment.selected:hover{text-decoration-line:none} .selectable-segment.selected:active>.selectable-segment-text, .selectable-segment.selected:hover>.selectable-segment-text{border-width:2px;--tw-border-opacity:1;border-color:rgb(51,69,223,var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(239,241,255,var(--tw-bg-opacity,1));--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}} .selectable-segment.selected:active>.selectable-segment-text{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;--tw-ring-offset-color:#212529;outline:2px solid transparent;outline-offset:2px;transition-duration:50ms} .selectable-segment.selected:focus-visible>.selectable-segment-text{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;--tw-ring-offset-color:#212529;outline:2px solid transparent;outline-offset:2px;transition-duration:50ms} .selectable-segment.\\!preview, .selectable-segment.locked, .selectable-segment.preview{cursor:default;pointer-events:none} .selectable-segment.correct, .selectable-segment.incorrect, .selectable-segment.missing{color:inherit} .selectable-segment.correct:active, .selectable-segment.incorrect:active, .selectable-segment.missing:active{text-decoration-line:none}@media (hover:hover) and (pointer:fine){ .selectable-segment.correct:hover, .selectable-segment.incorrect:hover, .selectable-segment.missing:hover{text-decoration-line:none}} .selectable-segment.\\!correct{color:inherit} .selectable-segment.\\!correct:active{text-decoration-line:none}@media (hover:hover) and (pointer:fine){ .selectable-segment.\\!correct:hover{text-decoration-line:none}} .selectable-segment.missing{position:relative} .selectable-segment.correct:focus-visible>.selectable-segment-text, .selectable-segment.incorrect:focus-visible>.selectable-segment-text, .selectable-segment.missing:focus-visible>.selectable-segment-text{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;--tw-ring-offset-color:#212529;outline:2px solid transparent;outline-offset:2px;text-decoration-line:none;transition-duration:50ms} .selectable-segment.\\!correct:focus-visible>.selectable-segment-text{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;--tw-ring-offset-color:#212529;outline:2px solid transparent;outline-offset:2px;text-decoration-line:none;transition-duration:50ms} .selectable-segment.\\!correct:active>.selectable-segment-text, .selectable-segment.correct:active>.selectable-segment-text, .selectable-segment.incorrect:active>.selectable-segment-text{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;--tw-ring-offset-color:#212529;outline:2px solid transparent;outline-offset:2px;transition-duration:50ms} .selectable-segment.\\!correct>.selectable-segment-text, .selectable-segment.correct>.selectable-segment-text{background-color:rgb(240,253,244,var(--tw-bg-opacity,1));border-color:rgb(22,163,74,var(--tw-border-opacity,1));border-radius:.5rem;border-width:1px} .selectable-segment.\\!correct>.selectable-segment-text, .selectable-segment.correct>.selectable-segment-text, .selectable-segment.incorrect>.selectable-segment-text{align-items:center;display:inline-flex;--tw-border-opacity:1;--tw-bg-opacity:1;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.25rem .375rem .25rem .5rem;--tw-text-opacity:1;color:rgb(33,37,41,var(--tw-text-opacity,1));text-decoration-line:none} .selectable-segment.incorrect>.selectable-segment-text{background-color:rgb(253,243,247,var(--tw-bg-opacity,1));border-color:rgb(190,24,93,var(--tw-border-opacity,1));border-radius:.5rem;border-width:1px} .selectable-segment.missing>.selectable-segment-text{align-items:center;border-radius:.5rem;display:inline-flex;--tw-bg-opacity:1;background-color:rgb(249,250,251,var(--tw-bg-opacity,1));background-repeat:no-repeat;background-size:100% 100%;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.25rem .5rem;--tw-text-opacity:1;background-image:var(--missing-border-svg);color:rgb(33,37,41,var(--tw-text-opacity,1));text-decoration-line:none} .selectable-segment-missing-badge{align-items:center;display:inline-flex;font-size:.875rem;font-weight:600;left:0;line-height:1.25rem;padding:.125rem .375rem;position:absolute;top:-.75rem;white-space:nowrap;z-index:10;--tw-text-opacity:1;border-radius:.25rem;border-width:1px;color:rgb(21,101,52,var(--tw-text-opacity,1));--tw-border-opacity:1;border-color:rgb(187,247,209,var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(240,253,244,var(--tw-bg-opacity,1));line-height:130%} .selectable-segment.missing.\\!session>.selectable-segment-missing-badge, .selectable-segment.missing.interactive>.selectable-segment-missing-badge, .selectable-segment.missing.session>.selectable-segment-missing-badge{opacity:0;transition-duration:.15s;transition-property:opacity,visibility;transition-timing-function:cubic-bezier(.4,0,.2,1);visibility:hidden}@media (hover:hover) and (pointer:fine){ .selectable-segment.missing.interactive:active>.selectable-segment-missing-badge, .selectable-segment.missing.interactive:hover>.selectable-segment-missing-badge, .selectable-segment.missing.session:active>.selectable-segment-missing-badge, .selectable-segment.missing.session:hover>.selectable-segment-missing-badge{opacity:1;visibility:visible} .selectable-segment.missing.\\!session:active>.selectable-segment-missing-badge, .selectable-segment.missing.\\!session:hover>.selectable-segment-missing-badge{opacity:1!important;visibility:visible!important}} .selectable-segment.missing.interactive:focus-visible>.selectable-segment-missing-badge, .selectable-segment.missing.session.tooltip-pinned>.selectable-segment-missing-badge, .selectable-segment.missing.session:focus-visible>.selectable-segment-missing-badge{opacity:1;visibility:visible} .selectable-segment.missing.\\!session.tooltip-pinned>.selectable-segment-missing-badge, .selectable-segment.missing.\\!session:focus-visible>.selectable-segment-missing-badge{opacity:1;visibility:visible}@media (hover:hover) and (pointer:fine){ .selectable-segment.missing:hover:not(:active)>.selectable-segment-text{--tw-bg-opacity:1;background-color:rgb(239,241,255,var(--tw-bg-opacity,1))}} .selectable-segment.missing:active>.selectable-segment-text{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;--tw-ring-offset-color:#212529;outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}@media (hover:hover) and (pointer:fine){ .selectable-segment.missing:active>.selectable-segment-text{--tw-bg-opacity:1;background-color:rgb(239,241,255,var(--tw-bg-opacity,1))} .selectable-segment.missing:active>.selectable-segment-text, .selectable-segment.missing:hover:not(:active)>.selectable-segment-text{background-image:var(--missing-border-svg-active);background-repeat:no-repeat;background-size:100% 100%}} .selectable-segment.selected .selectable-segment-deselect-icon{align-items:center;display:inline-flex;justify-content:center;width:1.25rem;--tw-text-opacity:1;color:rgb(33,37,41,var(--tw-text-opacity,1))} .selectable-segment.selected .selectable-segment-deselect-icon .deselect-icon{height:7.63px;width:7.63px} .selectable-segment.\\!correct .selectable-segment-status-icon, .selectable-segment.correct .selectable-segment-status-icon{--tw-text-opacity:1;color:rgb(22,163,74,var(--tw-text-opacity,1))} .selectable-segment.incorrect .selectable-segment-status-icon{--tw-text-opacity:1;color:rgb(219,39,119,var(--tw-text-opacity,1))} .selectable-segment-status-icon{align-items:center;display:inline-flex;justify-content:center;margin-left:.25rem;width:1.25rem} .selectable-segment-text sup{font-size:.75em;line-height:0;position:relative;top:-.5em} .selectable-segment-text sub{font-size:.75em;line-height:0;position:relative;top:.3em} .sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap} .pointer-events-none{pointer-events:none} .pointer-events-auto{pointer-events:auto} .visible{visibility:visible} .invisible{visibility:hidden} .collapse{visibility:collapse} .static{position:static} .fixed{position:fixed} .absolute{position:absolute} .relative{position:relative} .inset-0{inset:0} .inset-y-0{bottom:0;top:0} .-top-2\\.5{top:-.625rem} .bottom-0{bottom:0} .bottom-1\\.5{bottom:.375rem} .bottom-4{bottom:1rem} .bottom-5{bottom:1.25rem} .bottom-\\[7px\\]{bottom:7px} .bottom-full{bottom:100%} .left-0{left:0} .left-1\\/2{left:50%} .left-4{left:1rem} .left-6{left:1.5rem} .left-\\[-9999px\\]{left:-9999px} .left-full{left:100%} .right-0{right:0} .right-1{right:.25rem} .right-1\\.5{right:.375rem} .right-2{right:.5rem} .right-4{right:1rem} .right-6{right:1.5rem} .right-full{right:100%} .top-0{top:0} .top-1{top:.25rem} .top-1\\.5{top:.375rem} .top-1\\/2{top:50%} .top-12{top:3rem} .top-2\\.5{top:.625rem} .top-3\\.5{top:.875rem} .top-\\[13px\\]{top:13px} .top-\\[calc\\(50\\%\\+0\\.375rem\\)\\]{top:calc(50% + .375rem)} .top-full{top:100%} .z-0{z-index:0} .z-10{z-index:10} .z-50{z-index:50} .m-0{margin:0} .m-auto{margin:auto} .mx-0\\.5{margin-left:.125rem;margin-right:.125rem} .mx-auto{margin-left:auto;margin-right:auto} .my-1\\.5{margin-bottom:.375rem;margin-top:.375rem} .my-2{margin-bottom:.5rem;margin-top:.5rem} .my-6{margin-bottom:1.5rem;margin-top:1.5rem} .-mb-1{margin-bottom:-.25rem} .-ml-1{margin-left:-.25rem} .-mr-1{margin-right:-.25rem} .-mr-2\\.5{margin-right:-.625rem} .-mt-0\\.5{margin-top:-.125rem} .-mt-1{margin-top:-.25rem} .mb-0\\.5{margin-bottom:.125rem} .mb-10{margin-bottom:2.5rem} .mb-12{margin-bottom:3rem} .mb-2{margin-bottom:.5rem} .mb-3{margin-bottom:.75rem} .mb-4{margin-bottom:1rem} .mb-5{margin-bottom:1.25rem} .mb-6{margin-bottom:1.5rem} .mb-\\[9\\.5px\\]{margin-bottom:9.5px} .ml-1{margin-left:.25rem} .ml-2{margin-left:.5rem} .ml-2\\.5{margin-left:.625rem} .ml-3{margin-left:.75rem} .ml-8\\.5{margin-left:2.125rem} .ml-\\[3px\\]{margin-left:3px} .ml-\\[9\\.5px\\]{margin-left:9.5px} .mr-1{margin-right:.25rem} .mr-2{margin-right:.5rem} .mr-4{margin-right:1rem} .mr-\\[9\\.5px\\]{margin-right:9.5px} .mt-1{margin-top:.25rem} .mt-2{margin-top:.5rem} .mt-4{margin-top:1rem} .mt-6{margin-top:1.5rem} .mt-7\\.5{margin-top:1.875} .mt-9{margin-top:2.25rem} .mt-\\[9\\.5px\\]{margin-top:9.5px} .line-clamp-1{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1} .block{display:block} .inline-block{display:inline-block} .inline{display:inline} .flex{display:flex} .table{display:table} .grid{display:grid} .contents{display:contents} .hidden{display:none} .h-10\\.5{height:2.625rem} .h-11{height:2.75rem} .h-2{height:.5rem} .h-32{height:8rem} .h-4{height:1rem} .h-52{height:13rem} .h-6{height:1.5rem} .h-8{height:2rem} .h-8\\.5{height:2.125rem} .h-\\[13\\.33px\\]{height:13.33px} .h-\\[8\\.77px\\]{height:8.77px} .h-auto{height:auto} .h-fit{height:-moz-fit-content;height:fit-content} .h-full{height:100%} .h-screen{height:100vh} .max-h-\\[184px\\]{max-height:184px} .max-h-\\[470px\\]{max-height:470px} .max-h-\\[660px\\]{max-height:660px} .max-h-\\[calc\\(100vh-168px\\)\\]{max-height:calc(100vh - 168px)} .max-h-\\[calc\\(100vh-168px-34px\\)\\]{max-height:calc(100vh - 202px)} .max-h-none{max-height:none} .min-h-\\[133px\\]{min-height:133px} .min-h-\\[140px\\]{min-height:140px} .min-h-\\[154px\\]{min-height:154px} .min-h-\\[210px\\]{min-height:210px} .min-h-\\[44px\\]{min-height:44px} .min-h-\\[54px\\]{min-height:54px} .min-h-\\[86px\\]{min-height:86px} .w-11{width:2.75rem} .w-2{width:.5rem} .w-2\\/4{width:50%} .w-3{width:.75rem} .w-4{width:1rem} .w-6{width:1.5rem} .w-60{width:15rem} .w-8{width:2rem} .w-8\\.5{width:2.125rem} .w-\\[13\\.33px\\]{width:13.33px} .w-\\[8\\.77px\\]{width:8.77px} .w-auto{width:auto} .w-fit{width:-moz-fit-content;width:fit-content} .w-full{width:100%} .w-screen{width:100vw} .min-w-0{min-width:0} .min-w-\\[288px\\]{min-width:288px} .min-w-\\[44px\\]{min-width:44px} .min-w-\\[85px\\]{min-width:85px} .max-w-\\[1008px\\]{max-width:1008px} .max-w-\\[300px\\]{max-width:300px} .max-w-\\[304px\\]{max-width:304px} .max-w-\\[400px\\]{max-width:400px} .max-w-\\[544px\\]{max-width:544px} .max-w-\\[864px\\]{max-width:864px} .max-w-full{max-width:100%} .max-w-none{max-width:none} .flex-1{flex:1 1 0%} .flex-none{flex:none} .flex-shrink-0{flex-shrink:0} .grow{flex-grow:1} .basis-0{flex-basis:0px} .-translate-x-1\\/2{--tw-translate-x:-50%} .-translate-x-1\\/2, .-translate-y-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .-translate-y-1\\/2{--tw-translate-y:-50%} .rotate-45{--tw-rotate:45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .\\!cursor-default{cursor:default!important} .\\!cursor-pointer{cursor:pointer!important} .cursor-default{cursor:default} .cursor-pointer{cursor:pointer} .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none} .resize-none{resize:none} .resize{resize:both} .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))} .flex-row{flex-direction:row} .flex-col{flex-direction:column} .flex-col-reverse{flex-direction:column-reverse} .flex-wrap{flex-wrap:wrap} .content-start{align-content:flex-start} .items-center{align-items:center} .justify-start{justify-content:flex-start} .justify-center{justify-content:center} .justify-between{justify-content:space-between} .gap-1{gap:.25rem} .gap-2{gap:.5rem} .space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))} .space-y-reverse>:not([hidden])~:not([hidden]){--tw-space-y-reverse:1} .overflow-hidden{overflow:hidden} .overflow-x-auto{overflow-x:auto} .overflow-y-auto{overflow-y:auto} .overflow-x-hidden{overflow-x:hidden} .overflow-y-visible{overflow-y:visible} .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .whitespace-normal{white-space:normal} .whitespace-nowrap{white-space:nowrap} .break-words{overflow-wrap:break-word} .break-all{word-break:break-all} .rounded{border-radius:.25rem} .rounded-\\[32px\\]{border-radius:32px} .rounded-lg{border-radius:.5rem} .rounded-md{border-radius:.375rem} .rounded-b-lg{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem} .rounded-b-md{border-bottom-left-radius:.375rem;border-bottom-right-radius:.375rem} .rounded-l-lg{border-bottom-left-radius:.5rem;border-top-left-radius:.5rem} .rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem} .rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem} .border{border-width:1px} .border-2{border-width:2px} .border-b{border-bottom-width:1px} .border-l-4{border-left-width:4px} .border-l-6{border-left-width:6px} .border-dashed{border-style:dashed} .\\!border-blue-1000{--tw-border-opacity:1!important;border-color:rgb(40,44,135,var(--tw-border-opacity,1))!important} .border-blue-1000{--tw-border-opacity:1;border-color:rgb(40,44,135,var(--tw-border-opacity,1))} .border-blue-950{--tw-border-opacity:1;border-color:rgb(29,78,216,var(--tw-border-opacity,1))} .border-border-minimal{--tw-border-opacity:1;border-color:rgb(229,231,235,var(--tw-border-opacity,1))} .border-charcoal{--tw-border-opacity:1;border-color:rgb(33,37,41,var(--tw-border-opacity,1))} .border-gray-400{--tw-border-opacity:1;border-color:rgb(196,201,204,var(--tw-border-opacity,1))} .border-gray-800{--tw-border-opacity:1;border-color:rgb(93,99,107,var(--tw-border-opacity,1))} .border-gray-850{--tw-border-opacity:1;border-color:rgb(75,85,99,var(--tw-border-opacity,1))} .border-green-700{--tw-border-opacity:1;border-color:rgb(22,163,74,var(--tw-border-opacity,1))} .border-green-800{--tw-border-opacity:1;border-color:rgb(0,102,5,var(--tw-border-opacity,1))} .border-green-900{--tw-border-opacity:1;border-color:rgb(21,128,61,var(--tw-border-opacity,1))} .border-red-600{--tw-border-opacity:1;border-color:rgb(220,38,38,var(--tw-border-opacity,1))} .border-red-800{--tw-border-opacity:1;border-color:rgb(217,12,85,var(--tw-border-opacity,1))} .border-red-850{--tw-border-opacity:1;border-color:rgb(219,39,119,var(--tw-border-opacity,1))} .border-red-900{--tw-border-opacity:1;border-color:rgb(190,24,93,var(--tw-border-opacity,1))} .border-soft-blue{--tw-border-opacity:1;border-color:rgb(84,101,251,var(--tw-border-opacity,1))} .border-white{--tw-border-opacity:1;border-color:rgb(255,255,255,var(--tw-border-opacity,1))} .\\!bg-violet-100{--tw-bg-opacity:1!important;background-color:rgb(235,235,255,var(--tw-bg-opacity,1))!important} .\\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255,255,255,var(--tw-bg-opacity,1))!important} .bg-black{--tw-bg-opacity:1;background-color:rgb(0,0,0,var(--tw-bg-opacity,1))} .bg-blue-1000{--tw-bg-opacity:1;background-color:rgb(40,44,135,var(--tw-bg-opacity,1))} .bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239,246,255,var(--tw-bg-opacity,1))} .bg-charcoal\\/30{background-color:rgba(33,37,41,.3)} .bg-charcoal\\/80{background-color:rgba(33,37,41,.8)} .bg-gray-100{--tw-bg-opacity:1;background-color:rgb(247,250,250,var(--tw-bg-opacity,1))} .bg-gray-50{--tw-bg-opacity:1;background-color:rgb(244,244,244,var(--tw-bg-opacity,1))} .bg-gray-900{--tw-bg-opacity:1;background-color:rgb(57,62,69,var(--tw-bg-opacity,1))} .bg-green-300{--tw-bg-opacity:1;background-color:rgb(241,254,241,var(--tw-bg-opacity,1))} .bg-green-400{--tw-bg-opacity:1;background-color:rgb(240,253,244,var(--tw-bg-opacity,1))} .bg-red-200{--tw-bg-opacity:1;background-color:rgb(254,202,202,var(--tw-bg-opacity,1))} .bg-red-300{--tw-bg-opacity:1;background-color:rgb(253,243,247,var(--tw-bg-opacity,1))} .bg-red-50{--tw-bg-opacity:1;background-color:rgb(253,242,248,var(--tw-bg-opacity,1))} .bg-soft-blue{--tw-bg-opacity:1;background-color:rgb(84,101,251,var(--tw-bg-opacity,1))} .bg-transparent{background-color:transparent} .bg-violet-100{--tw-bg-opacity:1;background-color:rgb(235,235,255,var(--tw-bg-opacity,1))} .bg-violet-150{--tw-bg-opacity:1;background-color:rgb(205,208,254,var(--tw-bg-opacity,1))} .bg-white{--tw-bg-opacity:1;background-color:rgb(255,255,255,var(--tw-bg-opacity,1))} .bg-white\\/80{background-color:hsla(0,0%,100%,.8)} .bg-yellow-1000{--tw-bg-opacity:1;background-color:rgb(251,217,27,var(--tw-bg-opacity,1))} .bg-opacity-5{--tw-bg-opacity:0.05} .object-contain{-o-object-fit:contain;object-fit:contain} .p-0\\.5{padding:.125rem} .p-1{padding:.25rem} .p-1\\.5{padding:.375rem} .p-2{padding:.5rem} .p-3{padding:.75rem} .p-4{padding:1rem} .p-5{padding:1.25rem} .p-6{padding:1.5rem} .px-0{padding-left:0;padding-right:0} .px-2{padding-left:.5rem;padding-right:.5rem} .px-3{padding-left:.75rem;padding-right:.75rem} .px-4{padding-left:1rem;padding-right:1rem} .py-1{padding-bottom:.25rem;padding-top:.25rem} .py-1\\.5{padding-bottom:.375rem;padding-top:.375rem} .py-2{padding-bottom:.5rem;padding-top:.5rem} .py-\\[9px\\]{padding-bottom:9px;padding-top:9px} .\\!pr-11{padding-right:2.75rem!important} .pb-0{padding-bottom:0} .pb-10{padding-bottom:2.5rem} .pb-2{padding-bottom:.5rem} .pb-3{padding-bottom:.75rem} .pb-\\[72px\\]{padding-bottom:72px} .pl-13\\.2{padding-left:3.125rem} .pl-24{padding-left:6rem} .pl-3{padding-left:.75rem} .pl-4{padding-left:1rem} .pr-10{padding-right:2.5rem} .pr-2\\.5{padding-right:.625rem} .pr-3{padding-right:.75rem} .pr-4{padding-right:1rem} .pt-0{padding-top:0} .pt-0\\.5{padding-top:.125rem} .pt-14{padding-top:3.5rem} .pt-4{padding-top:1rem} .pt-6{padding-top:1.5rem} .pt-\\[15px\\]{padding-top:15px} .pt-\\[55px\\]{padding-top:55px} .text-left{text-align:left} .text-center{text-align:center} .align-middle{vertical-align:middle} .text-base{font-size:1rem;line-height:1.5rem} .text-lg{font-size:1.125rem;line-height:1.75rem} .text-sm{font-size:.875rem;line-height:1.25rem} .text-xl{font-size:1.25rem;line-height:1.75rem} .font-bold{font-weight:700} .font-normal{font-weight:400} .font-semibold{font-weight:600} .leading-12{line-height:3rem} .leading-4{line-height:1rem} .leading-5{line-height:1.25rem} .leading-6{line-height:1.5rem} .leading-\\[1\\.3\\]{line-height:1.3} .leading-\\[1\\.5\\]{line-height:1.5} .leading-\\[150\\%\\]{line-height:150%} .leading-\\[19px\\]{line-height:19px} .leading-\\[22px\\]{line-height:22px} .\\!text-gray-900{--tw-text-opacity:1!important;color:rgb(57,62,69,var(--tw-text-opacity,1))!important} .text-blue-1000{--tw-text-opacity:1;color:rgb(40,44,135,var(--tw-text-opacity,1))} .text-blue-500{--tw-text-opacity:1;color:rgb(37,99,235,var(--tw-text-opacity,1))} .text-blue-850{--tw-text-opacity:1;color:rgb(46,47,212,var(--tw-text-opacity,1))} .text-charcoal{--tw-text-opacity:1;color:rgb(33,37,41,var(--tw-text-opacity,1))} .text-gray-500{--tw-text-opacity:1;color:rgb(107,114,128,var(--tw-text-opacity,1))} .text-gray-800{--tw-text-opacity:1;color:rgb(93,99,107,var(--tw-text-opacity,1))} .text-gray-860{--tw-text-opacity:1;color:rgb(55,65,81,var(--tw-text-opacity,1))} .text-green-700{--tw-text-opacity:1;color:rgb(22,163,74,var(--tw-text-opacity,1))} .text-green-750{--tw-text-opacity:1;color:rgb(22,101,52,var(--tw-text-opacity,1))} .text-green-800{--tw-text-opacity:1;color:rgb(0,102,5,var(--tw-text-opacity,1))} .text-green-900{--tw-text-opacity:1;color:rgb(21,128,61,var(--tw-text-opacity,1))} .text-inherit{color:inherit} .text-primary-emphasis{--tw-text-opacity:1;color:rgb(8,38,99,var(--tw-text-opacity,1))} .text-red-400{--tw-text-opacity:1;color:rgb(157,23,77,var(--tw-text-opacity,1))} .text-red-800{--tw-text-opacity:1;color:rgb(217,12,85,var(--tw-text-opacity,1))} .text-red-850{--tw-text-opacity:1;color:rgb(219,39,119,var(--tw-text-opacity,1))} .text-red-900{--tw-text-opacity:1;color:rgb(190,24,93,var(--tw-text-opacity,1))} .text-white{--tw-text-opacity:1;color:rgb(255,255,255,var(--tw-text-opacity,1))} .underline{text-decoration-line:underline} .opacity-0{opacity:0} .opacity-5{opacity:.05} .opacity-50{opacity:.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 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)} .shadow-md{--tw-shadow:0px 2px 8px rgba(0,0,0,.2);--tw-shadow-colored:0px 2px 8px var(--tw-shadow-color)} .\\!outline-none{outline:2px solid transparent!important;outline-offset:2px!important} .outline-none{outline:2px solid transparent;outline-offset:2px} .blur{--tw-blur:blur(8px)} .blur, .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .backdrop-blur-md{--tw-backdrop-blur:blur(12px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)} .transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)} .duration-300{transition-duration:.3s} :host, html{-webkit-tap-highlight-color:inherit!important;--missing-border-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%2316a34aff' stroke-dasharray='6,4' stroke-width='4' rx='8' ry='8'/%3E%3C/svg%3E");--missing-border-svg-active:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%233345df' stroke-dasharray='6,4' stroke-width='4' rx='8' ry='8'/%3E%3C/svg%3E")} mjx-container[jax=CHTML]:not([display=true]){align-items:baseline;display:inline-flex} .active\\:raw-focus-ring-by:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;--tw-ring-offset-color:#212529} .active\\:raw-focus-ring-by:active, .active\\:raw-focus-ring:active{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);outline:2px solid transparent;outline-offset:2px;transition-duration:50ms} .active\\:raw-focus-ring:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px}@media (min-width:732px){ .md\\:item-heading{font-size:1.25rem;letter-spacing:-.025em;line-height:1.5rem;--tw-text-opacity:1;color:rgb(40,44,135,var(--tw-text-opacity,1))}}@media (hover:hover) and (pointer:fine){ .td\\:hover-focus-ring:hover{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity,1));--tw-ring-offset-width: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,.051)} .hover\\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(222,222,255,var(--tw-bg-opacity,1))} .hover\\:bg-yellow-1000:hover{--tw-bg-opacity:1;background-color:rgb(251,217,27,var(--tw-bg-opacity,1))} .hover\\:text-charcoal:hover{--tw-text-opacity:1;color:rgb(33,37,41,var(--tw-text-opacity,1))} .hover\\:underline:hover{text-decoration-line:underline} .hover\\:decoration-2:hover{text-decoration-thickness:2px} .hover\\:underline-offset-\\[25\\%\\]:hover{text-underline-offset:25%} .focus-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,1))} .focus-visible\\:border-gray-400:focus-visible{--tw-border-opacity:1;border-color:rgb(196,201,204,var(--tw-border-opacity,1))} .focus-visible\\:border-gray-800:focus-visible{--tw-border-opacity:1;border-color:rgb(93,99,107,var(--tw-border-opacity,1))} .focus-visible\\:bg-yellow-900:focus-visible{--tw-bg-opacity:1;background-color:rgb(253,224,71,var(--tw-bg-opacity,1))} .focus-visible\\:text-charcoal:focus-visible{--tw-text-opacity:1;color:rgb(33,37,41,var(--tw-text-opacity,1))} .focus-visible\\:underline:focus-visible{text-decoration-line:underline} .focus-visible\\:decoration-2:focus-visible{text-decoration-thickness:2px} .focus-visible\\:underline-offset-\\[25\\%\\]:focus-visible{text-underline-offset:25%} .focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px} .focus-visible\\:ring-4:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)} .focus-visible\\:ring-soft-blue:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity,1))} .focus-visible\\:ring-offset-4:focus-visible{--tw-ring-offset-width:4px} .focus-visible\\:duration-50:focus-visible{transition-duration:50ms} .active\\:bg-black-55:active, .active\\:bg-black-60:active{background-color:rgba(0,0,0,.102)} .active\\:bg-yellow-1100:active{--tw-bg-opacity:1;background-color:rgb(238,206,26,var(--tw-bg-opacity,1))} .active\\:text-charcoal:active{--tw-text-opacity:1;color:rgb(33,37,41,var(--tw-text-opacity,1))} .disabled\\:text-gray-40:disabled{--tw-text-opacity:1;color:rgb(142,147,153,var(--tw-text-opacity,1))} .disabled\\:hover\\:bg-white:hover:disabled{--tw-bg-opacity:1;background-color:rgb(255,255,255,var(--tw-bg-opacity,1))} .group:hover .group-hover\\:underline{text-decoration-line:underline} .group.active .group-\\[\\.active\\]\\:border-b-2{border-bottom-width:2px}@media (min-width:732px){ .md\\:inset-0{inset:0} .md\\:top-20{top:5rem} .md\\:mb-2{margin-bottom:.5rem} .md\\:mb-4{margin-bottom:1rem} .md\\:mb-8{margin-bottom:2rem} .md\\:ml-0{margin-left:0} .md\\:mt-0{margin-top:0} .md\\:mt-14{margin-top:3.5rem} .md\\:block{display:block} .md\\:inline-block{display:inline-block} .md\\:flex{display:flex} .md\\:grid{display:grid} .md\\:hidden{display:none} .md\\:h-11{height:2.75rem} .md\\:h-5{height:1.25rem} .md\\:h-\\[13\\.5px\\]{height:13.5px} .md\\:h-fit{height:-moz-fit-content;height:fit-content} .md\\:max-h-\\[calc\\(100vh-128px\\)\\]{max-height:calc(100vh - 128px)} .md\\:max-h-\\[calc\\(100vh-128px-54px\\)\\]{max-height:calc(100vh - 182px)} .md\\:min-h-0{min-height:0} .md\\:min-h-\\[140px\\]{min-height:140px} .md\\:min-h-\\[164px\\]{min-height:164px} .md\\:w-1\\/2{width:50%} .md\\:w-11{width:2.75rem} .md\\:w-5{width:1.25rem} .md\\:w-\\[13\\.5px\\]{width:13.5px} .md\\:w-fit{width:-moz-fit-content;width:fit-content} .md\\:max-w-\\[calc\\(100vw-164px\\)\\]{max-width:calc(100vw - 164px)} .md\\:flex-none{flex:none} .md\\:grow-0{flex-grow:0} .md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))} .md\\:flex-row{flex-direction:row} .md\\:flex-col{flex-direction:column} .md\\:items-start{align-items:flex-start} .md\\:items-center{align-items:center} .md\\:justify-normal{justify-content:normal} .md\\:justify-center{justify-content:center} .md\\:justify-between{justify-content:space-between} .md\\:gap-4{gap:1rem} .md\\:gap-6{gap:1.5rem} .md\\:gap-x-4{-moz-column-gap:1rem;column-gap:1rem} .md\\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))} .md\\:overflow-visible{overflow:visible} .md\\:rounded-lg{border-radius:.5rem} .md\\:rounded-md{border-radius:.375rem} .md\\:rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0} .md\\:border{border-width:1px} .md\\:border-gray-400{--tw-border-opacity:1;border-color:rgb(196,201,204,var(--tw-border-opacity,1))} .md\\:\\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255,255,255,var(--tw-bg-opacity,1))!important} .md\\:p-4{padding:1rem} .md\\:px-0{padding-left:0;padding-right:0} .md\\:px-4{padding-left:1rem;padding-right:1rem} .md\\:px-6{padding-left:1.5rem;padding-right:1.5rem} .md\\:px-\\[82px\\]{padding-left:82px;padding-right:82px} .md\\:pb-0{padding-bottom:0} .md\\:pl-13\\.2{padding-left:3.125rem} .md\\:pl-4{padding-left:1rem} .md\\:pr-4{padding-right:1rem} .md\\:pt-20\\.5{padding-top:5.125rem} .md\\:text-center{text-align:center} .md\\:text-lg{font-size:1.125rem;line-height:1.75rem} .md\\:shadow-\\[0_0_\\#0000\\]{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)} .md\\:\\[grid-template-columns\\:repeat\\(2\\,minmax\\(auto\\,304px\\)\\)\\]{grid-template-columns:repeat(2,minmax(auto,304px))}}@media (min-width:1196px){ .lg\\:left-16{left:4rem} .lg\\:right-16{right:4rem} .lg\\:flex{display:flex} .lg\\:hidden{display:none} .lg\\:max-h-\\[calc\\(100vh-192px\\)\\]{max-height:calc(100vh - 192px)} .lg\\:max-h-\\[calc\\(100vh-192px-54px\\)\\]{max-height:calc(100vh - 246px)} .lg\\:min-h-\\[224px\\]{min-height:224px} .lg\\:w-full{width:100%} .lg\\:max-w-\\[50\\%\\]{max-width:50%} .lg\\:max-w-\\[calc\\(100vw-248px\\)\\]{max-width:calc(100vw - 248px)} .lg\\:grow{flex-grow:1} .lg\\:basis-1\\/2{flex-basis:50%} .lg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))} .lg\\:justify-start{justify-content:flex-start} .lg\\:rounded-b-lg{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem} .lg\\:rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem} .lg\\:px-16{padding-left:4rem;padding-right:4rem} .lg\\:px-\\[128px\\]{padding-left:128px;padding-right:128px} .lg\\:py-24{padding-bottom:6rem;padding-top:6rem} .lg\\:pt-6{padding-top:1.5rem}}@media (hover:hover) and (pointer:fine){ .td\\:border-2{border-width:2px} .td\\:border-blue-900{--tw-border-opacity:1;border-color:rgb(59,64,240,var(--tw-border-opacity,1))} .td\\:hover\\:cursor-grab:hover{cursor:grab} .td\\:hover\\:bg-black-50:hover{background-color:rgba(0,0,0,.051)} .td\\:hover\\:bg-violet-100:hover{--tw-bg-opacity:1;background-color:rgb(235,235,255,var(--tw-bg-opacity,1))} .td\\:hover\\:text-soft-blue:hover{--tw-text-opacity:1;color:rgb(84,101,251,var(--tw-text-opacity,1))} .group:hover .td\\:group-hover\\:bg-black{--tw-bg-opacity:1;background-color:rgb(0,0,0,var(--tw-bg-opacity,1))} .group:hover .td\\:group-hover\\:opacity-5{opacity:.05}}@media (pointer:coarse){ .coarse\\:active\\:bg-yellow-900:active{--tw-bg-opacity:1;background-color:rgb(253,224,71,var(--tw-bg-opacity,1))}}`
+  code: ` *, :after, :before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style:} ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style:} *, :after, :before{border:0 solid #e5e7eb;box-sizing:border-box} :after, :before{--tw-content:""} :host, html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:Mulish,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent} body{line-height:inherit;margin:0} hr{border-top-width:1px;color:inherit;height:0} abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted} h1, h2, h3, h4, h5, h6{font-size:inherit;font-weight:inherit} a{color:inherit;text-decoration:inherit} b, strong{font-weight:bolder} code, kbd, pre, samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal} small{font-size:80%} sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sub{bottom:-.25em} sup{top:-.5em} table{border-collapse:collapse;border-color:inherit;text-indent:0} button, input, optgroup, select, textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0} button, select{text-transform:none} button, input:where([type=button]), input:where([type=reset]), input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none} :-moz-focusring{outline:auto} :-moz-ui-invalid{box-shadow:none} progress{vertical-align:baseline} ::-webkit-inner-spin-button, ::-webkit-outer-spin-button{height:auto} [type=search]{-webkit-appearance:textfield;outline-offset:-2px} ::-webkit-search-decoration{-webkit-appearance:none} ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit} summary{display:list-item} blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre{margin:0} fieldset{margin:0} fieldset, legend{padding:0} menu, ol, ul{list-style:none;margin:0;padding:0} dialog{padding:0} textarea{resize:vertical} input::-moz-placeholder, textarea::-moz-placeholder{color:#9ca3af;opacity:1} input::placeholder, textarea::placeholder{color:#9ca3af;opacity:1} [role=button], button{cursor:pointer} :disabled{cursor:default} audio, canvas, embed, iframe, img, object, svg, video{display:block;vertical-align:middle} img, video{height:auto;max-width:100%} [hidden]:where(:not([hidden=until-found])){display:none} *{font-family:Mulish,sans-serif} input::-moz-selection, textarea::-moz-selection{background-color:hsla(0,0%,85%,.4)} input::selection, textarea::selection{background-color:hsla(0,0%,85%,.4)} .container{width:100%}@media (min-width:732px){ .container{max-width:732px}}@media (min-width:1196px){ .container{max-width:1196px}} .p2{font-size:1rem;font-weight:600;line-height:1.5rem;line-height:130%} .p3{font-size:.875rem;font-weight:400;line-height:1.25rem;line-height:1.5} .blanket-overlay{inset:0;position:absolute} .item-heading{font-size:1.25rem;letter-spacing:-.025em;line-height:1.5rem;--tw-text-opacity:1;color:rgb(40,44,135,var(--tw-text-opacity,1))} .focus-ring:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity,1));--tw-ring-offset-width:4px} .focus-ring:focus, .raw-focus-ring{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);outline:2px solid transparent;outline-offset:2px;transition-duration:50ms} .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,1));--tw-ring-offset-width:2px} .focus-ring-by-dropdown{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);border-color:rgb(59,64,240,var(--tw-border-opacity,1));border-width:2px;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);box-shadow:0 0 0 2px #fff,0 0 0 4px #212529,0 0 0 6px #fde047} .divider, .focus-ring-by-dropdown{--tw-border-opacity:1} .divider{border-bottom-width:1px;border-color:rgb(218,224,224,var(--tw-border-opacity,1))}@keyframes svelte-1dpid58-pulse{50%{opacity:.5}} .animate-skeleton{animation:svelte-1dpid58-pulse 2s cubic-bezier(.4,0,.6,1) infinite;--tw-bg-opacity:1;background-color:rgb(226,232,240,var(--tw-bg-opacity,1))} .btn-mcq-option:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;--tw-ring-offset-color:#212529;outline:2px solid transparent;outline-offset:2px;transition-duration:50ms} .btn-mcq-option{font-size:1rem;line-height:1.5rem;line-height:19.2px;margin-bottom:1rem;min-height:52px;width:100%;--tw-text-opacity:1;border-radius:.5rem;border-width:1px;box-sizing:border-box;color:rgb(33,37,41,var(--tw-text-opacity,1));--tw-border-opacity:1;border-color:rgb(107,114,128,var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(249,250,251,var(--tw-bg-opacity,1))} .btn-mcq-option:active{border-width:2px;--tw-border-opacity:1;border-color:rgb(59,64,240,var(--tw-border-opacity,1))}@media (hover:hover) and (pointer:fine){ .btn-mcq-option:hover{border-width:2px;--tw-border-opacity:1;border-color:rgb(59,64,240,var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(238,240,255,var(--tw-bg-opacity,1))}} .btn-mcq-text{align-items:center;display:flex;padding:.375rem .75rem;width:100%}@supports (overflow-wrap:anywhere){ .btn-mcq-text{overflow-wrap:anywhere}}@supports not (overflow-wrap:anywhere){ .btn-mcq-text{word-break:break-word}} .btn-mcq-option>span>span>span>.choice{align-items:center;border-radius:1rem;border-width:1px;display:flex;font-size:1rem;font-weight:700;height:2rem;justify-content:center;letter-spacing:.05em;line-height:1rem;width:2rem;--tw-border-opacity:1;border-color:rgb(156,163,175,var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255,255,255,var(--tw-bg-opacity,1));padding:.5rem;--tw-text-opacity:1;color:rgb(33,37,41,var(--tw-text-opacity,1))} .btn-mcq-option.selected{border-width:2px;--tw-border-opacity:1;background-color:rgb(40,44,135,var(--tw-bg-opacity,1));border-color:rgb(40,44,135,var(--tw-border-opacity,1))} .btn-mcq-option.selected, .btn-mcq-option.selected:active{--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(255,255,255,var(--tw-text-opacity,1))} .btn-mcq-option.selected:active{background-color:rgb(84,101,251,var(--tw-bg-opacity,1))}@media (hover:hover) and (pointer:fine){ .btn-mcq-option.selected:hover{--tw-bg-opacity:1;background-color:rgb(84,101,251,var(--tw-bg-opacity,1))}} .btn-mcq-option.finished{cursor:default} .btn-mcq-option.finished:active, .btn-mcq-option.finished:hover{border-width:1px;--tw-border-opacity:1;border-color:rgb(107,114,128,var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(249,250,251,var(--tw-bg-opacity,1))} .btn-mcq-option.selected>span>span>.choice{--tw-bg-opacity:1;background-color:rgb(238,240,255,var(--tw-bg-opacity,1))} .btn-mcq-option>span>span>span>.custom-checkbox{align-items:center;border-radius:.25rem;border-width:1px;display:flex;height:1.75rem;justify-content:center;pointer-events:none;width:1.75rem;--tw-border-opacity:1;border-color:rgb(75,85,99,var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255,255,255,var(--tw-bg-opacity,1))}@media (hover:hover) and (pointer:fine){ .btn-mcq-option:hover>span>span>span>.custom-checkbox{border-width:2px;--tw-border-opacity:1;border-color:rgb(59,64,240,var(--tw-border-opacity,1))}} .btn-mcq-option:active>span>span>span>.custom-checkbox{border-width:2px;--tw-border-opacity:1;border-color:rgb(40,44,135,var(--tw-border-opacity,1))} .btn-mcq-option.selected>span>span>span>.custom-checkbox{border-width:0;pointer-events:none;--tw-bg-opacity:1;background-color:rgb(84,101,251,var(--tw-bg-opacity,1))}@media (hover:hover) and (pointer:fine){ .btn-mcq-option.selected:hover>span>span>span>.custom-checkbox{border-width:0;--tw-bg-opacity:1;background-color:rgb(76,91,226,var(--tw-bg-opacity,1))}} .btn-mcq-option.selected:active>span>span>span>.custom-checkbox{border-width:0;--tw-bg-opacity:1;background-color:rgb(40,44,135,var(--tw-bg-opacity,1))} .btn-mcq-option.finished:active>span>span>span>.custom-checkbox:not(.inactive), .btn-mcq-option.finished:hover>span>span>span>.custom-checkbox:not(.inactive){border-width:1px;--tw-border-opacity:1;border-color:rgb(107,114,128,var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255,255,255,var(--tw-bg-opacity,1))} .btn-mcq-option>span>span>span>.custom-checkbox.inactive{border-width:1px;--tw-border-opacity:1;border-color:rgb(156,163,175,var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(229,231,235,var(--tw-bg-opacity,1))} .btn-mcq-option.missing.\\!correct, .btn-mcq-option.missing.correct{border-width:1px;--tw-border-opacity:1;border-color:rgb(22,163,74,var(--tw-border-opacity,1))}@media (hover:hover) and (pointer:fine){ .btn-mcq-option.\\!correct.interactive:active, .btn-mcq-option.\\!correct.interactive:hover, .btn-mcq-option.correct.interactive:active, .btn-mcq-option.correct.interactive:hover, .btn-mcq-option.incorrect.interactive:active, .btn-mcq-option.incorrect.interactive:hover, .btn-mcq-option.missing.interactive:active, .btn-mcq-option.missing.interactive:hover{border-width:2px;--tw-border-opacity:1;border-color:rgb(59,64,240,var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(238,240,255,var(--tw-bg-opacity,1))}} .btn-mcq-option.selected.\\!correct, .btn-mcq-option.selected.correct{background-color:rgb(240,253,244,var(--tw-bg-opacity,1));border-color:rgb(22,163,74,var(--tw-border-opacity,1));border-width:1px} .btn-mcq-option.selected.\\!correct, .btn-mcq-option.selected.correct, .btn-mcq-option.selected.incorrect{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(33,37,41,var(--tw-text-opacity,1))} .btn-mcq-option.selected.incorrect{background-color:rgb(249,250,251,var(--tw-bg-opacity,1));border-color:rgb(219,39,119,var(--tw-border-opacity,1));border-width:1px} .btn-mcq-option.selected.\\!correct>span>span>span>.choice, .btn-mcq-option.selected.correct>span>span>span>.choice, .btn-mcq-option.selected.incorrect>span>span>span>.choice{border-width:1px;--tw-border-opacity:1;border-color:rgb(113,115,119,var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255,255,255,var(--tw-bg-opacity,1))} .btn-pressed{border-width:2px;--tw-border-opacity:1;border-color:rgb(51,69,223,var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(249,250,251,var(--tw-bg-opacity,1));--tw-shadow:inset 0 0 0 100vmax rgba(0,0,0,.05);--tw-shadow-colored:inset 0 0 0 100vmax var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)} .btn-base:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;--tw-ring-offset-color:#212529;outline:2px solid transparent;outline-offset:2px;transition-duration:50ms} .btn-base{align-items:center;display:inline-flex;justify-content:center}@media (hover:hover) and (pointer:fine){ .btn-base:hover{border-width:2px;--tw-border-opacity:1;border-color:rgb(59,64,240,var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(249,250,251,var(--tw-bg-opacity,1))}} .btn-base:active{border-width:2px;--tw-border-opacity:1;border-color:rgb(51,69,223,var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(249,250,251,var(--tw-bg-opacity,1));--tw-shadow:inset 0 0 0 100vmax rgba(0,0,0,.05);--tw-shadow-colored:inset 0 0 0 100vmax var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)} .btn-touch-container{align-items:center;display:flex;height:2.75rem;justify-content:center;width:2.75rem} .btn-touch-container:focus{outline:2px solid transparent;outline-offset:2px} .btn-icon-sm{align-items:center;background-color:hsla(0,0%,100%,.8);border-radius:.25rem;display:flex;height:1.5rem;justify-content:center;width:1.5rem}@media (hover:hover) and (pointer:fine){ .btn-touch-container:hover>.btn-icon-sm{border-width:2px;--tw-border-opacity:1;border-color:rgb(59,64,240,var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(249,250,251,var(--tw-bg-opacity,1))}} .btn-touch-container:active>.btn-icon-sm{border-width:2px;--tw-border-opacity:1;border-color:rgb(51,69,223,var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(249,250,251,var(--tw-bg-opacity,1));--tw-shadow:inset 0 0 0 100vmax rgba(0,0,0,.05);--tw-shadow-colored:inset 0 0 0 100vmax var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)} .btn-touch-container:focus-visible>.btn-icon-sm{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;--tw-ring-offset-color:#212529;outline:2px solid transparent;outline-offset:2px;transition-duration:50ms} .typein-textbox:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity,1));--tw-ring-offset-width:4px;transition-duration:50ms} .typein-textbox{border-radius:.5rem;border-width:1px;width:100%;--tw-border-opacity:1;border-color:rgb(75,85,99,var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255,255,255,var(--tw-bg-opacity,1));font-size:1rem;line-height:1.5rem;padding:.75rem 1rem;--tw-text-opacity:1;color:rgb(33,37,41,var(--tw-text-opacity,1))} .typein-textbox::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(55,65,81,var(--tw-placeholder-opacity,1))} .typein-textbox::placeholder{--tw-placeholder-opacity:1;color:rgb(55,65,81,var(--tw-placeholder-opacity,1))} .typein-textbox:focus{border-width:2px;--tw-border-opacity:1;border-color:rgb(59,64,240,var(--tw-border-opacity,1))}@media (hover:hover) and (pointer:fine){ .typein-textbox:hover{border-width:2px;--tw-border-opacity:1;border-color:rgb(59,64,240,var(--tw-border-opacity,1))}} .typein-textbox:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);outline-color:#212529;outline-width:2px}@media (hover:hover) and (pointer:fine){ .typein-textbox:hover{outline-color:#212529;outline-width:2px}} .typein-textbox:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity,1))} .typein-textbox-locked{cursor:default} .typein-textbox-locked:focus{border-width:1px;--tw-border-opacity:1;border-color:rgb(75,85,99,var(--tw-border-opacity,1));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)} .typein-textbox-locked:focus-visible{border-width:2px;--tw-border-opacity:1;border-color:rgb(59,64,240,var(--tw-border-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);outline-color:#212529;outline-width:2px;--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity,1))}@media (hover:hover) and (pointer:fine){ .typein-textbox.typein-textbox-hover-neutral:hover{border-width:1px;--tw-border-opacity:1;border-color:rgb(75,85,99,var(--tw-border-opacity,1))} .typein-textbox.typein-textbox-hover-correct:hover{border-width:2px;--tw-border-opacity:1;border-color:rgb(22,163,74,var(--tw-border-opacity,1))} .typein-textbox.typein-textbox-hover-incorrect:hover{border-width:2px;--tw-border-opacity:1;border-color:rgb(219,39,119,var(--tw-border-opacity,1))}} .typein-textbox-locked.typein-textbox-hover-correct:focus-visible, .typein-textbox-locked.typein-textbox-hover-incorrect:focus-visible, .typein-textbox-locked.typein-textbox-hover-neutral:focus-visible{border-width:2px;--tw-border-opacity:1;border-color:rgb(59,64,240,var(--tw-border-opacity,1))} .typein-textbox-missing{cursor:default}@media (hover:hover) and (pointer:fine){ .typein-textbox-missing:hover{border-width:2px;--tw-border-opacity:1;border-color:rgb(22,163,74,var(--tw-border-opacity,1));outline:2px solid transparent;outline-offset:2px}} .typein-textbox-missing:focus{border-width:1px;--tw-border-opacity:1;border-color:rgb(75,85,99,var(--tw-border-opacity,1));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)} .typein-textbox-missing:focus-visible{border-width:2px;--tw-border-opacity:1;border-color:rgb(59,64,240,var(--tw-border-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);outline-color:#212529;outline-width:2px;--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity,1))} .inline-typein-container>p{font-size:1.25rem;font-weight:600;line-height:3rem;--tw-text-opacity:1;color:rgb(40,44,135,var(--tw-text-opacity,1))} #dnd-action-dragged-el{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;cursor:grabbing!important;transition-duration:50ms;--tw-border-opacity:1!important;border-color:rgb(93,99,107,var(--tw-border-opacity,1))!important;--tw-bg-opacity:1!important;background-color:rgb(205,208,254,var(--tw-bg-opacity,1))!important} #dnd-action-dragged-el .btn-vertical-icon{cursor:grabbing!important;--tw-text-opacity:1;color:rgb(40,44,135,var(--tw-text-opacity,1))} #dnd-action-dragged-el .preview-icon{display:none!important} #dnd-action-dragged-el .preview-vertical{display:block!important} .category-content>.missing-answer-label{display:block} .category-content>.missing-answer-label~.missing-answer-label{display:none} .image-description, .text-stimulus{padding-bottom:1rem;padding-top:1rem} .text-stimulus p{font-size:1.25rem;line-height:1.75rem;padding-bottom:.5rem;--tw-text-opacity:1;color:rgb(40,44,135,var(--tw-text-opacity,1))} .image-description p{font-size:.875rem;line-height:1.25rem;padding-bottom:.5rem;--tw-text-opacity:1;color:rgb(33,37,41,var(--tw-text-opacity,1))} .text-stimulus ol, .text-stimulus ul{font-size:1rem;line-height:1.5rem;list-style-position:inside;padding-bottom:.5rem;padding-left:.5rem} .text-stimulus ol ::marker, .text-stimulus ul ::marker{color:#282c87} .text-stimulus ol::marker, .text-stimulus ul::marker{color:#282c87} .image-description ol, .image-description ul{font-size:.875rem;line-height:1.25rem;list-style-position:inside;padding-bottom:.5rem;padding-left:.5rem} .image-description ol ::marker, .image-description ul ::marker{color:#212529} .image-description ol::marker, .image-description ul::marker{color:#212529} .image-description ul, .text-stimulus ul{list-style-type:disc} .image-description ol, .text-stimulus ol{list-style-type:decimal} .image-description ul li>p, .text-stimulus ul li>p{margin-left:-.5rem} .text-stimulus ol>li>p, .text-stimulus ul>li>p{display:inline;font-size:1rem;line-height:1.5rem;padding-bottom:0;padding-top:0} .image-description ol>li>p, .image-description ul>li>p{display:inline;font-size:.875rem;line-height:1.25rem;padding-bottom:0;padding-top:0} .image-description div.table-container:focus, .text-stimulus div.table-container:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity,1));--tw-ring-offset-width:4px;transition-duration:50ms} .image-description div.table-container, .text-stimulus div.table-container{border-radius:.5rem;overflow:auto;padding-left:.125rem;padding-right:.125rem} .image-description table, .text-stimulus table{margin-bottom:1rem;margin-top:.5rem;width:100%;--tw-border-spacing-x:0.75rem;--tw-border-spacing-y:0.75rem;border-radius:.5rem;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);overflow-x:auto;--tw-shadow:0 0 0 1px #9ca3af;--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)} .image-description table tr, .text-stimulus table tr{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(156,163,175,var(--tw-border-opacity,1))} .image-description table tr:last-child, .text-stimulus table tr:last-child{border-color:transparent} .image-description table td, .image-description table th, .text-stimulus table td, .text-stimulus table th{border-left-width:1px;min-width:140px;--tw-border-opacity:1;border-color:rgb(156,163,175,var(--tw-border-opacity,1))} .image-description table td:first-child, .image-description table th:first-child, .text-stimulus table td:first-child, .text-stimulus table th:first-child{border-style:none} .text-stimulus table td>p, .text-stimulus table th>p{font-size:1rem;line-height:1.5rem;padding:.75rem;text-align:left;--tw-text-opacity:1;color:rgb(33,37,41,var(--tw-text-opacity,1))} .image-description table td>p, .image-description table th>p{font-size:.875rem;line-height:1.25rem;padding:.75rem;text-align:left;--tw-text-opacity:1;color:rgb(33,37,41,var(--tw-text-opacity,1))} .text-stimulus table th>p{font-weight:400} .image-description table th p, .prompt p, .text-stimulus table th p{font-weight:600} .prompt p b, .prompt p b i, .prompt p b i u, .prompt p b u, .prompt p b u i, .prompt p i b, .prompt p i b u, .prompt p i u b, .prompt p u b, .prompt p u b i, .prompt p u i b, .text-stimulus table th p b, .text-stimulus table th p b i, .text-stimulus table th p b i u, .text-stimulus table th p b u, .text-stimulus table th p b u i, .text-stimulus table th p i b, .text-stimulus table th p i b u, .text-stimulus table th p i u b, .text-stimulus table th p u b, .text-stimulus table th p u b i, .text-stimulus table th p u i b{font-weight:900} .dropdown-text:not(:last-child), .dropdown:not(:last-child){margin-right:1rem} .dropdown-container{align-items:center;border-radius:.5rem;border-width:1px;display:flex;height:2.75rem;overflow:hidden;white-space:nowrap;width:15rem;--tw-border-opacity:1;border-color:rgb(75,85,99,var(--tw-border-opacity,1))} .dropdown-container:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)} .dropdown-container:active, .dropdown-container:focus{border-width:2px;box-shadow:0 0 0 2px #fff,0 0 0 4px #212529,0 0 0 6px #fde047;--tw-border-opacity:1;border-color:rgb(59,64,240,var(--tw-border-opacity,1))}@media (hover:hover) and (pointer:fine){ .dropdown-container:hover{border-width:2px;--tw-border-opacity:1;border-color:rgb(59,64,240,var(--tw-border-opacity,1));outline-color:#212529;outline-width:2px}} .dropdown-menu{border-radius:.5rem;border-width:1px;margin-top:.5rem;max-height:400px;overflow-y:auto;position:absolute;z-index:10;--tw-border-opacity:1;border-color:rgb(75,85,99,var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255,255,255,var(--tw-bg-opacity,1))}@supports (overflow-wrap:anywhere){ .dropdown-menu{overflow-wrap:anywhere}}@supports not (overflow-wrap:anywhere){ .dropdown-menu{word-break:break-word}} .dropdown-menu{max-width:min(500px,100vw - 2rem);min-width:240px;width:-moz-max-content;width:max-content} .dropdown-item{cursor:pointer;font-size:1rem;line-height:1.5rem;outline:2px solid transparent;outline-offset:2px;padding:.5rem 1rem} .dropdown-itemtext{border-bottom-width:1px;border-color:transparent} .dropdown-itemtext.hover-option{--tw-border-opacity:1;border-color:rgb(0,0,0,var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(46,47,212,var(--tw-text-opacity,1))} .dropdown-itemtext.current-option{--tw-bg-opacity:1;background-color:rgb(251,217,27,var(--tw-bg-opacity,1));--tw-text-opacity:1;border-bottom-width:1px;color:rgb(0,0,0,var(--tw-text-opacity,1));outline:2px solid transparent;outline-offset:2px;--tw-border-opacity:1;border-color:rgb(0,0,0,var(--tw-border-opacity,1))} .dropdown-itemtext:active{border-bottom-width:2px} .image-description-accordion{border-bottom-width:1px;border-color:transparent;font-weight:600;--tw-text-opacity:1;color:rgb(33,37,41,var(--tw-text-opacity,1))} .group:focus .image-description-accordion{--tw-bg-opacity:1;background-color:rgb(251,217,27,var(--tw-bg-opacity,1));--tw-text-opacity:1;border-bottom-width:1px;color:rgb(0,0,0,var(--tw-text-opacity,1));outline:2px solid transparent;outline-offset:2px} .group:focus .image-description-accordion, .group:hover .image-description-accordion{--tw-border-opacity:1;border-color:rgb(0,0,0,var(--tw-border-opacity,1))} .group:active .image-description-accordion{border-bottom-width:2px} .selectable-text-passage{line-height:48px;max-width:864px;overflow-wrap:break-word;width:100%} .selectable-segment, .selectable-text-passage:focus{outline:2px solid transparent;outline-offset:2px} .selectable-segment{cursor:pointer;display:inline;font-size:1rem;font-weight:400;height:2.75rem;line-height:1.5rem;margin-right:.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-text-opacity:1;color:rgb(8,38,99,var(--tw-text-opacity,1))} .selectable-segment:not(.sent){align-items:center;display:inline-flex;white-space:nowrap} .selectable-segment.sent{padding-bottom:.625rem;padding-top:.625rem} .selectable-segment:not(.correct):not(.incorrect):not(.missing):not(.selected):focus-visible>.selectable-segment-text{--tw-bg-opacity:1;background-color:rgb(253,224,71,var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(33,37,41,var(--tw-text-opacity,1));text-decoration-color:#212529;text-decoration-line:underline;text-decoration-thickness:2px;text-underline-offset:25%} .selectable-segment:not(.correct):not(.incorrect):not(.missing):not(.selected):focus-visible:active>.selectable-segment-text{--tw-bg-opacity:1;background-color:rgb(253,224,71,var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(33,37,41,var(--tw-text-opacity,1));text-decoration-color:#212529;text-decoration-line:underline;text-decoration-thickness:3px;text-underline-offset:25%} .selectable-segment:active>.selectable-segment-text{--tw-bg-opacity:1;background-color:rgb(253,224,71,var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(33,37,41,var(--tw-text-opacity,1));text-decoration-color:#212529;text-decoration-line:underline;text-decoration-thickness:3px;text-underline-offset:25%}@media (hover:hover) and (pointer:fine){ .selectable-segment:hover:not(:active):not(.correct):not(.incorrect):not(.missing):not(.selected):not(:focus-visible)>.selectable-segment-text{--tw-text-opacity:1;color:rgb(51,69,223,var(--tw-text-opacity,1));text-decoration-color:#3345df;text-decoration-line:underline;text-decoration-thickness:2px;text-underline-offset:25%}} .segment-leading-punct, .segment-punctuation{cursor:default;display:inline;font-size:1rem;line-height:1.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-text-opacity:1;color:rgb(8,38,99,var(--tw-text-opacity,1))} .segment-word-group{display:inline-block;vertical-align:baseline;white-space:nowrap} .segment-trailing-punct{cursor:default;display:inline;font-size:1rem;line-height:1.5rem;margin-left:-.25rem;margin-right:.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-text-opacity:1;color:rgb(8,38,99,var(--tw-text-opacity,1))} .segment-leading-punct:has(+.selectable-segment.correct), .segment-leading-punct:has(+.selectable-segment.incorrect), .segment-leading-punct:has(+.selectable-segment.missing), .segment-leading-punct:has(+.selectable-segment.selected){margin-right:.125rem} .segment-leading-punct:has(+.selectable-segment.\\!correct){margin-right:.125rem} .selectable-segment.\\!correct+.segment-trailing-punct, .selectable-segment.correct+.segment-trailing-punct, .selectable-segment.incorrect+.segment-trailing-punct, .selectable-segment.missing+.segment-trailing-punct, .selectable-segment.selected+.segment-trailing-punct{margin-left:-.125rem} .selectable-segment:not(.selected):not(.correct):not(.incorrect):not(.missing):focus-visible{--tw-text-opacity:1;color:rgb(8,38,99,var(--tw-text-opacity,1));text-decoration-line:none} .selectable-segment.sent.\\!correct>.selectable-segment-text, .selectable-segment.sent.correct>.selectable-segment-text, .selectable-segment.sent.incorrect>.selectable-segment-text, .selectable-segment.sent.missing>.selectable-segment-text, .selectable-segment.sent.selected>.selectable-segment-text{display:inline;padding-bottom:.375rem;padding-top:.375rem} .selectable-segment.sent .selectable-segment-deselect-icon, .selectable-segment.sent .selectable-segment-status-icon{margin-top:-.25rem;vertical-align:middle} .selectable-segment-last-word{white-space:nowrap} .selectable-segment.sent mjx-container[display=true], .selectable-text-passage mjx-container[display=true]{display:inline-flex!important;margin:0!important;vertical-align:middle!important} .selectable-segment.selected>.selectable-segment-text{align-items:center;border-radius:.5rem;border-width:1px;display:inline-flex;--tw-border-opacity:1;border-color:rgb(107,114,128,var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(249,250,251,var(--tw-bg-opacity,1));-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.25rem .25rem .25rem .5rem;--tw-text-opacity:1;color:rgb(33,37,41,var(--tw-text-opacity,1));text-decoration-line:none}@media (hover:hover) and (pointer:fine){ .selectable-segment.selected:active, .selectable-segment.selected:hover{text-decoration-line:none} .selectable-segment.selected:active>.selectable-segment-text, .selectable-segment.selected:hover>.selectable-segment-text{border-width:2px;--tw-border-opacity:1;border-color:rgb(51,69,223,var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(239,241,255,var(--tw-bg-opacity,1));--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}} .selectable-segment.selected:active>.selectable-segment-text{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;--tw-ring-offset-color:#212529;outline:2px solid transparent;outline-offset:2px;transition-duration:50ms} .selectable-segment.selected:focus-visible>.selectable-segment-text{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;--tw-ring-offset-color:#212529;outline:2px solid transparent;outline-offset:2px;transition-duration:50ms} .selectable-segment.\\!preview, .selectable-segment.locked, .selectable-segment.preview{cursor:default;pointer-events:none} .selectable-segment.correct, .selectable-segment.incorrect, .selectable-segment.missing{color:inherit} .selectable-segment.correct:active, .selectable-segment.incorrect:active, .selectable-segment.missing:active{text-decoration-line:none}@media (hover:hover) and (pointer:fine){ .selectable-segment.correct:hover, .selectable-segment.incorrect:hover, .selectable-segment.missing:hover{text-decoration-line:none}} .selectable-segment.\\!correct{color:inherit} .selectable-segment.\\!correct:active{text-decoration-line:none}@media (hover:hover) and (pointer:fine){ .selectable-segment.\\!correct:hover{text-decoration-line:none}} .selectable-segment.missing{position:relative} .selectable-segment.correct:focus-visible>.selectable-segment-text, .selectable-segment.incorrect:focus-visible>.selectable-segment-text, .selectable-segment.missing:focus-visible>.selectable-segment-text{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;--tw-ring-offset-color:#212529;outline:2px solid transparent;outline-offset:2px;text-decoration-line:none;transition-duration:50ms} .selectable-segment.\\!correct:focus-visible>.selectable-segment-text{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;--tw-ring-offset-color:#212529;outline:2px solid transparent;outline-offset:2px;text-decoration-line:none;transition-duration:50ms} .selectable-segment.\\!correct:active>.selectable-segment-text, .selectable-segment.correct:active>.selectable-segment-text, .selectable-segment.incorrect:active>.selectable-segment-text{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;--tw-ring-offset-color:#212529;outline:2px solid transparent;outline-offset:2px;transition-duration:50ms} .selectable-segment.\\!correct>.selectable-segment-text, .selectable-segment.correct>.selectable-segment-text{background-color:rgb(240,253,244,var(--tw-bg-opacity,1));border-color:rgb(22,163,74,var(--tw-border-opacity,1));border-radius:.5rem;border-width:1px} .selectable-segment.\\!correct>.selectable-segment-text, .selectable-segment.correct>.selectable-segment-text, .selectable-segment.incorrect>.selectable-segment-text{align-items:center;display:inline-flex;--tw-border-opacity:1;--tw-bg-opacity:1;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.25rem .375rem .25rem .5rem;--tw-text-opacity:1;color:rgb(33,37,41,var(--tw-text-opacity,1));text-decoration-line:none} .selectable-segment.incorrect>.selectable-segment-text{background-color:rgb(253,243,247,var(--tw-bg-opacity,1));border-color:rgb(190,24,93,var(--tw-border-opacity,1));border-radius:.5rem;border-width:1px} .selectable-segment.missing>.selectable-segment-text{align-items:center;border-radius:.5rem;display:inline-flex;--tw-bg-opacity:1;background-color:rgb(249,250,251,var(--tw-bg-opacity,1));background-repeat:no-repeat;background-size:100% 100%;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.25rem .5rem;--tw-text-opacity:1;background-image:var(--missing-border-svg);color:rgb(33,37,41,var(--tw-text-opacity,1));text-decoration-line:none} .selectable-segment-missing-badge{align-items:center;display:inline-flex;font-size:.875rem;font-weight:600;left:0;line-height:1.25rem;padding:.125rem .375rem;position:absolute;top:-.75rem;white-space:nowrap;z-index:10;--tw-text-opacity:1;border-radius:.25rem;border-width:1px;color:rgb(21,101,52,var(--tw-text-opacity,1));--tw-border-opacity:1;border-color:rgb(187,247,209,var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(240,253,244,var(--tw-bg-opacity,1));line-height:130%} .selectable-segment.missing.\\!session>.selectable-segment-missing-badge, .selectable-segment.missing.interactive>.selectable-segment-missing-badge, .selectable-segment.missing.session>.selectable-segment-missing-badge{opacity:0;transition-duration:.15s;transition-property:opacity,visibility;transition-timing-function:cubic-bezier(.4,0,.2,1);visibility:hidden}@media (hover:hover) and (pointer:fine){ .selectable-segment.missing.\\!session:active>.selectable-segment-missing-badge, .selectable-segment.missing.\\!session:hover>.selectable-segment-missing-badge, .selectable-segment.missing.interactive:active>.selectable-segment-missing-badge, .selectable-segment.missing.interactive:hover>.selectable-segment-missing-badge, .selectable-segment.missing.session:active>.selectable-segment-missing-badge, .selectable-segment.missing.session:hover>.selectable-segment-missing-badge{opacity:1;visibility:visible}} .selectable-segment.missing.interactive:focus-visible>.selectable-segment-missing-badge, .selectable-segment.missing.session.tooltip-pinned>.selectable-segment-missing-badge, .selectable-segment.missing.session:focus-visible>.selectable-segment-missing-badge{opacity:1;visibility:visible} .selectable-segment.missing.\\!session.tooltip-pinned>.selectable-segment-missing-badge, .selectable-segment.missing.\\!session:focus-visible>.selectable-segment-missing-badge{opacity:1;visibility:visible}@media (hover:hover) and (pointer:fine){ .selectable-segment.missing:hover:not(:active)>.selectable-segment-text{--tw-bg-opacity:1;background-color:rgb(239,241,255,var(--tw-bg-opacity,1))}} .selectable-segment.missing:active>.selectable-segment-text{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;--tw-ring-offset-color:#212529;outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}@media (hover:hover) and (pointer:fine){ .selectable-segment.missing:active>.selectable-segment-text{--tw-bg-opacity:1;background-color:rgb(239,241,255,var(--tw-bg-opacity,1))} .selectable-segment.missing:active>.selectable-segment-text, .selectable-segment.missing:hover:not(:active)>.selectable-segment-text{background-image:var(--missing-border-svg-active);background-repeat:no-repeat;background-size:100% 100%}} .selectable-segment.selected .selectable-segment-deselect-icon{align-items:center;display:inline-flex;justify-content:center;width:1.25rem;--tw-text-opacity:1;color:rgb(33,37,41,var(--tw-text-opacity,1))} .selectable-segment.selected .selectable-segment-deselect-icon .deselect-icon{height:7.63px;width:7.63px} .selectable-segment.\\!correct .selectable-segment-status-icon, .selectable-segment.correct .selectable-segment-status-icon{--tw-text-opacity:1;color:rgb(22,163,74,var(--tw-text-opacity,1))} .selectable-segment.incorrect .selectable-segment-status-icon{--tw-text-opacity:1;color:rgb(219,39,119,var(--tw-text-opacity,1))} .selectable-segment-status-icon{align-items:center;display:inline-flex;justify-content:center;margin-left:.25rem;width:1.25rem} .selectable-segment-text sup{font-size:.75em;line-height:0;position:relative;top:-.5em} .selectable-segment-text sub{font-size:.75em;line-height:0;position:relative;top:.3em} .sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap} .pointer-events-none{pointer-events:none} .pointer-events-auto{pointer-events:auto} .visible{visibility:visible} .invisible{visibility:hidden} .collapse{visibility:collapse} .static{position:static} .fixed{position:fixed} .absolute{position:absolute} .relative{position:relative} .inset-0{inset:0} .inset-y-0{bottom:0;top:0} .-top-2\\.5{top:-.625rem} .bottom-0{bottom:0} .bottom-1\\.5{bottom:.375rem} .bottom-4{bottom:1rem} .bottom-5{bottom:1.25rem} .bottom-\\[7px\\]{bottom:7px} .bottom-full{bottom:100%} .left-0{left:0} .left-1\\/2{left:50%} .left-4{left:1rem} .left-6{left:1.5rem} .left-\\[-9999px\\]{left:-9999px} .left-full{left:100%} .right-0{right:0} .right-1{right:.25rem} .right-1\\.5{right:.375rem} .right-2{right:.5rem} .right-4{right:1rem} .right-6{right:1.5rem} .right-full{right:100%} .top-0{top:0} .top-1{top:.25rem} .top-1\\.5{top:.375rem} .top-1\\/2{top:50%} .top-12{top:3rem} .top-2\\.5{top:.625rem} .top-3\\.5{top:.875rem} .top-\\[13px\\]{top:13px} .top-\\[calc\\(50\\%\\+0\\.375rem\\)\\]{top:calc(50% + .375rem)} .top-full{top:100%} .z-0{z-index:0} .z-10{z-index:10} .z-50{z-index:50} .m-0{margin:0} .m-auto{margin:auto} .mx-0\\.5{margin-left:.125rem;margin-right:.125rem} .mx-auto{margin-left:auto;margin-right:auto} .my-1\\.5{margin-bottom:.375rem;margin-top:.375rem} .my-2{margin-bottom:.5rem;margin-top:.5rem} .my-6{margin-bottom:1.5rem;margin-top:1.5rem} .-mb-1{margin-bottom:-.25rem} .-ml-1{margin-left:-.25rem} .-mr-1{margin-right:-.25rem} .-mr-2\\.5{margin-right:-.625rem} .-mt-0\\.5{margin-top:-.125rem} .-mt-1{margin-top:-.25rem} .mb-0\\.5{margin-bottom:.125rem} .mb-10{margin-bottom:2.5rem} .mb-12{margin-bottom:3rem} .mb-2{margin-bottom:.5rem} .mb-3{margin-bottom:.75rem} .mb-4{margin-bottom:1rem} .mb-5{margin-bottom:1.25rem} .mb-6{margin-bottom:1.5rem} .mb-\\[9\\.5px\\]{margin-bottom:9.5px} .ml-1{margin-left:.25rem} .ml-2{margin-left:.5rem} .ml-2\\.5{margin-left:.625rem} .ml-3{margin-left:.75rem} .ml-8\\.5{margin-left:2.125rem} .ml-\\[3px\\]{margin-left:3px} .ml-\\[9\\.5px\\]{margin-left:9.5px} .mr-1{margin-right:.25rem} .mr-2{margin-right:.5rem} .mr-4{margin-right:1rem} .mr-\\[9\\.5px\\]{margin-right:9.5px} .mt-1{margin-top:.25rem} .mt-2{margin-top:.5rem} .mt-4{margin-top:1rem} .mt-6{margin-top:1.5rem} .mt-7\\.5{margin-top:1.875} .mt-9{margin-top:2.25rem} .mt-\\[9\\.5px\\]{margin-top:9.5px} .line-clamp-1{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1} .block{display:block} .inline-block{display:inline-block} .inline{display:inline} .flex{display:flex} .table{display:table} .grid{display:grid} .contents{display:contents} .hidden{display:none} .h-10\\.5{height:2.625rem} .h-11{height:2.75rem} .h-2{height:.5rem} .h-32{height:8rem} .h-4{height:1rem} .h-52{height:13rem} .h-6{height:1.5rem} .h-8{height:2rem} .h-8\\.5{height:2.125rem} .h-\\[13\\.33px\\]{height:13.33px} .h-\\[8\\.77px\\]{height:8.77px} .h-auto{height:auto} .h-fit{height:-moz-fit-content;height:fit-content} .h-full{height:100%} .h-screen{height:100vh} .max-h-\\[184px\\]{max-height:184px} .max-h-\\[470px\\]{max-height:470px} .max-h-\\[660px\\]{max-height:660px} .max-h-\\[calc\\(100vh-168px\\)\\]{max-height:calc(100vh - 168px)} .max-h-\\[calc\\(100vh-168px-34px\\)\\]{max-height:calc(100vh - 202px)} .max-h-none{max-height:none} .min-h-\\[133px\\]{min-height:133px} .min-h-\\[140px\\]{min-height:140px} .min-h-\\[154px\\]{min-height:154px} .min-h-\\[210px\\]{min-height:210px} .min-h-\\[44px\\]{min-height:44px} .min-h-\\[54px\\]{min-height:54px} .min-h-\\[86px\\]{min-height:86px} .w-11{width:2.75rem} .w-2{width:.5rem} .w-2\\/4{width:50%} .w-3{width:.75rem} .w-4{width:1rem} .w-6{width:1.5rem} .w-60{width:15rem} .w-8{width:2rem} .w-8\\.5{width:2.125rem} .w-\\[13\\.33px\\]{width:13.33px} .w-\\[8\\.77px\\]{width:8.77px} .w-auto{width:auto} .w-fit{width:-moz-fit-content;width:fit-content} .w-full{width:100%} .w-screen{width:100vw} .min-w-0{min-width:0} .min-w-\\[288px\\]{min-width:288px} .min-w-\\[44px\\]{min-width:44px} .min-w-\\[85px\\]{min-width:85px} .max-w-\\[1008px\\]{max-width:1008px} .max-w-\\[300px\\]{max-width:300px} .max-w-\\[304px\\]{max-width:304px} .max-w-\\[400px\\]{max-width:400px} .max-w-\\[544px\\]{max-width:544px} .max-w-\\[864px\\]{max-width:864px} .max-w-full{max-width:100%} .max-w-none{max-width:none} .flex-1{flex:1 1 0%} .flex-none{flex:none} .flex-shrink-0{flex-shrink:0} .grow{flex-grow:1} .basis-0{flex-basis:0px} .-translate-x-1\\/2{--tw-translate-x:-50%} .-translate-x-1\\/2, .-translate-y-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .-translate-y-1\\/2{--tw-translate-y:-50%} .rotate-45{--tw-rotate:45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .\\!cursor-default{cursor:default!important} .\\!cursor-pointer{cursor:pointer!important} .cursor-default{cursor:default} .cursor-pointer{cursor:pointer} .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none} .resize-none{resize:none} .resize{resize:both} .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))} .flex-row{flex-direction:row} .flex-col{flex-direction:column} .flex-col-reverse{flex-direction:column-reverse} .flex-wrap{flex-wrap:wrap} .content-start{align-content:flex-start} .items-center{align-items:center} .justify-start{justify-content:flex-start} .justify-center{justify-content:center} .justify-between{justify-content:space-between} .gap-1{gap:.25rem} .gap-2{gap:.5rem} .space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))} .space-y-reverse>:not([hidden])~:not([hidden]){--tw-space-y-reverse:1} .overflow-hidden{overflow:hidden} .overflow-x-auto{overflow-x:auto} .overflow-y-auto{overflow-y:auto} .overflow-x-hidden{overflow-x:hidden} .overflow-y-visible{overflow-y:visible} .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .whitespace-normal{white-space:normal} .whitespace-nowrap{white-space:nowrap} .break-words{overflow-wrap:break-word} .break-all{word-break:break-all} .rounded{border-radius:.25rem} .rounded-\\[32px\\]{border-radius:32px} .rounded-lg{border-radius:.5rem} .rounded-md{border-radius:.375rem} .rounded-b-lg{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem} .rounded-b-md{border-bottom-left-radius:.375rem;border-bottom-right-radius:.375rem} .rounded-l-lg{border-bottom-left-radius:.5rem;border-top-left-radius:.5rem} .rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem} .rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem} .border{border-width:1px} .border-2{border-width:2px} .border-b{border-bottom-width:1px} .border-l-4{border-left-width:4px} .border-l-6{border-left-width:6px} .border-dashed{border-style:dashed} .\\!border-blue-1000{--tw-border-opacity:1!important;border-color:rgb(40,44,135,var(--tw-border-opacity,1))!important} .border-blue-1000{--tw-border-opacity:1;border-color:rgb(40,44,135,var(--tw-border-opacity,1))} .border-blue-950{--tw-border-opacity:1;border-color:rgb(29,78,216,var(--tw-border-opacity,1))} .border-border-minimal{--tw-border-opacity:1;border-color:rgb(229,231,235,var(--tw-border-opacity,1))} .border-charcoal{--tw-border-opacity:1;border-color:rgb(33,37,41,var(--tw-border-opacity,1))} .border-gray-400{--tw-border-opacity:1;border-color:rgb(196,201,204,var(--tw-border-opacity,1))} .border-gray-800{--tw-border-opacity:1;border-color:rgb(93,99,107,var(--tw-border-opacity,1))} .border-gray-850{--tw-border-opacity:1;border-color:rgb(75,85,99,var(--tw-border-opacity,1))} .border-green-700{--tw-border-opacity:1;border-color:rgb(22,163,74,var(--tw-border-opacity,1))} .border-green-800{--tw-border-opacity:1;border-color:rgb(0,102,5,var(--tw-border-opacity,1))} .border-green-900{--tw-border-opacity:1;border-color:rgb(21,128,61,var(--tw-border-opacity,1))} .border-red-600{--tw-border-opacity:1;border-color:rgb(220,38,38,var(--tw-border-opacity,1))} .border-red-800{--tw-border-opacity:1;border-color:rgb(217,12,85,var(--tw-border-opacity,1))} .border-red-850{--tw-border-opacity:1;border-color:rgb(219,39,119,var(--tw-border-opacity,1))} .border-red-900{--tw-border-opacity:1;border-color:rgb(190,24,93,var(--tw-border-opacity,1))} .border-soft-blue{--tw-border-opacity:1;border-color:rgb(84,101,251,var(--tw-border-opacity,1))} .border-white{--tw-border-opacity:1;border-color:rgb(255,255,255,var(--tw-border-opacity,1))} .\\!bg-violet-100{--tw-bg-opacity:1!important;background-color:rgb(235,235,255,var(--tw-bg-opacity,1))!important} .\\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255,255,255,var(--tw-bg-opacity,1))!important} .bg-black{--tw-bg-opacity:1;background-color:rgb(0,0,0,var(--tw-bg-opacity,1))} .bg-blue-1000{--tw-bg-opacity:1;background-color:rgb(40,44,135,var(--tw-bg-opacity,1))} .bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239,246,255,var(--tw-bg-opacity,1))} .bg-charcoal\\/30{background-color:rgba(33,37,41,.3)} .bg-charcoal\\/80{background-color:rgba(33,37,41,.8)} .bg-gray-100{--tw-bg-opacity:1;background-color:rgb(247,250,250,var(--tw-bg-opacity,1))} .bg-gray-50{--tw-bg-opacity:1;background-color:rgb(244,244,244,var(--tw-bg-opacity,1))} .bg-gray-900{--tw-bg-opacity:1;background-color:rgb(57,62,69,var(--tw-bg-opacity,1))} .bg-green-300{--tw-bg-opacity:1;background-color:rgb(241,254,241,var(--tw-bg-opacity,1))} .bg-green-400{--tw-bg-opacity:1;background-color:rgb(240,253,244,var(--tw-bg-opacity,1))} .bg-red-200{--tw-bg-opacity:1;background-color:rgb(254,202,202,var(--tw-bg-opacity,1))} .bg-red-300{--tw-bg-opacity:1;background-color:rgb(253,243,247,var(--tw-bg-opacity,1))} .bg-red-50{--tw-bg-opacity:1;background-color:rgb(253,242,248,var(--tw-bg-opacity,1))} .bg-soft-blue{--tw-bg-opacity:1;background-color:rgb(84,101,251,var(--tw-bg-opacity,1))} .bg-transparent{background-color:transparent} .bg-violet-100{--tw-bg-opacity:1;background-color:rgb(235,235,255,var(--tw-bg-opacity,1))} .bg-violet-150{--tw-bg-opacity:1;background-color:rgb(205,208,254,var(--tw-bg-opacity,1))} .bg-white{--tw-bg-opacity:1;background-color:rgb(255,255,255,var(--tw-bg-opacity,1))} .bg-white\\/80{background-color:hsla(0,0%,100%,.8)} .bg-yellow-1000{--tw-bg-opacity:1;background-color:rgb(251,217,27,var(--tw-bg-opacity,1))} .bg-opacity-5{--tw-bg-opacity:0.05} .object-contain{-o-object-fit:contain;object-fit:contain} .p-0\\.5{padding:.125rem} .p-1{padding:.25rem} .p-1\\.5{padding:.375rem} .p-2{padding:.5rem} .p-3{padding:.75rem} .p-4{padding:1rem} .p-5{padding:1.25rem} .p-6{padding:1.5rem} .px-0{padding-left:0;padding-right:0} .px-2{padding-left:.5rem;padding-right:.5rem} .px-3{padding-left:.75rem;padding-right:.75rem} .px-4{padding-left:1rem;padding-right:1rem} .py-1{padding-bottom:.25rem;padding-top:.25rem} .py-1\\.5{padding-bottom:.375rem;padding-top:.375rem} .py-2{padding-bottom:.5rem;padding-top:.5rem} .py-\\[9px\\]{padding-bottom:9px;padding-top:9px} .\\!pr-11{padding-right:2.75rem!important} .pb-0{padding-bottom:0} .pb-10{padding-bottom:2.5rem} .pb-2{padding-bottom:.5rem} .pb-3{padding-bottom:.75rem} .pb-\\[72px\\]{padding-bottom:72px} .pl-13\\.2{padding-left:3.125rem} .pl-24{padding-left:6rem} .pl-3{padding-left:.75rem} .pl-4{padding-left:1rem} .pr-10{padding-right:2.5rem} .pr-2\\.5{padding-right:.625rem} .pr-3{padding-right:.75rem} .pr-4{padding-right:1rem} .pt-0{padding-top:0} .pt-0\\.5{padding-top:.125rem} .pt-14{padding-top:3.5rem} .pt-4{padding-top:1rem} .pt-6{padding-top:1.5rem} .pt-\\[15px\\]{padding-top:15px} .pt-\\[55px\\]{padding-top:55px} .text-left{text-align:left} .text-center{text-align:center} .align-middle{vertical-align:middle} .text-base{font-size:1rem;line-height:1.5rem} .text-lg{font-size:1.125rem;line-height:1.75rem} .text-sm{font-size:.875rem;line-height:1.25rem} .text-xl{font-size:1.25rem;line-height:1.75rem} .font-bold{font-weight:700} .font-normal{font-weight:400} .font-semibold{font-weight:600} .leading-12{line-height:3rem} .leading-4{line-height:1rem} .leading-5{line-height:1.25rem} .leading-6{line-height:1.5rem} .leading-\\[1\\.3\\]{line-height:1.3} .leading-\\[1\\.5\\]{line-height:1.5} .leading-\\[150\\%\\]{line-height:150%} .leading-\\[19px\\]{line-height:19px} .leading-\\[22px\\]{line-height:22px} .\\!text-gray-900{--tw-text-opacity:1!important;color:rgb(57,62,69,var(--tw-text-opacity,1))!important} .text-blue-1000{--tw-text-opacity:1;color:rgb(40,44,135,var(--tw-text-opacity,1))} .text-blue-500{--tw-text-opacity:1;color:rgb(37,99,235,var(--tw-text-opacity,1))} .text-blue-850{--tw-text-opacity:1;color:rgb(46,47,212,var(--tw-text-opacity,1))} .text-charcoal{--tw-text-opacity:1;color:rgb(33,37,41,var(--tw-text-opacity,1))} .text-gray-500{--tw-text-opacity:1;color:rgb(107,114,128,var(--tw-text-opacity,1))} .text-gray-800{--tw-text-opacity:1;color:rgb(93,99,107,var(--tw-text-opacity,1))} .text-gray-860{--tw-text-opacity:1;color:rgb(55,65,81,var(--tw-text-opacity,1))} .text-green-700{--tw-text-opacity:1;color:rgb(22,163,74,var(--tw-text-opacity,1))} .text-green-750{--tw-text-opacity:1;color:rgb(22,101,52,var(--tw-text-opacity,1))} .text-green-800{--tw-text-opacity:1;color:rgb(0,102,5,var(--tw-text-opacity,1))} .text-green-900{--tw-text-opacity:1;color:rgb(21,128,61,var(--tw-text-opacity,1))} .text-inherit{color:inherit} .text-primary-emphasis{--tw-text-opacity:1;color:rgb(8,38,99,var(--tw-text-opacity,1))} .text-red-400{--tw-text-opacity:1;color:rgb(157,23,77,var(--tw-text-opacity,1))} .text-red-800{--tw-text-opacity:1;color:rgb(217,12,85,var(--tw-text-opacity,1))} .text-red-850{--tw-text-opacity:1;color:rgb(219,39,119,var(--tw-text-opacity,1))} .text-red-900{--tw-text-opacity:1;color:rgb(190,24,93,var(--tw-text-opacity,1))} .text-white{--tw-text-opacity:1;color:rgb(255,255,255,var(--tw-text-opacity,1))} .underline{text-decoration-line:underline} .opacity-0{opacity:0} .opacity-5{opacity:.05} .opacity-50{opacity:.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 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)} .shadow-md{--tw-shadow:0px 2px 8px rgba(0,0,0,.2);--tw-shadow-colored:0px 2px 8px var(--tw-shadow-color)} .\\!outline-none{outline:2px solid transparent!important;outline-offset:2px!important} .outline-none{outline:2px solid transparent;outline-offset:2px} .blur{--tw-blur:blur(8px)} .blur, .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .backdrop-blur-md{--tw-backdrop-blur:blur(12px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)} .transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)} .duration-300{transition-duration:.3s} :host, html{-webkit-tap-highlight-color:inherit!important;--missing-border-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%2316a34aff' stroke-dasharray='6,4' stroke-width='4' rx='8' ry='8'/%3E%3C/svg%3E");--missing-border-svg-active:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%233345df' stroke-dasharray='6,4' stroke-width='4' rx='8' ry='8'/%3E%3C/svg%3E")} mjx-container[jax=CHTML]:not([display=true]){align-items:baseline;display:inline-flex} .active\\:raw-focus-ring-by:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;--tw-ring-offset-color:#212529} .active\\:raw-focus-ring-by:active, .active\\:raw-focus-ring:active{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);outline:2px solid transparent;outline-offset:2px;transition-duration:50ms} .active\\:raw-focus-ring:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px}@media (min-width:732px){ .md\\:item-heading{font-size:1.25rem;letter-spacing:-.025em;line-height:1.5rem;--tw-text-opacity:1;color:rgb(40,44,135,var(--tw-text-opacity,1))}}@media (hover:hover) and (pointer:fine){ .td\\:hover-focus-ring:hover{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity,1));--tw-ring-offset-width: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,.051)} .hover\\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(222,222,255,var(--tw-bg-opacity,1))} .hover\\:bg-yellow-1000:hover{--tw-bg-opacity:1;background-color:rgb(251,217,27,var(--tw-bg-opacity,1))} .hover\\:text-charcoal:hover{--tw-text-opacity:1;color:rgb(33,37,41,var(--tw-text-opacity,1))} .hover\\:underline:hover{text-decoration-line:underline} .hover\\:decoration-2:hover{text-decoration-thickness:2px} .hover\\:underline-offset-\\[25\\%\\]:hover{text-underline-offset:25%} .focus-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,1))} .focus-visible\\:border-gray-400:focus-visible{--tw-border-opacity:1;border-color:rgb(196,201,204,var(--tw-border-opacity,1))} .focus-visible\\:border-gray-800:focus-visible{--tw-border-opacity:1;border-color:rgb(93,99,107,var(--tw-border-opacity,1))} .focus-visible\\:bg-yellow-900:focus-visible{--tw-bg-opacity:1;background-color:rgb(253,224,71,var(--tw-bg-opacity,1))} .focus-visible\\:text-charcoal:focus-visible{--tw-text-opacity:1;color:rgb(33,37,41,var(--tw-text-opacity,1))} .focus-visible\\:underline:focus-visible{text-decoration-line:underline} .focus-visible\\:decoration-2:focus-visible{text-decoration-thickness:2px} .focus-visible\\:underline-offset-\\[25\\%\\]:focus-visible{text-underline-offset:25%} .focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px} .focus-visible\\:ring-4:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)} .focus-visible\\:ring-soft-blue:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity,1))} .focus-visible\\:ring-offset-4:focus-visible{--tw-ring-offset-width:4px} .focus-visible\\:duration-50:focus-visible{transition-duration:50ms} .active\\:bg-black-55:active, .active\\:bg-black-60:active{background-color:rgba(0,0,0,.102)} .active\\:bg-yellow-1100:active{--tw-bg-opacity:1;background-color:rgb(238,206,26,var(--tw-bg-opacity,1))} .active\\:text-charcoal:active{--tw-text-opacity:1;color:rgb(33,37,41,var(--tw-text-opacity,1))} .disabled\\:text-gray-40:disabled{--tw-text-opacity:1;color:rgb(142,147,153,var(--tw-text-opacity,1))} .disabled\\:hover\\:bg-white:hover:disabled{--tw-bg-opacity:1;background-color:rgb(255,255,255,var(--tw-bg-opacity,1))} .group:hover .group-hover\\:underline{text-decoration-line:underline} .group.active .group-\\[\\.active\\]\\:border-b-2{border-bottom-width:2px}@media (min-width:732px){ .md\\:inset-0{inset:0} .md\\:top-20{top:5rem} .md\\:mb-2{margin-bottom:.5rem} .md\\:mb-4{margin-bottom:1rem} .md\\:mb-8{margin-bottom:2rem} .md\\:ml-0{margin-left:0} .md\\:mt-0{margin-top:0} .md\\:mt-14{margin-top:3.5rem} .md\\:block{display:block} .md\\:inline-block{display:inline-block} .md\\:flex{display:flex} .md\\:grid{display:grid} .md\\:hidden{display:none} .md\\:h-11{height:2.75rem} .md\\:h-5{height:1.25rem} .md\\:h-\\[13\\.5px\\]{height:13.5px} .md\\:h-fit{height:-moz-fit-content;height:fit-content} .md\\:max-h-\\[calc\\(100vh-128px\\)\\]{max-height:calc(100vh - 128px)} .md\\:max-h-\\[calc\\(100vh-128px-54px\\)\\]{max-height:calc(100vh - 182px)} .md\\:min-h-0{min-height:0} .md\\:min-h-\\[140px\\]{min-height:140px} .md\\:min-h-\\[164px\\]{min-height:164px} .md\\:w-1\\/2{width:50%} .md\\:w-11{width:2.75rem} .md\\:w-5{width:1.25rem} .md\\:w-\\[13\\.5px\\]{width:13.5px} .md\\:w-fit{width:-moz-fit-content;width:fit-content} .md\\:max-w-\\[calc\\(100vw-164px\\)\\]{max-width:calc(100vw - 164px)} .md\\:flex-none{flex:none} .md\\:grow-0{flex-grow:0} .md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))} .md\\:flex-row{flex-direction:row} .md\\:flex-col{flex-direction:column} .md\\:items-start{align-items:flex-start} .md\\:items-center{align-items:center} .md\\:justify-normal{justify-content:normal} .md\\:justify-center{justify-content:center} .md\\:justify-between{justify-content:space-between} .md\\:gap-4{gap:1rem} .md\\:gap-6{gap:1.5rem} .md\\:gap-x-4{-moz-column-gap:1rem;column-gap:1rem} .md\\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))} .md\\:overflow-visible{overflow:visible} .md\\:rounded-lg{border-radius:.5rem} .md\\:rounded-md{border-radius:.375rem} .md\\:rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0} .md\\:border{border-width:1px} .md\\:border-gray-400{--tw-border-opacity:1;border-color:rgb(196,201,204,var(--tw-border-opacity,1))} .md\\:\\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255,255,255,var(--tw-bg-opacity,1))!important} .md\\:p-4{padding:1rem} .md\\:px-0{padding-left:0;padding-right:0} .md\\:px-4{padding-left:1rem;padding-right:1rem} .md\\:px-6{padding-left:1.5rem;padding-right:1.5rem} .md\\:px-\\[82px\\]{padding-left:82px;padding-right:82px} .md\\:pb-0{padding-bottom:0} .md\\:pl-13\\.2{padding-left:3.125rem} .md\\:pl-4{padding-left:1rem} .md\\:pr-4{padding-right:1rem} .md\\:pt-20\\.5{padding-top:5.125rem} .md\\:text-center{text-align:center} .md\\:text-lg{font-size:1.125rem;line-height:1.75rem} .md\\:shadow-\\[0_0_\\#0000\\]{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)} .md\\:\\[grid-template-columns\\:repeat\\(2\\,minmax\\(auto\\,304px\\)\\)\\]{grid-template-columns:repeat(2,minmax(auto,304px))}}@media (min-width:1196px){ .lg\\:left-16{left:4rem} .lg\\:right-16{right:4rem} .lg\\:flex{display:flex} .lg\\:hidden{display:none} .lg\\:max-h-\\[calc\\(100vh-192px\\)\\]{max-height:calc(100vh - 192px)} .lg\\:max-h-\\[calc\\(100vh-192px-54px\\)\\]{max-height:calc(100vh - 246px)} .lg\\:min-h-\\[224px\\]{min-height:224px} .lg\\:w-full{width:100%} .lg\\:max-w-\\[50\\%\\]{max-width:50%} .lg\\:max-w-\\[calc\\(100vw-248px\\)\\]{max-width:calc(100vw - 248px)} .lg\\:grow{flex-grow:1} .lg\\:basis-1\\/2{flex-basis:50%} .lg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))} .lg\\:justify-start{justify-content:flex-start} .lg\\:rounded-b-lg{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem} .lg\\:rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem} .lg\\:px-16{padding-left:4rem;padding-right:4rem} .lg\\:px-\\[128px\\]{padding-left:128px;padding-right:128px} .lg\\:py-24{padding-bottom:6rem;padding-top:6rem} .lg\\:pt-6{padding-top:1.5rem}}@media (hover:hover) and (pointer:fine){ .td\\:border-2{border-width:2px} .td\\:border-blue-900{--tw-border-opacity:1;border-color:rgb(59,64,240,var(--tw-border-opacity,1))} .td\\:hover\\:cursor-grab:hover{cursor:grab} .td\\:hover\\:bg-black-50:hover{background-color:rgba(0,0,0,.051)} .td\\:hover\\:bg-violet-100:hover{--tw-bg-opacity:1;background-color:rgb(235,235,255,var(--tw-bg-opacity,1))} .td\\:hover\\:text-soft-blue:hover{--tw-text-opacity:1;color:rgb(84,101,251,var(--tw-text-opacity,1))} .group:hover .td\\:group-hover\\:bg-black{--tw-bg-opacity:1;background-color:rgb(0,0,0,var(--tw-bg-opacity,1))} .group:hover .td\\:group-hover\\:opacity-5{opacity:.05}}@media (pointer:coarse){ .coarse\\:active\\:bg-yellow-900:active{--tw-bg-opacity:1;background-color:rgb(253,224,71,var(--tw-bg-opacity,1))}}`
 };
 function InteractionBuilder($$anchor, $$props) {
   push($$props, true);