@betterstore/react 0.3.16 → 0.3.18

package/dist/index.mjs

@@ -3383,7 +3383,7 @@ const createI18nInstance = (locale) => __awaiter(void 0, void 0, void 0, functio
     return instance;
 });
 
-var M$1=(e,i,s,u,m,a,l,h)=>{let d=document.documentElement,w=["light","dark"];function p(n){(Array.isArray(e)?e:[e]).forEach(y=>{let k=y==="class",S=k&&a?m.map(f=>a[f]||f):m;k?(d.classList.remove(...S),d.classList.add(a&&a[n]?a[n]:n)):d.setAttribute(y,n);}),R(n);}function R(n){h&&w.includes(n)&&(d.style.colorScheme=n);}function c(){return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}if(u)p(u);else try{let n=localStorage.getItem(i)||s,y=l&&n==="system"?c():n;p(y);}catch(n){}};var x=React.createContext(void 0),U$1={setTheme:e=>{},themes:[]},z$1=()=>{var e;return (e=React.useContext(x))!=null?e:U$1};React.memo(({forcedTheme:e,storageKey:i,attribute:s,enableSystem:u,enableColorScheme:m,defaultTheme:a,value:l,themes:h,nonce:d,scriptProps:w})=>{let p=JSON.stringify([s,i,a,e,h,l,u,m]).slice(1,-1);return React.createElement("script",{...w,suppressHydrationWarning:true,nonce:typeof window=="undefined"?d:"",dangerouslySetInnerHTML:{__html:`(${M$1.toString()})(${p})`}})});
+var M$1=(e,i,s,u,m,a,l,h)=>{let d=document.documentElement,w=["light","dark"];function p(n){(Array.isArray(e)?e:[e]).forEach(y=>{let k=y==="class",S=k&&a?m.map(f=>a[f]||f):m;k?(d.classList.remove(...S),d.classList.add(a&&a[n]?a[n]:n)):d.setAttribute(y,n);}),R(n);}function R(n){h&&w.includes(n)&&(d.style.colorScheme=n);}function c(){return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}if(u)p(u);else try{let n=localStorage.getItem(i)||s,y=l&&n==="system"?c():n;p(y);}catch(n){}};var x=React.createContext(void 0),U$1={setTheme:e=>{},themes:[]},z=()=>{var e;return (e=React.useContext(x))!=null?e:U$1};React.memo(({forcedTheme:e,storageKey:i,attribute:s,enableSystem:u,enableColorScheme:m,defaultTheme:a,value:l,themes:h,nonce:d,scriptProps:w})=>{let p=JSON.stringify([s,i,a,e,h,l,u,m]).slice(1,-1);return React.createElement("script",{...w,suppressHydrationWarning:true,nonce:typeof window=="undefined"?d:"",dangerouslySetInnerHTML:{__html:`(${M$1.toString()})(${p})`}})});
 
 function __insertCSS(code) {
   if (typeof document == 'undefined') return
@@ -4504,7 +4504,7 @@ const Toaster$1 = /*#__PURE__*/ React__default.forwardRef(function Toaster(props
 
 const Toaster = (_a) => {
     var props = __rest(_a, []);
-    const { theme = "system" } = z$1();
+    const { theme = "system" } = z();
     return (React__default.createElement(Toaster$1, Object.assign({ theme: theme, className: "toaster group", style: {
             "--normal-bg": "var(--popover)",
             "--normal-text": "var(--popover-foreground)",
@@ -14821,7 +14821,7 @@ const motion = /*@__PURE__*/ createDOMMotionComponentProxy(createMotionComponent
 
 var util;
 (function (util) {
-    util.assertEqual = (val) => val;
+    util.assertEqual = (_) => { };
     function assertIs(_arg) { }
     util.assertIs = assertIs;
     function assertNever(_x) {
@@ -14868,11 +14868,9 @@ var util;
     };
     util.isInteger = typeof Number.isInteger === "function"
         ? (val) => Number.isInteger(val) // eslint-disable-line ban/ban
-        : (val) => typeof val === "number" && isFinite(val) && Math.floor(val) === val;
+        : (val) => typeof val === "number" && Number.isFinite(val) && Math.floor(val) === val;
     function joinValues(array, separator = " | ") {
-        return array
-            .map((val) => (typeof val === "string" ? `'${val}'` : val))
-            .join(separator);
+        return array.map((val) => (typeof val === "string" ? `'${val}'` : val)).join(separator);
     }
     util.joinValues = joinValues;
     util.jsonStringifyReplacer = (_, value) => {
@@ -14921,7 +14919,7 @@ const getParsedType = (data) => {
         case "string":
             return ZodParsedType.string;
         case "number":
-            return isNaN(data) ? ZodParsedType.nan : ZodParsedType.number;
+            return Number.isNaN(data) ? ZodParsedType.nan : ZodParsedType.number;
         case "boolean":
             return ZodParsedType.boolean;
         case "function":
@@ -14937,10 +14935,7 @@ const getParsedType = (data) => {
             if (data === null) {
                 return ZodParsedType.null;
             }
-            if (data.then &&
-                typeof data.then === "function" &&
-                data.catch &&
-                typeof data.catch === "function") {
+            if (data.then && typeof data.then === "function" && data.catch && typeof data.catch === "function") {
                 return ZodParsedType.promise;
             }
             if (typeof Map !== "undefined" && data instanceof Map) {
@@ -14976,10 +14971,6 @@ const ZodIssueCode = util.arrayToEnum([
     "not_multiple_of",
     "not_finite",
 ]);
-const quotelessJson = (obj) => {
-    const json = JSON.stringify(obj, null, 2);
-    return json.replace(/"([^"]+)":/g, "$1:");
-};
 class ZodError extends Error {
     get errors() {
         return this.issues;
@@ -15156,17 +15147,9 @@ const errorMap = (issue, _ctx) => {
             else if (issue.type === "string")
                 message = `String must contain ${issue.exact ? "exactly" : issue.inclusive ? `at least` : `over`} ${issue.minimum} character(s)`;
             else if (issue.type === "number")
-                message = `Number must be ${issue.exact
-                    ? `exactly equal to `
-                    : issue.inclusive
-                        ? `greater than or equal to `
-                        : `greater than `}${issue.minimum}`;
+                message = `Number must be ${issue.exact ? `exactly equal to ` : issue.inclusive ? `greater than or equal to ` : `greater than `}${issue.minimum}`;
             else if (issue.type === "date")
-                message = `Date must be ${issue.exact
-                    ? `exactly equal to `
-                    : issue.inclusive
-                        ? `greater than or equal to `
-                        : `greater than `}${new Date(Number(issue.minimum))}`;
+                message = `Date must be ${issue.exact ? `exactly equal to ` : issue.inclusive ? `greater than or equal to ` : `greater than `}${new Date(Number(issue.minimum))}`;
             else
                 message = "Invalid input";
             break;
@@ -15176,23 +15159,11 @@ const errorMap = (issue, _ctx) => {
             else if (issue.type === "string")
                 message = `String must contain ${issue.exact ? `exactly` : issue.inclusive ? `at most` : `under`} ${issue.maximum} character(s)`;
             else if (issue.type === "number")
-                message = `Number must be ${issue.exact
-                    ? `exactly`
-                    : issue.inclusive
-                        ? `less than or equal to`
-                        : `less than`} ${issue.maximum}`;
+                message = `Number must be ${issue.exact ? `exactly` : issue.inclusive ? `less than or equal to` : `less than`} ${issue.maximum}`;
             else if (issue.type === "bigint")
-                message = `BigInt must be ${issue.exact
-                    ? `exactly`
-                    : issue.inclusive
-                        ? `less than or equal to`
-                        : `less than`} ${issue.maximum}`;
+                message = `BigInt must be ${issue.exact ? `exactly` : issue.inclusive ? `less than or equal to` : `less than`} ${issue.maximum}`;
             else if (issue.type === "date")
-                message = `Date must be ${issue.exact
-                    ? `exactly`
-                    : issue.inclusive
-                        ? `smaller than or equal to`
-                        : `smaller than`} ${new Date(Number(issue.maximum))}`;
+                message = `Date must be ${issue.exact ? `exactly` : issue.inclusive ? `smaller than or equal to` : `smaller than`} ${new Date(Number(issue.maximum))}`;
             else
                 message = "Invalid input";
             break;
@@ -15216,9 +15187,6 @@ const errorMap = (issue, _ctx) => {
 };
 
 let overrideErrorMap = errorMap;
-function setErrorMap(map) {
-    overrideErrorMap = map;
-}
 function getErrorMap() {
     return overrideErrorMap;
 }
@@ -15251,7 +15219,6 @@ const makeIssue = (params) => {
         message: errorMessage,
     };
 };
-const EMPTY_PATH = [];
 function addIssueToContext(ctx, issueData) {
     const overrideMap = getErrorMap();
     const issue = makeIssue({
@@ -15314,8 +15281,7 @@ class ParseStatus {
                 status.dirty();
             if (value.status === "dirty")
                 status.dirty();
-            if (key.value !== "__proto__" &&
-                (typeof value.value !== "undefined" || pair.alwaysSet)) {
+            if (key.value !== "__proto__" && (typeof value.value !== "undefined" || pair.alwaysSet)) {
                 finalObject[key.value] = value.value;
             }
         }
@@ -15332,42 +15298,24 @@ const isDirty = (x) => x.status === "dirty";
 const isValid = (x) => x.status === "valid";
 const isAsync = (x) => typeof Promise !== "undefined" && x instanceof Promise;
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __classPrivateFieldGet(receiver, state, kind, f) {
-    if (typeof state === "function" ? receiver !== state || true : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return state.get(receiver);
-}
-
-function __classPrivateFieldSet(receiver, state, value, kind, f) {
-    if (typeof state === "function" ? receiver !== state || true : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (state.set(receiver, value)), value;
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
 var errorUtil;
 (function (errorUtil) {
     errorUtil.errToObj = (message) => typeof message === "string" ? { message } : message || {};
-    errorUtil.toString = (message) => typeof message === "string" ? message : message === null || message === void 0 ? void 0 : message.message;
+    // biome-ignore lint:
+    errorUtil.toString = (message) => typeof message === "string" ? message : message?.message;
 })(errorUtil || (errorUtil = {}));
 
+var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
 var _ZodEnum_cache, _ZodNativeEnum_cache;
 class ParseInputLazyPath {
     constructor(parent, value, path, key) {
@@ -15379,7 +15327,7 @@ class ParseInputLazyPath {
     }
     get path() {
         if (!this._cachedPath.length) {
-            if (this._key instanceof Array) {
+            if (Array.isArray(this._key)) {
                 this._cachedPath.push(...this._path, ...this._key);
             }
             else {
@@ -15419,17 +15367,16 @@ function processCreateParams(params) {
     if (errorMap)
         return { errorMap: errorMap, description };
     const customMap = (iss, ctx) => {
-        var _a, _b;
         const { message } = params;
         if (iss.code === "invalid_enum_value") {
-            return { message: message !== null && message !== void 0 ? message : ctx.defaultError };
+            return { message: message ?? ctx.defaultError };
         }
         if (typeof ctx.data === "undefined") {
-            return { message: (_a = message !== null && message !== void 0 ? message : required_error) !== null && _a !== void 0 ? _a : ctx.defaultError };
+            return { message: message ?? required_error ?? ctx.defaultError };
         }
         if (iss.code !== "invalid_type")
             return { message: ctx.defaultError };
-        return { message: (_b = message !== null && message !== void 0 ? message : invalid_type_error) !== null && _b !== void 0 ? _b : ctx.defaultError };
+        return { message: message ?? invalid_type_error ?? ctx.defaultError };
     };
     return { errorMap: customMap, description };
 }
@@ -15481,14 +15428,13 @@ class ZodType {
         throw result.error;
     }
     safeParse(data, params) {
-        var _a;
         const ctx = {
             common: {
                 issues: [],
-                async: (_a = params === null || params === void 0 ? void 0 : params.async) !== null && _a !== void 0 ? _a : false,
-                contextualErrorMap: params === null || params === void 0 ? void 0 : params.errorMap,
+                async: params?.async ?? false,
+                contextualErrorMap: params?.errorMap,
             },
-            path: (params === null || params === void 0 ? void 0 : params.path) || [],
+            path: params?.path || [],
             schemaErrorMap: this._def.errorMap,
             parent: null,
             data,
@@ -15498,7 +15444,6 @@ class ZodType {
         return handleResult(ctx, result);
     }
     "~validate"(data) {
-        var _a, _b;
         const ctx = {
             common: {
                 issues: [],
@@ -15522,7 +15467,7 @@ class ZodType {
                     };
             }
             catch (err) {
-                if ((_b = (_a = err === null || err === void 0 ? void 0 : err.message) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.includes("encountered")) {
+                if (err?.message?.toLowerCase()?.includes("encountered")) {
                     this["~standard"].async = true;
                 }
                 ctx.common = {
@@ -15549,19 +15494,17 @@ class ZodType {
         const ctx = {
             common: {
                 issues: [],
-                contextualErrorMap: params === null || params === void 0 ? void 0 : params.errorMap,
+                contextualErrorMap: params?.errorMap,
                 async: true,
             },
-            path: (params === null || params === void 0 ? void 0 : params.path) || [],
+            path: params?.path || [],
             schemaErrorMap: this._def.errorMap,
             parent: null,
             data,
             parsedType: getParsedType(data),
         };
         const maybeAsyncResult = this._parse({ data, path: ctx.path, parent: ctx });
-        const result = await (isAsync(maybeAsyncResult)
-            ? maybeAsyncResult
-            : Promise.resolve(maybeAsyncResult));
+        const result = await (isAsync(maybeAsyncResult) ? maybeAsyncResult : Promise.resolve(maybeAsyncResult));
         return handleResult(ctx, result);
     }
     refine(check, message) {
@@ -15605,9 +15548,7 @@ class ZodType {
     refinement(check, refinementData) {
         return this._refinement((val, ctx) => {
             if (!check(val)) {
-                ctx.addIssue(typeof refinementData === "function"
-                    ? refinementData(val, ctx)
-                    : refinementData);
+                ctx.addIssue(typeof refinementData === "function" ? refinementData(val, ctx) : refinementData);
                 return false;
             }
             else {
@@ -15824,13 +15765,15 @@ function isValidJWT(jwt, alg) {
         const decoded = JSON.parse(atob(base64));
         if (typeof decoded !== "object" || decoded === null)
             return false;
-        if (!decoded.typ || !decoded.alg)
+        if ("typ" in decoded && decoded?.typ !== "JWT")
+            return false;
+        if (!decoded.alg)
             return false;
         if (alg && decoded.alg !== alg)
             return false;
         return true;
     }
-    catch (_a) {
+    catch {
         return false;
     }
 }
@@ -16001,7 +15944,7 @@ class ZodString extends ZodType {
                 try {
                     new URL(input.data);
                 }
-                catch (_a) {
+                catch {
                     ctx = this._getOrReturnCtx(input, ctx);
                     addIssueToContext(ctx, {
                         validation: "url",
@@ -16231,7 +16174,6 @@ class ZodString extends ZodType {
         return this._addCheck({ kind: "cidr", ...errorUtil.errToObj(options) });
     }
     datetime(options) {
-        var _a, _b;
         if (typeof options === "string") {
             return this._addCheck({
                 kind: "datetime",
@@ -16243,10 +16185,10 @@ class ZodString extends ZodType {
         }
         return this._addCheck({
             kind: "datetime",
-            precision: typeof (options === null || options === void 0 ? void 0 : options.precision) === "undefined" ? null : options === null || options === void 0 ? void 0 : options.precision,
-            offset: (_a = options === null || options === void 0 ? void 0 : options.offset) !== null && _a !== void 0 ? _a : false,
-            local: (_b = options === null || options === void 0 ? void 0 : options.local) !== null && _b !== void 0 ? _b : false,
-            ...errorUtil.errToObj(options === null || options === void 0 ? void 0 : options.message),
+            precision: typeof options?.precision === "undefined" ? null : options?.precision,
+            offset: options?.offset ?? false,
+            local: options?.local ?? false,
+            ...errorUtil.errToObj(options?.message),
         });
     }
     date(message) {
@@ -16262,8 +16204,8 @@ class ZodString extends ZodType {
         }
         return this._addCheck({
             kind: "time",
-            precision: typeof (options === null || options === void 0 ? void 0 : options.precision) === "undefined" ? null : options === null || options === void 0 ? void 0 : options.precision,
-            ...errorUtil.errToObj(options === null || options === void 0 ? void 0 : options.message),
+            precision: typeof options?.precision === "undefined" ? null : options?.precision,
+            ...errorUtil.errToObj(options?.message),
         });
     }
     duration(message) {
@@ -16280,8 +16222,8 @@ class ZodString extends ZodType {
         return this._addCheck({
             kind: "includes",
             value: value,
-            position: options === null || options === void 0 ? void 0 : options.position,
-            ...errorUtil.errToObj(options === null || options === void 0 ? void 0 : options.message),
+            position: options?.position,
+            ...errorUtil.errToObj(options?.message),
         });
     }
     startsWith(value, message) {
@@ -16414,11 +16356,10 @@ class ZodString extends ZodType {
     }
 }
 ZodString.create = (params) => {
-    var _a;
     return new ZodString({
         checks: [],
         typeName: ZodFirstPartyTypeKind.ZodString,
-        coerce: (_a = params === null || params === void 0 ? void 0 : params.coerce) !== null && _a !== void 0 ? _a : false,
+        coerce: params?.coerce ?? false,
         ...processCreateParams(params),
     });
 };
@@ -16427,9 +16368,9 @@ function floatSafeRemainder(val, step) {
     const valDecCount = (val.toString().split(".")[1] || "").length;
     const stepDecCount = (step.toString().split(".")[1] || "").length;
     const decCount = valDecCount > stepDecCount ? valDecCount : stepDecCount;
-    const valInt = parseInt(val.toFixed(decCount).replace(".", ""));
-    const stepInt = parseInt(step.toFixed(decCount).replace(".", ""));
-    return (valInt % stepInt) / Math.pow(10, decCount);
+    const valInt = Number.parseInt(val.toFixed(decCount).replace(".", ""));
+    const stepInt = Number.parseInt(step.toFixed(decCount).replace(".", ""));
+    return (valInt % stepInt) / 10 ** decCount;
 }
 class ZodNumber extends ZodType {
     constructor() {
@@ -16468,9 +16409,7 @@ class ZodNumber extends ZodType {
                 }
             }
             else if (check.kind === "min") {
-                const tooSmall = check.inclusive
-                    ? input.data < check.value
-                    : input.data <= check.value;
+                const tooSmall = check.inclusive ? input.data < check.value : input.data <= check.value;
                 if (tooSmall) {
                     ctx = this._getOrReturnCtx(input, ctx);
                     addIssueToContext(ctx, {
@@ -16485,9 +16424,7 @@ class ZodNumber extends ZodType {
                 }
             }
             else if (check.kind === "max") {
-                const tooBig = check.inclusive
-                    ? input.data > check.value
-                    : input.data >= check.value;
+                const tooBig = check.inclusive ? input.data > check.value : input.data >= check.value;
                 if (tooBig) {
                     ctx = this._getOrReturnCtx(input, ctx);
                     addIssueToContext(ctx, {
@@ -16645,15 +16582,13 @@ class ZodNumber extends ZodType {
         return max;
     }
     get isInt() {
-        return !!this._def.checks.find((ch) => ch.kind === "int" ||
-            (ch.kind === "multipleOf" && util.isInteger(ch.value)));
+        return !!this._def.checks.find((ch) => ch.kind === "int" || (ch.kind === "multipleOf" && util.isInteger(ch.value)));
     }
     get isFinite() {
-        let max = null, min = null;
+        let max = null;
+        let min = null;
         for (const ch of this._def.checks) {
-            if (ch.kind === "finite" ||
-                ch.kind === "int" ||
-                ch.kind === "multipleOf") {
+            if (ch.kind === "finite" || ch.kind === "int" || ch.kind === "multipleOf") {
                 return true;
             }
             else if (ch.kind === "min") {
@@ -16672,7 +16607,7 @@ ZodNumber.create = (params) => {
     return new ZodNumber({
         checks: [],
         typeName: ZodFirstPartyTypeKind.ZodNumber,
-        coerce: (params === null || params === void 0 ? void 0 : params.coerce) || false,
+        coerce: params?.coerce || false,
         ...processCreateParams(params),
     });
 };
@@ -16687,7 +16622,7 @@ class ZodBigInt extends ZodType {
             try {
                 input.data = BigInt(input.data);
             }
-            catch (_a) {
+            catch {
                 return this._getInvalidInput(input);
             }
         }
@@ -16699,9 +16634,7 @@ class ZodBigInt extends ZodType {
         const status = new ParseStatus();
         for (const check of this._def.checks) {
             if (check.kind === "min") {
-                const tooSmall = check.inclusive
-                    ? input.data < check.value
-                    : input.data <= check.value;
+                const tooSmall = check.inclusive ? input.data < check.value : input.data <= check.value;
                 if (tooSmall) {
                     ctx = this._getOrReturnCtx(input, ctx);
                     addIssueToContext(ctx, {
@@ -16715,9 +16648,7 @@ class ZodBigInt extends ZodType {
                 }
             }
             else if (check.kind === "max") {
-                const tooBig = check.inclusive
-                    ? input.data > check.value
-                    : input.data >= check.value;
+                const tooBig = check.inclusive ? input.data > check.value : input.data >= check.value;
                 if (tooBig) {
                     ctx = this._getOrReturnCtx(input, ctx);
                     addIssueToContext(ctx, {
@@ -16849,11 +16780,10 @@ class ZodBigInt extends ZodType {
     }
 }
 ZodBigInt.create = (params) => {
-    var _a;
     return new ZodBigInt({
         checks: [],
         typeName: ZodFirstPartyTypeKind.ZodBigInt,
-        coerce: (_a = params === null || params === void 0 ? void 0 : params.coerce) !== null && _a !== void 0 ? _a : false,
+        coerce: params?.coerce ?? false,
         ...processCreateParams(params),
     });
 };
@@ -16878,7 +16808,7 @@ class ZodBoolean extends ZodType {
 ZodBoolean.create = (params) => {
     return new ZodBoolean({
         typeName: ZodFirstPartyTypeKind.ZodBoolean,
-        coerce: (params === null || params === void 0 ? void 0 : params.coerce) || false,
+        coerce: params?.coerce || false,
         ...processCreateParams(params),
     });
 };
@@ -16897,7 +16827,7 @@ class ZodDate extends ZodType {
             });
             return INVALID;
         }
-        if (isNaN(input.data.getTime())) {
+        if (Number.isNaN(input.data.getTime())) {
             const ctx = this._getOrReturnCtx(input);
             addIssueToContext(ctx, {
                 code: ZodIssueCode.invalid_date,
@@ -16988,7 +16918,7 @@ class ZodDate extends ZodType {
 ZodDate.create = (params) => {
     return new ZodDate({
         checks: [],
-        coerce: (params === null || params === void 0 ? void 0 : params.coerce) || false,
+        coerce: params?.coerce || false,
         typeName: ZodFirstPartyTypeKind.ZodDate,
         ...processCreateParams(params),
     });
@@ -17310,7 +17240,8 @@ class ZodObject extends ZodType {
             return this._cached;
         const shape = this._def.shape();
         const keys = util.objectKeys(shape);
-        return (this._cached = { shape, keys });
+        this._cached = { shape, keys };
+        return this._cached;
     }
     _parse(input) {
         const parsedType = this._getType(input);
@@ -17326,8 +17257,7 @@ class ZodObject extends ZodType {
         const { status, ctx } = this._processInputParams(input);
         const { shape, keys: shapeKeys } = this._getCached();
         const extraKeys = [];
-        if (!(this._def.catchall instanceof ZodNever &&
-            this._def.unknownKeys === "strip")) {
+        if (!(this._def.catchall instanceof ZodNever && this._def.unknownKeys === "strip")) {
             for (const key in ctx.data) {
                 if (!shapeKeys.includes(key)) {
                     extraKeys.push(key);
@@ -17415,11 +17345,10 @@ class ZodObject extends ZodType {
             ...(message !== undefined
                 ? {
                     errorMap: (issue, ctx) => {
-                        var _a, _b, _c, _d;
-                        const defaultError = (_c = (_b = (_a = this._def).errorMap) === null || _b === void 0 ? void 0 : _b.call(_a, issue, ctx).message) !== null && _c !== void 0 ? _c : ctx.defaultError;
+                        const defaultError = this._def.errorMap?.(issue, ctx).message ?? ctx.defaultError;
                         if (issue.code === "unrecognized_keys")
                             return {
-                                message: (_d = errorUtil.errToObj(message).message) !== null && _d !== void 0 ? _d : defaultError,
+                                message: errorUtil.errToObj(message).message ?? defaultError,
                             };
                         return {
                             message: defaultError,
@@ -17551,11 +17480,11 @@ class ZodObject extends ZodType {
     }
     pick(mask) {
         const shape = {};
-        util.objectKeys(mask).forEach((key) => {
+        for (const key of util.objectKeys(mask)) {
             if (mask[key] && this.shape[key]) {
                 shape[key] = this.shape[key];
             }
-        });
+        }
         return new ZodObject({
             ...this._def,
             shape: () => shape,
@@ -17563,11 +17492,11 @@ class ZodObject extends ZodType {
     }
     omit(mask) {
         const shape = {};
-        util.objectKeys(this.shape).forEach((key) => {
+        for (const key of util.objectKeys(this.shape)) {
             if (!mask[key]) {
                 shape[key] = this.shape[key];
             }
-        });
+        }
         return new ZodObject({
             ...this._def,
             shape: () => shape,
@@ -17581,7 +17510,7 @@ class ZodObject extends ZodType {
     }
     partial(mask) {
         const newShape = {};
-        util.objectKeys(this.shape).forEach((key) => {
+        for (const key of util.objectKeys(this.shape)) {
             const fieldSchema = this.shape[key];
             if (mask && !mask[key]) {
                 newShape[key] = fieldSchema;
@@ -17589,7 +17518,7 @@ class ZodObject extends ZodType {
             else {
                 newShape[key] = fieldSchema.optional();
             }
-        });
+        }
         return new ZodObject({
             ...this._def,
             shape: () => newShape,
@@ -17597,7 +17526,7 @@ class ZodObject extends ZodType {
     }
     required(mask) {
         const newShape = {};
-        util.objectKeys(this.shape).forEach((key) => {
+        for (const key of util.objectKeys(this.shape)) {
             if (mask && !mask[key]) {
                 newShape[key] = this.shape[key];
             }
@@ -17609,7 +17538,7 @@ class ZodObject extends ZodType {
                 }
                 newShape[key] = newField;
             }
-        });
+        }
         return new ZodObject({
             ...this._def,
             shape: () => newShape,
@@ -17742,137 +17671,6 @@ ZodUnion.create = (types, params) => {
         ...processCreateParams(params),
     });
 };
-/////////////////////////////////////////////////////
-/////////////////////////////////////////////////////
-//////////                                 //////////
-//////////      ZodDiscriminatedUnion      //////////
-//////////                                 //////////
-/////////////////////////////////////////////////////
-/////////////////////////////////////////////////////
-const getDiscriminator = (type) => {
-    if (type instanceof ZodLazy) {
-        return getDiscriminator(type.schema);
-    }
-    else if (type instanceof ZodEffects) {
-        return getDiscriminator(type.innerType());
-    }
-    else if (type instanceof ZodLiteral) {
-        return [type.value];
-    }
-    else if (type instanceof ZodEnum) {
-        return type.options;
-    }
-    else if (type instanceof ZodNativeEnum) {
-        // eslint-disable-next-line ban/ban
-        return util.objectValues(type.enum);
-    }
-    else if (type instanceof ZodDefault) {
-        return getDiscriminator(type._def.innerType);
-    }
-    else if (type instanceof ZodUndefined) {
-        return [undefined];
-    }
-    else if (type instanceof ZodNull) {
-        return [null];
-    }
-    else if (type instanceof ZodOptional) {
-        return [undefined, ...getDiscriminator(type.unwrap())];
-    }
-    else if (type instanceof ZodNullable) {
-        return [null, ...getDiscriminator(type.unwrap())];
-    }
-    else if (type instanceof ZodBranded) {
-        return getDiscriminator(type.unwrap());
-    }
-    else if (type instanceof ZodReadonly) {
-        return getDiscriminator(type.unwrap());
-    }
-    else if (type instanceof ZodCatch) {
-        return getDiscriminator(type._def.innerType);
-    }
-    else {
-        return [];
-    }
-};
-class ZodDiscriminatedUnion extends ZodType {
-    _parse(input) {
-        const { ctx } = this._processInputParams(input);
-        if (ctx.parsedType !== ZodParsedType.object) {
-            addIssueToContext(ctx, {
-                code: ZodIssueCode.invalid_type,
-                expected: ZodParsedType.object,
-                received: ctx.parsedType,
-            });
-            return INVALID;
-        }
-        const discriminator = this.discriminator;
-        const discriminatorValue = ctx.data[discriminator];
-        const option = this.optionsMap.get(discriminatorValue);
-        if (!option) {
-            addIssueToContext(ctx, {
-                code: ZodIssueCode.invalid_union_discriminator,
-                options: Array.from(this.optionsMap.keys()),
-                path: [discriminator],
-            });
-            return INVALID;
-        }
-        if (ctx.common.async) {
-            return option._parseAsync({
-                data: ctx.data,
-                path: ctx.path,
-                parent: ctx,
-            });
-        }
-        else {
-            return option._parseSync({
-                data: ctx.data,
-                path: ctx.path,
-                parent: ctx,
-            });
-        }
-    }
-    get discriminator() {
-        return this._def.discriminator;
-    }
-    get options() {
-        return this._def.options;
-    }
-    get optionsMap() {
-        return this._def.optionsMap;
-    }
-    /**
-     * The constructor of the discriminated union schema. Its behaviour is very similar to that of the normal z.union() constructor.
-     * However, it only allows a union of objects, all of which need to share a discriminator property. This property must
-     * have a different value for each object in the union.
-     * @param discriminator the name of the discriminator property
-     * @param types an array of object schemas
-     * @param params
-     */
-    static create(discriminator, options, params) {
-        // Get all the valid discriminator values
-        const optionsMap = new Map();
-        // try {
-        for (const type of options) {
-            const discriminatorValues = getDiscriminator(type.shape[discriminator]);
-            if (!discriminatorValues.length) {
-                throw new Error(`A discriminator value for key \`${discriminator}\` could not be extracted from all schema options`);
-            }
-            for (const value of discriminatorValues) {
-                if (optionsMap.has(value)) {
-                    throw new Error(`Discriminator property ${String(discriminator)} has duplicate value ${String(value)}`);
-                }
-                optionsMap.set(value, type);
-            }
-        }
-        return new ZodDiscriminatedUnion({
-            typeName: ZodFirstPartyTypeKind.ZodDiscriminatedUnion,
-            discriminator,
-            options,
-            optionsMap,
-            ...processCreateParams(params),
-        });
-    }
-}
 function mergeValues(a, b) {
     const aType = getParsedType(a);
     const bType = getParsedType(b);
@@ -17881,9 +17679,7 @@ function mergeValues(a, b) {
     }
     else if (aType === ZodParsedType.object && bType === ZodParsedType.object) {
         const bKeys = util.objectKeys(b);
-        const sharedKeys = util
-            .objectKeys(a)
-            .filter((key) => bKeys.indexOf(key) !== -1);
+        const sharedKeys = util.objectKeys(a).filter((key) => bKeys.indexOf(key) !== -1);
         const newObj = { ...a, ...b };
         for (const key of sharedKeys) {
             const sharedValue = mergeValues(a[key], b[key]);
@@ -17910,9 +17706,7 @@ function mergeValues(a, b) {
         }
         return { valid: true, data: newArray };
     }
-    else if (aType === ZodParsedType.date &&
-        bType === ZodParsedType.date &&
-        +a === +b) {
+    else if (aType === ZodParsedType.date && bType === ZodParsedType.date && +a === +b) {
         return { valid: true, data: a };
     }
     else {
@@ -17973,6 +17767,7 @@ ZodIntersection.create = (left, right, params) => {
         ...processCreateParams(params),
     });
 };
+// type ZodTupleItems = [ZodTypeAny, ...ZodTypeAny[]];
 class ZodTuple extends ZodType {
     _parse(input) {
         const { status, ctx } = this._processInputParams(input);
@@ -18043,60 +17838,6 @@ ZodTuple.create = (schemas, params) => {
         ...processCreateParams(params),
     });
 };
-class ZodRecord extends ZodType {
-    get keySchema() {
-        return this._def.keyType;
-    }
-    get valueSchema() {
-        return this._def.valueType;
-    }
-    _parse(input) {
-        const { status, ctx } = this._processInputParams(input);
-        if (ctx.parsedType !== ZodParsedType.object) {
-            addIssueToContext(ctx, {
-                code: ZodIssueCode.invalid_type,
-                expected: ZodParsedType.object,
-                received: ctx.parsedType,
-            });
-            return INVALID;
-        }
-        const pairs = [];
-        const keyType = this._def.keyType;
-        const valueType = this._def.valueType;
-        for (const key in ctx.data) {
-            pairs.push({
-                key: keyType._parse(new ParseInputLazyPath(ctx, key, ctx.path, key)),
-                value: valueType._parse(new ParseInputLazyPath(ctx, ctx.data[key], ctx.path, key)),
-                alwaysSet: key in ctx.data,
-            });
-        }
-        if (ctx.common.async) {
-            return ParseStatus.mergeObjectAsync(status, pairs);
-        }
-        else {
-            return ParseStatus.mergeObjectSync(status, pairs);
-        }
-    }
-    get element() {
-        return this._def.valueType;
-    }
-    static create(first, second, third) {
-        if (second instanceof ZodType) {
-            return new ZodRecord({
-                keyType: first,
-                valueType: second,
-                typeName: ZodFirstPartyTypeKind.ZodRecord,
-                ...processCreateParams(third),
-            });
-        }
-        return new ZodRecord({
-            keyType: ZodString.create(),
-            valueType: first,
-            typeName: ZodFirstPartyTypeKind.ZodRecord,
-            ...processCreateParams(second),
-        });
-    }
-}
 class ZodMap extends ZodType {
     get keySchema() {
         return this._def.keyType;
@@ -18250,134 +17991,6 @@ ZodSet.create = (valueType, params) => {
         ...processCreateParams(params),
     });
 };
-class ZodFunction extends ZodType {
-    constructor() {
-        super(...arguments);
-        this.validate = this.implement;
-    }
-    _parse(input) {
-        const { ctx } = this._processInputParams(input);
-        if (ctx.parsedType !== ZodParsedType.function) {
-            addIssueToContext(ctx, {
-                code: ZodIssueCode.invalid_type,
-                expected: ZodParsedType.function,
-                received: ctx.parsedType,
-            });
-            return INVALID;
-        }
-        function makeArgsIssue(args, error) {
-            return makeIssue({
-                data: args,
-                path: ctx.path,
-                errorMaps: [
-                    ctx.common.contextualErrorMap,
-                    ctx.schemaErrorMap,
-                    getErrorMap(),
-                    errorMap,
-                ].filter((x) => !!x),
-                issueData: {
-                    code: ZodIssueCode.invalid_arguments,
-                    argumentsError: error,
-                },
-            });
-        }
-        function makeReturnsIssue(returns, error) {
-            return makeIssue({
-                data: returns,
-                path: ctx.path,
-                errorMaps: [
-                    ctx.common.contextualErrorMap,
-                    ctx.schemaErrorMap,
-                    getErrorMap(),
-                    errorMap,
-                ].filter((x) => !!x),
-                issueData: {
-                    code: ZodIssueCode.invalid_return_type,
-                    returnTypeError: error,
-                },
-            });
-        }
-        const params = { errorMap: ctx.common.contextualErrorMap };
-        const fn = ctx.data;
-        if (this._def.returns instanceof ZodPromise) {
-            // Would love a way to avoid disabling this rule, but we need
-            // an alias (using an arrow function was what caused 2651).
-            // eslint-disable-next-line @typescript-eslint/no-this-alias
-            const me = this;
-            return OK(async function (...args) {
-                const error = new ZodError([]);
-                const parsedArgs = await me._def.args
-                    .parseAsync(args, params)
-                    .catch((e) => {
-                    error.addIssue(makeArgsIssue(args, e));
-                    throw error;
-                });
-                const result = await Reflect.apply(fn, this, parsedArgs);
-                const parsedReturns = await me._def.returns._def.type
-                    .parseAsync(result, params)
-                    .catch((e) => {
-                    error.addIssue(makeReturnsIssue(result, e));
-                    throw error;
-                });
-                return parsedReturns;
-            });
-        }
-        else {
-            // Would love a way to avoid disabling this rule, but we need
-            // an alias (using an arrow function was what caused 2651).
-            // eslint-disable-next-line @typescript-eslint/no-this-alias
-            const me = this;
-            return OK(function (...args) {
-                const parsedArgs = me._def.args.safeParse(args, params);
-                if (!parsedArgs.success) {
-                    throw new ZodError([makeArgsIssue(args, parsedArgs.error)]);
-                }
-                const result = Reflect.apply(fn, this, parsedArgs.data);
-                const parsedReturns = me._def.returns.safeParse(result, params);
-                if (!parsedReturns.success) {
-                    throw new ZodError([makeReturnsIssue(result, parsedReturns.error)]);
-                }
-                return parsedReturns.data;
-            });
-        }
-    }
-    parameters() {
-        return this._def.args;
-    }
-    returnType() {
-        return this._def.returns;
-    }
-    args(...items) {
-        return new ZodFunction({
-            ...this._def,
-            args: ZodTuple.create(items).rest(ZodUnknown.create()),
-        });
-    }
-    returns(returnType) {
-        return new ZodFunction({
-            ...this._def,
-            returns: returnType,
-        });
-    }
-    implement(func) {
-        const validatedFunc = this.parse(func);
-        return validatedFunc;
-    }
-    strictImplement(func) {
-        const validatedFunc = this.parse(func);
-        return validatedFunc;
-    }
-    static create(args, returns, params) {
-        return new ZodFunction({
-            args: (args
-                ? args
-                : ZodTuple.create([]).rest(ZodUnknown.create())),
-            returns: returns || ZodUnknown.create(),
-            typeName: ZodFirstPartyTypeKind.ZodFunction,
-            ...processCreateParams(params),
-        });
-    }
-}
 class ZodLazy extends ZodType {
     get schema() {
         return this._def.getter();
@@ -18442,10 +18055,10 @@ class ZodEnum extends ZodType {
             });
             return INVALID;
         }
-        if (!__classPrivateFieldGet(this, _ZodEnum_cache)) {
-            __classPrivateFieldSet(this, _ZodEnum_cache, new Set(this._def.values));
+        if (!__classPrivateFieldGet(this, _ZodEnum_cache, "f")) {
+            __classPrivateFieldSet(this, _ZodEnum_cache, new Set(this._def.values), "f");
         }
-        if (!__classPrivateFieldGet(this, _ZodEnum_cache).has(input.data)) {
+        if (!__classPrivateFieldGet(this, _ZodEnum_cache, "f").has(input.data)) {
             const ctx = this._getOrReturnCtx(input);
             const expectedValues = this._def.values;
             addIssueToContext(ctx, {
@@ -18504,8 +18117,7 @@ class ZodNativeEnum extends ZodType {
     _parse(input) {
         const nativeEnumValues = util.getValidEnumValues(this._def.values);
         const ctx = this._getOrReturnCtx(input);
-        if (ctx.parsedType !== ZodParsedType.string &&
-            ctx.parsedType !== ZodParsedType.number) {
+        if (ctx.parsedType !== ZodParsedType.string && ctx.parsedType !== ZodParsedType.number) {
             const expectedValues = util.objectValues(nativeEnumValues);
             addIssueToContext(ctx, {
                 expected: util.joinValues(expectedValues),
@@ -18514,10 +18126,10 @@ class ZodNativeEnum extends ZodType {
             });
             return INVALID;
         }
-        if (!__classPrivateFieldGet(this, _ZodNativeEnum_cache)) {
-            __classPrivateFieldSet(this, _ZodNativeEnum_cache, new Set(util.getValidEnumValues(this._def.values)));
+        if (!__classPrivateFieldGet(this, _ZodNativeEnum_cache, "f")) {
+            __classPrivateFieldSet(this, _ZodNativeEnum_cache, new Set(util.getValidEnumValues(this._def.values)), "f");
         }
-        if (!__classPrivateFieldGet(this, _ZodNativeEnum_cache).has(input.data)) {
+        if (!__classPrivateFieldGet(this, _ZodNativeEnum_cache, "f").has(input.data)) {
             const expectedValues = util.objectValues(nativeEnumValues);
             addIssueToContext(ctx, {
                 received: ctx.data,
@@ -18546,8 +18158,7 @@ class ZodPromise extends ZodType {
     }
     _parse(input) {
         const { ctx } = this._processInputParams(input);
-        if (ctx.parsedType !== ZodParsedType.promise &&
-            ctx.common.async === false) {
+        if (ctx.parsedType !== ZodParsedType.promise && ctx.common.async === false) {
             addIssueToContext(ctx, {
                 code: ZodIssueCode.invalid_type,
                 expected: ZodParsedType.promise,
@@ -18555,9 +18166,7 @@ class ZodPromise extends ZodType {
             });
             return INVALID;
         }
-        const promisified = ctx.parsedType === ZodParsedType.promise
-            ? ctx.data
-            : Promise.resolve(ctx.data);
+        const promisified = ctx.parsedType === ZodParsedType.promise ? ctx.data : Promise.resolve(ctx.data);
         return OK(promisified.then((data) => {
             return this._def.type.parseAsync(data, {
                 path: ctx.path,
@@ -18663,9 +18272,7 @@ class ZodEffects extends ZodType {
                 return { status: status.value, value: inner.value };
             }
             else {
-                return this._def.schema
-                    ._parseAsync({ data: ctx.data, path: ctx.path, parent: ctx })
-                    .then((inner) => {
+                return this._def.schema._parseAsync({ data: ctx.data, path: ctx.path, parent: ctx }).then((inner) => {
                     if (inner.status === "aborted")
                         return INVALID;
                     if (inner.status === "dirty")
@@ -18692,12 +18299,13 @@ class ZodEffects extends ZodType {
                 return { status: status.value, value: result };
             }
             else {
-                return this._def.schema
-                    ._parseAsync({ data: ctx.data, path: ctx.path, parent: ctx })
-                    .then((base) => {
+                return this._def.schema._parseAsync({ data: ctx.data, path: ctx.path, parent: ctx }).then((base) => {
                     if (!isValid(base))
                         return base;
-                    return Promise.resolve(effect.transform(base.value, checkCtx)).then((result) => ({ status: status.value, value: result }));
+                    return Promise.resolve(effect.transform(base.value, checkCtx)).then((result) => ({
+                        status: status.value,
+                        value: result,
+                    }));
                 });
             }
         }
@@ -18779,9 +18387,7 @@ ZodDefault.create = (type, params) => {
     return new ZodDefault({
         innerType: type,
         typeName: ZodFirstPartyTypeKind.ZodDefault,
-        defaultValue: typeof params.default === "function"
-            ? params.default
-            : () => params.default,
+        defaultValue: typeof params.default === "function" ? params.default : () => params.default,
         ...processCreateParams(params),
     });
 };
@@ -18865,7 +18471,6 @@ ZodNaN.create = (params) => {
         ...processCreateParams(params),
     });
 };
-const BRAND = Symbol("zod_brand");
 class ZodBranded extends ZodType {
     _parse(input) {
         const { ctx } = this._processInputParams(input);
@@ -18947,9 +18552,7 @@ class ZodReadonly extends ZodType {
             }
             return data;
         };
-        return isAsync(result)
-            ? result.then((data) => freeze(data))
-            : freeze(result);
+        return isAsync(result) ? result.then((data) => freeze(data)) : freeze(result);
     }
     unwrap() {
         return this._def.innerType;
@@ -18962,60 +18565,6 @@ ZodReadonly.create = (type, params) => {
         ...processCreateParams(params),
     });
 };
-////////////////////////////////////////
-////////////////////////////////////////
-//////////                    //////////
-//////////      z.custom      //////////
-//////////                    //////////
-////////////////////////////////////////
-////////////////////////////////////////
-function cleanParams(params, data) {
-    const p = typeof params === "function"
-        ? params(data)
-        : typeof params === "string"
-            ? { message: params }
-            : params;
-    const p2 = typeof p === "string" ? { message: p } : p;
-    return p2;
-}
-function custom(check, _params = {}, 
-/**
- * @deprecated
- *
- * Pass `fatal` into the params object instead:
- *
- * ```ts
- * z.string().custom((val) => val.length > 5, { fatal: false })
- * ```
- *
- */
-fatal) {
-    if (check)
-        return ZodAny.create().superRefine((data, ctx) => {
-            var _a, _b;
-            const r = check(data);
-            if (r instanceof Promise) {
-                return r.then((r) => {
-                    var _a, _b;
-                    if (!r) {
-                        const params = cleanParams(_params, data);
-                        const _fatal = (_b = (_a = params.fatal) !== null && _a !== void 0 ? _a : fatal) !== null && _b !== void 0 ? _b : true;
-                        ctx.addIssue({ code: "custom", ...params, fatal: _fatal });
-                    }
-                });
-            }
-            if (!r) {
-                const params = cleanParams(_params, data);
-                const _fatal = (_b = (_a = params.fatal) !== null && _a !== void 0 ? _a : fatal) !== null && _b !== void 0 ? _b : true;
-                ctx.addIssue({ code: "custom", ...params, fatal: _fatal });
-            }
-            return;
-        });
-    return ZodAny.create();
-}
-const late = {
-    object: ZodObject.lazycreate,
-};
 var ZodFirstPartyTypeKind;
 (function (ZodFirstPartyTypeKind) {
     ZodFirstPartyTypeKind["ZodString"] = "ZodString";
@@ -19055,203 +18604,52 @@ var ZodFirstPartyTypeKind;
     ZodFirstPartyTypeKind["ZodPipeline"] = "ZodPipeline";
     ZodFirstPartyTypeKind["ZodReadonly"] = "ZodReadonly";
 })(ZodFirstPartyTypeKind || (ZodFirstPartyTypeKind = {}));
-const instanceOfType = (
-// const instanceOfType = <T extends new (...args: any[]) => any>(
-cls, params = {
-    message: `Input not instance of ${cls.name}`,
-}) => custom((data) => data instanceof cls, params);
 const stringType = ZodString.create;
 const numberType = ZodNumber.create;
-const nanType = ZodNaN.create;
-const bigIntType = ZodBigInt.create;
 const booleanType = ZodBoolean.create;
-const dateType = ZodDate.create;
-const symbolType = ZodSymbol.create;
-const undefinedType = ZodUndefined.create;
-const nullType = ZodNull.create;
-const anyType = ZodAny.create;
-const unknownType = ZodUnknown.create;
-const neverType = ZodNever.create;
-const voidType = ZodVoid.create;
-const arrayType = ZodArray.create;
+ZodNever.create;
+ZodArray.create;
 const objectType = ZodObject.create;
-const strictObjectType = ZodObject.strictCreate;
-const unionType = ZodUnion.create;
-const discriminatedUnionType = ZodDiscriminatedUnion.create;
-const intersectionType = ZodIntersection.create;
-const tupleType = ZodTuple.create;
-const recordType = ZodRecord.create;
-const mapType = ZodMap.create;
-const setType = ZodSet.create;
-const functionType = ZodFunction.create;
-const lazyType = ZodLazy.create;
-const literalType = ZodLiteral.create;
-const enumType = ZodEnum.create;
-const nativeEnumType = ZodNativeEnum.create;
-const promiseType = ZodPromise.create;
-const effectsType = ZodEffects.create;
-const optionalType = ZodOptional.create;
-const nullableType = ZodNullable.create;
-const preprocessType = ZodEffects.createWithPreprocess;
-const pipelineType = ZodPipeline.create;
-const ostring = () => stringType().optional();
-const onumber = () => numberType().optional();
-const oboolean = () => booleanType().optional();
-const coerce = {
-    string: ((arg) => ZodString.create({ ...arg, coerce: true })),
-    number: ((arg) => ZodNumber.create({ ...arg, coerce: true })),
-    boolean: ((arg) => ZodBoolean.create({
-        ...arg,
-        coerce: true,
-    })),
-    bigint: ((arg) => ZodBigInt.create({ ...arg, coerce: true })),
-    date: ((arg) => ZodDate.create({ ...arg, coerce: true })),
-};
-const NEVER = INVALID;
-
-var z = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    defaultErrorMap: errorMap,
-    setErrorMap: setErrorMap,
-    getErrorMap: getErrorMap,
-    makeIssue: makeIssue,
-    EMPTY_PATH: EMPTY_PATH,
-    addIssueToContext: addIssueToContext,
-    ParseStatus: ParseStatus,
-    INVALID: INVALID,
-    DIRTY: DIRTY,
-    OK: OK,
-    isAborted: isAborted,
-    isDirty: isDirty,
-    isValid: isValid,
-    isAsync: isAsync,
-    get util () { return util; },
-    get objectUtil () { return objectUtil; },
-    ZodParsedType: ZodParsedType,
-    getParsedType: getParsedType,
-    ZodType: ZodType,
-    datetimeRegex: datetimeRegex,
-    ZodString: ZodString,
-    ZodNumber: ZodNumber,
-    ZodBigInt: ZodBigInt,
-    ZodBoolean: ZodBoolean,
-    ZodDate: ZodDate,
-    ZodSymbol: ZodSymbol,
-    ZodUndefined: ZodUndefined,
-    ZodNull: ZodNull,
-    ZodAny: ZodAny,
-    ZodUnknown: ZodUnknown,
-    ZodNever: ZodNever,
-    ZodVoid: ZodVoid,
-    ZodArray: ZodArray,
-    ZodObject: ZodObject,
-    ZodUnion: ZodUnion,
-    ZodDiscriminatedUnion: ZodDiscriminatedUnion,
-    ZodIntersection: ZodIntersection,
-    ZodTuple: ZodTuple,
-    ZodRecord: ZodRecord,
-    ZodMap: ZodMap,
-    ZodSet: ZodSet,
-    ZodFunction: ZodFunction,
-    ZodLazy: ZodLazy,
-    ZodLiteral: ZodLiteral,
-    ZodEnum: ZodEnum,
-    ZodNativeEnum: ZodNativeEnum,
-    ZodPromise: ZodPromise,
-    ZodEffects: ZodEffects,
-    ZodTransformer: ZodEffects,
-    ZodOptional: ZodOptional,
-    ZodNullable: ZodNullable,
-    ZodDefault: ZodDefault,
-    ZodCatch: ZodCatch,
-    ZodNaN: ZodNaN,
-    BRAND: BRAND,
-    ZodBranded: ZodBranded,
-    ZodPipeline: ZodPipeline,
-    ZodReadonly: ZodReadonly,
-    custom: custom,
-    Schema: ZodType,
-    ZodSchema: ZodType,
-    late: late,
-    get ZodFirstPartyTypeKind () { return ZodFirstPartyTypeKind; },
-    coerce: coerce,
-    any: anyType,
-    array: arrayType,
-    bigint: bigIntType,
-    boolean: booleanType,
-    date: dateType,
-    discriminatedUnion: discriminatedUnionType,
-    effect: effectsType,
-    'enum': enumType,
-    'function': functionType,
-    'instanceof': instanceOfType,
-    intersection: intersectionType,
-    lazy: lazyType,
-    literal: literalType,
-    map: mapType,
-    nan: nanType,
-    nativeEnum: nativeEnumType,
-    never: neverType,
-    'null': nullType,
-    nullable: nullableType,
-    number: numberType,
-    object: objectType,
-    oboolean: oboolean,
-    onumber: onumber,
-    optional: optionalType,
-    ostring: ostring,
-    pipeline: pipelineType,
-    preprocess: preprocessType,
-    promise: promiseType,
-    record: recordType,
-    set: setType,
-    strictObject: strictObjectType,
-    string: stringType,
-    symbol: symbolType,
-    transformer: effectsType,
-    tuple: tupleType,
-    'undefined': undefinedType,
-    union: unionType,
-    unknown: unknownType,
-    'void': voidType,
-    NEVER: NEVER,
-    ZodIssueCode: ZodIssueCode,
-    quotelessJson: quotelessJson,
-    ZodError: ZodError
-});
+ZodUnion.create;
+ZodIntersection.create;
+ZodTuple.create;
+ZodEnum.create;
+ZodPromise.create;
+ZodOptional.create;
+ZodNullable.create;
 
 const phoneRegex = new RegExp(/^([+]?[\s0-9]+)?(\d{3}|[(]?[0-9]+[)])?([-]?[\s]?[0-9])+$/);
 // Shipping address schema
-const customerSchema = z.object({
-    email: z.string().email("invalid_email"),
-    firstName: z.string().min(1, "required_error"),
-    lastName: z.string().min(1, "required_error"),
-    address: z.object({
-        line1: z.string().min(1, "required_error"),
-        line2: z.string().optional(),
-        city: z.string().min(1, "required_error"),
-        state: z.string().optional(),
-        zipCode: z.string().min(5, "invalid_zipCode"),
-        country: z.string().min(1, "required_error"),
-        countryCode: z.string().min(1, "required_error"),
+const customerSchema = objectType({
+    email: stringType().email("invalid_email"),
+    firstName: stringType().min(1, "required_error"),
+    lastName: stringType().min(1, "required_error"),
+    address: objectType({
+        line1: stringType().min(1, "required_error"),
+        line2: stringType().optional(),
+        city: stringType().min(1, "required_error"),
+        state: stringType().optional(),
+        zipCode: stringType().min(5, "invalid_zipCode"),
+        country: stringType().min(1, "required_error"),
+        countryCode: stringType().min(1, "required_error"),
     }),
-    saveInfo: z.boolean().optional(),
-    phone: z.string().regex(phoneRegex, "invalid_phone"),
+    saveInfo: booleanType().optional(),
+    phone: stringType().regex(phoneRegex, "invalid_phone"),
 });
 // Shipping method schema
-const shippingMethodSchema = z.object({
-    rateId: z.string().min(1, "required_error"),
-    provider: z.string().min(1, "required_error"),
-    price: z.number().min(1, "required_error"),
-    name: z.string().min(1, "required_error"),
-    pickupPointId: z.string().optional(),
-    pickupPointDisplayName: z.string().optional(),
+const shippingMethodSchema = objectType({
+    rateId: stringType().min(1, "required_error"),
+    provider: stringType().min(1, "required_error"),
+    price: numberType().min(1, "required_error"),
+    name: stringType().min(1, "required_error"),
+    pickupPointId: stringType().optional(),
+    pickupPointDisplayName: stringType().optional(),
 });
 // Combined checkout schema
-z.object({
+objectType({
     customer: customerSchema,
     shipping: shippingMethodSchema,
-    customerId: z.string().optional(),
+    customerId: stringType().optional(),
 });
 
 const formatAddress = (address) => {
@@ -35191,9 +34589,6 @@ const CheckoutForm$1 = ({ onSuccess, onError, children, setSubmitting, }) => {
             setSubmitting === null || setSubmitting === void 0 ? void 0 : setSubmitting(false);
             onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
         }
-        setErrorMessage(undefined);
-        setIsSubmitting(false);
-        setSubmitting === null || setSubmitting === void 0 ? void 0 : setSubmitting(false);
     });
     return (React__default.createElement("form", { onSubmit: handleSubmit },
         React__default.createElement("div", null,
@@ -35717,7 +35112,7 @@ function CheckoutSummary({ appliedDiscounts, lineItems, shipping, tax, currency,
                 React__default.createElement("p", null, storeHelpers.formatPrice(tax, currency, exchangeRate)))),
             filteredDiscounts.map(({ discount, amount, id }) => {
                 var _a;
-                return (React__default.createElement("div", { key: discount.id, className: "flex not-last:-mb-0.5 justify-between text-muted-foreground" },
+                return (React__default.createElement("div", { key: discount.id, className: "flex justify-between text-muted-foreground" },
                     React__default.createElement(DiscountItem, { id: id, removeDiscount: removeDiscount, label: (_a = ((discount === null || discount === void 0 ? void 0 : discount.code) || (discount === null || discount === void 0 ? void 0 : discount.title))) !== null && _a !== void 0 ? _a : "", canRemove: discount.method === "CODE" }),
                     React__default.createElement("p", null,
                         "- ",
@@ -35744,32 +35139,45 @@ function CheckoutSummary({ appliedDiscounts, lineItems, shipping, tax, currency,
                 "hidden md:grid": !isOpen,
                 grid: isOpen,
             }) }, lineItems.map((item, index) => {
-            var _a, _b, _c, _d, _e, _f, _g;
-            const productAppliedDiscounts = appliedDiscounts.filter(({ discount }) => discount.allowedProductIDs.includes(item.productData.productId));
-            const discount = productAppliedDiscounts.length > 0
-                ? productAppliedDiscounts.reduce((acc, curr) => {
-                    return curr.amount > acc.amount ? curr : acc;
-                }, productAppliedDiscounts[0])
+            var _a, _b, _c, _d, _e, _f;
+            const finalItem = ((_a = item.productData) === null || _a === void 0 ? void 0 : _a.selectedVariant) || item.productData;
+            const productAppliedDiscounts = appliedDiscounts.filter((discount) => discount.allowedLineItems.some((allowedLineItem) => allowedLineItem.productId === item.productData.productId));
+            const formattedProductAppliedDiscounts = productAppliedDiscounts.map((discount) => {
+                var _a;
+                const elegibleLineItems = discount.allowedLineItems.find((allowedLineItem) => allowedLineItem.productId === item.productData.productId);
+                if (!elegibleLineItems)
+                    return 0;
+                const elegibleQuantity = elegibleLineItems.quantity;
+                const elegibleTotalAmount = ((_a = finalItem === null || finalItem === void 0 ? void 0 : finalItem.priceInCents) !== null && _a !== void 0 ? _a : 0) * elegibleQuantity;
+                if (discount.discount.valueType === "PERCENTAGE") {
+                    const percentage = discount.discount.value / 100;
+                    return elegibleTotalAmount * percentage;
+                }
+                return elegibleQuantity * discount.discount.value;
+            });
+            const totalDiscountAmount = formattedProductAppliedDiscounts.length > 0
+                ? formattedProductAppliedDiscounts.reduce((acc, curr) => {
+                    return acc + curr;
+                }, 0)
                 : null;
-            const isDiscounted = !!discount;
-            const productItem = ((_a = item.productData) === null || _a === void 0 ? void 0 : _a.selectedVariant) || item.productData;
-            const discountedPrice = productItem.priceInCents - ((_b = discount === null || discount === void 0 ? void 0 : discount.amount) !== null && _b !== void 0 ? _b : 0);
+            const isDiscounted = !!totalDiscountAmount;
+            const discountedPrice = finalItem.priceInCents - (totalDiscountAmount !== null && totalDiscountAmount !== void 0 ? totalDiscountAmount : 0);
             return (React__default.createElement("div", { key: index, className: "flex items-center" },
                 React__default.createElement("div", { className: "relative" },
-                    React__default.createElement("div", { className: "w-16 h-16 bg-secondary rounded-lg overflow-hidden relative" }, (productItem === null || productItem === void 0 ? void 0 : productItem.images[0]) && (React__default.createElement("img", { src: productItem.images[0] ||
-                            ((_c = item === null || item === void 0 ? void 0 : item.productData) === null || _c === void 0 ? void 0 : _c.images[0]) ||
-                            "/placeholder.svg", alt: ((_d = item.productData) === null || _d === void 0 ? void 0 : _d.title) || "", className: "object-cover w-full h-full", sizes: "64px" }))),
+                    React__default.createElement("div", { className: "w-16 h-16 bg-secondary rounded-lg overflow-hidden relative" }, (finalItem === null || finalItem === void 0 ? void 0 : finalItem.images[0]) && (React__default.createElement("img", { src: finalItem.images[0] ||
+                            ((_b = item === null || item === void 0 ? void 0 : item.productData) === null || _b === void 0 ? void 0 : _b.images[0]) ||
+                            "/placeholder.svg", alt: ((_c = item.productData) === null || _c === void 0 ? void 0 : _c.title) || "", className: "object-cover w-full h-full", sizes: "64px" }))),
                     React__default.createElement("div", { className: "absolute -top-2 -right-2 w-6 h-6 bg-primary rounded-full flex items-center text-background justify-center text-sm" }, item.quantity)),
                 React__default.createElement("div", { className: "ml-4 flex-1" },
-                    React__default.createElement("h3", { className: "text-lg font-medium" }, (_e = item.productData) === null || _e === void 0 ? void 0 : _e.title),
+                    React__default.createElement("h3", { className: "text-lg font-medium" }, (_d = item.productData) === null || _d === void 0 ? void 0 : _d.title),
                     React__default.createElement("p", { className: "text-muted-foreground text-ellipsis line-clamp-1 md:max-w-[75%] text-sm" }, item.variantOptions
                         .map((option) => `${option.name}: ${option.value}`)
                         .join(", "))),
                 React__default.createElement("div", { className: "text-right" }, isDiscounted ? (React__default.createElement("div", { className: "flex flex-col" },
-                    React__default.createElement("p", { className: "text-sm font-medium -mb-0.5 line-through text-muted-foreground" }, storeHelpers.formatPrice((_f = productItem === null || productItem === void 0 ? void 0 : productItem.priceInCents) !== null && _f !== void 0 ? _f : 0, currency, exchangeRate)),
+                    React__default.createElement("p", { className: "text-sm font-medium -mb-0.5 line-through text-muted-foreground" }, storeHelpers.formatPrice((_e = finalItem === null || finalItem === void 0 ? void 0 : finalItem.priceInCents) !== null && _e !== void 0 ? _e : 0, currency, exchangeRate)),
                     React__default.createElement("p", { className: "text-lg font-medium" }, discountedPrice <= 0
                         ? t("CheckoutEmbed.Summary.free")
-                        : storeHelpers.formatPrice(discountedPrice, currency, exchangeRate)))) : (React__default.createElement("p", { className: "text-lg font-medium" }, storeHelpers.formatPrice((_g = productItem === null || productItem === void 0 ? void 0 : productItem.priceInCents) !== null && _g !== void 0 ? _g : 0, currency, exchangeRate))))));
+                        : storeHelpers.formatPrice(discountedPrice, currency, exchangeRate)))) : (React__default.createElement("p", { className: "text-lg font-medium" }, storeHelpers.formatPrice((_f = finalItem === null || finalItem === void 0 ? void 0 : finalItem.priceInCents) !== null && _f !== void 0 ? _f : 0, currency, exchangeRate))))));
         }))));
 }
 function DiscountItem({ id, removeDiscount, label, canRemove, }) {
@@ -35954,7 +35362,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = "/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n  :root, :host {\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n      \"Courier New\", monospace;\n    --color-red-500: oklch(63.7% 0.237 25.331);\n    --color-black: #000;\n    --color-white: #fff;\n    --spacing: 0.25rem;\n    --container-lg: 32rem;\n    --text-xs: 0.75rem;\n    --text-xs--line-height: calc(1 / 0.75);\n    --text-sm: 0.875rem;\n    --text-sm--line-height: calc(1.25 / 0.875);\n    --text-base: 1rem;\n    --text-base--line-height: calc(1.5 / 1);\n    --text-lg: 1.125rem;\n    --text-lg--line-height: calc(1.75 / 1.125);\n    --text-2xl: 1.5rem;\n    --text-2xl--line-height: calc(2 / 1.5);\n    --font-weight-medium: 500;\n    --font-weight-semibold: 600;\n    --font-weight-bold: 700;\n    --tracking-tight: -0.025em;\n    --tracking-widest: 0.1em;\n    --radius-xs: 0.125rem;\n    --animate-spin: spin 1s linear infinite;\n    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n    --default-transition-duration: 150ms;\n    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    --default-font-family: var(--bs-font-sans), Helvetica, Arial, apple-system, sans-serif;\n    --default-mono-font-family: var(--font-mono);\n  }\n}\n@layer base {\n  *, ::after, ::before, ::backdrop, ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  html, :host {\n    line-height: 1.5;\n    -webkit-text-size-adjust: 100%;\n    -moz-tab-size: 4;\n      -o-tab-size: 4;\n         tab-size: 4;\n    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  b, strong {\n    font-weight: bolder;\n  }\n  code, kbd, samp, pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n  small {\n    font-size: 80%;\n  }\n  sub, sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  :-moz-focusring {\n    outline: auto;\n  }\n  progress {\n    vertical-align: baseline;\n  }\n  summary {\n    display: list-item;\n  }\n  ol, ul, menu {\n    list-style: none;\n  }\n  img, svg, video, canvas, audio, iframe, embed, object {\n    display: block;\n    vertical-align: middle;\n  }\n  img, video {\n    max-width: 100%;\n    height: auto;\n  }\n  button, input, select, optgroup, textarea, ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    border-radius: 0;\n    background-color: transparent;\n    opacity: 1;\n  }\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n  ::-moz-placeholder {\n    opacity: 1;\n  }\n  ::placeholder {\n    opacity: 1;\n  }\n  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {\n    ::-moz-placeholder {\n      color: currentcolor;\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n    ::placeholder {\n      color: currentcolor;\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), ::file-selector-button {\n    -webkit-appearance: button;\n       -moz-appearance: button;\n            appearance: button;\n  }\n  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  [hidden]:where(:not([hidden=\"until-found\"])) {\n    display: none !important;\n  }\n}\n@layer utilities {\n  .pointer-events-none {\n    pointer-events: none !important;\n  }\n  .sr-only {\n    position: absolute !important;\n    width: 1px !important;\n    height: 1px !important;\n    padding: 0 !important;\n    margin: -1px !important;\n    overflow: hidden !important;\n    clip: rect(0, 0, 0, 0) !important;\n    white-space: nowrap !important;\n    border-width: 0 !important;\n  }\n  .absolute {\n    position: absolute !important;\n  }\n  .fixed {\n    position: fixed !important;\n  }\n  .relative {\n    position: relative !important;\n  }\n  .sticky {\n    position: sticky !important;\n  }\n  .inset-0 {\n    inset: calc(var(--spacing) * 0) !important;\n  }\n  .-top-2 {\n    top: calc(var(--spacing) * -2) !important;\n  }\n  .top-0 {\n    top: calc(var(--spacing) * 0) !important;\n  }\n  .top-0\\.5 {\n    top: calc(var(--spacing) * 0.5) !important;\n  }\n  .top-1\\/2 {\n    top: calc(1/2 * 100%) !important;\n  }\n  .top-4 {\n    top: calc(var(--spacing) * 4) !important;\n  }\n  .top-\\[50\\%\\] {\n    top: 50% !important;\n  }\n  .-right-2 {\n    right: calc(var(--spacing) * -2) !important;\n  }\n  .right-2 {\n    right: calc(var(--spacing) * 2) !important;\n  }\n  .right-4 {\n    right: calc(var(--spacing) * 4) !important;\n  }\n  .left-1\\/2 {\n    left: calc(1/2 * 100%) !important;\n  }\n  .left-2 {\n    left: calc(var(--spacing) * 2) !important;\n  }\n  .left-\\[50\\%\\] {\n    left: 50% !important;\n  }\n  .z-10 {\n    z-index: 10 !important;\n  }\n  .z-50 {\n    z-index: 50 !important;\n  }\n  .order-3 {\n    order: 3 !important;\n  }\n  .order-4 {\n    order: 4 !important;\n  }\n  .order-5 {\n    order: 5 !important;\n  }\n  .order-6 {\n    order: 6 !important;\n  }\n  .order-7 {\n    order: 7 !important;\n  }\n  .order-first {\n    order: -9999 !important;\n  }\n  .col-span-2 {\n    grid-column: span 2 / span 2 !important;\n  }\n  .-m-0\\.5 {\n    margin: calc(var(--spacing) * -0.5) !important;\n  }\n  .-mx-1 {\n    margin-inline: calc(var(--spacing) * -1) !important;\n  }\n  .mx-auto {\n    margin-inline: auto !important;\n  }\n  .my-1 {\n    margin-block: calc(var(--spacing) * 1) !important;\n  }\n  .my-2 {\n    margin-block: calc(var(--spacing) * 2) !important;\n  }\n  .mt-2 {\n    margin-top: calc(var(--spacing) * 2) !important;\n  }\n  .mt-8 {\n    margin-top: calc(var(--spacing) * 8) !important;\n  }\n  .-mb-0\\.5 {\n    margin-bottom: calc(var(--spacing) * -0.5) !important;\n  }\n  .mb-1 {\n    margin-bottom: calc(var(--spacing) * 1) !important;\n  }\n  .mb-2 {\n    margin-bottom: calc(var(--spacing) * 2) !important;\n  }\n  .ml-4 {\n    margin-left: calc(var(--spacing) * 4) !important;\n  }\n  .ml-auto {\n    margin-left: auto !important;\n  }\n  .line-clamp-1 {\n    overflow: hidden !important;\n    display: -webkit-box !important;\n    -webkit-box-orient: vertical !important;\n    -webkit-line-clamp: 1 !important;\n  }\n  .block {\n    display: block !important;\n  }\n  .flex {\n    display: flex !important;\n  }\n  .grid {\n    display: grid !important;\n  }\n  .hidden {\n    display: none !important;\n  }\n  .inline-flex {\n    display: inline-flex !important;\n  }\n  .aspect-square {\n    aspect-ratio: 1 / 1 !important;\n  }\n  .size-2 {\n    width: calc(var(--spacing) * 2) !important;\n    height: calc(var(--spacing) * 2) !important;\n  }\n  .size-3 {\n    width: calc(var(--spacing) * 3) !important;\n    height: calc(var(--spacing) * 3) !important;\n  }\n  .size-3\\.5 {\n    width: calc(var(--spacing) * 3.5) !important;\n    height: calc(var(--spacing) * 3.5) !important;\n  }\n  .size-4 {\n    width: calc(var(--spacing) * 4) !important;\n    height: calc(var(--spacing) * 4) !important;\n  }\n  .size-5 {\n    width: calc(var(--spacing) * 5) !important;\n    height: calc(var(--spacing) * 5) !important;\n  }\n  .size-9 {\n    width: calc(var(--spacing) * 9) !important;\n    height: calc(var(--spacing) * 9) !important;\n  }\n  .size-16 {\n    width: calc(var(--spacing) * 16) !important;\n    height: calc(var(--spacing) * 16) !important;\n  }\n  .h-3 {\n    height: calc(var(--spacing) * 3) !important;\n  }\n  .h-3\\.5 {\n    height: calc(var(--spacing) * 3.5) !important;\n  }\n  .h-4 {\n    height: calc(var(--spacing) * 4) !important;\n  }\n  .h-5 {\n    height: calc(var(--spacing) * 5) !important;\n  }\n  .h-6 {\n    height: calc(var(--spacing) * 6) !important;\n  }\n  .h-8 {\n    height: calc(var(--spacing) * 8) !important;\n  }\n  .h-9 {\n    height: calc(var(--spacing) * 9) !important;\n  }\n  .h-10 {\n    height: calc(var(--spacing) * 10) !important;\n  }\n  .h-12 {\n    height: calc(var(--spacing) * 12) !important;\n  }\n  .h-16 {\n    height: calc(var(--spacing) * 16) !important;\n  }\n  .h-\\[18px\\] {\n    height: 18px !important;\n  }\n  .h-\\[20px\\] {\n    height: 20px !important;\n  }\n  .h-\\[var\\(--radix-select-trigger-height\\)\\] {\n    height: var(--radix-select-trigger-height) !important;\n  }\n  .h-auto {\n    height: auto !important;\n  }\n  .h-auto\\! {\n    height: auto !important;\n  }\n  .h-full {\n    height: 100% !important;\n  }\n  .h-px {\n    height: 1px !important;\n  }\n  .max-h-\\(--radix-dropdown-menu-content-available-height\\) {\n    max-height: var(--radix-dropdown-menu-content-available-height) !important;\n  }\n  .max-h-96 {\n    max-height: calc(var(--spacing) * 96) !important;\n  }\n  .max-h-\\[200px\\] {\n    max-height: 200px !important;\n  }\n  .max-h-\\[300px\\] {\n    max-height: 300px !important;\n  }\n  .min-h-full {\n    min-height: 100% !important;\n  }\n  .min-h-screen {\n    min-height: 100vh !important;\n  }\n  .w-0 {\n    width: calc(var(--spacing) * 0) !important;\n  }\n  .w-4 {\n    width: calc(var(--spacing) * 4) !important;\n  }\n  .w-5 {\n    width: calc(var(--spacing) * 5) !important;\n  }\n  .w-6 {\n    width: calc(var(--spacing) * 6) !important;\n  }\n  .w-10 {\n    width: calc(var(--spacing) * 10) !important;\n  }\n  .w-12 {\n    width: calc(var(--spacing) * 12) !important;\n  }\n  .w-16 {\n    width: calc(var(--spacing) * 16) !important;\n  }\n  .w-20 {\n    width: calc(var(--spacing) * 20) !important;\n  }\n  .w-24 {\n    width: calc(var(--spacing) * 24) !important;\n  }\n  .w-28 {\n    width: calc(var(--spacing) * 28) !important;\n  }\n  .w-32 {\n    width: calc(var(--spacing) * 32) !important;\n  }\n  .w-40 {\n    width: calc(var(--spacing) * 40) !important;\n  }\n  .w-72 {\n    width: calc(var(--spacing) * 72) !important;\n  }\n  .w-fit {\n    width: -moz-fit-content !important;\n    width: fit-content !important;\n  }\n  .w-full {\n    width: 100% !important;\n  }\n  .max-w-\\[1200px\\] {\n    max-width: 1200px !important;\n  }\n  .max-w-\\[calc\\(100\\%-2rem\\)\\] {\n    max-width: calc(100% - 2rem) !important;\n  }\n  .min-w-0 {\n    min-width: calc(var(--spacing) * 0) !important;\n  }\n  .min-w-\\[--radix-popper-anchor-width\\] {\n    min-width: --radix-popper-anchor-width !important;\n  }\n  .min-w-\\[8rem\\] {\n    min-width: 8rem !important;\n  }\n  .min-w-\\[var\\(--radix-select-trigger-width\\)\\] {\n    min-width: var(--radix-select-trigger-width) !important;\n  }\n  .flex-1 {\n    flex: 1 !important;\n  }\n  .shrink-0 {\n    flex-shrink: 0 !important;\n  }\n  .flex-grow {\n    flex-grow: 1 !important;\n  }\n  .origin-\\(--radix-dropdown-menu-content-transform-origin\\) {\n    transform-origin: var(--radix-dropdown-menu-content-transform-origin) !important;\n  }\n  .origin-\\(--radix-popover-content-transform-origin\\) {\n    transform-origin: var(--radix-popover-content-transform-origin) !important;\n  }\n  .-translate-x-1\\/2 {\n    --tw-translate-x: calc(calc(1/2 * 100%) * -1) !important;\n    translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n  }\n  .translate-x-\\[-50\\%\\] {\n    --tw-translate-x: -50% !important;\n    translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n  }\n  .-translate-y-1\\/2 {\n    --tw-translate-y: calc(calc(1/2 * 100%) * -1) !important;\n    translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n  }\n  .translate-y-\\[-50\\%\\] {\n    --tw-translate-y: -50% !important;\n    translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n  }\n  .rotate-180 {\n    rotate: 180deg !important;\n  }\n  .transform-none\\! {\n    transform: none !important;\n  }\n  .animate-pulse {\n    animation: var(--animate-pulse) !important;\n  }\n  .animate-spin {\n    animation: var(--animate-spin) !important;\n  }\n  .cursor-default {\n    cursor: default !important;\n  }\n  .cursor-pointer {\n    cursor: pointer !important;\n  }\n  .scroll-my-1 {\n    scroll-margin-block: calc(var(--spacing) * 1) !important;\n  }\n  .scroll-py-1 {\n    scroll-padding-block: calc(var(--spacing) * 1) !important;\n  }\n  .grid-cols-2 {\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n  }\n  .flex-col {\n    flex-direction: column !important;\n  }\n  .flex-col-reverse {\n    flex-direction: column-reverse !important;\n  }\n  .items-center {\n    align-items: center !important;\n  }\n  .justify-between {\n    justify-content: space-between !important;\n  }\n  .justify-center {\n    justify-content: center !important;\n  }\n  .justify-end {\n    justify-content: flex-end !important;\n  }\n  .gap-0 {\n    gap: calc(var(--spacing) * 0) !important;\n  }\n  .gap-0\\.5 {\n    gap: calc(var(--spacing) * 0.5) !important;\n  }\n  .gap-1\\.5 {\n    gap: calc(var(--spacing) * 1.5) !important;\n  }\n  .gap-2 {\n    gap: calc(var(--spacing) * 2) !important;\n  }\n  .gap-3 {\n    gap: calc(var(--spacing) * 3) !important;\n  }\n  .gap-4 {\n    gap: calc(var(--spacing) * 4) !important;\n  }\n  .gap-5 {\n    gap: calc(var(--spacing) * 5) !important;\n  }\n  .gap-6 {\n    gap: calc(var(--spacing) * 6) !important;\n  }\n  .gap-\\[10px\\] {\n    gap: 10px !important;\n  }\n  .space-y-2 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .space-y-4 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .space-y-6 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .space-x-2 {\n    :where(& > :not(:last-child)) {\n      --tw-space-x-reverse: 0 !important;\n      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)) !important;\n      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))) !important;\n    }\n  }\n  .overflow-hidden {\n    overflow: hidden !important;\n  }\n  .overflow-x-hidden {\n    overflow-x: hidden !important;\n  }\n  .overflow-y-auto {\n    overflow-y: auto !important;\n  }\n  .rounded-\\[4px\\] {\n    border-radius: 4px !important;\n  }\n  .rounded-full {\n    border-radius: calc(infinity * 1px) !important;\n  }\n  .rounded-lg {\n    border-radius: var(--bs-radius) !important;\n  }\n  .rounded-md {\n    border-radius: calc(var(--bs-radius) - 2px) !important;\n  }\n  .rounded-sm {\n    border-radius: calc(var(--bs-radius) - 4px) !important;\n  }\n  .rounded-xs {\n    border-radius: var(--radius-xs) !important;\n  }\n  .border {\n    border-style: var(--tw-border-style) !important;\n    border-width: 1px !important;\n  }\n  .border-b {\n    border-bottom-style: var(--tw-border-style) !important;\n    border-bottom-width: 1px !important;\n  }\n  .border-input {\n    border-color: var(--bs-input) !important;\n  }\n  .border-primary {\n    border-color: var(--bs-primary) !important;\n  }\n  .bg-accent {\n    background-color: var(--bs-accent) !important;\n  }\n  .bg-background {\n    background-color: var(--bs-background) !important;\n  }\n  .bg-black\\/50 {\n    background-color: color-mix(in srgb, #000 50%, transparent) !important;\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-black) 50%, transparent) !important;\n    }\n  }\n  .bg-border {\n    background-color: var(--bs-border) !important;\n  }\n  .bg-destructive {\n    background-color: var(--bs-destructive) !important;\n  }\n  .bg-muted {\n    background-color: var(--bs-muted) !important;\n  }\n  .bg-popover {\n    background-color: var(--bs-popover) !important;\n  }\n  .bg-primary {\n    background-color: var(--bs-primary) !important;\n  }\n  .bg-secondary {\n    background-color: var(--bs-secondary) !important;\n  }\n  .bg-transparent {\n    background-color: transparent !important;\n  }\n  .fill-current {\n    fill: currentcolor !important;\n  }\n  .fill-primary {\n    fill: var(--bs-primary) !important;\n  }\n  .object-cover {\n    -o-object-fit: cover !important;\n       object-fit: cover !important;\n  }\n  .p-0 {\n    padding: calc(var(--spacing) * 0) !important;\n  }\n  .p-1 {\n    padding: calc(var(--spacing) * 1) !important;\n  }\n  .p-4 {\n    padding: calc(var(--spacing) * 4) !important;\n  }\n  .p-6 {\n    padding: calc(var(--spacing) * 6) !important;\n  }\n  .px-2 {\n    padding-inline: calc(var(--spacing) * 2) !important;\n  }\n  .px-3 {\n    padding-inline: calc(var(--spacing) * 3) !important;\n  }\n  .px-4 {\n    padding-inline: calc(var(--spacing) * 4) !important;\n  }\n  .px-6 {\n    padding-inline: calc(var(--spacing) * 6) !important;\n  }\n  .py-1 {\n    padding-block: calc(var(--spacing) * 1) !important;\n  }\n  .py-1\\.5 {\n    padding-block: calc(var(--spacing) * 1.5) !important;\n  }\n  .py-2 {\n    padding-block: calc(var(--spacing) * 2) !important;\n  }\n  .py-3 {\n    padding-block: calc(var(--spacing) * 3) !important;\n  }\n  .py-4 {\n    padding-block: calc(var(--spacing) * 4) !important;\n  }\n  .py-6 {\n    padding-block: calc(var(--spacing) * 6) !important;\n  }\n  .pt-2 {\n    padding-top: calc(var(--spacing) * 2) !important;\n  }\n  .pt-4 {\n    padding-top: calc(var(--spacing) * 4) !important;\n  }\n  .pt-8 {\n    padding-top: calc(var(--spacing) * 8) !important;\n  }\n  .pr-2 {\n    padding-right: calc(var(--spacing) * 2) !important;\n  }\n  .pr-8 {\n    padding-right: calc(var(--spacing) * 8) !important;\n  }\n  .pb-1 {\n    padding-bottom: calc(var(--spacing) * 1) !important;\n  }\n  .pb-2 {\n    padding-bottom: calc(var(--spacing) * 2) !important;\n  }\n  .pl-2 {\n    padding-left: calc(var(--spacing) * 2) !important;\n  }\n  .pl-8 {\n    padding-left: calc(var(--spacing) * 8) !important;\n  }\n  .text-center {\n    text-align: center !important;\n  }\n  .text-right {\n    text-align: right !important;\n  }\n  .text-base {\n    font-size: var(--text-base) !important;\n    line-height: var(--tw-leading, var(--text-base--line-height)) !important;\n  }\n  .text-lg {\n    font-size: var(--text-lg) !important;\n    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;\n  }\n  .text-sm {\n    font-size: var(--text-sm) !important;\n    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;\n  }\n  .text-xs {\n    font-size: var(--text-xs) !important;\n    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;\n  }\n  .leading-none {\n    --tw-leading: 1 !important;\n    line-height: 1 !important;\n  }\n  .font-bold {\n    --tw-font-weight: var(--font-weight-bold) !important;\n    font-weight: var(--font-weight-bold) !important;\n  }\n  .font-medium {\n    --tw-font-weight: var(--font-weight-medium) !important;\n    font-weight: var(--font-weight-medium) !important;\n  }\n  .font-semibold {\n    --tw-font-weight: var(--font-weight-semibold) !important;\n    font-weight: var(--font-weight-semibold) !important;\n  }\n  .tracking-tight {\n    --tw-tracking: var(--tracking-tight) !important;\n    letter-spacing: var(--tracking-tight) !important;\n  }\n  .tracking-widest {\n    --tw-tracking: var(--tracking-widest) !important;\n    letter-spacing: var(--tracking-widest) !important;\n  }\n  .text-ellipsis {\n    text-overflow: ellipsis !important;\n  }\n  .whitespace-nowrap {\n    white-space: nowrap !important;\n  }\n  .text-background {\n    color: var(--bs-background) !important;\n  }\n  .text-current {\n    color: currentcolor !important;\n  }\n  .text-destructive {\n    color: var(--bs-destructive) !important;\n  }\n  .text-destructive-foreground {\n    color: var(--bs-destructive-foreground) !important;\n  }\n  .text-foreground {\n    color: var(--bs-foreground) !important;\n  }\n  .text-muted-foreground {\n    color: var(--bs-muted-foreground) !important;\n  }\n  .text-popover-foreground {\n    color: var(--bs-popover-foreground) !important;\n  }\n  .text-primary {\n    color: var(--bs-primary) !important;\n  }\n  .text-primary-foreground {\n    color: var(--bs-primary-foreground) !important;\n  }\n  .text-red-500 {\n    color: var(--color-red-500) !important;\n  }\n  .text-secondary-foreground {\n    color: var(--bs-secondary-foreground) !important;\n  }\n  .text-white {\n    color: var(--color-white) !important;\n  }\n  .line-through {\n    text-decoration-line: line-through !important;\n  }\n  .underline-offset-4 {\n    text-underline-offset: 4px !important;\n  }\n  .opacity-0 {\n    opacity: 0% !important;\n  }\n  .opacity-50 {\n    opacity: 50% !important;\n  }\n  .opacity-70 {\n    opacity: 70% !important;\n  }\n  .opacity-100 {\n    opacity: 100% !important;\n  }\n  .shadow-lg {\n    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n  }\n  .shadow-md {\n    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n  }\n  .shadow-sm {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n  }\n  .shadow-xs {\n    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)) !important;\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n  }\n  .ring {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n  }\n  .ring-offset-background {\n    --tw-ring-offset-color: var(--bs-background) !important;\n  }\n  .outline-hidden {\n    --tw-outline-style: none !important;\n    outline-style: none !important;\n    @media (forced-colors: active) {\n      outline: 2px solid transparent !important;\n      outline-offset: 2px !important;\n    }\n  }\n  .outline {\n    outline-style: var(--tw-outline-style) !important;\n    outline-width: 1px !important;\n  }\n  .transition {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events !important;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;\n    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;\n  }\n  .transition-\\[color\\,box-shadow\\] {\n    transition-property: color,box-shadow !important;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;\n    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;\n  }\n  .transition-opacity {\n    transition-property: opacity !important;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;\n    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;\n  }\n  .transition-shadow {\n    transition-property: box-shadow !important;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;\n    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;\n  }\n  .transition-transform {\n    transition-property: transform, translate, scale, rotate !important;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;\n    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;\n  }\n  .transition-none {\n    transition-property: none !important;\n  }\n  .duration-200 {\n    --tw-duration: 200ms !important;\n    transition-duration: 200ms !important;\n  }\n  .outline-none {\n    --tw-outline-style: none !important;\n    outline-style: none !important;\n  }\n  .select-none {\n    -webkit-user-select: none !important;\n    -moz-user-select: none !important;\n         user-select: none !important;\n  }\n  .duration-200 {\n    animation-duration: 200ms !important;\n  }\n  .not-last\\:-mb-0\\.5 {\n    &:not(*:last-child) {\n      margin-bottom: calc(var(--spacing) * -0.5) !important;\n    }\n  }\n  .group-data-\\[disabled\\=true\\]\\:pointer-events-none {\n    &:is(:where(.group)[data-disabled=\"true\"] *) {\n      pointer-events: none !important;\n    }\n  }\n  .group-data-\\[disabled\\=true\\]\\:opacity-50 {\n    &:is(:where(.group)[data-disabled=\"true\"] *) {\n      opacity: 50% !important;\n    }\n  }\n  .peer-disabled\\:cursor-not-allowed {\n    &:is(:where(.peer):disabled ~ *) {\n      cursor: not-allowed !important;\n    }\n  }\n  .peer-disabled\\:opacity-50 {\n    &:is(:where(.peer):disabled ~ *) {\n      opacity: 50% !important;\n    }\n  }\n  .selection\\:bg-primary {\n    & *::-moz-selection {\n      background-color: var(--bs-primary) !important;\n    }\n    & *::selection {\n      background-color: var(--bs-primary) !important;\n    }\n    &::-moz-selection {\n      background-color: var(--bs-primary) !important;\n    }\n    &::selection {\n      background-color: var(--bs-primary) !important;\n    }\n  }\n  .selection\\:text-primary-foreground {\n    & *::-moz-selection {\n      color: var(--bs-primary-foreground) !important;\n    }\n    & *::selection {\n      color: var(--bs-primary-foreground) !important;\n    }\n    &::-moz-selection {\n      color: var(--bs-primary-foreground) !important;\n    }\n    &::selection {\n      color: var(--bs-primary-foreground) !important;\n    }\n  }\n  .file\\:inline-flex {\n    &::file-selector-button {\n      display: inline-flex !important;\n    }\n  }\n  .file\\:h-7 {\n    &::file-selector-button {\n      height: calc(var(--spacing) * 7) !important;\n    }\n  }\n  .file\\:border-0 {\n    &::file-selector-button {\n      border-style: var(--tw-border-style) !important;\n      border-width: 0px !important;\n    }\n  }\n  .file\\:bg-transparent {\n    &::file-selector-button {\n      background-color: transparent !important;\n    }\n  }\n  .file\\:text-sm {\n    &::file-selector-button {\n      font-size: var(--text-sm) !important;\n      line-height: var(--tw-leading, var(--text-sm--line-height)) !important;\n    }\n  }\n  .file\\:font-medium {\n    &::file-selector-button {\n      --tw-font-weight: var(--font-weight-medium) !important;\n      font-weight: var(--font-weight-medium) !important;\n    }\n  }\n  .file\\:text-foreground {\n    &::file-selector-button {\n      color: var(--bs-foreground) !important;\n    }\n  }\n  .placeholder\\:text-muted-foreground {\n    &::-moz-placeholder {\n      color: var(--bs-muted-foreground) !important;\n    }\n    &::placeholder {\n      color: var(--bs-muted-foreground) !important;\n    }\n  }\n  .hover\\:bg-accent {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--bs-accent) !important;\n      }\n    }\n  }\n  .hover\\:bg-destructive\\/90 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--bs-destructive) !important;\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--bs-destructive) 90%, transparent) !important;\n        }\n      }\n    }\n  }\n  .hover\\:bg-muted {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--bs-muted) !important;\n      }\n    }\n  }\n  .hover\\:bg-primary\\/90 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--bs-primary) !important;\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--bs-primary) 90%, transparent) !important;\n        }\n      }\n    }\n  }\n  .hover\\:bg-secondary\\/80 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--bs-secondary) !important;\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--bs-secondary) 80%, transparent) !important;\n        }\n      }\n    }\n  }\n  .hover\\:text-accent-foreground {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--bs-accent-foreground) !important;\n      }\n    }\n  }\n  .hover\\:text-foreground {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--bs-foreground) !important;\n      }\n    }\n  }\n  .hover\\:underline {\n    &:hover {\n      @media (hover: hover) {\n        text-decoration-line: underline !important;\n      }\n    }\n  }\n  .hover\\:opacity-100 {\n    &:hover {\n      @media (hover: hover) {\n        opacity: 100% !important;\n      }\n    }\n  }\n  .focus\\:bg-accent {\n    &:focus {\n      background-color: var(--bs-accent) !important;\n    }\n  }\n  .focus\\:text-accent-foreground {\n    &:focus {\n      color: var(--bs-accent-foreground) !important;\n    }\n  }\n  .focus\\:ring-1 {\n    &:focus {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n    }\n  }\n  .focus\\:ring-2 {\n    &:focus {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n    }\n  }\n  .focus\\:ring-ring {\n    &:focus {\n      --tw-ring-color: var(--bs-ring) !important;\n    }\n  }\n  .focus\\:ring-offset-2 {\n    &:focus {\n      --tw-ring-offset-width: 2px !important;\n      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;\n    }\n  }\n  .focus\\:outline-hidden {\n    &:focus {\n      --tw-outline-style: none !important;\n      outline-style: none !important;\n      @media (forced-colors: active) {\n        outline: 2px solid transparent !important;\n        outline-offset: 2px !important;\n      }\n    }\n  }\n  .focus\\:outline-none {\n    &:focus {\n      --tw-outline-style: none !important;\n      outline-style: none !important;\n    }\n  }\n  .focus-visible\\:border-ring {\n    &:focus-visible {\n      border-color: var(--bs-ring) !important;\n    }\n  }\n  .focus-visible\\:ring-\\[3px\\] {\n    &:focus-visible {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n    }\n  }\n  .focus-visible\\:ring-destructive\\/20 {\n    &:focus-visible {\n      --tw-ring-color: var(--bs-destructive) !important;\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-ring-color: color-mix(in oklab, var(--bs-destructive) 20%, transparent) !important;\n      }\n    }\n  }\n  .focus-visible\\:ring-ring\\/50 {\n    &:focus-visible {\n      --tw-ring-color: var(--bs-ring) !important;\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-ring-color: color-mix(in oklab, var(--bs-ring) 50%, transparent) !important;\n      }\n    }\n  }\n  .disabled\\:pointer-events-none {\n    &:disabled {\n      pointer-events: none !important;\n    }\n  }\n  .disabled\\:cursor-not-allowed {\n    &:disabled {\n      cursor: not-allowed !important;\n    }\n  }\n  .disabled\\:opacity-50 {\n    &:disabled {\n      opacity: 50% !important;\n    }\n  }\n  .has-\\[\\>svg\\]\\:px-2\\.5 {\n    &:has(>svg) {\n      padding-inline: calc(var(--spacing) * 2.5) !important;\n    }\n  }\n  .has-\\[\\>svg\\]\\:px-3 {\n    &:has(>svg) {\n      padding-inline: calc(var(--spacing) * 3) !important;\n    }\n  }\n  .has-\\[\\>svg\\]\\:px-4 {\n    &:has(>svg) {\n      padding-inline: calc(var(--spacing) * 4) !important;\n    }\n  }\n  .aria-invalid\\:border-destructive {\n    &[aria-invalid=\"true\"] {\n      border-color: var(--bs-destructive) !important;\n    }\n  }\n  .aria-invalid\\:ring-destructive\\/20 {\n    &[aria-invalid=\"true\"] {\n      --tw-ring-color: var(--bs-destructive) !important;\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-ring-color: color-mix(in oklab, var(--bs-destructive) 20%, transparent) !important;\n      }\n    }\n  }\n  .data-\\[disabled\\]\\:pointer-events-none {\n    &[data-disabled] {\n      pointer-events: none !important;\n    }\n  }\n  .data-\\[disabled\\]\\:opacity-50 {\n    &[data-disabled] {\n      opacity: 50% !important;\n    }\n  }\n  .data-\\[disabled\\=true\\]\\:pointer-events-none {\n    &[data-disabled=\"true\"] {\n      pointer-events: none !important;\n    }\n  }\n  .data-\\[disabled\\=true\\]\\:opacity-50 {\n    &[data-disabled=\"true\"] {\n      opacity: 50% !important;\n    }\n  }\n  .data-\\[error\\=true\\]\\:text-destructive-foreground {\n    &[data-error=\"true\"] {\n      color: var(--bs-destructive-foreground) !important;\n    }\n  }\n  .data-\\[inset\\]\\:pl-8 {\n    &[data-inset] {\n      padding-left: calc(var(--spacing) * 8) !important;\n    }\n  }\n  .data-\\[placeholder\\]\\:text-muted-foreground {\n    &[data-placeholder] {\n      color: var(--bs-muted-foreground) !important;\n    }\n  }\n  .data-\\[selected\\=true\\]\\:bg-accent {\n    &[data-selected=\"true\"] {\n      background-color: var(--bs-accent) !important;\n    }\n  }\n  .data-\\[selected\\=true\\]\\:text-accent-foreground {\n    &[data-selected=\"true\"] {\n      color: var(--bs-accent-foreground) !important;\n    }\n  }\n  .data-\\[side\\=bottom\\]\\:translate-y-1 {\n    &[data-side=\"bottom\"] {\n      --tw-translate-y: calc(var(--spacing) * 1) !important;\n      translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n    }\n  }\n  .data-\\[side\\=bottom\\]\\:slide-in-from-top-2 {\n    &[data-side=\"bottom\"] {\n      --tw-enter-translate-y: -0.5rem !important;\n    }\n  }\n  .data-\\[side\\=left\\]\\:-translate-x-1 {\n    &[data-side=\"left\"] {\n      --tw-translate-x: calc(var(--spacing) * -1) !important;\n      translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n    }\n  }\n  .data-\\[side\\=left\\]\\:slide-in-from-right-2 {\n    &[data-side=\"left\"] {\n      --tw-enter-translate-x: 0.5rem !important;\n    }\n  }\n  .data-\\[side\\=right\\]\\:translate-x-1 {\n    &[data-side=\"right\"] {\n      --tw-translate-x: calc(var(--spacing) * 1) !important;\n      translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n    }\n  }\n  .data-\\[side\\=right\\]\\:slide-in-from-left-2 {\n    &[data-side=\"right\"] {\n      --tw-enter-translate-x: -0.5rem !important;\n    }\n  }\n  .data-\\[side\\=top\\]\\:-translate-y-1 {\n    &[data-side=\"top\"] {\n      --tw-translate-y: calc(var(--spacing) * -1) !important;\n      translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n    }\n  }\n  .data-\\[side\\=top\\]\\:slide-in-from-bottom-2 {\n    &[data-side=\"top\"] {\n      --tw-enter-translate-y: 0.5rem !important;\n    }\n  }\n  .\\*\\*\\:data-\\[slot\\=command-input-wrapper\\]\\:h-12 {\n    :is(& *) {\n      &[data-slot=\"command-input-wrapper\"] {\n        height: calc(var(--spacing) * 12) !important;\n      }\n    }\n  }\n  .\\*\\:data-\\[slot\\=select-value\\]\\:line-clamp-1 {\n    :is(& > *) {\n      &[data-slot=\"select-value\"] {\n        overflow: hidden !important;\n        display: -webkit-box !important;\n        -webkit-box-orient: vertical !important;\n        -webkit-line-clamp: 1 !important;\n      }\n    }\n  }\n  .\\*\\:data-\\[slot\\=select-value\\]\\:flex {\n    :is(& > *) {\n      &[data-slot=\"select-value\"] {\n        display: flex !important;\n      }\n    }\n  }\n  .\\*\\:data-\\[slot\\=select-value\\]\\:items-center {\n    :is(& > *) {\n      &[data-slot=\"select-value\"] {\n        align-items: center !important;\n      }\n    }\n  }\n  .\\*\\:data-\\[slot\\=select-value\\]\\:gap-2 {\n    :is(& > *) {\n      &[data-slot=\"select-value\"] {\n        gap: calc(var(--spacing) * 2) !important;\n      }\n    }\n  }\n  .data-\\[state\\=checked\\]\\:border-primary {\n    &[data-state=\"checked\"] {\n      border-color: var(--bs-primary) !important;\n    }\n  }\n  .data-\\[state\\=checked\\]\\:bg-primary {\n    &[data-state=\"checked\"] {\n      background-color: var(--bs-primary) !important;\n    }\n  }\n  .data-\\[state\\=checked\\]\\:text-primary-foreground {\n    &[data-state=\"checked\"] {\n      color: var(--bs-primary-foreground) !important;\n    }\n  }\n  .data-\\[state\\=closed\\]\\:animate-out {\n    &[data-state=\"closed\"] {\n      animation-name: exit !important;\n      animation-duration: 150ms !important;\n      --tw-exit-opacity: initial !important;\n      --tw-exit-scale: initial !important;\n      --tw-exit-rotate: initial !important;\n      --tw-exit-translate-x: initial !important;\n      --tw-exit-translate-y: initial !important;\n    }\n  }\n  .data-\\[state\\=closed\\]\\:fade-out-0 {\n    &[data-state=\"closed\"] {\n      --tw-exit-opacity: 0 !important;\n    }\n  }\n  .data-\\[state\\=closed\\]\\:zoom-out-95 {\n    &[data-state=\"closed\"] {\n      --tw-exit-scale: .95 !important;\n    }\n  }\n  .data-\\[state\\=open\\]\\:bg-accent {\n    &[data-state=\"open\"] {\n      background-color: var(--bs-accent) !important;\n    }\n  }\n  .data-\\[state\\=open\\]\\:text-accent-foreground {\n    &[data-state=\"open\"] {\n      color: var(--bs-accent-foreground) !important;\n    }\n  }\n  .data-\\[state\\=open\\]\\:text-muted-foreground {\n    &[data-state=\"open\"] {\n      color: var(--bs-muted-foreground) !important;\n    }\n  }\n  .data-\\[state\\=open\\]\\:animate-in {\n    &[data-state=\"open\"] {\n      animation-name: enter !important;\n      animation-duration: 150ms !important;\n      --tw-enter-opacity: initial !important;\n      --tw-enter-scale: initial !important;\n      --tw-enter-rotate: initial !important;\n      --tw-enter-translate-x: initial !important;\n      --tw-enter-translate-y: initial !important;\n    }\n  }\n  .data-\\[state\\=open\\]\\:fade-in-0 {\n    &[data-state=\"open\"] {\n      --tw-enter-opacity: 0 !important;\n    }\n  }\n  .data-\\[state\\=open\\]\\:zoom-in-95 {\n    &[data-state=\"open\"] {\n      --tw-enter-scale: .95 !important;\n    }\n  }\n  .data-\\[variant\\=destructive\\]\\:text-destructive {\n    &[data-variant=\"destructive\"] {\n      color: var(--bs-destructive) !important;\n    }\n  }\n  .data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/10 {\n    &[data-variant=\"destructive\"] {\n      &:focus {\n        background-color: var(--bs-destructive) !important;\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--bs-destructive) 10%, transparent) !important;\n        }\n      }\n    }\n  }\n  .data-\\[variant\\=destructive\\]\\:focus\\:text-destructive {\n    &[data-variant=\"destructive\"] {\n      &:focus {\n        color: var(--bs-destructive) !important;\n      }\n    }\n  }\n  .max-sm\\:hidden {\n    @media (width < 40rem) {\n      display: none !important;\n    }\n  }\n  .sm\\:max-h-\\[270px\\] {\n    @media (width >= 40rem) {\n      max-height: 270px !important;\n    }\n  }\n  .sm\\:max-w-\\[500px\\] {\n    @media (width >= 40rem) {\n      max-width: 500px !important;\n    }\n  }\n  .sm\\:max-w-lg {\n    @media (width >= 40rem) {\n      max-width: var(--container-lg) !important;\n    }\n  }\n  .sm\\:flex-row {\n    @media (width >= 40rem) {\n      flex-direction: row !important;\n    }\n  }\n  .sm\\:justify-end {\n    @media (width >= 40rem) {\n      justify-content: flex-end !important;\n    }\n  }\n  .sm\\:text-left {\n    @media (width >= 40rem) {\n      text-align: left !important;\n    }\n  }\n  .md\\:order-last {\n    @media (width >= 48rem) {\n      order: 9999 !important;\n    }\n  }\n  .md\\:order-none {\n    @media (width >= 48rem) {\n      order: 0 !important;\n    }\n  }\n  .md\\:col-span-2 {\n    @media (width >= 48rem) {\n      grid-column: span 2 / span 2 !important;\n    }\n  }\n  .md\\:col-span-3 {\n    @media (width >= 48rem) {\n      grid-column: span 3 / span 3 !important;\n    }\n  }\n  .md\\:col-span-4 {\n    @media (width >= 48rem) {\n      grid-column: span 4 / span 4 !important;\n    }\n  }\n  .md\\:block {\n    @media (width >= 48rem) {\n      display: block !important;\n    }\n  }\n  .md\\:flex {\n    @media (width >= 48rem) {\n      display: flex !important;\n    }\n  }\n  .md\\:grid {\n    @media (width >= 48rem) {\n      display: grid !important;\n    }\n  }\n  .md\\:hidden {\n    @media (width >= 48rem) {\n      display: none !important;\n    }\n  }\n  .md\\:max-w-\\[75\\%\\] {\n    @media (width >= 48rem) {\n      max-width: 75% !important;\n    }\n  }\n  .md\\:grid-cols-2 {\n    @media (width >= 48rem) {\n      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n    }\n  }\n  .md\\:grid-cols-7 {\n    @media (width >= 48rem) {\n      grid-template-columns: repeat(7, minmax(0, 1fr)) !important;\n    }\n  }\n  .md\\:gap-0 {\n    @media (width >= 48rem) {\n      gap: calc(var(--spacing) * 0) !important;\n    }\n  }\n  .md\\:px-8 {\n    @media (width >= 48rem) {\n      padding-inline: calc(var(--spacing) * 8) !important;\n    }\n  }\n  .md\\:py-12 {\n    @media (width >= 48rem) {\n      padding-block: calc(var(--spacing) * 12) !important;\n    }\n  }\n  .md\\:text-sm {\n    @media (width >= 48rem) {\n      font-size: var(--text-sm) !important;\n      line-height: var(--tw-leading, var(--text-sm--line-height)) !important;\n    }\n  }\n  .dark\\:focus-visible\\:ring-destructive\\/40 {\n    @media (prefers-color-scheme: dark) {\n      &:focus-visible {\n        --tw-ring-color: var(--bs-destructive) !important;\n        @supports (color: color-mix(in lab, red, red)) {\n          --tw-ring-color: color-mix(in oklab, var(--bs-destructive) 40%, transparent) !important;\n        }\n      }\n    }\n  }\n  .dark\\:aria-invalid\\:ring-destructive\\/40 {\n    @media (prefers-color-scheme: dark) {\n      &[aria-invalid=\"true\"] {\n        --tw-ring-color: var(--bs-destructive) !important;\n        @supports (color: color-mix(in lab, red, red)) {\n          --tw-ring-color: color-mix(in oklab, var(--bs-destructive) 40%, transparent) !important;\n        }\n      }\n    }\n  }\n  .dark\\:data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/20 {\n    @media (prefers-color-scheme: dark) {\n      &[data-variant=\"destructive\"] {\n        &:focus {\n          background-color: var(--bs-destructive) !important;\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--bs-destructive) 20%, transparent) !important;\n          }\n        }\n      }\n    }\n  }\n  .\\[\\&_\\[cmdk-group-heading\\]\\]\\:px-2 {\n    & [cmdk-group-heading] {\n      padding-inline: calc(var(--spacing) * 2) !important;\n    }\n  }\n  .\\[\\&_\\[cmdk-group-heading\\]\\]\\:py-1\\.5 {\n    & [cmdk-group-heading] {\n      padding-block: calc(var(--spacing) * 1.5) !important;\n    }\n  }\n  .\\[\\&_\\[cmdk-group-heading\\]\\]\\:text-xs {\n    & [cmdk-group-heading] {\n      font-size: var(--text-xs) !important;\n      line-height: var(--tw-leading, var(--text-xs--line-height)) !important;\n    }\n  }\n  .\\[\\&_\\[cmdk-group-heading\\]\\]\\:font-medium {\n    & [cmdk-group-heading] {\n      --tw-font-weight: var(--font-weight-medium) !important;\n      font-weight: var(--font-weight-medium) !important;\n    }\n  }\n  .\\[\\&_\\[cmdk-group-heading\\]\\]\\:text-muted-foreground {\n    & [cmdk-group-heading] {\n      color: var(--bs-muted-foreground) !important;\n    }\n  }\n  .\\[\\&_\\[cmdk-group\\]\\]\\:px-2 {\n    & [cmdk-group] {\n      padding-inline: calc(var(--spacing) * 2) !important;\n    }\n  }\n  .\\[\\&_\\[cmdk-group\\]\\:not\\(\\[hidden\\]\\)_\\~\\[cmdk-group\\]\\]\\:pt-0 {\n    & [cmdk-group]:not([hidden]) ~[cmdk-group] {\n      padding-top: calc(var(--spacing) * 0) !important;\n    }\n  }\n  .\\[\\&_\\[cmdk-input-wrapper\\]_svg\\]\\:h-5 {\n    & [cmdk-input-wrapper] svg {\n      height: calc(var(--spacing) * 5) !important;\n    }\n  }\n  .\\[\\&_\\[cmdk-input-wrapper\\]_svg\\]\\:w-5 {\n    & [cmdk-input-wrapper] svg {\n      width: calc(var(--spacing) * 5) !important;\n    }\n  }\n  .\\[\\&_\\[cmdk-input\\]\\]\\:h-12 {\n    & [cmdk-input] {\n      height: calc(var(--spacing) * 12) !important;\n    }\n  }\n  .\\[\\&_\\[cmdk-item\\]\\]\\:px-2 {\n    & [cmdk-item] {\n      padding-inline: calc(var(--spacing) * 2) !important;\n    }\n  }\n  .\\[\\&_\\[cmdk-item\\]\\]\\:py-3 {\n    & [cmdk-item] {\n      padding-block: calc(var(--spacing) * 3) !important;\n    }\n  }\n  .\\[\\&_\\[cmdk-item\\]_svg\\]\\:h-5 {\n    & [cmdk-item] svg {\n      height: calc(var(--spacing) * 5) !important;\n    }\n  }\n  .\\[\\&_\\[cmdk-item\\]_svg\\]\\:w-5 {\n    & [cmdk-item] svg {\n      width: calc(var(--spacing) * 5) !important;\n    }\n  }\n  .\\[\\&_svg\\]\\:pointer-events-none {\n    & svg {\n      pointer-events: none !important;\n    }\n  }\n  .\\[\\&_svg\\]\\:shrink-0 {\n    & svg {\n      flex-shrink: 0 !important;\n    }\n  }\n  .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 {\n    & svg:not([class*='size-']) {\n      width: calc(var(--spacing) * 4) !important;\n      height: calc(var(--spacing) * 4) !important;\n    }\n  }\n  .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'text-\\'\\]\\)\\]\\:text-muted-foreground {\n    & svg:not([class*='text-']) {\n      color: var(--bs-muted-foreground) !important;\n    }\n  }\n  .\\*\\:\\[span\\]\\:last\\:flex {\n    :is(& > *) {\n      &:is(span) {\n        &:last-child {\n          display: flex !important;\n        }\n      }\n    }\n  }\n  .\\*\\:\\[span\\]\\:last\\:items-center {\n    :is(& > *) {\n      &:is(span) {\n        &:last-child {\n          align-items: center !important;\n        }\n      }\n    }\n  }\n  .\\*\\:\\[span\\]\\:last\\:gap-2 {\n    :is(& > *) {\n      &:is(span) {\n        &:last-child {\n          gap: calc(var(--spacing) * 2) !important;\n        }\n      }\n    }\n  }\n  .data-\\[variant\\=destructive\\]\\:\\*\\:\\[svg\\]\\:\\!text-destructive {\n    &[data-variant=\"destructive\"] {\n      :is(& > *) {\n        &:is(svg) {\n          color: var(--bs-destructive) !important;\n        }\n      }\n    }\n  }\n  .\\[\\&\\>span\\]\\:line-clamp-1 {\n    &>span {\n      overflow: hidden !important;\n      display: -webkit-box !important;\n      -webkit-box-orient: vertical !important;\n      -webkit-line-clamp: 1 !important;\n    }\n  }\n}\n.checkout-embed {\n  :root {\n    --background: oklch(1 0 0);\n    --foreground: oklch(0.145 0 0);\n    --card: oklch(1 0 0);\n    --card-foreground: oklch(0.145 0 0);\n    --popover: oklch(1 0 0);\n    --popover-foreground: oklch(0.145 0 0);\n    --primary: oklch(0.205 0 0);\n    --primary-foreground: oklch(0.985 0 0);\n    --secondary: oklch(0.97 0 0);\n    --secondary-foreground: oklch(0.205 0 0);\n    --muted: oklch(0.97 0 0);\n    --muted-foreground: oklch(0.556 0 0);\n    --accent: oklch(0.97 0 0);\n    --accent-foreground: oklch(0.205 0 0);\n    --destructive: oklch(0.577 0.245 27.325);\n    --destructive-foreground: oklch(0.577 0.245 27.325);\n    --border: oklch(0.922 0 0);\n    --input: oklch(0.922 0 0);\n    --ring: oklch(0.708 0 0);\n    --chart-1: oklch(0.646 0.222 41.116);\n    --chart-2: oklch(0.6 0.118 184.704);\n    --chart-3: oklch(0.398 0.07 227.392);\n    --chart-4: oklch(0.828 0.189 84.429);\n    --chart-5: oklch(0.769 0.188 70.08);\n    --radius: 0.625rem;\n    --sidebar: oklch(0.985 0 0);\n    --sidebar-foreground: oklch(0.145 0 0);\n    --sidebar-primary: oklch(0.205 0 0);\n    --sidebar-primary-foreground: oklch(0.985 0 0);\n    --sidebar-accent: oklch(0.97 0 0);\n    --sidebar-accent-foreground: oklch(0.205 0 0);\n    --sidebar-border: oklch(0.922 0 0);\n    --sidebar-ring: oklch(0.708 0 0);\n  }\n  @layer base {\n    * {\n      border-color: var(--bs-border) !important;\n      outline-color: var(--bs-ring) !important;\n      @supports (color: color-mix(in lab, red, red)) {\n        outline-color: color-mix(in oklab, var(--bs-ring) 50%, transparent) !important;\n      }\n    }\n    .checkout-embed {\n      background-color: var(--bs-background) !important;\n      font-family: var(--bs-font-sans), Helvetica, Arial, apple-system, sans-serif !important;\n      color: var(--bs-foreground) !important;\n    }\n    h2 {\n      font-size: var(--text-2xl) !important;\n      line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;\n      --tw-font-weight: var(--font-weight-bold) !important;\n      font-weight: var(--font-weight-bold) !important;\n      --tw-tracking: var(--tracking-tight) !important;\n      letter-spacing: var(--tracking-tight) !important;\n    }\n    p {\n      --tw-tracking: var(--tracking-tight) !important;\n      letter-spacing: var(--tracking-tight) !important;\n    }\n  }\n  @layer utilities {\n    .scrollbar-hidden {\n      scrollbar-width: none;\n    }\n    .scrollbar-hidden::-webkit-scrollbar {\n      display: none;\n    }\n  }\n}\n@keyframes enter {\n  from {\n    opacity: var(--tw-enter-opacity, 1);\n    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));\n  }\n}\n@keyframes exit {\n  to {\n    opacity: var(--tw-exit-opacity, 1);\n    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));\n  }\n}\n@property --tw-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-space-y-reverse {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-space-x-reverse {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-leading {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-tracking {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-inset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-offset-width {\n  syntax: \"<length>\";\n  inherits: false;\n  initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-outline-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-duration {\n  syntax: \"*\";\n  inherits: false;\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n    *, ::before, ::after, ::backdrop {\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-space-y-reverse: 0;\n      --tw-space-x-reverse: 0;\n      --tw-border-style: solid;\n      --tw-leading: initial;\n      --tw-font-weight: initial;\n      --tw-tracking: initial;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n      --tw-outline-style: solid;\n      --tw-duration: initial;\n    }\n  }\n}\n";
+var css_248z = "/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n  :root, :host {\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n      \"Courier New\", monospace;\n    --color-red-500: oklch(63.7% 0.237 25.331);\n    --color-black: #000;\n    --color-white: #fff;\n    --spacing: 0.25rem;\n    --container-lg: 32rem;\n    --text-xs: 0.75rem;\n    --text-xs--line-height: calc(1 / 0.75);\n    --text-sm: 0.875rem;\n    --text-sm--line-height: calc(1.25 / 0.875);\n    --text-base: 1rem;\n    --text-base--line-height: calc(1.5 / 1);\n    --text-lg: 1.125rem;\n    --text-lg--line-height: calc(1.75 / 1.125);\n    --text-2xl: 1.5rem;\n    --text-2xl--line-height: calc(2 / 1.5);\n    --font-weight-medium: 500;\n    --font-weight-semibold: 600;\n    --font-weight-bold: 700;\n    --tracking-tight: -0.025em;\n    --tracking-widest: 0.1em;\n    --radius-xs: 0.125rem;\n    --animate-spin: spin 1s linear infinite;\n    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n    --default-transition-duration: 150ms;\n    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    --default-font-family: var(--bs-font-sans), Helvetica, Arial, apple-system, sans-serif;\n    --default-mono-font-family: var(--font-mono);\n  }\n}\n@layer base {\n  *, ::after, ::before, ::backdrop, ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  html, :host {\n    line-height: 1.5;\n    -webkit-text-size-adjust: 100%;\n    -moz-tab-size: 4;\n      -o-tab-size: 4;\n         tab-size: 4;\n    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  b, strong {\n    font-weight: bolder;\n  }\n  code, kbd, samp, pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n  small {\n    font-size: 80%;\n  }\n  sub, sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  :-moz-focusring {\n    outline: auto;\n  }\n  progress {\n    vertical-align: baseline;\n  }\n  summary {\n    display: list-item;\n  }\n  ol, ul, menu {\n    list-style: none;\n  }\n  img, svg, video, canvas, audio, iframe, embed, object {\n    display: block;\n    vertical-align: middle;\n  }\n  img, video {\n    max-width: 100%;\n    height: auto;\n  }\n  button, input, select, optgroup, textarea, ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    border-radius: 0;\n    background-color: transparent;\n    opacity: 1;\n  }\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n  ::-moz-placeholder {\n    opacity: 1;\n  }\n  ::placeholder {\n    opacity: 1;\n  }\n  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {\n    ::-moz-placeholder {\n      color: currentcolor;\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n    ::placeholder {\n      color: currentcolor;\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), ::file-selector-button {\n    -webkit-appearance: button;\n       -moz-appearance: button;\n            appearance: button;\n  }\n  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  [hidden]:where(:not([hidden=\"until-found\"])) {\n    display: none !important;\n  }\n}\n@layer utilities {\n  .pointer-events-none {\n    pointer-events: none !important;\n  }\n  .sr-only {\n    position: absolute !important;\n    width: 1px !important;\n    height: 1px !important;\n    padding: 0 !important;\n    margin: -1px !important;\n    overflow: hidden !important;\n    clip: rect(0, 0, 0, 0) !important;\n    white-space: nowrap !important;\n    border-width: 0 !important;\n  }\n  .absolute {\n    position: absolute !important;\n  }\n  .fixed {\n    position: fixed !important;\n  }\n  .relative {\n    position: relative !important;\n  }\n  .sticky {\n    position: sticky !important;\n  }\n  .inset-0 {\n    inset: calc(var(--spacing) * 0) !important;\n  }\n  .-top-2 {\n    top: calc(var(--spacing) * -2) !important;\n  }\n  .top-0 {\n    top: calc(var(--spacing) * 0) !important;\n  }\n  .top-0\\.5 {\n    top: calc(var(--spacing) * 0.5) !important;\n  }\n  .top-1\\/2 {\n    top: calc(1/2 * 100%) !important;\n  }\n  .top-4 {\n    top: calc(var(--spacing) * 4) !important;\n  }\n  .top-\\[50\\%\\] {\n    top: 50% !important;\n  }\n  .-right-2 {\n    right: calc(var(--spacing) * -2) !important;\n  }\n  .right-2 {\n    right: calc(var(--spacing) * 2) !important;\n  }\n  .right-4 {\n    right: calc(var(--spacing) * 4) !important;\n  }\n  .left-1\\/2 {\n    left: calc(1/2 * 100%) !important;\n  }\n  .left-2 {\n    left: calc(var(--spacing) * 2) !important;\n  }\n  .left-\\[50\\%\\] {\n    left: 50% !important;\n  }\n  .z-10 {\n    z-index: 10 !important;\n  }\n  .z-50 {\n    z-index: 50 !important;\n  }\n  .order-3 {\n    order: 3 !important;\n  }\n  .order-4 {\n    order: 4 !important;\n  }\n  .order-5 {\n    order: 5 !important;\n  }\n  .order-6 {\n    order: 6 !important;\n  }\n  .order-7 {\n    order: 7 !important;\n  }\n  .order-first {\n    order: -9999 !important;\n  }\n  .col-span-2 {\n    grid-column: span 2 / span 2 !important;\n  }\n  .-m-0\\.5 {\n    margin: calc(var(--spacing) * -0.5) !important;\n  }\n  .-mx-1 {\n    margin-inline: calc(var(--spacing) * -1) !important;\n  }\n  .mx-auto {\n    margin-inline: auto !important;\n  }\n  .my-1 {\n    margin-block: calc(var(--spacing) * 1) !important;\n  }\n  .my-2 {\n    margin-block: calc(var(--spacing) * 2) !important;\n  }\n  .mt-2 {\n    margin-top: calc(var(--spacing) * 2) !important;\n  }\n  .mt-8 {\n    margin-top: calc(var(--spacing) * 8) !important;\n  }\n  .-mb-0\\.5 {\n    margin-bottom: calc(var(--spacing) * -0.5) !important;\n  }\n  .mb-1 {\n    margin-bottom: calc(var(--spacing) * 1) !important;\n  }\n  .mb-2 {\n    margin-bottom: calc(var(--spacing) * 2) !important;\n  }\n  .ml-4 {\n    margin-left: calc(var(--spacing) * 4) !important;\n  }\n  .ml-auto {\n    margin-left: auto !important;\n  }\n  .line-clamp-1 {\n    overflow: hidden !important;\n    display: -webkit-box !important;\n    -webkit-box-orient: vertical !important;\n    -webkit-line-clamp: 1 !important;\n  }\n  .block {\n    display: block !important;\n  }\n  .flex {\n    display: flex !important;\n  }\n  .grid {\n    display: grid !important;\n  }\n  .hidden {\n    display: none !important;\n  }\n  .inline-flex {\n    display: inline-flex !important;\n  }\n  .aspect-square {\n    aspect-ratio: 1 / 1 !important;\n  }\n  .size-2 {\n    width: calc(var(--spacing) * 2) !important;\n    height: calc(var(--spacing) * 2) !important;\n  }\n  .size-3 {\n    width: calc(var(--spacing) * 3) !important;\n    height: calc(var(--spacing) * 3) !important;\n  }\n  .size-3\\.5 {\n    width: calc(var(--spacing) * 3.5) !important;\n    height: calc(var(--spacing) * 3.5) !important;\n  }\n  .size-4 {\n    width: calc(var(--spacing) * 4) !important;\n    height: calc(var(--spacing) * 4) !important;\n  }\n  .size-5 {\n    width: calc(var(--spacing) * 5) !important;\n    height: calc(var(--spacing) * 5) !important;\n  }\n  .size-9 {\n    width: calc(var(--spacing) * 9) !important;\n    height: calc(var(--spacing) * 9) !important;\n  }\n  .size-16 {\n    width: calc(var(--spacing) * 16) !important;\n    height: calc(var(--spacing) * 16) !important;\n  }\n  .h-3 {\n    height: calc(var(--spacing) * 3) !important;\n  }\n  .h-3\\.5 {\n    height: calc(var(--spacing) * 3.5) !important;\n  }\n  .h-4 {\n    height: calc(var(--spacing) * 4) !important;\n  }\n  .h-5 {\n    height: calc(var(--spacing) * 5) !important;\n  }\n  .h-6 {\n    height: calc(var(--spacing) * 6) !important;\n  }\n  .h-8 {\n    height: calc(var(--spacing) * 8) !important;\n  }\n  .h-9 {\n    height: calc(var(--spacing) * 9) !important;\n  }\n  .h-10 {\n    height: calc(var(--spacing) * 10) !important;\n  }\n  .h-12 {\n    height: calc(var(--spacing) * 12) !important;\n  }\n  .h-16 {\n    height: calc(var(--spacing) * 16) !important;\n  }\n  .h-\\[18px\\] {\n    height: 18px !important;\n  }\n  .h-\\[20px\\] {\n    height: 20px !important;\n  }\n  .h-\\[var\\(--radix-select-trigger-height\\)\\] {\n    height: var(--radix-select-trigger-height) !important;\n  }\n  .h-auto {\n    height: auto !important;\n  }\n  .h-auto\\! {\n    height: auto !important;\n  }\n  .h-full {\n    height: 100% !important;\n  }\n  .h-px {\n    height: 1px !important;\n  }\n  .max-h-\\(--radix-dropdown-menu-content-available-height\\) {\n    max-height: var(--radix-dropdown-menu-content-available-height) !important;\n  }\n  .max-h-96 {\n    max-height: calc(var(--spacing) * 96) !important;\n  }\n  .max-h-\\[200px\\] {\n    max-height: 200px !important;\n  }\n  .max-h-\\[300px\\] {\n    max-height: 300px !important;\n  }\n  .min-h-full {\n    min-height: 100% !important;\n  }\n  .min-h-screen {\n    min-height: 100vh !important;\n  }\n  .w-0 {\n    width: calc(var(--spacing) * 0) !important;\n  }\n  .w-4 {\n    width: calc(var(--spacing) * 4) !important;\n  }\n  .w-5 {\n    width: calc(var(--spacing) * 5) !important;\n  }\n  .w-6 {\n    width: calc(var(--spacing) * 6) !important;\n  }\n  .w-10 {\n    width: calc(var(--spacing) * 10) !important;\n  }\n  .w-12 {\n    width: calc(var(--spacing) * 12) !important;\n  }\n  .w-16 {\n    width: calc(var(--spacing) * 16) !important;\n  }\n  .w-20 {\n    width: calc(var(--spacing) * 20) !important;\n  }\n  .w-24 {\n    width: calc(var(--spacing) * 24) !important;\n  }\n  .w-28 {\n    width: calc(var(--spacing) * 28) !important;\n  }\n  .w-32 {\n    width: calc(var(--spacing) * 32) !important;\n  }\n  .w-40 {\n    width: calc(var(--spacing) * 40) !important;\n  }\n  .w-72 {\n    width: calc(var(--spacing) * 72) !important;\n  }\n  .w-fit {\n    width: -moz-fit-content !important;\n    width: fit-content !important;\n  }\n  .w-full {\n    width: 100% !important;\n  }\n  .max-w-\\[1200px\\] {\n    max-width: 1200px !important;\n  }\n  .max-w-\\[calc\\(100\\%-2rem\\)\\] {\n    max-width: calc(100% - 2rem) !important;\n  }\n  .min-w-0 {\n    min-width: calc(var(--spacing) * 0) !important;\n  }\n  .min-w-\\[--radix-popper-anchor-width\\] {\n    min-width: --radix-popper-anchor-width !important;\n  }\n  .min-w-\\[8rem\\] {\n    min-width: 8rem !important;\n  }\n  .min-w-\\[var\\(--radix-select-trigger-width\\)\\] {\n    min-width: var(--radix-select-trigger-width) !important;\n  }\n  .flex-1 {\n    flex: 1 !important;\n  }\n  .shrink-0 {\n    flex-shrink: 0 !important;\n  }\n  .flex-grow {\n    flex-grow: 1 !important;\n  }\n  .origin-\\(--radix-dropdown-menu-content-transform-origin\\) {\n    transform-origin: var(--radix-dropdown-menu-content-transform-origin) !important;\n  }\n  .origin-\\(--radix-popover-content-transform-origin\\) {\n    transform-origin: var(--radix-popover-content-transform-origin) !important;\n  }\n  .-translate-x-1\\/2 {\n    --tw-translate-x: calc(calc(1/2 * 100%) * -1) !important;\n    translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n  }\n  .translate-x-\\[-50\\%\\] {\n    --tw-translate-x: -50% !important;\n    translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n  }\n  .-translate-y-1\\/2 {\n    --tw-translate-y: calc(calc(1/2 * 100%) * -1) !important;\n    translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n  }\n  .translate-y-\\[-50\\%\\] {\n    --tw-translate-y: -50% !important;\n    translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n  }\n  .rotate-180 {\n    rotate: 180deg !important;\n  }\n  .transform-none\\! {\n    transform: none !important;\n  }\n  .animate-pulse {\n    animation: var(--animate-pulse) !important;\n  }\n  .animate-spin {\n    animation: var(--animate-spin) !important;\n  }\n  .cursor-default {\n    cursor: default !important;\n  }\n  .cursor-pointer {\n    cursor: pointer !important;\n  }\n  .scroll-my-1 {\n    scroll-margin-block: calc(var(--spacing) * 1) !important;\n  }\n  .scroll-py-1 {\n    scroll-padding-block: calc(var(--spacing) * 1) !important;\n  }\n  .grid-cols-2 {\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n  }\n  .flex-col {\n    flex-direction: column !important;\n  }\n  .flex-col-reverse {\n    flex-direction: column-reverse !important;\n  }\n  .items-center {\n    align-items: center !important;\n  }\n  .justify-between {\n    justify-content: space-between !important;\n  }\n  .justify-center {\n    justify-content: center !important;\n  }\n  .justify-end {\n    justify-content: flex-end !important;\n  }\n  .gap-0 {\n    gap: calc(var(--spacing) * 0) !important;\n  }\n  .gap-0\\.5 {\n    gap: calc(var(--spacing) * 0.5) !important;\n  }\n  .gap-1\\.5 {\n    gap: calc(var(--spacing) * 1.5) !important;\n  }\n  .gap-2 {\n    gap: calc(var(--spacing) * 2) !important;\n  }\n  .gap-3 {\n    gap: calc(var(--spacing) * 3) !important;\n  }\n  .gap-4 {\n    gap: calc(var(--spacing) * 4) !important;\n  }\n  .gap-5 {\n    gap: calc(var(--spacing) * 5) !important;\n  }\n  .gap-6 {\n    gap: calc(var(--spacing) * 6) !important;\n  }\n  .gap-\\[10px\\] {\n    gap: 10px !important;\n  }\n  .space-y-2 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .space-y-4 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .space-y-6 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .space-x-2 {\n    :where(& > :not(:last-child)) {\n      --tw-space-x-reverse: 0 !important;\n      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)) !important;\n      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))) !important;\n    }\n  }\n  .overflow-hidden {\n    overflow: hidden !important;\n  }\n  .overflow-x-hidden {\n    overflow-x: hidden !important;\n  }\n  .overflow-y-auto {\n    overflow-y: auto !important;\n  }\n  .rounded-\\[4px\\] {\n    border-radius: 4px !important;\n  }\n  .rounded-full {\n    border-radius: calc(infinity * 1px) !important;\n  }\n  .rounded-lg {\n    border-radius: var(--bs-radius) !important;\n  }\n  .rounded-md {\n    border-radius: calc(var(--bs-radius) - 2px) !important;\n  }\n  .rounded-sm {\n    border-radius: calc(var(--bs-radius) - 4px) !important;\n  }\n  .rounded-xs {\n    border-radius: var(--radius-xs) !important;\n  }\n  .border {\n    border-style: var(--tw-border-style) !important;\n    border-width: 1px !important;\n  }\n  .border-b {\n    border-bottom-style: var(--tw-border-style) !important;\n    border-bottom-width: 1px !important;\n  }\n  .border-input {\n    border-color: var(--bs-input) !important;\n  }\n  .border-primary {\n    border-color: var(--bs-primary) !important;\n  }\n  .bg-accent {\n    background-color: var(--bs-accent) !important;\n  }\n  .bg-background {\n    background-color: var(--bs-background) !important;\n  }\n  .bg-black\\/50 {\n    background-color: color-mix(in srgb, #000 50%, transparent) !important;\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-black) 50%, transparent) !important;\n    }\n  }\n  .bg-border {\n    background-color: var(--bs-border) !important;\n  }\n  .bg-destructive {\n    background-color: var(--bs-destructive) !important;\n  }\n  .bg-muted {\n    background-color: var(--bs-muted) !important;\n  }\n  .bg-popover {\n    background-color: var(--bs-popover) !important;\n  }\n  .bg-primary {\n    background-color: var(--bs-primary) !important;\n  }\n  .bg-secondary {\n    background-color: var(--bs-secondary) !important;\n  }\n  .bg-transparent {\n    background-color: transparent !important;\n  }\n  .fill-current {\n    fill: currentcolor !important;\n  }\n  .fill-primary {\n    fill: var(--bs-primary) !important;\n  }\n  .object-cover {\n    -o-object-fit: cover !important;\n       object-fit: cover !important;\n  }\n  .p-0 {\n    padding: calc(var(--spacing) * 0) !important;\n  }\n  .p-1 {\n    padding: calc(var(--spacing) * 1) !important;\n  }\n  .p-4 {\n    padding: calc(var(--spacing) * 4) !important;\n  }\n  .p-6 {\n    padding: calc(var(--spacing) * 6) !important;\n  }\n  .px-2 {\n    padding-inline: calc(var(--spacing) * 2) !important;\n  }\n  .px-3 {\n    padding-inline: calc(var(--spacing) * 3) !important;\n  }\n  .px-4 {\n    padding-inline: calc(var(--spacing) * 4) !important;\n  }\n  .px-6 {\n    padding-inline: calc(var(--spacing) * 6) !important;\n  }\n  .py-1 {\n    padding-block: calc(var(--spacing) * 1) !important;\n  }\n  .py-1\\.5 {\n    padding-block: calc(var(--spacing) * 1.5) !important;\n  }\n  .py-2 {\n    padding-block: calc(var(--spacing) * 2) !important;\n  }\n  .py-3 {\n    padding-block: calc(var(--spacing) * 3) !important;\n  }\n  .py-4 {\n    padding-block: calc(var(--spacing) * 4) !important;\n  }\n  .py-6 {\n    padding-block: calc(var(--spacing) * 6) !important;\n  }\n  .pt-2 {\n    padding-top: calc(var(--spacing) * 2) !important;\n  }\n  .pt-4 {\n    padding-top: calc(var(--spacing) * 4) !important;\n  }\n  .pt-8 {\n    padding-top: calc(var(--spacing) * 8) !important;\n  }\n  .pr-2 {\n    padding-right: calc(var(--spacing) * 2) !important;\n  }\n  .pr-8 {\n    padding-right: calc(var(--spacing) * 8) !important;\n  }\n  .pb-1 {\n    padding-bottom: calc(var(--spacing) * 1) !important;\n  }\n  .pb-2 {\n    padding-bottom: calc(var(--spacing) * 2) !important;\n  }\n  .pl-2 {\n    padding-left: calc(var(--spacing) * 2) !important;\n  }\n  .pl-8 {\n    padding-left: calc(var(--spacing) * 8) !important;\n  }\n  .text-center {\n    text-align: center !important;\n  }\n  .text-right {\n    text-align: right !important;\n  }\n  .text-base {\n    font-size: var(--text-base) !important;\n    line-height: var(--tw-leading, var(--text-base--line-height)) !important;\n  }\n  .text-lg {\n    font-size: var(--text-lg) !important;\n    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;\n  }\n  .text-sm {\n    font-size: var(--text-sm) !important;\n    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;\n  }\n  .text-xs {\n    font-size: var(--text-xs) !important;\n    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;\n  }\n  .leading-none {\n    --tw-leading: 1 !important;\n    line-height: 1 !important;\n  }\n  .font-bold {\n    --tw-font-weight: var(--font-weight-bold) !important;\n    font-weight: var(--font-weight-bold) !important;\n  }\n  .font-medium {\n    --tw-font-weight: var(--font-weight-medium) !important;\n    font-weight: var(--font-weight-medium) !important;\n  }\n  .font-semibold {\n    --tw-font-weight: var(--font-weight-semibold) !important;\n    font-weight: var(--font-weight-semibold) !important;\n  }\n  .tracking-tight {\n    --tw-tracking: var(--tracking-tight) !important;\n    letter-spacing: var(--tracking-tight) !important;\n  }\n  .tracking-widest {\n    --tw-tracking: var(--tracking-widest) !important;\n    letter-spacing: var(--tracking-widest) !important;\n  }\n  .text-ellipsis {\n    text-overflow: ellipsis !important;\n  }\n  .whitespace-nowrap {\n    white-space: nowrap !important;\n  }\n  .text-background {\n    color: var(--bs-background) !important;\n  }\n  .text-current {\n    color: currentcolor !important;\n  }\n  .text-destructive {\n    color: var(--bs-destructive) !important;\n  }\n  .text-destructive-foreground {\n    color: var(--bs-destructive-foreground) !important;\n  }\n  .text-foreground {\n    color: var(--bs-foreground) !important;\n  }\n  .text-muted-foreground {\n    color: var(--bs-muted-foreground) !important;\n  }\n  .text-popover-foreground {\n    color: var(--bs-popover-foreground) !important;\n  }\n  .text-primary {\n    color: var(--bs-primary) !important;\n  }\n  .text-primary-foreground {\n    color: var(--bs-primary-foreground) !important;\n  }\n  .text-red-500 {\n    color: var(--color-red-500) !important;\n  }\n  .text-secondary-foreground {\n    color: var(--bs-secondary-foreground) !important;\n  }\n  .text-white {\n    color: var(--color-white) !important;\n  }\n  .line-through {\n    text-decoration-line: line-through !important;\n  }\n  .underline-offset-4 {\n    text-underline-offset: 4px !important;\n  }\n  .opacity-0 {\n    opacity: 0% !important;\n  }\n  .opacity-50 {\n    opacity: 50% !important;\n  }\n  .opacity-70 {\n    opacity: 70% !important;\n  }\n  .opacity-100 {\n    opacity: 100% !important;\n  }\n  .shadow-lg {\n    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n  }\n  .shadow-md {\n    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n  }\n  .shadow-sm {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n  }\n  .shadow-xs {\n    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)) !important;\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n  }\n  .ring {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n  }\n  .ring-offset-background {\n    --tw-ring-offset-color: var(--bs-background) !important;\n  }\n  .outline-hidden {\n    --tw-outline-style: none !important;\n    outline-style: none !important;\n    @media (forced-colors: active) {\n      outline: 2px solid transparent !important;\n      outline-offset: 2px !important;\n    }\n  }\n  .outline {\n    outline-style: var(--tw-outline-style) !important;\n    outline-width: 1px !important;\n  }\n  .transition {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events !important;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;\n    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;\n  }\n  .transition-\\[color\\,box-shadow\\] {\n    transition-property: color,box-shadow !important;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;\n    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;\n  }\n  .transition-opacity {\n    transition-property: opacity !important;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;\n    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;\n  }\n  .transition-shadow {\n    transition-property: box-shadow !important;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;\n    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;\n  }\n  .transition-transform {\n    transition-property: transform, translate, scale, rotate !important;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;\n    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;\n  }\n  .transition-none {\n    transition-property: none !important;\n  }\n  .duration-200 {\n    --tw-duration: 200ms !important;\n    transition-duration: 200ms !important;\n  }\n  .outline-none {\n    --tw-outline-style: none !important;\n    outline-style: none !important;\n  }\n  .select-none {\n    -webkit-user-select: none !important;\n    -moz-user-select: none !important;\n         user-select: none !important;\n  }\n  .duration-200 {\n    animation-duration: 200ms !important;\n  }\n  .group-data-\\[disabled\\=true\\]\\:pointer-events-none {\n    &:is(:where(.group)[data-disabled=\"true\"] *) {\n      pointer-events: none !important;\n    }\n  }\n  .group-data-\\[disabled\\=true\\]\\:opacity-50 {\n    &:is(:where(.group)[data-disabled=\"true\"] *) {\n      opacity: 50% !important;\n    }\n  }\n  .peer-disabled\\:cursor-not-allowed {\n    &:is(:where(.peer):disabled ~ *) {\n      cursor: not-allowed !important;\n    }\n  }\n  .peer-disabled\\:opacity-50 {\n    &:is(:where(.peer):disabled ~ *) {\n      opacity: 50% !important;\n    }\n  }\n  .selection\\:bg-primary {\n    & *::-moz-selection {\n      background-color: var(--bs-primary) !important;\n    }\n    & *::selection {\n      background-color: var(--bs-primary) !important;\n    }\n    &::-moz-selection {\n      background-color: var(--bs-primary) !important;\n    }\n    &::selection {\n      background-color: var(--bs-primary) !important;\n    }\n  }\n  .selection\\:text-primary-foreground {\n    & *::-moz-selection {\n      color: var(--bs-primary-foreground) !important;\n    }\n    & *::selection {\n      color: var(--bs-primary-foreground) !important;\n    }\n    &::-moz-selection {\n      color: var(--bs-primary-foreground) !important;\n    }\n    &::selection {\n      color: var(--bs-primary-foreground) !important;\n    }\n  }\n  .file\\:inline-flex {\n    &::file-selector-button {\n      display: inline-flex !important;\n    }\n  }\n  .file\\:h-7 {\n    &::file-selector-button {\n      height: calc(var(--spacing) * 7) !important;\n    }\n  }\n  .file\\:border-0 {\n    &::file-selector-button {\n      border-style: var(--tw-border-style) !important;\n      border-width: 0px !important;\n    }\n  }\n  .file\\:bg-transparent {\n    &::file-selector-button {\n      background-color: transparent !important;\n    }\n  }\n  .file\\:text-sm {\n    &::file-selector-button {\n      font-size: var(--text-sm) !important;\n      line-height: var(--tw-leading, var(--text-sm--line-height)) !important;\n    }\n  }\n  .file\\:font-medium {\n    &::file-selector-button {\n      --tw-font-weight: var(--font-weight-medium) !important;\n      font-weight: var(--font-weight-medium) !important;\n    }\n  }\n  .file\\:text-foreground {\n    &::file-selector-button {\n      color: var(--bs-foreground) !important;\n    }\n  }\n  .placeholder\\:text-muted-foreground {\n    &::-moz-placeholder {\n      color: var(--bs-muted-foreground) !important;\n    }\n    &::placeholder {\n      color: var(--bs-muted-foreground) !important;\n    }\n  }\n  .hover\\:bg-accent {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--bs-accent) !important;\n      }\n    }\n  }\n  .hover\\:bg-destructive\\/90 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--bs-destructive) !important;\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--bs-destructive) 90%, transparent) !important;\n        }\n      }\n    }\n  }\n  .hover\\:bg-muted {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--bs-muted) !important;\n      }\n    }\n  }\n  .hover\\:bg-primary\\/90 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--bs-primary) !important;\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--bs-primary) 90%, transparent) !important;\n        }\n      }\n    }\n  }\n  .hover\\:bg-secondary\\/80 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--bs-secondary) !important;\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--bs-secondary) 80%, transparent) !important;\n        }\n      }\n    }\n  }\n  .hover\\:text-accent-foreground {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--bs-accent-foreground) !important;\n      }\n    }\n  }\n  .hover\\:text-foreground {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--bs-foreground) !important;\n      }\n    }\n  }\n  .hover\\:underline {\n    &:hover {\n      @media (hover: hover) {\n        text-decoration-line: underline !important;\n      }\n    }\n  }\n  .hover\\:opacity-100 {\n    &:hover {\n      @media (hover: hover) {\n        opacity: 100% !important;\n      }\n    }\n  }\n  .focus\\:bg-accent {\n    &:focus {\n      background-color: var(--bs-accent) !important;\n    }\n  }\n  .focus\\:text-accent-foreground {\n    &:focus {\n      color: var(--bs-accent-foreground) !important;\n    }\n  }\n  .focus\\:ring-1 {\n    &:focus {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n    }\n  }\n  .focus\\:ring-2 {\n    &:focus {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n    }\n  }\n  .focus\\:ring-ring {\n    &:focus {\n      --tw-ring-color: var(--bs-ring) !important;\n    }\n  }\n  .focus\\:ring-offset-2 {\n    &:focus {\n      --tw-ring-offset-width: 2px !important;\n      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;\n    }\n  }\n  .focus\\:outline-hidden {\n    &:focus {\n      --tw-outline-style: none !important;\n      outline-style: none !important;\n      @media (forced-colors: active) {\n        outline: 2px solid transparent !important;\n        outline-offset: 2px !important;\n      }\n    }\n  }\n  .focus\\:outline-none {\n    &:focus {\n      --tw-outline-style: none !important;\n      outline-style: none !important;\n    }\n  }\n  .focus-visible\\:border-ring {\n    &:focus-visible {\n      border-color: var(--bs-ring) !important;\n    }\n  }\n  .focus-visible\\:ring-\\[3px\\] {\n    &:focus-visible {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n    }\n  }\n  .focus-visible\\:ring-destructive\\/20 {\n    &:focus-visible {\n      --tw-ring-color: var(--bs-destructive) !important;\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-ring-color: color-mix(in oklab, var(--bs-destructive) 20%, transparent) !important;\n      }\n    }\n  }\n  .focus-visible\\:ring-ring\\/50 {\n    &:focus-visible {\n      --tw-ring-color: var(--bs-ring) !important;\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-ring-color: color-mix(in oklab, var(--bs-ring) 50%, transparent) !important;\n      }\n    }\n  }\n  .disabled\\:pointer-events-none {\n    &:disabled {\n      pointer-events: none !important;\n    }\n  }\n  .disabled\\:cursor-not-allowed {\n    &:disabled {\n      cursor: not-allowed !important;\n    }\n  }\n  .disabled\\:opacity-50 {\n    &:disabled {\n      opacity: 50% !important;\n    }\n  }\n  .has-\\[\\>svg\\]\\:px-2\\.5 {\n    &:has(>svg) {\n      padding-inline: calc(var(--spacing) * 2.5) !important;\n    }\n  }\n  .has-\\[\\>svg\\]\\:px-3 {\n    &:has(>svg) {\n      padding-inline: calc(var(--spacing) * 3) !important;\n    }\n  }\n  .has-\\[\\>svg\\]\\:px-4 {\n    &:has(>svg) {\n      padding-inline: calc(var(--spacing) * 4) !important;\n    }\n  }\n  .aria-invalid\\:border-destructive {\n    &[aria-invalid=\"true\"] {\n      border-color: var(--bs-destructive) !important;\n    }\n  }\n  .aria-invalid\\:ring-destructive\\/20 {\n    &[aria-invalid=\"true\"] {\n      --tw-ring-color: var(--bs-destructive) !important;\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-ring-color: color-mix(in oklab, var(--bs-destructive) 20%, transparent) !important;\n      }\n    }\n  }\n  .data-\\[disabled\\]\\:pointer-events-none {\n    &[data-disabled] {\n      pointer-events: none !important;\n    }\n  }\n  .data-\\[disabled\\]\\:opacity-50 {\n    &[data-disabled] {\n      opacity: 50% !important;\n    }\n  }\n  .data-\\[disabled\\=true\\]\\:pointer-events-none {\n    &[data-disabled=\"true\"] {\n      pointer-events: none !important;\n    }\n  }\n  .data-\\[disabled\\=true\\]\\:opacity-50 {\n    &[data-disabled=\"true\"] {\n      opacity: 50% !important;\n    }\n  }\n  .data-\\[error\\=true\\]\\:text-destructive-foreground {\n    &[data-error=\"true\"] {\n      color: var(--bs-destructive-foreground) !important;\n    }\n  }\n  .data-\\[inset\\]\\:pl-8 {\n    &[data-inset] {\n      padding-left: calc(var(--spacing) * 8) !important;\n    }\n  }\n  .data-\\[placeholder\\]\\:text-muted-foreground {\n    &[data-placeholder] {\n      color: var(--bs-muted-foreground) !important;\n    }\n  }\n  .data-\\[selected\\=true\\]\\:bg-accent {\n    &[data-selected=\"true\"] {\n      background-color: var(--bs-accent) !important;\n    }\n  }\n  .data-\\[selected\\=true\\]\\:text-accent-foreground {\n    &[data-selected=\"true\"] {\n      color: var(--bs-accent-foreground) !important;\n    }\n  }\n  .data-\\[side\\=bottom\\]\\:translate-y-1 {\n    &[data-side=\"bottom\"] {\n      --tw-translate-y: calc(var(--spacing) * 1) !important;\n      translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n    }\n  }\n  .data-\\[side\\=bottom\\]\\:slide-in-from-top-2 {\n    &[data-side=\"bottom\"] {\n      --tw-enter-translate-y: -0.5rem !important;\n    }\n  }\n  .data-\\[side\\=left\\]\\:-translate-x-1 {\n    &[data-side=\"left\"] {\n      --tw-translate-x: calc(var(--spacing) * -1) !important;\n      translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n    }\n  }\n  .data-\\[side\\=left\\]\\:slide-in-from-right-2 {\n    &[data-side=\"left\"] {\n      --tw-enter-translate-x: 0.5rem !important;\n    }\n  }\n  .data-\\[side\\=right\\]\\:translate-x-1 {\n    &[data-side=\"right\"] {\n      --tw-translate-x: calc(var(--spacing) * 1) !important;\n      translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n    }\n  }\n  .data-\\[side\\=right\\]\\:slide-in-from-left-2 {\n    &[data-side=\"right\"] {\n      --tw-enter-translate-x: -0.5rem !important;\n    }\n  }\n  .data-\\[side\\=top\\]\\:-translate-y-1 {\n    &[data-side=\"top\"] {\n      --tw-translate-y: calc(var(--spacing) * -1) !important;\n      translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n    }\n  }\n  .data-\\[side\\=top\\]\\:slide-in-from-bottom-2 {\n    &[data-side=\"top\"] {\n      --tw-enter-translate-y: 0.5rem !important;\n    }\n  }\n  .\\*\\*\\:data-\\[slot\\=command-input-wrapper\\]\\:h-12 {\n    :is(& *) {\n      &[data-slot=\"command-input-wrapper\"] {\n        height: calc(var(--spacing) * 12) !important;\n      }\n    }\n  }\n  .\\*\\:data-\\[slot\\=select-value\\]\\:line-clamp-1 {\n    :is(& > *) {\n      &[data-slot=\"select-value\"] {\n        overflow: hidden !important;\n        display: -webkit-box !important;\n        -webkit-box-orient: vertical !important;\n        -webkit-line-clamp: 1 !important;\n      }\n    }\n  }\n  .\\*\\:data-\\[slot\\=select-value\\]\\:flex {\n    :is(& > *) {\n      &[data-slot=\"select-value\"] {\n        display: flex !important;\n      }\n    }\n  }\n  .\\*\\:data-\\[slot\\=select-value\\]\\:items-center {\n    :is(& > *) {\n      &[data-slot=\"select-value\"] {\n        align-items: center !important;\n      }\n    }\n  }\n  .\\*\\:data-\\[slot\\=select-value\\]\\:gap-2 {\n    :is(& > *) {\n      &[data-slot=\"select-value\"] {\n        gap: calc(var(--spacing) * 2) !important;\n      }\n    }\n  }\n  .data-\\[state\\=checked\\]\\:border-primary {\n    &[data-state=\"checked\"] {\n      border-color: var(--bs-primary) !important;\n    }\n  }\n  .data-\\[state\\=checked\\]\\:bg-primary {\n    &[data-state=\"checked\"] {\n      background-color: var(--bs-primary) !important;\n    }\n  }\n  .data-\\[state\\=checked\\]\\:text-primary-foreground {\n    &[data-state=\"checked\"] {\n      color: var(--bs-primary-foreground) !important;\n    }\n  }\n  .data-\\[state\\=closed\\]\\:animate-out {\n    &[data-state=\"closed\"] {\n      animation-name: exit !important;\n      animation-duration: 150ms !important;\n      --tw-exit-opacity: initial !important;\n      --tw-exit-scale: initial !important;\n      --tw-exit-rotate: initial !important;\n      --tw-exit-translate-x: initial !important;\n      --tw-exit-translate-y: initial !important;\n    }\n  }\n  .data-\\[state\\=closed\\]\\:fade-out-0 {\n    &[data-state=\"closed\"] {\n      --tw-exit-opacity: 0 !important;\n    }\n  }\n  .data-\\[state\\=closed\\]\\:zoom-out-95 {\n    &[data-state=\"closed\"] {\n      --tw-exit-scale: .95 !important;\n    }\n  }\n  .data-\\[state\\=open\\]\\:bg-accent {\n    &[data-state=\"open\"] {\n      background-color: var(--bs-accent) !important;\n    }\n  }\n  .data-\\[state\\=open\\]\\:text-accent-foreground {\n    &[data-state=\"open\"] {\n      color: var(--bs-accent-foreground) !important;\n    }\n  }\n  .data-\\[state\\=open\\]\\:text-muted-foreground {\n    &[data-state=\"open\"] {\n      color: var(--bs-muted-foreground) !important;\n    }\n  }\n  .data-\\[state\\=open\\]\\:animate-in {\n    &[data-state=\"open\"] {\n      animation-name: enter !important;\n      animation-duration: 150ms !important;\n      --tw-enter-opacity: initial !important;\n      --tw-enter-scale: initial !important;\n      --tw-enter-rotate: initial !important;\n      --tw-enter-translate-x: initial !important;\n      --tw-enter-translate-y: initial !important;\n    }\n  }\n  .data-\\[state\\=open\\]\\:fade-in-0 {\n    &[data-state=\"open\"] {\n      --tw-enter-opacity: 0 !important;\n    }\n  }\n  .data-\\[state\\=open\\]\\:zoom-in-95 {\n    &[data-state=\"open\"] {\n      --tw-enter-scale: .95 !important;\n    }\n  }\n  .data-\\[variant\\=destructive\\]\\:text-destructive {\n    &[data-variant=\"destructive\"] {\n      color: var(--bs-destructive) !important;\n    }\n  }\n  .data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/10 {\n    &[data-variant=\"destructive\"] {\n      &:focus {\n        background-color: var(--bs-destructive) !important;\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--bs-destructive) 10%, transparent) !important;\n        }\n      }\n    }\n  }\n  .data-\\[variant\\=destructive\\]\\:focus\\:text-destructive {\n    &[data-variant=\"destructive\"] {\n      &:focus {\n        color: var(--bs-destructive) !important;\n      }\n    }\n  }\n  .max-sm\\:hidden {\n    @media (width < 40rem) {\n      display: none !important;\n    }\n  }\n  .sm\\:max-h-\\[270px\\] {\n    @media (width >= 40rem) {\n      max-height: 270px !important;\n    }\n  }\n  .sm\\:max-w-\\[500px\\] {\n    @media (width >= 40rem) {\n      max-width: 500px !important;\n    }\n  }\n  .sm\\:max-w-lg {\n    @media (width >= 40rem) {\n      max-width: var(--container-lg) !important;\n    }\n  }\n  .sm\\:flex-row {\n    @media (width >= 40rem) {\n      flex-direction: row !important;\n    }\n  }\n  .sm\\:justify-end {\n    @media (width >= 40rem) {\n      justify-content: flex-end !important;\n    }\n  }\n  .sm\\:text-left {\n    @media (width >= 40rem) {\n      text-align: left !important;\n    }\n  }\n  .md\\:order-last {\n    @media (width >= 48rem) {\n      order: 9999 !important;\n    }\n  }\n  .md\\:order-none {\n    @media (width >= 48rem) {\n      order: 0 !important;\n    }\n  }\n  .md\\:col-span-2 {\n    @media (width >= 48rem) {\n      grid-column: span 2 / span 2 !important;\n    }\n  }\n  .md\\:col-span-3 {\n    @media (width >= 48rem) {\n      grid-column: span 3 / span 3 !important;\n    }\n  }\n  .md\\:col-span-4 {\n    @media (width >= 48rem) {\n      grid-column: span 4 / span 4 !important;\n    }\n  }\n  .md\\:block {\n    @media (width >= 48rem) {\n      display: block !important;\n    }\n  }\n  .md\\:flex {\n    @media (width >= 48rem) {\n      display: flex !important;\n    }\n  }\n  .md\\:grid {\n    @media (width >= 48rem) {\n      display: grid !important;\n    }\n  }\n  .md\\:hidden {\n    @media (width >= 48rem) {\n      display: none !important;\n    }\n  }\n  .md\\:max-w-\\[75\\%\\] {\n    @media (width >= 48rem) {\n      max-width: 75% !important;\n    }\n  }\n  .md\\:grid-cols-2 {\n    @media (width >= 48rem) {\n      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n    }\n  }\n  .md\\:grid-cols-7 {\n    @media (width >= 48rem) {\n      grid-template-columns: repeat(7, minmax(0, 1fr)) !important;\n    }\n  }\n  .md\\:gap-0 {\n    @media (width >= 48rem) {\n      gap: calc(var(--spacing) * 0) !important;\n    }\n  }\n  .md\\:px-8 {\n    @media (width >= 48rem) {\n      padding-inline: calc(var(--spacing) * 8) !important;\n    }\n  }\n  .md\\:py-12 {\n    @media (width >= 48rem) {\n      padding-block: calc(var(--spacing) * 12) !important;\n    }\n  }\n  .md\\:text-sm {\n    @media (width >= 48rem) {\n      font-size: var(--text-sm) !important;\n      line-height: var(--tw-leading, var(--text-sm--line-height)) !important;\n    }\n  }\n  .dark\\:focus-visible\\:ring-destructive\\/40 {\n    @media (prefers-color-scheme: dark) {\n      &:focus-visible {\n        --tw-ring-color: var(--bs-destructive) !important;\n        @supports (color: color-mix(in lab, red, red)) {\n          --tw-ring-color: color-mix(in oklab, var(--bs-destructive) 40%, transparent) !important;\n        }\n      }\n    }\n  }\n  .dark\\:aria-invalid\\:ring-destructive\\/40 {\n    @media (prefers-color-scheme: dark) {\n      &[aria-invalid=\"true\"] {\n        --tw-ring-color: var(--bs-destructive) !important;\n        @supports (color: color-mix(in lab, red, red)) {\n          --tw-ring-color: color-mix(in oklab, var(--bs-destructive) 40%, transparent) !important;\n        }\n      }\n    }\n  }\n  .dark\\:data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/20 {\n    @media (prefers-color-scheme: dark) {\n      &[data-variant=\"destructive\"] {\n        &:focus {\n          background-color: var(--bs-destructive) !important;\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--bs-destructive) 20%, transparent) !important;\n          }\n        }\n      }\n    }\n  }\n  .\\[\\&_\\[cmdk-group-heading\\]\\]\\:px-2 {\n    & [cmdk-group-heading] {\n      padding-inline: calc(var(--spacing) * 2) !important;\n    }\n  }\n  .\\[\\&_\\[cmdk-group-heading\\]\\]\\:py-1\\.5 {\n    & [cmdk-group-heading] {\n      padding-block: calc(var(--spacing) * 1.5) !important;\n    }\n  }\n  .\\[\\&_\\[cmdk-group-heading\\]\\]\\:text-xs {\n    & [cmdk-group-heading] {\n      font-size: var(--text-xs) !important;\n      line-height: var(--tw-leading, var(--text-xs--line-height)) !important;\n    }\n  }\n  .\\[\\&_\\[cmdk-group-heading\\]\\]\\:font-medium {\n    & [cmdk-group-heading] {\n      --tw-font-weight: var(--font-weight-medium) !important;\n      font-weight: var(--font-weight-medium) !important;\n    }\n  }\n  .\\[\\&_\\[cmdk-group-heading\\]\\]\\:text-muted-foreground {\n    & [cmdk-group-heading] {\n      color: var(--bs-muted-foreground) !important;\n    }\n  }\n  .\\[\\&_\\[cmdk-group\\]\\]\\:px-2 {\n    & [cmdk-group] {\n      padding-inline: calc(var(--spacing) * 2) !important;\n    }\n  }\n  .\\[\\&_\\[cmdk-group\\]\\:not\\(\\[hidden\\]\\)_\\~\\[cmdk-group\\]\\]\\:pt-0 {\n    & [cmdk-group]:not([hidden]) ~[cmdk-group] {\n      padding-top: calc(var(--spacing) * 0) !important;\n    }\n  }\n  .\\[\\&_\\[cmdk-input-wrapper\\]_svg\\]\\:h-5 {\n    & [cmdk-input-wrapper] svg {\n      height: calc(var(--spacing) * 5) !important;\n    }\n  }\n  .\\[\\&_\\[cmdk-input-wrapper\\]_svg\\]\\:w-5 {\n    & [cmdk-input-wrapper] svg {\n      width: calc(var(--spacing) * 5) !important;\n    }\n  }\n  .\\[\\&_\\[cmdk-input\\]\\]\\:h-12 {\n    & [cmdk-input] {\n      height: calc(var(--spacing) * 12) !important;\n    }\n  }\n  .\\[\\&_\\[cmdk-item\\]\\]\\:px-2 {\n    & [cmdk-item] {\n      padding-inline: calc(var(--spacing) * 2) !important;\n    }\n  }\n  .\\[\\&_\\[cmdk-item\\]\\]\\:py-3 {\n    & [cmdk-item] {\n      padding-block: calc(var(--spacing) * 3) !important;\n    }\n  }\n  .\\[\\&_\\[cmdk-item\\]_svg\\]\\:h-5 {\n    & [cmdk-item] svg {\n      height: calc(var(--spacing) * 5) !important;\n    }\n  }\n  .\\[\\&_\\[cmdk-item\\]_svg\\]\\:w-5 {\n    & [cmdk-item] svg {\n      width: calc(var(--spacing) * 5) !important;\n    }\n  }\n  .\\[\\&_svg\\]\\:pointer-events-none {\n    & svg {\n      pointer-events: none !important;\n    }\n  }\n  .\\[\\&_svg\\]\\:shrink-0 {\n    & svg {\n      flex-shrink: 0 !important;\n    }\n  }\n  .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 {\n    & svg:not([class*='size-']) {\n      width: calc(var(--spacing) * 4) !important;\n      height: calc(var(--spacing) * 4) !important;\n    }\n  }\n  .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'text-\\'\\]\\)\\]\\:text-muted-foreground {\n    & svg:not([class*='text-']) {\n      color: var(--bs-muted-foreground) !important;\n    }\n  }\n  .\\*\\:\\[span\\]\\:last\\:flex {\n    :is(& > *) {\n      &:is(span) {\n        &:last-child {\n          display: flex !important;\n        }\n      }\n    }\n  }\n  .\\*\\:\\[span\\]\\:last\\:items-center {\n    :is(& > *) {\n      &:is(span) {\n        &:last-child {\n          align-items: center !important;\n        }\n      }\n    }\n  }\n  .\\*\\:\\[span\\]\\:last\\:gap-2 {\n    :is(& > *) {\n      &:is(span) {\n        &:last-child {\n          gap: calc(var(--spacing) * 2) !important;\n        }\n      }\n    }\n  }\n  .data-\\[variant\\=destructive\\]\\:\\*\\:\\[svg\\]\\:\\!text-destructive {\n    &[data-variant=\"destructive\"] {\n      :is(& > *) {\n        &:is(svg) {\n          color: var(--bs-destructive) !important;\n        }\n      }\n    }\n  }\n  .\\[\\&\\>span\\]\\:line-clamp-1 {\n    &>span {\n      overflow: hidden !important;\n      display: -webkit-box !important;\n      -webkit-box-orient: vertical !important;\n      -webkit-line-clamp: 1 !important;\n    }\n  }\n}\n.checkout-embed {\n  :root {\n    --background: oklch(1 0 0);\n    --foreground: oklch(0.145 0 0);\n    --card: oklch(1 0 0);\n    --card-foreground: oklch(0.145 0 0);\n    --popover: oklch(1 0 0);\n    --popover-foreground: oklch(0.145 0 0);\n    --primary: oklch(0.205 0 0);\n    --primary-foreground: oklch(0.985 0 0);\n    --secondary: oklch(0.97 0 0);\n    --secondary-foreground: oklch(0.205 0 0);\n    --muted: oklch(0.97 0 0);\n    --muted-foreground: oklch(0.556 0 0);\n    --accent: oklch(0.97 0 0);\n    --accent-foreground: oklch(0.205 0 0);\n    --destructive: oklch(0.577 0.245 27.325);\n    --destructive-foreground: oklch(0.577 0.245 27.325);\n    --border: oklch(0.922 0 0);\n    --input: oklch(0.922 0 0);\n    --ring: oklch(0.708 0 0);\n    --chart-1: oklch(0.646 0.222 41.116);\n    --chart-2: oklch(0.6 0.118 184.704);\n    --chart-3: oklch(0.398 0.07 227.392);\n    --chart-4: oklch(0.828 0.189 84.429);\n    --chart-5: oklch(0.769 0.188 70.08);\n    --radius: 0.625rem;\n    --sidebar: oklch(0.985 0 0);\n    --sidebar-foreground: oklch(0.145 0 0);\n    --sidebar-primary: oklch(0.205 0 0);\n    --sidebar-primary-foreground: oklch(0.985 0 0);\n    --sidebar-accent: oklch(0.97 0 0);\n    --sidebar-accent-foreground: oklch(0.205 0 0);\n    --sidebar-border: oklch(0.922 0 0);\n    --sidebar-ring: oklch(0.708 0 0);\n  }\n  @layer base {\n    * {\n      border-color: var(--bs-border) !important;\n      outline-color: var(--bs-ring) !important;\n      @supports (color: color-mix(in lab, red, red)) {\n        outline-color: color-mix(in oklab, var(--bs-ring) 50%, transparent) !important;\n      }\n    }\n    .checkout-embed {\n      background-color: var(--bs-background) !important;\n      font-family: var(--bs-font-sans), Helvetica, Arial, apple-system, sans-serif !important;\n      color: var(--bs-foreground) !important;\n    }\n    h2 {\n      font-size: var(--text-2xl) !important;\n      line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;\n      --tw-font-weight: var(--font-weight-bold) !important;\n      font-weight: var(--font-weight-bold) !important;\n      --tw-tracking: var(--tracking-tight) !important;\n      letter-spacing: var(--tracking-tight) !important;\n    }\n    p {\n      --tw-tracking: var(--tracking-tight) !important;\n      letter-spacing: var(--tracking-tight) !important;\n    }\n  }\n  @layer utilities {\n    .scrollbar-hidden {\n      scrollbar-width: none;\n    }\n    .scrollbar-hidden::-webkit-scrollbar {\n      display: none;\n    }\n  }\n}\n@keyframes enter {\n  from {\n    opacity: var(--tw-enter-opacity, 1);\n    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));\n  }\n}\n@keyframes exit {\n  to {\n    opacity: var(--tw-exit-opacity, 1);\n    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));\n  }\n}\n@property --tw-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-space-y-reverse {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-space-x-reverse {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-leading {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-tracking {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-inset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-offset-width {\n  syntax: \"<length>\";\n  inherits: false;\n  initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-outline-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-duration {\n  syntax: \"*\";\n  inherits: false;\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n    *, ::before, ::after, ::backdrop {\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-space-y-reverse: 0;\n      --tw-space-x-reverse: 0;\n      --tw-border-style: solid;\n      --tw-leading: initial;\n      --tw-font-weight: initial;\n      --tw-tracking: initial;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n      --tw-outline-style: solid;\n      --tw-duration: initial;\n    }\n  }\n}\n";
 styleInject(css_248z);
 
 export { index as CheckoutEmbed, PaymentElement$1 as PaymentElement, useCart, useCheckout };