@juo/orion-extensions 0.13.1 → 0.13.2

package/dist/{cs-BQzvVuHG.js → cs-B4XEdP2r.js}

@@ -2,7 +2,16 @@ const Login = {
   loginViewTitle: "Přihlásit se",
   checkEmailTitle: "Zkontrolujte svůj e-mail",
   subtitle: "Změňte své produkty, možnosti doručení a platby nebo aktualizujte stav svého předplatného",
-  separatorText: "nebo se přihlaste přes"
+  separatorText: "nebo se přihlaste přes",
+  emailLabel: "Váš e-mail",
+  codeLabel: "Kód",
+  checkInboxText: "Zkontrolujte svou e-mailovou schránku, kde najdete přihlašovací kód. Zadejte ho níže pro přihlášení. Pokud nedorazí do 2 minut, ",
+  tryAgainText: "zkuste to znovu",
+  checkInboxSuffixText: ".",
+  continueButtonText: "Pokračovat",
+  genericErrorMessage: "Něco se pokazilo. Zkuste to prosím znovu.",
+  invalidCodeMessage: "Kód je neplatný nebo vypršel.",
+  socialLoginErrorMessage: "Zkuste prosím jiný způsob přihlášení."
 };
 const cs = {
   "action:show_content": {

package/dist/{de-DpEGHUIF.js → de-BvQLGVrC.js}

@@ -2,7 +2,16 @@ const Login = {
   loginViewTitle: "Anmelden",
   checkEmailTitle: "Überprüfe deine E-Mail",
   subtitle: "Ändere deine Produkte, Liefer- und Zahlungsoptionen oder aktualisiere den Status deines Abonnements",
-  separatorText: "oder anmelden mit"
+  separatorText: "oder anmelden mit",
+  emailLabel: "Deine E-Mail",
+  codeLabel: "Code",
+  checkInboxText: "Prüfe deinen Posteingang auf einen Anmeldecode. Gib ihn unten ein, um dich anzumelden. Wenn er innerhalb von 2 Minuten nicht ankommt, ",
+  tryAgainText: "versuche es erneut",
+  checkInboxSuffixText: ".",
+  continueButtonText: "Weiter",
+  genericErrorMessage: "Etwas ist schiefgelaufen. Bitte versuche es erneut.",
+  invalidCodeMessage: "Der Code ist ungültig oder abgelaufen.",
+  socialLoginErrorMessage: "Bitte versuche eine andere Anmeldemethode."
 };
 const de = {
   "action:show_content": {

package/dist/{es-CGvnSWq-.js → es-BI6pMyNt.js}

@@ -2,7 +2,16 @@ const Login = {
   loginViewTitle: "Iniciar sesión",
   checkEmailTitle: "Revisa tu correo",
   subtitle: "Cambia tus productos, opciones de entrega y pago o actualiza el estado de tu suscripción",
-  separatorText: "o inicia sesión con"
+  separatorText: "o inicia sesión con",
+  emailLabel: "Tu correo electrónico",
+  codeLabel: "Código",
+  checkInboxText: "Revisa tu bandeja de entrada para encontrar el código de acceso. Introdúcelo abajo para iniciar sesión. Si no llega en 2 minutos, ",
+  tryAgainText: "inténtalo de nuevo",
+  checkInboxSuffixText: ".",
+  continueButtonText: "Continuar",
+  genericErrorMessage: "Algo salió mal. Por favor, inténtalo de nuevo.",
+  invalidCodeMessage: "El código no es válido o ha caducado.",
+  socialLoginErrorMessage: "Por favor, prueba otra opción de inicio de sesión."
 };
 const es = {
   "action:show_content": {

package/dist/extensions.js

@@ -8430,16 +8430,16 @@ const _hoisted_24$4 = ["disabled"];
 const _hoisted_25$4 = ["disabled"];
 const _hoisted_26$4 = ["disabled"];
 const _hoisted_27$4 = ["disabled"];
-const _hoisted_28$3 = ["disabled"];
-const _hoisted_29$2 = { class: "max-h-[400px] overflow-y-auto pr-2 space-y-4" };
-const _hoisted_30$2 = ["href"];
-const _hoisted_31$2 = { class: "flex flex-col gap-3 flex-1" };
-const _hoisted_32$2 = { class: "flex items-start gap-3 flex-1" };
-const _hoisted_33$2 = { key: 0 };
-const _hoisted_34$2 = ["src"];
-const _hoisted_35$2 = { class: "flex flex-col gap-1 flex-1" };
-const _hoisted_36$2 = { class: "text-[11px] font-semibold leading-normal text-[#303030]" };
-const _hoisted_37$1 = { class: "flex items-center" };
+const _hoisted_28$4 = ["disabled"];
+const _hoisted_29$3 = { class: "max-h-[400px] overflow-y-auto pr-2 space-y-4" };
+const _hoisted_30$3 = ["href"];
+const _hoisted_31$3 = { class: "flex flex-col gap-3 flex-1" };
+const _hoisted_32$3 = { class: "flex items-start gap-3 flex-1" };
+const _hoisted_33$3 = { key: 0 };
+const _hoisted_34$3 = ["src"];
+const _hoisted_35$3 = { class: "flex flex-col gap-1 flex-1" };
+const _hoisted_36$3 = { class: "text-[11px] font-semibold leading-normal text-[#303030]" };
+const _hoisted_37$2 = { class: "flex items-center" };
 const _hoisted_38$1 = { class: "text-[11px] font-semibold text-[#303030] whitespace-nowrap" };
 const _hoisted_39$1 = ["value"];
 const _hoisted_40$1 = { class: "flex gap-2 justify-end" };
@@ -8926,46 +8926,46 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
                     onClick: handleReactivate,
                     disabled: isLoading.value,
                     class: "px-4 py-2 text-[12px] font-semibold text-green-600 bg-green-50 border border-green-200 rounded-lg hover:bg-green-100 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
-                  }, toDisplayString(isLoading.value && actionType.value === "reactivate" ? "Reactivating..." : "Reactivate"), 9, _hoisted_28$3)) : createCommentVNode("", true)
+                  }, toDisplayString(isLoading.value && actionType.value === "reactivate" ? "Reactivating..." : "Reactivate"), 9, _hoisted_28$4)) : createCommentVNode("", true)
                 ])
               ])
             ])
           ])) : createCommentVNode("", true),
-          createBaseVNode("div", _hoisted_29$2, [
+          createBaseVNode("div", _hoisted_29$3, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(subscriptionWithProducts.value, (subscription) => {
               return openBlock(), createElementBlock("a", {
                 key: subscription.id,
                 href: getSubscriptionUrl(subscription.id),
                 class: "flex flex-row gap-4 p-4 border-2 border-[#D1D5DB] rounded-lg bg-[#F9FAFB] shadow-sm hover:bg-[#F3F4F6] hover:border-[#9CA3AF] transition-colors cursor-pointer"
               }, [
-                createBaseVNode("div", _hoisted_31$2, [
+                createBaseVNode("div", _hoisted_31$3, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(subscription.items, (item) => {
                     var _a, _b;
                     return openBlock(), createElementBlock("div", {
                       key: item.id,
                       class: "flex items-start justify-between gap-4"
                     }, [
-                      createBaseVNode("div", _hoisted_32$2, [
-                        ((_a = item.product) == null ? void 0 : _a.featuredImage) ? (openBlock(), createElementBlock("figure", _hoisted_33$2, [
+                      createBaseVNode("div", _hoisted_32$3, [
+                        ((_a = item.product) == null ? void 0 : _a.featuredImage) ? (openBlock(), createElementBlock("figure", _hoisted_33$3, [
                           createBaseVNode("img", {
                             src: item.product.featuredImage.url,
                             width: "40",
                             height: "40",
                             class: "rounded-full"
-                          }, null, 8, _hoisted_34$2)
+                          }, null, 8, _hoisted_34$3)
                         ])) : createCommentVNode("", true),
-                        createBaseVNode("div", _hoisted_35$2, [
-                          createBaseVNode("h4", _hoisted_36$2, toDisplayString(((_b = item.product) == null ? void 0 : _b.title) || "Product"), 1),
+                        createBaseVNode("div", _hoisted_35$3, [
+                          createBaseVNode("h4", _hoisted_36$3, toDisplayString(((_b = item.product) == null ? void 0 : _b.title) || "Product"), 1),
                           _cache[9] || (_cache[9] = createBaseVNode("p", { class: "text-[10px] font-[540] text-[#969696] leading-normal" }, " Subscription item ", -1))
                         ])
                       ]),
-                      createBaseVNode("div", _hoisted_37$1, [
+                      createBaseVNode("div", _hoisted_37$2, [
                         createBaseVNode("span", _hoisted_38$1, toDisplayString(item.price.amount) + " " + toDisplayString(item.price.currencyCode), 1)
                       ])
                     ]);
                   }), 128))
                 ])
-              ], 8, _hoisted_30$2);
+              ], 8, _hoisted_30$3);
             }), 128))
           ])
         ]),
@@ -9166,7 +9166,7 @@ const CustomerCardBlock = defineBlock("Customer card", {
 const initialContext = {
   email: "",
   codeDigits: "",
-  validationMessage: null,
+  validationMessageKey: null,
   validationField: null,
   socialProvider: null
 };
@@ -9190,14 +9190,14 @@ function createLoginMachine$1() {
       case "SET_VALIDATION":
         context.value = {
           ...context.value,
-          validationMessage: action.message,
+          validationMessageKey: action.messageKey,
           validationField: action.field
         };
         break;
       case "CLEAR_VALIDATION":
         context.value = {
           ...context.value,
-          validationMessage: null,
+          validationMessageKey: null,
           validationField: null
         };
         break;
@@ -14896,26 +14896,39 @@ const _hoisted_10$h = {
   class: "separator"
 };
 const _hoisted_11$f = { prop: "separatorText" };
-const _hoisted_12$c = ["tabindex"];
-const _hoisted_13$a = { class: "code-input-content" };
-const _hoisted_14$8 = { class: "code-inputs" };
-const _hoisted_15$4 = ["value", "disabled", "autocomplete", "tabindex", "onInput", "onKeydown", "onFocus"];
-const _hoisted_16$4 = {
+const _hoisted_12$c = { prop: "emailLabel" };
+const _hoisted_13$a = {
   key: 0,
   class: "validation-message"
 };
-const _hoisted_17$4 = ["tabindex"];
-const _hoisted_18$4 = { class: "info-box-content" };
-const _hoisted_19$3 = { class: "info-box" };
-const _hoisted_20$3 = { class: "info-text-wrapper" };
-const _hoisted_21$3 = { class: "info-text" };
-const _hoisted_22$3 = ["tabindex"];
-const _hoisted_23$3 = {
+const _hoisted_14$8 = ["prop"];
+const _hoisted_15$4 = ["tabindex"];
+const _hoisted_16$4 = { class: "code-input-content" };
+const _hoisted_17$4 = { class: "code-label-wrapper" };
+const _hoisted_18$4 = { prop: "codeLabel" };
+const _hoisted_19$3 = { class: "code-inputs" };
+const _hoisted_20$3 = ["value", "disabled", "autocomplete", "tabindex", "onInput", "onKeydown", "onFocus"];
+const _hoisted_21$3 = {
+  key: 0,
+  class: "validation-message"
+};
+const _hoisted_22$3 = ["prop"];
+const _hoisted_23$3 = ["tabindex"];
+const _hoisted_24$3 = { class: "info-box-content" };
+const _hoisted_25$3 = { class: "info-box" };
+const _hoisted_26$3 = { class: "info-text-wrapper" };
+const _hoisted_27$3 = { class: "info-text" };
+const _hoisted_28$3 = { prop: "checkInboxText" };
+const _hoisted_29$2 = ["tabindex"];
+const _hoisted_30$2 = { prop: "tryAgainText" };
+const _hoisted_31$2 = { prop: "checkInboxSuffixText" };
+const _hoisted_32$2 = { prop: "continueButtonText" };
+const _hoisted_33$2 = {
   key: 2,
   class: "button-group"
 };
-const _hoisted_24$3 = { class: "flex items-center justify-center gap-xs" };
-const _hoisted_25$3 = {
+const _hoisted_34$2 = { class: "flex items-center justify-center gap-xs" };
+const _hoisted_35$2 = {
   key: 0,
   width: "16",
   height: "16",
@@ -14923,7 +14936,7 @@ const _hoisted_25$3 = {
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_26$3 = {
+const _hoisted_36$2 = {
   key: 1,
   width: "16",
   height: "16",
@@ -14931,7 +14944,7 @@ const _hoisted_26$3 = {
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_27$3 = { key: 1 };
+const _hoisted_37$1 = { key: 1 };
 const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "Login.ce",
   props: {
@@ -14941,6 +14954,15 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     checkEmailTitle: { type: String },
     subtitle: { type: String },
     separatorText: { type: String },
+    emailLabel: { default: "Your email", type: String },
+    codeLabel: { default: "Code", type: String },
+    checkInboxText: { default: "Check your inbox for a login code. Enter it below to log in. If it doesn't arrive in 2 minutes, please ", type: String },
+    tryAgainText: { default: "try again", type: String },
+    checkInboxSuffixText: { default: ".", type: String },
+    continueButtonText: { default: "Continue", type: String },
+    genericErrorMessage: { default: "Something went wrong. Please try again.", type: String },
+    invalidCodeMessage: { default: "The code is invalid or has expired.", type: String },
+    socialLoginErrorMessage: { default: "Please try another login option.", type: String },
     elements: { type: Array },
     socials: { type: Array },
     juoBranding: { type: Boolean },
@@ -14948,8 +14970,8 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "d474c506": backgroundColor.value,
-      "14d9b29a": strokeColor.value
+      "b90fbb12": backgroundColor.value,
+      "35f338ad": strokeColor.value
     }));
     const props = __props;
     const loginService = useContext$2(LoginServiceContext);
@@ -14972,7 +14994,10 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
       onPresetChange: (preset) => {
         if (preset) {
           machine.dispatch({ type: "SET_STATE", state: preset.state });
-          machine.dispatch({ type: "SET_CONTEXT", context: preset.context });
+          machine.dispatch({
+            type: "SET_CONTEXT",
+            context: preset.context
+          });
         } else {
           machine.dispatch({ type: "RESET" });
         }
@@ -14983,10 +15008,21 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
       set: (value) => machine.dispatch({ type: "SET_EMAIL", email: value })
     });
     const codeDigits = computed(() => machine.context.value.codeDigits);
-    const validationMessage = computed(
-      () => machine.context.value.validationMessage
+    const validationMessageKey = computed(
+      () => machine.context.value.validationMessageKey
     );
     const validationField = computed(() => machine.context.value.validationField);
+    const validationMessageText = computed(() => {
+      switch (validationMessageKey.value) {
+        case "invalidCodeMessage":
+          return props.invalidCodeMessage;
+        case "socialLoginErrorMessage":
+          return props.socialLoginErrorMessage;
+        case "genericErrorMessage":
+        default:
+          return props.genericErrorMessage;
+      }
+    });
     const codeInputRefs = ref([]);
     const code = computed(() => machine.context.value.codeDigits.replace(/_/g, ""));
     const isCodeComplete = computed(() => {
@@ -15009,12 +15045,28 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
         "Facebook Login": isRedirecting && provider === "Facebook"
       };
     });
+    function mapValidationMessageKey(message) {
+      const trimmed = message == null ? void 0 : message.trim();
+      if (!trimmed) {
+        return "genericErrorMessage";
+      }
+      if (trimmed === "Something went wrong. Please try again." || trimmed === "Unexpected response: Forbidden" || trimmed === "Unexpected response: Bad Request") {
+        return "genericErrorMessage";
+      }
+      if (trimmed === "The code is invalid or has expired." || trimmed === "The code is invalid or has expired" || trimmed === "The provided code is invalid") {
+        return "invalidCodeMessage";
+      }
+      if (trimmed === "Please try another login option." || trimmed === "This functionality is not available in test mode") {
+        return "socialLoginErrorMessage";
+      }
+      return "genericErrorMessage";
+    }
     const url = new URL(window.location.href);
     loginService.handleQueryParams(url.searchParams).then((result) => {
       if (result._tag === "Failure") {
         machine.dispatch({
           type: "SET_VALIDATION",
-          message: result.error.message,
+          messageKey: mapValidationMessageKey(result.error.message),
           field: showCodeInput.value ? "code" : "email"
         });
       }
@@ -15022,7 +15074,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
       console.error(error);
       machine.dispatch({
         type: "SET_VALIDATION",
-        message: "Something went wrong. Please try again.",
+        messageKey: "genericErrorMessage",
         field: showCodeInput.value ? "code" : "email"
       });
     });
@@ -15114,13 +15166,13 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
         state: "idle",
         context: {
           codeDigits: "",
-          validationMessage: null,
+          validationMessageKey: null,
           validationField: null
         }
       });
     }
     function clearValidation() {
-      if (machine.context.value.validationMessage !== null) {
+      if (machine.context.value.validationMessageKey !== null) {
         machine.dispatch({ type: "CLEAR_VALIDATION" });
       }
     }
@@ -15134,7 +15186,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
               type: "TRANSITION",
               state: "codeSent",
               context: {
-                validationMessage: null,
+                validationMessageKey: null,
                 validationField: null
               }
             });
@@ -15143,7 +15195,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
               type: "TRANSITION",
               state: "idle",
               context: {
-                validationMessage: result.error.message,
+                validationMessageKey: mapValidationMessageKey(result.error.message),
                 validationField: "email"
               }
             });
@@ -15160,7 +15212,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
               type: "TRANSITION",
               state: "codeSent",
               context: {
-                validationMessage: result.error.message,
+                validationMessageKey: mapValidationMessageKey(result.error.message),
                 validationField: "code"
               }
             });
@@ -15173,7 +15225,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
           type: "TRANSITION",
           state,
           context: {
-            validationMessage: "Something went wrong. Please try again.",
+            validationMessageKey: "genericErrorMessage",
             validationField: field
           }
         });
@@ -15194,7 +15246,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
             type: "TRANSITION",
             state: "idle",
             context: {
-              validationMessage: result.error.message,
+              validationMessageKey: mapValidationMessageKey(result.error.message),
               validationField: "email",
               socialProvider: null
             }
@@ -15205,7 +15257,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
           type: "TRANSITION",
           state: "idle",
           context: {
-            validationMessage: "Something went wrong. Please try again.",
+            validationMessageKey: "genericErrorMessage",
             validationField: "email",
             socialProvider: null
           }
@@ -15253,11 +15305,12 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
               createBaseVNode("div", {
                 class: normalizeClass(["form-group", { "has-error": hasEmailError.value }])
               }, [
-                _cache[2] || (_cache[2] = createBaseVNode("label", null, "Your email", -1)),
+                createBaseVNode("label", null, [
+                  createBaseVNode("juo-text", _hoisted_12$c, toDisplayString(_ctx.emailLabel), 1)
+                ]),
                 createVNode(unref(_sfc_main$q), {
                   type: "email",
                   error: hasEmailError.value,
-                  "error-message": validationMessage.value || void 0,
                   disabled: showCodeInput.value || isLoading.value,
                   modelValue: email.value,
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => email.value = $event),
@@ -15265,20 +15318,27 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                   required: "",
                   autocomplete: "email",
                   onFocus: clearValidation
-                }, null, 8, ["error", "error-message", "disabled", "modelValue"])
+                }, null, 8, ["error", "disabled", "modelValue"]),
+                hasEmailError.value ? (openBlock(), createElementBlock("p", _hoisted_13$a, [
+                  createBaseVNode("juo-text", {
+                    prop: validationMessageKey.value || "genericErrorMessage"
+                  }, toDisplayString(validationMessageText.value), 9, _hoisted_14$8)
+                ])) : createCommentVNode("", true)
               ], 2),
               createBaseVNode("div", {
                 class: normalizeClass(["code-input-wrapper", { "is-visible": showCodeInput.value }]),
                 tabindex: showCodeInput.value ? void 0 : -1
               }, [
-                createBaseVNode("div", _hoisted_13$a, [
+                createBaseVNode("div", _hoisted_16$4, [
                   createBaseVNode("div", {
                     class: normalizeClass({ "has-error": hasCodeError.value })
                   }, [
-                    _cache[3] || (_cache[3] = createBaseVNode("div", { class: "code-label-wrapper" }, [
-                      createBaseVNode("label", null, "Code")
-                    ], -1)),
-                    createBaseVNode("div", _hoisted_14$8, [
+                    createBaseVNode("div", _hoisted_17$4, [
+                      createBaseVNode("label", null, [
+                        createBaseVNode("juo-text", _hoisted_18$4, toDisplayString(_ctx.codeLabel), 1)
+                      ])
+                    ]),
+                    createBaseVNode("div", _hoisted_19$3, [
                       (openBlock(), createElementBlock(Fragment, null, renderList(6, (_2, idx) => {
                         return createBaseVNode("input", {
                           key: idx,
@@ -15296,34 +15356,40 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                           onKeydown: ($event) => handleCodeKeydown($event, idx),
                           onPaste: _cache[1] || (_cache[1] = ($event) => handleCodePaste($event)),
                           onFocus: ($event) => handleCodeFocus($event)
-                        }, null, 42, _hoisted_15$4);
+                        }, null, 42, _hoisted_20$3);
                       }), 64))
                     ]),
-                    hasCodeError.value ? (openBlock(), createElementBlock("p", _hoisted_16$4, toDisplayString(validationMessage.value), 1)) : createCommentVNode("", true)
+                    hasCodeError.value ? (openBlock(), createElementBlock("p", _hoisted_21$3, [
+                      createBaseVNode("juo-text", {
+                        prop: validationMessageKey.value || "genericErrorMessage"
+                      }, toDisplayString(validationMessageText.value), 9, _hoisted_22$3)
+                    ])) : createCommentVNode("", true)
                   ], 2)
                 ])
-              ], 10, _hoisted_12$c),
+              ], 10, _hoisted_15$4),
               createBaseVNode("div", {
                 class: normalizeClass(["info-box-wrapper", { "is-visible": showCodeInput.value }]),
                 tabindex: showCodeInput.value ? void 0 : -1
               }, [
-                createBaseVNode("div", _hoisted_18$4, [
-                  createBaseVNode("div", _hoisted_19$3, [
-                    _cache[6] || (_cache[6] = createStaticVNode('<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="info-icon" data-v-0e2deb97><g clip-path="url(#clip0_14_301)" data-v-0e2deb97><rect x="0.428571" y="0.428571" width="11.1429" height="11.1429" rx="5.57143" stroke="#717171" stroke-width="0.857143" data-v-0e2deb97></rect><path d="M6 5.73082L6 8.30225" stroke="#717171" stroke-width="1.28571" stroke-linecap="round" stroke-linejoin="round" data-v-0e2deb97></path><path d="M6 3.75684L5.99998 3.69814" stroke="#717171" stroke-width="1.28571" stroke-linecap="round" stroke-linejoin="round" data-v-0e2deb97></path></g><defs data-v-0e2deb97><clipPath id="clip0_14_301" data-v-0e2deb97><rect width="12" height="12" fill="white" data-v-0e2deb97></rect></clipPath></defs></svg>', 1)),
-                    createBaseVNode("div", _hoisted_20$3, [
-                      createBaseVNode("p", _hoisted_21$3, [
-                        _cache[4] || (_cache[4] = createTextVNode(" Check your inbox for a login code. Enter it below to log in. If it doesn't arrive in 2 minutes, please ")),
+                createBaseVNode("div", _hoisted_24$3, [
+                  createBaseVNode("div", _hoisted_25$3, [
+                    _cache[2] || (_cache[2] = createStaticVNode('<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="info-icon" data-v-62e498ec><g clip-path="url(#clip0_14_301)" data-v-62e498ec><rect x="0.428571" y="0.428571" width="11.1429" height="11.1429" rx="5.57143" stroke="#717171" stroke-width="0.857143" data-v-62e498ec></rect><path d="M6 5.73082L6 8.30225" stroke="#717171" stroke-width="1.28571" stroke-linecap="round" stroke-linejoin="round" data-v-62e498ec></path><path d="M6 3.75684L5.99998 3.69814" stroke="#717171" stroke-width="1.28571" stroke-linecap="round" stroke-linejoin="round" data-v-62e498ec></path></g><defs data-v-62e498ec><clipPath id="clip0_14_301" data-v-62e498ec><rect width="12" height="12" fill="white" data-v-62e498ec></rect></clipPath></defs></svg>', 1)),
+                    createBaseVNode("div", _hoisted_26$3, [
+                      createBaseVNode("p", _hoisted_27$3, [
+                        createBaseVNode("juo-text", _hoisted_28$3, toDisplayString(_ctx.checkInboxText), 1),
                         createBaseVNode("a", {
                           href: "#",
                           onClick: withModifiers(handleTryAgain, ["prevent"]),
                           tabindex: showCodeInput.value ? 0 : -1
-                        }, "try again", 8, _hoisted_22$3),
-                        _cache[5] || (_cache[5] = createTextVNode(". "))
+                        }, [
+                          createBaseVNode("juo-text", _hoisted_30$2, toDisplayString(_ctx.tryAgainText), 1)
+                        ], 8, _hoisted_29$2),
+                        createBaseVNode("juo-text", _hoisted_31$2, toDisplayString(_ctx.checkInboxSuffixText), 1)
                       ])
                     ])
                   ])
                 ])
-              ], 10, _hoisted_17$4),
+              ], 10, _hoisted_23$3),
               createVNode(unref(UiButton), {
                 class: "w-full",
                 type: "submit",
@@ -15331,13 +15397,13 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                 disabled: isLoading.value || showCodeInput.value && !isCodeComplete.value,
                 loading: isLoading.value
               }, {
-                default: withCtx(() => _cache[7] || (_cache[7] = [
-                  createTextVNode(" Continue ")
-                ])),
+                default: withCtx(() => [
+                  createBaseVNode("juo-text", _hoisted_32$2, toDisplayString(_ctx.continueButtonText), 1)
+                ]),
                 _: 1
               }, 8, ["disabled", "loading"])
             ], 32)) : createCommentVNode("", true),
-            element === "Social media login" ? (openBlock(), createElementBlock("div", _hoisted_23$3, [
+            element === "Social media login" ? (openBlock(), createElementBlock("div", _hoisted_33$2, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.socials, (social) => {
                 return openBlock(), createBlock(unref(UiButton), {
                   key: social,
@@ -15348,8 +15414,8 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                   onClick: withModifiers(($event) => handleSocial(social), ["prevent"])
                 }, {
                   default: withCtx(() => [
-                    createBaseVNode("span", _hoisted_24$3, [
-                      social === "Google Login" ? (openBlock(), createElementBlock("svg", _hoisted_25$3, _cache[8] || (_cache[8] = [
+                    createBaseVNode("span", _hoisted_34$2, [
+                      social === "Google Login" ? (openBlock(), createElementBlock("svg", _hoisted_35$2, _cache[3] || (_cache[3] = [
                         createBaseVNode("g", { "clip-path": "url(#clip0_11283_5905)" }, [
                           createBaseVNode("path", {
                             "fill-rule": "evenodd",
@@ -15367,7 +15433,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                             })
                           ])
                         ], -1)
-                      ]))) : social === "Facebook Login" ? (openBlock(), createElementBlock("svg", _hoisted_26$3, _cache[9] || (_cache[9] = [
+                      ]))) : social === "Facebook Login" ? (openBlock(), createElementBlock("svg", _hoisted_36$2, _cache[4] || (_cache[4] = [
                         createBaseVNode("path", {
                           d: "M5.68331 5.33333H3.82617V8H5.68331V16H8.77855V8H11.0331L11.2547 5.33333H8.77855V4.222C8.77855 3.58533 8.89741 3.33333 9.46879 3.33333H11.2547V0H8.89741C6.67131 0 5.68331 1.05533 5.68331 3.07667V5.33333Z",
                           fill: "#121212"
@@ -15382,7 +15448,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
             ])) : createCommentVNode("", true)
           ], 64);
         }), 128)),
-        _ctx.juoBranding ? (openBlock(), createElementBlock("footer", _hoisted_27$3, _cache[10] || (_cache[10] = [
+        _ctx.juoBranding ? (openBlock(), createElementBlock("footer", _hoisted_37$1, _cache[5] || (_cache[5] = [
           createBaseVNode("div", { class: "badge" }, [
             createBaseVNode("svg", {
               width: "16",
@@ -15404,8 +15470,8 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
   }
 });
 const _style_0$l = '/* Design System Base Tokens (Medium Variant - Default) */\n:root, :host {\n  /* Size Variants - Medium (default) */\n  --spacing: var(--theme-spacing, 8px);\n  --padding: var(--theme-padding, 8px);\n  --font-size: var(--theme-font-size, 16px);\n  --radius: var(--theme-radius, 4px);\n\n  /* Base Colors */\n  --white: var(--theme-white, oklch(100% 0 0));\n  --black: var(--theme-black, oklch(0% 0 0));\n\n  /* Semantic Colors — Success */\n  --success-25: var(--theme-success-25, oklch(98.5% 0.015 145));\n  --success-50: var(--theme-success-50, oklch(96.5% 0.025 145));\n  --success-100: var(--theme-success-100, oklch(94% 0.04 145));\n  --success-200: var(--theme-success-200, oklch(89% 0.06 145));\n  --success-300: var(--theme-success-300, oklch(80% 0.08 145));\n  --success-400: var(--theme-success-400, oklch(68% 0.10 145));\n  --success-500: var(--theme-success-500, oklch(60% 0.12 145));\n  --success-600: var(--theme-success-600, oklch(52% 0.13 145));\n  --success-700: var(--theme-success-700, oklch(42% 0.12 145));\n  --success-800: var(--theme-success-800, oklch(30% 0.10 145));\n  --success-900: var(--theme-success-900, oklch(18% 0.06 145));\n\n  /* Semantic Colors — Warning */\n  --warning-25: var(--theme-warning-25, oklch(98.5% 0.015 85));\n  --warning-50: var(--theme-warning-50, oklch(96.5% 0.025 85));\n  --warning-100: var(--theme-warning-100, oklch(94% 0.04 85));\n  --warning-200: var(--theme-warning-200, oklch(89% 0.06 85));\n  --warning-300: var(--theme-warning-300, oklch(80% 0.09 85));\n  --warning-400: var(--theme-warning-400, oklch(68% 0.11 85));\n  --warning-500: var(--theme-warning-500, oklch(60% 0.12 85));\n  --warning-600: var(--theme-warning-600, oklch(52% 0.12 85));\n  --warning-700: var(--theme-warning-700, oklch(42% 0.10 85));\n  --warning-800: var(--theme-warning-800, oklch(30% 0.08 85));\n  --warning-900: var(--theme-warning-900, oklch(18% 0.05 85));\n\n  /* Semantic Colors — Error */\n  --error-25: var(--theme-error-25, oklch(98.5% 0.015 25));\n  --error-50: var(--theme-error-50, oklch(96.5% 0.025 25));\n  --error-100: var(--theme-error-100, oklch(93% 0.04 25));\n  --error-200: var(--theme-error-200, oklch(88% 0.06 25));\n  --error-300: var(--theme-error-300, oklch(78% 0.10 25));\n  --error-400: var(--theme-error-400, oklch(66% 0.13 25));\n  --error-500: var(--theme-error-500, oklch(58% 0.15 25));\n  --error-600: var(--theme-error-600, oklch(52% 0.15 25));\n  --error-700: var(--theme-error-700, oklch(42% 0.13 25));\n  --error-800: var(--theme-error-800, oklch(30% 0.10 25));\n  --error-900: var(--theme-error-900, oklch(18% 0.06 25));\n\n  /* Semantic Colors — Info */\n  --info-25: var(--theme-info-25, oklch(98.5% 0.015 230));\n  --info-50: var(--theme-info-50, oklch(96.5% 0.02 230));\n  --info-100: var(--theme-info-100, oklch(94% 0.03 230));\n  --info-200: var(--theme-info-200, oklch(89% 0.05 230));\n  --info-300: var(--theme-info-300, oklch(80% 0.07 230));\n  --info-400: var(--theme-info-400, oklch(68% 0.09 230));\n  --info-500: var(--theme-info-500, oklch(58% 0.10 230));\n  --info-600: var(--theme-info-600, oklch(50% 0.10 230));\n  --info-700: var(--theme-info-700, oklch(42% 0.09 230));\n  --info-800: var(--theme-info-800, oklch(30% 0.07 230));\n  --info-900: var(--theme-info-900, oklch(18% 0.04 230));\n\n  /* Callout Colors */\n  --callout-25: var(--theme-callout-25, oklch(98.5% 0 0));\n  --callout-50: var(--theme-callout-50, oklch(97% 0 0));\n  --callout-100: var(--theme-callout-100, oklch(95% 0 0));\n  --callout-200: var(--theme-callout-200, oklch(90% 0 0));\n  --callout-300: var(--theme-callout-300, oklch(82% 0 0));\n  --callout-400: var(--theme-callout-400, oklch(70% 0 0));\n  --callout-500: var(--theme-callout-500, oklch(62% 0 0));\n  --callout-600: var(--theme-callout-600, oklch(55% 0 0));\n  --callout-700: var(--theme-callout-700, oklch(45% 0 0));\n  --callout-800: var(--theme-callout-800, oklch(32% 0 0));\n  --callout-900: var(--theme-callout-900, oklch(18% 0 0));\n\n  /* Accent Colors */\n  --accent-white: var(--theme-accent-white, oklch(100% 0 0));\n  --accent-black: var(--theme-accent-black, oklch(0% 0 0));\n  --accent-25: var(--theme-accent-25, oklch(98.5% 0 0));\n  --accent-50: var(--theme-accent-50, oklch(97% 0 0));\n  --accent-100: var(--theme-accent-100, oklch(95% 0 0));\n  --accent-200: var(--theme-accent-200, oklch(90% 0 0));\n  --accent-300: var(--theme-accent-300, oklch(82% 0 0));\n  --accent-400: var(--theme-accent-400, oklch(70% 0 0));\n  --accent-500: var(--theme-accent-500, oklch(62% 0 0));\n  --accent-600: var(--theme-accent-600, oklch(55% 0 0));\n  --accent-700: var(--theme-accent-700, oklch(45% 0 0));\n  --accent-800: var(--theme-accent-800, oklch(32% 0 0));\n  --accent-900: var(--theme-accent-900, oklch(18% 0 0));\n\n  /* Secondary Colors (falls back to accent when not explicitly set) */\n  --secondary-white: var(--theme-secondary-white, var(--accent-white));\n  --secondary-black: var(--theme-secondary-black, var(--accent-black));\n  --secondary-25: var(--theme-secondary-25, var(--accent-25));\n  --secondary-50: var(--theme-secondary-50, var(--accent-50));\n  --secondary-100: var(--theme-secondary-100, var(--accent-100));\n  --secondary-200: var(--theme-secondary-200, var(--accent-200));\n  --secondary-300: var(--theme-secondary-300, var(--accent-300));\n  --secondary-400: var(--theme-secondary-400, var(--accent-400));\n  --secondary-500: var(--theme-secondary-500, var(--accent-500));\n  --secondary-600: var(--theme-secondary-600, var(--accent-600));\n  --secondary-700: var(--theme-secondary-700, var(--accent-700));\n  --secondary-800: var(--theme-secondary-800, var(--accent-800));\n  --secondary-900: var(--theme-secondary-900, var(--accent-900));\n\n  /* Tint Colors */\n  --tint-25: var(--theme-tint-25, oklch(98.5% 0 0));\n  --tint-50: var(--theme-tint-50, oklch(97% 0 0));\n  --tint-100: var(--theme-tint-100, oklch(95% 0 0));\n  --tint-200: var(--theme-tint-200, oklch(90% 0 0));\n  --tint-300: var(--theme-tint-300, oklch(82% 0 0));\n  --tint-400: var(--theme-tint-400, oklch(70% 0 0));\n  --tint-500: var(--theme-tint-500, oklch(62% 0 0));\n  --tint-600: var(--theme-tint-600, oklch(55% 0 0));\n  --tint-700: var(--theme-tint-700, oklch(45% 0 0));\n  --tint-800: var(--theme-tint-800, oklch(32% 0 0));\n  --tint-900: var(--theme-tint-900, oklch(18% 0 0));\n\n  --thumbnail-rounding: var(--theme-thumbnail-rounding, 50%);\n  --buttons-rounding: var(--theme-buttons-rounding, 4px);\n}\n/* Utility Tokens - Font Size Scale */\n:root, :host {\n  --text-xs: calc(var(--font-size) * 0.75);\n  --text-sm: calc(var(--font-size) * 0.875);\n  --text-md: calc(var(--font-size) * 1);\n  --text-lg: calc(var(--font-size) * 1.25);\n  --text-xl: calc(var(--font-size) * 1.5);\n  --text-2xl: calc(var(--font-size) * 2);\n}\n/* Utility Tokens - Radius Scale */\n:root, :host {\n  --radius-none: calc(var(--radius) * 0);\n  --radius-xs: calc(var(--radius) * 1);\n  --radius-sm: calc(var(--radius) * 2);\n  --radius-md: calc(var(--radius) * 3);\n  --radius-lg: calc(var(--radius) * 3.5);\n  --radius-xl: calc(var(--radius) * 4.5);\n  --radius-full: calc(var(--radius) * 100);\n}\n/* Utility Tokens - Spacing Scale */\n:root, :host {\n  --spacing-xs: calc(var(--spacing) * 0.5);\n  --spacing-sm: calc(var(--spacing) * 1);\n  --spacing-md: calc(var(--spacing) * 1.5);\n  --spacing-lg: calc(var(--spacing) * 2);\n  --spacing-xl: calc(var(--spacing) * 3);\n  --spacing-2xl: calc(var(--spacing) * 4.5);\n  --spacing-3xl: calc(var(--spacing) * 6);\n}\n/* Utility Tokens - Padding Scale */\n:root, :host {\n  --padding-xs: calc(var(--padding) * 0.5);\n  --padding-sm: calc(var(--padding) * 1);\n  --padding-md: calc(var(--padding) * 1.5);\n  --padding-lg: calc(var(--padding) * 2);\n  --padding-xl: calc(var(--padding) * 3);\n  --padding-2xl: calc(var(--padding) * 4.5);\n  --padding-3xl: calc(var(--padding) * 6);\n}\n/* Component Tokens - Card Radius */\n:root, :host {\n  --card-radius-1: var(--radius-md);\n  --card-radius-2: var(--radius-sm);\n  --card-radius-3: var(--radius-xs);\n}\n/* Surface Tokens */\n:root, :host {\n  --surface-1: var(--theme-surface-1, transparent);\n  --surface-1-border: var(--theme-surface-1-border, transparent);\n  --surface-2: var(--theme-surface-2, var(--white));\n  --surface-2-border: var(--theme-surface-2-border, var(--tint-300));\n  --surface-3: var(--theme-surface-3, transparent);\n  --surface-3-border: var(--theme-surface-3-border, transparent);\n}\n/* Card Divider Tokens */\n:root, :host {\n  --card-divider-margin: var(--theme-card-divider-margin, var(--spacing-sm));\n  --card-divider-height: var(--theme-card-divider-height, 0);\n  --card-divider-background: var(--theme-card-divider-background, transparent);\n}\n/* Card Tokens - Map surface tokens to card-specific names */\n:root, :host {\n  --card-1-background: var(--surface-1);\n  --card-1-border: var(--surface-1-border);\n  --card-2-background: var(--surface-2);\n  --card-2-border: var(--surface-2-border);\n  --card-3-background: var(--surface-3);\n  --card-3-border: var(--surface-3-border);\n}\n/* Card Level Detection - Default to level 1 */\n:root, :host {\n  --card-background: var(--card-1-background);\n  --card-border: var(--card-1-border);\n  --card-radius: var(--card-radius-1);\n}\n/* ! tailwindcss v3.3.5 | MIT License | https://tailwindcss.com */\n/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: #e5e7eb; /* 2 */\n}\n::before,\n::after {\n  --tw-content: \'\';\n}\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user\'s configured `sans` font-family by default.\n5. Use the user\'s configured `sans` font-feature-settings by default.\n6. Use the user\'s configured `sans` font-variation-settings by default.\n*/\nhtml {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  -o-tab-size: 4;\n     tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n}\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n/*\nRemove the default font size and weight for headings.\n*/\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n/*\nAdd the correct font weight in Edge and Safari.\n*/\nb,\nstrong {\n  font-weight: bolder;\n}\n/*\n1. Use the user\'s configured `mono` font family by default.\n2. Correct the odd `em` font sizing in all browsers.\n*/\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n/*\nAdd the correct font size in all browsers.\n*/\nsmall {\n  font-size: 80%;\n}\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\nbutton,\nselect {\n  text-transform: none;\n}\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\nbutton,\n[type=\'button\'],\n[type=\'reset\'],\n[type=\'submit\'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n:-moz-focusring {\n  outline: auto;\n}\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\nprogress {\n  vertical-align: baseline;\n}\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n[type=\'search\'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n/*\nAdd the correct display in Chrome and Safari.\n*/\nsummary {\n  display: list-item;\n}\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\nfieldset {\n  margin: 0;\n  padding: 0;\n}\nlegend {\n  padding: 0;\n}\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n/*\nReset default styling for dialogs.\n*/\ndialog {\n  padding: 0;\n}\n/*\nPrevent resizing textareas horizontally by default.\n*/\ntextarea {\n  resize: vertical;\n}\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user\'s configured gray 400 color.\n*/\ninput::-moz-placeholder, textarea::-moz-placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n/*\nSet the default cursor for buttons.\n*/\nbutton,\n[role="button"] {\n  cursor: pointer;\n}\n/*\nMake sure disabled buttons don\'t get the pointer cursor.\n*/\n:disabled {\n  cursor: default;\n}\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden] {\n  display: none;\n}\n:host {\n    --primary: #000000;\n    --muted: #969696;\n}\n:root {\n    --text-main-color: #121212;\n    --text-secondary-color: #7a7a7a;\n    --button-primary-background-color: #121212;\n    --button-primary-color: #ffffff;\n    --button-primary-border-color: #121212;\n    --button-primary-border-radius: 3px;\n    --button-secondary-background-color: #ffffff;\n    --button-secondary-color: #121212;\n    --button-secondary-border-color: #121212;\n    --button-secondary-border-radius: 3px;\n}\n*, ::before, ::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::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.container {\n  width: 100%;\n}\n@media (min-width: 640px) {\n.container {\n    max-width: 640px;\n}\n}\n@media (min-width: 768px) {\n.container {\n    max-width: 768px;\n}\n}\n@media (min-width: 1024px) {\n.container {\n    max-width: 1024px;\n}\n}\n@media (min-width: 1280px) {\n.container {\n    max-width: 1280px;\n}\n}\n@media (min-width: 1536px) {\n.container {\n    max-width: 1536px;\n}\n}\n.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.pointer-events-none {\n  pointer-events: none;\n}\n.visible {\n  visibility: visible;\n}\n.invisible {\n  visibility: hidden;\n}\n.fixed {\n  position: fixed;\n}\n.absolute {\n  position: absolute;\n}\n.relative {\n  position: relative;\n}\n.sticky {\n  position: sticky;\n}\n.inset-0 {\n  inset: 0px;\n}\n.inset-\\[-0\\.25px\\] {\n  inset: -0.25px;\n}\n.inset-\\[-0\\.5px\\] {\n  inset: -0.5px;\n}\n.inset-y-0 {\n  top: 0px;\n  bottom: 0px;\n}\n.bottom-0 {\n  bottom: 0px;\n}\n.end-0 {\n  inset-inline-end: 0px;\n}\n.left-0 {\n  left: 0px;\n}\n.left-1\\/2 {\n  left: 50%;\n}\n.left-2 {\n  left: 8px;\n}\n.left-\\[-18px\\] {\n  left: -18px;\n}\n.left-full {\n  left: 100%;\n}\n.right-0 {\n  right: 0px;\n}\n.right-3 {\n  right: 12px;\n}\n.right-md {\n  right: var(--spacing-md);\n}\n.right-sm {\n  right: var(--spacing-sm);\n}\n.start-0 {\n  inset-inline-start: 0px;\n}\n.top-0 {\n  top: 0px;\n}\n.top-1\\/2 {\n  top: 50%;\n}\n.top-3 {\n  top: 12px;\n}\n.top-full {\n  top: 100%;\n}\n.top-md {\n  top: var(--spacing-md);\n}\n.z-10 {\n  z-index: 10;\n}\n.z-20 {\n  z-index: 20;\n}\n.z-30 {\n  z-index: 30;\n}\n.z-50 {\n  z-index: 50;\n}\n.z-\\[60\\] {\n  z-index: 60;\n}\n.z-\\[999999998\\] {\n  z-index: 999999998;\n}\n.z-\\[999999999\\] {\n  z-index: 999999999;\n}\n.order-2 {\n  order: 2;\n}\n.m-0 {\n  margin: 0px;\n}\n.m-auto {\n  margin: auto;\n}\n.-mx-6 {\n  margin-left: -24px;\n  margin-right: -24px;\n}\n.mx-0 {\n  margin-left: 0px;\n  margin-right: 0px;\n}\n.mx-0\\.5 {\n  margin-left: 2px;\n  margin-right: 2px;\n}\n.mx-\\[40px\\] {\n  margin-left: 40px;\n  margin-right: 40px;\n}\n.mx-auto {\n  margin-left: auto;\n  margin-right: auto;\n}\n.my-2 {\n  margin-top: 8px;\n  margin-bottom: 8px;\n}\n.\\!ml-10 {\n  margin-left: 40px !important;\n}\n.-ml-px {\n  margin-left: -1px;\n}\n.mb-0 {\n  margin-bottom: 0px;\n}\n.mb-2 {\n  margin-bottom: 8px;\n}\n.mb-3 {\n  margin-bottom: 12px;\n}\n.mb-4 {\n  margin-bottom: 16px;\n}\n.mb-6 {\n  margin-bottom: 24px;\n}\n.mb-8 {\n  margin-bottom: 32px;\n}\n.mb-md {\n  margin-bottom: var(--spacing-md);\n}\n.mb-sm {\n  margin-bottom: var(--spacing-sm);\n}\n.ml-1 {\n  margin-left: 4px;\n}\n.ml-1\\.5 {\n  margin-left: 6px;\n}\n.ml-2 {\n  margin-left: 8px;\n}\n.ml-\\[9px\\] {\n  margin-left: 9px;\n}\n.ml-xs {\n  margin-left: var(--spacing-xs);\n}\n.mr-3 {\n  margin-right: 12px;\n}\n.mr-md {\n  margin-right: var(--spacing-md);\n}\n.mt-1 {\n  margin-top: 4px;\n}\n.mt-2 {\n  margin-top: 8px;\n}\n.mt-3 {\n  margin-top: 12px;\n}\n.mt-4 {\n  margin-top: 16px;\n}\n.mt-5 {\n  margin-top: 20px;\n}\n.mt-auto {\n  margin-top: auto;\n}\n.mt-xs {\n  margin-top: var(--spacing-xs);\n}\n.box-border {\n  box-sizing: border-box;\n}\n.line-clamp-2 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n}\n.block {\n  display: block;\n}\n.inline-block {\n  display: inline-block;\n}\n.inline {\n  display: inline;\n}\n.flex {\n  display: flex;\n}\n.inline-flex {\n  display: inline-flex;\n}\n.table {\n  display: table;\n}\n.grid {\n  display: grid;\n}\n.hidden {\n  display: none;\n}\n.aspect-square {\n  aspect-ratio: 1 / 1;\n}\n.aspect-video {\n  aspect-ratio: 16 / 9;\n}\n.\\!h-7 {\n  height: 28px !important;\n}\n.\\!h-9 {\n  height: 36px !important;\n}\n.h-1 {\n  height: 4px;\n}\n.h-10 {\n  height: 40px;\n}\n.h-12 {\n  height: 48px;\n}\n.h-2 {\n  height: 8px;\n}\n.h-2\\.5 {\n  height: 10px;\n}\n.h-3 {\n  height: 12px;\n}\n.h-3\\.5 {\n  height: 14px;\n}\n.h-3\\/4 {\n  height: 75%;\n}\n.h-4 {\n  height: 16px;\n}\n.h-6 {\n  height: 24px;\n}\n.h-7 {\n  height: 28px;\n}\n.h-8 {\n  height: 32px;\n}\n.h-9 {\n  height: 36px;\n}\n.h-\\[100px\\] {\n  height: 100px;\n}\n.h-\\[106px\\] {\n  height: 106px;\n}\n.h-\\[120px\\] {\n  height: 120px;\n}\n.h-\\[12px\\] {\n  height: 12px;\n}\n.h-\\[14px\\] {\n  height: 14px;\n}\n.h-\\[160px\\] {\n  height: 160px;\n}\n.h-\\[16px\\] {\n  height: 16px;\n}\n.h-\\[20px\\] {\n  height: 20px;\n}\n.h-\\[24px\\] {\n  height: 24px;\n}\n.h-\\[26px\\] {\n  height: 26px;\n}\n.h-\\[28px\\] {\n  height: 28px;\n}\n.h-\\[33px\\] {\n  height: 33px;\n}\n.h-\\[360px\\] {\n  height: 360px;\n}\n.h-\\[36px\\] {\n  height: 36px;\n}\n.h-\\[40px\\] {\n  height: 40px;\n}\n.h-\\[48px\\] {\n  height: 48px;\n}\n.h-\\[52px\\] {\n  height: 52px;\n}\n.h-\\[72px\\] {\n  height: 72px;\n}\n.h-\\[7px\\] {\n  height: 7px;\n}\n.h-\\[96px\\] {\n  height: 96px;\n}\n.h-\\[var\\(--reka-select-trigger-height\\)\\] {\n  height: var(--reka-select-trigger-height);\n}\n.h-\\[var\\(--text-md\\)\\] {\n  height: var(--text-md);\n}\n.h-\\[var\\(--text-sm\\)\\] {\n  height: var(--text-sm);\n}\n.h-\\[var\\(--text-xl\\)\\] {\n  height: var(--text-xl);\n}\n.h-\\[var\\(--text-xs\\)\\] {\n  height: var(--text-xs);\n}\n.h-full {\n  height: 100%;\n}\n.h-lg {\n  height: var(--spacing-lg);\n}\n.h-px {\n  height: 1px;\n}\n.h-sm {\n  height: var(--spacing-sm);\n}\n.h-xl {\n  height: var(--spacing-xl);\n}\n.max-h-96 {\n  max-height: 384px;\n}\n.max-h-\\[40\\%\\] {\n  max-height: 40%;\n}\n.max-h-\\[400px\\] {\n  max-height: 400px;\n}\n.max-h-full {\n  max-height: 100%;\n}\n.min-h-0 {\n  min-height: 0px;\n}\n.min-h-full {\n  min-height: 100%;\n}\n.\\!w-7 {\n  width: 28px !important;\n}\n.\\!w-9 {\n  width: 36px !important;\n}\n.w-1\\/2 {\n  width: 50%;\n}\n.w-12 {\n  width: 48px;\n}\n.w-2 {\n  width: 8px;\n}\n.w-2\\.5 {\n  width: 10px;\n}\n.w-3 {\n  width: 12px;\n}\n.w-3\\.5 {\n  width: 14px;\n}\n.w-4 {\n  width: 16px;\n}\n.w-6 {\n  width: 24px;\n}\n.w-60 {\n  width: 240px;\n}\n.w-7 {\n  width: 28px;\n}\n.w-8 {\n  width: 32px;\n}\n.w-80 {\n  width: 320px;\n}\n.w-9 {\n  width: 36px;\n}\n.w-\\[106px\\] {\n  width: 106px;\n}\n.w-\\[120px\\] {\n  width: 120px;\n}\n.w-\\[12px\\] {\n  width: 12px;\n}\n.w-\\[14px\\] {\n  width: 14px;\n}\n.w-\\[160px\\] {\n  width: 160px;\n}\n.w-\\[200px\\] {\n  width: 200px;\n}\n.w-\\[20px\\] {\n  width: 20px;\n}\n.w-\\[234px\\] {\n  width: 234px;\n}\n.w-\\[24px\\] {\n  width: 24px;\n}\n.w-\\[25\\%\\] {\n  width: 25%;\n}\n.w-\\[360px\\] {\n  width: 360px;\n}\n.w-\\[36px\\] {\n  width: 36px;\n}\n.w-\\[48px\\] {\n  width: 48px;\n}\n.w-\\[512px\\] {\n  width: 512px;\n}\n.w-\\[640px\\] {\n  width: 640px;\n}\n.w-\\[72px\\] {\n  width: 72px;\n}\n.w-\\[7px\\] {\n  width: 7px;\n}\n.w-\\[96px\\] {\n  width: 96px;\n}\n.w-\\[var\\(--text-md\\)\\] {\n  width: var(--text-md);\n}\n.w-\\[var\\(--text-sm\\)\\] {\n  width: var(--text-sm);\n}\n.w-\\[var\\(--text-xl\\)\\] {\n  width: var(--text-xl);\n}\n.w-\\[var\\(--text-xs\\)\\] {\n  width: var(--text-xs);\n}\n.w-auto {\n  width: auto;\n}\n.w-fit {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.w-full {\n  width: 100%;\n}\n.w-px {\n  width: 1px;\n}\n.w-sm {\n  width: var(--spacing-sm);\n}\n.w-xl {\n  width: var(--spacing-xl);\n}\n.min-w-0 {\n  min-width: 0px;\n}\n.min-w-\\[100px\\] {\n  min-width: 100px;\n}\n.min-w-\\[175px\\] {\n  min-width: 175px;\n}\n.min-w-\\[20px\\] {\n  min-width: 20px;\n}\n.min-w-\\[400px\\] {\n  min-width: 400px;\n}\n.min-w-\\[63\\.6px\\] {\n  min-width: 63.6px;\n}\n.min-w-\\[72px\\] {\n  min-width: 72px;\n}\n.min-w-\\[96px\\] {\n  min-width: 96px;\n}\n.min-w-\\[calc\\(var\\(--reka-select-trigger-width\\)_-_15px\\)\\] {\n  min-width: calc(var(--reka-select-trigger-width) - 15px);\n}\n.max-w-\\[300px\\] {\n  max-width: 300px;\n}\n.max-w-\\[440px\\] {\n  max-width: 440px;\n}\n.max-w-\\[90\\%\\] {\n  max-width: 90%;\n}\n.max-w-\\[calc\\(100\\%-14px\\)\\] {\n  max-width: calc(100% - 14px);\n}\n.max-w-full {\n  max-width: 100%;\n}\n.flex-1 {\n  flex: 1 1 0%;\n}\n.flex-shrink {\n  flex-shrink: 1;\n}\n.flex-shrink-0 {\n  flex-shrink: 0;\n}\n.shrink-0 {\n  flex-shrink: 0;\n}\n.flex-grow {\n  flex-grow: 1;\n}\n.flex-grow-0 {\n  flex-grow: 0;\n}\n.grow {\n  flex-grow: 1;\n}\n.-translate-x-1\\/2 {\n  --tw-translate-x: -50%;\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.-translate-y-1\\/2 {\n  --tw-translate-y: -50%;\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.translate-x-0 {\n  --tw-translate-x: 0px;\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.translate-x-full {\n  --tw-translate-x: 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.translate-y-0 {\n  --tw-translate-y: 0px;\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.translate-y-1\\/2 {\n  --tw-translate-y: 50%;\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.translate-y-4 {\n  --tw-translate-y: 16px;\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.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.rotate-180 {\n  --tw-rotate: 180deg;\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.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@keyframes pulse {\n50% {\n    opacity: .5;\n}\n}\n.animate-pulse {\n  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n}\n@keyframes spin {\nto {\n    transform: rotate(360deg);\n}\n}\n.animate-spin {\n  animation: spin 1s linear infinite;\n}\n.cursor-default {\n  cursor: default;\n}\n.cursor-pointer {\n  cursor: pointer;\n}\n.select-none {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n.resize-y {\n  resize: vertical;\n}\n.appearance-none {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n}\n.grid-cols-2 {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n.flex-row {\n  flex-direction: row;\n}\n.flex-col {\n  flex-direction: column;\n}\n.flex-wrap {\n  flex-wrap: wrap;\n}\n.place-items-center {\n  place-items: center;\n}\n.items-start {\n  align-items: flex-start;\n}\n.items-end {\n  align-items: flex-end;\n}\n.items-center {\n  align-items: center;\n}\n.items-stretch {\n  align-items: stretch;\n}\n.justify-start {\n  justify-content: flex-start;\n}\n.justify-end {\n  justify-content: flex-end;\n}\n.justify-center {\n  justify-content: center;\n}\n.justify-between {\n  justify-content: space-between;\n}\n.justify-stretch {\n  justify-content: stretch;\n}\n.gap-0 {\n  gap: 0px;\n}\n.gap-0\\.5 {\n  gap: 2px;\n}\n.gap-1 {\n  gap: 4px;\n}\n.gap-1\\.5 {\n  gap: 6px;\n}\n.gap-2 {\n  gap: 8px;\n}\n.gap-3 {\n  gap: 12px;\n}\n.gap-4 {\n  gap: 16px;\n}\n.gap-5 {\n  gap: 20px;\n}\n.gap-6 {\n  gap: 24px;\n}\n.gap-\\[11px\\] {\n  gap: 11px;\n}\n.gap-\\[2px\\] {\n  gap: 2px;\n}\n.gap-\\[5px\\] {\n  gap: 5px;\n}\n.gap-lg {\n  gap: var(--spacing-lg);\n}\n.gap-md {\n  gap: var(--spacing-md);\n}\n.gap-px {\n  gap: 1px;\n}\n.gap-sm {\n  gap: var(--spacing-sm);\n}\n.gap-xl {\n  gap: var(--spacing-xl);\n}\n.gap-xs {\n  gap: var(--spacing-xs);\n}\n.gap-y-md {\n  row-gap: var(--spacing-md);\n}\n.space-x-2 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-x-reverse: 0;\n  margin-right: calc(8px * var(--tw-space-x-reverse));\n  margin-left: calc(8px * calc(1 - var(--tw-space-x-reverse)));\n}\n.space-x-3 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-x-reverse: 0;\n  margin-right: calc(12px * var(--tw-space-x-reverse));\n  margin-left: calc(12px * calc(1 - var(--tw-space-x-reverse)));\n}\n.space-y-2 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(8px * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(8px * var(--tw-space-y-reverse));\n}\n.space-y-4 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(16px * var(--tw-space-y-reverse));\n}\n.self-start {\n  align-self: flex-start;\n}\n.self-end {\n  align-self: flex-end;\n}\n.overflow-hidden {\n  overflow: hidden;\n}\n.overflow-y-auto {\n  overflow-y: auto;\n}\n.overflow-x-hidden {\n  overflow-x: hidden;\n}\n.text-ellipsis {\n  text-overflow: ellipsis;\n}\n.whitespace-nowrap {\n  white-space: nowrap;\n}\n.whitespace-pre {\n  white-space: pre;\n}\n.break-words {\n  overflow-wrap: break-word;\n}\n.break-all {\n  word-break: break-all;\n}\n.rounded {\n  border-radius: 4px;\n}\n.rounded-\\[102\\.25px\\] {\n  border-radius: 102.25px;\n}\n.rounded-\\[102px\\] {\n  border-radius: 102px;\n}\n.rounded-\\[2\\.25px\\] {\n  border-radius: 2.25px;\n}\n.rounded-\\[3px\\] {\n  border-radius: 3px;\n}\n.rounded-\\[4\\.25px\\] {\n  border-radius: 4.25px;\n}\n.rounded-\\[4\\.5px\\] {\n  border-radius: 4.5px;\n}\n.rounded-\\[6\\.25px\\] {\n  border-radius: 6.25px;\n}\n.rounded-\\[6\\.5px\\] {\n  border-radius: 6.5px;\n}\n.rounded-\\[6\\.8px\\] {\n  border-radius: 6.8px;\n}\n.rounded-\\[9999px\\] {\n  border-radius: 9999px;\n}\n.rounded-buttons {\n  border-radius: var(--buttons-rounding);\n}\n.rounded-card-1 {\n  border-radius: var(--card-radius-1);\n}\n.rounded-full {\n  border-radius: var(--radius-full);\n}\n.rounded-lg {\n  border-radius: var(--radius-lg);\n}\n.rounded-md {\n  border-radius: var(--radius-md);\n}\n.rounded-sm {\n  border-radius: var(--radius-sm);\n}\n.rounded-thumbnail {\n  border-radius: var(--thumbnail-rounding);\n}\n.rounded-xs {\n  border-radius: var(--radius-xs);\n}\n.\\!rounded-l-none {\n  border-top-left-radius: var(--radius-none) !important;\n  border-bottom-left-radius: var(--radius-none) !important;\n}\n.\\!rounded-r-none {\n  border-top-right-radius: var(--radius-none) !important;\n  border-bottom-right-radius: var(--radius-none) !important;\n}\n.rounded-l-xs {\n  border-top-left-radius: var(--radius-xs);\n  border-bottom-left-radius: var(--radius-xs);\n}\n.rounded-r-lg {\n  border-top-right-radius: var(--radius-lg);\n  border-bottom-right-radius: var(--radius-lg);\n}\n.rounded-r-xs {\n  border-top-right-radius: var(--radius-xs);\n  border-bottom-right-radius: var(--radius-xs);\n}\n.border {\n  border-width: 1px;\n}\n.border-0 {\n  border-width: 0px;\n}\n.border-2 {\n  border-width: 2px;\n}\n.border-\\[0\\.5px\\] {\n  border-width: 0.5px;\n}\n.border-x-0 {\n  border-left-width: 0px;\n  border-right-width: 0px;\n}\n.border-y {\n  border-top-width: 1px;\n  border-bottom-width: 1px;\n}\n.border-b {\n  border-bottom-width: 1px;\n}\n.border-l-0 {\n  border-left-width: 0px;\n}\n.border-l-4 {\n  border-left-width: 4px;\n}\n.border-r-0 {\n  border-right-width: 0px;\n}\n.border-t {\n  border-top-width: 1px;\n}\n.border-solid {\n  border-style: solid;\n}\n.border-none {\n  border-style: none;\n}\n.border-\\[\\#D1D5DB\\] {\n  --tw-border-opacity: 1;\n  border-color: rgb(209 213 219 / var(--tw-border-opacity));\n}\n.border-\\[\\#D9D9D9\\] {\n  --tw-border-opacity: 1;\n  border-color: rgb(217 217 217 / var(--tw-border-opacity));\n}\n.border-\\[\\#d9d9d9\\] {\n  --tw-border-opacity: 1;\n  border-color: rgb(217 217 217 / var(--tw-border-opacity));\n}\n.border-\\[var\\(--banner-border\\)\\] {\n  border-color: var(--banner-border);\n}\n.border-\\[var\\(--border-color\\)\\] {\n  border-color: var(--border-color);\n}\n.border-\\[var\\(--button-border\\)\\] {\n  border-color: var(--button-border);\n}\n.border-\\[var\\(--copy-border\\)\\] {\n  border-color: var(--copy-border);\n}\n.border-\\[var\\(--error-300\\)\\] {\n  border-color: var(--error-300);\n}\n.border-\\[var\\(--info-300\\)\\] {\n  border-color: var(--info-300);\n}\n.border-\\[var\\(--input-border\\)\\] {\n  border-color: var(--input-border);\n}\n.border-\\[var\\(--success-600\\)\\] {\n  border-color: var(--success-600);\n}\n.border-\\[var\\(--tint-300\\)\\] {\n  border-color: var(--tint-300);\n}\n.border-\\[var\\(--warning-600\\)\\] {\n  border-color: var(--warning-600);\n}\n.border-accent-700 {\n  border-color: var(--accent-700);\n}\n.border-blue-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(191 219 254 / var(--tw-border-opacity));\n}\n.border-callout-600 {\n  border-color: var(--callout-600);\n}\n.border-gray-300 {\n  --tw-border-opacity: 1;\n  border-color: rgb(209 213 219 / var(--tw-border-opacity));\n}\n.border-green-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(187 247 208 / var(--tw-border-opacity));\n}\n.border-green-400 {\n  --tw-border-opacity: 1;\n  border-color: rgb(74 222 128 / var(--tw-border-opacity));\n}\n.border-orange-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(254 215 170 / var(--tw-border-opacity));\n}\n.border-purple-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(233 213 255 / var(--tw-border-opacity));\n}\n.border-red-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(254 202 202 / var(--tw-border-opacity));\n}\n.border-red-500 {\n  --tw-border-opacity: 1;\n  border-color: rgb(239 68 68 / var(--tw-border-opacity));\n}\n.border-secondary-100 {\n  border-color: var(--secondary-100);\n}\n.border-tint-200 {\n  border-color: var(--tint-200);\n}\n.border-tint-300 {\n  border-color: var(--tint-300);\n}\n.border-tint-600 {\n  border-color: var(--tint-600);\n}\n.border-tint-800 {\n  border-color: var(--tint-800);\n}\n.border-transparent {\n  border-color: transparent;\n}\n.border-l-blue-600 {\n  --tw-border-opacity: 1;\n  border-left-color: rgb(37 99 235 / var(--tw-border-opacity));\n}\n.border-t-tint-600 {\n  border-top-color: var(--tint-600);\n}\n.bg-\\[\\#2F3234\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(47 50 52 / var(--tw-bg-opacity));\n}\n.bg-\\[\\#2f3234\\]\\/10 {\n  background-color: rgb(47 50 52 / 0.1);\n}\n.bg-\\[\\#3D3D3D\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(61 61 61 / var(--tw-bg-opacity));\n}\n.bg-\\[\\#D9D9D9\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(217 217 217 / var(--tw-bg-opacity));\n}\n.bg-\\[\\#F9FAFB\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(249 250 251 / var(--tw-bg-opacity));\n}\n.bg-\\[\\#FAFAFA\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(250 250 250 / var(--tw-bg-opacity));\n}\n.bg-\\[\\#f0f0f0\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(240 240 240 / var(--tw-bg-opacity));\n}\n.bg-\\[var\\(--active-bg\\)\\] {\n  background-color: var(--active-bg);\n}\n.bg-\\[var\\(--bg-color\\)\\] {\n  background-color: var(--bg-color);\n}\n.bg-\\[var\\(--code-bg\\)\\] {\n  background-color: var(--code-bg);\n}\n.bg-\\[var\\(--error-50\\)\\] {\n  background-color: var(--error-50);\n}\n.bg-\\[var\\(--info-50\\)\\] {\n  background-color: var(--info-50);\n}\n.bg-\\[var\\(--primary\\)\\] {\n  background-color: var(--primary);\n}\n.bg-\\[var\\(--success-50\\)\\] {\n  background-color: var(--success-50);\n}\n.bg-\\[var\\(--tint-100\\)\\] {\n  background-color: var(--tint-100);\n}\n.bg-\\[var\\(--warning-50\\)\\] {\n  background-color: var(--warning-50);\n}\n.bg-accent-700 {\n  background-color: var(--accent-700);\n}\n.bg-black {\n  background-color: var(--black);\n}\n.bg-blue-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(239 246 255 / var(--tw-bg-opacity));\n}\n.bg-blue-600 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(37 99 235 / var(--tw-bg-opacity));\n}\n.bg-callout-200 {\n  background-color: var(--callout-200);\n}\n.bg-callout-300 {\n  background-color: var(--callout-300);\n}\n.bg-current {\n  background-color: currentColor;\n}\n.bg-gray-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(243 244 246 / var(--tw-bg-opacity));\n}\n.bg-gray-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(229 231 235 / var(--tw-bg-opacity));\n}\n.bg-green-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(220 252 231 / var(--tw-bg-opacity));\n}\n.bg-green-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(240 253 244 / var(--tw-bg-opacity));\n}\n.bg-neutral-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(250 250 250 / var(--tw-bg-opacity));\n}\n.bg-orange-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 247 237 / var(--tw-bg-opacity));\n}\n.bg-purple-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(250 245 255 / var(--tw-bg-opacity));\n}\n.bg-red-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 242 242 / var(--tw-bg-opacity));\n}\n.bg-secondary-white {\n  background-color: var(--secondary-white);\n}\n.bg-tint-100 {\n  background-color: var(--tint-100);\n}\n.bg-tint-200 {\n  background-color: var(--tint-200);\n}\n.bg-tint-25 {\n  background-color: var(--tint-25);\n}\n.bg-tint-300 {\n  background-color: var(--tint-300);\n}\n.bg-tint-50 {\n  background-color: var(--tint-50);\n}\n.bg-transparent {\n  background-color: transparent;\n}\n.bg-white {\n  background-color: var(--white);\n}\n.bg-opacity-10 {\n  --tw-bg-opacity: 0.1;\n}\n.bg-opacity-50 {\n  --tw-bg-opacity: 0.5;\n}\n.bg-gradient-to-r {\n  background-image: linear-gradient(to right, var(--tw-gradient-stops));\n}\n.from-blue-50 {\n  --tw-gradient-from: #eff6ff var(--tw-gradient-from-position);\n  --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);\n  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n.from-blue-500 {\n  --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);\n  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);\n  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n.from-green-100 {\n  --tw-gradient-from: #dcfce7 var(--tw-gradient-from-position);\n  --tw-gradient-to: rgb(220 252 231 / 0) var(--tw-gradient-to-position);\n  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n.to-blue-400 {\n  --tw-gradient-to: #60a5fa var(--tw-gradient-to-position);\n}\n.to-green-50 {\n  --tw-gradient-to: #f0fdf4 var(--tw-gradient-to-position);\n}\n.to-white {\n  --tw-gradient-to: var(--white) var(--tw-gradient-to-position);\n}\n.fill-current {\n  fill: currentColor;\n}\n.object-cover {\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n.p-0 {\n  padding: 0px;\n}\n.p-2 {\n  padding: 8px;\n}\n.p-2\\.5 {\n  padding: 10px;\n}\n.p-3 {\n  padding: 12px;\n}\n.p-4 {\n  padding: 16px;\n}\n.p-5 {\n  padding: 20px;\n}\n.p-6 {\n  padding: 24px;\n}\n.p-\\[6px\\] {\n  padding: 6px;\n}\n.p-lg {\n  padding: var(--padding-lg);\n}\n.p-md {\n  padding: var(--padding-md);\n}\n.p-sm {\n  padding: var(--padding-sm);\n}\n.px-0 {\n  padding-left: 0px;\n  padding-right: 0px;\n}\n.px-1 {\n  padding-left: 4px;\n  padding-right: 4px;\n}\n.px-2 {\n  padding-left: 8px;\n  padding-right: 8px;\n}\n.px-2xl {\n  padding-left: var(--padding-2xl);\n  padding-right: var(--padding-2xl);\n}\n.px-3 {\n  padding-left: 12px;\n  padding-right: 12px;\n}\n.px-4 {\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.px-6 {\n  padding-left: 24px;\n  padding-right: 24px;\n}\n.px-\\[10px\\] {\n  padding-left: 10px;\n  padding-right: 10px;\n}\n.px-\\[13\\.6px\\] {\n  padding-left: 13.6px;\n  padding-right: 13.6px;\n}\n.px-\\[9px\\] {\n  padding-left: 9px;\n  padding-right: 9px;\n}\n.px-\\[var\\(--padding-sm\\)\\] {\n  padding-left: var(--padding-sm);\n  padding-right: var(--padding-sm);\n}\n.px-\\[var\\(--padding-xs\\)\\] {\n  padding-left: var(--padding-xs);\n  padding-right: var(--padding-xs);\n}\n.px-lg {\n  padding-left: var(--padding-lg);\n  padding-right: var(--padding-lg);\n}\n.px-md {\n  padding-left: var(--padding-md);\n  padding-right: var(--padding-md);\n}\n.px-sm {\n  padding-left: var(--padding-sm);\n  padding-right: var(--padding-sm);\n}\n.px-xl {\n  padding-left: var(--padding-xl);\n  padding-right: var(--padding-xl);\n}\n.px-xs {\n  padding-left: var(--padding-xs);\n  padding-right: var(--padding-xs);\n}\n.py-0 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n.py-0\\.5 {\n  padding-top: 2px;\n  padding-bottom: 2px;\n}\n.py-1 {\n  padding-top: 4px;\n  padding-bottom: 4px;\n}\n.py-2 {\n  padding-top: 8px;\n  padding-bottom: 8px;\n}\n.py-2xl {\n  padding-top: var(--padding-2xl);\n  padding-bottom: var(--padding-2xl);\n}\n.py-3 {\n  padding-top: 12px;\n  padding-bottom: 12px;\n}\n.py-4 {\n  padding-top: 16px;\n  padding-bottom: 16px;\n}\n.py-\\[5\\.5px\\] {\n  padding-top: 5.5px;\n  padding-bottom: 5.5px;\n}\n.py-\\[5\\.7px\\] {\n  padding-top: 5.7px;\n  padding-bottom: 5.7px;\n}\n.py-\\[7px\\] {\n  padding-top: 7px;\n  padding-bottom: 7px;\n}\n.py-\\[8\\.5px\\] {\n  padding-top: 8.5px;\n  padding-bottom: 8.5px;\n}\n.py-\\[9\\.5px\\] {\n  padding-top: 9.5px;\n  padding-bottom: 9.5px;\n}\n.py-\\[var\\(--padding-xs\\)\\] {\n  padding-top: var(--padding-xs);\n  padding-bottom: var(--padding-xs);\n}\n.py-lg {\n  padding-top: var(--padding-lg);\n  padding-bottom: var(--padding-lg);\n}\n.py-md {\n  padding-top: var(--padding-md);\n  padding-bottom: var(--padding-md);\n}\n.py-sm {\n  padding-top: var(--padding-sm);\n  padding-bottom: var(--padding-sm);\n}\n.py-xl {\n  padding-top: var(--padding-xl);\n  padding-bottom: var(--padding-xl);\n}\n.py-xs {\n  padding-top: var(--padding-xs);\n  padding-bottom: var(--padding-xs);\n}\n.pb-sm {\n  padding-bottom: var(--padding-sm);\n}\n.pl-1 {\n  padding-left: 4px;\n}\n.pl-2 {\n  padding-left: 8px;\n}\n.pl-3 {\n  padding-left: 12px;\n}\n.pl-5 {\n  padding-left: 20px;\n}\n.pl-8 {\n  padding-left: 32px;\n}\n.pl-9 {\n  padding-left: 36px;\n}\n.pl-\\[3px\\] {\n  padding-left: 3px;\n}\n.pl-md {\n  padding-left: var(--padding-md);\n}\n.pr-10 {\n  padding-right: 40px;\n}\n.pr-2 {\n  padding-right: 8px;\n}\n.pr-3 {\n  padding-right: 12px;\n}\n.pr-8 {\n  padding-right: 32px;\n}\n.pr-\\[32px\\] {\n  padding-right: 32px;\n}\n.pr-\\[8\\.5px\\] {\n  padding-right: 8.5px;\n}\n.pr-lg {\n  padding-right: var(--padding-lg);\n}\n.pr-md {\n  padding-right: var(--padding-md);\n}\n.pt-2 {\n  padding-top: 8px;\n}\n.pt-4 {\n  padding-top: 16px;\n}\n.pt-8 {\n  padding-top: 32px;\n}\n.pt-lg {\n  padding-top: var(--padding-lg);\n}\n.pt-md {\n  padding-top: var(--padding-md);\n}\n.text-left {\n  text-align: left;\n}\n.text-center {\n  text-align: center;\n}\n.text-start {\n  text-align: start;\n}\n.align-baseline {\n  vertical-align: baseline;\n}\n.align-middle {\n  vertical-align: middle;\n}\n.font-mono {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;\n}\n.text-2xl {\n  font-size: var(--text-2xl);\n}\n.text-\\[10px\\] {\n  font-size: 10px;\n}\n.text-\\[11px\\] {\n  font-size: 11px;\n}\n.text-\\[12\\.5px\\] {\n  font-size: 12.5px;\n}\n.text-\\[12px\\] {\n  font-size: 12px;\n}\n.text-\\[13\\.6px\\] {\n  font-size: 13.6px;\n}\n.text-\\[13px\\] {\n  font-size: 13px;\n}\n.text-\\[18px\\] {\n  font-size: 18px;\n}\n.text-\\[9px\\] {\n  font-size: 9px;\n}\n.text-\\[calc\\(var\\(--font-size\\)\\*1\\.125\\)\\] {\n  font-size: calc(var(--font-size) * 1.125);\n}\n.text-base {\n  font-size: 16px;\n  line-height: 24px;\n}\n.text-lg {\n  font-size: var(--text-lg);\n}\n.text-md {\n  font-size: var(--text-md);\n}\n.text-sm {\n  font-size: var(--text-sm);\n}\n.text-xl {\n  font-size: var(--text-xl);\n}\n.text-xs {\n  font-size: var(--text-xs);\n}\n.font-\\[500\\] {\n  font-weight: 500;\n}\n.font-\\[540\\] {\n  font-weight: 540;\n}\n.font-bold {\n  font-weight: 700;\n}\n.font-medium {\n  font-weight: 500;\n}\n.font-semibold {\n  font-weight: 600;\n}\n.uppercase {\n  text-transform: uppercase;\n}\n.leading-4 {\n  line-height: 16px;\n}\n.leading-5 {\n  line-height: 20px;\n}\n.leading-7 {\n  line-height: 28px;\n}\n.leading-\\[1\\.17\\] {\n  line-height: 1.17;\n}\n.leading-\\[1\\.2\\] {\n  line-height: 1.2;\n}\n.leading-\\[1\\.45\\] {\n  line-height: 1.45;\n}\n.leading-\\[100\\%\\] {\n  line-height: 100%;\n}\n.leading-\\[135\\%\\] {\n  line-height: 135%;\n}\n.leading-\\[140\\%\\] {\n  line-height: 140%;\n}\n.leading-\\[145\\%\\] {\n  line-height: 145%;\n}\n.leading-\\[14px\\] {\n  line-height: 14px;\n}\n.leading-\\[16px\\] {\n  line-height: 16px;\n}\n.leading-none {\n  line-height: 1;\n}\n.leading-normal {\n  line-height: 1.5;\n}\n.tracking-\\[-0\\.048px\\] {\n  letter-spacing: -0.048px;\n}\n.tracking-\\[-0\\.056px\\] {\n  letter-spacing: -0.056px;\n}\n.tracking-\\[-0\\.125px\\] {\n  letter-spacing: -0.125px;\n}\n.tracking-\\[-0\\.12px\\] {\n  letter-spacing: -0.12px;\n}\n.tracking-\\[-0\\.36px\\] {\n  letter-spacing: -0.36px;\n}\n.tracking-\\[-0\\.4px\\] {\n  letter-spacing: -0.4px;\n}\n.tracking-wide {\n  letter-spacing: 0.025em;\n}\n.tracking-wider {\n  letter-spacing: 0.05em;\n}\n.text-\\[\\#303030\\] {\n  --tw-text-opacity: 1;\n  color: rgb(48 48 48 / var(--tw-text-opacity));\n}\n.text-\\[\\#63CC88\\] {\n  --tw-text-opacity: 1;\n  color: rgb(99 204 136 / var(--tw-text-opacity));\n}\n.text-\\[\\#686A6D\\] {\n  --tw-text-opacity: 1;\n  color: rgb(104 106 109 / var(--tw-text-opacity));\n}\n.text-\\[\\#8A8A8A\\] {\n  --tw-text-opacity: 1;\n  color: rgb(138 138 138 / var(--tw-text-opacity));\n}\n.text-\\[\\#969696\\] {\n  --tw-text-opacity: 1;\n  color: rgb(150 150 150 / var(--tw-text-opacity));\n}\n.text-\\[\\#FAFAFA\\] {\n  --tw-text-opacity: 1;\n  color: rgb(250 250 250 / var(--tw-text-opacity));\n}\n.text-\\[var\\(--active-fg\\)\\] {\n  color: var(--active-fg);\n}\n.text-\\[var\\(--error-600\\)\\] {\n  color: var(--error-600);\n}\n.text-\\[var\\(--inactive-fg\\)\\] {\n  color: var(--inactive-fg);\n}\n.text-\\[var\\(--info-600\\)\\] {\n  color: var(--info-600);\n}\n.text-\\[var\\(--primary-foreground\\)\\] {\n  color: var(--primary-foreground);\n}\n.text-\\[var\\(--success-600\\)\\] {\n  color: var(--success-600);\n}\n.text-\\[var\\(--tint-600\\)\\] {\n  color: var(--tint-600);\n}\n.text-\\[var\\(--warning-600\\)\\] {\n  color: var(--warning-600);\n}\n.text-accent-50 {\n  color: var(--accent-50);\n}\n.text-accent-700 {\n  color: var(--accent-700);\n}\n.text-blue-600 {\n  --tw-text-opacity: 1;\n  color: rgb(37 99 235 / var(--tw-text-opacity));\n}\n.text-callout-600 {\n  color: var(--callout-600);\n}\n.text-callout-900 {\n  color: var(--callout-900);\n}\n.text-current {\n  color: currentColor;\n}\n.text-gray-500 {\n  --tw-text-opacity: 1;\n  color: rgb(107 114 128 / var(--tw-text-opacity));\n}\n.text-gray-600 {\n  --tw-text-opacity: 1;\n  color: rgb(75 85 99 / var(--tw-text-opacity));\n}\n.text-gray-700 {\n  --tw-text-opacity: 1;\n  color: rgb(55 65 81 / var(--tw-text-opacity));\n}\n.text-gray-900 {\n  --tw-text-opacity: 1;\n  color: rgb(17 24 39 / var(--tw-text-opacity));\n}\n.text-green-600 {\n  --tw-text-opacity: 1;\n  color: rgb(22 163 74 / var(--tw-text-opacity));\n}\n.text-orange-600 {\n  --tw-text-opacity: 1;\n  color: rgb(234 88 12 / var(--tw-text-opacity));\n}\n.text-purple-600 {\n  --tw-text-opacity: 1;\n  color: rgb(147 51 234 / var(--tw-text-opacity));\n}\n.text-purple-700 {\n  --tw-text-opacity: 1;\n  color: rgb(126 34 206 / var(--tw-text-opacity));\n}\n.text-purple-900 {\n  --tw-text-opacity: 1;\n  color: rgb(88 28 135 / var(--tw-text-opacity));\n}\n.text-red-500 {\n  --tw-text-opacity: 1;\n  color: rgb(239 68 68 / var(--tw-text-opacity));\n}\n.text-red-600 {\n  --tw-text-opacity: 1;\n  color: rgb(220 38 38 / var(--tw-text-opacity));\n}\n.text-secondary-700 {\n  color: var(--secondary-700);\n}\n.text-theme-text-primary {\n  color: var(--text-main-color);\n}\n.text-theme-text-secondary {\n  color: var(--text-secondary-color);\n}\n.text-tint-300 {\n  color: var(--tint-300);\n}\n.text-tint-400 {\n  color: var(--tint-400);\n}\n.text-tint-500 {\n  color: var(--tint-500);\n}\n.text-tint-600 {\n  color: var(--tint-600);\n}\n.text-tint-900 {\n  color: var(--tint-900);\n}\n.text-white {\n  color: var(--white);\n}\n.underline {\n  text-decoration-line: underline;\n}\n.line-through {\n  text-decoration-line: line-through;\n}\n.no-underline {\n  text-decoration-line: none;\n}\n.placeholder-gray-400::-moz-placeholder {\n  --tw-placeholder-opacity: 1;\n  color: rgb(156 163 175 / var(--tw-placeholder-opacity));\n}\n.placeholder-gray-400::placeholder {\n  --tw-placeholder-opacity: 1;\n  color: rgb(156 163 175 / var(--tw-placeholder-opacity));\n}\n.opacity-0 {\n  opacity: 0;\n}\n.opacity-100 {\n  opacity: 1;\n}\n.opacity-20 {\n  opacity: 0.2;\n}\n.opacity-50 {\n  opacity: 0.5;\n}\n.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.shadow-\\[-7px_0px_4px_\\#CCCCCC40\\] {\n  --tw-shadow: -7px 0px 4px #CCCCCC40;\n  --tw-shadow-colored: -7px 0px 4px 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.shadow-lg {\n  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px 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.shadow-sm {\n  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --tw-shadow-colored: 0 1px 2px 0 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.shadow-xl {\n  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px 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.outline-none {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.outline {\n  outline-style: solid;\n}\n.ring-offset-white {\n  --tw-ring-offset-color: var(--white);\n}\n.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.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.backdrop-blur-\\[22px\\] {\n  --tw-backdrop-blur: blur(22px);\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.backdrop-blur-\\[6\\.5px\\] {\n  --tw-backdrop-blur: blur(6.5px);\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.transition {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.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.transition-opacity {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-transform {\n  transition-property: transform;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.duration-200 {\n  transition-duration: 200ms;\n}\n.duration-300 {\n  transition-duration: 300ms;\n}\n.ease-in {\n  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);\n}\n.ease-in-out {\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ease-out {\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n.\\[-moz-appearance\\:textfield\\] {\n  -moz-appearance: textfield;\n}\n.placeholder\\:text-\\[\\#8A8A8A\\]::-moz-placeholder {\n  --tw-text-opacity: 1;\n  color: rgb(138 138 138 / var(--tw-text-opacity));\n}\n.placeholder\\:text-\\[\\#8A8A8A\\]::placeholder {\n  --tw-text-opacity: 1;\n  color: rgb(138 138 138 / var(--tw-text-opacity));\n}\n.placeholder\\:text-tint-300::-moz-placeholder {\n  color: var(--tint-300);\n}\n.placeholder\\:text-tint-300::placeholder {\n  color: var(--tint-300);\n}\n.placeholder\\:text-tint-500::-moz-placeholder {\n  color: var(--tint-500);\n}\n.placeholder\\:text-tint-500::placeholder {\n  color: var(--tint-500);\n}\n.placeholder\\:text-tint-600::-moz-placeholder {\n  color: var(--tint-600);\n}\n.placeholder\\:text-tint-600::placeholder {\n  color: var(--tint-600);\n}\n.first\\:rounded-t-xs:first-child {\n  border-top-left-radius: var(--radius-xs);\n  border-top-right-radius: var(--radius-xs);\n}\n.last\\:rounded-b-xs:last-child {\n  border-bottom-right-radius: var(--radius-xs);\n  border-bottom-left-radius: var(--radius-xs);\n}\n.hover\\:border-\\[\\#9CA3AF\\]:hover {\n  --tw-border-opacity: 1;\n  border-color: rgb(156 163 175 / var(--tw-border-opacity));\n}\n.hover\\:border-accent-600:hover {\n  border-color: var(--accent-600);\n}\n.hover\\:border-red-500:hover {\n  --tw-border-opacity: 1;\n  border-color: rgb(239 68 68 / var(--tw-border-opacity));\n}\n.hover\\:border-secondary-200:hover {\n  border-color: var(--secondary-200);\n}\n.hover\\:border-tint-300:hover {\n  border-color: var(--tint-300);\n}\n.hover\\:bg-\\[\\#F3F4F6\\]:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(243 244 246 / var(--tw-bg-opacity));\n}\n.hover\\:bg-\\[\\#FAFAFA\\]:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(250 250 250 / var(--tw-bg-opacity));\n}\n.hover\\:bg-accent-600:hover {\n  background-color: var(--accent-600);\n}\n.hover\\:bg-blue-100:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(219 234 254 / var(--tw-bg-opacity));\n}\n.hover\\:bg-gray-200:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(229 231 235 / var(--tw-bg-opacity));\n}\n.hover\\:bg-green-100:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(220 252 231 / var(--tw-bg-opacity));\n}\n.hover\\:bg-orange-100:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 237 213 / var(--tw-bg-opacity));\n}\n.hover\\:bg-purple-100:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(243 232 255 / var(--tw-bg-opacity));\n}\n.hover\\:bg-red-100:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 226 226 / var(--tw-bg-opacity));\n}\n.hover\\:bg-tint-25:hover {\n  background-color: var(--tint-25);\n}\n.hover\\:text-secondary-400:hover {\n  color: var(--secondary-400);\n}\n.hover\\:text-tint-900:hover {\n  color: var(--tint-900);\n}\n.hover\\:opacity-100:hover {\n  opacity: 1;\n}\n.focus\\:border-\\[\\#121826\\]:focus {\n  --tw-border-opacity: 1;\n  border-color: rgb(18 24 38 / var(--tw-border-opacity));\n}\n.focus\\:border-blue-500:focus {\n  --tw-border-opacity: 1;\n  border-color: rgb(59 130 246 / var(--tw-border-opacity));\n}\n.focus\\:border-purple-500:focus {\n  --tw-border-opacity: 1;\n  border-color: rgb(168 85 247 / var(--tw-border-opacity));\n}\n.focus\\:border-tint-900:focus {\n  border-color: var(--tint-900);\n}\n.focus\\:bg-tint-200:focus {\n  background-color: var(--tint-200);\n}\n.focus\\:text-tint-900:focus {\n  color: var(--tint-900);\n}\n.focus\\:outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.focus\\:ring-\\[\\#121826\\]:focus {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(18 24 38 / var(--tw-ring-opacity));\n}\n.focus-visible\\:border-red-500:focus-visible {\n  --tw-border-opacity: 1;\n  border-color: rgb(239 68 68 / var(--tw-border-opacity));\n}\n.focus-visible\\:border-tint-600:focus-visible {\n  border-color: var(--tint-600);\n}\n.focus-visible\\:outline-none:focus-visible {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.focus-visible\\:ring-2: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(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.focus-visible\\:ring-neutral-900:focus-visible {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(23 23 23 / var(--tw-ring-opacity));\n}\n.focus-visible\\:ring-red-500:focus-visible {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));\n}\n.focus-visible\\:ring-tint-400:focus-visible {\n  --tw-ring-color: var(--tint-400);\n}\n.focus-visible\\:ring-tint-900:focus-visible {\n  --tw-ring-color: var(--tint-900);\n}\n.focus-visible\\:ring-offset-1:focus-visible {\n  --tw-ring-offset-width: 1px;\n}\n.focus-visible\\:ring-offset-2:focus-visible {\n  --tw-ring-offset-width: 2px;\n}\n.focus-visible\\:ring-offset-neutral-50:focus-visible {\n  --tw-ring-offset-color: #fafafa;\n}\n.focus-visible\\:ring-offset-white:focus-visible {\n  --tw-ring-offset-color: var(--white);\n}\n.active\\:translate-y-px:active {\n  --tw-translate-y: 1px;\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.disabled\\:pointer-events-none:disabled {\n  pointer-events: none;\n}\n.disabled\\:cursor-not-allowed:disabled {\n  cursor: not-allowed;\n}\n.disabled\\:border-tint-200:disabled {\n  border-color: var(--tint-200);\n}\n.disabled\\:bg-\\[\\#B7B7B7\\]:disabled {\n  --tw-bg-opacity: 1;\n  background-color: rgb(183 183 183 / var(--tw-bg-opacity));\n}\n.disabled\\:bg-tint-50:disabled {\n  background-color: var(--tint-50);\n}\n.disabled\\:opacity-50:disabled {\n  opacity: 0.5;\n}\n.data-\\[disabled\\]\\:pointer-events-none[data-disabled] {\n  pointer-events: none;\n}\n.data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom] {\n  --tw-translate-y: 4px;\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.data-\\[side\\=left\\]\\:-translate-x-1[data-side=left] {\n  --tw-translate-x: -4px;\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.data-\\[side\\=right\\]\\:translate-x-1[data-side=right] {\n  --tw-translate-x: 4px;\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.data-\\[side\\=top\\]\\:-translate-y-1[data-side=top] {\n  --tw-translate-y: -4px;\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.data-\\[error\\]\\:border-red-500[data-error] {\n  --tw-border-opacity: 1;\n  border-color: rgb(239 68 68 / var(--tw-border-opacity));\n}\n.data-\\[state\\=checked\\]\\:border-accent-700[data-state=checked] {\n  border-color: var(--accent-700);\n}\n.data-\\[state\\=checked\\]\\:border-tint-900[data-state=checked] {\n  border-color: var(--tint-900);\n}\n.data-\\[state\\=indeterminate\\]\\:border-tint-900[data-state=indeterminate] {\n  border-color: var(--tint-900);\n}\n.data-\\[state\\=checked\\]\\:bg-accent-700[data-state=checked] {\n  background-color: var(--accent-700);\n}\n.data-\\[state\\=checked\\]\\:bg-tint-900[data-state=checked] {\n  background-color: var(--tint-900);\n}\n.data-\\[state\\=indeterminate\\]\\:bg-tint-900[data-state=indeterminate] {\n  background-color: var(--tint-900);\n}\n.data-\\[state\\=checked\\]\\:text-white[data-state=checked] {\n  color: var(--white);\n}\n.data-\\[state\\=indeterminate\\]\\:text-white[data-state=indeterminate] {\n  color: var(--white);\n}\n.data-\\[disabled\\]\\:opacity-50[data-disabled] {\n  opacity: 0.5;\n}\n.data-\\[state\\=checked\\]\\:hover\\:border-accent-800:hover[data-state=checked] {\n  border-color: var(--accent-800);\n}\n.data-\\[state\\=checked\\]\\:hover\\:border-tint-800:hover[data-state=checked] {\n  border-color: var(--tint-800);\n}\n.data-\\[state\\=indeterminate\\]\\:hover\\:border-tint-800:hover[data-state=indeterminate] {\n  border-color: var(--tint-800);\n}\n.data-\\[state\\=checked\\]\\:hover\\:bg-accent-800:hover[data-state=checked] {\n  background-color: var(--accent-800);\n}\n.data-\\[state\\=checked\\]\\:hover\\:bg-tint-800:hover[data-state=checked] {\n  background-color: var(--tint-800);\n}\n.data-\\[state\\=indeterminate\\]\\:hover\\:bg-tint-800:hover[data-state=indeterminate] {\n  background-color: var(--tint-800);\n}\n.data-\\[error\\]\\:focus-visible\\:ring-red-300:focus-visible[data-error] {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity));\n}\n@media not all and (min-width: 640px) {\n.max-sm\\:left-\\[-12px\\] {\n    left: -12px;\n}\n.max-sm\\:mb-md {\n    margin-bottom: var(--spacing-md);\n}\n.max-sm\\:mr-md {\n    margin-right: var(--spacing-md);\n}\n.max-sm\\:mt-md {\n    margin-top: var(--spacing-md);\n}\n.max-sm\\:self-center {\n    align-self: center;\n}\n.max-sm\\:\\!p-md {\n    padding: var(--padding-md) !important;\n}\n}\n@media (min-width: 640px) {\n.sm\\:mx-0 {\n    margin-left: 0px;\n    margin-right: 0px;\n}\n.sm\\:block {\n    display: block;\n}\n.sm\\:inline-block {\n    display: inline-block;\n}\n.sm\\:hidden {\n    display: none;\n}\n.sm\\:h-3 {\n    height: 12px;\n}\n.sm\\:h-\\[120px\\] {\n    height: 120px;\n}\n.sm\\:h-\\[150px\\] {\n    height: 150px;\n}\n.sm\\:h-\\[18px\\] {\n    height: 18px;\n}\n.sm\\:h-\\[190px\\] {\n    height: 190px;\n}\n.sm\\:h-\\[200px\\] {\n    height: 200px;\n}\n.sm\\:h-\\[30px\\] {\n    height: 30px;\n}\n.sm\\:h-\\[96px\\] {\n    height: 96px;\n}\n.sm\\:h-auto {\n    height: auto;\n}\n.sm\\:h-full {\n    height: 100%;\n}\n.sm\\:w-3 {\n    width: 12px;\n}\n.sm\\:w-\\[120px\\] {\n    width: 120px;\n}\n.sm\\:w-\\[150px\\] {\n    width: 150px;\n}\n.sm\\:w-\\[18px\\] {\n    width: 18px;\n}\n.sm\\:w-\\[190px\\] {\n    width: 190px;\n}\n.sm\\:w-\\[200px\\] {\n    width: 200px;\n}\n.sm\\:w-\\[96px\\] {\n    width: 96px;\n}\n.sm\\:w-full {\n    width: 100%;\n}\n.sm\\:min-w-\\[190px\\] {\n    min-width: 190px;\n}\n.sm\\:flex-1 {\n    flex: 1 1 0%;\n}\n.sm\\:shrink {\n    flex-shrink: 1;\n}\n.sm\\:translate-y-0 {\n    --tw-translate-y: 0px;\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.sm\\:translate-y-\\[3px\\] {\n    --tw-translate-y: 3px;\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.sm\\:scale-100 {\n    --tw-scale-x: 1;\n    --tw-scale-y: 1;\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.sm\\:scale-95 {\n    --tw-scale-x: .95;\n    --tw-scale-y: .95;\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.sm\\:flex-row {\n    flex-direction: row;\n}\n.sm\\:flex-col {\n    flex-direction: column;\n}\n.sm\\:items-stretch {\n    align-items: stretch;\n}\n.sm\\:justify-between {\n    justify-content: space-between;\n}\n.sm\\:gap-0 {\n    gap: 0px;\n}\n.sm\\:gap-3xl {\n    gap: var(--spacing-3xl);\n}\n.sm\\:gap-lg {\n    gap: var(--spacing-lg);\n}\n.sm\\:self-auto {\n    align-self: auto;\n}\n.sm\\:self-stretch {\n    align-self: stretch;\n}\n.sm\\:rounded-md {\n    border-radius: var(--radius-md);\n}\n.sm\\:bg-callout-300 {\n    background-color: var(--callout-300);\n}\n.sm\\:p-0 {\n    padding: 0px;\n}\n.sm\\:p-lg {\n    padding: var(--padding-lg);\n}\n.sm\\:p-md {\n    padding: var(--padding-md);\n}\n.sm\\:px-0 {\n    padding-left: 0px;\n    padding-right: 0px;\n}\n.sm\\:px-2xl {\n    padding-left: var(--padding-2xl);\n    padding-right: var(--padding-2xl);\n}\n.sm\\:px-lg {\n    padding-left: var(--padding-lg);\n    padding-right: var(--padding-lg);\n}\n.sm\\:py-0 {\n    padding-top: 0px;\n    padding-bottom: 0px;\n}\n.sm\\:py-md {\n    padding-top: var(--padding-md);\n    padding-bottom: var(--padding-md);\n}\n.sm\\:py-sm {\n    padding-top: var(--padding-sm);\n    padding-bottom: var(--padding-sm);\n}\n.sm\\:pl-lg {\n    padding-left: var(--padding-lg);\n}\n.sm\\:pl-xl {\n    padding-left: var(--padding-xl);\n}\n.sm\\:pr-0 {\n    padding-right: 0px;\n}\n.sm\\:text-2xl {\n    font-size: var(--text-2xl);\n}\n.sm\\:text-md {\n    font-size: var(--text-md);\n}\n}\n@media (min-width: 768px) {\n.md\\:ml-auto {\n    margin-left: auto;\n}\n.md\\:w-\\[520px\\] {\n    width: 520px;\n}\n}\n@media (min-width: 1024px) {\n.lg\\:px-16 {\n    padding-left: 64px;\n    padding-right: 64px;\n}\n}\n.\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:m-0::-webkit-inner-spin-button {\n  margin: 0px;\n}\n.\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:appearance-none::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n          appearance: none;\n}\n.\\[\\&\\:\\:-webkit-outer-spin-button\\]\\:m-0::-webkit-outer-spin-button {\n  margin: 0px;\n}\n.\\[\\&\\:\\:-webkit-outer-spin-button\\]\\:appearance-none::-webkit-outer-spin-button {\n  -webkit-appearance: none;\n          appearance: none;\n}\n.\\[\\&\\>span\\]\\:truncate>span {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n';
-const _style_1 = '\n.login[data-v-0e2deb97] {\n  width: -moz-fit-content;\n  width: fit-content;\n  max-width: 440px;\n  border-width: 1px;\n  border-style: solid;\n  box-sizing: border-box;\n  padding: 36px 12px 24px 12px;\n  background: var(--d474c506);\n  border: 1px solid var(--14d9b29a);\n  border-radius: 0;\n}\n@media (min-width: 430px) {\n.login[data-v-0e2deb97] {\n    padding: 36px 24px 24px 24px;\n}\n}\n.header-group[data-v-0e2deb97] {\n  margin-bottom: 24px;\n}\n.header-group h3[data-v-0e2deb97] {\n  margin-bottom: 0px;\n  text-align: center;\n  margin-block-start: 0;\n  margin-block-end: 0;\n  font-weight: 600;\n  font-size: 24px;\n  line-height: 34px;\n  letter-spacing: -0.004em;\n  color: var(--tint-900);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.header-group h3 + .subtitle-wrapper[data-v-0e2deb97] {\n  margin-top: 12px;\n}\n\n/* Header text transition */\n.header-fade-enter-active[data-v-0e2deb97] {\n  transition:\n    opacity 0.3s ease-out,\n    transform 0.3s ease-out;\n}\n.header-fade-leave-active[data-v-0e2deb97] {\n  transition:\n    opacity 0.15s ease-in,\n    transform 0.15s ease-in;\n}\n.header-fade-enter-from[data-v-0e2deb97] {\n  opacity: 0;\n  transform: translateY(-8px);\n}\n.header-fade-leave-to[data-v-0e2deb97] {\n  opacity: 0;\n  transform: translateY(8px);\n}\n.subtitle[data-v-0e2deb97] {\n  margin-bottom: 0px;\n  text-align: center;\n  margin-block-start: 0;\n  margin-block-end: 0;\n  font-weight: 540;\n  font-size: 12px;\n  line-height: 17px;\n  letter-spacing: -0.004em;\n  color: var(--tint-600);\n}\n.subtitle-wrapper[data-v-0e2deb97] {\n  display: grid;\n  opacity: 1;\n  grid-template-rows: 1fr;\n  transition:\n    grid-template-rows 0.3s ease-in-out,\n    transform 0.3s ease-in-out,\n    opacity 0.4s ease-in-out 0.1s;\n}\n.subtitle-wrapper.is-hidden[data-v-0e2deb97] {\n  --tw-translate-y: -8px;\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  opacity: 0;\n  grid-template-rows: 0fr;\n  transition:\n    grid-template-rows 0.3s ease-in-out,\n    transform 0.3s ease-in-out,\n    opacity 0.15s ease-in-out;\n}\n.subtitle-content[data-v-0e2deb97] {\n  min-height: 0;\n}\n.code-input-wrapper[data-v-0e2deb97] {\n  display: grid;\n  --tw-translate-y: 12px;\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  opacity: 0;\n  grid-template-rows: 0fr;\n  margin-top: 0;\n  transition:\n    grid-template-rows 0.3s ease-out,\n    transform 0.3s ease-out,\n    opacity 0.15s ease-out;\n}\n.code-input-wrapper.is-visible[data-v-0e2deb97] {\n  margin-top: 24px;\n  --tw-translate-y: 0px;\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  opacity: 1;\n  grid-template-rows: 1fr;\n  transition:\n    grid-template-rows 0.3s ease-out,\n    transform 0.3s ease-out,\n    opacity 0.4s ease-out 0.1s;\n}\n.code-input-content[data-v-0e2deb97] {\n  min-height: 0;\n}\n.form-group[data-v-0e2deb97] {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 12px;\n}\nlabel[data-v-0e2deb97] {\n  margin-bottom: 4px;\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 14px;\n  letter-spacing: -0.004em;\n  color: var(--tint-900);\n}\n.validation-message[data-v-0e2deb97] {\n  margin-top: 2px;\n  margin-bottom: 0;\n  text-align: left;\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 14px;\n  letter-spacing: -0.004em;\n  color: var(--error-600);\n}\n.code-label-wrapper[data-v-0e2deb97] {\n  padding-bottom: 4px;\n  min-height: 0;\n}\n.code-input-wrapper:not(.is-visible) .code-input-content[data-v-0e2deb97] {\n  min-height: 0;\n  overflow: hidden;\n}\n.code-input-wrapper:not(.is-visible) .code-digit[data-v-0e2deb97] {\n  pointer-events: none;\n  visibility: hidden;\n}\n.info-box-wrapper[data-v-0e2deb97]:not(.is-visible) {\n  pointer-events: none;\n}\n.info-box-wrapper[data-v-0e2deb97]:not(.is-visible) * {\n  pointer-events: none;\n}\n.code-inputs[data-v-0e2deb97] {\n  display: grid;\n  grid-template-columns: repeat(6, 1fr);\n  gap: 12px;\n  position: relative;\n}\n.code-digit[data-v-0e2deb97] {\n  padding: 0px;\n  text-align: center;\n  height: 64px;\n  width: 100%;\n  box-sizing: border-box;\n  background: var(--white);\n  border: 1px solid var(--tint-200);\n  border-radius: 0;\n  font-weight: 540;\n  font-size: 16px;\n  line-height: 16px;\n  letter-spacing: -0.004em;\n  color: var(--tint-900);\n}\n.code-digit[data-v-0e2deb97]:hover {\n  border-color: var(--tint-300);\n}\n.code-digit.error[data-v-0e2deb97] {\n  border-color: var(--error-300);\n}\n.code-digit[data-v-0e2deb97]:focus {\n  outline: none;\n  border: 1px solid var(--tint-200);\n  box-shadow:\n    0px 0px 0px 1px var(--white),\n    0px 0px 0px 2px var(--tint-900);\n}\n.code-digit:focus.error[data-v-0e2deb97] {\n  border: 1px solid var(--error-300);\n  box-shadow: none;\n}\n.code-digit[data-v-0e2deb97]:disabled {\n  background: var(--tint-100);\n  color: var(--tint-600);\n  border-color: var(--tint-200);\n}\n.info-box-wrapper[data-v-0e2deb97] {\n  display: grid;\n  --tw-translate-y: 12px;\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  opacity: 0;\n  grid-template-rows: 0fr;\n  margin-top: 0;\n  transition:\n    grid-template-rows 0.3s ease-out,\n    transform 0.3s ease-out,\n    opacity 0.15s ease-out;\n}\n.info-box-wrapper.is-visible[data-v-0e2deb97] {\n  --tw-translate-y: 0px;\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  opacity: 1;\n  grid-template-rows: 1fr;\n  margin-top: 24px;\n  transition:\n    grid-template-rows 0.3s ease-out,\n    transform 0.3s ease-out,\n    opacity 0.4s ease-out 0.1s;\n}\n.info-box-content[data-v-0e2deb97] {\n  overflow: hidden;\n  min-height: 0;\n}\n.info-box[data-v-0e2deb97] {\n  border-width: 1px;\n  border-style: solid;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  padding: 8px 12px;\n  gap: 12px;\n  width: 100%;\n  min-height: 50px;\n  background: var(--tint-50);\n  border-color: var(--tint-300);\n  margin-bottom: 24px;\n}\n.info-icon[data-v-0e2deb97] {\n  width: 12px;\n  height: 12px;\n  flex-shrink: 0;\n}\n.info-text-wrapper[data-v-0e2deb97] {\n  flex: 1;\n  min-width: 0;\n}\n.info-text[data-v-0e2deb97] {\n  margin: 0;\n  font-weight: 540;\n  font-size: 12px;\n  line-height: 145%;\n  letter-spacing: -0.004em;\n  color: var(--tint-600);\n  text-align: left;\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n}\n.info-text a[data-v-0e2deb97] {\n  color: var(--tint-600);\n  text-decoration: underline;\n  outline: none;\n}\n.info-text a[data-v-0e2deb97]:focus-visible {\n  box-shadow:\n    0px 0px 0px 1px var(--white),\n    0px 0px 0px 2px var(--tint-900);\n  border-radius: 2px;\n}\n.spinner-icon[data-v-0e2deb97] {\n  display: block;\n}\n.button-group[data-v-0e2deb97] {\n  display: flex;\n  gap: 12px;\n}\n.button-group[data-v-0e2deb97] > * {\n  flex: 1 1 0%;\n}\nfooter[data-v-0e2deb97] {\n  display: flex;\n  justify-content: center;\n  margin-top: 36px;\n}\n.badge[data-v-0e2deb97] {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 4px 8px;\n  gap: 8px;\n  background: #111111;\n  border-radius: 4px;\n  flex: none;\n  color: var(--white);\n  font-size: 12px;\n  line-height: 145%;\n  letter-spacing: -0.004em;\n  font-weight: 540;\n}\n.separator[data-v-0e2deb97] {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n  margin: 24px 0;\n}\n.separator[data-v-0e2deb97]:before,\n.separator[data-v-0e2deb97]:after {\n  display: block;\n  height: 1px;\n  min-width: 20px;\n  flex: 1 1 0%;\n  --tw-bg-opacity: 1;\n  background-color: rgb(217 217 217 / var(--tw-bg-opacity));\n  content: "";\n}\n.separator p[data-v-0e2deb97] {\n  margin: 0;\n  font-weight: 540;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--tint-600);\n}\n';
-const LoginCe = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["styles", [_style_0$l, _style_1]], ["__scopeId", "data-v-0e2deb97"]]);
+const _style_1 = '\n.login[data-v-62e498ec] {\n  width: -moz-fit-content;\n  width: fit-content;\n  max-width: 440px;\n  border-width: 1px;\n  border-style: solid;\n  box-sizing: border-box;\n  padding: 36px 12px 24px 12px;\n  background: var(--b90fbb12);\n  border: 1px solid var(--35f338ad);\n  border-radius: 0;\n}\n@media (min-width: 430px) {\n.login[data-v-62e498ec] {\n    padding: 36px 24px 24px 24px;\n}\n}\n.header-group[data-v-62e498ec] {\n  margin-bottom: 24px;\n}\n.header-group h3[data-v-62e498ec] {\n  margin-bottom: 0px;\n  text-align: center;\n  margin-block-start: 0;\n  margin-block-end: 0;\n  font-weight: 600;\n  font-size: 24px;\n  line-height: 34px;\n  letter-spacing: -0.004em;\n  color: var(--tint-900);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.header-group h3 + .subtitle-wrapper[data-v-62e498ec] {\n  margin-top: 12px;\n}\n\n/* Header text transition */\n.header-fade-enter-active[data-v-62e498ec] {\n  transition:\n    opacity 0.3s ease-out,\n    transform 0.3s ease-out;\n}\n.header-fade-leave-active[data-v-62e498ec] {\n  transition:\n    opacity 0.15s ease-in,\n    transform 0.15s ease-in;\n}\n.header-fade-enter-from[data-v-62e498ec] {\n  opacity: 0;\n  transform: translateY(-8px);\n}\n.header-fade-leave-to[data-v-62e498ec] {\n  opacity: 0;\n  transform: translateY(8px);\n}\n.subtitle[data-v-62e498ec] {\n  margin-bottom: 0px;\n  text-align: center;\n  margin-block-start: 0;\n  margin-block-end: 0;\n  font-weight: 540;\n  font-size: 12px;\n  line-height: 17px;\n  letter-spacing: -0.004em;\n  color: var(--tint-600);\n}\n.subtitle-wrapper[data-v-62e498ec] {\n  display: grid;\n  opacity: 1;\n  grid-template-rows: 1fr;\n  transition:\n    grid-template-rows 0.3s ease-in-out,\n    transform 0.3s ease-in-out,\n    opacity 0.4s ease-in-out 0.1s;\n}\n.subtitle-wrapper.is-hidden[data-v-62e498ec] {\n  --tw-translate-y: -8px;\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  opacity: 0;\n  grid-template-rows: 0fr;\n  transition:\n    grid-template-rows 0.3s ease-in-out,\n    transform 0.3s ease-in-out,\n    opacity 0.15s ease-in-out;\n}\n.subtitle-content[data-v-62e498ec] {\n  min-height: 0;\n}\n.code-input-wrapper[data-v-62e498ec] {\n  display: grid;\n  --tw-translate-y: 12px;\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  opacity: 0;\n  grid-template-rows: 0fr;\n  margin-top: 0;\n  transition:\n    grid-template-rows 0.3s ease-out,\n    transform 0.3s ease-out,\n    opacity 0.15s ease-out;\n}\n.code-input-wrapper.is-visible[data-v-62e498ec] {\n  margin-top: 24px;\n  --tw-translate-y: 0px;\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  opacity: 1;\n  grid-template-rows: 1fr;\n  transition:\n    grid-template-rows 0.3s ease-out,\n    transform 0.3s ease-out,\n    opacity 0.4s ease-out 0.1s;\n}\n.code-input-content[data-v-62e498ec] {\n  min-height: 0;\n}\n.form-group[data-v-62e498ec] {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 12px;\n}\nlabel[data-v-62e498ec] {\n  margin-bottom: 4px;\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 14px;\n  letter-spacing: -0.004em;\n  color: var(--tint-900);\n}\n.validation-message[data-v-62e498ec] {\n  margin-top: 2px;\n  margin-bottom: 0;\n  text-align: left;\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 14px;\n  letter-spacing: -0.004em;\n  color: var(--error-600);\n}\n.code-label-wrapper[data-v-62e498ec] {\n  padding-bottom: 4px;\n  min-height: 0;\n}\n.code-input-wrapper:not(.is-visible) .code-input-content[data-v-62e498ec] {\n  min-height: 0;\n  overflow: hidden;\n}\n.code-input-wrapper:not(.is-visible) .code-digit[data-v-62e498ec] {\n  pointer-events: none;\n  visibility: hidden;\n}\n.info-box-wrapper[data-v-62e498ec]:not(.is-visible) {\n  pointer-events: none;\n}\n.info-box-wrapper[data-v-62e498ec]:not(.is-visible) * {\n  pointer-events: none;\n}\n.code-inputs[data-v-62e498ec] {\n  display: grid;\n  grid-template-columns: repeat(6, 1fr);\n  gap: 12px;\n  position: relative;\n}\n.code-digit[data-v-62e498ec] {\n  padding: 0px;\n  text-align: center;\n  height: 64px;\n  width: 100%;\n  box-sizing: border-box;\n  background: var(--white);\n  border: 1px solid var(--tint-200);\n  border-radius: 0;\n  font-weight: 540;\n  font-size: 16px;\n  line-height: 16px;\n  letter-spacing: -0.004em;\n  color: var(--tint-900);\n}\n.code-digit[data-v-62e498ec]:hover {\n  border-color: var(--tint-300);\n}\n.code-digit.error[data-v-62e498ec] {\n  border-color: var(--error-300);\n}\n.code-digit[data-v-62e498ec]:focus {\n  outline: none;\n  border: 1px solid var(--tint-200);\n  box-shadow:\n    0px 0px 0px 1px var(--white),\n    0px 0px 0px 2px var(--tint-900);\n}\n.code-digit:focus.error[data-v-62e498ec] {\n  border: 1px solid var(--error-300);\n  box-shadow: none;\n}\n.code-digit[data-v-62e498ec]:disabled {\n  background: var(--tint-100);\n  color: var(--tint-600);\n  border-color: var(--tint-200);\n}\n.info-box-wrapper[data-v-62e498ec] {\n  display: grid;\n  --tw-translate-y: 12px;\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  opacity: 0;\n  grid-template-rows: 0fr;\n  margin-top: 0;\n  transition:\n    grid-template-rows 0.3s ease-out,\n    transform 0.3s ease-out,\n    opacity 0.15s ease-out;\n}\n.info-box-wrapper.is-visible[data-v-62e498ec] {\n  --tw-translate-y: 0px;\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  opacity: 1;\n  grid-template-rows: 1fr;\n  margin-top: 24px;\n  transition:\n    grid-template-rows 0.3s ease-out,\n    transform 0.3s ease-out,\n    opacity 0.4s ease-out 0.1s;\n}\n.info-box-content[data-v-62e498ec] {\n  overflow: hidden;\n  min-height: 0;\n}\n.info-box[data-v-62e498ec] {\n  border-width: 1px;\n  border-style: solid;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  padding: 8px 12px;\n  gap: 12px;\n  width: 100%;\n  min-height: 50px;\n  background: var(--tint-50);\n  border-color: var(--tint-300);\n  margin-bottom: 24px;\n}\n.info-icon[data-v-62e498ec] {\n  width: 12px;\n  height: 12px;\n  flex-shrink: 0;\n}\n.info-text-wrapper[data-v-62e498ec] {\n  flex: 1;\n  min-width: 0;\n}\n.info-text[data-v-62e498ec] {\n  margin: 0;\n  font-weight: 540;\n  font-size: 12px;\n  line-height: 145%;\n  letter-spacing: -0.004em;\n  color: var(--tint-600);\n  text-align: left;\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n}\n.info-text a[data-v-62e498ec] {\n  color: var(--tint-600);\n  text-decoration: underline;\n  outline: none;\n}\n.info-text a[data-v-62e498ec]:focus-visible {\n  box-shadow:\n    0px 0px 0px 1px var(--white),\n    0px 0px 0px 2px var(--tint-900);\n  border-radius: 2px;\n}\n.spinner-icon[data-v-62e498ec] {\n  display: block;\n}\n.button-group[data-v-62e498ec] {\n  display: flex;\n  gap: 12px;\n}\n.button-group[data-v-62e498ec] > * {\n  flex: 1 1 0%;\n}\nfooter[data-v-62e498ec] {\n  display: flex;\n  justify-content: center;\n  margin-top: 36px;\n}\n.badge[data-v-62e498ec] {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 4px 8px;\n  gap: 8px;\n  background: #111111;\n  border-radius: 4px;\n  flex: none;\n  color: var(--white);\n  font-size: 12px;\n  line-height: 145%;\n  letter-spacing: -0.004em;\n  font-weight: 540;\n}\n.separator[data-v-62e498ec] {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n  margin: 24px 0;\n}\n.separator[data-v-62e498ec]:before,\n.separator[data-v-62e498ec]:after {\n  display: block;\n  height: 1px;\n  min-width: 20px;\n  flex: 1 1 0%;\n  --tw-bg-opacity: 1;\n  background-color: rgb(217 217 217 / var(--tw-bg-opacity));\n  content: "";\n}\n.separator p[data-v-62e498ec] {\n  margin: 0;\n  font-weight: 540;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--tint-600);\n}\n';
+const LoginCe = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["styles", [_style_0$l, _style_1]], ["__scopeId", "data-v-62e498ec"]]);
 (() => {
   if (typeof window !== "undefined") {
     window._juoBlocks = window._juoBlocks || /* @__PURE__ */ new Map();
@@ -15443,7 +15509,7 @@ function blockLocales(blockType) {
     supported: [...SUPPORTED_LOCALES],
     load: async (locale) => {
       const normalized = normalizeLocale(locale);
-      const loadFile = async (code) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../locales/cs.json": () => import("./cs-BQzvVuHG.js"), "../locales/de.json": () => import("./de-DpEGHUIF.js"), "../locales/en.json": () => Promise.resolve().then(() => en), "../locales/es.json": () => import("./es-CGvnSWq-.js"), "../locales/fr.json": () => import("./fr-T5fNCjqN.js"), "../locales/hu.json": () => import("./hu-D3qByi8e.js"), "../locales/nl.json": () => import("./nl-DJB46C_s.js"), "../locales/pl.json": () => import("./pl-DcpjzZM2.js"), "../locales/pt.json": () => import("./pt-BQsCkuGb.js"), "../locales/sk.json": () => import("./sk-DhCxfdxr.js"), "../locales/sl.json": () => import("./sl-DRmugIbe.js") }), `../locales/${code}.json`).then((module) => module.default ?? module).catch(() => ({}));
+      const loadFile = async (code) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../locales/cs.json": () => import("./cs-B4XEdP2r.js"), "../locales/de.json": () => import("./de-BvQLGVrC.js"), "../locales/en.json": () => Promise.resolve().then(() => en), "../locales/es.json": () => import("./es-BI6pMyNt.js"), "../locales/fr.json": () => import("./fr-_c81ccj4.js"), "../locales/hu.json": () => import("./hu-LKGNmgA0.js"), "../locales/nl.json": () => import("./nl-BeEJ3XX2.js"), "../locales/pl.json": () => import("./pl-DRWjup1-.js"), "../locales/pt.json": () => import("./pt-DiEk63-9.js"), "../locales/sk.json": () => import("./sk-DJI8z4d9.js"), "../locales/sl.json": () => import("./sl-VX_JWmOL.js") }), `../locales/${code}.json`).then((module) => module.default ?? module).catch(() => ({}));
       const selected = await loadFile(normalized);
       if (selected[blockType] != null) {
         return selected[blockType];
@@ -15453,6 +15519,111 @@ function blockLocales(blockType) {
     }
   };
 }
+const Login = {
+  loginViewTitle: "Log in",
+  checkEmailTitle: "Check your email",
+  subtitle: "Change your products, delivery and payment options or update the status of your subscription",
+  separatorText: "or log in with",
+  emailLabel: "Your email",
+  codeLabel: "Code",
+  checkInboxText: "Check your inbox for a login code. Enter it below to log in. If it doesn't arrive in 2 minutes, please ",
+  tryAgainText: "try again",
+  checkInboxSuffixText: ".",
+  continueButtonText: "Continue",
+  genericErrorMessage: "Something went wrong. Please try again.",
+  invalidCodeMessage: "The code is invalid or has expired.",
+  socialLoginErrorMessage: "Please try another login option."
+};
+const locales = {
+  "action:show_content": {
+    headerText: "This message is for you",
+    subheaderText: "We have something important to tell you - thank you for being our subscriber.",
+    calloutLabel: "Benefits worth saving",
+    buttonLabel: "Continue"
+  },
+  "action:choice": {
+    headline: "What would you like to do?",
+    description: ""
+  },
+  "action:show_confirmation": {
+    headerText: "Thank you",
+    subheaderText: "Thank you for being our customer.",
+    externalLinkLabel: "Share your review on Google",
+    closeButtonText: "Close"
+  },
+  "action:collect_feedback": {
+    headerText: "Before you go",
+    subheaderText: "Your voice is important! Help us improve by telling us your main reason for canceling your subscription",
+    placeholder: "Tell us more...",
+    submitButtonText: "Submit",
+    skipButtonText: "Skip"
+  },
+  "action:poll": {
+    headerText: "Why do you want to cancel your subscription?",
+    subheaderText: "Your voice is important! Help us improve by telling us your main reason for canceling your subscription",
+    submitButtonText: "Submit"
+  },
+  "action:offer_discount": {
+    headerText: "An offer for you",
+    subheaderText: "We have an additional discount for you.",
+    discountTitle: "Get your discount",
+    discountSuffix: "off",
+    discountLabel: "Discount",
+    acceptButtonText: "Accept",
+    declineButtonText: "Decline",
+    durationSingular: "for the next renewal",
+    durationPlural: "for the next renewals"
+  },
+  "action:offer_free_product": {
+    headerText: "An offer for you",
+    subheaderText: "We have a free gift for you.",
+    acceptButtonText: "Accept",
+    declineButtonText: "Decline",
+    freeGiftBadgeText: "Free gift",
+    regularPriceLabel: "Regular price",
+    fallbackProductName: "Free gift product"
+  },
+  "action:offer_swap_product": {
+    headerText: "Try a different product",
+    subheaderText: "You don't have to stay with the same product forever. Swap it for something else and keep your discount.",
+    searchPlaceholder: "Search product",
+    acceptButtonText: "Confirm",
+    declineButtonText: "Decline"
+  },
+  "action:offer_skip": {
+    headerText: "Skip your next order",
+    subheaderText: "Skip your next order and don't lose the momentum.",
+    acceptButtonText: "Continue",
+    declineButtonText: "Decline"
+  },
+  "action:offer_renew": {
+    headerText: "Get your order soon",
+    subheaderText: "Renew your subscription and get your favorite products.",
+    calloutLabel: "You did great",
+    acceptButtonText: "Accept",
+    declineButtonText: "Decline"
+  },
+  "action:offer_selection": {
+    headerText: "Choose your gift",
+    subheaderText: "",
+    acceptButtonText: "Accept",
+    declineButtonText: "Decline"
+  },
+  "action:offer_change_frequency": {
+    headline: "Adjust your subscription",
+    description: "Choose the delivery frequency that works for you",
+    dropdownLabel: "Delivery every",
+    deliveryEveryPrefix: "Delivery every",
+    acceptLabel: "Confirm",
+    declineLabel: "Decline"
+  },
+  Login
+};
+const en = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Login,
+  default: locales
+}, Symbol.toStringTag, { value: "Module" }));
 const presets$3 = {
   "step-1": {
     label: "Step 1 (Default)",
@@ -15462,7 +15633,7 @@ const presets$3 = {
     context: {
       email: "",
       codeDigits: "",
-      validationMessage: null,
+      validationMessageKey: null,
       validationField: null,
       socialProvider: null
     }
@@ -15475,7 +15646,7 @@ const presets$3 = {
     context: {
       email: "",
       codeDigits: "",
-      validationMessage: "Please enter a valid email address",
+      validationMessageKey: "genericErrorMessage",
       validationField: "email",
       socialProvider: null
     }
@@ -15488,7 +15659,7 @@ const presets$3 = {
     context: {
       email: "alina@juo.io",
       codeDigits: "",
-      validationMessage: null,
+      validationMessageKey: null,
       validationField: null,
       socialProvider: null
     }
@@ -15501,12 +15672,13 @@ const presets$3 = {
     context: {
       email: "alina@juo.io",
       codeDigits: "",
-      validationMessage: "The code is invalid or has expired",
+      validationMessageKey: "invalidCodeMessage",
       validationField: "code",
       socialProvider: null
     }
   }
 };
+const defaults$a = locales.Login;
 const schema$p = {
   type: "object",
   properties: {
@@ -15535,6 +15707,51 @@ const schema$p = {
           "x-juo-control-type": "inline-text",
           description: "Text between login options"
         },
+        emailLabel: {
+          type: "string",
+          "x-juo-control-type": "inline-text",
+          description: "Email input label"
+        },
+        codeLabel: {
+          type: "string",
+          "x-juo-control-type": "inline-text",
+          description: "Code input label"
+        },
+        checkInboxText: {
+          type: "string",
+          "x-juo-control-type": "inline-text",
+          description: "Helper text shown before the try again link"
+        },
+        tryAgainText: {
+          type: "string",
+          "x-juo-control-type": "inline-text",
+          description: "Try again link label"
+        },
+        checkInboxSuffixText: {
+          type: "string",
+          "x-juo-control-type": "inline-text",
+          description: "Suffix shown after the try again link"
+        },
+        continueButtonText: {
+          type: "string",
+          "x-juo-control-type": "inline-text",
+          description: "Continue button label"
+        },
+        genericErrorMessage: {
+          type: "string",
+          "x-juo-control-type": "inline-text",
+          description: "Fallback error message"
+        },
+        invalidCodeMessage: {
+          type: "string",
+          "x-juo-control-type": "inline-text",
+          description: "Validation message for an invalid verification code"
+        },
+        socialLoginErrorMessage: {
+          type: "string",
+          "x-juo-control-type": "inline-text",
+          description: "Validation message for social login failures"
+        },
         elements: {
           type: "array",
           title: "Login options",
@@ -15572,6 +15789,15 @@ const schema$p = {
         "checkEmailTitle",
         "subtitle",
         "separatorText",
+        "emailLabel",
+        "codeLabel",
+        "checkInboxText",
+        "tryAgainText",
+        "checkInboxSuffixText",
+        "continueButtonText",
+        "genericErrorMessage",
+        "invalidCodeMessage",
+        "socialLoginErrorMessage",
         "elements",
         "socials",
         "juoBranding"
@@ -15590,10 +15816,19 @@ const LoginBlock = defineBlock("Login", {
     props: {
       header: true,
       subheader: true,
-      loginViewTitle: "Log in",
-      checkEmailTitle: "Check your email",
-      subtitle: "Manage your subscriptions",
-      separatorText: "or",
+      loginViewTitle: defaults$a.loginViewTitle,
+      checkEmailTitle: defaults$a.checkEmailTitle,
+      subtitle: defaults$a.subtitle,
+      separatorText: defaults$a.separatorText,
+      emailLabel: defaults$a.emailLabel,
+      codeLabel: defaults$a.codeLabel,
+      checkInboxText: defaults$a.checkInboxText,
+      tryAgainText: defaults$a.tryAgainText,
+      checkInboxSuffixText: defaults$a.checkInboxSuffixText,
+      continueButtonText: defaults$a.continueButtonText,
+      genericErrorMessage: defaults$a.genericErrorMessage,
+      invalidCodeMessage: defaults$a.invalidCodeMessage,
+      socialLoginErrorMessage: defaults$a.socialLoginErrorMessage,
       elements: ["Email", "Social media login"],
       socials: ["Google Login", "Facebook Login"],
       juoBranding: true,
@@ -31198,102 +31433,6 @@ const TestSortedSetBlock = defineBlock("TestSortedSet", {
   }),
   renderer: createVueCeRenderer("juo-test-sorted-set", TestSortedSetCe)
 });
-const Login = {
-  loginViewTitle: "Log in",
-  checkEmailTitle: "Check your email",
-  subtitle: "Change your products, delivery and payment options or update the status of your subscription",
-  separatorText: "or log in with"
-};
-const locales = {
-  "action:show_content": {
-    headerText: "This message is for you",
-    subheaderText: "We have something important to tell you - thank you for being our subscriber.",
-    calloutLabel: "Benefits worth saving",
-    buttonLabel: "Continue"
-  },
-  "action:choice": {
-    headline: "What would you like to do?",
-    description: ""
-  },
-  "action:show_confirmation": {
-    headerText: "Thank you",
-    subheaderText: "Thank you for being our customer.",
-    externalLinkLabel: "Share your review on Google",
-    closeButtonText: "Close"
-  },
-  "action:collect_feedback": {
-    headerText: "Before you go",
-    subheaderText: "Your voice is important! Help us improve by telling us your main reason for canceling your subscription",
-    placeholder: "Tell us more...",
-    submitButtonText: "Submit",
-    skipButtonText: "Skip"
-  },
-  "action:poll": {
-    headerText: "Why do you want to cancel your subscription?",
-    subheaderText: "Your voice is important! Help us improve by telling us your main reason for canceling your subscription",
-    submitButtonText: "Submit"
-  },
-  "action:offer_discount": {
-    headerText: "An offer for you",
-    subheaderText: "We have an additional discount for you.",
-    discountTitle: "Get your discount",
-    discountSuffix: "off",
-    discountLabel: "Discount",
-    acceptButtonText: "Accept",
-    declineButtonText: "Decline",
-    durationSingular: "for the next renewal",
-    durationPlural: "for the next renewals"
-  },
-  "action:offer_free_product": {
-    headerText: "An offer for you",
-    subheaderText: "We have a free gift for you.",
-    acceptButtonText: "Accept",
-    declineButtonText: "Decline",
-    freeGiftBadgeText: "Free gift",
-    regularPriceLabel: "Regular price",
-    fallbackProductName: "Free gift product"
-  },
-  "action:offer_swap_product": {
-    headerText: "Try a different product",
-    subheaderText: "You don't have to stay with the same product forever. Swap it for something else and keep your discount.",
-    searchPlaceholder: "Search product",
-    acceptButtonText: "Confirm",
-    declineButtonText: "Decline"
-  },
-  "action:offer_skip": {
-    headerText: "Skip your next order",
-    subheaderText: "Skip your next order and don't lose the momentum.",
-    acceptButtonText: "Continue",
-    declineButtonText: "Decline"
-  },
-  "action:offer_renew": {
-    headerText: "Get your order soon",
-    subheaderText: "Renew your subscription and get your favorite products.",
-    calloutLabel: "You did great",
-    acceptButtonText: "Accept",
-    declineButtonText: "Decline"
-  },
-  "action:offer_selection": {
-    headerText: "Choose your gift",
-    subheaderText: "",
-    acceptButtonText: "Accept",
-    declineButtonText: "Decline"
-  },
-  "action:offer_change_frequency": {
-    headline: "Adjust your subscription",
-    description: "Choose the delivery frequency that works for you",
-    dropdownLabel: "Delivery every",
-    deliveryEveryPrefix: "Delivery every",
-    acceptLabel: "Confirm",
-    declineLabel: "Decline"
-  },
-  Login
-};
-const en = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Login,
-  default: locales
-}, Symbol.toStringTag, { value: "Module" }));
 const _hoisted_1$c = { class: "flex flex-col items-center gap-xl sm:gap-3xl box-border" };
 const _hoisted_2$c = {
   key: 0,

package/dist/{fr-T5fNCjqN.js → fr-_c81ccj4.js}

@@ -2,7 +2,16 @@ const Login = {
   loginViewTitle: "Se connecter",
   checkEmailTitle: "Vérifiez votre e-mail",
   subtitle: "Modifiez vos produits, options de livraison et de paiement ou mettez à jour le statut de votre abonnement",
-  separatorText: "ou se connecter avec"
+  separatorText: "ou se connecter avec",
+  emailLabel: "Votre e-mail",
+  codeLabel: "Code",
+  checkInboxText: "Vérifiez votre boîte de réception pour trouver le code de connexion. Saisissez-le ci-dessous pour vous connecter. S'il n'arrive pas dans les 2 minutes, ",
+  tryAgainText: "réessayez",
+  checkInboxSuffixText: ".",
+  continueButtonText: "Continuer",
+  genericErrorMessage: "Une erreur s'est produite. Veuillez réessayer.",
+  invalidCodeMessage: "Le code est invalide ou a expiré.",
+  socialLoginErrorMessage: "Veuillez essayer une autre option de connexion."
 };
 const fr = {
   "action:show_content": {

package/dist/{hu-D3qByi8e.js → hu-LKGNmgA0.js}

@@ -2,7 +2,16 @@ const Login = {
   loginViewTitle: "Bejelentkezés",
   checkEmailTitle: "Ellenőrizd az e-mailed",
   subtitle: "Módosítsd a termékeidet, szállítási és fizetési lehetőségeidet, vagy frissítsd az előfizetésed állapotát",
-  separatorText: "vagy jelentkezz be ezzel"
+  separatorText: "vagy jelentkezz be ezzel",
+  emailLabel: "E-mail-címed",
+  codeLabel: "Kód",
+  checkInboxText: "Ellenőrizd a bejövő üzeneteidet a bejelentkezési kódért. Add meg lent a bejelentkezéshez. Ha 2 percen belül nem érkezik meg, ",
+  tryAgainText: "próbáld újra",
+  checkInboxSuffixText: ".",
+  continueButtonText: "Tovább",
+  genericErrorMessage: "Hiba történt. Kérjük, próbáld újra.",
+  invalidCodeMessage: "A kód érvénytelen vagy lejárt.",
+  socialLoginErrorMessage: "Kérjük, próbálj meg egy másik bejelentkezési lehetőséget."
 };
 const hu = {
   "action:show_content": {

package/dist/{nl-DJB46C_s.js → nl-BeEJ3XX2.js}

@@ -2,7 +2,16 @@ const Login = {
   loginViewTitle: "Inloggen",
   checkEmailTitle: "Controleer je e-mail",
   subtitle: "Wijzig je producten, bezorg- en betaalopties of werk de status van je abonnement bij",
-  separatorText: "of inloggen met"
+  separatorText: "of inloggen met",
+  emailLabel: "Je e-mailadres",
+  codeLabel: "Code",
+  checkInboxText: "Controleer je inbox op een inlogcode. Vul die hieronder in om in te loggen. Als die niet binnen 2 minuten aankomt, ",
+  tryAgainText: "probeer het opnieuw",
+  checkInboxSuffixText: ".",
+  continueButtonText: "Doorgaan",
+  genericErrorMessage: "Er is iets misgegaan. Probeer het opnieuw.",
+  invalidCodeMessage: "De code is ongeldig of verlopen.",
+  socialLoginErrorMessage: "Probeer een andere inlogoptie."
 };
 const nl = {
   "action:show_content": {

package/dist/{pl-DcpjzZM2.js → pl-DRWjup1-.js}

@@ -2,7 +2,16 @@ const Login = {
   loginViewTitle: "Zaloguj się",
   checkEmailTitle: "Sprawdź swój e-mail",
   subtitle: "Zmień swoje produkty, opcje dostawy i płatności lub zaktualizuj status swojej subskrypcji",
-  separatorText: "lub zaloguj się przez"
+  separatorText: "lub zaloguj się przez",
+  emailLabel: "Twój e-mail",
+  codeLabel: "Kod",
+  checkInboxText: "Sprawdź skrzynkę odbiorczą, aby znaleźć kod logowania. Wpisz go poniżej, aby się zalogować. Jeśli nie dotrze w ciągu 2 minut, ",
+  tryAgainText: "spróbuj ponownie",
+  checkInboxSuffixText: ".",
+  continueButtonText: "Kontynuuj",
+  genericErrorMessage: "Coś poszło nie tak. Spróbuj ponownie.",
+  invalidCodeMessage: "Kod jest nieprawidłowy lub wygasł.",
+  socialLoginErrorMessage: "Spróbuj innej metody logowania."
 };
 const pl = {
   "action:show_content": {

package/dist/{pt-BQsCkuGb.js → pt-DiEk63-9.js}

@@ -2,7 +2,16 @@ const Login = {
   loginViewTitle: "Iniciar sessão",
   checkEmailTitle: "Verifique o seu e-mail",
   subtitle: "Altere os seus produtos, opções de entrega e pagamento ou atualize o estado da sua subscrição",
-  separatorText: "ou iniciar sessão com"
+  separatorText: "ou iniciar sessão com",
+  emailLabel: "O seu e-mail",
+  codeLabel: "Código",
+  checkInboxText: "Verifique a sua caixa de entrada para encontrar o código de login. Introduza-o abaixo para iniciar sessão. Se não chegar em 2 minutos, ",
+  tryAgainText: "tente novamente",
+  checkInboxSuffixText: ".",
+  continueButtonText: "Continuar",
+  genericErrorMessage: "Ocorreu um erro. Tente novamente.",
+  invalidCodeMessage: "O código é inválido ou expirou.",
+  socialLoginErrorMessage: "Tente outra opção de início de sessão."
 };
 const pt = {
   "action:show_content": {

package/dist/{sk-DhCxfdxr.js → sk-DJI8z4d9.js}

@@ -2,7 +2,16 @@ const Login = {
   loginViewTitle: "Prihlásiť sa",
   checkEmailTitle: "Skontrolujte svoj e-mail",
   subtitle: "Zmeňte svoje produkty, možnosti doručenia a platby alebo aktualizujte stav svojho predplatného",
-  separatorText: "alebo sa prihláste cez"
+  separatorText: "alebo sa prihláste cez",
+  emailLabel: "Váš e-mail",
+  codeLabel: "Kód",
+  checkInboxText: "Skontrolujte svoju e-mailovú schránku, kde nájdete prihlasovací kód. Zadajte ho nižšie na prihlásenie. Ak nepríde do 2 minút, ",
+  tryAgainText: "skúste to znova",
+  checkInboxSuffixText: ".",
+  continueButtonText: "Pokračovať",
+  genericErrorMessage: "Niečo sa pokazilo. Skúste to znova.",
+  invalidCodeMessage: "Kód je neplatný alebo vypršal.",
+  socialLoginErrorMessage: "Skúste inú možnosť prihlásenia."
 };
 const sk = {
   "action:show_content": {

package/dist/{sl-DRmugIbe.js → sl-VX_JWmOL.js}

@@ -2,7 +2,16 @@ const Login = {
   loginViewTitle: "Prijava",
   checkEmailTitle: "Preverite svoj e-poštni naslov",
   subtitle: "Spremenite svoje izdelke, možnosti dostave in plačila ali posodobite stanje svoje naročnine",
-  separatorText: "ali se prijavite z"
+  separatorText: "ali se prijavite z",
+  emailLabel: "Vaš e-poštni naslov",
+  codeLabel: "Koda",
+  checkInboxText: "Preverite svoj nabiralnik za kodo za prijavo. Vnesite jo spodaj za prijavo. Če ne prispe v 2 minutah, ",
+  tryAgainText: "poskusite znova",
+  checkInboxSuffixText: ".",
+  continueButtonText: "Nadaljuj",
+  genericErrorMessage: "Prišlo je do napake. Poskusite znova.",
+  invalidCodeMessage: "Koda je neveljavna ali je potekla.",
+  socialLoginErrorMessage: "Poskusite drugo možnost prijave."
 };
 const sl = {
   "action:show_content": {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@juo/orion-extensions",
   "private": false,
-  "version": "0.13.1",
+  "version": "0.13.2",
   "type": "module",
   "files": [
     "dist"