@velora-dex/widget 0.0.14 → 0.0.15

package/dist/widget/swapDetails/youGet.js

@@ -3,16 +3,6 @@ import { removeTrailingZeros } from '../../lib/utils/removeZeroDecimals.js';
 import { toDecimal } from '../../lib/utils/toDecimal.js';
 import { formatUnits } from 'viem';
 
-globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
-  cache: /* @__PURE__ */ new Map(),
-  get(name, inst) {
-    if (this.cache.has(name)) {
-      return this.cache.get(name);
-    }
-    this.cache.set(name, inst);
-    return inst;
-  }
-};
 function constructYouGetDetail({
   price,
   priceMode,

package/dist/widget/swapDetails/youGet.js.map

@@ -1 +1 @@
-{"version":3,"file":"youGet.js","sources":["../../../src/widget/swapDetails/youGet.tsx"],"sourcesContent":["import type { DetailWithValue } from \"@/components/widget/Details/types\";\nimport type { SwapMode } from \"@/components/widget/SwapModeSwitcher/state/types\";\nimport type { DeltaOrMarketPrice } from \"@/hooks/swap/prices/types\";\nimport { getDestAmountAfterFeeAndSlippage } from \"@/lib/utils/price\";\nimport { removeTrailingZeros } from \"@/lib/utils/removeZeroDecimals\";\nimport { toDecimal } from \"@/lib/utils/toDecimal\";\nimport type { Token } from \"@/tokens/state/types\";\n\nimport { formatUnits } from \"viem\";\n\nexport function constructYouGetDetail({\n  price,\n  priceMode,\n  slippagePercent,\n  isLoading,\n  tokenTo,\n  swapSide,\n}: {\n  price?: DeltaOrMarketPrice;\n  priceMode: SwapMode;\n  slippagePercent: number;\n  isLoading: boolean;\n  tokenTo?: Token;\n  swapSide: \"SELL\" | \"BUY\";\n}): DetailWithValue | undefined {\n  if (swapSide === \"BUY\") return;\n\n  const title = \"You Get (at least)\";\n\n  if (!price || !tokenTo) {\n    return {\n      title,\n      value: null,\n      isLoading,\n    };\n  }\n\n  const minDestAmount = getDestAmountAfterFeeAndSlippage({\n    price,\n    slippagePercent,\n    priceMode,\n  });\n\n  const minDestAmountUnit = formatUnits(\n    BigInt(minDestAmount),\n    tokenTo.decimals\n  );\n\n  const formattedMinDestAmountUnit = removeTrailingZeros(\n    toDecimal(+minDestAmountUnit)\n  );\n\n  return {\n    title,\n    value: `${formattedMinDestAmountUnit} ${tokenTo.symbol}`,\n    isLoading,\n  };\n}\n"],"names":["constructYouGetDetail","price","priceMode","slippagePercent","isLoading","tokenTo","swapSide","title","value","minDestAmount","getDestAmountAfterFeeAndSlippage","minDestAmountUnit","formatUnits","BigInt","decimals","formattedMinDestAmountUnit","removeTrailingZeros","toDecimal","symbol"],"mappings":";;;;;;;;;;;;;;;AAUO,SAASA,qBAAAA,CAAsB;AAAA,EACpCC,KAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC;AAQF,CAAA,EAAgC;AAC9B,EAAA,IAAIA,aAAa,KAAA,EAAO;AAExB,EAAA,MAAMC,KAAAA,GAAQ,oBAAA;AAEd,EAAA,IAAI,CAACN,KAAAA,IAAS,CAACI,OAAAA,EAAS;AACtB,IAAA,OAAO;AAAA,MACLE,KAAAA;AAAAA,MACAC,KAAAA,EAAO,IAAA;AAAA,MACPJ;AAAAA,KACF;AAAA;AAGF,EAAA,MAAMK,gBAAgBC,gCAAAA,CAAiC;AAAA,IACrDT,KAAAA;AAAAA,IACAE,eAAAA;AAAAA,IACAD;AAAAA,GACD,CAAA;AAED,EAAA,MAAMS,oBAAoBC,WAAAA,CACxBC,MAAAA,CAAOJ,aAAa,CAAA,EACpBJ,QAAQS,QACV,CAAA;AAEA,EAAA,MAAMC,0BAAAA,GAA6BC,mBAAAA,CACjCC,SAAAA,CAAU,CAACN,iBAAiB,CAC9B,CAAA;AAEA,EAAA,OAAO;AAAA,IACLJ,KAAAA;AAAAA,IACAC,KAAAA,EAAO,CAAA,EAAGO,0BAA0B,CAAA,CAAA,EAAIV,QAAQa,MAAM,CAAA,CAAA;AAAA,IACtDd;AAAAA,GACF;AACF;;;;"}
+{"version":3,"file":"youGet.js","sources":["../../../src/widget/swapDetails/youGet.tsx"],"sourcesContent":["import type { DetailWithValue } from \"@/components/widget/Details/types\";\nimport type { SwapMode } from \"@/components/widget/SwapModeSwitcher/state/types\";\nimport type { DeltaOrMarketPrice } from \"@/hooks/swap/prices/types\";\nimport { getDestAmountAfterFeeAndSlippage } from \"@/lib/utils/price\";\nimport { removeTrailingZeros } from \"@/lib/utils/removeZeroDecimals\";\nimport { toDecimal } from \"@/lib/utils/toDecimal\";\nimport type { Token } from \"@/tokens/state/types\";\n\nimport { formatUnits } from \"viem\";\n\nexport function constructYouGetDetail({\n  price,\n  priceMode,\n  slippagePercent,\n  isLoading,\n  tokenTo,\n  swapSide,\n}: {\n  price?: DeltaOrMarketPrice;\n  priceMode: SwapMode;\n  slippagePercent: number;\n  isLoading: boolean;\n  tokenTo?: Token;\n  swapSide: \"SELL\" | \"BUY\";\n}): DetailWithValue | undefined {\n  if (swapSide === \"BUY\") return;\n\n  const title = \"You Get (at least)\";\n\n  if (!price || !tokenTo) {\n    return {\n      title,\n      value: null,\n      isLoading,\n    };\n  }\n\n  const minDestAmount = getDestAmountAfterFeeAndSlippage({\n    price,\n    slippagePercent,\n    priceMode,\n  });\n\n  const minDestAmountUnit = formatUnits(\n    BigInt(minDestAmount),\n    tokenTo.decimals\n  );\n\n  const formattedMinDestAmountUnit = removeTrailingZeros(\n    toDecimal(+minDestAmountUnit)\n  );\n\n  return {\n    title,\n    value: `${formattedMinDestAmountUnit} ${tokenTo.symbol}`,\n    isLoading,\n  };\n}\n"],"names":["constructYouGetDetail","price","priceMode","slippagePercent","isLoading","tokenTo","swapSide","title","value","minDestAmount","getDestAmountAfterFeeAndSlippage","minDestAmountUnit","formatUnits","BigInt","decimals","formattedMinDestAmountUnit","removeTrailingZeros","toDecimal","symbol"],"mappings":";;;;;AAUO,SAASA,qBAAAA,CAAsB;AAAA,EACpCC,KAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC;AAQF,CAAA,EAAgC;AAC9B,EAAA,IAAIA,aAAa,KAAA,EAAO;AAExB,EAAA,MAAMC,KAAAA,GAAQ,oBAAA;AAEd,EAAA,IAAI,CAACN,KAAAA,IAAS,CAACI,OAAAA,EAAS;AACtB,IAAA,OAAO;AAAA,MACLE,KAAAA;AAAAA,MACAC,KAAAA,EAAO,IAAA;AAAA,MACPJ;AAAAA,KACF;AAAA;AAGF,EAAA,MAAMK,gBAAgBC,gCAAAA,CAAiC;AAAA,IACrDT,KAAAA;AAAAA,IACAE,eAAAA;AAAAA,IACAD;AAAAA,GACD,CAAA;AAED,EAAA,MAAMS,oBAAoBC,WAAAA,CACxBC,MAAAA,CAAOJ,aAAa,CAAA,EACpBJ,QAAQS,QACV,CAAA;AAEA,EAAA,MAAMC,0BAAAA,GAA6BC,mBAAAA,CACjCC,SAAAA,CAAU,CAACN,iBAAiB,CAC9B,CAAA;AAEA,EAAA,OAAO;AAAA,IACLJ,KAAAA;AAAAA,IACAC,KAAAA,EAAO,CAAA,EAAGO,0BAA0B,CAAA,CAAA,EAAIV,QAAQa,MAAM,CAAA,CAAA;AAAA,IACtDd;AAAAA,GACF;AACF;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@velora-dex/widget",
-  "version": "0.0.14",
+  "version": "0.0.15",
   "license": "MIT",
   "type": "module",
   "files": [
@@ -113,6 +113,7 @@
     "typescript-eslint": "^8.34.1",
     "vite": "^6.3.5",
     "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-lib-inject-css": "^2.2.2",
     "vite-plugin-node-polyfills": "^0.23.0",
     "vite-plugin-svgr": "^4.3.0"
   },

package/dist/components/widget/SwapModeSwitcher/state/types.js

@@ -1,11 +0,0 @@
-globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
-  cache: /* @__PURE__ */ new Map(),
-  get(name, inst) {
-    if (this.cache.has(name)) {
-      return this.cache.get(name);
-    }
-    this.cache.set(name, inst);
-    return inst;
-  }
-};
-//# sourceMappingURL=types.js.map

package/dist/components/widget/SwapModeSwitcher/state/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/components/widget/TokenBadge/types.js

@@ -1,11 +0,0 @@
-globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
-  cache: /* @__PURE__ */ new Map(),
-  get(name, inst) {
-    if (this.cache.has(name)) {
-      return this.cache.get(name);
-    }
-    this.cache.set(name, inst);
-    return inst;
-  }
-};
-//# sourceMappingURL=types.js.map

package/dist/components/widget/TokenBadge/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/hooks/txs/index.js

@@ -1,13 +0,0 @@
-export { useAwaitTx } from './queries/useAwaitTx.js';
-
-globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
-  cache: /* @__PURE__ */ new Map(),
-  get(name, inst) {
-    if (this.cache.has(name)) {
-      return this.cache.get(name);
-    }
-    this.cache.set(name, inst);
-    return inst;
-  }
-};
-//# sourceMappingURL=index.js.map

package/dist/hooks/txs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/lib/utils/logger.js

@@ -1,11 +0,0 @@
-globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
-  cache: /* @__PURE__ */ new Map(),
-  get(name, inst) {
-    if (this.cache.has(name)) {
-      return this.cache.get(name);
-    }
-    this.cache.set(name, inst);
-    return inst;
-  }
-};
-//# sourceMappingURL=logger.js.map

package/dist/lib/utils/logger.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"logger.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/styles/global.css.js

@@ -1,4 +0,0 @@
-const styles = "\n@import \"https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&family=Geist:wght@100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap\";\n/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */\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-rotate-x: initial;\n      --tw-rotate-y: initial;\n      --tw-rotate-z: initial;\n      --tw-skew-x: initial;\n      --tw-skew-y: initial;\n      --tw-space-y-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-blur: initial;\n      --tw-brightness: initial;\n      --tw-contrast: initial;\n      --tw-grayscale: initial;\n      --tw-hue-rotate: initial;\n      --tw-invert: initial;\n      --tw-opacity: initial;\n      --tw-saturate: initial;\n      --tw-sepia: initial;\n      --tw-drop-shadow: initial;\n      --tw-drop-shadow-color: initial;\n      --tw-drop-shadow-alpha: 100%;\n      --tw-drop-shadow-size: initial;\n      --tw-duration: initial;\n      --tw-text-shadow-color: initial;\n      --tw-text-shadow-alpha: 100%;\n      --tw-animation-delay: 0s;\n      --tw-animation-direction: normal;\n      --tw-animation-duration: initial;\n      --tw-animation-fill-mode: none;\n      --tw-animation-iteration-count: 1;\n      --tw-enter-opacity: 1;\n      --tw-enter-rotate: 0;\n      --tw-enter-scale: 1;\n      --tw-enter-translate-x: 0;\n      --tw-enter-translate-y: 0;\n      --tw-exit-opacity: 1;\n      --tw-exit-rotate: 0;\n      --tw-exit-scale: 1;\n      --tw-exit-translate-x: 0;\n      --tw-exit-translate-y: 0;\n    }\n  }\n}\n@layer theme {\n  :root, :host {\n    --font-sans: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n    --color-red-800: oklch(44.4% .177 26.899);\n    --color-green-50: oklch(98.2% .018 155.826);\n    --color-green-200: oklch(92.5% .084 155.995);\n    --color-green-300: oklch(87.1% .15 154.449);\n    --color-green-700: oklch(52.7% .154 150.069);\n    --color-green-800: oklch(44.8% .119 151.328);\n    --color-blue-50: oklch(97% .014 254.604);\n    --color-blue-200: oklch(88.2% .059 254.128);\n    --color-blue-600: oklch(54.6% .245 262.881);\n    --color-blue-700: oklch(48.8% .243 264.376);\n    --color-blue-800: oklch(42.4% .199 265.638);\n    --color-purple-50: oklch(97.7% .014 308.299);\n    --color-purple-200: oklch(90.2% .063 306.703);\n    --color-purple-700: oklch(49.6% .265 301.924);\n    --color-purple-800: oklch(43.8% .218 303.724);\n    --color-gray-500: oklch(55.1% .027 264.364);\n    --color-gray-600: oklch(44.6% .03 256.802);\n    --color-gray-700: oklch(37.3% .034 259.733);\n    --color-gray-800: oklch(27.8% .033 256.848);\n    --color-black: #000;\n    --color-white: #fff;\n    --spacing: .25rem;\n    --container-xs: 20rem;\n    --container-sm: 24rem;\n    --container-md: 28rem;\n    --container-lg: 32rem;\n    --container-4xl: 56rem;\n    --text-xs: .75rem;\n    --text-xs--line-height: calc(1 / .75);\n    --text-sm: .875rem;\n    --text-sm--line-height: calc(1.25 / .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-xl: 1.25rem;\n    --text-xl--line-height: calc(1.75 / 1.25);\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-widest: .1em;\n    --radius-2xl: 1rem;\n    --animate-spin: spin 1s linear infinite;\n    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;\n    --default-transition-duration: .15s;\n    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n    --default-font-family: var(--font-sans);\n    --default-mono-font-family: var(--font-mono);\n    --font-geist: var(--font-geist);\n    --font-geist-mono: var(--font-geist-mono);\n    --font-inter: var(--font-inter);\n  }\n}\n@layer base {\n  *, :after, :before, ::backdrop {\n    box-sizing: border-box;\n    border: 0 solid;\n    margin: 0;\n    padding: 0;\n  }\n\n  ::file-selector-button {\n    box-sizing: border-box;\n    border: 0 solid;\n    margin: 0;\n    padding: 0;\n  }\n\n  html, :host {\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    line-height: 1.5;\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\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    -webkit-text-decoration: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n\n  b, strong {\n    font-weight: bolder;\n  }\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\n  small {\n    font-size: 80%;\n  }\n\n  sub, sup {\n    vertical-align: baseline;\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n  }\n\n  sub {\n    bottom: -.25em;\n  }\n\n  sup {\n    top: -.5em;\n  }\n\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n\n  :-moz-focusring {\n    outline: auto;\n  }\n\n  progress {\n    vertical-align: baseline;\n  }\n\n  summary {\n    display: list-item;\n  }\n\n  ol, ul, menu {\n    list-style: none;\n  }\n\n  img, svg, video, canvas, audio, iframe, embed, object {\n    vertical-align: middle;\n    display: block;\n  }\n\n  img, video {\n    max-width: 100%;\n    height: auto;\n  }\n\n  button, input, select, optgroup, textarea {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    opacity: 1;\n    background-color: #0000;\n    border-radius: 0;\n  }\n\n  ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    opacity: 1;\n    background-color: #0000;\n    border-radius: 0;\n  }\n\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n\n  ::placeholder {\n    opacity: 1;\n  }\n\n  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentColor;\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      ::placeholder {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n\n  textarea {\n    resize: vertical;\n  }\n\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n\n  ::-webkit-datetime-edit {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-year-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-month-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-day-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-hour-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-minute-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-second-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-millisecond-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n\n  button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]) {\n    appearance: button;\n  }\n\n  ::file-selector-button {\n    appearance: button;\n  }\n\n  ::-webkit-inner-spin-button {\n    height: auto;\n  }\n\n  ::-webkit-outer-spin-button {\n    height: auto;\n  }\n\n  [hidden]:where(:not([hidden=\"until-found\"])) {\n    display: none !important;\n  }\n\n  * {\n    border-color: var(--border);\n    outline-color: var(--ring);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    * {\n      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);\n    }\n  }\n\n  body {\n    background-color: var(--background);\n    color: var(--foreground);\n  }\n}\n@layer components;\n@layer utilities {\n  .\\@container\\/card-header {\n    container: card-header / inline-size;\n  }\n\n  .pointer-events-none {\n    pointer-events: none;\n  }\n\n  .visible {\n    visibility: visible;\n  }\n\n  .absolute {\n    position: absolute;\n  }\n\n  .fixed {\n    position: fixed;\n  }\n\n  .relative {\n    position: relative;\n  }\n\n  .inset-0 {\n    inset: calc(var(--spacing) * 0);\n  }\n\n  .inset-y-0 {\n    inset-block: calc(var(--spacing) * 0);\n  }\n\n  .top-0 {\n    top: calc(var(--spacing) * 0);\n  }\n\n  .top-\\[-1px\\] {\n    top: -1px;\n  }\n\n  .top-\\[-3px\\] {\n    top: -3px;\n  }\n\n  .top-\\[50\\%\\] {\n    top: 50%;\n  }\n\n  .right-0 {\n    right: calc(var(--spacing) * 0);\n  }\n\n  .right-2 {\n    right: calc(var(--spacing) * 2);\n  }\n\n  .right-\\[-1px\\] {\n    right: -1px;\n  }\n\n  .right-\\[-3px\\] {\n    right: -3px;\n  }\n\n  .bottom-\\[-1px\\] {\n    bottom: -1px;\n  }\n\n  .bottom-\\[17px\\] {\n    bottom: 17px;\n  }\n\n  .left-0 {\n    left: calc(var(--spacing) * 0);\n  }\n\n  .left-2 {\n    left: calc(var(--spacing) * 2);\n  }\n\n  .left-\\[-1px\\] {\n    left: -1px;\n  }\n\n  .left-\\[17px\\] {\n    left: 17px;\n  }\n\n  .left-\\[50\\%\\] {\n    left: 50%;\n  }\n\n  .z-10 {\n    z-index: 10;\n  }\n\n  .z-50 {\n    z-index: 50;\n  }\n\n  .col-start-2 {\n    grid-column-start: 2;\n  }\n\n  .row-span-2 {\n    grid-row: span 2 / span 2;\n  }\n\n  .row-start-1 {\n    grid-row-start: 1;\n  }\n\n  .container {\n    width: 100%;\n  }\n\n  @media (min-width: 40rem) {\n    .container {\n      max-width: 40rem;\n    }\n  }\n\n  @media (min-width: 48rem) {\n    .container {\n      max-width: 48rem;\n    }\n  }\n\n  @media (min-width: 64rem) {\n    .container {\n      max-width: 64rem;\n    }\n  }\n\n  @media (min-width: 80rem) {\n    .container {\n      max-width: 80rem;\n    }\n  }\n\n  @media (min-width: 96rem) {\n    .container {\n      max-width: 96rem;\n    }\n  }\n\n  .m-0 {\n    margin: calc(var(--spacing) * 0);\n  }\n\n  .m-auto {\n    margin: auto;\n  }\n\n  .-mx-1 {\n    margin-inline: calc(var(--spacing) * -1);\n  }\n\n  .mx-auto {\n    margin-inline: auto;\n  }\n\n  .my-1 {\n    margin-block: calc(var(--spacing) * 1);\n  }\n\n  .mt-2 {\n    margin-top: calc(var(--spacing) * 2);\n  }\n\n  .mt-4 {\n    margin-top: calc(var(--spacing) * 4);\n  }\n\n  .mt-6 {\n    margin-top: calc(var(--spacing) * 6);\n  }\n\n  .mt-7 {\n    margin-top: calc(var(--spacing) * 7);\n  }\n\n  .mt-12 {\n    margin-top: calc(var(--spacing) * 12);\n  }\n\n  .mt-\\[16px\\] {\n    margin-top: 16px;\n  }\n\n  .mt-auto {\n    margin-top: auto;\n  }\n\n  .mr-2 {\n    margin-right: calc(var(--spacing) * 2);\n  }\n\n  .mb-1 {\n    margin-bottom: calc(var(--spacing) * 1);\n  }\n\n  .mb-2 {\n    margin-bottom: calc(var(--spacing) * 2);\n  }\n\n  .mb-4 {\n    margin-bottom: calc(var(--spacing) * 4);\n  }\n\n  .mb-6 {\n    margin-bottom: calc(var(--spacing) * 6);\n  }\n\n  .mb-8 {\n    margin-bottom: calc(var(--spacing) * 8);\n  }\n\n  .mb-\\[17\\.5px\\] {\n    margin-bottom: 17.5px;\n  }\n\n  .ml-auto {\n    margin-left: auto;\n  }\n\n  .block {\n    display: block;\n  }\n\n  .contents {\n    display: contents;\n  }\n\n  .flex {\n    display: flex;\n  }\n\n  .grid {\n    display: grid;\n  }\n\n  .hidden {\n    display: none;\n  }\n\n  .inline-flex {\n    display: inline-flex;\n  }\n\n  .table {\n    display: table;\n  }\n\n  .size-2 {\n    width: calc(var(--spacing) * 2);\n    height: calc(var(--spacing) * 2);\n  }\n\n  .size-2\\.5 {\n    width: calc(var(--spacing) * 2.5);\n    height: calc(var(--spacing) * 2.5);\n  }\n\n  .size-3\\.5 {\n    width: calc(var(--spacing) * 3.5);\n    height: calc(var(--spacing) * 3.5);\n  }\n\n  .size-4 {\n    width: calc(var(--spacing) * 4);\n    height: calc(var(--spacing) * 4);\n  }\n\n  .size-6 {\n    width: calc(var(--spacing) * 6);\n    height: calc(var(--spacing) * 6);\n  }\n\n  .size-9 {\n    width: calc(var(--spacing) * 9);\n    height: calc(var(--spacing) * 9);\n  }\n\n  .size-\\[10px\\] {\n    width: 10px;\n    height: 10px;\n  }\n\n  .size-\\[12px\\] {\n    width: 12px;\n    height: 12px;\n  }\n\n  .size-\\[14px\\] {\n    width: 14px;\n    height: 14px;\n  }\n\n  .size-\\[16px\\] {\n    width: 16px;\n    height: 16px;\n  }\n\n  .size-\\[24px\\] {\n    width: 24px;\n    height: 24px;\n  }\n\n  .h-2 {\n    height: calc(var(--spacing) * 2);\n  }\n\n  .h-4 {\n    height: calc(var(--spacing) * 4);\n  }\n\n  .h-8 {\n    height: calc(var(--spacing) * 8);\n  }\n\n  .h-9 {\n    height: calc(var(--spacing) * 9);\n  }\n\n  .h-16 {\n    height: calc(var(--spacing) * 16);\n  }\n\n  .h-\\[1\\.15rem\\] {\n    height: 1.15rem;\n  }\n\n  .h-\\[1px\\] {\n    height: 1px;\n  }\n\n  .h-\\[8px\\] {\n    height: 8px;\n  }\n\n  .h-\\[12px\\] {\n    height: 12px;\n  }\n\n  .h-\\[16px\\] {\n    height: 16px;\n  }\n\n  .h-\\[24px\\] {\n    height: 24px;\n  }\n\n  .h-\\[28px\\] {\n    height: 28px;\n  }\n\n  .h-\\[30px\\] {\n    height: 30px;\n  }\n\n  .h-\\[32px\\] {\n    height: 32px;\n  }\n\n  .h-\\[34px\\] {\n    height: 34px;\n  }\n\n  .h-\\[36px\\] {\n    height: 36px;\n  }\n\n  .h-\\[38px\\] {\n    height: 38px;\n  }\n\n  .h-\\[40px\\] {\n    height: 40px;\n  }\n\n  .h-\\[48px\\] {\n    height: 48px;\n  }\n\n  .h-\\[72px\\] {\n    height: 72px;\n  }\n\n  .h-\\[144px\\] {\n    height: 144px;\n  }\n\n  .h-\\[336px\\] {\n    height: 336px;\n  }\n\n  .h-\\[590px\\] {\n    height: 590px;\n  }\n\n  .h-\\[var\\(--radix-select-trigger-height\\)\\] {\n    height: var(--radix-select-trigger-height);\n  }\n\n  .h-auto {\n    height: auto;\n  }\n\n  .h-full {\n    height: 100%;\n  }\n\n  .h-px {\n    height: 1px;\n  }\n\n  .max-h-\\(--radix-dropdown-menu-content-available-height\\) {\n    max-height: var(--radix-dropdown-menu-content-available-height);\n  }\n\n  .max-h-\\(--radix-select-content-available-height\\) {\n    max-height: var(--radix-select-content-available-height);\n  }\n\n  .min-h-\\[32px\\] {\n    min-height: 32px;\n  }\n\n  .min-h-\\[92px\\] {\n    min-height: 92px;\n  }\n\n  .min-h-\\[590px\\] {\n    min-height: 590px;\n  }\n\n  .min-h-screen {\n    min-height: 100vh;\n  }\n\n  .w-4 {\n    width: calc(var(--spacing) * 4);\n  }\n\n  .w-8 {\n    width: calc(var(--spacing) * 8);\n  }\n\n  .w-16 {\n    width: calc(var(--spacing) * 16);\n  }\n\n  .w-\\[28px\\] {\n    width: 28px;\n  }\n\n  .w-\\[30px\\] {\n    width: 30px;\n  }\n\n  .w-\\[34px\\] {\n    width: 34px;\n  }\n\n  .w-\\[42px\\] {\n    width: 42px;\n  }\n\n  .w-\\[78px\\] {\n    width: 78px;\n  }\n\n  .w-\\[100px\\] {\n    width: 100px;\n  }\n\n  .w-\\[118px\\] {\n    width: 118px;\n  }\n\n  .w-\\[120px\\] {\n    width: 120px;\n  }\n\n  .w-\\[254px\\] {\n    width: 254px;\n  }\n\n  .w-\\[280px\\] {\n    width: 280px;\n  }\n\n  .w-\\[460px\\] {\n    width: 460px;\n  }\n\n  .w-fit {\n    width: fit-content;\n  }\n\n  .w-full {\n    width: 100%;\n  }\n\n  .w-min {\n    width: min-content;\n  }\n\n  .w-screen {\n    width: 100vw;\n  }\n\n  .max-w-4xl {\n    max-width: var(--container-4xl);\n  }\n\n  .max-w-\\[140px\\] {\n    max-width: 140px;\n  }\n\n  .max-w-\\[200px\\] {\n    max-width: 200px;\n  }\n\n  .max-w-\\[320px\\] {\n    max-width: 320px;\n  }\n\n  .max-w-\\[336px\\] {\n    max-width: 336px;\n  }\n\n  .max-w-\\[400px\\] {\n    max-width: 400px;\n  }\n\n  .max-w-\\[460px\\] {\n    max-width: 460px;\n  }\n\n  .max-w-\\[calc\\(100\\%-2rem\\)\\] {\n    max-width: calc(100% - 2rem);\n  }\n\n  .max-w-md {\n    max-width: var(--container-md);\n  }\n\n  .max-w-xs {\n    max-width: var(--container-xs);\n  }\n\n  .min-w-0 {\n    min-width: calc(var(--spacing) * 0);\n  }\n\n  .min-w-\\[8rem\\] {\n    min-width: 8rem;\n  }\n\n  .min-w-\\[42px\\] {\n    min-width: 42px;\n  }\n\n  .min-w-\\[100px\\] {\n    min-width: 100px;\n  }\n\n  .min-w-\\[120px\\] {\n    min-width: 120px;\n  }\n\n  .min-w-\\[160px\\] {\n    min-width: 160px;\n  }\n\n  .min-w-\\[220px\\] {\n    min-width: 220px;\n  }\n\n  .min-w-\\[var\\(--radix-select-trigger-width\\)\\] {\n    min-width: var(--radix-select-trigger-width);\n  }\n\n  .flex-1 {\n    flex: 1;\n  }\n\n  .flex-shrink-0, .shrink-0 {\n    flex-shrink: 0;\n  }\n\n  .origin-\\(--radix-dropdown-menu-content-transform-origin\\) {\n    transform-origin: var(--radix-dropdown-menu-content-transform-origin);\n  }\n\n  .origin-\\(--radix-select-content-transform-origin\\) {\n    transform-origin: var(--radix-select-content-transform-origin);\n  }\n\n  .origin-\\(--radix-tooltip-content-transform-origin\\) {\n    transform-origin: var(--radix-tooltip-content-transform-origin);\n  }\n\n  .translate-x-\\[-50\\%\\] {\n    --tw-translate-x: -50%;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .translate-y-0\\.5 {\n    --tw-translate-y: calc(var(--spacing) * .5);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .translate-y-\\[-50\\%\\] {\n    --tw-translate-y: -50%;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .translate-y-\\[calc\\(-50\\%_-_2px\\)\\] {\n    --tw-translate-y: calc(-50% - 2px);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .rotate-45 {\n    rotate: 45deg;\n  }\n\n  .transform {\n    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );\n  }\n\n  .animate-in {\n    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);\n  }\n\n  .animate-pulse {\n    animation: var(--animate-pulse);\n  }\n\n  .animate-spin {\n    animation: var(--animate-spin);\n  }\n\n  .cursor-default {\n    cursor: default;\n  }\n\n  .cursor-not-allowed {\n    cursor: not-allowed;\n  }\n\n  .cursor-pointer {\n    cursor: pointer;\n  }\n\n  .resize {\n    resize: both;\n  }\n\n  .scroll-my-1 {\n    scroll-margin-block: calc(var(--spacing) * 1);\n  }\n\n  .appearance-none {\n    appearance: none;\n  }\n\n  .auto-rows-min {\n    grid-auto-rows: min-content;\n  }\n\n  .grid-cols-1 {\n    grid-template-columns: repeat(1, minmax(0, 1fr));\n  }\n\n  .grid-cols-\\[auto_1fr\\] {\n    grid-template-columns: auto 1fr;\n  }\n\n  .grid-cols-\\[repeat\\(auto-fit\\,minmax\\(120px\\,1fr\\)\\)\\] {\n    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n  }\n\n  .grid-rows-\\[auto_auto\\] {\n    grid-template-rows: auto auto;\n  }\n\n  .flex-col {\n    flex-direction: column;\n  }\n\n  .flex-col-reverse {\n    flex-direction: column-reverse;\n  }\n\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n\n  .items-center {\n    align-items: center;\n  }\n\n  .items-start {\n    align-items: flex-start;\n  }\n\n  .justify-between {\n    justify-content: space-between;\n  }\n\n  .justify-center {\n    justify-content: center;\n  }\n\n  .justify-end {\n    justify-content: flex-end;\n  }\n\n  .justify-start {\n    justify-content: flex-start;\n  }\n\n  .justify-items-center {\n    justify-items: center;\n  }\n\n  .gap-0 {\n    gap: calc(var(--spacing) * 0);\n  }\n\n  .gap-0\\.5 {\n    gap: calc(var(--spacing) * .5);\n  }\n\n  .gap-1 {\n    gap: calc(var(--spacing) * 1);\n  }\n\n  .gap-1\\.5 {\n    gap: calc(var(--spacing) * 1.5);\n  }\n\n  .gap-2 {\n    gap: calc(var(--spacing) * 2);\n  }\n\n  .gap-3 {\n    gap: calc(var(--spacing) * 3);\n  }\n\n  .gap-4 {\n    gap: calc(var(--spacing) * 4);\n  }\n\n  .gap-5 {\n    gap: calc(var(--spacing) * 5);\n  }\n\n  .gap-6 {\n    gap: calc(var(--spacing) * 6);\n  }\n\n  .gap-8 {\n    gap: calc(var(--spacing) * 8);\n  }\n\n  .gap-\\[4\\.5px\\] {\n    gap: 4.5px;\n  }\n\n  .gap-\\[4px\\] {\n    gap: 4px;\n  }\n\n  .gap-\\[6px\\] {\n    gap: 6px;\n  }\n\n  .gap-\\[8px\\] {\n    gap: 8px;\n  }\n\n  .gap-\\[12px\\] {\n    gap: 12px;\n  }\n\n  .gap-\\[13px\\] {\n    gap: 13px;\n  }\n\n  .gap-\\[16px\\] {\n    gap: 16px;\n  }\n\n  .gap-\\[22px\\] {\n    gap: 22px;\n  }\n\n  .gap-\\[28px\\] {\n    gap: 28px;\n  }\n\n  :where(.space-y-1 > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));\n    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));\n  }\n\n  :where(.space-y-4 > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));\n    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));\n  }\n\n  .self-start {\n    align-self: flex-start;\n  }\n\n  .justify-self-end {\n    justify-self: flex-end;\n  }\n\n  .overflow-auto {\n    overflow: auto;\n  }\n\n  .overflow-hidden {\n    overflow: hidden;\n  }\n\n  .overflow-x-hidden {\n    overflow-x: hidden;\n  }\n\n  .overflow-y-auto {\n    overflow-y: auto;\n  }\n\n  .rounded {\n    border-radius: .25rem;\n  }\n\n  .rounded-2xl {\n    border-radius: var(--radius-2xl);\n  }\n\n  .rounded-\\[2px\\] {\n    border-radius: 2px;\n  }\n\n  .rounded-\\[4px\\] {\n    border-radius: 4px;\n  }\n\n  .rounded-\\[10px\\] {\n    border-radius: 10px;\n  }\n\n  .rounded-\\[12px\\] {\n    border-radius: 12px;\n  }\n\n  .rounded-\\[17px\\] {\n    border-radius: 17px;\n  }\n\n  .rounded-\\[43px\\] {\n    border-radius: 43px;\n  }\n\n  .rounded-full {\n    border-radius: 3.40282e38px;\n  }\n\n  .rounded-lg {\n    border-radius: calc(var(--radius)  + 2px);\n  }\n\n  .rounded-md {\n    border-radius: var(--radius);\n  }\n\n  .rounded-sm {\n    border-radius: calc(var(--radius)  - 2px);\n  }\n\n  .rounded-xl {\n    border-radius: calc(var(--radius)  + 4px);\n  }\n\n  .rounded-xs {\n    border-radius: calc(var(--radius)  - 4px);\n  }\n\n  .rounded-xxl {\n    border-radius: calc(var(--radius)  + 10px);\n  }\n\n  .rounded-xxs {\n    border-radius: calc(var(--radius)  - 8px);\n  }\n\n  .border, .border-1 {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n\n  .border-2 {\n    border-style: var(--tw-border-style);\n    border-width: 2px;\n  }\n\n  .border-r {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 1px;\n  }\n\n  .border-b {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 1px;\n  }\n\n  .border-none {\n    --tw-border-style: none;\n    border-style: none;\n  }\n\n  .border-\\[\\#F90\\] {\n    border-color: #f90;\n  }\n\n  .border-blue-200 {\n    border-color: var(--color-blue-200);\n  }\n\n  .border-contrast-4 {\n    border-color: var(--contrast-4);\n  }\n\n  .border-contrast-7 {\n    border-color: var(--contrast-7);\n  }\n\n  .border-contrast-9 {\n    border-color: var(--contrast-9);\n  }\n\n  .border-green-200 {\n    border-color: var(--color-green-200);\n  }\n\n  .border-input {\n    border-color: var(--input);\n  }\n\n  .border-primary-azul-1 {\n    border-color: var(--primary-azul-1);\n  }\n\n  .border-purple-200 {\n    border-color: var(--color-purple-200);\n  }\n\n  .border-secondary-orange-peel-1 {\n    border-color: var(--secondary-orange_peel-1);\n  }\n\n  .border-transparent {\n    border-color: #0000;\n  }\n\n  .bg-\\[\\#FF99000D\\] {\n    background-color: #ff99000d;\n  }\n\n  .bg-background, .bg-background\\/90 {\n    background-color: var(--background);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-background\\/90 {\n      background-color: color-mix(in oklab, var(--background) 90%, transparent);\n    }\n  }\n\n  .bg-black\\/50 {\n    background-color: #00000080;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-black\\/50 {\n      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);\n    }\n  }\n\n  .bg-blue-50 {\n    background-color: var(--color-blue-50);\n  }\n\n  .bg-blue-600 {\n    background-color: var(--color-blue-600);\n  }\n\n  .bg-border {\n    background-color: var(--border);\n  }\n\n  .bg-card {\n    background-color: var(--card);\n  }\n\n  .bg-contrast-6 {\n    background-color: var(--contrast-6);\n  }\n\n  .bg-contrast-7 {\n    background-color: var(--contrast-7);\n  }\n\n  .bg-contrast-8 {\n    background-color: var(--contrast-8);\n  }\n\n  .bg-contrast-9 {\n    background-color: var(--contrast-9);\n  }\n\n  .bg-destructive {\n    background-color: var(--destructive);\n  }\n\n  .bg-green-50 {\n    background-color: var(--color-green-50);\n  }\n\n  .bg-inherit {\n    background-color: inherit;\n  }\n\n  .bg-muted {\n    background-color: var(--muted);\n  }\n\n  .bg-popover {\n    background-color: var(--popover);\n  }\n\n  .bg-primary {\n    background-color: var(--primary);\n  }\n\n  .bg-primary-azul-1 {\n    background-color: var(--primary-azul-1);\n  }\n\n  .bg-primary-papaya-1 {\n    background-color: var(--primary-papaya-1);\n  }\n\n  .bg-purple-50 {\n    background-color: var(--color-purple-50);\n  }\n\n  .bg-secondary {\n    background-color: var(--secondary);\n  }\n\n  .bg-transparent {\n    background-color: #0000;\n  }\n\n  .bg-white {\n    background-color: var(--color-white);\n  }\n\n  .fill-contrast-6 {\n    fill: var(--contrast-6);\n  }\n\n  .fill-current {\n    fill: currentColor;\n  }\n\n  .fill-primary {\n    fill: var(--primary);\n  }\n\n  .stroke-contrast-5 {\n    stroke: var(--contrast-5);\n  }\n\n  .stroke-contrast-8 {\n    stroke: var(--contrast-8);\n  }\n\n  .stroke-contrast-9 {\n    stroke: var(--contrast-9);\n  }\n\n  .stroke-red-800 {\n    stroke: var(--color-red-800);\n  }\n\n  .p-0 {\n    padding: calc(var(--spacing) * 0);\n  }\n\n  .p-1 {\n    padding: calc(var(--spacing) * 1);\n  }\n\n  .p-2 {\n    padding: calc(var(--spacing) * 2);\n  }\n\n  .p-3 {\n    padding: calc(var(--spacing) * 3);\n  }\n\n  .p-4 {\n    padding: calc(var(--spacing) * 4);\n  }\n\n  .p-5 {\n    padding: calc(var(--spacing) * 5);\n  }\n\n  .p-6 {\n    padding: calc(var(--spacing) * 6);\n  }\n\n  .p-\\[16px\\] {\n    padding: 16px;\n  }\n\n  .p-\\[24px\\] {\n    padding: 24px;\n  }\n\n  .px-2 {\n    padding-inline: calc(var(--spacing) * 2);\n  }\n\n  .px-3 {\n    padding-inline: calc(var(--spacing) * 3);\n  }\n\n  .px-4 {\n    padding-inline: calc(var(--spacing) * 4);\n  }\n\n  .px-5 {\n    padding-inline: calc(var(--spacing) * 5);\n  }\n\n  .px-6 {\n    padding-inline: calc(var(--spacing) * 6);\n  }\n\n  .px-8 {\n    padding-inline: calc(var(--spacing) * 8);\n  }\n\n  .px-\\[6px\\] {\n    padding-inline: 6px;\n  }\n\n  .px-\\[12px\\] {\n    padding-inline: 12px;\n  }\n\n  .px-\\[16px\\] {\n    padding-inline: 16px;\n  }\n\n  .px-\\[24px\\] {\n    padding-inline: 24px;\n  }\n\n  .py-0\\.5 {\n    padding-block: calc(var(--spacing) * .5);\n  }\n\n  .py-1 {\n    padding-block: calc(var(--spacing) * 1);\n  }\n\n  .py-1\\.5 {\n    padding-block: calc(var(--spacing) * 1.5);\n  }\n\n  .py-2 {\n    padding-block: calc(var(--spacing) * 2);\n  }\n\n  .py-4 {\n    padding-block: calc(var(--spacing) * 4);\n  }\n\n  .py-6 {\n    padding-block: calc(var(--spacing) * 6);\n  }\n\n  .py-\\[2px\\] {\n    padding-block: 2px;\n  }\n\n  .py-\\[4px\\] {\n    padding-block: 4px;\n  }\n\n  .py-\\[8px\\] {\n    padding-block: 8px;\n  }\n\n  .py-\\[14px\\] {\n    padding-block: 14px;\n  }\n\n  .pt-0 {\n    padding-top: calc(var(--spacing) * 0);\n  }\n\n  .pt-0\\.5 {\n    padding-top: calc(var(--spacing) * .5);\n  }\n\n  .pt-1 {\n    padding-top: calc(var(--spacing) * 1);\n  }\n\n  .pt-2 {\n    padding-top: calc(var(--spacing) * 2);\n  }\n\n  .pt-6 {\n    padding-top: calc(var(--spacing) * 6);\n  }\n\n  .pt-\\[2px\\] {\n    padding-top: 2px;\n  }\n\n  .pt-\\[12px\\] {\n    padding-top: 12px;\n  }\n\n  .pt-\\[24px\\] {\n    padding-top: 24px;\n  }\n\n  .pr-2 {\n    padding-right: calc(var(--spacing) * 2);\n  }\n\n  .pr-3 {\n    padding-right: calc(var(--spacing) * 3);\n  }\n\n  .pr-8 {\n    padding-right: calc(var(--spacing) * 8);\n  }\n\n  .pr-10 {\n    padding-right: calc(var(--spacing) * 10);\n  }\n\n  .pr-\\[16px\\] {\n    padding-right: 16px;\n  }\n\n  .pr-\\[24px\\] {\n    padding-right: 24px;\n  }\n\n  .pr-\\[86px\\] {\n    padding-right: 86px;\n  }\n\n  .pb-2 {\n    padding-bottom: calc(var(--spacing) * 2);\n  }\n\n  .pb-3 {\n    padding-bottom: calc(var(--spacing) * 3);\n  }\n\n  .pb-4 {\n    padding-bottom: calc(var(--spacing) * 4);\n  }\n\n  .pb-8 {\n    padding-bottom: calc(var(--spacing) * 8);\n  }\n\n  .pb-\\[12px\\] {\n    padding-bottom: 12px;\n  }\n\n  .pb-\\[18px\\] {\n    padding-bottom: 18px;\n  }\n\n  .pb-\\[24px\\] {\n    padding-bottom: 24px;\n  }\n\n  .pb-\\[32px\\] {\n    padding-bottom: 32px;\n  }\n\n  .pl-2 {\n    padding-left: calc(var(--spacing) * 2);\n  }\n\n  .pl-3 {\n    padding-left: calc(var(--spacing) * 3);\n  }\n\n  .pl-8 {\n    padding-left: calc(var(--spacing) * 8);\n  }\n\n  .pl-\\[12px\\] {\n    padding-left: 12px;\n  }\n\n  .pl-\\[24px\\] {\n    padding-left: 24px;\n  }\n\n  .pl-\\[42px\\] {\n    padding-left: 42px;\n  }\n\n  .text-center {\n    text-align: center;\n  }\n\n  .text-left {\n    text-align: left;\n  }\n\n  .text-start {\n    text-align: start;\n  }\n\n  .font-geist-mono {\n    font-family: var(--font-geist-mono);\n  }\n\n  .font-inter {\n    font-family: var(--font-inter);\n  }\n\n  .font-mono {\n    font-family: var(--font-mono);\n  }\n\n  .text-2xl {\n    font-size: var(--text-2xl);\n    line-height: var(--tw-leading, var(--text-2xl--line-height));\n  }\n\n  .text-base {\n    font-size: var(--text-base);\n    line-height: var(--tw-leading, var(--text-base--line-height));\n  }\n\n  .text-lg {\n    font-size: var(--text-lg);\n    line-height: var(--tw-leading, var(--text-lg--line-height));\n  }\n\n  .text-sm {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n\n  .text-xl {\n    font-size: var(--text-xl);\n    line-height: var(--tw-leading, var(--text-xl--line-height));\n  }\n\n  .text-xs {\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n\n  .text-\\[10px\\] {\n    font-size: 10px;\n  }\n\n  .text-\\[18px\\] {\n    font-size: 18px;\n  }\n\n  .text-\\[24px\\] {\n    font-size: 24px;\n  }\n\n  .leading-none {\n    --tw-leading: 1;\n    line-height: 1;\n  }\n\n  .font-bold {\n    --tw-font-weight: var(--font-weight-bold);\n    font-weight: var(--font-weight-bold);\n  }\n\n  .font-medium {\n    --tw-font-weight: var(--font-weight-medium);\n    font-weight: var(--font-weight-medium);\n  }\n\n  .font-semibold {\n    --tw-font-weight: var(--font-weight-semibold);\n    font-weight: var(--font-weight-semibold);\n  }\n\n  .tracking-\\[-0\\.36px\\] {\n    --tw-tracking: -.36px;\n    letter-spacing: -.36px;\n  }\n\n  .tracking-widest {\n    --tw-tracking: var(--tracking-widest);\n    letter-spacing: var(--tracking-widest);\n  }\n\n  .text-balance {\n    text-wrap: balance;\n  }\n\n  .text-nowrap {\n    text-wrap: nowrap;\n  }\n\n  .text-wrap {\n    text-wrap: wrap;\n  }\n\n  .break-all {\n    word-break: break-all;\n  }\n\n  .text-ellipsis {\n    text-overflow: ellipsis;\n  }\n\n  .whitespace-nowrap {\n    white-space: nowrap;\n  }\n\n  .text-\\[\\#A5D712\\] {\n    color: #a5d712;\n  }\n\n  .text-blue-700 {\n    color: var(--color-blue-700);\n  }\n\n  .text-blue-800 {\n    color: var(--color-blue-800);\n  }\n\n  .text-brand-4 {\n    color: var(--brand-4);\n  }\n\n  .text-card-foreground {\n    color: var(--card-foreground);\n  }\n\n  .text-contrast-1 {\n    color: var(--contrast-1);\n  }\n\n  .text-contrast-2 {\n    color: var(--contrast-2);\n  }\n\n  .text-contrast-3 {\n    color: var(--contrast-3);\n  }\n\n  .text-contrast-4 {\n    color: var(--contrast-4);\n  }\n\n  .text-contrast-5 {\n    color: var(--contrast-5);\n  }\n\n  .text-contrast-6 {\n    color: var(--contrast-6);\n  }\n\n  .text-contrast-7 {\n    color: var(--contrast-7);\n  }\n\n  .text-contrast-8 {\n    color: var(--contrast-8);\n  }\n\n  .text-contrast-9 {\n    color: var(--contrast-9);\n  }\n\n  .text-foreground {\n    color: var(--foreground);\n  }\n\n  .text-gray-500 {\n    color: var(--color-gray-500);\n  }\n\n  .text-gray-600 {\n    color: var(--color-gray-600);\n  }\n\n  .text-gray-700 {\n    color: var(--color-gray-700);\n  }\n\n  .text-green-700 {\n    color: var(--color-green-700);\n  }\n\n  .text-green-800 {\n    color: var(--color-green-800);\n  }\n\n  .text-muted-foreground {\n    color: var(--muted-foreground);\n  }\n\n  .text-popover-foreground {\n    color: var(--popover-foreground);\n  }\n\n  .text-primary {\n    color: var(--primary);\n  }\n\n  .text-primary-azul-1 {\n    color: var(--primary-azul-1);\n  }\n\n  .text-primary-foreground {\n    color: var(--primary-foreground);\n  }\n\n  .text-purple-700 {\n    color: var(--color-purple-700);\n  }\n\n  .text-purple-800 {\n    color: var(--color-purple-800);\n  }\n\n  .text-secondary-foreground {\n    color: var(--secondary-foreground);\n  }\n\n  .text-secondary-orange-peel-1 {\n    color: var(--secondary-orange_peel-1);\n  }\n\n  .text-secondary-radical-red-1 {\n    color: var(--secondary-radical_red-1);\n  }\n\n  .text-white {\n    color: var(--color-white);\n  }\n\n  .lowercase {\n    text-transform: lowercase;\n  }\n\n  .uppercase {\n    text-transform: uppercase;\n  }\n\n  .italic {\n    font-style: italic;\n  }\n\n  .underline-offset-4 {\n    text-underline-offset: 4px;\n  }\n\n  .opacity-50 {\n    opacity: .5;\n  }\n\n  .opacity-70 {\n    opacity: .7;\n  }\n\n  .shadow {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-\\[0px_-1px_0px_0px_rgba\\(13\\,107\\,202\\,0\\.05\\)_inset\\] {\n    --tw-shadow: 0px -1px 0px 0px var(--tw-shadow-color, #0d6bca0d) inset;\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-\\[0px_0px_14px_0px_rgba\\(255\\,158\\,0\\,0\\.60\\)_inset\\] {\n    --tw-shadow: 0px 0px 14px 0px var(--tw-shadow-color, #ff9e0099) inset;\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-\\[0px_2px_6px_0px_rgba\\(39\\,56\\,114\\,0\\.05\\)\\] {\n    --tw-shadow: 0px 2px 6px 0px var(--tw-shadow-color, #2738720d);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-\\[0px_4px_16px_rgba\\(9\\,22\\,46\\,0\\.05\\)\\] {\n    --tw-shadow: 0px 4px 16px var(--tw-shadow-color, #09162e0d);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-lg {\n    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-md {\n    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-none {\n    --tw-shadow: 0 0 #0000;\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-sm {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-xl {\n    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-xs {\n    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .ring-0 {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .ring-2 {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .ring-primary-azul-1 {\n    --tw-ring-color: var(--primary-azul-1);\n  }\n\n  .ring-offset-background {\n    --tw-ring-offset-color: var(--background);\n  }\n\n  .outline-hidden {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n\n  @media (forced-colors: active) {\n    .outline-hidden {\n      outline-offset: 2px;\n      outline: 2px solid #0000;\n    }\n  }\n\n  .outline {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n\n  .outline-primary-azul-1 {\n    outline-color: var(--primary-azul-1);\n  }\n\n  .filter {\n    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n  }\n\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;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-\\[color\\,box-shadow\\] {\n    transition-property: color, box-shadow;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-all {\n    transition-property: all;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-opacity {\n    transition-property: opacity;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-transform {\n    transition-property: transform, translate, scale, rotate;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-none {\n    transition-property: none;\n  }\n\n  .duration-200 {\n    --tw-duration: .2s;\n    transition-duration: .2s;\n  }\n\n  .duration-300 {\n    --tw-duration: .3s;\n    transition-duration: .3s;\n  }\n\n  .\\!select-text {\n    -webkit-user-select: text !important;\n    user-select: text !important;\n  }\n\n  .direction-reverse {\n    --tw-animation-direction: reverse;\n    animation-direction: reverse;\n  }\n\n  .fade-in-0 {\n    --tw-enter-opacity: 0;\n  }\n\n  .outline-none {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n\n  .select-none {\n    -webkit-user-select: none;\n    user-select: none;\n  }\n\n  .zoom-in-95 {\n    --tw-enter-scale: .95;\n  }\n\n  .running {\n    animation-play-state: running;\n  }\n\n  .text-shadow-\\[0px_4px_4px_rgba\\(0\\,0\\,0\\,0\\.15\\)\\] {\n    text-shadow: 0px 4px 4px var(--tw-text-shadow-color, #00000026);\n  }\n\n  .group-data-\\[vaul-drawer-direction\\=bottom\\]\\/drawer-content\\:block:is(:where(.group\\/drawer-content)[data-vaul-drawer-direction=\"bottom\"] *) {\n    display: block;\n  }\n\n  .group-data-\\[vaul-drawer-direction\\=bottom\\]\\/drawer-content\\:text-center:is(:where(.group\\/drawer-content)[data-vaul-drawer-direction=\"bottom\"] *), .group-data-\\[vaul-drawer-direction\\=top\\]\\/drawer-content\\:text-center:is(:where(.group\\/drawer-content)[data-vaul-drawer-direction=\"top\"] *) {\n    text-align: center;\n  }\n\n  .selection\\:bg-primary ::selection {\n    background-color: var(--primary);\n  }\n\n  .selection\\:bg-primary::selection {\n    background-color: var(--primary);\n  }\n\n  .selection\\:text-primary-foreground ::selection {\n    color: var(--primary-foreground);\n  }\n\n  .selection\\:text-primary-foreground::selection {\n    color: var(--primary-foreground);\n  }\n\n  .file\\:inline-flex::file-selector-button {\n    display: inline-flex;\n  }\n\n  .file\\:h-7::file-selector-button {\n    height: calc(var(--spacing) * 7);\n  }\n\n  .file\\:border-0::file-selector-button {\n    border-style: var(--tw-border-style);\n    border-width: 0;\n  }\n\n  .file\\:bg-transparent::file-selector-button {\n    background-color: #0000;\n  }\n\n  .file\\:text-sm::file-selector-button {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n\n  .file\\:font-medium::file-selector-button {\n    --tw-font-weight: var(--font-weight-medium);\n    font-weight: var(--font-weight-medium);\n  }\n\n  .file\\:text-foreground::file-selector-button {\n    color: var(--foreground);\n  }\n\n  .placeholder\\:font-inter::placeholder {\n    font-family: var(--font-inter);\n  }\n\n  .placeholder\\:text-contrast-5::placeholder {\n    color: var(--contrast-5);\n  }\n\n  .placeholder\\:text-contrast-6::placeholder {\n    color: var(--contrast-6);\n  }\n\n  .last\\:border-b-0:last-child {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 0;\n  }\n\n  .focus-within\\:border-primary-azul-1:focus-within {\n    border-color: var(--primary-azul-1);\n  }\n\n  @media (hover: hover) {\n    .hover\\:rotate-\\[0\\.5turn\\]:hover {\n      rotate: .5turn;\n    }\n\n    .hover\\:cursor-pointer:hover {\n      cursor: pointer;\n    }\n\n    .hover\\:bg-accent:hover {\n      background-color: var(--accent);\n    }\n\n    .hover\\:bg-contrast-7\\/80:hover {\n      background-color: var(--contrast-7);\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .hover\\:bg-contrast-7\\/80:hover {\n        background-color: color-mix(in oklab, var(--contrast-7) 80%, transparent);\n      }\n    }\n\n    .hover\\:bg-contrast-8:hover {\n      background-color: var(--contrast-8);\n    }\n\n    .hover\\:bg-contrast-9:hover {\n      background-color: var(--contrast-9);\n    }\n\n    .hover\\:bg-destructive\\/90:hover {\n      background-color: var(--destructive);\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .hover\\:bg-destructive\\/90:hover {\n        background-color: color-mix(in oklab, var(--destructive) 90%, transparent);\n      }\n    }\n\n    .hover\\:bg-green-300:hover {\n      background-color: var(--color-green-300);\n    }\n\n    .hover\\:bg-primary-azul-1\\/90:hover {\n      background-color: var(--primary-azul-1);\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .hover\\:bg-primary-azul-1\\/90:hover {\n        background-color: color-mix(in oklab, var(--primary-azul-1) 90%, transparent);\n      }\n    }\n\n    .hover\\:bg-transparent:hover {\n      background-color: #0000;\n    }\n\n    .hover\\:text-accent-foreground:hover {\n      color: var(--accent-foreground);\n    }\n\n    .hover\\:text-black:hover {\n      color: var(--color-black);\n    }\n\n    .hover\\:text-primary-azul-1:hover {\n      color: var(--primary-azul-1);\n    }\n\n    .hover\\:underline:hover {\n      text-decoration-line: underline;\n    }\n\n    .hover\\:opacity-100:hover {\n      opacity: 1;\n    }\n\n    .hover\\:outline-1:hover {\n      outline-style: var(--tw-outline-style);\n      outline-width: 1px;\n    }\n\n    .hover\\:outline-contrast-6:hover {\n      outline-color: var(--contrast-6);\n    }\n\n    .hover\\:outline-solid:hover {\n      --tw-outline-style: solid;\n      outline-style: solid;\n    }\n  }\n\n  .focus\\:bg-accent:focus {\n    background-color: var(--accent);\n  }\n\n  .focus\\:text-accent-foreground:focus {\n    color: var(--accent-foreground);\n  }\n\n  .focus\\:ring-2:focus {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .focus\\:ring-ring:focus {\n    --tw-ring-color: var(--ring);\n  }\n\n  .focus\\:ring-offset-2:focus {\n    --tw-ring-offset-width: 2px;\n    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  }\n\n  .focus\\:outline-hidden:focus {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n\n  @media (forced-colors: active) {\n    .focus\\:outline-hidden:focus {\n      outline-offset: 2px;\n      outline: 2px solid #0000;\n    }\n  }\n\n  .focus-visible\\:border-brand-2:focus-visible {\n    border-color: var(--brand-2);\n  }\n\n  .focus-visible\\:border-ring:focus-visible {\n    border-color: var(--ring);\n  }\n\n  .focus-visible\\:ring-\\[3px\\]: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);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .focus-visible\\:ring-destructive\\/20:focus-visible {\n    --tw-ring-color: var(--destructive);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .focus-visible\\:ring-destructive\\/20:focus-visible {\n      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n    }\n  }\n\n  .focus-visible\\:ring-ring\\/50:focus-visible {\n    --tw-ring-color: var(--ring);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .focus-visible\\:ring-ring\\/50:focus-visible {\n      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);\n    }\n  }\n\n  .disabled\\:pointer-events-none:disabled {\n    pointer-events: none;\n  }\n\n  .disabled\\:cursor-not-allowed:disabled {\n    cursor: not-allowed;\n  }\n\n  .disabled\\:bg-contrast-7:disabled {\n    background-color: var(--contrast-7);\n  }\n\n  .disabled\\:text-contrast-5:disabled {\n    color: var(--contrast-5);\n  }\n\n  .disabled\\:opacity-50:disabled {\n    opacity: .5;\n  }\n\n  .disabled\\:shadow-none:disabled {\n    --tw-shadow: 0 0 #0000;\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .has-data-\\[slot\\=card-action\\]\\:grid-cols-\\[1fr_auto\\]:has([data-slot=\"card-action\"]) {\n    grid-template-columns: 1fr auto;\n  }\n\n  .has-\\[\\>svg\\]\\:px-2\\.5:has( > svg) {\n    padding-inline: calc(var(--spacing) * 2.5);\n  }\n\n  .has-\\[\\>svg\\]\\:px-3:has( > svg) {\n    padding-inline: calc(var(--spacing) * 3);\n  }\n\n  .has-\\[\\>svg\\]\\:px-4:has( > svg) {\n    padding-inline: calc(var(--spacing) * 4);\n  }\n\n  .has-\\[\\>svg\\]\\:px-6:has( > svg) {\n    padding-inline: calc(var(--spacing) * 6);\n  }\n\n  .aria-invalid\\:border-destructive[aria-invalid=\"true\"] {\n    border-color: var(--destructive);\n  }\n\n  .aria-invalid\\:border-secondary-orange-peel-1[aria-invalid=\"true\"] {\n    border-color: var(--secondary-orange_peel-1);\n  }\n\n  .aria-invalid\\:ring-destructive\\/20[aria-invalid=\"true\"] {\n    --tw-ring-color: var(--destructive);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .aria-invalid\\:ring-destructive\\/20[aria-invalid=\"true\"] {\n      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n    }\n  }\n\n  .data-\\[disabled\\]\\:pointer-events-none[data-disabled] {\n    pointer-events: none;\n  }\n\n  .data-\\[disabled\\]\\:opacity-50[data-disabled] {\n    opacity: .5;\n  }\n\n  .data-\\[inset\\]\\:pl-8[data-inset] {\n    padding-left: calc(var(--spacing) * 8);\n  }\n\n  .data-\\[placeholder\\]\\:text-muted-foreground[data-placeholder] {\n    color: var(--muted-foreground);\n  }\n\n  .data-\\[side\\=bottom\\]\\:translate-y-1[data-side=\"bottom\"] {\n    --tw-translate-y: calc(var(--spacing) * 1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=\"bottom\"] {\n    --tw-enter-translate-y: calc(2 * var(--spacing) * -1);\n  }\n\n  .data-\\[side\\=left\\]\\:-translate-x-1[data-side=\"left\"] {\n    --tw-translate-x: calc(var(--spacing) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=\"left\"] {\n    --tw-enter-translate-x: calc(2 * var(--spacing));\n  }\n\n  .data-\\[side\\=right\\]\\:translate-x-1[data-side=\"right\"] {\n    --tw-translate-x: calc(var(--spacing) * 1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=\"right\"] {\n    --tw-enter-translate-x: calc(2 * var(--spacing) * -1);\n  }\n\n  .data-\\[side\\=top\\]\\:-translate-y-1[data-side=\"top\"] {\n    --tw-translate-y: calc(var(--spacing) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=\"top\"] {\n    --tw-enter-translate-y: calc(2 * var(--spacing));\n  }\n\n  .data-\\[size\\=default\\]\\:h-9[data-size=\"default\"] {\n    height: calc(var(--spacing) * 9);\n  }\n\n  .data-\\[size\\=sm\\]\\:h-8[data-size=\"sm\"] {\n    height: calc(var(--spacing) * 8);\n  }\n\n  :is(.\\*\\:data-\\[slot\\=select-value\\]\\:line-clamp-1 > *)[data-slot=\"select-value\"] {\n    -webkit-line-clamp: 1;\n    -webkit-box-orient: vertical;\n    display: -webkit-box;\n    overflow: hidden;\n  }\n\n  :is(.\\*\\:data-\\[slot\\=select-value\\]\\:flex > *)[data-slot=\"select-value\"] {\n    display: flex;\n  }\n\n  :is(.\\*\\:data-\\[slot\\=select-value\\]\\:items-center > *)[data-slot=\"select-value\"] {\n    align-items: center;\n  }\n\n  :is(.\\*\\:data-\\[slot\\=select-value\\]\\:gap-2 > *)[data-slot=\"select-value\"] {\n    gap: calc(var(--spacing) * 2);\n  }\n\n  .data-\\[state\\=checked\\]\\:translate-x-\\[calc\\(100\\%-2px\\)\\][data-state=\"checked\"] {\n    --tw-translate-x: calc(100% - 2px);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .data-\\[state\\=checked\\]\\:bg-secondary-shamrock-green-2[data-state=\"checked\"] {\n    background-color: var(--secondary-shamrock_green-2);\n  }\n\n  .data-\\[state\\=closed\\]\\:animate-accordion-up[data-state=\"closed\"] {\n    animation: accordion-up var(--tw-animation-duration, var(--tw-duration, .2s)) ease-out;\n  }\n\n  .data-\\[state\\=closed\\]\\:animate-out[data-state=\"closed\"] {\n    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);\n  }\n\n  .data-\\[state\\=closed\\]\\:fade-out-0[data-state=\"closed\"] {\n    --tw-exit-opacity: 0;\n  }\n\n  .data-\\[state\\=closed\\]\\:zoom-out-95[data-state=\"closed\"] {\n    --tw-exit-scale: .95;\n  }\n\n  .data-\\[state\\=open\\]\\:animate-accordion-down[data-state=\"open\"] {\n    animation: accordion-down var(--tw-animation-duration, var(--tw-duration, .2s)) ease-out;\n  }\n\n  .data-\\[state\\=open\\]\\:animate-in[data-state=\"open\"] {\n    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);\n  }\n\n  .data-\\[state\\=open\\]\\:bg-accent[data-state=\"open\"] {\n    background-color: var(--accent);\n  }\n\n  .data-\\[state\\=open\\]\\:bg-contrast-8[data-state=\"open\"] {\n    background-color: var(--contrast-8);\n  }\n\n  .data-\\[state\\=open\\]\\:bg-transparent[data-state=\"open\"] {\n    background-color: #0000;\n  }\n\n  .data-\\[state\\=open\\]\\:text-accent-foreground[data-state=\"open\"] {\n    color: var(--accent-foreground);\n  }\n\n  .data-\\[state\\=open\\]\\:text-muted-foreground[data-state=\"open\"] {\n    color: var(--muted-foreground);\n  }\n\n  .data-\\[state\\=open\\]\\:fade-in-0[data-state=\"open\"] {\n    --tw-enter-opacity: 0;\n  }\n\n  .data-\\[state\\=open\\]\\:zoom-in-95[data-state=\"open\"] {\n    --tw-enter-scale: .95;\n  }\n\n  .data-\\[state\\=unchecked\\]\\:translate-x-0[data-state=\"unchecked\"] {\n    --tw-translate-x: calc(var(--spacing) * 0);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .data-\\[state\\=unchecked\\]\\:bg-contrast-6[data-state=\"unchecked\"] {\n    background-color: var(--contrast-6);\n  }\n\n  .data-\\[variant\\=destructive\\]\\:text-destructive[data-variant=\"destructive\"] {\n    color: var(--destructive);\n  }\n\n  .data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/10[data-variant=\"destructive\"]:focus {\n    background-color: var(--destructive);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/10[data-variant=\"destructive\"]:focus {\n      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);\n    }\n  }\n\n  .data-\\[variant\\=destructive\\]\\:focus\\:text-destructive[data-variant=\"destructive\"]:focus {\n    color: var(--destructive);\n  }\n\n  .data-\\[vaul-drawer-direction\\=bottom\\]\\:inset-x-0[data-vaul-drawer-direction=\"bottom\"] {\n    inset-inline: calc(var(--spacing) * 0);\n  }\n\n  .data-\\[vaul-drawer-direction\\=bottom\\]\\:bottom-0[data-vaul-drawer-direction=\"bottom\"] {\n    bottom: calc(var(--spacing) * 0);\n  }\n\n  .data-\\[vaul-drawer-direction\\=bottom\\]\\:mt-24[data-vaul-drawer-direction=\"bottom\"] {\n    margin-top: calc(var(--spacing) * 24);\n  }\n\n  .data-\\[vaul-drawer-direction\\=bottom\\]\\:max-h-\\[80vh\\][data-vaul-drawer-direction=\"bottom\"] {\n    max-height: 80vh;\n  }\n\n  .data-\\[vaul-drawer-direction\\=bottom\\]\\:rounded-xxl[data-vaul-drawer-direction=\"bottom\"] {\n    border-radius: calc(var(--radius)  + 10px);\n  }\n\n  .data-\\[vaul-drawer-direction\\=bottom\\]\\:border[data-vaul-drawer-direction=\"bottom\"] {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n\n  .data-\\[vaul-drawer-direction\\=left\\]\\:inset-y-0[data-vaul-drawer-direction=\"left\"] {\n    inset-block: calc(var(--spacing) * 0);\n  }\n\n  .data-\\[vaul-drawer-direction\\=left\\]\\:left-0[data-vaul-drawer-direction=\"left\"] {\n    left: calc(var(--spacing) * 0);\n  }\n\n  .data-\\[vaul-drawer-direction\\=left\\]\\:w-3\\/4[data-vaul-drawer-direction=\"left\"] {\n    width: 75%;\n  }\n\n  .data-\\[vaul-drawer-direction\\=left\\]\\:border-r[data-vaul-drawer-direction=\"left\"] {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 1px;\n  }\n\n  .data-\\[vaul-drawer-direction\\=right\\]\\:inset-y-0[data-vaul-drawer-direction=\"right\"] {\n    inset-block: calc(var(--spacing) * 0);\n  }\n\n  .data-\\[vaul-drawer-direction\\=right\\]\\:right-0[data-vaul-drawer-direction=\"right\"] {\n    right: calc(var(--spacing) * 0);\n  }\n\n  .data-\\[vaul-drawer-direction\\=right\\]\\:w-3\\/4[data-vaul-drawer-direction=\"right\"] {\n    width: 75%;\n  }\n\n  .data-\\[vaul-drawer-direction\\=right\\]\\:border-l[data-vaul-drawer-direction=\"right\"] {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 1px;\n  }\n\n  .data-\\[vaul-drawer-direction\\=top\\]\\:inset-x-0[data-vaul-drawer-direction=\"top\"] {\n    inset-inline: calc(var(--spacing) * 0);\n  }\n\n  .data-\\[vaul-drawer-direction\\=top\\]\\:top-0[data-vaul-drawer-direction=\"top\"] {\n    top: calc(var(--spacing) * 0);\n  }\n\n  .data-\\[vaul-drawer-direction\\=top\\]\\:mb-24[data-vaul-drawer-direction=\"top\"] {\n    margin-bottom: calc(var(--spacing) * 24);\n  }\n\n  .data-\\[vaul-drawer-direction\\=top\\]\\:max-h-\\[80vh\\][data-vaul-drawer-direction=\"top\"] {\n    max-height: 80vh;\n  }\n\n  .data-\\[vaul-drawer-direction\\=top\\]\\:rounded-b-lg[data-vaul-drawer-direction=\"top\"] {\n    border-bottom-right-radius: calc(var(--radius)  + 2px);\n    border-bottom-left-radius: calc(var(--radius)  + 2px);\n  }\n\n  .data-\\[vaul-drawer-direction\\=top\\]\\:border-b[data-vaul-drawer-direction=\"top\"] {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 1px;\n  }\n\n  @media (min-width: 40rem) {\n    .sm\\:max-w-lg {\n      max-width: var(--container-lg);\n    }\n\n    .sm\\:flex-row {\n      flex-direction: row;\n    }\n\n    .sm\\:items-center {\n      align-items: center;\n    }\n\n    .sm\\:justify-end {\n      justify-content: flex-end;\n    }\n\n    .sm\\:text-left {\n      text-align: left;\n    }\n\n    .data-\\[vaul-drawer-direction\\=left\\]\\:sm\\:max-w-sm[data-vaul-drawer-direction=\"left\"], .data-\\[vaul-drawer-direction\\=right\\]\\:sm\\:max-w-sm[data-vaul-drawer-direction=\"right\"] {\n      max-width: var(--container-sm);\n    }\n  }\n\n  @media (min-width: 48rem) {\n    .md\\:col-span-2 {\n      grid-column: span 2 / span 2;\n    }\n\n    .md\\:grid-cols-2 {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .md\\:gap-1\\.5 {\n      gap: calc(var(--spacing) * 1.5);\n    }\n\n    .md\\:text-left {\n      text-align: left;\n    }\n\n    .md\\:text-sm {\n      font-size: var(--text-sm);\n      line-height: var(--tw-leading, var(--text-sm--line-height));\n    }\n  }\n\n  .dark\\:border-contrast-2:is(.dark *) {\n    border-color: var(--contrast-2);\n  }\n\n  .dark\\:border-contrast-3:is(.dark *) {\n    border-color: var(--contrast-3);\n  }\n\n  .dark\\:border-contrast-4:is(.dark *) {\n    border-color: var(--contrast-4);\n  }\n\n  .dark\\:border-input:is(.dark *) {\n    border-color: var(--input);\n  }\n\n  .dark\\:border-transparent:is(.dark *) {\n    border-color: #0000;\n  }\n\n  .dark\\:bg-contrast-1:is(.dark *) {\n    background-color: var(--contrast-1);\n  }\n\n  .dark\\:bg-contrast-2:is(.dark *) {\n    background-color: var(--contrast-2);\n  }\n\n  .dark\\:bg-contrast-3:is(.dark *) {\n    background-color: var(--contrast-3);\n  }\n\n  .dark\\:bg-contrast-4:is(.dark *) {\n    background-color: var(--contrast-4);\n  }\n\n  .dark\\:bg-contrast-5:is(.dark *) {\n    background-color: var(--contrast-5);\n  }\n\n  .dark\\:bg-destructive\\/60:is(.dark *) {\n    background-color: var(--destructive);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .dark\\:bg-destructive\\/60:is(.dark *) {\n      background-color: color-mix(in oklab, var(--destructive) 60%, transparent);\n    }\n  }\n\n  .dark\\:bg-gray-800:is(.dark *) {\n    background-color: var(--color-gray-800);\n  }\n\n  .dark\\:bg-input\\/30:is(.dark *) {\n    background-color: var(--input);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .dark\\:bg-input\\/30:is(.dark *) {\n      background-color: color-mix(in oklab, var(--input) 30%, transparent);\n    }\n  }\n\n  .dark\\:bg-transparent:is(.dark *) {\n    background-color: #0000;\n  }\n\n  .dark\\:fill-contrast-4:is(.dark *) {\n    fill: var(--contrast-4);\n  }\n\n  .dark\\:fill-contrast-5:is(.dark *) {\n    fill: var(--contrast-5);\n  }\n\n  .dark\\:stroke-contrast-2:is(.dark *) {\n    stroke: var(--contrast-2);\n  }\n\n  .dark\\:stroke-contrast-3:is(.dark *) {\n    stroke: var(--contrast-3);\n  }\n\n  .dark\\:stroke-contrast-4:is(.dark *) {\n    stroke: var(--contrast-4);\n  }\n\n  .dark\\:stroke-contrast-7:is(.dark *) {\n    stroke: var(--contrast-7);\n  }\n\n  .dark\\:text-contrast-4:is(.dark *) {\n    color: var(--contrast-4);\n  }\n\n  .dark\\:text-contrast-5:is(.dark *) {\n    color: var(--contrast-5);\n  }\n\n  .dark\\:text-contrast-6:is(.dark *) {\n    color: var(--contrast-6);\n  }\n\n  .dark\\:text-contrast-7:is(.dark *) {\n    color: var(--contrast-7);\n  }\n\n  .dark\\:text-contrast-8:is(.dark *) {\n    color: var(--contrast-8);\n  }\n\n  .dark\\:text-contrast-9:is(.dark *) {\n    color: var(--contrast-9);\n  }\n\n  .dark\\:text-secondary-orange-peel-1:is(.dark *) {\n    color: var(--secondary-orange_peel-1);\n  }\n\n  .dark\\:text-secondary-radical-red-1:is(.dark *) {\n    color: var(--secondary-radical_red-1);\n  }\n\n  .dark\\:text-white:is(.dark *) {\n    color: var(--color-white);\n  }\n\n  .dark\\:placeholder\\:text-contrast-5:is(.dark *)::placeholder {\n    color: var(--contrast-5);\n  }\n\n  @media (hover: hover) {\n    .dark\\:hover\\:bg-accent\\/50:is(.dark *):hover {\n      background-color: var(--accent);\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .dark\\:hover\\:bg-accent\\/50:is(.dark *):hover {\n        background-color: color-mix(in oklab, var(--accent) 50%, transparent);\n      }\n    }\n\n    .dark\\:hover\\:bg-contrast-2:is(.dark *):hover {\n      background-color: var(--contrast-2);\n    }\n\n    .dark\\:hover\\:bg-contrast-3:is(.dark *):hover, .dark\\:hover\\:bg-contrast-3\\/80:is(.dark *):hover {\n      background-color: var(--contrast-3);\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .dark\\:hover\\:bg-contrast-3\\/80:is(.dark *):hover {\n        background-color: color-mix(in oklab, var(--contrast-3) 80%, transparent);\n      }\n    }\n\n    .dark\\:hover\\:bg-input\\/50:is(.dark *):hover {\n      background-color: var(--input);\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .dark\\:hover\\:bg-input\\/50:is(.dark *):hover {\n        background-color: color-mix(in oklab, var(--input) 50%, transparent);\n      }\n    }\n\n    .dark\\:hover\\:outline-contrast-5:is(.dark *):hover {\n      outline-color: var(--contrast-5);\n    }\n  }\n\n  .dark\\:focus-visible\\:border-brand-2:is(.dark *):focus-visible {\n    border-color: var(--brand-2);\n  }\n\n  .dark\\:focus-visible\\:ring-destructive\\/40:is(.dark *):focus-visible {\n    --tw-ring-color: var(--destructive);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .dark\\:focus-visible\\:ring-destructive\\/40:is(.dark *):focus-visible {\n      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);\n    }\n  }\n\n  .dark\\:disabled\\:bg-contrast-4:is(.dark *):disabled {\n    background-color: var(--contrast-4);\n  }\n\n  .dark\\:disabled\\:text-shadow-none:is(.dark *):disabled {\n    text-shadow: none;\n  }\n\n  .dark\\:aria-invalid\\:border-secondary-orange-peel-1:is(.dark *)[aria-invalid=\"true\"] {\n    border-color: var(--secondary-orange_peel-1);\n  }\n\n  .dark\\:aria-invalid\\:ring-destructive\\/40:is(.dark *)[aria-invalid=\"true\"] {\n    --tw-ring-color: var(--destructive);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .dark\\:aria-invalid\\:ring-destructive\\/40:is(.dark *)[aria-invalid=\"true\"] {\n      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);\n    }\n  }\n\n  .dark\\:data-\\[state\\=open\\]\\:bg-contrast-2:is(.dark *)[data-state=\"open\"] {\n    background-color: var(--contrast-2);\n  }\n\n  .dark\\:data-\\[state\\=open\\]\\:bg-transparent:is(.dark *)[data-state=\"open\"] {\n    background-color: #0000;\n  }\n\n  .dark\\:data-\\[state\\=unchecked\\]\\:bg-contrast-1:is(.dark *)[data-state=\"unchecked\"] {\n    background-color: var(--contrast-1);\n  }\n\n  .dark\\:data-\\[state\\=unchecked\\]\\:bg-contrast-6:is(.dark *)[data-state=\"unchecked\"] {\n    background-color: var(--contrast-6);\n  }\n\n  .dark\\:data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/20:is(.dark *)[data-variant=\"destructive\"]:focus {\n    background-color: var(--destructive);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .dark\\:data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/20:is(.dark *)[data-variant=\"destructive\"]:focus {\n      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n    }\n  }\n\n  .\\[\\&_svg\\]\\:pointer-events-none svg {\n    pointer-events: none;\n  }\n\n  .\\[\\&_svg\\]\\:shrink-0 svg {\n    flex-shrink: 0;\n  }\n\n  .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=\"size-\"]) {\n    width: calc(var(--spacing) * 4);\n    height: calc(var(--spacing) * 4);\n  }\n\n  .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'text-\\'\\]\\)\\]\\:text-muted-foreground svg:not([class*=\"text-\"]) {\n    color: var(--muted-foreground);\n  }\n\n  .\\[\\.border-b\\]\\:pb-6.border-b {\n    padding-bottom: calc(var(--spacing) * 6);\n  }\n\n  .\\[\\.border-t\\]\\:pt-6.border-t {\n    padding-top: calc(var(--spacing) * 6);\n  }\n\n  :is(.\\*\\:\\[span\\]\\:last\\:flex > *):is(span):last-child {\n    display: flex;\n  }\n\n  :is(.\\*\\:\\[span\\]\\:last\\:items-center > *):is(span):last-child {\n    align-items: center;\n  }\n\n  :is(.\\*\\:\\[span\\]\\:last\\:gap-2 > *):is(span):last-child {\n    gap: calc(var(--spacing) * 2);\n  }\n\n  :is(.data-\\[variant\\=destructive\\]\\:\\*\\:\\[svg\\]\\:\\!text-destructive[data-variant=\"destructive\"] > *):is(svg) {\n    color: var(--destructive) !important;\n  }\n\n  .\\[\\&\\>svg\\]\\:pointer-events-none > svg {\n    pointer-events: none;\n  }\n\n  .\\[\\&\\>svg\\]\\:size-3 > svg {\n    width: calc(var(--spacing) * 3);\n    height: calc(var(--spacing) * 3);\n  }\n\n  .\\[\\&\\[data-state\\=open\\]\\>svg\\]\\:rotate-180[data-state=\"open\"] > svg {\n    rotate: 180deg;\n  }\n\n  @media (hover: hover) {\n    a.\\[a\\&\\]\\:hover\\:bg-accent:hover {\n      background-color: var(--accent);\n    }\n\n    a.\\[a\\&\\]\\:hover\\:bg-destructive\\/90:hover {\n      background-color: var(--destructive);\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      a.\\[a\\&\\]\\:hover\\:bg-destructive\\/90:hover {\n        background-color: color-mix(in oklab, var(--destructive) 90%, transparent);\n      }\n    }\n\n    a.\\[a\\&\\]\\:hover\\:bg-primary\\/90:hover {\n      background-color: var(--primary);\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      a.\\[a\\&\\]\\:hover\\:bg-primary\\/90:hover {\n        background-color: color-mix(in oklab, var(--primary) 90%, transparent);\n      }\n    }\n\n    a.\\[a\\&\\]\\:hover\\:bg-secondary\\/90:hover {\n      background-color: var(--secondary);\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      a.\\[a\\&\\]\\:hover\\:bg-secondary\\/90:hover {\n        background-color: color-mix(in oklab, var(--secondary) 90%, transparent);\n      }\n    }\n\n    a.\\[a\\&\\]\\:hover\\:text-accent-foreground:hover {\n      color: var(--accent-foreground);\n    }\n  }\n}\n@property --tw-animation-delay {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0s;\n}\n@property --tw-animation-direction {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: normal;\n}\n@property --tw-animation-duration {\n  syntax: \"*\";\n  inherits: false\n}\n@property --tw-animation-fill-mode {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: none;\n}\n@property --tw-animation-iteration-count {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-enter-opacity {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-enter-rotate {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-enter-scale {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-enter-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-enter-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-exit-opacity {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-exit-rotate {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-exit-scale {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-exit-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-exit-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n:root {\n  --font-geist: \"Geist\", sans-serif;\n  --font-geist-mono: \"Geist Mono\", monospace;\n  --font-inter: \"Inter\", sans-serif;\n  --background: oklch(100% 0 0);\n  --foreground: #000;\n  --card: oklch(100% 0 0);\n  --card-foreground: oklch(14.5% 0 0);\n  --popover: oklch(100% 0 0);\n  --popover-foreground: oklch(14.5% 0 0);\n  --primary: oklch(20.5% 0 0);\n  --primary-foreground: oklch(98.5% 0 0);\n  --secondary: oklch(97% 0 0);\n  --secondary-foreground: oklch(20.5% 0 0);\n  --muted: oklch(97% 0 0);\n  --muted-foreground: oklch(55.6% 0 0);\n  --accent: oklch(97% 0 0);\n  --accent-foreground: oklch(20.5% 0 0);\n  --destructive: oklch(57.7% .245 27.325);\n  --destructive-foreground: oklch(57.7% .245 27.325);\n  --border: oklch(92.2% 0 0);\n  --input: oklch(92.2% 0 0);\n  --ring: oklch(70.8% 0 0);\n  --chart-1: oklch(64.6% .222 41.116);\n  --chart-2: oklch(60% .118 184.704);\n  --chart-3: oklch(39.8% .07 227.392);\n  --chart-4: oklch(82.8% .189 84.429);\n  --chart-5: oklch(76.9% .188 70.08);\n  --radius: 10px;\n  --sidebar: oklch(98.5% 0 0);\n  --sidebar-foreground: oklch(14.5% 0 0);\n  --sidebar-primary: oklch(20.5% 0 0);\n  --sidebar-primary-foreground: oklch(98.5% 0 0);\n  --sidebar-accent: oklch(97% 0 0);\n  --sidebar-accent-foreground: oklch(20.5% 0 0);\n  --sidebar-border: oklch(92.2% 0 0);\n  --sidebar-ring: oklch(70.8% 0 0);\n}\n.dark {\n  --background: oklch(14.5% 0 0);\n  --foreground: #fff;\n  --card: oklch(20.5% 0 0);\n  --card-foreground: oklch(98.5% 0 0);\n  --popover: oklch(20.5% 0 0);\n  --popover-foreground: oklch(98.5% 0 0);\n  --primary: oklch(92.2% 0 0);\n  --primary-foreground: oklch(20.5% 0 0);\n  --secondary: oklch(26.9% 0 0);\n  --secondary-foreground: oklch(98.5% 0 0);\n  --muted: oklch(26.9% 0 0);\n  --muted-foreground: oklch(70.8% 0 0);\n  --accent: oklch(26.9% 0 0);\n  --accent-foreground: oklch(98.5% 0 0);\n  --destructive: oklch(70.4% .191 22.216);\n  --destructive-foreground: oklch(63.7% .237 25.331);\n  --border: oklch(100% 0 0 / .1);\n  --input: oklch(100% 0 0 / .15);\n  --ring: oklch(55.6% 0 0);\n  --chart-1: oklch(48.8% .243 264.376);\n  --chart-2: oklch(69.6% .17 162.48);\n  --chart-3: oklch(76.9% .188 70.08);\n  --chart-4: oklch(62.7% .265 303.9);\n  --chart-5: oklch(64.5% .246 16.439);\n  --sidebar: oklch(20.5% 0 0);\n  --sidebar-foreground: oklch(98.5% 0 0);\n  --sidebar-primary: oklch(48.8% .243 264.376);\n  --sidebar-primary-foreground: oklch(98.5% 0 0);\n  --sidebar-accent: oklch(26.9% 0 0);\n  --sidebar-accent-foreground: oklch(98.5% 0 0);\n  --sidebar-border: oklch(100% 0 0 / .1);\n  --sidebar-ring: oklch(55.6% 0 0);\n}\n:root {\n  --brand-1: #1359ed;\n  --brand-2: #2669f5;\n  --brand-3: #558cff;\n  --brand-4: #b7cdfb;\n  --contrast-1: #0f111a;\n  --contrast-2: #151724;\n  --contrast-3: #1e2033;\n  --contrast-4: #343647;\n  --contrast-5: #62626f;\n  --contrast-6: #cdcbd2;\n  --contrast-7: #eae9ed;\n  --contrast-8: #f7f7f7;\n  --contrast-9: #fff;\n  --primary-papaya-1: #f75c2a;\n  --primary-azul-1: #4a5df9;\n  --secondary-orange_peel-1: #ff9e00;\n  --secondary-orange_peel-2: #ffbc50;\n  --secondary-orange_peel-3: #ffd796;\n  --secondary-radical_red-1: #ff2b52;\n  --secondary-radical_red-2: #ff5978;\n  --secondary-radical_red-3: #ffb0bf;\n  --secondary-neon_pink-1: #fe5acf;\n  --secondary-neon_pink-2: #ff8edf;\n  --secondary-neon_pink-3: #ffb8eb;\n  --secondary-light_slate-1: #7364ff;\n  --secondary-light_slate-2: #a297ff;\n  --secondary-light_slate-3: #c8c2ff;\n  --secondary-navy_blue-1: #0053ff;\n  --secondary-navy_blue-2: #417fff;\n  --secondary-navy_blue-3: #b1caff;\n  --secondary-iris_blue-1: #00b7d5;\n  --secondary-iris_blue-2: #53ddf3;\n  --secondary-iris_blue-3: #bbf5ff;\n  --secondary-shamrock_green-1: #009767;\n  --secondary-shamrock_green-2: #34ca9a;\n  --secondary-shamrock_green-3: #bbffea;\n}\n.velora-widget {\n  font-family: var(--font-inter);\n}\n.velora-widget ::-webkit-scrollbar {\n  background-color: #0000;\n  border-radius: 20px;\n  width: 5px;\n}\n.velora-widget ::-webkit-scrollbar-thumb {\n  background-color: #62626f;\n  border-radius: 10px;\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-rotate-x {\n  syntax: \"*\";\n  inherits: false\n}\n@property --tw-rotate-y {\n  syntax: \"*\";\n  inherits: false\n}\n@property --tw-rotate-z {\n  syntax: \"*\";\n  inherits: false\n}\n@property --tw-skew-x {\n  syntax: \"*\";\n  inherits: false\n}\n@property --tw-skew-y {\n  syntax: \"*\";\n  inherits: false\n}\n@property --tw-space-y-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: 0;\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-blur {\n  syntax: \"*\";\n  inherits: false\n}\n@property --tw-brightness {\n  syntax: \"*\";\n  inherits: false\n}\n@property --tw-contrast {\n  syntax: \"*\";\n  inherits: false\n}\n@property --tw-grayscale {\n  syntax: \"*\";\n  inherits: false\n}\n@property --tw-hue-rotate {\n  syntax: \"*\";\n  inherits: false\n}\n@property --tw-invert {\n  syntax: \"*\";\n  inherits: false\n}\n@property --tw-opacity {\n  syntax: \"*\";\n  inherits: false\n}\n@property --tw-saturate {\n  syntax: \"*\";\n  inherits: false\n}\n@property --tw-sepia {\n  syntax: \"*\";\n  inherits: false\n}\n@property --tw-drop-shadow {\n  syntax: \"*\";\n  inherits: false\n}\n@property --tw-drop-shadow-color {\n  syntax: \"*\";\n  inherits: false\n}\n@property --tw-drop-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-drop-shadow-size {\n  syntax: \"*\";\n  inherits: false\n}\n@property --tw-duration {\n  syntax: \"*\";\n  inherits: false\n}\n@property --tw-text-shadow-color {\n  syntax: \"*\";\n  inherits: false\n}\n@property --tw-text-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes pulse {\n  50% {\n    opacity: .5;\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@keyframes accordion-down {\n  from {\n    height: 0;\n  }\n\n  to {\n    height: var(--radix-accordion-content-height, var(--bits-accordion-content-height, var(--reka-accordion-content-height, var(--kb-accordion-content-height, auto))));\n  }\n}\n@keyframes accordion-up {\n  from {\n    height: var(--radix-accordion-content-height, var(--bits-accordion-content-height, var(--reka-accordion-content-height, var(--kb-accordion-content-height, auto))));\n  }\n\n  to {\n    height: 0;\n  }\n}\n";
-
-export { styles as default };
-//# sourceMappingURL=global.css.js.map

package/dist/styles/global.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"global.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/tokens/state/types.js

@@ -1,11 +0,0 @@
-globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
-  cache: /* @__PURE__ */ new Map(),
-  get(name, inst) {
-    if (this.cache.has(name)) {
-      return this.cache.get(name);
-    }
-    this.cache.set(name, inst);
-    return inst;
-  }
-};
-//# sourceMappingURL=types.js.map

package/dist/tokens/state/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}