@betterstore/react 0.3.39 → 0.3.40

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @betterstore/sdk
 
+## 0.3.40
+
+### Patch Changes
+
+- bug fixes
+
 ## 0.3.39
 
 ### Patch Changes

package/dist/components/checkout-embed/index.d.ts

@@ -14,6 +14,6 @@ interface CheckoutEmbedProps {
         clientProxy?: string;
     };
 }
-declare function CheckoutEmbed({ checkoutId, config }: CheckoutEmbedProps): React.JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof CheckoutEmbed>;
-export default _default;
+declare function CheckoutEmbedComponent({ checkoutId, config }: CheckoutEmbedProps): React.JSX.Element;
+declare const CheckoutEmbed: React.MemoExoticComponent<typeof CheckoutEmbedComponent>;
+export { CheckoutEmbed };

package/dist/components/iframe-wrapper.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const IframeWrapper: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;

package/dist/components/index.d.ts

@@ -1,4 +1,3 @@
 export * from "./cart/useCart";
-export { default as CheckoutEmbed } from "./checkout-embed";
-export { default as PaymentElement } from "./payment-element";
+export { CheckoutEmbed } from "./checkout-embed";
 export { useCheckout } from "./payment-element/useCheckout";

package/dist/index.cjs.js

@@ -6,6 +6,7 @@ var LanguageDetector = require('i18next-browser-languagedetector');
 var reactI18next = require('react-i18next');
 var sdk = require('@betterstore/sdk');
 var React = require('react');
+var ReactDOM = require('react-dom');
 var sonner = require('sonner');
 var zod = require('zod');
 var reactSlot = require('@radix-ui/react-slot');
@@ -515,51 +516,41 @@ const createI18nInstance = (locale) => __awaiter(void 0, void 0, void 0, functio
     return i18n;
 });
 
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const e$4=new Set(["children","localName","ref","style","className"]),n$5=new WeakMap,t$3=(e,t,o,l,a)=>{const s=a?.[t];void 0===s?(e[t]=o,null==o&&t in HTMLElement.prototype&&e.removeAttribute(t)):o!==l&&((e,t,o)=>{let l=n$5.get(e);void 0===l&&n$5.set(e,l=new Map);let a=l.get(t);void 0!==o?void 0===a?(l.set(t,a={handleEvent:o}),e.addEventListener(t,a)):a.handleEvent=o:void 0!==a&&(l.delete(t),e.removeEventListener(t,a));})(e,s,o);},o$4=({react:n,tagName:o,elementClass:l,events:a,displayName:s})=>{const c=new Set(Object.keys(a??{})),r=n.forwardRef(((s,r)=>{const i=n.useRef(new Map),d=n.useRef(null),f={},u={};for(const[n,t]of Object.entries(s))e$4.has(n)?f["className"===n?"class":n]=t:c.has(n)||n in l.prototype?u[n]=t:f[n]=t;return n.useLayoutEffect((()=>{if(null===d.current)return;const e=new Map;for(const n in u)t$3(d.current,n,s[n],i.current.get(n),a),i.current.delete(n),e.set(n,s[n]);for(const[e,n]of i.current)t$3(d.current,e,void 0,n,a);i.current=e;})),n.useLayoutEffect((()=>{d.current?.removeAttribute("defer-hydration");}),[]),f.suppressHydrationWarning=true,n.createElement(o,{...f,ref:n.useCallback((e=>{d.current=e,"function"==typeof r?r(e):null!==r&&(r.current=e);}),[r])})}));return r.displayName=s??l.name,r};
-
-/**
- * @license
- * Copyright 2019 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const t$2=globalThis,e$3=t$2.ShadowRoot&&(void 0===t$2.ShadyCSS||t$2.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$4=Symbol(),o$3=new WeakMap;let n$4 = class n{constructor(t,e,o){if(this._$cssResult$=true,o!==s$4)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e;}get styleSheet(){let t=this.o;const s=this.t;if(e$3&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=o$3.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o$3.set(s,t));}return t}toString(){return this.cssText}};const r$2=t=>new n$4("string"==typeof t?t:t+"",void 0,s$4),i$3=(t,...e)=>{const o=1===t.length?t[0]:e.reduce(((e,s,o)=>e+(t=>{if(true===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+t[o+1]),t[0]);return new n$4(o,t,s$4)},S$1=(s,o)=>{if(e$3)s.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const e of o){const o=document.createElement("style"),n=t$2.litNonce;void 0!==n&&o.setAttribute("nonce",n),o.textContent=e.cssText,s.appendChild(o);}},c$3=e$3?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return r$2(e)})(t):t;
+var css_248z = "/*! tailwindcss v4.1.8 | 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:root {\n  --bs-background: oklch(1 0 0);\n  --bs-foreground: oklch(0.145 0 0);\n  --bs-card: oklch(1 0 0);\n  --bs-card-foreground: oklch(0.145 0 0);\n  --bs-popover: oklch(1 0 0);\n  --bs-popover-foreground: oklch(0.145 0 0);\n  --bs-primary: oklch(0.205 0 0);\n  --bs-primary-foreground: oklch(0.985 0 0);\n  --bs-secondary: oklch(0.97 0 0);\n  --bs-secondary-foreground: oklch(0.205 0 0);\n  --bs-muted: oklch(0.97 0 0);\n  --bs-muted-foreground: oklch(0.556 0 0);\n  --bs-accent: oklch(0.97 0 0);\n  --bs-accent-foreground: oklch(0.205 0 0);\n  --bs-destructive: oklch(0.577 0.245 27.325);\n  --bs-destructive-foreground: oklch(0.577 0.245 27.325);\n  --bs-border: oklch(0.922 0 0);\n  --bs-input: oklch(0.922 0 0);\n  --bs-ring: oklch(0.708 0 0);\n  --bs-chart-1: oklch(0.646 0.222 41.116);\n  --bs-chart-2: oklch(0.6 0.118 184.704);\n  --bs-chart-3: oklch(0.398 0.07 227.392);\n  --bs-chart-4: oklch(0.828 0.189 84.429);\n  --bs-chart-5: oklch(0.769 0.188 70.08);\n  --bs-radius: 0.625rem;\n  --bs-sidebar: oklch(0.985 0 0);\n  --bs-sidebar-foreground: oklch(0.145 0 0);\n  --bs-sidebar-primary: oklch(0.205 0 0);\n  --bs-sidebar-primary-foreground: oklch(0.985 0 0);\n  --bs-sidebar-accent: oklch(0.97 0 0);\n  --bs-sidebar-accent-foreground: oklch(0.205 0 0);\n  --bs-sidebar-border: oklch(0.922 0 0);\n  --bs-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@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";
 
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const{is:i$2,defineProperty:e$2,getOwnPropertyDescriptor:h$1,getOwnPropertyNames:r$1,getOwnPropertySymbols:o$2,getPrototypeOf:n$3}=Object,a$1=globalThis,c$2=a$1.trustedTypes,l$1=c$2?c$2.emptyScript:"",p$1=a$1.reactiveElementPolyfillSupport,d$1=(t,s)=>t,u$2={toAttribute(t,s){switch(s){case Boolean:t=t?l$1:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t);}return t},fromAttribute(t,s){let i=t;switch(s){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t);}catch(t){i=null;}}return i}},f$1=(t,s)=>!i$2(t,s),b={attribute:true,type:String,converter:u$2,reflect:false,useDefault:false,hasChanged:f$1};Symbol.metadata??=Symbol("metadata"),a$1.litPropertyMetadata??=new WeakMap;let y$1 = class y extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t);}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=b){if(s.state&&(s.attribute=false),this._$Ei(),this.prototype.hasOwnProperty(t)&&((s=Object.create(s)).wrapped=true),this.elementProperties.set(t,s),!s.noAccessor){const i=Symbol(),h=this.getPropertyDescriptor(t,i,s);void 0!==h&&e$2(this.prototype,t,h);}}static getPropertyDescriptor(t,s,i){const{get:e,set:r}=h$1(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t;}};return {get:e,set(s){const h=e?.call(this);r?.call(this,s),this.requestUpdate(t,h,i);},configurable:true,enumerable:true}}static getPropertyOptions(t){return this.elementProperties.get(t)??b}static _$Ei(){if(this.hasOwnProperty(d$1("elementProperties")))return;const t=n$3(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties);}static finalize(){if(this.hasOwnProperty(d$1("finalized")))return;if(this.finalized=true,this._$Ei(),this.hasOwnProperty(d$1("properties"))){const t=this.properties,s=[...r$1(t),...o$2(t)];for(const i of s)this.createProperty(i,t[i]);}const t=this[Symbol.metadata];if(null!==t){const s=litPropertyMetadata.get(t);if(void 0!==s)for(const[t,i]of s)this.elementProperties.set(t,i);}this._$Eh=new Map;for(const[t,s]of this.elementProperties){const i=this._$Eu(t,s);void 0!==i&&this._$Eh.set(i,t);}this.elementStyles=this.finalizeStyles(this.styles);}static finalizeStyles(s){const i=[];if(Array.isArray(s)){const e=new Set(s.flat(1/0).reverse());for(const s of e)i.unshift(c$3(s));}else void 0!==s&&i.push(c$3(s));return i}static _$Eu(t,s){const i=s.attribute;return  false===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=false,this.hasUpdated=false,this._$Em=null,this._$Ev();}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)));}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.();}removeController(t){this._$EO?.delete(t);}_$E_(){const t=new Map,s=this.constructor.elementProperties;for(const i of s.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t);}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return S$1(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(true),this._$EO?.forEach((t=>t.hostConnected?.()));}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()));}attributeChangedCallback(t,s,i){this._$AK(t,i);}_$ET(t,s){const i=this.constructor.elementProperties.get(t),e=this.constructor._$Eu(t,i);if(void 0!==e&&true===i.reflect){const h=(void 0!==i.converter?.toAttribute?i.converter:u$2).toAttribute(s,i.type);this._$Em=t,null==h?this.removeAttribute(e):this.setAttribute(e,h),this._$Em=null;}}_$AK(t,s){const i=this.constructor,e=i._$Eh.get(t);if(void 0!==e&&this._$Em!==e){const t=i.getPropertyOptions(e),h="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:u$2;this._$Em=e,this[e]=h.fromAttribute(s,t.type)??this._$Ej?.get(e)??null,this._$Em=null;}}requestUpdate(t,s,i){if(void 0!==t){const e=this.constructor,h=this[t];if(i??=e.getPropertyOptions(t),!((i.hasChanged??f$1)(h,s)||i.useDefault&&i.reflect&&h===this._$Ej?.get(t)&&!this.hasAttribute(e._$Eu(t,i))))return;this.C(t,s,i);} false===this.isUpdatePending&&(this._$ES=this._$EP());}C(t,s,{useDefault:i,reflect:e,wrapped:h},r){i&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,r??s??this[t]),true!==h||void 0!==r)||(this._$AL.has(t)||(this.hasUpdated||i||(s=void 0),this._$AL.set(t,s)),true===e&&this._$Em!==t&&(this._$Eq??=new Set).add(t));}async _$EP(){this.isUpdatePending=true;try{await this._$ES;}catch(t){Promise.reject(t);}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,s]of this._$Ep)this[t]=s;this._$Ep=void 0;}const t=this.constructor.elementProperties;if(t.size>0)for(const[s,i]of t){const{wrapped:t}=i,e=this[s];true!==t||this._$AL.has(s)||void 0===e||this.C(s,void 0,i,e);}}let t=false;const s=this._$AL;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(s)):this._$EM();}catch(s){throw t=false,this._$EM(),s}t&&this._$AE(s);}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=true,this.firstUpdated(t)),this.updated(t);}_$EM(){this._$AL=new Map,this.isUpdatePending=false;}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return  true}update(t){this._$Eq&&=this._$Eq.forEach((t=>this._$ET(t,this[t]))),this._$EM();}updated(t){}firstUpdated(t){}};y$1.elementStyles=[],y$1.shadowRootOptions={mode:"open"},y$1[d$1("elementProperties")]=new Map,y$1[d$1("finalized")]=new Map,p$1?.({ReactiveElement:y$1}),(a$1.reactiveElementVersions??=[]).push("2.1.0");
-
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const t$1=globalThis,i$1=t$1.trustedTypes,s$3=i$1?i$1.createPolicy("lit-html",{createHTML:t=>t}):void 0,e$1="$lit$",h=`lit$${Math.random().toFixed(9).slice(2)}$`,o$1="?"+h,n$2=`<${o$1}>`,r=document,l=()=>r.createComment(""),c$1=t=>null===t||"object"!=typeof t&&"function"!=typeof t,a=Array.isArray,u$1=t=>a(t)||"function"==typeof t?.[Symbol.iterator],d="[ \t\n\f\r]",f=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,v=/-->/g,_=/>/g,m=RegExp(`>|${d}(?:([^\\s"'>=/]+)(${d}*=${d}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),p=/'/g,g=/"/g,$=/^(?:script|style|textarea|title)$/i,y=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),x$1=y(1),T=Symbol.for("lit-noChange"),E=Symbol.for("lit-nothing"),A=new WeakMap,C=r.createTreeWalker(r,129);function P(t,i){if(!a(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==s$3?s$3.createHTML(i):i}const V=(t,i)=>{const s=t.length-1,o=[];let r,l=2===i?"<svg>":3===i?"<math>":"",c=f;for(let i=0;i<s;i++){const s=t[i];let a,u,d=-1,y=0;for(;y<s.length&&(c.lastIndex=y,u=c.exec(s),null!==u);)y=c.lastIndex,c===f?"!--"===u[1]?c=v:void 0!==u[1]?c=_:void 0!==u[2]?($.test(u[2])&&(r=RegExp("</"+u[2],"g")),c=m):void 0!==u[3]&&(c=m):c===m?">"===u[0]?(c=r??f,d=-1):void 0===u[1]?d=-2:(d=c.lastIndex-u[2].length,a=u[1],c=void 0===u[3]?m:'"'===u[3]?g:p):c===g||c===p?c=m:c===v||c===_?c=f:(c=m,r=void 0);const x=c===m&&t[i+1].startsWith("/>")?" ":"";l+=c===f?s+n$2:d>=0?(o.push(a),s.slice(0,d)+e$1+s.slice(d)+h+x):s+h+(-2===d?i:x);}return [P(t,l+(t[s]||"<?>")+(2===i?"</svg>":3===i?"</math>":"")),o]};class N{constructor({strings:t,_$litType$:s},n){let r;this.parts=[];let c=0,a=0;const u=t.length-1,d=this.parts,[f,v]=V(t,s);if(this.el=N.createElement(f,n),C.currentNode=this.el.content,2===s||3===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes);}for(;null!==(r=C.nextNode())&&d.length<u;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(e$1)){const i=v[a++],s=r.getAttribute(t).split(h),e=/([.?@])?(.*)/.exec(i);d.push({type:1,index:c,name:e[2],strings:s,ctor:"."===e[1]?H:"?"===e[1]?I:"@"===e[1]?L:k}),r.removeAttribute(t);}else t.startsWith(h)&&(d.push({type:6,index:c}),r.removeAttribute(t));if($.test(r.tagName)){const t=r.textContent.split(h),s=t.length-1;if(s>0){r.textContent=i$1?i$1.emptyScript:"";for(let i=0;i<s;i++)r.append(t[i],l()),C.nextNode(),d.push({type:2,index:++c});r.append(t[s],l());}}}else if(8===r.nodeType)if(r.data===o$1)d.push({type:2,index:c});else {let t=-1;for(;-1!==(t=r.data.indexOf(h,t+1));)d.push({type:7,index:c}),t+=h.length-1;}c++;}}static createElement(t,i){const s=r.createElement("template");return s.innerHTML=t,s}}function S(t,i,s=t,e){if(i===T)return i;let h=void 0!==e?s._$Co?.[e]:s._$Cl;const o=c$1(i)?void 0:i._$litDirective$;return h?.constructor!==o&&(h?._$AO?.(false),void 0===o?h=void 0:(h=new o(t),h._$AT(t,s,e)),void 0!==e?(s._$Co??=[])[e]=h:s._$Cl=h),void 0!==h&&(i=S(t,h._$AS(t,i.values),h,e)),i}let M$1 = class M{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i;}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:i},parts:s}=this._$AD,e=(t?.creationScope??r).importNode(i,true);C.currentNode=e;let h=C.nextNode(),o=0,n=0,l=s[0];for(;void 0!==l;){if(o===l.index){let i;2===l.type?i=new R(h,h.nextSibling,this,t):1===l.type?i=new l.ctor(h,l.name,l.strings,this,t):6===l.type&&(i=new z$1(h,this,t)),this._$AV.push(i),l=s[++n];}o!==l?.index&&(h=C.nextNode(),o++);}return C.currentNode=r,e}p(t){let i=0;for(const s of this._$AV) void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++;}};class R{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,i,s,e){this.type=2,this._$AH=E,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cv=e?.isConnected??true;}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t?.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=S(this,t,i),c$1(t)?t===E||null==t||""===t?(this._$AH!==E&&this._$AR(),this._$AH=E):t!==this._$AH&&t!==T&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):u$1(t)?this.k(t):this._(t);}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t));}_(t){this._$AH!==E&&c$1(this._$AH)?this._$AA.nextSibling.data=t:this.T(r.createTextNode(t)),this._$AH=t;}$(t){const{values:i,_$litType$:s}=t,e="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=N.createElement(P(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===e)this._$AH.p(i);else {const t=new M$1(e,this),s=t.u(this.options);t.p(i),this.T(s),this._$AH=t;}}_$AC(t){let i=A.get(t.strings);return void 0===i&&A.set(t.strings,i=new N(t)),i}k(t){a(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const h of t)e===i.length?i.push(s=new R(this.O(l()),this.O(l()),this,this.options)):s=i[e],s._$AI(h),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e);}_$AR(t=this._$AA.nextSibling,i){for(this._$AP?.(false,true,i);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i;}}setConnected(t){ void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t));}}class k{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,i,s,e,h){this.type=1,this._$AH=E,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=h,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=E;}_$AI(t,i=this,s,e){const h=this.strings;let o=false;if(void 0===h)t=S(this,t,i,0),o=!c$1(t)||t!==this._$AH&&t!==T,o&&(this._$AH=t);else {const e=t;let n,r;for(t=h[0],n=0;n<h.length-1;n++)r=S(this,e[s+n],i,n),r===T&&(r=this._$AH[n]),o||=!c$1(r)||r!==this._$AH[n],r===E?t=E:t!==E&&(t+=(r??"")+h[n+1]),this._$AH[n]=r;}o&&!e&&this.j(t);}j(t){t===E?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"");}}class H extends k{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===E?void 0:t;}}class I extends k{constructor(){super(...arguments),this.type=4;}j(t){this.element.toggleAttribute(this.name,!!t&&t!==E);}}class L extends k{constructor(t,i,s,e,h){super(t,i,s,e,h),this.type=5;}_$AI(t,i=this){if((t=S(this,t,i,0)??E)===T)return;const s=this._$AH,e=t===E&&s!==E||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,h=t!==E&&(s===E||e);e&&this.element.removeEventListener(this.name,this,s),h&&this.element.addEventListener(this.name,this,t),this._$AH=t;}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t);}}let z$1 = class z{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s;}get _$AU(){return this._$AM._$AU}_$AI(t){S(this,t);}};const j=t$1.litHtmlPolyfillSupport;j?.(N,R),(t$1.litHtmlVersions??=[]).push("3.3.0");const B=(t,i,s)=>{const e=s?.renderBefore??i;let h=e._$litPart$;if(void 0===h){const t=s?.renderBefore??null;e._$litPart$=h=new R(i.insertBefore(l(),t),t,void 0,s??{});}return h._$AI(t),h};
-
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const s$2=globalThis;class i extends y$1{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0;}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const r=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=B(r,this.renderRoot,this.renderOptions);}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(true);}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(false);}render(){return T}}i._$litElement$=true,i["finalized"]=true,s$2.litElementHydrateSupport?.({LitElement:i});const o=s$2.litElementPolyfillSupport;o?.({LitElement:i});(s$2.litElementVersions??=[]).push("4.2.0");
-
-class ShadowHost extends i {
-    render() {
-        return x$1 `<slot></slot>`;
-    }
-}
-ShadowHost.styles = i$3 ``;
-customElements.define("shadow-host", ShadowHost);
-const ShadowWrapper = o$4({
-    tagName: "shadow-host",
-    elementClass: ShadowHost,
-    react: React,
-});
+const IframeWrapper = ({ children }) => {
+    const iframeRef = React.useRef(null);
+    const [iframeBody, setIframeBody] = React.useState(null);
+    React.useEffect(() => {
+        var _a;
+        const iframe = iframeRef.current;
+        if (!iframe)
+            return;
+        const iframeDoc = iframe.contentDocument || ((_a = iframe.contentWindow) === null || _a === void 0 ? void 0 : _a.document);
+        if (!iframeDoc)
+            return;
+        const onLoad = () => {
+            const style = iframeDoc.createElement("style");
+            style.innerHTML = css_248z;
+            iframeDoc.head.appendChild(style);
+            setIframeBody(iframeDoc.body);
+        };
+        // For first load
+        if (iframeDoc.readyState === "complete")
+            onLoad();
+        else
+            iframe.addEventListener("load", onLoad);
+        return () => iframe.removeEventListener("load", onLoad);
+    }, []);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("iframe", { ref: iframeRef, style: {
+                width: "100%",
+                height: "100%",
+                border: "none",
+                minHeight: "100vh",
+            }, sandbox: "allow-same-origin allow-scripts" }),
+        iframeBody && ReactDOM.createPortal(children, iframeBody)));
+};
 
 var M=(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__namespace.createContext(void 0),U={setTheme:e=>{},themes:[]},z=()=>{var e;return (e=React__namespace.useContext(x))!=null?e:U};React__namespace.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__namespace.createElement("script",{...w,suppressHydrationWarning:true,nonce:typeof window=="undefined"?d:"",dangerouslySetInnerHTML:{__html:`(${M.toString()})(${p})`}})});
 
@@ -11340,9 +11331,8 @@ function PaymentElement({ paymentSecret, publicKey, checkoutAppearance, locale,
         clientSecret: paymentSecret,
         fonts: fonts,
     };
-    return (React.createElement(ShadowWrapper, null,
-        React.createElement(reactStripeJs.Elements, { stripe: stripePromise, options: options },
-            React.createElement(CheckoutForm$2, { onSuccess: onSuccess, onError: onError, children: children, setSubmitting: setSubmitting }))));
+    return (React.createElement(reactStripeJs.Elements, { stripe: stripePromise, options: options },
+        React.createElement(CheckoutForm$2, { onSuccess: onSuccess, onError: onError, children: children, setSubmitting: setSubmitting })));
 }
 var PaymentElement$1 = React.memo(PaymentElement);
 
@@ -11974,7 +11964,7 @@ function CheckoutSummaryLoading() {
                 React.createElement(Skeleton, { className: "w-20 h-5" })))))));
 }
 
-function CheckoutEmbed({ checkoutId, config }) {
+function CheckoutEmbedComponent({ checkoutId, config }) {
     var _a, _b, _c, _d, _e, _f;
     const { cancelUrl, successUrl, appearance, locale, clientSecret, clientProxy, } = config;
     const storeClient = React.useMemo(() => sdk.createStoreClient({ proxy: clientProxy }), [clientProxy]);
@@ -12064,7 +12054,7 @@ function CheckoutEmbed({ checkoutId, config }) {
         }, 1000 * 5);
         return () => clearInterval(interval);
     }, []);
-    return (React.createElement(ShadowWrapper, null,
+    return (React.createElement(IframeWrapper, null,
         React.createElement("div", { className: "checkout-embed scrollbar-hidden mx-auto max-w-[1200px] min-h-screen overflow-x-hidden gap-6 md:gap-0 py-4 md:py-12 flex flex-col md:grid md:grid-cols-7 " },
             React.createElement(Appearance, { appearance: appearance }),
             React.createElement("div", { className: "md:col-span-4 px-4 md:px-8" }, loading ? (React.createElement(CheckoutFormLoading, null)) : (React.createElement(CheckoutForm, { locale: locale, setShippingCost: setShippingCost, storeClient: storeClient, fonts: config.fonts, checkoutAppearance: appearance, currency: (_a = checkout === null || checkout === void 0 ? void 0 : checkout.currency) !== null && _a !== void 0 ? _a : "", customer: checkout === null || checkout === void 0 ? void 0 : checkout.customer, cancelUrl: cancelUrl, checkoutId: checkoutId, clientSecret: clientSecret, onSuccess: onSuccess, onError: onError, exchangeRate: (_b = checkout === null || checkout === void 0 ? void 0 : checkout.exchangeRate) !== null && _b !== void 0 ? _b : 1, setCheckout: setCheckout, setPublicKey: setPublicKey, publicKey: publicKey, setPaymentSecret: setPaymentSecret, paymentSecret: paymentSecret }))),
@@ -12072,39 +12062,8 @@ function CheckoutEmbed({ checkoutId, config }) {
                 React.createElement(Toaster, null),
                 loading ? (React.createElement(CheckoutSummaryLoading, null)) : (React.createElement(CheckoutSummary, { currency: (_c = checkout === null || checkout === void 0 ? void 0 : checkout.currency) !== null && _c !== void 0 ? _c : "", lineItems: (_d = checkout === null || checkout === void 0 ? void 0 : checkout.lineItems) !== null && _d !== void 0 ? _d : [], shipping: checkout === null || checkout === void 0 ? void 0 : checkout.shipping, tax: checkout === null || checkout === void 0 ? void 0 : checkout.tax, onCancel: onCancel, exchangeRate: (_e = checkout === null || checkout === void 0 ? void 0 : checkout.exchangeRate) !== null && _e !== void 0 ? _e : 1, applyDiscountCode: applyDiscountCode, appliedDiscounts: (_f = checkout === null || checkout === void 0 ? void 0 : checkout.appliedDiscounts) !== null && _f !== void 0 ? _f : [], revalidateDiscounts: revalidateDiscounts, removeDiscount: removeDiscount }))))));
 }
-var index = React.memo(CheckoutEmbed);
-
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z = "/*! tailwindcss v4.1.8 | 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  .static {\n    position: static !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:root {\n  --bs-background: oklch(1 0 0);\n  --bs-foreground: oklch(0.145 0 0);\n  --bs-card: oklch(1 0 0);\n  --bs-card-foreground: oklch(0.145 0 0);\n  --bs-popover: oklch(1 0 0);\n  --bs-popover-foreground: oklch(0.145 0 0);\n  --bs-primary: oklch(0.205 0 0);\n  --bs-primary-foreground: oklch(0.985 0 0);\n  --bs-secondary: oklch(0.97 0 0);\n  --bs-secondary-foreground: oklch(0.205 0 0);\n  --bs-muted: oklch(0.97 0 0);\n  --bs-muted-foreground: oklch(0.556 0 0);\n  --bs-accent: oklch(0.97 0 0);\n  --bs-accent-foreground: oklch(0.205 0 0);\n  --bs-destructive: oklch(0.577 0.245 27.325);\n  --bs-destructive-foreground: oklch(0.577 0.245 27.325);\n  --bs-border: oklch(0.922 0 0);\n  --bs-input: oklch(0.922 0 0);\n  --bs-ring: oklch(0.708 0 0);\n  --bs-chart-1: oklch(0.646 0.222 41.116);\n  --bs-chart-2: oklch(0.6 0.118 184.704);\n  --bs-chart-3: oklch(0.398 0.07 227.392);\n  --bs-chart-4: oklch(0.828 0.189 84.429);\n  --bs-chart-5: oklch(0.769 0.188 70.08);\n  --bs-radius: 0.625rem;\n  --bs-sidebar: oklch(0.985 0 0);\n  --bs-sidebar-foreground: oklch(0.145 0 0);\n  --bs-sidebar-primary: oklch(0.205 0 0);\n  --bs-sidebar-primary-foreground: oklch(0.985 0 0);\n  --bs-sidebar-accent: oklch(0.97 0 0);\n  --bs-sidebar-accent-foreground: oklch(0.205 0 0);\n  --bs-sidebar-border: oklch(0.922 0 0);\n  --bs-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@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);
+const CheckoutEmbed = React.memo(CheckoutEmbedComponent);
 
-exports.CheckoutEmbed = index;
-exports.PaymentElement = PaymentElement$1;
+exports.CheckoutEmbed = CheckoutEmbed;
 exports.useCart = useCart;
 exports.useCheckout = useCheckout;

package/dist/index.d.ts

@@ -1,3 +1,2 @@
 export * from "./components";
 export * from "./types";
-import "./globals.css";

package/dist/index.mjs

@@ -4,9 +4,10 @@ import LanguageDetector from 'i18next-browser-languagedetector';
 import { initReactI18next, useTranslation } from 'react-i18next';
 import { createStoreHelpers, createStoreClient } from '@betterstore/sdk';
 import * as React from 'react';
-import React__default, { useEffect, createContext, useRef, useLayoutEffect, useId, useContext, useInsertionEffect, useMemo, useCallback, Children, isValidElement, useState, forwardRef, Fragment as Fragment$1, createElement, Component, memo as memo$1 } from 'react';
+import React__default, { useRef, useState, useEffect, createContext, useLayoutEffect, useId, useContext, useInsertionEffect, useMemo, useCallback, Children, isValidElement, forwardRef, Fragment as Fragment$1, createElement, Component, memo as memo$1 } from 'react';
+import ReactDOM from 'react-dom';
 import { Toaster as Toaster$1, toast } from 'sonner';
-import { z as z$2 } from 'zod';
+import { z as z$1 } from 'zod';
 import { Slot } from '@radix-ui/react-slot';
 import { FormProvider, Controller, useFormContext, useFormState, appendErrors, useForm } from 'react-hook-form';
 import * as LabelPrimitive from '@radix-ui/react-label';
@@ -492,51 +493,41 @@ const createI18nInstance = (locale) => __awaiter(void 0, void 0, void 0, functio
     return i18n;
 });
 
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const e$4=new Set(["children","localName","ref","style","className"]),n$5=new WeakMap,t$3=(e,t,o,l,a)=>{const s=a?.[t];void 0===s?(e[t]=o,null==o&&t in HTMLElement.prototype&&e.removeAttribute(t)):o!==l&&((e,t,o)=>{let l=n$5.get(e);void 0===l&&n$5.set(e,l=new Map);let a=l.get(t);void 0!==o?void 0===a?(l.set(t,a={handleEvent:o}),e.addEventListener(t,a)):a.handleEvent=o:void 0!==a&&(l.delete(t),e.removeEventListener(t,a));})(e,s,o);},o$4=({react:n,tagName:o,elementClass:l,events:a,displayName:s})=>{const c=new Set(Object.keys(a??{})),r=n.forwardRef(((s,r)=>{const i=n.useRef(new Map),d=n.useRef(null),f={},u={};for(const[n,t]of Object.entries(s))e$4.has(n)?f["className"===n?"class":n]=t:c.has(n)||n in l.prototype?u[n]=t:f[n]=t;return n.useLayoutEffect((()=>{if(null===d.current)return;const e=new Map;for(const n in u)t$3(d.current,n,s[n],i.current.get(n),a),i.current.delete(n),e.set(n,s[n]);for(const[e,n]of i.current)t$3(d.current,e,void 0,n,a);i.current=e;})),n.useLayoutEffect((()=>{d.current?.removeAttribute("defer-hydration");}),[]),f.suppressHydrationWarning=true,n.createElement(o,{...f,ref:n.useCallback((e=>{d.current=e,"function"==typeof r?r(e):null!==r&&(r.current=e);}),[r])})}));return r.displayName=s??l.name,r};
-
-/**
- * @license
- * Copyright 2019 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const t$2=globalThis,e$3=t$2.ShadowRoot&&(void 0===t$2.ShadyCSS||t$2.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$4=Symbol(),o$3=new WeakMap;let n$4 = class n{constructor(t,e,o){if(this._$cssResult$=true,o!==s$4)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e;}get styleSheet(){let t=this.o;const s=this.t;if(e$3&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=o$3.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o$3.set(s,t));}return t}toString(){return this.cssText}};const r$2=t=>new n$4("string"==typeof t?t:t+"",void 0,s$4),i$3=(t,...e)=>{const o=1===t.length?t[0]:e.reduce(((e,s,o)=>e+(t=>{if(true===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+t[o+1]),t[0]);return new n$4(o,t,s$4)},S$1=(s,o)=>{if(e$3)s.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const e of o){const o=document.createElement("style"),n=t$2.litNonce;void 0!==n&&o.setAttribute("nonce",n),o.textContent=e.cssText,s.appendChild(o);}},c$3=e$3?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return r$2(e)})(t):t;
+var css_248z = "/*! tailwindcss v4.1.8 | 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:root {\n  --bs-background: oklch(1 0 0);\n  --bs-foreground: oklch(0.145 0 0);\n  --bs-card: oklch(1 0 0);\n  --bs-card-foreground: oklch(0.145 0 0);\n  --bs-popover: oklch(1 0 0);\n  --bs-popover-foreground: oklch(0.145 0 0);\n  --bs-primary: oklch(0.205 0 0);\n  --bs-primary-foreground: oklch(0.985 0 0);\n  --bs-secondary: oklch(0.97 0 0);\n  --bs-secondary-foreground: oklch(0.205 0 0);\n  --bs-muted: oklch(0.97 0 0);\n  --bs-muted-foreground: oklch(0.556 0 0);\n  --bs-accent: oklch(0.97 0 0);\n  --bs-accent-foreground: oklch(0.205 0 0);\n  --bs-destructive: oklch(0.577 0.245 27.325);\n  --bs-destructive-foreground: oklch(0.577 0.245 27.325);\n  --bs-border: oklch(0.922 0 0);\n  --bs-input: oklch(0.922 0 0);\n  --bs-ring: oklch(0.708 0 0);\n  --bs-chart-1: oklch(0.646 0.222 41.116);\n  --bs-chart-2: oklch(0.6 0.118 184.704);\n  --bs-chart-3: oklch(0.398 0.07 227.392);\n  --bs-chart-4: oklch(0.828 0.189 84.429);\n  --bs-chart-5: oklch(0.769 0.188 70.08);\n  --bs-radius: 0.625rem;\n  --bs-sidebar: oklch(0.985 0 0);\n  --bs-sidebar-foreground: oklch(0.145 0 0);\n  --bs-sidebar-primary: oklch(0.205 0 0);\n  --bs-sidebar-primary-foreground: oklch(0.985 0 0);\n  --bs-sidebar-accent: oklch(0.97 0 0);\n  --bs-sidebar-accent-foreground: oklch(0.205 0 0);\n  --bs-sidebar-border: oklch(0.922 0 0);\n  --bs-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@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";
 
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const{is:i$2,defineProperty:e$2,getOwnPropertyDescriptor:h$1,getOwnPropertyNames:r$1,getOwnPropertySymbols:o$2,getPrototypeOf:n$3}=Object,a$1=globalThis,c$2=a$1.trustedTypes,l$1=c$2?c$2.emptyScript:"",p$1=a$1.reactiveElementPolyfillSupport,d$1=(t,s)=>t,u$2={toAttribute(t,s){switch(s){case Boolean:t=t?l$1:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t);}return t},fromAttribute(t,s){let i=t;switch(s){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t);}catch(t){i=null;}}return i}},f$1=(t,s)=>!i$2(t,s),b={attribute:true,type:String,converter:u$2,reflect:false,useDefault:false,hasChanged:f$1};Symbol.metadata??=Symbol("metadata"),a$1.litPropertyMetadata??=new WeakMap;let y$1 = class y extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t);}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=b){if(s.state&&(s.attribute=false),this._$Ei(),this.prototype.hasOwnProperty(t)&&((s=Object.create(s)).wrapped=true),this.elementProperties.set(t,s),!s.noAccessor){const i=Symbol(),h=this.getPropertyDescriptor(t,i,s);void 0!==h&&e$2(this.prototype,t,h);}}static getPropertyDescriptor(t,s,i){const{get:e,set:r}=h$1(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t;}};return {get:e,set(s){const h=e?.call(this);r?.call(this,s),this.requestUpdate(t,h,i);},configurable:true,enumerable:true}}static getPropertyOptions(t){return this.elementProperties.get(t)??b}static _$Ei(){if(this.hasOwnProperty(d$1("elementProperties")))return;const t=n$3(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties);}static finalize(){if(this.hasOwnProperty(d$1("finalized")))return;if(this.finalized=true,this._$Ei(),this.hasOwnProperty(d$1("properties"))){const t=this.properties,s=[...r$1(t),...o$2(t)];for(const i of s)this.createProperty(i,t[i]);}const t=this[Symbol.metadata];if(null!==t){const s=litPropertyMetadata.get(t);if(void 0!==s)for(const[t,i]of s)this.elementProperties.set(t,i);}this._$Eh=new Map;for(const[t,s]of this.elementProperties){const i=this._$Eu(t,s);void 0!==i&&this._$Eh.set(i,t);}this.elementStyles=this.finalizeStyles(this.styles);}static finalizeStyles(s){const i=[];if(Array.isArray(s)){const e=new Set(s.flat(1/0).reverse());for(const s of e)i.unshift(c$3(s));}else void 0!==s&&i.push(c$3(s));return i}static _$Eu(t,s){const i=s.attribute;return  false===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=false,this.hasUpdated=false,this._$Em=null,this._$Ev();}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)));}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.();}removeController(t){this._$EO?.delete(t);}_$E_(){const t=new Map,s=this.constructor.elementProperties;for(const i of s.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t);}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return S$1(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(true),this._$EO?.forEach((t=>t.hostConnected?.()));}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()));}attributeChangedCallback(t,s,i){this._$AK(t,i);}_$ET(t,s){const i=this.constructor.elementProperties.get(t),e=this.constructor._$Eu(t,i);if(void 0!==e&&true===i.reflect){const h=(void 0!==i.converter?.toAttribute?i.converter:u$2).toAttribute(s,i.type);this._$Em=t,null==h?this.removeAttribute(e):this.setAttribute(e,h),this._$Em=null;}}_$AK(t,s){const i=this.constructor,e=i._$Eh.get(t);if(void 0!==e&&this._$Em!==e){const t=i.getPropertyOptions(e),h="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:u$2;this._$Em=e,this[e]=h.fromAttribute(s,t.type)??this._$Ej?.get(e)??null,this._$Em=null;}}requestUpdate(t,s,i){if(void 0!==t){const e=this.constructor,h=this[t];if(i??=e.getPropertyOptions(t),!((i.hasChanged??f$1)(h,s)||i.useDefault&&i.reflect&&h===this._$Ej?.get(t)&&!this.hasAttribute(e._$Eu(t,i))))return;this.C(t,s,i);} false===this.isUpdatePending&&(this._$ES=this._$EP());}C(t,s,{useDefault:i,reflect:e,wrapped:h},r){i&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,r??s??this[t]),true!==h||void 0!==r)||(this._$AL.has(t)||(this.hasUpdated||i||(s=void 0),this._$AL.set(t,s)),true===e&&this._$Em!==t&&(this._$Eq??=new Set).add(t));}async _$EP(){this.isUpdatePending=true;try{await this._$ES;}catch(t){Promise.reject(t);}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,s]of this._$Ep)this[t]=s;this._$Ep=void 0;}const t=this.constructor.elementProperties;if(t.size>0)for(const[s,i]of t){const{wrapped:t}=i,e=this[s];true!==t||this._$AL.has(s)||void 0===e||this.C(s,void 0,i,e);}}let t=false;const s=this._$AL;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(s)):this._$EM();}catch(s){throw t=false,this._$EM(),s}t&&this._$AE(s);}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=true,this.firstUpdated(t)),this.updated(t);}_$EM(){this._$AL=new Map,this.isUpdatePending=false;}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return  true}update(t){this._$Eq&&=this._$Eq.forEach((t=>this._$ET(t,this[t]))),this._$EM();}updated(t){}firstUpdated(t){}};y$1.elementStyles=[],y$1.shadowRootOptions={mode:"open"},y$1[d$1("elementProperties")]=new Map,y$1[d$1("finalized")]=new Map,p$1?.({ReactiveElement:y$1}),(a$1.reactiveElementVersions??=[]).push("2.1.0");
-
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const t$1=globalThis,i$1=t$1.trustedTypes,s$3=i$1?i$1.createPolicy("lit-html",{createHTML:t=>t}):void 0,e$1="$lit$",h=`lit$${Math.random().toFixed(9).slice(2)}$`,o$1="?"+h,n$2=`<${o$1}>`,r=document,l=()=>r.createComment(""),c$1=t=>null===t||"object"!=typeof t&&"function"!=typeof t,a=Array.isArray,u$1=t=>a(t)||"function"==typeof t?.[Symbol.iterator],d="[ \t\n\f\r]",f=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,v=/-->/g,_=/>/g,m=RegExp(`>|${d}(?:([^\\s"'>=/]+)(${d}*=${d}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),p=/'/g,g=/"/g,$=/^(?:script|style|textarea|title)$/i,y=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),x$1=y(1),T=Symbol.for("lit-noChange"),E=Symbol.for("lit-nothing"),A=new WeakMap,C=r.createTreeWalker(r,129);function P(t,i){if(!a(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==s$3?s$3.createHTML(i):i}const V=(t,i)=>{const s=t.length-1,o=[];let r,l=2===i?"<svg>":3===i?"<math>":"",c=f;for(let i=0;i<s;i++){const s=t[i];let a,u,d=-1,y=0;for(;y<s.length&&(c.lastIndex=y,u=c.exec(s),null!==u);)y=c.lastIndex,c===f?"!--"===u[1]?c=v:void 0!==u[1]?c=_:void 0!==u[2]?($.test(u[2])&&(r=RegExp("</"+u[2],"g")),c=m):void 0!==u[3]&&(c=m):c===m?">"===u[0]?(c=r??f,d=-1):void 0===u[1]?d=-2:(d=c.lastIndex-u[2].length,a=u[1],c=void 0===u[3]?m:'"'===u[3]?g:p):c===g||c===p?c=m:c===v||c===_?c=f:(c=m,r=void 0);const x=c===m&&t[i+1].startsWith("/>")?" ":"";l+=c===f?s+n$2:d>=0?(o.push(a),s.slice(0,d)+e$1+s.slice(d)+h+x):s+h+(-2===d?i:x);}return [P(t,l+(t[s]||"<?>")+(2===i?"</svg>":3===i?"</math>":"")),o]};class N{constructor({strings:t,_$litType$:s},n){let r;this.parts=[];let c=0,a=0;const u=t.length-1,d=this.parts,[f,v]=V(t,s);if(this.el=N.createElement(f,n),C.currentNode=this.el.content,2===s||3===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes);}for(;null!==(r=C.nextNode())&&d.length<u;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(e$1)){const i=v[a++],s=r.getAttribute(t).split(h),e=/([.?@])?(.*)/.exec(i);d.push({type:1,index:c,name:e[2],strings:s,ctor:"."===e[1]?H:"?"===e[1]?I:"@"===e[1]?L:k}),r.removeAttribute(t);}else t.startsWith(h)&&(d.push({type:6,index:c}),r.removeAttribute(t));if($.test(r.tagName)){const t=r.textContent.split(h),s=t.length-1;if(s>0){r.textContent=i$1?i$1.emptyScript:"";for(let i=0;i<s;i++)r.append(t[i],l()),C.nextNode(),d.push({type:2,index:++c});r.append(t[s],l());}}}else if(8===r.nodeType)if(r.data===o$1)d.push({type:2,index:c});else {let t=-1;for(;-1!==(t=r.data.indexOf(h,t+1));)d.push({type:7,index:c}),t+=h.length-1;}c++;}}static createElement(t,i){const s=r.createElement("template");return s.innerHTML=t,s}}function S(t,i,s=t,e){if(i===T)return i;let h=void 0!==e?s._$Co?.[e]:s._$Cl;const o=c$1(i)?void 0:i._$litDirective$;return h?.constructor!==o&&(h?._$AO?.(false),void 0===o?h=void 0:(h=new o(t),h._$AT(t,s,e)),void 0!==e?(s._$Co??=[])[e]=h:s._$Cl=h),void 0!==h&&(i=S(t,h._$AS(t,i.values),h,e)),i}let M$1 = class M{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i;}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:i},parts:s}=this._$AD,e=(t?.creationScope??r).importNode(i,true);C.currentNode=e;let h=C.nextNode(),o=0,n=0,l=s[0];for(;void 0!==l;){if(o===l.index){let i;2===l.type?i=new R(h,h.nextSibling,this,t):1===l.type?i=new l.ctor(h,l.name,l.strings,this,t):6===l.type&&(i=new z$1(h,this,t)),this._$AV.push(i),l=s[++n];}o!==l?.index&&(h=C.nextNode(),o++);}return C.currentNode=r,e}p(t){let i=0;for(const s of this._$AV) void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++;}};class R{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,i,s,e){this.type=2,this._$AH=E,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cv=e?.isConnected??true;}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t?.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=S(this,t,i),c$1(t)?t===E||null==t||""===t?(this._$AH!==E&&this._$AR(),this._$AH=E):t!==this._$AH&&t!==T&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):u$1(t)?this.k(t):this._(t);}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t));}_(t){this._$AH!==E&&c$1(this._$AH)?this._$AA.nextSibling.data=t:this.T(r.createTextNode(t)),this._$AH=t;}$(t){const{values:i,_$litType$:s}=t,e="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=N.createElement(P(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===e)this._$AH.p(i);else {const t=new M$1(e,this),s=t.u(this.options);t.p(i),this.T(s),this._$AH=t;}}_$AC(t){let i=A.get(t.strings);return void 0===i&&A.set(t.strings,i=new N(t)),i}k(t){a(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const h of t)e===i.length?i.push(s=new R(this.O(l()),this.O(l()),this,this.options)):s=i[e],s._$AI(h),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e);}_$AR(t=this._$AA.nextSibling,i){for(this._$AP?.(false,true,i);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i;}}setConnected(t){ void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t));}}class k{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,i,s,e,h){this.type=1,this._$AH=E,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=h,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=E;}_$AI(t,i=this,s,e){const h=this.strings;let o=false;if(void 0===h)t=S(this,t,i,0),o=!c$1(t)||t!==this._$AH&&t!==T,o&&(this._$AH=t);else {const e=t;let n,r;for(t=h[0],n=0;n<h.length-1;n++)r=S(this,e[s+n],i,n),r===T&&(r=this._$AH[n]),o||=!c$1(r)||r!==this._$AH[n],r===E?t=E:t!==E&&(t+=(r??"")+h[n+1]),this._$AH[n]=r;}o&&!e&&this.j(t);}j(t){t===E?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"");}}class H extends k{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===E?void 0:t;}}class I extends k{constructor(){super(...arguments),this.type=4;}j(t){this.element.toggleAttribute(this.name,!!t&&t!==E);}}class L extends k{constructor(t,i,s,e,h){super(t,i,s,e,h),this.type=5;}_$AI(t,i=this){if((t=S(this,t,i,0)??E)===T)return;const s=this._$AH,e=t===E&&s!==E||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,h=t!==E&&(s===E||e);e&&this.element.removeEventListener(this.name,this,s),h&&this.element.addEventListener(this.name,this,t),this._$AH=t;}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t);}}let z$1 = class z{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s;}get _$AU(){return this._$AM._$AU}_$AI(t){S(this,t);}};const j=t$1.litHtmlPolyfillSupport;j?.(N,R),(t$1.litHtmlVersions??=[]).push("3.3.0");const B=(t,i,s)=>{const e=s?.renderBefore??i;let h=e._$litPart$;if(void 0===h){const t=s?.renderBefore??null;e._$litPart$=h=new R(i.insertBefore(l(),t),t,void 0,s??{});}return h._$AI(t),h};
-
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const s$2=globalThis;class i extends y$1{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0;}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const r=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=B(r,this.renderRoot,this.renderOptions);}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(true);}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(false);}render(){return T}}i._$litElement$=true,i["finalized"]=true,s$2.litElementHydrateSupport?.({LitElement:i});const o=s$2.litElementPolyfillSupport;o?.({LitElement:i});(s$2.litElementVersions??=[]).push("4.2.0");
-
-class ShadowHost extends i {
-    render() {
-        return x$1 `<slot></slot>`;
-    }
-}
-ShadowHost.styles = i$3 ``;
-customElements.define("shadow-host", ShadowHost);
-const ShadowWrapper = o$4({
-    tagName: "shadow-host",
-    elementClass: ShadowHost,
-    react: React__default,
-});
+const IframeWrapper = ({ children }) => {
+    const iframeRef = useRef(null);
+    const [iframeBody, setIframeBody] = useState(null);
+    useEffect(() => {
+        var _a;
+        const iframe = iframeRef.current;
+        if (!iframe)
+            return;
+        const iframeDoc = iframe.contentDocument || ((_a = iframe.contentWindow) === null || _a === void 0 ? void 0 : _a.document);
+        if (!iframeDoc)
+            return;
+        const onLoad = () => {
+            const style = iframeDoc.createElement("style");
+            style.innerHTML = css_248z;
+            iframeDoc.head.appendChild(style);
+            setIframeBody(iframeDoc.body);
+        };
+        // For first load
+        if (iframeDoc.readyState === "complete")
+            onLoad();
+        else
+            iframe.addEventListener("load", onLoad);
+        return () => iframe.removeEventListener("load", onLoad);
+    }, []);
+    return (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement("iframe", { ref: iframeRef, style: {
+                width: "100%",
+                height: "100%",
+                border: "none",
+                minHeight: "100vh",
+            }, sandbox: "allow-same-origin allow-scripts" }),
+        iframeBody && ReactDOM.createPortal(children, iframeBody)));
+};
 
 var M=(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={setTheme:e=>{},themes:[]},z=()=>{var e;return (e=React.useContext(x))!=null?e:U};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.toString()})(${p})`}})});
 
@@ -10861,36 +10852,36 @@ const motion = /*@__PURE__*/ createDOMMotionComponentProxy(createMotionComponent
 
 const phoneRegex = new RegExp(/^([+]?[\s0-9]+)?(\d{3}|[(]?[0-9]+[)])?([-]?[\s]?[0-9])+$/);
 // Shipping address schema
-const customerSchema = z$2.object({
-    email: z$2.string().email("invalid_email"),
-    firstName: z$2.string().min(1, "required_error"),
-    lastName: z$2.string().min(1, "required_error"),
-    address: z$2.object({
-        line1: z$2.string().min(1, "required_error"),
-        line2: z$2.string().optional(),
-        city: z$2.string().min(1, "required_error"),
-        state: z$2.string().optional(),
-        zipCode: z$2.string().min(5, "invalid_zipCode"),
-        country: z$2.string().min(1, "required_error"),
-        countryCode: z$2.string().min(1, "required_error"),
+const customerSchema = z$1.object({
+    email: z$1.string().email("invalid_email"),
+    firstName: z$1.string().min(1, "required_error"),
+    lastName: z$1.string().min(1, "required_error"),
+    address: z$1.object({
+        line1: z$1.string().min(1, "required_error"),
+        line2: z$1.string().optional(),
+        city: z$1.string().min(1, "required_error"),
+        state: z$1.string().optional(),
+        zipCode: z$1.string().min(5, "invalid_zipCode"),
+        country: z$1.string().min(1, "required_error"),
+        countryCode: z$1.string().min(1, "required_error"),
     }),
-    saveInfo: z$2.boolean().optional(),
-    phone: z$2.string().regex(phoneRegex, "invalid_phone"),
+    saveInfo: z$1.boolean().optional(),
+    phone: z$1.string().regex(phoneRegex, "invalid_phone"),
 });
 // Shipping method schema
-const shippingMethodSchema = z$2.object({
-    rateId: z$2.string().min(1, "required_error"),
-    provider: z$2.string().min(1, "required_error"),
-    price: z$2.number().min(1, "required_error"),
-    name: z$2.string().min(1, "required_error"),
-    pickupPointId: z$2.string().optional(),
-    pickupPointDisplayName: z$2.string().optional(),
+const shippingMethodSchema = z$1.object({
+    rateId: z$1.string().min(1, "required_error"),
+    provider: z$1.string().min(1, "required_error"),
+    price: z$1.number().min(1, "required_error"),
+    name: z$1.string().min(1, "required_error"),
+    pickupPointId: z$1.string().optional(),
+    pickupPointDisplayName: z$1.string().optional(),
 });
 // Combined checkout schema
-z$2.object({
+z$1.object({
     customer: customerSchema,
     shipping: shippingMethodSchema,
-    customerId: z$2.string().optional(),
+    customerId: z$1.string().optional(),
 });
 
 const formatAddress = (address) => {
@@ -11317,9 +11308,8 @@ function PaymentElement({ paymentSecret, publicKey, checkoutAppearance, locale,
         clientSecret: paymentSecret,
         fonts: fonts,
     };
-    return (React__default.createElement(ShadowWrapper, null,
-        React__default.createElement(Elements, { stripe: stripePromise, options: options },
-            React__default.createElement(CheckoutForm$2, { onSuccess: onSuccess, onError: onError, children: children, setSubmitting: setSubmitting }))));
+    return (React__default.createElement(Elements, { stripe: stripePromise, options: options },
+        React__default.createElement(CheckoutForm$2, { onSuccess: onSuccess, onError: onError, children: children, setSubmitting: setSubmitting })));
 }
 var PaymentElement$1 = memo$1(PaymentElement);
 
@@ -11951,7 +11941,7 @@ function CheckoutSummaryLoading() {
                 React__default.createElement(Skeleton, { className: "w-20 h-5" })))))));
 }
 
-function CheckoutEmbed({ checkoutId, config }) {
+function CheckoutEmbedComponent({ checkoutId, config }) {
     var _a, _b, _c, _d, _e, _f;
     const { cancelUrl, successUrl, appearance, locale, clientSecret, clientProxy, } = config;
     const storeClient = React__default.useMemo(() => createStoreClient({ proxy: clientProxy }), [clientProxy]);
@@ -12041,7 +12031,7 @@ function CheckoutEmbed({ checkoutId, config }) {
         }, 1000 * 5);
         return () => clearInterval(interval);
     }, []);
-    return (React__default.createElement(ShadowWrapper, null,
+    return (React__default.createElement(IframeWrapper, null,
         React__default.createElement("div", { className: "checkout-embed scrollbar-hidden mx-auto max-w-[1200px] min-h-screen overflow-x-hidden gap-6 md:gap-0 py-4 md:py-12 flex flex-col md:grid md:grid-cols-7 " },
             React__default.createElement(Appearance, { appearance: appearance }),
             React__default.createElement("div", { className: "md:col-span-4 px-4 md:px-8" }, loading ? (React__default.createElement(CheckoutFormLoading, null)) : (React__default.createElement(CheckoutForm, { locale: locale, setShippingCost: setShippingCost, storeClient: storeClient, fonts: config.fonts, checkoutAppearance: appearance, currency: (_a = checkout === null || checkout === void 0 ? void 0 : checkout.currency) !== null && _a !== void 0 ? _a : "", customer: checkout === null || checkout === void 0 ? void 0 : checkout.customer, cancelUrl: cancelUrl, checkoutId: checkoutId, clientSecret: clientSecret, onSuccess: onSuccess, onError: onError, exchangeRate: (_b = checkout === null || checkout === void 0 ? void 0 : checkout.exchangeRate) !== null && _b !== void 0 ? _b : 1, setCheckout: setCheckout, setPublicKey: setPublicKey, publicKey: publicKey, setPaymentSecret: setPaymentSecret, paymentSecret: paymentSecret }))),
@@ -12049,36 +12039,6 @@ function CheckoutEmbed({ checkoutId, config }) {
                 React__default.createElement(Toaster, null),
                 loading ? (React__default.createElement(CheckoutSummaryLoading, null)) : (React__default.createElement(CheckoutSummary, { currency: (_c = checkout === null || checkout === void 0 ? void 0 : checkout.currency) !== null && _c !== void 0 ? _c : "", lineItems: (_d = checkout === null || checkout === void 0 ? void 0 : checkout.lineItems) !== null && _d !== void 0 ? _d : [], shipping: checkout === null || checkout === void 0 ? void 0 : checkout.shipping, tax: checkout === null || checkout === void 0 ? void 0 : checkout.tax, onCancel: onCancel, exchangeRate: (_e = checkout === null || checkout === void 0 ? void 0 : checkout.exchangeRate) !== null && _e !== void 0 ? _e : 1, applyDiscountCode: applyDiscountCode, appliedDiscounts: (_f = checkout === null || checkout === void 0 ? void 0 : checkout.appliedDiscounts) !== null && _f !== void 0 ? _f : [], revalidateDiscounts: revalidateDiscounts, removeDiscount: removeDiscount }))))));
 }
-var index = memo$1(CheckoutEmbed);
-
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z = "/*! tailwindcss v4.1.8 | 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  .static {\n    position: static !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:root {\n  --bs-background: oklch(1 0 0);\n  --bs-foreground: oklch(0.145 0 0);\n  --bs-card: oklch(1 0 0);\n  --bs-card-foreground: oklch(0.145 0 0);\n  --bs-popover: oklch(1 0 0);\n  --bs-popover-foreground: oklch(0.145 0 0);\n  --bs-primary: oklch(0.205 0 0);\n  --bs-primary-foreground: oklch(0.985 0 0);\n  --bs-secondary: oklch(0.97 0 0);\n  --bs-secondary-foreground: oklch(0.205 0 0);\n  --bs-muted: oklch(0.97 0 0);\n  --bs-muted-foreground: oklch(0.556 0 0);\n  --bs-accent: oklch(0.97 0 0);\n  --bs-accent-foreground: oklch(0.205 0 0);\n  --bs-destructive: oklch(0.577 0.245 27.325);\n  --bs-destructive-foreground: oklch(0.577 0.245 27.325);\n  --bs-border: oklch(0.922 0 0);\n  --bs-input: oklch(0.922 0 0);\n  --bs-ring: oklch(0.708 0 0);\n  --bs-chart-1: oklch(0.646 0.222 41.116);\n  --bs-chart-2: oklch(0.6 0.118 184.704);\n  --bs-chart-3: oklch(0.398 0.07 227.392);\n  --bs-chart-4: oklch(0.828 0.189 84.429);\n  --bs-chart-5: oklch(0.769 0.188 70.08);\n  --bs-radius: 0.625rem;\n  --bs-sidebar: oklch(0.985 0 0);\n  --bs-sidebar-foreground: oklch(0.145 0 0);\n  --bs-sidebar-primary: oklch(0.205 0 0);\n  --bs-sidebar-primary-foreground: oklch(0.985 0 0);\n  --bs-sidebar-accent: oklch(0.97 0 0);\n  --bs-sidebar-accent-foreground: oklch(0.205 0 0);\n  --bs-sidebar-border: oklch(0.922 0 0);\n  --bs-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@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);
+const CheckoutEmbed = memo$1(CheckoutEmbedComponent);
 
-export { index as CheckoutEmbed, PaymentElement$1 as PaymentElement, useCart, useCheckout };
+export { CheckoutEmbed, useCart, useCheckout };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@betterstore/react",
-  "version": "0.3.39",
+  "version": "0.3.40",
   "description": "E-commerce for Developers",
   "private": false,
   "publishConfig": {

package/rollup.config.mjs

@@ -56,7 +56,7 @@ export default {
       extract: false,
       modules: false,
       minimize: false,
-      inject: true,
+      inject: false,
     }),
   ],
   external: [

package/dist/components/shadow-wrapper.d.ts

@@ -1,7 +0,0 @@
-import { LitElement } from "lit";
-declare class ShadowHost extends LitElement {
-    static styles: import("lit").CSSResult;
-    render(): import("lit").TemplateResult<1>;
-}
-export declare const ShadowWrapper: import("@lit-labs/react").ReactWebComponent<ShadowHost, {}>;
-export {};