@inploi/plugin-chatbot 3.27.1 → 3.27.3

package/dist/{chatbot-body-3fff1051.js → chatbot-body-c01665e7.js}

@@ -1,4 +1,4 @@
-import { g as get$1, i as isString$2, k as kbToReadableSize, a as getHeadOrThrow, b as invariant, A as AbortedError, N, c as getFlowSubmissionsPayload, _, d as getDefaultExportFromCjs, h, e as _$1, p, F, o as o$1, f as clsx, y, s as store, j as a$2, l as k, m as k$1, n as getFormSubmitter, q as parse, r as picklist, t as isSubmissionOfType, C as Cn, u as parseAsync, V as ValiError, v as object, w as transform, x as cva, z as maxLength, B as minLength, D as record, E as boolean, G as number, H as minValue, I as maxValue, J as custom, K as string, L as regex, M as email, O as url, P as LoadingIndicator, Q as ERROR_MESSAGES } from "./index-bf3e6467.js";
+import { g as get$1, i as isString$2, k as kbToReadableSize, a as getHeadOrThrow, b as invariant, A as AbortedError, N, c as getFlowSubmissionsPayload, _, d as getDefaultExportFromCjs, h, e as _$1, p, F, o as o$1, f as clsx, y, s as store, j as a$2, l as k, m as k$1, n as getFormSubmitter, q as parse, r as picklist, t as isSubmissionOfType, C as Cn, u as parseAsync, V as ValiError, v as object, w as transform, x as cva, z as maxLength, B as minLength, D as record, E as boolean, G as number, H as minValue, I as maxValue, J as custom, K as string, L as regex, M as email, O as url, P as LoadingIndicator, Q as ERROR_MESSAGES } from "./index-04ef56bd.js";
 import "@inploi/sdk";
 const isIfBlockConditionMet = (ifBlock, {
   context,
@@ -483,12 +483,16 @@ async function interpretSubmitNode({
     });
     await N(response).with(_.union({
       ats_data: _.select("redirect", {
-        redirect_url: _.string
+        redirect_url: _.string,
+        message: _.optional(_.string),
+        button_text: _.optional(_.string)
       })
     }, {
       integration_response: {
         data: _.select("redirect", {
-          redirect_url: _.string
+          redirect_url: _.string,
+          message: _.optional(_.string),
+          button_text: _.optional(_.string)
         })
       }
     }), async (response2) => {
@@ -497,7 +501,7 @@ async function interpretSubmitNode({
       await chat.sendMessage({
         type: "text",
         author: "bot",
-        text: "Almost there! Please complete your submission here:"
+        text: response2.redirect.message ?? "Almost there! Please complete your submission here:"
       });
       const href = new URL(response2.redirect.redirect_url);
       if (anonymous_id && !href.searchParams.has("anonymous_id")) {
@@ -506,7 +510,7 @@ async function interpretSubmitNode({
       await chat.sendMessage({
         type: "link",
         href: href.toString(),
-        text: "Complete submission",
+        text: response2.redirect.button_text ?? "Complete submission",
         onClick: () => {
           if (!session_id) {
             logger.error("session_id not set, cannot log FLOW_REDIRECT event");
@@ -529,11 +533,13 @@ async function interpretSubmitNode({
     }).with({
       success: true
     }, async () => {
-      await chat.sendMessage({
-        type: "system",
-        variant: "success",
-        text: "Submission completed!"
-      });
+      if (node.data.skipConfirmation !== true) {
+        await chat.sendMessage({
+          type: "system",
+          variant: "success",
+          text: "Submission completed!"
+        });
+      }
       next(node.nextId);
     }).with(_.union({
       success: false,
@@ -1262,12 +1268,12 @@ const countries = {
   Afghanistan: "93",
   Albania: "355",
   Algeria: "213",
-  "American Samoa": "1",
+  "American Samoa": "1 684",
   Andorra: "376",
   Angola: "244",
-  Anguilla: "1",
+  Anguilla: "1 264",
   Antarctica: "672",
-  "Antigua and Barbuda": "1",
+  "Antigua and Barbuda": "1 268",
   Argentina: "54",
   Armenia: "374",
   Aruba: "297",
@@ -1276,12 +1282,12 @@ const countries = {
   Azerbaijan: "994",
   Bahrain: "973",
   Bangladesh: "880",
-  Barbados: "1",
+  Barbados: "1 246",
   Belarus: "375",
   Belgium: "32",
   Belize: "501",
   Benin: "229",
-  Bermuda: "1",
+  Bermuda: "1 441",
   Bhutan: "975",
   Bolivia: "591",
   "Bosnia and Herzegovina": "387",
@@ -1289,7 +1295,7 @@ const countries = {
   "Bouvet Island": "47",
   Brazil: "55",
   "British Indian Ocean Territory": "246",
-  "British Virgin Islands": "1",
+  "British Virgin Islands": "1 284",
   Brunei: "673",
   Bulgaria: "359",
   "Burkina Faso": "226",
@@ -1299,7 +1305,7 @@ const countries = {
   Cameroon: "237",
   Canada: "1",
   "Caribbean Netherlands": "599",
-  "Cayman Islands": "1",
+  "Cayman Islands": "1 345",
   "Central African Republic": "236",
   Chad: "235",
   Chile: "56",
@@ -1319,7 +1325,7 @@ const countries = {
   "Democratic Republic of the Congo": "243",
   Denmark: "45",
   Djibouti: "253",
-  "Dominican Republic": "1",
+  "Dominican Republic": "1 809",
   Ecuador: "593",
   Egypt: "20",
   "El Salvador": "503",
@@ -1343,16 +1349,15 @@ const countries = {
   Gibraltar: "350",
   Greece: "30",
   Greenland: "299",
-  Grenada: "1",
+  Grenada: "1 473",
   Guadeloupe: "590",
-  Guam: "1",
+  Guam: "1 671",
   Guatemala: "502",
   Guernsey: "44",
   Guinea: "224",
   "Guinea-Bissau": "245",
   Guyana: "592",
   Haiti: "509",
-  "Heard Island and McDonald Islands": "334",
   Honduras: "504",
   "Hong Kong": "852",
   Hungary: "36",
@@ -1365,7 +1370,7 @@ const countries = {
   "Isle of Man": "44",
   Israel: "972",
   Italy: "39",
-  Jamaica: "1",
+  Jamaica: "1 876",
   Japan: "81",
   Jersey: "44",
   Jordan: "962",
@@ -1402,7 +1407,7 @@ const countries = {
   Monaco: "377",
   Mongolia: "976",
   Montenegro: "382",
-  Montserrat: "1",
+  Montserrat: "1 664",
   Morocco: "212",
   Mozambique: "258",
   "Myanmar (Burma)": "95",
@@ -1419,7 +1424,7 @@ const countries = {
   "Norfolk Island": "672",
   "North Korea": "852",
   "North Macedonia": "389",
-  "Northern Mariana Islands": "1",
+  "Northern Mariana Islands": "1 670",
   Norway: "47",
   Oman: "968",
   Pakistan: "92",
@@ -1433,7 +1438,7 @@ const countries = {
   "Pitcairn Islands": "64",
   Poland: "48",
   Portugal: "351",
-  "Puerto Rico": "1",
+  "Puerto Rico": "1 787",
   Qatar: "974",
   Romania: "40",
   Russia: "7",
@@ -1441,11 +1446,11 @@ const countries = {
   Réunion: "262",
   "Saint Barthélemy": "590",
   "Saint Helena, Ascension and Tristan da Cunha": "290",
-  "Saint Kitts and Nevis": "1",
-  "Saint Lucia": "1",
+  "Saint Kitts and Nevis": "1 869",
+  "Saint Lucia": "1 758",
   "Saint Martin": "590",
   "Saint Pierre and Miquelon": "508",
-  "Saint Vincent and the Grenadines": "1",
+  "Saint Vincent and the Grenadines": "1 784",
   Samoa: "685",
   "San Marino": "378",
   "Saudi Arabia": "966",
@@ -1454,7 +1459,7 @@ const countries = {
   Seychelles: "248",
   "Sierra Leone": "232",
   Singapore: "65",
-  "Sint Maarten": "1",
+  "Sint Maarten": "1 721",
   Slovakia: "421",
   Slovenia: "386",
   "Solomon Islands": "677",
@@ -1476,19 +1481,19 @@ const countries = {
   Tajikistan: "992",
   Tanzania: "255",
   Thailand: "66",
-  "The Bahamas": "1",
+  "The Bahamas": "1 242",
   "The Gambia": "220",
   "Timor-Leste": "670",
   Togo: "228",
   Tokelau: "690",
   Tonga: "676",
-  "Trinidad and Tobago": "1",
+  "Trinidad and Tobago": "1 868",
   Tunisia: "216",
   Turkmenistan: "993",
-  "Turks and Caicos Islands": "1",
+  "Turks and Caicos Islands": "1 649",
   Tuvalu: "688",
   Türkiye: "90",
-  "U.S. Virgin Islands": "1",
+  "U.S. Virgin Islands": "1 340",
   Uganda: "256",
   Ukraine: "380",
   "United Arab Emirates": "971",
@@ -3950,6 +3955,28 @@ const ChatInputNumber = ({
     })]
   });
 };
+const getPhoneNumberParts = (input) => {
+  if (input === "")
+    return {
+      countryCode: "",
+      phoneNumber: ""
+    };
+  const country = Object.entries(countries).find((obj) => {
+    return input.startsWith(obj[1]);
+  });
+  const countryCode = country ? country[1] : "";
+  const phoneNumber = input.replace(countryCode, "");
+  if (!/^\d+$/.test(phoneNumber)) {
+    return {
+      countryCode: "",
+      phoneNumber: ""
+    };
+  }
+  return {
+    countryCode,
+    phoneNumber
+  };
+};
 const UK_CODE = "44";
 const invalidPhoneErrorMessage = "That doesn’t look like a valid phone number";
 const errorMessages = (config) => ({
@@ -3961,8 +3988,8 @@ const PhoneSchema = string(invalidPhoneErrorMessage, [regex(/^\+?[0-9 -]+$/, inv
 const CountryCodeSchema = string("Please select a country code", [regex(/^\+?[0-9 -]+$/, invalidPhoneErrorMessage)]);
 const getResolver$1 = () => {
   return i(object({
-    text: transform(PhoneSchema, (value) => value.replace(/[^0-9]/g, ""), []),
-    countryCode: CountryCodeSchema
+    countryCode: CountryCodeSchema,
+    phoneNumber: transform(PhoneSchema, (value) => value.replace(/[^0-9]/g, ""), [])
   }));
 };
 const ChatInputPhoneNumber = ({
@@ -3971,7 +3998,6 @@ const ChatInputPhoneNumber = ({
 }) => {
   var _a;
   const submission = input.key ? (_a = store.current$.value.flow) == null ? void 0 : _a.data.submissions[input.key] : void 0;
-  const defaultValue = input.config.defaultValue;
   const [error, setError] = h();
   const {
     register,
@@ -3981,16 +4007,16 @@ const ChatInputPhoneNumber = ({
     },
     watch
   } = useForm({
-    defaultValues: {
-      text: defaultValue ? defaultValue : isTextSubmission$1(submission) ? submission.value : "",
-      countryCode: UK_CODE
+    defaultValues: input.config.defaultValue ? getPhoneNumberParts(input.config.defaultValue) : isTextSubmission$1(submission) ? getPhoneNumberParts(submission.value) : {
+      countryCode: UK_CODE,
+      phoneNumber: ""
     },
     resolver: getResolver$1()
   });
   const {
     ref: setRef,
     ...props
-  } = register("text", {
+  } = register("phoneNumber", {
     required: !input.config.optional
   });
   const inputRef = _$1();
@@ -4005,14 +4031,16 @@ const ChatInputPhoneNumber = ({
     noValidate: true,
     class: "flex flex-col gap-1 p-2.5",
     onSubmit: handleSubmit((submission2) => {
+      const submissionBody = submission2.phoneNumber.replace(/[^0-9]/g, "");
+      const submissionCountryCode = submission2.countryCode.replace(/[^0-9]/g, "");
       setError(void 0);
-      if (submission2.text.length + submission2.countryCode.length > (input.config.maxChars || Infinity))
+      if (submissionBody.length + submissionCountryCode.length > (input.config.maxChars || Infinity))
         return setError(errorMessages(input.config).max);
-      if (submission2.text.length + submission2.countryCode.length < (input.config.minChars || 0))
+      if (submissionBody.length + submissionCountryCode.length < (input.config.minChars || 0))
         return setError(errorMessages(input.config).min);
       onSubmitSuccess({
         type: "string",
-        value: countryCodeValue + submission2.text
+        value: countryCodeValue + submission2.phoneNumber
       });
     }),
     children: [o$1("div", {
@@ -4020,7 +4048,7 @@ const ChatInputPhoneNumber = ({
       children: [o$1("div", {
         class: "relative flex min-w-0 flex-1 flex-grow gap-2",
         children: [o$1("label", {
-          class: "text-neutral-12 hover:bg-neutral-4 placeholder:text-neutral-8 focus-within:bg-neutral-5 focus-within:outline-accent-7 relative flex h-full w-12 appearance-none items-center justify-center overflow-hidden text-ellipsis whitespace-nowrap rounded-lg border-solid bg-transparent bg-none py-1.5 text-center text-base transition-colors focus-within:outline-none",
+          class: "text-neutral-12 bg-lowest hover:bg-neutral-5 placeholder:text-neutral-8 focus-visible:outline-accent-7 focus-within:bg-neutral-5 focus-within:outline-accent-7 outline-divider relative flex h-full cursor-pointer appearance-none items-center justify-center overflow-hidden text-ellipsis whitespace-nowrap rounded-l-full border-solid px-3 py-1.5 text-center text-base outline outline-2 transition-all focus-within:outline-none",
           htmlFor: `isdk_phone_${input.key}`,
           children: [o$1("span", {
             children: ["+", countryCodeValue]
@@ -4048,7 +4076,7 @@ const ChatInputPhoneNumber = ({
             }
             setRef(element);
           },
-          class: "outline-divider ease-expo-out placeholder:text-neutral-10 text-neutral-12 focus-visible:outline-accent-7 caret-accent-9 bg-lowest flex-1 rounded-full px-3 py-1 text-base outline outline-2 transition-all",
+          class: "outline-divider ease-expo-out placeholder:text-neutral-10 text-neutral-12 focus-visible:outline-accent-7 caret-accent-9 bg-lowest flex-1 rounded-r-full px-3 py-1 text-base outline outline-2 transition-all",
           placeholder: input.config.placeholder
         }), input.config.optional && o$1(SkipButton, {
           class: "absolute right-0 top-0",
@@ -4056,7 +4084,7 @@ const ChatInputPhoneNumber = ({
         })]
       }), o$1(SendButton, {})]
     }), o$1(InputError, {
-      error: errors2.text || errors2.countryCode || {
+      error: errors2.countryCode || errors2.phoneNumber || {
         message: error
       }
     })]
@@ -4379,7 +4407,7 @@ const parseMarkdownToJSX = (input) => {
   }, match + i2));
   return withStrong;
 };
-const chatBubbleVariants = cva("max-w-[min(100%,24rem)] [text-wrap:pretty] leading-snug flex-shrink min-w-[2rem] py-2 px-3 rounded-[18px] min-h-[36px] break-words relative", {
+const chatBubbleVariants = cva("select-text max-w-[min(100%,24rem)] [text-wrap:pretty] leading-snug flex-shrink min-w-[2rem] py-2 px-3 rounded-[18px] min-h-[36px] break-words relative", {
   variants: {
     side: {
       left: "bg-bubble-weak-bg text-neutral-12 shadow-surface-sm outline outline-1 outline-bubble-weak rounded-bl-md",
@@ -4507,10 +4535,11 @@ const Conversation = ({
           }, (message2) => {
             const isLastSentMessage = message2.author === "user" && !messages.slice(i2 + 1).some((m) => m.type === "text" && m.author === "user");
             const isLastMessage = i2 === messages.length - 1;
+            const body = message2.author === "bot" ? parseMarkdownToJSX(message2.text) : message2.text;
             return o$1(ChatBubble, {
               animate: isLastMessage,
               side: authorToSide[message2.author],
-              children: [parseMarkdownToJSX(message2.text), isLastSentMessage ? lastSentMessageFooter : null]
+              children: [body, isLastSentMessage ? lastSentMessageFooter : null]
             }, i2);
           }).with({
             type: "link"

package/dist/chatbot.d.ts

@@ -49,7 +49,10 @@ export declare const chatbotPlugin: ({ _internal_domManager: dom, theme, }: {
     /** Fetches a flow by job ID.
      *  @param jobId - The job ID to fetch the flow for. This is the job ID according to the **ATS**, and not the inploi job ID.
      */
-    fetchFlowByJobId: (jobId: string, additionalProperties?: Partial<OpenChatbotParams>) => Promise<OpenChatbotParams>;
+    fetchFlowByJobId: (jobId: string, additionalProperties?: Partial<OpenChatbotParams & {
+        /** What type of id to use. Defaults to `ats` */
+        idType: 'inploi' | 'ats';
+    }>) => Promise<OpenChatbotParams>;
     fetchFlowById: (flowId: string, additionalProperties?: Partial<OpenChatbotParams>) => Promise<OpenChatbotParams>;
     open: (params: OpenChatbotParams | Promise<OpenChatbotParams>) => Promise<void>;
     close: () => Promise<void>;

package/dist/{index-bf3e6467.js → index-04ef56bd.js}

@@ -5260,7 +5260,6 @@ const StatusBar = ({
           children
         }), o("button", {
           tabIndex: -1,
-          "aria-hidden": true,
           onClick: () => {
             if (view.value === "minimised") {
               view.value = "maximised";
@@ -5268,7 +5267,8 @@ const StatusBar = ({
               view.value = "minimised";
             }
           },
-          class: "h-full flex-grow overflow-hidden px-4 py-1",
+          class: "view-switch h-full flex-grow overflow-hidden px-4 py-1",
+          onTouchStart: noop,
           children: o("p", {
             "aria-hidden": true,
             class: "text-neutral-12 truncate text-sm font-bold tracking-tight",
@@ -5278,6 +5278,8 @@ const StatusBar = ({
           class: "flex flex-shrink-0 items-center gap-3 p-1.5",
           children: view.value === "minimised" ? o(k$3, {
             children: [o(StatusbarIconButton, {
+              class: "view-switch",
+              onTouchStart: noop,
               "aria-label": "Maximise job application",
               onClick: () => view.value = "maximised",
               children: o("path", {
@@ -5302,6 +5304,8 @@ const StatusBar = ({
                 d: "M8 7L10 4.5L8 2.5"
               })]
             }, "restart"), o(StatusbarIconButton, {
+              class: "view-switch",
+              onTouchStart: noop,
               "aria-label": "Minimise application",
               onClick: () => view.value = "minimised",
               children: o("path", {
@@ -5314,8 +5318,10 @@ const StatusBar = ({
     })
   });
 };
-const ChatbotBody = M(() => import("./chatbot-body-3fff1051.js").then((module) => module.ChatbotBody));
-const chatbotContentClass = cva("selection:bg-accent-4 selection:text-accent-12 fixed bottom-2 left-2 right-2 isolate mx-auto max-h-full max-w-[450px] focus:outline-none", {
+function noop() {
+}
+const ChatbotBody = M(() => import("./chatbot-body-c01665e7.js").then((module) => module.ChatbotBody));
+const chatbotContentClass = cva("selection:bg-accent-4 selection:text-accent-12 fixed bottom-2 left-2 right-2 isolate mx-auto max-h-full max-w-[450px] focus:outline-none [&:has(.view-switch:active)]:scale-[0.98] transition-all duration-1000 ease-expo-out", {
   variants: {
     view: {
       closed: "hidden",
@@ -5410,7 +5416,7 @@ const FlowByJobPayloadSchema = object({
     title: string()
   })
 });
-const tailwind = "#isdk {\n	position: relative;\n	z-index: 99999;\n	font-size: 16px;\n	font-family: sans-serif;\n\n	/* Lowest colour */\n	--i-lowest: 0 0% 100%;\n\n	/** Error colours */\n	--i-e-1: 340 100% 99%;\n	--i-e-2: 353 100% 98%;\n	--i-e-3: 351 91% 96%;\n	--i-e-4: 351 100% 93%;\n	--i-e-5: 350 100% 90%;\n	--i-e-6: 351 80% 86%;\n	--i-e-7: 349 68% 81%;\n	--i-e-8: 348 61% 74%;\n	--i-e-9: 348 75% 59%;\n	--i-e-10: 347 70% 55%;\n	--i-e-11: 345 70% 47%;\n	--i-e-12: 344 63% 24%;\n\n	--header-height: 44px;\n\n	--content-height: calc(100vh - 64px);\n	--content-height: calc(100svh - 64px);\n}\n\n	@media screen and (min-width: 768px) {#isdk {\n		--content-height: min(640px, calc(100vh - 16px));\n		--content-height: min(640px, calc(100svh - 16px))\n}\n	}\n\n	#isdk {\n		--tw-content: '';\n		font-family:\n			system-ui,\n			-apple-system,\n			BlinkMacSystemFont,\n			Segoe UI,\n			Roboto,\n			Oxygen,\n			Ubuntu,\n			Cantarell,\n			Open Sans,\n			Helvetica Neue,\n			sans-serif;\n}\n\n	#isdk em {\n			font-style: italic;\n		}\n\n	#isdk strong {\n			font-weight: bold;\n		}\n\n	#isdk * {\n			font-weight: inherit;\n			font-style: inherit;\n			box-sizing: border-box;\n			font-family: inherit;\n			border-style: solid;\n			border-width: 0;\n			-webkit-tap-highlight-color: transparent;\n		}\n\n	#isdk ::before,\n		#isdk ::after {\n			box-sizing: border-box;\n		}\n\n	#isdk :is(ul, ol) {\n			list-style: none;\n			padding: 0;\n			margin: 0;\n		}\n\n	#isdk :is(p) {\n			margin: 0;\n			padding: 0;\n		}\n\n	#isdk :is(li) {\n			margin: 0;\n			padding: 0;\n			list-style: none;\n		}\n\n	#isdk :is(button) {\n			margin: 0;\n			padding: 0;\n			border: unset;\n			background: unset;\n			text-align: unset;\n		}\n\n	#isdk *, #isdk ::before, #isdk ::after {\n	--tw-border-spacing-x: 0;\n	--tw-border-spacing-y: 0;\n	--tw-translate-x: 0;\n	--tw-translate-y: 0;\n	--tw-rotate: 0;\n	--tw-skew-x: 0;\n	--tw-skew-y: 0;\n	--tw-scale-x: 1;\n	--tw-scale-y: 1;\n	--tw-pan-x:  ;\n	--tw-pan-y:  ;\n	--tw-pinch-zoom:  ;\n	--tw-scroll-snap-strictness: proximity;\n	--tw-gradient-from-position:  ;\n	--tw-gradient-via-position:  ;\n	--tw-gradient-to-position:  ;\n	--tw-ordinal:  ;\n	--tw-slashed-zero:  ;\n	--tw-numeric-figure:  ;\n	--tw-numeric-spacing:  ;\n	--tw-numeric-fraction:  ;\n	--tw-ring-inset:  ;\n	--tw-ring-offset-width: 0px;\n	--tw-ring-offset-color: #fff;\n	--tw-ring-color: rgb(59 130 246 / 0.5);\n	--tw-ring-offset-shadow: 0 0 #0000;\n	--tw-ring-shadow: 0 0 #0000;\n	--tw-shadow: 0 0 #0000;\n	--tw-shadow-colored: 0 0 #0000;\n	--tw-blur:  ;\n	--tw-brightness:  ;\n	--tw-contrast:  ;\n	--tw-grayscale:  ;\n	--tw-hue-rotate:  ;\n	--tw-invert:  ;\n	--tw-saturate:  ;\n	--tw-sepia:  ;\n	--tw-drop-shadow:  ;\n	--tw-backdrop-blur:  ;\n	--tw-backdrop-brightness:  ;\n	--tw-backdrop-contrast:  ;\n	--tw-backdrop-grayscale:  ;\n	--tw-backdrop-hue-rotate:  ;\n	--tw-backdrop-invert:  ;\n	--tw-backdrop-opacity:  ;\n	--tw-backdrop-saturate:  ;\n	--tw-backdrop-sepia:  ;\n}\n\n	#isdk ::backdrop {\n	--tw-border-spacing-x: 0;\n	--tw-border-spacing-y: 0;\n	--tw-translate-x: 0;\n	--tw-translate-y: 0;\n	--tw-rotate: 0;\n	--tw-skew-x: 0;\n	--tw-skew-y: 0;\n	--tw-scale-x: 1;\n	--tw-scale-y: 1;\n	--tw-pan-x:  ;\n	--tw-pan-y:  ;\n	--tw-pinch-zoom:  ;\n	--tw-scroll-snap-strictness: proximity;\n	--tw-gradient-from-position:  ;\n	--tw-gradient-via-position:  ;\n	--tw-gradient-to-position:  ;\n	--tw-ordinal:  ;\n	--tw-slashed-zero:  ;\n	--tw-numeric-figure:  ;\n	--tw-numeric-spacing:  ;\n	--tw-numeric-fraction:  ;\n	--tw-ring-inset:  ;\n	--tw-ring-offset-width: 0px;\n	--tw-ring-offset-color: #fff;\n	--tw-ring-color: rgb(59 130 246 / 0.5);\n	--tw-ring-offset-shadow: 0 0 #0000;\n	--tw-ring-shadow: 0 0 #0000;\n	--tw-shadow: 0 0 #0000;\n	--tw-shadow-colored: 0 0 #0000;\n	--tw-blur:  ;\n	--tw-brightness:  ;\n	--tw-contrast:  ;\n	--tw-grayscale:  ;\n	--tw-hue-rotate:  ;\n	--tw-invert:  ;\n	--tw-saturate:  ;\n	--tw-sepia:  ;\n	--tw-drop-shadow:  ;\n	--tw-backdrop-blur:  ;\n	--tw-backdrop-brightness:  ;\n	--tw-backdrop-contrast:  ;\n	--tw-backdrop-grayscale:  ;\n	--tw-backdrop-hue-rotate:  ;\n	--tw-backdrop-invert:  ;\n	--tw-backdrop-opacity:  ;\n	--tw-backdrop-saturate:  ;\n	--tw-backdrop-sepia:  ;\n}\n\n	#isdk .container {\n	width: 100%;\n}\n\n	@media (min-width: 640px) {\n\n	#isdk .container {\n		max-width: 640px;\n	}\n}\n\n	@media (min-width: 768px) {\n\n	#isdk .container {\n		max-width: 768px;\n	}\n}\n\n	@media (min-width: 1024px) {\n\n	#isdk .container {\n		max-width: 1024px;\n	}\n}\n\n	@media (min-width: 1280px) {\n\n	#isdk .container {\n		max-width: 1280px;\n	}\n}\n\n	@media (min-width: 1536px) {\n\n	#isdk .container {\n		max-width: 1536px;\n	}\n}\n\n	#isdk .sr-only {\n	position: absolute;\n	width: 1px;\n	height: 1px;\n	padding: 0;\n	margin: -1px;\n	overflow: hidden;\n	clip: rect(0, 0, 0, 0);\n	white-space: nowrap;\n	border-width: 0;\n}\n\n	#isdk .pointer-events-none {\n	pointer-events: none;\n}\n\n	#isdk .visible {\n	visibility: visible;\n}\n\n	#isdk .collapse {\n	visibility: collapse;\n}\n\n	#isdk .static {\n	position: static;\n}\n\n	#isdk .fixed {\n	position: fixed;\n}\n\n	#isdk .absolute {\n	position: absolute;\n}\n\n	#isdk .relative {\n	position: relative;\n}\n\n	#isdk .sticky {\n	position: sticky;\n}\n\n	#isdk .inset-0 {\n	inset: 0px;\n}\n\n	#isdk .bottom-0 {\n	bottom: 0px;\n}\n\n	#isdk .bottom-2 {\n	bottom: 0.5rem;\n}\n\n	#isdk .bottom-2\\.5 {\n	bottom: 0.625rem;\n}\n\n	#isdk .left-0 {\n	left: 0px;\n}\n\n	#isdk .left-2 {\n	left: 0.5rem;\n}\n\n	#isdk .right-0 {\n	right: 0px;\n}\n\n	#isdk .right-2 {\n	right: 0.5rem;\n}\n\n	#isdk .top-0 {\n	top: 0px;\n}\n\n	#isdk .isolate {\n	isolation: isolate;\n}\n\n	#isdk .z-20 {\n	z-index: 20;\n}\n\n	#isdk .m-0 {\n	margin: 0px;\n}\n\n	#isdk .mx-auto {\n	margin-left: auto;\n	margin-right: auto;\n}\n\n	#isdk .mb-1 {\n	margin-bottom: 0.25rem;\n}\n\n	#isdk .ml-auto {\n	margin-left: auto;\n}\n\n	#isdk .mt-auto {\n	margin-top: auto;\n}\n\n	#isdk .block {\n	display: block;\n}\n\n	#isdk .inline-block {\n	display: inline-block;\n}\n\n	#isdk .inline {\n	display: inline;\n}\n\n	#isdk .flex {\n	display: flex;\n}\n\n	#isdk .inline-flex {\n	display: inline-flex;\n}\n\n	#isdk .table {\n	display: table;\n}\n\n	#isdk .table-row {\n	display: table-row;\n}\n\n	#isdk .flow-root {\n	display: flow-root;\n}\n\n	#isdk .grid {\n	display: grid;\n}\n\n	#isdk .inline-grid {\n	display: inline-grid;\n}\n\n	#isdk .contents {\n	display: contents;\n}\n\n	#isdk .list-item {\n	display: list-item;\n}\n\n	#isdk .\\!hidden {\n	display: none !important;\n}\n\n	#isdk .hidden {\n	display: none;\n}\n\n	#isdk .h-1 {\n	height: 0.25rem;\n}\n\n	#isdk .h-1\\.5 {\n	height: 0.375rem;\n}\n\n	#isdk .h-16 {\n	height: 4rem;\n}\n\n	#isdk .h-4 {\n	height: 1rem;\n}\n\n	#isdk .h-48 {\n	height: 12rem;\n}\n\n	#isdk .h-8 {\n	height: 2rem;\n}\n\n	#isdk .h-\\[3px\\] {\n	height: 3px;\n}\n\n	#isdk .h-\\[var\\(--content-height\\)\\] {\n	height: var(--content-height);\n}\n\n	#isdk .h-\\[var\\(--header-height\\)\\] {\n	height: var(--header-height);\n}\n\n	#isdk .h-full {\n	height: 100%;\n}\n\n	#isdk .max-h-full {\n	max-height: 100%;\n}\n\n	#isdk .min-h-\\[36px\\] {\n	min-height: 36px;\n}\n\n	#isdk .w-1 {\n	width: 0.25rem;\n}\n\n	#isdk .w-1\\.5 {\n	width: 0.375rem;\n}\n\n	#isdk .w-12 {\n	width: 3rem;\n}\n\n	#isdk .w-16 {\n	width: 4rem;\n}\n\n	#isdk .w-24 {\n	width: 6rem;\n}\n\n	#isdk .w-4 {\n	width: 1rem;\n}\n\n	#isdk .w-8 {\n	width: 2rem;\n}\n\n	#isdk .w-full {\n	width: 100%;\n}\n\n	#isdk .min-w-0 {\n	min-width: 0px;\n}\n\n	#isdk .min-w-\\[2rem\\] {\n	min-width: 2rem;\n}\n\n	#isdk .max-w-\\[450px\\] {\n	max-width: 450px;\n}\n\n	#isdk .max-w-\\[min\\(100\\%\\2c 24rem\\)\\] {\n	max-width: min(100%,24rem);\n}\n\n	#isdk .max-w-full {\n	max-width: 100%;\n}\n\n	#isdk .flex-1 {\n	flex: 1 1 0%;\n}\n\n	#isdk .flex-none {\n	flex: none;\n}\n\n	#isdk .flex-shrink {\n	flex-shrink: 1;\n}\n\n	#isdk .flex-shrink-0 {\n	flex-shrink: 0;\n}\n\n	#isdk .shrink {\n	flex-shrink: 1;\n}\n\n	#isdk .flex-grow {\n	flex-grow: 1;\n}\n\n	#isdk .grow {\n	flex-grow: 1;\n}\n\n	#isdk .border-collapse {\n	border-collapse: collapse;\n}\n\n	#isdk .translate-y-full {\n	--tw-translate-y: 100%;\n	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));\n}\n\n	#isdk .transform {\n	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));\n}\n\n	@keyframes bounce {\n\n	0%, 100% {\n		transform: translateY(-25%);\n		animation-timing-function: cubic-bezier(0.8,0,1,1);\n	}\n\n	50% {\n		transform: none;\n		animation-timing-function: cubic-bezier(0,0,0.2,1);\n	}\n}\n\n	#isdk .animate-bounce {\n	animation: bounce 1s infinite;\n}\n\n	@keyframes bubble-in {\n\n	from {\n		transform: translateY(100%) scale(0.8);\n		opacity: 0;\n	}\n\n	to {\n		transform: translateY(0) scale(1);\n		opacity: 1;\n	}\n}\n\n	#isdk .animate-bubble-in {\n	animation: bubble-in 300ms cubic-bezier(0.34, 1.56, 0.64, 1);\n}\n\n	@keyframes fade-in {\n\n	from {\n		opacity: 0;\n	}\n\n	to {\n		opacity: 1;\n	}\n}\n\n	#isdk .animate-fade-in {\n	animation: fade-in 500ms cubic-bezier(0.16, 1, 0.3, 1) both;\n}\n\n	@keyframes maximise {\n\n	from {\n		transform: translateY(50%);\n		height: var(--header-height);\n	}\n\n	to {\n		transform: translateY(0);\n		height: var(--content-height);\n	}\n}\n\n	#isdk .animate-maximise {\n	animation: maximise 400ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n	@keyframes slide-in-bottom {\n\n	from {\n		transform: translateY(-100%);\n	}\n\n	to {\n		transform: translateY(0);\n	}\n}\n\n	#isdk .animate-slide-in-bottom {\n	animation: slide-in-bottom 300ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n	#isdk .cursor-pointer {\n	cursor: pointer;\n}\n\n	#isdk .select-none {\n	-webkit-user-select: none;\n	   -moz-user-select: none;\n	        user-select: none;\n}\n\n	#isdk .resize {\n	resize: both;\n}\n\n	#isdk .appearance-none {\n	-webkit-appearance: none;\n	   -moz-appearance: none;\n	        appearance: none;\n}\n\n	#isdk .flex-col {\n	flex-direction: column;\n}\n\n	#isdk .flex-wrap {\n	flex-wrap: wrap;\n}\n\n	#isdk .items-center {\n	align-items: center;\n}\n\n	#isdk .items-stretch {\n	align-items: stretch;\n}\n\n	#isdk .justify-end {\n	justify-content: flex-end;\n}\n\n	#isdk .justify-center {\n	justify-content: center;\n}\n\n	#isdk .gap-0 {\n	gap: 0px;\n}\n\n	#isdk .gap-1 {\n	gap: 0.25rem;\n}\n\n	#isdk .gap-1\\.5 {\n	gap: 0.375rem;\n}\n\n	#isdk .gap-2 {\n	gap: 0.5rem;\n}\n\n	#isdk .gap-3 {\n	gap: 0.75rem;\n}\n\n	#isdk .gap-4 {\n	gap: 1rem;\n}\n\n	#isdk .gap-px {\n	gap: 1px;\n}\n\n	#isdk .overflow-hidden {\n	overflow: hidden;\n}\n\n	#isdk .overflow-y-auto {\n	overflow-y: auto;\n}\n\n	#isdk .overflow-y-scroll {\n	overflow-y: scroll;\n}\n\n	#isdk .truncate {\n	overflow: hidden;\n	text-overflow: ellipsis;\n	white-space: nowrap;\n}\n\n	#isdk .text-ellipsis {\n	text-overflow: ellipsis;\n}\n\n	#isdk .whitespace-nowrap {\n	white-space: nowrap;\n}\n\n	#isdk .break-words {\n	overflow-wrap: break-word;\n}\n\n	#isdk .rounded {\n	border-radius: 0.25rem;\n}\n\n	#isdk .rounded-2xl {\n	border-radius: 1rem;\n}\n\n	#isdk .rounded-3xl {\n	border-radius: 1.5rem;\n}\n\n	#isdk .rounded-\\[18px\\] {\n	border-radius: 18px;\n}\n\n	#isdk .rounded-full {\n	border-radius: 9999px;\n}\n\n	#isdk .rounded-lg {\n	border-radius: 0.5rem;\n}\n\n	#isdk .rounded-md {\n	border-radius: 0.375rem;\n}\n\n	#isdk .rounded-xl {\n	border-radius: 0.75rem;\n}\n\n	#isdk .rounded-b-3xl {\n	border-bottom-right-radius: 1.5rem;\n	border-bottom-left-radius: 1.5rem;\n}\n\n	#isdk .rounded-bl-md {\n	border-bottom-left-radius: 0.375rem;\n}\n\n	#isdk .rounded-br-md {\n	border-bottom-right-radius: 0.375rem;\n}\n\n	#isdk .border {\n	border-width: 1px;\n}\n\n	#isdk .border-b {\n	border-bottom-width: 1px;\n}\n\n	#isdk .border-t {\n	border-top-width: 1px;\n}\n\n	#isdk .border-solid {\n	border-style: solid;\n}\n\n	#isdk .border-dashed {\n	border-style: dashed;\n}\n\n	#isdk .border-accent-9 {\n	border-color: var(--i-color-a-9);\n}\n\n	#isdk .border-divider {\n	border-color: var(--i-color-divider);\n}\n\n	#isdk .border-neutral-5 {\n	border-color: var(--i-color-n-5);\n}\n\n	#isdk .border-neutral-8 {\n	border-color: var(--i-color-n-8);\n}\n\n	#isdk .border-transparent {\n	border-color: transparent;\n}\n\n	#isdk .border-b-neutral-3 {\n	border-bottom-color: var(--i-color-n-3);\n}\n\n	#isdk .border-b-neutral-5 {\n	border-bottom-color: var(--i-color-n-5);\n}\n\n	#isdk .border-b-transparent {\n	border-bottom-color: transparent;\n}\n\n	#isdk .bg-accent-1 {\n	background-color: var(--i-color-a-1);\n}\n\n	#isdk .bg-accent-3 {\n	background-color: var(--i-color-a-3);\n}\n\n	#isdk .bg-accent-9 {\n	background-color: var(--i-color-a-9);\n}\n\n	#isdk .bg-bubble-weak-bg {\n	background-color: var(--i-bubble-weak-bg);\n}\n\n	#isdk .bg-lowest {\n	background-color: var(--i-color-lowest);\n}\n\n	#isdk .bg-neutral-1 {\n	background-color: var(--i-color-n-1);\n}\n\n	#isdk .bg-neutral-2 {\n	background-color: var(--i-color-n-2);\n}\n\n	#isdk .bg-neutral-3 {\n	background-color: var(--i-color-n-3);\n}\n\n	#isdk .bg-overlay {\n	background-color: var(--i-overlay-bg);\n}\n\n	#isdk .bg-statusbar {\n	background-color: var(--i-status-bar-bg);\n}\n\n	#isdk .bg-transparent {\n	background-color: transparent;\n}\n\n	#isdk .bg-none {\n	background-image: none;\n}\n\n	#isdk .p-1 {\n	padding: 0.25rem;\n}\n\n	#isdk .p-1\\.5 {\n	padding: 0.375rem;\n}\n\n	#isdk .p-2 {\n	padding: 0.5rem;\n}\n\n	#isdk .p-2\\.5 {\n	padding: 0.625rem;\n}\n\n	#isdk .p-4 {\n	padding: 1rem;\n}\n\n	#isdk .px-1 {\n	padding-left: 0.25rem;\n	padding-right: 0.25rem;\n}\n\n	#isdk .px-2 {\n	padding-left: 0.5rem;\n	padding-right: 0.5rem;\n}\n\n	#isdk .px-2\\.5 {\n	padding-left: 0.625rem;\n	padding-right: 0.625rem;\n}\n\n	#isdk .px-3 {\n	padding-left: 0.75rem;\n	padding-right: 0.75rem;\n}\n\n	#isdk .px-4 {\n	padding-left: 1rem;\n	padding-right: 1rem;\n}\n\n	#isdk .px-5 {\n	padding-left: 1.25rem;\n	padding-right: 1.25rem;\n}\n\n	#isdk .py-0 {\n	padding-top: 0px;\n	padding-bottom: 0px;\n}\n\n	#isdk .py-0\\.5 {\n	padding-top: 0.125rem;\n	padding-bottom: 0.125rem;\n}\n\n	#isdk .py-1 {\n	padding-top: 0.25rem;\n	padding-bottom: 0.25rem;\n}\n\n	#isdk .py-1\\.5 {\n	padding-top: 0.375rem;\n	padding-bottom: 0.375rem;\n}\n\n	#isdk .py-2 {\n	padding-top: 0.5rem;\n	padding-bottom: 0.5rem;\n}\n\n	#isdk .py-2\\.5 {\n	padding-top: 0.625rem;\n	padding-bottom: 0.625rem;\n}\n\n	#isdk .py-3 {\n	padding-top: 0.75rem;\n	padding-bottom: 0.75rem;\n}\n\n	#isdk .py-\\[6px\\] {\n	padding-top: 6px;\n	padding-bottom: 6px;\n}\n\n	#isdk .pb-2 {\n	padding-bottom: 0.5rem;\n}\n\n	#isdk .pb-6 {\n	padding-bottom: 1.5rem;\n}\n\n	#isdk .pl-1 {\n	padding-left: 0.25rem;\n}\n\n	#isdk .pl-1\\.5 {\n	padding-left: 0.375rem;\n}\n\n	#isdk .pl-2 {\n	padding-left: 0.5rem;\n}\n\n	#isdk .pl-4 {\n	padding-left: 1rem;\n}\n\n	#isdk .pr-1 {\n	padding-right: 0.25rem;\n}\n\n	#isdk .pr-2 {\n	padding-right: 0.5rem;\n}\n\n	#isdk .pr-2\\.5 {\n	padding-right: 0.625rem;\n}\n\n	#isdk .pr-3 {\n	padding-right: 0.75rem;\n}\n\n	#isdk .pr-4 {\n	padding-right: 1rem;\n}\n\n	#isdk .pt-2 {\n	padding-top: 0.5rem;\n}\n\n	#isdk .pt-2\\.5 {\n	padding-top: 0.625rem;\n}\n\n	#isdk .pt-3 {\n	padding-top: 0.75rem;\n}\n\n	#isdk .pt-5 {\n	padding-top: 1.25rem;\n}\n\n	#isdk .pt-\\[calc\\(var\\(--header-height\\)\\+1rem\\)\\] {\n	padding-top: calc(var(--header-height) + 1rem);\n}\n\n	#isdk .text-center {\n	text-align: center;\n}\n\n	#isdk .text-right {\n	text-align: right;\n}\n\n	#isdk .text-justify {\n	text-align: justify;\n}\n\n	#isdk .text-\\[10px\\] {\n	font-size: 10px;\n}\n\n	#isdk .text-\\[11px\\] {\n	font-size: 11px;\n}\n\n	#isdk .text-base {\n	font-size: 1rem;\n	line-height: 1.5rem;\n}\n\n	#isdk .text-sm {\n	font-size: 0.875rem;\n	line-height: 1.25rem;\n}\n\n	#isdk .text-xs {\n	font-size: 0.75rem;\n	line-height: 1rem;\n}\n\n	#isdk .font-bold {\n	font-weight: 700;\n}\n\n	#isdk .font-medium {\n	font-weight: 500;\n}\n\n	#isdk .uppercase {\n	text-transform: uppercase;\n}\n\n	#isdk .lowercase {\n	text-transform: lowercase;\n}\n\n	#isdk .capitalize {\n	text-transform: capitalize;\n}\n\n	#isdk .italic {\n	font-style: italic;\n}\n\n	#isdk .ordinal {\n	--tw-ordinal: ordinal;\n	font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);\n}\n\n	#isdk .leading-3 {\n	line-height: .75rem;\n}\n\n	#isdk .leading-snug {\n	line-height: 1.375;\n}\n\n	#isdk .tracking-\\[-0\\.01em\\] {\n	letter-spacing: -0.01em;\n}\n\n	#isdk .tracking-tight {\n	letter-spacing: -0.025em;\n}\n\n	#isdk .tracking-wide {\n	letter-spacing: 0.025em;\n}\n\n	#isdk .tracking-widest {\n	letter-spacing: 0.1em;\n}\n\n	#isdk .text-\\[\\#4CAF50\\] {\n	--tw-text-opacity: 1;\n	color: rgb(76 175 80 / var(--tw-text-opacity));\n}\n\n	#isdk .text-\\[\\#FFC107\\] {\n	--tw-text-opacity: 1;\n	color: rgb(255 193 7 / var(--tw-text-opacity));\n}\n\n	#isdk .text-accent-10 {\n	color: var(--i-color-a-10);\n}\n\n	#isdk .text-accent-11 {\n	color: var(--i-color-a-11);\n}\n\n	#isdk .text-accent-12 {\n	color: var(--i-color-a-12);\n}\n\n	#isdk .text-accent-9 {\n	color: var(--i-color-a-9);\n}\n\n	#isdk .text-error-11 {\n	color: var(--i-color-e-11);\n}\n\n	#isdk .text-error-9 {\n	color: var(--i-color-e-9);\n}\n\n	#isdk .text-interactive-copy {\n	color: var(--i-interactive-copy);\n}\n\n	#isdk .text-neutral-10 {\n	color: var(--i-color-n-10);\n}\n\n	#isdk .text-neutral-11 {\n	color: var(--i-color-n-11);\n}\n\n	#isdk .text-neutral-12 {\n	color: var(--i-color-n-12);\n}\n\n	#isdk .text-neutral-6 {\n	color: var(--i-color-n-6);\n}\n\n	#isdk .text-neutral-8 {\n	color: var(--i-color-n-8);\n}\n\n	#isdk .text-neutral-9 {\n	color: var(--i-color-n-9);\n}\n\n	#isdk .text-white {\n	--tw-text-opacity: 1;\n	color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n	#isdk .underline {\n	text-decoration-line: underline;\n}\n\n	#isdk .no-underline {\n	text-decoration-line: none;\n}\n\n	#isdk .underline-offset-2 {\n	text-underline-offset: 2px;\n}\n\n	#isdk .caret-accent-9 {\n	caret-color: var(--i-color-a-9);\n}\n\n	#isdk .opacity-0 {\n	opacity: 0;\n}\n\n	#isdk .shadow {\n	--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n	#isdk .shadow-surface-md {\n	--tw-shadow: 0px 3px 3px 0px oklch(0% 0 0 / 0.03), 0px 6px 4px 0px oklch(0% 0 0 / 0.02), 0px 6px 4px 0px oklch(0% 0 0 / 0.01);\n	--tw-shadow-colored: 0px 3px 3px 0px var(--tw-shadow-color), 0px 6px 4px 0px var(--tw-shadow-color), 0px 6px 4px 0px var(--tw-shadow-color);\n	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n	#isdk .shadow-surface-sm {\n	--tw-shadow: 0px 3px 3px 0px oklch(0% 0 0 / 0.03), 0px 4px 4px 0px oklch(0% 0 0 / 0.02);\n	--tw-shadow-colored: 0px 3px 3px 0px var(--tw-shadow-color), 0px 4px 4px 0px var(--tw-shadow-color);\n	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n	#isdk .shadow-bubble-strong-shadow {\n	--tw-shadow-color: var(--i-bubble-strong-shadow);\n	--tw-shadow: var(--tw-shadow-colored);\n}\n\n	#isdk .outline-none {\n	outline: 2px solid transparent;\n	outline-offset: 2px;\n}\n\n	#isdk .outline {\n	outline-style: solid;\n}\n\n	#isdk .outline-1 {\n	outline-width: 1px;\n}\n\n	#isdk .outline-2 {\n	outline-width: 2px;\n}\n\n	#isdk .outline-accent-4 {\n	outline-color: var(--i-color-a-4);\n}\n\n	#isdk .outline-bubble-weak {\n	outline-color: var(--i-bubble-weak-outline);\n}\n\n	#isdk .outline-divider {\n	outline-color: var(--i-color-divider);\n}\n\n	#isdk .outline-neutral-3 {\n	outline-color: var(--i-color-n-3);\n}\n\n	#isdk .outline-neutral-6 {\n	outline-color: var(--i-color-n-6);\n}\n\n	#isdk .ring-0 {\n	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n	#isdk .ring-1 {\n	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n	#isdk .ring-2 {\n	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n	#isdk .ring-accent-6 {\n	--tw-ring-color: var(--i-color-a-6);\n}\n\n	#isdk .ring-divider {\n	--tw-ring-color: var(--i-color-divider);\n}\n\n	#isdk .ring-lowest {\n	--tw-ring-color: var(--i-color-lowest);\n}\n\n	#isdk .ring-transparent {\n	--tw-ring-color: transparent;\n}\n\n	#isdk .ring-offset-\\[1\\.5px\\] {\n	--tw-ring-offset-width: 1.5px;\n}\n\n	#isdk .ring-offset-neutral-1 {\n	--tw-ring-offset-color: var(--i-color-n-1);\n}\n\n	#isdk .blur {\n	--tw-blur: blur(8px);\n	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);\n}\n\n	#isdk .drop-shadow-\\[0_1\\.5px_var\\(--i-color-n-1\\)\\] {\n	--tw-drop-shadow: drop-shadow(0 1.5px var(--i-color-n-1));\n	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);\n}\n\n	#isdk .grayscale {\n	--tw-grayscale: grayscale(100%);\n	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);\n}\n\n	#isdk .invert {\n	--tw-invert: invert(100%);\n	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);\n}\n\n	#isdk .sepia {\n	--tw-sepia: sepia(100%);\n	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);\n}\n\n	#isdk .filter {\n	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);\n}\n\n	#isdk .backdrop-blur-md {\n	--tw-backdrop-blur: blur(12px);\n	-webkit-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);\n	        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);\n}\n\n	#isdk .backdrop-blur-xl {\n	--tw-backdrop-blur: blur(24px);\n	-webkit-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);\n	        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);\n}\n\n	#isdk .backdrop-saturate-150 {\n	--tw-backdrop-saturate: saturate(1.5);\n	-webkit-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);\n	        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);\n}\n\n	#isdk .backdrop-filter {\n	-webkit-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);\n	        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);\n}\n\n	#isdk .transition {\n	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n	transition-duration: 150ms;\n}\n\n	#isdk .transition-all {\n	transition-property: all;\n	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n	transition-duration: 150ms;\n}\n\n	#isdk .transition-colors {\n	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n	transition-duration: 150ms;\n}\n\n	#isdk .duration-100 {\n	transition-duration: 100ms;\n}\n\n	#isdk .duration-1000 {\n	transition-duration: 1000ms;\n}\n\n	#isdk .duration-300 {\n	transition-duration: 300ms;\n}\n\n	#isdk .duration-700 {\n	transition-duration: 700ms;\n}\n\n	#isdk .ease-expo-out {\n	transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n	#isdk .ease-in-out {\n	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n	#isdk .will-change-\\[height\\] {\n	will-change: height;\n}\n\n	#isdk .text-wrap-balance {\n	text-wrap: balance;\n}\n\n	#isdk .fr {\n	outline: none;\n}\n\n	#isdk .fr:focus {\n	outline: none;\n}\n\n	#isdk .fr:focus-visible {\n	outline: none;\n	--tw-ring-offset-width: 1px;\n	--tw-ring-offset-color: var(--i-color-lowest);\n	--tw-ring-opacity: 1;\n	--tw-ring-color: var(--i-color-a-9);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n	#isdk .gutter-stable {\n	scrollbar-gutter: stable;\n}\n\n	#isdk .hide-scrollbars::-webkit-scrollbar {\n	display: none;\n}\n\n	#isdk .hide-scrollbars {\n	scrollbar-width: none;\n	-ms-overflow-style: none;\n}\n\n	#isdk .touch-hitbox::before {\n	content: '';\n	position: absolute;\n	display: block;\n	top: 50%;\n	left: 50%;\n	transform: translate(-50%, -50%);\n	width: 100%;\n	height: 100%;\n	min-height: 44px;\n	min-width: 44px;\n	z-index: 9999;\n}\n\n	#isdk .\\[-webkit-outer-spin-button\\:none\\] {\n	-webkit-outer-spin-button: none;\n}\n\n	#isdk .\\[a-zA-Z0-9-_\\:\\.\\$\\@\\?\\] {\n	a-z-a--z0-9-_: .$@?;\n}\n\n	#isdk .\\[grid-template-columns\\:min-content_1fr\\] {\n	grid-template-columns: min-content 1fr;\n}\n\n	#isdk .\\[text-wrap\\:pretty\\] {\n	text-wrap: pretty;\n}\n\n	#isdk .selection\\:bg-accent-4 *::-moz-selection {\n	background-color: var(--i-color-a-4);\n}\n\n	#isdk .selection\\:bg-accent-4 *::selection {\n	background-color: var(--i-color-a-4);\n}\n\n	#isdk .selection\\:bg-transparent *::-moz-selection {\n	background-color: transparent;\n}\n\n	#isdk .selection\\:bg-transparent *::selection {\n	background-color: transparent;\n}\n\n	#isdk .selection\\:text-accent-12 *::-moz-selection {\n	color: var(--i-color-a-12);\n}\n\n	#isdk .selection\\:text-accent-12 *::selection {\n	color: var(--i-color-a-12);\n}\n\n	#isdk .selection\\:bg-accent-4::-moz-selection {\n	background-color: var(--i-color-a-4);\n}\n\n	#isdk .selection\\:bg-accent-4::selection {\n	background-color: var(--i-color-a-4);\n}\n\n	#isdk .selection\\:bg-transparent::-moz-selection {\n	background-color: transparent;\n}\n\n	#isdk .selection\\:bg-transparent::selection {\n	background-color: transparent;\n}\n\n	#isdk .selection\\:text-accent-12::-moz-selection {\n	color: var(--i-color-a-12);\n}\n\n	#isdk .selection\\:text-accent-12::selection {\n	color: var(--i-color-a-12);\n}\n\n	#isdk .placeholder\\:text-neutral-10::-moz-placeholder {\n	color: var(--i-color-n-10);\n}\n\n	#isdk .placeholder\\:text-neutral-10::placeholder {\n	color: var(--i-color-n-10);\n}\n\n	#isdk .placeholder\\:text-neutral-8::-moz-placeholder {\n	color: var(--i-color-n-8);\n}\n\n	#isdk .placeholder\\:text-neutral-8::placeholder {\n	color: var(--i-color-n-8);\n}\n\n	#isdk .autofill\\:shadow-\\[inset_0_0_0_1000px_hsl\\(210_16\\.7\\%_97\\.6\\%\\)\\]:-webkit-autofill {\n	--tw-shadow: inset 0 0 0 1000px hsl(210 16.7% 97.6%);\n	--tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);\n	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n	#isdk .autofill\\:shadow-\\[inset_0_0_0_1000px_hsl\\(210_16\\.7\\%_97\\.6\\%\\)\\]:autofill {\n	--tw-shadow: inset 0 0 0 1000px hsl(210 16.7% 97.6%);\n	--tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);\n	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n	#isdk .focus-within\\:bg-neutral-5:focus-within {\n	background-color: var(--i-color-n-5);\n}\n\n	#isdk .focus-within\\:outline-none:focus-within {\n	outline: 2px solid transparent;\n	outline-offset: 2px;\n}\n\n	#isdk .focus-within\\:outline-accent-7:focus-within {\n	outline-color: var(--i-color-a-7);\n}\n\n	#isdk .hover\\:border-accent-10:hover {\n	border-color: var(--i-color-a-10);\n}\n\n	#isdk .hover\\:border-neutral-5:hover {\n	border-color: var(--i-color-n-5);\n}\n\n	#isdk .hover\\:bg-accent-10:hover {\n	background-color: var(--i-color-a-10);\n}\n\n	#isdk .hover\\:bg-interactive-bg-hover:hover {\n	background-color: var(--i-interactive-bg-hover);\n}\n\n	#isdk .hover\\:bg-neutral-2:hover {\n	background-color: var(--i-color-n-2);\n}\n\n	#isdk .hover\\:bg-neutral-3:hover {\n	background-color: var(--i-color-n-3);\n}\n\n	#isdk .hover\\:bg-neutral-4:hover {\n	background-color: var(--i-color-n-4);\n}\n\n	#isdk .hover\\:text-accent-11:hover {\n	color: var(--i-color-a-11);\n}\n\n	#isdk .hover\\:text-interactive-copy-hover:hover {\n	color: var(--i-interactive-copy-hover);\n}\n\n	#isdk .hover\\:text-neutral-12:hover {\n	color: var(--i-color-n-12);\n}\n\n	#isdk .hover\\:ring-accent-8:hover {\n	--tw-ring-color: var(--i-color-a-8);\n}\n\n	#isdk .focus\\:bg-neutral-5:focus {\n	background-color: var(--i-color-n-5);\n}\n\n	#isdk .focus\\:outline-none:focus {\n	outline: 2px solid transparent;\n	outline-offset: 2px;\n}\n\n	#isdk .focus-visible\\:bg-neutral-3:focus-visible {\n	background-color: var(--i-color-n-3);\n}\n\n	#isdk .focus-visible\\:outline-2:focus-visible {\n	outline-width: 2px;\n}\n\n	#isdk .focus-visible\\:outline-accent-7:focus-visible {\n	outline-color: var(--i-color-a-7);\n}\n\n	#isdk .focus-visible\\:outline-accent-8:focus-visible {\n	outline-color: var(--i-color-a-8);\n}\n\n	#isdk .focus-visible\\:ring-4:focus-visible {\n	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n	#isdk .focus-visible\\:ring-offset-2:focus-visible {\n	--tw-ring-offset-width: 2px;\n}\n\n	#isdk .active\\:border-submit-bg-active:active {\n	border-color: var(--i-submit-button-bg-active);\n}\n\n	#isdk .active\\:bg-accent-10:active {\n	background-color: var(--i-color-a-10);\n}\n\n	#isdk .active\\:bg-accent-2:active {\n	background-color: var(--i-color-a-2);\n}\n\n	#isdk .active\\:bg-interactive-bg-active:active {\n	background-color: var(--i-interactive-bg-active);\n}\n\n	#isdk .active\\:bg-submit-bg-active:active {\n	background-color: var(--i-submit-button-bg-active);\n}\n\n	#isdk .active\\:text-accent-10:active {\n	color: var(--i-color-a-10);\n}\n\n	#isdk .active\\:text-accent-11:active {\n	color: var(--i-color-a-11);\n}\n\n	#isdk .active\\:text-interactive-copy-active:active {\n	color: var(--i-interactive-copy-active);\n}\n\n	#isdk .active\\:outline-neutral-8:active {\n	outline-color: var(--i-color-n-8);\n}\n\n	#isdk .active\\:ring-2:active {\n	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n	#isdk .active\\:ring-accent-7:active {\n	--tw-ring-color: var(--i-color-a-7);\n}\n\n	#isdk .active\\:ring-offset-2:active {\n	--tw-ring-offset-width: 2px;\n}\n\n	#isdk .disabled\\:cursor-not-allowed:disabled {\n	cursor: not-allowed;\n}\n\n	#isdk .disabled\\:opacity-50:disabled {\n	opacity: 0.5;\n}\n\n	#isdk .peer:checked ~ .peer-checked\\:bg-accent-2 {\n	background-color: var(--i-color-a-2);\n}\n\n	#isdk .peer:checked ~ .peer-checked\\:text-accent-9 {\n	color: var(--i-color-a-9);\n}\n\n	#isdk .peer:checked ~ .peer-checked\\:outline-accent-7 {\n	outline-color: var(--i-color-a-7);\n}\n\n	#isdk .peer:focus-visible ~ .peer-focus-visible\\:ring-4 {\n	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n	#isdk .peer:focus-visible ~ .peer-focus-visible\\:ring-accent-9 {\n	--tw-ring-color: var(--i-color-a-9);\n}\n\n	#isdk .peer:focus-visible ~ .peer-focus-visible\\:ring-offset-accent-7 {\n	--tw-ring-offset-color: var(--i-color-a-7);\n}\n\n	@media (pointer: coarse) {\n\n	#isdk .pointer-coarse\\:touch-hitbox\\:\\:before::before {\n		content: '';\n		position: absolute;\n		display: block;\n		top: 50%;\n		left: 50%;\n		transform: translate(-50%, -50%);\n		width: 100%;\n		height: 100%;\n		min-height: 44px;\n		min-width: 44px;\n		z-index: 9999;\n	}\n}\n\n	#isdk .\\[\\&\\:has\\(\\+\\*\\>input\\:focus\\)\\]\\:text-neutral-11:has(+*>input:focus) {\n	color: var(--i-color-n-11);\n}";
+const tailwind = "#isdk {\n	-webkit-touch-callout: none;\n	-webkit-user-select: none;\n	   -moz-user-select: none;\n	        user-select: none;\n\n	position: relative;\n	z-index: 99999;\n	font-size: 16px;\n	font-family: sans-serif;\n\n	/* Lowest colour */\n	--i-lowest: 0 0% 100%;\n\n	/** Error colours */\n	--i-e-1: 340 100% 99%;\n	--i-e-2: 353 100% 98%;\n	--i-e-3: 351 91% 96%;\n	--i-e-4: 351 100% 93%;\n	--i-e-5: 350 100% 90%;\n	--i-e-6: 351 80% 86%;\n	--i-e-7: 349 68% 81%;\n	--i-e-8: 348 61% 74%;\n	--i-e-9: 348 75% 59%;\n	--i-e-10: 347 70% 55%;\n	--i-e-11: 345 70% 47%;\n	--i-e-12: 344 63% 24%;\n\n	--header-height: 44px;\n\n	--content-height: calc(100vh - 64px);\n	--content-height: calc(100svh - 64px);\n}\n\n	@media screen and (min-width: 768px) {#isdk {\n		--content-height: min(640px, calc(100vh - 16px));\n		--content-height: min(640px, calc(100svh - 16px))\n}\n	}\n\n	#isdk {\n		--tw-content: '';\n		font-family:\n			system-ui,\n			-apple-system,\n			BlinkMacSystemFont,\n			Segoe UI,\n			Roboto,\n			Oxygen,\n			Ubuntu,\n			Cantarell,\n			Open Sans,\n			Helvetica Neue,\n			sans-serif;\n}\n\n	#isdk em {\n			font-style: italic;\n		}\n\n	#isdk strong {\n			font-weight: bold;\n		}\n\n	#isdk * {\n			font-weight: inherit;\n			font-style: inherit;\n			box-sizing: border-box;\n			font-family: inherit;\n			border-style: solid;\n			border-width: 0;\n			-webkit-tap-highlight-color: transparent;\n		}\n\n	#isdk ::before,\n		#isdk ::after {\n			box-sizing: border-box;\n		}\n\n	#isdk :is(ul, ol) {\n			list-style: none;\n			padding: 0;\n			margin: 0;\n		}\n\n	#isdk :is(p) {\n			margin: 0;\n			padding: 0;\n		}\n\n	#isdk :is(li) {\n			margin: 0;\n			padding: 0;\n			list-style: none;\n		}\n\n	#isdk :is(button) {\n			margin: 0;\n			padding: 0;\n			border: unset;\n			background: unset;\n			text-align: unset;\n		}\n\n	#isdk *, #isdk ::before, #isdk ::after {\n	--tw-border-spacing-x: 0;\n	--tw-border-spacing-y: 0;\n	--tw-translate-x: 0;\n	--tw-translate-y: 0;\n	--tw-rotate: 0;\n	--tw-skew-x: 0;\n	--tw-skew-y: 0;\n	--tw-scale-x: 1;\n	--tw-scale-y: 1;\n	--tw-pan-x:  ;\n	--tw-pan-y:  ;\n	--tw-pinch-zoom:  ;\n	--tw-scroll-snap-strictness: proximity;\n	--tw-gradient-from-position:  ;\n	--tw-gradient-via-position:  ;\n	--tw-gradient-to-position:  ;\n	--tw-ordinal:  ;\n	--tw-slashed-zero:  ;\n	--tw-numeric-figure:  ;\n	--tw-numeric-spacing:  ;\n	--tw-numeric-fraction:  ;\n	--tw-ring-inset:  ;\n	--tw-ring-offset-width: 0px;\n	--tw-ring-offset-color: #fff;\n	--tw-ring-color: rgb(59 130 246 / 0.5);\n	--tw-ring-offset-shadow: 0 0 #0000;\n	--tw-ring-shadow: 0 0 #0000;\n	--tw-shadow: 0 0 #0000;\n	--tw-shadow-colored: 0 0 #0000;\n	--tw-blur:  ;\n	--tw-brightness:  ;\n	--tw-contrast:  ;\n	--tw-grayscale:  ;\n	--tw-hue-rotate:  ;\n	--tw-invert:  ;\n	--tw-saturate:  ;\n	--tw-sepia:  ;\n	--tw-drop-shadow:  ;\n	--tw-backdrop-blur:  ;\n	--tw-backdrop-brightness:  ;\n	--tw-backdrop-contrast:  ;\n	--tw-backdrop-grayscale:  ;\n	--tw-backdrop-hue-rotate:  ;\n	--tw-backdrop-invert:  ;\n	--tw-backdrop-opacity:  ;\n	--tw-backdrop-saturate:  ;\n	--tw-backdrop-sepia:  ;\n}\n\n	#isdk ::backdrop {\n	--tw-border-spacing-x: 0;\n	--tw-border-spacing-y: 0;\n	--tw-translate-x: 0;\n	--tw-translate-y: 0;\n	--tw-rotate: 0;\n	--tw-skew-x: 0;\n	--tw-skew-y: 0;\n	--tw-scale-x: 1;\n	--tw-scale-y: 1;\n	--tw-pan-x:  ;\n	--tw-pan-y:  ;\n	--tw-pinch-zoom:  ;\n	--tw-scroll-snap-strictness: proximity;\n	--tw-gradient-from-position:  ;\n	--tw-gradient-via-position:  ;\n	--tw-gradient-to-position:  ;\n	--tw-ordinal:  ;\n	--tw-slashed-zero:  ;\n	--tw-numeric-figure:  ;\n	--tw-numeric-spacing:  ;\n	--tw-numeric-fraction:  ;\n	--tw-ring-inset:  ;\n	--tw-ring-offset-width: 0px;\n	--tw-ring-offset-color: #fff;\n	--tw-ring-color: rgb(59 130 246 / 0.5);\n	--tw-ring-offset-shadow: 0 0 #0000;\n	--tw-ring-shadow: 0 0 #0000;\n	--tw-shadow: 0 0 #0000;\n	--tw-shadow-colored: 0 0 #0000;\n	--tw-blur:  ;\n	--tw-brightness:  ;\n	--tw-contrast:  ;\n	--tw-grayscale:  ;\n	--tw-hue-rotate:  ;\n	--tw-invert:  ;\n	--tw-saturate:  ;\n	--tw-sepia:  ;\n	--tw-drop-shadow:  ;\n	--tw-backdrop-blur:  ;\n	--tw-backdrop-brightness:  ;\n	--tw-backdrop-contrast:  ;\n	--tw-backdrop-grayscale:  ;\n	--tw-backdrop-hue-rotate:  ;\n	--tw-backdrop-invert:  ;\n	--tw-backdrop-opacity:  ;\n	--tw-backdrop-saturate:  ;\n	--tw-backdrop-sepia:  ;\n}\n\n	#isdk .container {\n	width: 100%;\n}\n\n	@media (min-width: 640px) {\n\n	#isdk .container {\n		max-width: 640px;\n	}\n}\n\n	@media (min-width: 768px) {\n\n	#isdk .container {\n		max-width: 768px;\n	}\n}\n\n	@media (min-width: 1024px) {\n\n	#isdk .container {\n		max-width: 1024px;\n	}\n}\n\n	@media (min-width: 1280px) {\n\n	#isdk .container {\n		max-width: 1280px;\n	}\n}\n\n	@media (min-width: 1536px) {\n\n	#isdk .container {\n		max-width: 1536px;\n	}\n}\n\n	#isdk .sr-only {\n	position: absolute;\n	width: 1px;\n	height: 1px;\n	padding: 0;\n	margin: -1px;\n	overflow: hidden;\n	clip: rect(0, 0, 0, 0);\n	white-space: nowrap;\n	border-width: 0;\n}\n\n	#isdk .pointer-events-none {\n	pointer-events: none;\n}\n\n	#isdk .visible {\n	visibility: visible;\n}\n\n	#isdk .collapse {\n	visibility: collapse;\n}\n\n	#isdk .static {\n	position: static;\n}\n\n	#isdk .fixed {\n	position: fixed;\n}\n\n	#isdk .absolute {\n	position: absolute;\n}\n\n	#isdk .relative {\n	position: relative;\n}\n\n	#isdk .sticky {\n	position: sticky;\n}\n\n	#isdk .inset-0 {\n	inset: 0px;\n}\n\n	#isdk .bottom-0 {\n	bottom: 0px;\n}\n\n	#isdk .bottom-2 {\n	bottom: 0.5rem;\n}\n\n	#isdk .bottom-2\\.5 {\n	bottom: 0.625rem;\n}\n\n	#isdk .left-0 {\n	left: 0px;\n}\n\n	#isdk .left-2 {\n	left: 0.5rem;\n}\n\n	#isdk .right-0 {\n	right: 0px;\n}\n\n	#isdk .right-2 {\n	right: 0.5rem;\n}\n\n	#isdk .top-0 {\n	top: 0px;\n}\n\n	#isdk .isolate {\n	isolation: isolate;\n}\n\n	#isdk .z-20 {\n	z-index: 20;\n}\n\n	#isdk .m-0 {\n	margin: 0px;\n}\n\n	#isdk .mx-auto {\n	margin-left: auto;\n	margin-right: auto;\n}\n\n	#isdk .mb-1 {\n	margin-bottom: 0.25rem;\n}\n\n	#isdk .ml-auto {\n	margin-left: auto;\n}\n\n	#isdk .mt-auto {\n	margin-top: auto;\n}\n\n	#isdk .block {\n	display: block;\n}\n\n	#isdk .inline-block {\n	display: inline-block;\n}\n\n	#isdk .inline {\n	display: inline;\n}\n\n	#isdk .flex {\n	display: flex;\n}\n\n	#isdk .inline-flex {\n	display: inline-flex;\n}\n\n	#isdk .table {\n	display: table;\n}\n\n	#isdk .table-row {\n	display: table-row;\n}\n\n	#isdk .flow-root {\n	display: flow-root;\n}\n\n	#isdk .grid {\n	display: grid;\n}\n\n	#isdk .inline-grid {\n	display: inline-grid;\n}\n\n	#isdk .contents {\n	display: contents;\n}\n\n	#isdk .list-item {\n	display: list-item;\n}\n\n	#isdk .\\!hidden {\n	display: none !important;\n}\n\n	#isdk .hidden {\n	display: none;\n}\n\n	#isdk .h-1 {\n	height: 0.25rem;\n}\n\n	#isdk .h-1\\.5 {\n	height: 0.375rem;\n}\n\n	#isdk .h-16 {\n	height: 4rem;\n}\n\n	#isdk .h-4 {\n	height: 1rem;\n}\n\n	#isdk .h-48 {\n	height: 12rem;\n}\n\n	#isdk .h-8 {\n	height: 2rem;\n}\n\n	#isdk .h-\\[3px\\] {\n	height: 3px;\n}\n\n	#isdk .h-\\[var\\(--content-height\\)\\] {\n	height: var(--content-height);\n}\n\n	#isdk .h-\\[var\\(--header-height\\)\\] {\n	height: var(--header-height);\n}\n\n	#isdk .h-full {\n	height: 100%;\n}\n\n	#isdk .max-h-full {\n	max-height: 100%;\n}\n\n	#isdk .min-h-\\[36px\\] {\n	min-height: 36px;\n}\n\n	#isdk .w-1 {\n	width: 0.25rem;\n}\n\n	#isdk .w-1\\.5 {\n	width: 0.375rem;\n}\n\n	#isdk .w-16 {\n	width: 4rem;\n}\n\n	#isdk .w-24 {\n	width: 6rem;\n}\n\n	#isdk .w-4 {\n	width: 1rem;\n}\n\n	#isdk .w-8 {\n	width: 2rem;\n}\n\n	#isdk .w-full {\n	width: 100%;\n}\n\n	#isdk .min-w-0 {\n	min-width: 0px;\n}\n\n	#isdk .min-w-\\[2rem\\] {\n	min-width: 2rem;\n}\n\n	#isdk .max-w-\\[450px\\] {\n	max-width: 450px;\n}\n\n	#isdk .max-w-\\[min\\(100\\%\\2c 24rem\\)\\] {\n	max-width: min(100%,24rem);\n}\n\n	#isdk .max-w-full {\n	max-width: 100%;\n}\n\n	#isdk .flex-1 {\n	flex: 1 1 0%;\n}\n\n	#isdk .flex-none {\n	flex: none;\n}\n\n	#isdk .flex-shrink {\n	flex-shrink: 1;\n}\n\n	#isdk .flex-shrink-0 {\n	flex-shrink: 0;\n}\n\n	#isdk .shrink {\n	flex-shrink: 1;\n}\n\n	#isdk .flex-grow {\n	flex-grow: 1;\n}\n\n	#isdk .grow {\n	flex-grow: 1;\n}\n\n	#isdk .border-collapse {\n	border-collapse: collapse;\n}\n\n	#isdk .translate-y-full {\n	--tw-translate-y: 100%;\n	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));\n}\n\n	#isdk .transform {\n	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));\n}\n\n	@keyframes bounce {\n\n	0%, 100% {\n		transform: translateY(-25%);\n		animation-timing-function: cubic-bezier(0.8,0,1,1);\n	}\n\n	50% {\n		transform: none;\n		animation-timing-function: cubic-bezier(0,0,0.2,1);\n	}\n}\n\n	#isdk .animate-bounce {\n	animation: bounce 1s infinite;\n}\n\n	@keyframes bubble-in {\n\n	from {\n		transform: translateY(100%) scale(0.8);\n		opacity: 0;\n	}\n\n	to {\n		transform: translateY(0) scale(1);\n		opacity: 1;\n	}\n}\n\n	#isdk .animate-bubble-in {\n	animation: bubble-in 300ms cubic-bezier(0.34, 1.56, 0.64, 1);\n}\n\n	@keyframes fade-in {\n\n	from {\n		opacity: 0;\n	}\n\n	to {\n		opacity: 1;\n	}\n}\n\n	#isdk .animate-fade-in {\n	animation: fade-in 500ms cubic-bezier(0.16, 1, 0.3, 1) both;\n}\n\n	@keyframes maximise {\n\n	from {\n		transform: translateY(50%) scaleX(0.7);\n	}\n\n	to {\n		transform: translateY(0);\n	}\n}\n\n	#isdk .animate-maximise {\n	animation: maximise 400ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n	@keyframes slide-in-bottom {\n\n	0% {\n		transform: translateY(-100%) scaleX(0.82);\n	}\n\n	100% {\n		transform: translateY(0);\n	}\n}\n\n	#isdk .animate-slide-in-bottom {\n	animation: slide-in-bottom 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n\n	#isdk .cursor-pointer {\n	cursor: pointer;\n}\n\n	#isdk .select-none {\n	-webkit-user-select: none;\n	   -moz-user-select: none;\n	        user-select: none;\n}\n\n	#isdk .select-text {\n	-webkit-user-select: text;\n	   -moz-user-select: text;\n	        user-select: text;\n}\n\n	#isdk .resize {\n	resize: both;\n}\n\n	#isdk .appearance-none {\n	-webkit-appearance: none;\n	   -moz-appearance: none;\n	        appearance: none;\n}\n\n	#isdk .flex-col {\n	flex-direction: column;\n}\n\n	#isdk .flex-wrap {\n	flex-wrap: wrap;\n}\n\n	#isdk .items-center {\n	align-items: center;\n}\n\n	#isdk .items-stretch {\n	align-items: stretch;\n}\n\n	#isdk .justify-end {\n	justify-content: flex-end;\n}\n\n	#isdk .justify-center {\n	justify-content: center;\n}\n\n	#isdk .gap-0 {\n	gap: 0px;\n}\n\n	#isdk .gap-1 {\n	gap: 0.25rem;\n}\n\n	#isdk .gap-1\\.5 {\n	gap: 0.375rem;\n}\n\n	#isdk .gap-2 {\n	gap: 0.5rem;\n}\n\n	#isdk .gap-3 {\n	gap: 0.75rem;\n}\n\n	#isdk .gap-4 {\n	gap: 1rem;\n}\n\n	#isdk .gap-px {\n	gap: 1px;\n}\n\n	#isdk .overflow-hidden {\n	overflow: hidden;\n}\n\n	#isdk .overflow-y-auto {\n	overflow-y: auto;\n}\n\n	#isdk .overflow-y-scroll {\n	overflow-y: scroll;\n}\n\n	#isdk .truncate {\n	overflow: hidden;\n	text-overflow: ellipsis;\n	white-space: nowrap;\n}\n\n	#isdk .text-ellipsis {\n	text-overflow: ellipsis;\n}\n\n	#isdk .whitespace-nowrap {\n	white-space: nowrap;\n}\n\n	#isdk .break-words {\n	overflow-wrap: break-word;\n}\n\n	#isdk .rounded {\n	border-radius: 0.25rem;\n}\n\n	#isdk .rounded-2xl {\n	border-radius: 1rem;\n}\n\n	#isdk .rounded-3xl {\n	border-radius: 1.5rem;\n}\n\n	#isdk .rounded-\\[18px\\] {\n	border-radius: 18px;\n}\n\n	#isdk .rounded-full {\n	border-radius: 9999px;\n}\n\n	#isdk .rounded-lg {\n	border-radius: 0.5rem;\n}\n\n	#isdk .rounded-md {\n	border-radius: 0.375rem;\n}\n\n	#isdk .rounded-xl {\n	border-radius: 0.75rem;\n}\n\n	#isdk .rounded-b-3xl {\n	border-bottom-right-radius: 1.5rem;\n	border-bottom-left-radius: 1.5rem;\n}\n\n	#isdk .rounded-l-full {\n	border-top-left-radius: 9999px;\n	border-bottom-left-radius: 9999px;\n}\n\n	#isdk .rounded-r-full {\n	border-top-right-radius: 9999px;\n	border-bottom-right-radius: 9999px;\n}\n\n	#isdk .rounded-bl-md {\n	border-bottom-left-radius: 0.375rem;\n}\n\n	#isdk .rounded-br-md {\n	border-bottom-right-radius: 0.375rem;\n}\n\n	#isdk .border {\n	border-width: 1px;\n}\n\n	#isdk .border-b {\n	border-bottom-width: 1px;\n}\n\n	#isdk .border-t {\n	border-top-width: 1px;\n}\n\n	#isdk .border-solid {\n	border-style: solid;\n}\n\n	#isdk .border-dashed {\n	border-style: dashed;\n}\n\n	#isdk .border-accent-9 {\n	border-color: var(--i-color-a-9);\n}\n\n	#isdk .border-divider {\n	border-color: var(--i-color-divider);\n}\n\n	#isdk .border-neutral-5 {\n	border-color: var(--i-color-n-5);\n}\n\n	#isdk .border-neutral-8 {\n	border-color: var(--i-color-n-8);\n}\n\n	#isdk .border-transparent {\n	border-color: transparent;\n}\n\n	#isdk .border-b-neutral-3 {\n	border-bottom-color: var(--i-color-n-3);\n}\n\n	#isdk .border-b-neutral-5 {\n	border-bottom-color: var(--i-color-n-5);\n}\n\n	#isdk .border-b-transparent {\n	border-bottom-color: transparent;\n}\n\n	#isdk .bg-accent-1 {\n	background-color: var(--i-color-a-1);\n}\n\n	#isdk .bg-accent-3 {\n	background-color: var(--i-color-a-3);\n}\n\n	#isdk .bg-accent-9 {\n	background-color: var(--i-color-a-9);\n}\n\n	#isdk .bg-bubble-weak-bg {\n	background-color: var(--i-bubble-weak-bg);\n}\n\n	#isdk .bg-lowest {\n	background-color: var(--i-color-lowest);\n}\n\n	#isdk .bg-neutral-1 {\n	background-color: var(--i-color-n-1);\n}\n\n	#isdk .bg-neutral-2 {\n	background-color: var(--i-color-n-2);\n}\n\n	#isdk .bg-neutral-3 {\n	background-color: var(--i-color-n-3);\n}\n\n	#isdk .bg-overlay {\n	background-color: var(--i-overlay-bg);\n}\n\n	#isdk .bg-statusbar {\n	background-color: var(--i-status-bar-bg);\n}\n\n	#isdk .bg-transparent {\n	background-color: transparent;\n}\n\n	#isdk .bg-none {\n	background-image: none;\n}\n\n	#isdk .p-1 {\n	padding: 0.25rem;\n}\n\n	#isdk .p-1\\.5 {\n	padding: 0.375rem;\n}\n\n	#isdk .p-2 {\n	padding: 0.5rem;\n}\n\n	#isdk .p-2\\.5 {\n	padding: 0.625rem;\n}\n\n	#isdk .p-4 {\n	padding: 1rem;\n}\n\n	#isdk .px-1 {\n	padding-left: 0.25rem;\n	padding-right: 0.25rem;\n}\n\n	#isdk .px-2 {\n	padding-left: 0.5rem;\n	padding-right: 0.5rem;\n}\n\n	#isdk .px-2\\.5 {\n	padding-left: 0.625rem;\n	padding-right: 0.625rem;\n}\n\n	#isdk .px-3 {\n	padding-left: 0.75rem;\n	padding-right: 0.75rem;\n}\n\n	#isdk .px-4 {\n	padding-left: 1rem;\n	padding-right: 1rem;\n}\n\n	#isdk .px-5 {\n	padding-left: 1.25rem;\n	padding-right: 1.25rem;\n}\n\n	#isdk .py-0 {\n	padding-top: 0px;\n	padding-bottom: 0px;\n}\n\n	#isdk .py-0\\.5 {\n	padding-top: 0.125rem;\n	padding-bottom: 0.125rem;\n}\n\n	#isdk .py-1 {\n	padding-top: 0.25rem;\n	padding-bottom: 0.25rem;\n}\n\n	#isdk .py-1\\.5 {\n	padding-top: 0.375rem;\n	padding-bottom: 0.375rem;\n}\n\n	#isdk .py-2 {\n	padding-top: 0.5rem;\n	padding-bottom: 0.5rem;\n}\n\n	#isdk .py-2\\.5 {\n	padding-top: 0.625rem;\n	padding-bottom: 0.625rem;\n}\n\n	#isdk .py-3 {\n	padding-top: 0.75rem;\n	padding-bottom: 0.75rem;\n}\n\n	#isdk .py-\\[6px\\] {\n	padding-top: 6px;\n	padding-bottom: 6px;\n}\n\n	#isdk .pb-2 {\n	padding-bottom: 0.5rem;\n}\n\n	#isdk .pb-6 {\n	padding-bottom: 1.5rem;\n}\n\n	#isdk .pl-1 {\n	padding-left: 0.25rem;\n}\n\n	#isdk .pl-1\\.5 {\n	padding-left: 0.375rem;\n}\n\n	#isdk .pl-2 {\n	padding-left: 0.5rem;\n}\n\n	#isdk .pl-4 {\n	padding-left: 1rem;\n}\n\n	#isdk .pr-1 {\n	padding-right: 0.25rem;\n}\n\n	#isdk .pr-2 {\n	padding-right: 0.5rem;\n}\n\n	#isdk .pr-2\\.5 {\n	padding-right: 0.625rem;\n}\n\n	#isdk .pr-3 {\n	padding-right: 0.75rem;\n}\n\n	#isdk .pr-4 {\n	padding-right: 1rem;\n}\n\n	#isdk .pt-2 {\n	padding-top: 0.5rem;\n}\n\n	#isdk .pt-2\\.5 {\n	padding-top: 0.625rem;\n}\n\n	#isdk .pt-3 {\n	padding-top: 0.75rem;\n}\n\n	#isdk .pt-5 {\n	padding-top: 1.25rem;\n}\n\n	#isdk .pt-\\[calc\\(var\\(--header-height\\)\\+1rem\\)\\] {\n	padding-top: calc(var(--header-height) + 1rem);\n}\n\n	#isdk .text-center {\n	text-align: center;\n}\n\n	#isdk .text-right {\n	text-align: right;\n}\n\n	#isdk .text-justify {\n	text-align: justify;\n}\n\n	#isdk .text-\\[10px\\] {\n	font-size: 10px;\n}\n\n	#isdk .text-\\[11px\\] {\n	font-size: 11px;\n}\n\n	#isdk .text-base {\n	font-size: 1rem;\n	line-height: 1.5rem;\n}\n\n	#isdk .text-sm {\n	font-size: 0.875rem;\n	line-height: 1.25rem;\n}\n\n	#isdk .text-xs {\n	font-size: 0.75rem;\n	line-height: 1rem;\n}\n\n	#isdk .font-bold {\n	font-weight: 700;\n}\n\n	#isdk .font-medium {\n	font-weight: 500;\n}\n\n	#isdk .uppercase {\n	text-transform: uppercase;\n}\n\n	#isdk .lowercase {\n	text-transform: lowercase;\n}\n\n	#isdk .capitalize {\n	text-transform: capitalize;\n}\n\n	#isdk .italic {\n	font-style: italic;\n}\n\n	#isdk .ordinal {\n	--tw-ordinal: ordinal;\n	font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);\n}\n\n	#isdk .leading-3 {\n	line-height: .75rem;\n}\n\n	#isdk .leading-snug {\n	line-height: 1.375;\n}\n\n	#isdk .tracking-\\[-0\\.01em\\] {\n	letter-spacing: -0.01em;\n}\n\n	#isdk .tracking-tight {\n	letter-spacing: -0.025em;\n}\n\n	#isdk .tracking-wide {\n	letter-spacing: 0.025em;\n}\n\n	#isdk .tracking-widest {\n	letter-spacing: 0.1em;\n}\n\n	#isdk .text-\\[\\#4CAF50\\] {\n	--tw-text-opacity: 1;\n	color: rgb(76 175 80 / var(--tw-text-opacity));\n}\n\n	#isdk .text-\\[\\#FFC107\\] {\n	--tw-text-opacity: 1;\n	color: rgb(255 193 7 / var(--tw-text-opacity));\n}\n\n	#isdk .text-accent-10 {\n	color: var(--i-color-a-10);\n}\n\n	#isdk .text-accent-11 {\n	color: var(--i-color-a-11);\n}\n\n	#isdk .text-accent-12 {\n	color: var(--i-color-a-12);\n}\n\n	#isdk .text-accent-9 {\n	color: var(--i-color-a-9);\n}\n\n	#isdk .text-error-11 {\n	color: var(--i-color-e-11);\n}\n\n	#isdk .text-error-9 {\n	color: var(--i-color-e-9);\n}\n\n	#isdk .text-interactive-copy {\n	color: var(--i-interactive-copy);\n}\n\n	#isdk .text-neutral-10 {\n	color: var(--i-color-n-10);\n}\n\n	#isdk .text-neutral-11 {\n	color: var(--i-color-n-11);\n}\n\n	#isdk .text-neutral-12 {\n	color: var(--i-color-n-12);\n}\n\n	#isdk .text-neutral-6 {\n	color: var(--i-color-n-6);\n}\n\n	#isdk .text-neutral-8 {\n	color: var(--i-color-n-8);\n}\n\n	#isdk .text-neutral-9 {\n	color: var(--i-color-n-9);\n}\n\n	#isdk .text-white {\n	--tw-text-opacity: 1;\n	color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n	#isdk .underline {\n	text-decoration-line: underline;\n}\n\n	#isdk .no-underline {\n	text-decoration-line: none;\n}\n\n	#isdk .underline-offset-2 {\n	text-underline-offset: 2px;\n}\n\n	#isdk .caret-accent-9 {\n	caret-color: var(--i-color-a-9);\n}\n\n	#isdk .opacity-0 {\n	opacity: 0;\n}\n\n	#isdk .shadow {\n	--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n	#isdk .shadow-surface-md {\n	--tw-shadow: 0px 3px 3px 0px oklch(0% 0 0 / 0.03), 0px 6px 4px 0px oklch(0% 0 0 / 0.02), 0px 6px 4px 0px oklch(0% 0 0 / 0.01);\n	--tw-shadow-colored: 0px 3px 3px 0px var(--tw-shadow-color), 0px 6px 4px 0px var(--tw-shadow-color), 0px 6px 4px 0px var(--tw-shadow-color);\n	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n	#isdk .shadow-surface-sm {\n	--tw-shadow: 0px 3px 3px 0px oklch(0% 0 0 / 0.03), 0px 4px 4px 0px oklch(0% 0 0 / 0.02);\n	--tw-shadow-colored: 0px 3px 3px 0px var(--tw-shadow-color), 0px 4px 4px 0px var(--tw-shadow-color);\n	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n	#isdk .shadow-bubble-strong-shadow {\n	--tw-shadow-color: var(--i-bubble-strong-shadow);\n	--tw-shadow: var(--tw-shadow-colored);\n}\n\n	#isdk .outline-none {\n	outline: 2px solid transparent;\n	outline-offset: 2px;\n}\n\n	#isdk .outline {\n	outline-style: solid;\n}\n\n	#isdk .outline-1 {\n	outline-width: 1px;\n}\n\n	#isdk .outline-2 {\n	outline-width: 2px;\n}\n\n	#isdk .outline-accent-4 {\n	outline-color: var(--i-color-a-4);\n}\n\n	#isdk .outline-bubble-weak {\n	outline-color: var(--i-bubble-weak-outline);\n}\n\n	#isdk .outline-divider {\n	outline-color: var(--i-color-divider);\n}\n\n	#isdk .outline-neutral-3 {\n	outline-color: var(--i-color-n-3);\n}\n\n	#isdk .outline-neutral-6 {\n	outline-color: var(--i-color-n-6);\n}\n\n	#isdk .ring-0 {\n	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n	#isdk .ring-1 {\n	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n	#isdk .ring-2 {\n	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n	#isdk .ring-accent-6 {\n	--tw-ring-color: var(--i-color-a-6);\n}\n\n	#isdk .ring-divider {\n	--tw-ring-color: var(--i-color-divider);\n}\n\n	#isdk .ring-lowest {\n	--tw-ring-color: var(--i-color-lowest);\n}\n\n	#isdk .ring-transparent {\n	--tw-ring-color: transparent;\n}\n\n	#isdk .ring-offset-\\[1\\.5px\\] {\n	--tw-ring-offset-width: 1.5px;\n}\n\n	#isdk .ring-offset-neutral-1 {\n	--tw-ring-offset-color: var(--i-color-n-1);\n}\n\n	#isdk .blur {\n	--tw-blur: blur(8px);\n	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);\n}\n\n	#isdk .drop-shadow-\\[0_1\\.5px_var\\(--i-color-n-1\\)\\] {\n	--tw-drop-shadow: drop-shadow(0 1.5px var(--i-color-n-1));\n	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);\n}\n\n	#isdk .grayscale {\n	--tw-grayscale: grayscale(100%);\n	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);\n}\n\n	#isdk .invert {\n	--tw-invert: invert(100%);\n	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);\n}\n\n	#isdk .sepia {\n	--tw-sepia: sepia(100%);\n	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);\n}\n\n	#isdk .filter {\n	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);\n}\n\n	#isdk .backdrop-blur-md {\n	--tw-backdrop-blur: blur(12px);\n	-webkit-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);\n	        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);\n}\n\n	#isdk .backdrop-blur-xl {\n	--tw-backdrop-blur: blur(24px);\n	-webkit-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);\n	        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);\n}\n\n	#isdk .backdrop-saturate-150 {\n	--tw-backdrop-saturate: saturate(1.5);\n	-webkit-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);\n	        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);\n}\n\n	#isdk .backdrop-filter {\n	-webkit-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);\n	        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);\n}\n\n	#isdk .transition {\n	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n	transition-duration: 150ms;\n}\n\n	#isdk .transition-all {\n	transition-property: all;\n	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n	transition-duration: 150ms;\n}\n\n	#isdk .transition-colors {\n	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n	transition-duration: 150ms;\n}\n\n	#isdk .duration-100 {\n	transition-duration: 100ms;\n}\n\n	#isdk .duration-1000 {\n	transition-duration: 1000ms;\n}\n\n	#isdk .duration-300 {\n	transition-duration: 300ms;\n}\n\n	#isdk .duration-700 {\n	transition-duration: 700ms;\n}\n\n	#isdk .ease-expo-out {\n	transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n	#isdk .ease-in-out {\n	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n	#isdk .will-change-\\[height\\] {\n	will-change: height;\n}\n\n	#isdk .text-wrap-balance {\n	text-wrap: balance;\n}\n\n	#isdk .fr {\n	outline: none;\n}\n\n	#isdk .fr:focus {\n	outline: none;\n}\n\n	#isdk .fr:focus-visible {\n	outline: none;\n	--tw-ring-offset-width: 1px;\n	--tw-ring-offset-color: var(--i-color-lowest);\n	--tw-ring-opacity: 1;\n	--tw-ring-color: var(--i-color-a-9);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n	#isdk .gutter-stable {\n	scrollbar-gutter: stable;\n}\n\n	#isdk .hide-scrollbars::-webkit-scrollbar {\n	display: none;\n}\n\n	#isdk .hide-scrollbars {\n	scrollbar-width: none;\n	-ms-overflow-style: none;\n}\n\n	#isdk .touch-hitbox::before {\n	content: '';\n	position: absolute;\n	display: block;\n	top: 50%;\n	left: 50%;\n	transform: translate(-50%, -50%);\n	width: 100%;\n	height: 100%;\n	min-height: 44px;\n	min-width: 44px;\n	z-index: 9999;\n}\n\n	#isdk .\\[-webkit-outer-spin-button\\:none\\] {\n	-webkit-outer-spin-button: none;\n}\n\n	#isdk .\\[a-zA-Z0-9-_\\:\\.\\$\\@\\?\\] {\n	a-z-a--z0-9-_: .$@?;\n}\n\n	#isdk .\\[grid-template-columns\\:min-content_1fr\\] {\n	grid-template-columns: min-content 1fr;\n}\n\n	#isdk .\\[text-wrap\\:pretty\\] {\n	text-wrap: pretty;\n}\n\n	#isdk .selection\\:bg-accent-4 *::-moz-selection {\n	background-color: var(--i-color-a-4);\n}\n\n	#isdk .selection\\:bg-accent-4 *::selection {\n	background-color: var(--i-color-a-4);\n}\n\n	#isdk .selection\\:bg-transparent *::-moz-selection {\n	background-color: transparent;\n}\n\n	#isdk .selection\\:bg-transparent *::selection {\n	background-color: transparent;\n}\n\n	#isdk .selection\\:text-accent-12 *::-moz-selection {\n	color: var(--i-color-a-12);\n}\n\n	#isdk .selection\\:text-accent-12 *::selection {\n	color: var(--i-color-a-12);\n}\n\n	#isdk .selection\\:bg-accent-4::-moz-selection {\n	background-color: var(--i-color-a-4);\n}\n\n	#isdk .selection\\:bg-accent-4::selection {\n	background-color: var(--i-color-a-4);\n}\n\n	#isdk .selection\\:bg-transparent::-moz-selection {\n	background-color: transparent;\n}\n\n	#isdk .selection\\:bg-transparent::selection {\n	background-color: transparent;\n}\n\n	#isdk .selection\\:text-accent-12::-moz-selection {\n	color: var(--i-color-a-12);\n}\n\n	#isdk .selection\\:text-accent-12::selection {\n	color: var(--i-color-a-12);\n}\n\n	#isdk .placeholder\\:text-neutral-10::-moz-placeholder {\n	color: var(--i-color-n-10);\n}\n\n	#isdk .placeholder\\:text-neutral-10::placeholder {\n	color: var(--i-color-n-10);\n}\n\n	#isdk .placeholder\\:text-neutral-8::-moz-placeholder {\n	color: var(--i-color-n-8);\n}\n\n	#isdk .placeholder\\:text-neutral-8::placeholder {\n	color: var(--i-color-n-8);\n}\n\n	#isdk .autofill\\:shadow-\\[inset_0_0_0_1000px_hsl\\(210_16\\.7\\%_97\\.6\\%\\)\\]:-webkit-autofill {\n	--tw-shadow: inset 0 0 0 1000px hsl(210 16.7% 97.6%);\n	--tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);\n	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n	#isdk .autofill\\:shadow-\\[inset_0_0_0_1000px_hsl\\(210_16\\.7\\%_97\\.6\\%\\)\\]:autofill {\n	--tw-shadow: inset 0 0 0 1000px hsl(210 16.7% 97.6%);\n	--tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);\n	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n	#isdk .focus-within\\:bg-neutral-5:focus-within {\n	background-color: var(--i-color-n-5);\n}\n\n	#isdk .focus-within\\:outline-none:focus-within {\n	outline: 2px solid transparent;\n	outline-offset: 2px;\n}\n\n	#isdk .focus-within\\:outline-accent-7:focus-within {\n	outline-color: var(--i-color-a-7);\n}\n\n	#isdk .hover\\:border-accent-10:hover {\n	border-color: var(--i-color-a-10);\n}\n\n	#isdk .hover\\:border-neutral-5:hover {\n	border-color: var(--i-color-n-5);\n}\n\n	#isdk .hover\\:bg-accent-10:hover {\n	background-color: var(--i-color-a-10);\n}\n\n	#isdk .hover\\:bg-interactive-bg-hover:hover {\n	background-color: var(--i-interactive-bg-hover);\n}\n\n	#isdk .hover\\:bg-neutral-2:hover {\n	background-color: var(--i-color-n-2);\n}\n\n	#isdk .hover\\:bg-neutral-3:hover {\n	background-color: var(--i-color-n-3);\n}\n\n	#isdk .hover\\:bg-neutral-4:hover {\n	background-color: var(--i-color-n-4);\n}\n\n	#isdk .hover\\:bg-neutral-5:hover {\n	background-color: var(--i-color-n-5);\n}\n\n	#isdk .hover\\:text-accent-11:hover {\n	color: var(--i-color-a-11);\n}\n\n	#isdk .hover\\:text-interactive-copy-hover:hover {\n	color: var(--i-interactive-copy-hover);\n}\n\n	#isdk .hover\\:text-neutral-12:hover {\n	color: var(--i-color-n-12);\n}\n\n	#isdk .hover\\:ring-accent-8:hover {\n	--tw-ring-color: var(--i-color-a-8);\n}\n\n	#isdk .focus\\:bg-neutral-5:focus {\n	background-color: var(--i-color-n-5);\n}\n\n	#isdk .focus\\:outline-none:focus {\n	outline: 2px solid transparent;\n	outline-offset: 2px;\n}\n\n	#isdk .focus-visible\\:bg-neutral-3:focus-visible {\n	background-color: var(--i-color-n-3);\n}\n\n	#isdk .focus-visible\\:outline-2:focus-visible {\n	outline-width: 2px;\n}\n\n	#isdk .focus-visible\\:outline-accent-7:focus-visible {\n	outline-color: var(--i-color-a-7);\n}\n\n	#isdk .focus-visible\\:outline-accent-8:focus-visible {\n	outline-color: var(--i-color-a-8);\n}\n\n	#isdk .focus-visible\\:ring-4:focus-visible {\n	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n	#isdk .focus-visible\\:ring-offset-2:focus-visible {\n	--tw-ring-offset-width: 2px;\n}\n\n	#isdk .active\\:border-submit-bg-active:active {\n	border-color: var(--i-submit-button-bg-active);\n}\n\n	#isdk .active\\:bg-accent-10:active {\n	background-color: var(--i-color-a-10);\n}\n\n	#isdk .active\\:bg-accent-2:active {\n	background-color: var(--i-color-a-2);\n}\n\n	#isdk .active\\:bg-interactive-bg-active:active {\n	background-color: var(--i-interactive-bg-active);\n}\n\n	#isdk .active\\:bg-submit-bg-active:active {\n	background-color: var(--i-submit-button-bg-active);\n}\n\n	#isdk .active\\:text-accent-10:active {\n	color: var(--i-color-a-10);\n}\n\n	#isdk .active\\:text-accent-11:active {\n	color: var(--i-color-a-11);\n}\n\n	#isdk .active\\:text-interactive-copy-active:active {\n	color: var(--i-interactive-copy-active);\n}\n\n	#isdk .active\\:outline-neutral-8:active {\n	outline-color: var(--i-color-n-8);\n}\n\n	#isdk .active\\:ring-2:active {\n	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n	#isdk .active\\:ring-accent-7:active {\n	--tw-ring-color: var(--i-color-a-7);\n}\n\n	#isdk .active\\:ring-offset-2:active {\n	--tw-ring-offset-width: 2px;\n}\n\n	#isdk .disabled\\:cursor-not-allowed:disabled {\n	cursor: not-allowed;\n}\n\n	#isdk .disabled\\:opacity-50:disabled {\n	opacity: 0.5;\n}\n\n	#isdk .peer:checked ~ .peer-checked\\:bg-accent-2 {\n	background-color: var(--i-color-a-2);\n}\n\n	#isdk .peer:checked ~ .peer-checked\\:text-accent-9 {\n	color: var(--i-color-a-9);\n}\n\n	#isdk .peer:checked ~ .peer-checked\\:outline-accent-7 {\n	outline-color: var(--i-color-a-7);\n}\n\n	#isdk .peer:focus-visible ~ .peer-focus-visible\\:ring-4 {\n	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n	#isdk .peer:focus-visible ~ .peer-focus-visible\\:ring-accent-9 {\n	--tw-ring-color: var(--i-color-a-9);\n}\n\n	#isdk .peer:focus-visible ~ .peer-focus-visible\\:ring-offset-accent-7 {\n	--tw-ring-offset-color: var(--i-color-a-7);\n}\n\n	@media (pointer: coarse) {\n\n	#isdk .pointer-coarse\\:touch-hitbox\\:\\:before::before {\n		content: '';\n		position: absolute;\n		display: block;\n		top: 50%;\n		left: 50%;\n		transform: translate(-50%, -50%);\n		width: 100%;\n		height: 100%;\n		min-height: 44px;\n		min-width: 44px;\n		z-index: 9999;\n	}\n}\n\n	#isdk .\\[\\&\\:has\\(\\+\\*\\>input\\:focus\\)\\]\\:text-neutral-11:has(+*>input:focus) {\n	color: var(--i-color-n-11);\n}\n\n	#isdk .\\[\\&\\:has\\(\\.view-switch\\:active\\)\\]\\:scale-\\[0\\.98\\]:has(.view-switch:active) {\n	--tw-scale-x: 0.98;\n	--tw-scale-y: 0.98;\n	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));\n}\n";
 const CHATBOT_ELEMENT_ID = "isdk";
 const ERROR_MESSAGES = {
   not_in_local_storage: "Application not found in local storage",
@@ -5735,19 +5741,24 @@ const chatbotPlugin = ({
     /** Fetches a flow by job ID.
      *  @param jobId - The job ID to fetch the flow for. This is the job ID according to the **ATS**, and not the inploi job ID.
      */
-    fetchFlowByJobId: async (jobId, additionalProperties) => apiClient.fetch(`/flow/job/${jobId}`).then((res) => {
-      const data = parse$1(FlowByJobPayloadSchema, res);
-      return {
-        flow: data.flow,
-        title: `Applying for “${data.job.title}”`,
-        flowKeys: [data.job.id, ...(additionalProperties == null ? void 0 : additionalProperties.flowKeys) ?? []],
-        job: {
-          id: data.job.id,
-          id_type: "external"
-        },
-        ...additionalProperties
-      };
-    }),
+    fetchFlowByJobId: async (jobId, additionalProperties) => {
+      const searchParams = new URLSearchParams({
+        id_type: (additionalProperties == null ? void 0 : additionalProperties.idType) === "inploi" ? "internal" : "external"
+      });
+      return apiClient.fetch([`/flow/job/${jobId}`, searchParams.toString()].filter(Boolean).join("?")).then((res) => {
+        const data = parse$1(FlowByJobPayloadSchema, res);
+        return {
+          flow: data.flow,
+          title: `Applying for “${data.job.title}”`,
+          flowKeys: [data.job.id, ...(additionalProperties == null ? void 0 : additionalProperties.flowKeys) ?? []],
+          job: {
+            id: data.job.id,
+            id_type: "external"
+          },
+          ...additionalProperties
+        };
+      });
+    },
     fetchFlowById: async (flowId, additionalProperties) => apiClient.fetch(`/flow/id/${flowId}`).then((res) => {
       var _a;
       const data = parse$1(FlowByIdPayloadSchema, res);