@kanalabs/kana-widget-v2/lib/cjs/index.js

Kana Widget for cross-chain bridging and swap.

"use strict";var e=require("react/jsx-runtime"),t=require("@solana/wallet-adapter-react"),r=require("@solana/wallet-adapter-wallets"),n=require("react"),o=require("@kanalabs/aggregator"),i=require("antd"),a=require("fewcha-plugin-wallet-adapter"),s=require("@pontem/wallet-adapter-plugin"),l=require("@rise-wallet/wallet-adapter"),c=require("@martianwallet/aptos-wallet-adapter"),d=require("petra-plugin-wallet-adapter"),u=require("@aptos-labs/wallet-adapter-react"),f=require("@tanstack/react-query"),m=require("@tanstack/react-query-devtools"),h=require("react-i18next"),p=require("i18next"),g=require("use-immer"),b=require("axios"),A=require("@aptos-labs/ts-sdk"),v=require("@mysten/sui.js"),w=require("@solana/web3.js"),x=require("bn.js"),k=require("wagmi"),y=require("@wagmi/core"),N=require("immer"),S=require("@mysten/wallet-kit"),E=require("react-responsive"),I=require("react-spinners"),C=require("react-select"),P=require("jwt-decode"),j=require("wagmi/chains"),F=require("wagmi/providers/public"),R=require("wagmi/connectors/coinbaseWallet"),D=require("wagmi/connectors/metaMask");function B(e){return e&&e.__esModule?e:{default:e}}var L=B(n),T=B(p),O=B(b),J=B(x),M=B(C),z=function(){return z=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},z.apply(this,arguments)};function V(e,t,r,n){return new(r||(r=Promise))((function(o,i){function a(e){try{l(n.next(e))}catch(e){i(e)}}function s(e){try{l(n.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(a,s)}l((n=n.apply(e,t||[])).next())}))}function H(e,t){var r,n,o,i,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return i={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function s(s){return function(l){return function(s){if(r)throw new TypeError("Generator is already executing.");for(;i&&(i=0,s[0]&&(a=0)),a;)try{if(r=1,n&&(o=2&s[0]?n.return:s[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,s[1])).done)return o;switch(n=0,o&&(s=[2&s[0],o.value]),s[0]){case 0:case 1:o=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,n=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!(o=a.trys,(o=o.length>0&&o[o.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!o||s[1]>o[0]&&s[1]<o[3])){a.label=s[1];break}if(6===s[0]&&a.label<o[1]){a.label=o[1],o=s;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(s);break}o[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],n=0}finally{r=o=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}!function(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}('@import url(\'https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&display=swap\');\n@import url(\'https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600&display=swap\');\n@import url(\'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap\');\n@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");\n\n/*\n! tailwindcss v3.3.1 | MIT License | https://tailwindcss.com\n*/\n\n/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: #e5e7eb; /* 2 */\n}\n\n::before,\n::after {\n  --tw-content: \'\';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user\'s configured `sans` font-family by default.\n5. Use the user\'s configured `sans` font-feature-settings by default.\n6. Use the user\'s configured `sans` font-variation-settings by default.\n*/\n\nhtml {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */\n  tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user\'s configured `mono` font family by default.\n2. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type=\'button\'],\n[type=\'reset\'],\n[type=\'submit\'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type=\'search\'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user\'s configured gray 400 color.\n*/\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role="button"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don\'t get the pointer cursor.\n*/\n\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n\n[hidden] {\n  display: none;\n}\n\n*, ::before, ::after{\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n\n::backdrop{\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n.visible{\n  visibility: visible;\n}\n.static{\n  position: static;\n}\n.fixed{\n  position: fixed;\n}\n.absolute{\n  position: absolute;\n}\n.relative{\n  position: relative;\n}\n.inset-0{\n  inset: 0px;\n}\n.bottom-0{\n  bottom: 0px;\n}\n.left-1\\/2{\n  left: 50%;\n}\n.left-5{\n  left: 1.25rem;\n}\n.right-0{\n  right: 0px;\n}\n.right-2{\n  right: 0.5rem;\n}\n.top-0{\n  top: 0px;\n}\n.top-1\\/2{\n  top: 50%;\n}\n.\\!z-\\[4\\]{\n  z-index: 4 !important;\n}\n.z-\\[0\\]{\n  z-index: 0;\n}\n.z-\\[1\\]{\n  z-index: 1;\n}\n.z-\\[2\\]{\n  z-index: 2;\n}\n.col-span-10{\n  grid-column: span 10 / span 10;\n}\n.mx-2{\n  margin-left: 0.5rem;\n  margin-right: 0.5rem;\n}\n.my-2{\n  margin-top: 0.5rem;\n  margin-bottom: 0.5rem;\n}\n.my-\\[-1\\.7rem\\]{\n  margin-top: -1.7rem;\n  margin-bottom: -1.7rem;\n}\n.\\!mt-\\[10rem\\]{\n  margin-top: 10rem !important;\n}\n.mb-4{\n  margin-bottom: 1rem;\n}\n.ml-2{\n  margin-left: 0.5rem;\n}\n.ml-4{\n  margin-left: 1rem;\n}\n.mr-1{\n  margin-right: 0.25rem;\n}\n.mr-2{\n  margin-right: 0.5rem;\n}\n.mt-1{\n  margin-top: 0.25rem;\n}\n.mt-4{\n  margin-top: 1rem;\n}\n.mt-6{\n  margin-top: 1.5rem;\n}\n.mt-\\[-1px\\]{\n  margin-top: -1px;\n}\n.mt-\\[-6rem\\]{\n  margin-top: -6rem;\n}\n.mt-\\[1rem\\]{\n  margin-top: 1rem;\n}\n.inline-block{\n  display: inline-block;\n}\n.flex{\n  display: flex;\n}\n.grid{\n  display: grid;\n}\n.\\!h-\\[2\\.5rem\\]{\n  height: 2.5rem !important;\n}\n.h-10{\n  height: 2.5rem;\n}\n.h-4{\n  height: 1rem;\n}\n.h-5{\n  height: 1.25rem;\n}\n.h-7{\n  height: 1.75rem;\n}\n.h-8{\n  height: 2rem;\n}\n.h-\\[1\\.3rem\\]{\n  height: 1.3rem;\n}\n.h-\\[1\\.5rem\\]{\n  height: 1.5rem;\n}\n.h-\\[1rem\\]{\n  height: 1rem;\n}\n.h-\\[20rem\\]{\n  height: 20rem;\n}\n.h-auto{\n  height: auto;\n}\n.h-fit{\n  height: -moz-fit-content;\n  height: fit-content;\n}\n.h-full{\n  height: 100%;\n}\n.max-h-\\[20rem\\]{\n  max-height: 20rem;\n}\n.max-h-\\[32rem\\]{\n  max-height: 32rem;\n}\n.min-h-\\[16rem\\]{\n  min-height: 16rem;\n}\n.min-h-\\[1rem\\]{\n  min-height: 1rem;\n}\n.min-h-\\[20rem\\]{\n  min-height: 20rem;\n}\n.min-h-\\[33rem\\]{\n  min-height: 33rem;\n}\n.\\!w-\\[2\\.5rem\\]{\n  width: 2.5rem !important;\n}\n.w-10{\n  width: 2.5rem;\n}\n.w-4{\n  width: 1rem;\n}\n.w-5{\n  width: 1.25rem;\n}\n.w-7{\n  width: 1.75rem;\n}\n.w-8{\n  width: 2rem;\n}\n.w-9{\n  width: 2.25rem;\n}\n.w-\\[1\\.3rem\\]{\n  width: 1.3rem;\n}\n.w-\\[1\\.5rem\\]{\n  width: 1.5rem;\n}\n.w-\\[1rem\\]{\n  width: 1rem;\n}\n.w-\\[2\\.5rem\\]{\n  width: 2.5rem;\n}\n.w-\\[25\\%\\]{\n  width: 25%;\n}\n.w-\\[25rem\\]{\n  width: 25rem;\n}\n.w-\\[50\\%\\]{\n  width: 50%;\n}\n.w-\\[80px\\]{\n  width: 80px;\n}\n.w-\\[90\\%\\]{\n  width: 90%;\n}\n.w-fit{\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.w-full{\n  width: 100%;\n}\n.flex-grow{\n  flex-grow: 1;\n}\n.translate-x-\\[-50\\%\\]{\n  --tw-translate-x: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.translate-x-\\[25\\%\\]{\n  --tw-translate-x: 25%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.translate-y-\\[-50\\%\\]{\n  --tw-translate-y: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.translate-y-\\[25\\%\\]{\n  --tw-translate-y: 25%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.rotate-0{\n  --tw-rotate: 0deg;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.rotate-180{\n  --tw-rotate: 180deg;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.transform{\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.cursor-not-allowed{\n  cursor: not-allowed;\n}\n.cursor-pointer{\n  cursor: pointer;\n}\n.grid-cols-2{\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n.flex-row{\n  flex-direction: row;\n}\n.flex-col{\n  flex-direction: column;\n}\n.place-items-center{\n  place-items: center;\n}\n.items-start{\n  align-items: flex-start;\n}\n.items-end{\n  align-items: flex-end;\n}\n.items-center{\n  align-items: center;\n}\n.justify-start{\n  justify-content: flex-start;\n}\n.justify-end{\n  justify-content: flex-end;\n}\n.justify-center{\n  justify-content: center;\n}\n.justify-between{\n  justify-content: space-between;\n}\n.gap-4{\n  gap: 1rem;\n}\n.gap-5{\n  gap: 1.25rem;\n}\n.gap-\\[0\\.25rem\\]{\n  gap: 0.25rem;\n}\n.gap-\\[0\\.5rem\\]{\n  gap: 0.5rem;\n}\n.gap-\\[1\\.5rem\\]{\n  gap: 1.5rem;\n}\n.gap-\\[1\\.75rem\\]{\n  gap: 1.75rem;\n}\n.gap-\\[1rem\\]{\n  gap: 1rem;\n}\n.overflow-x-auto{\n  overflow-x: auto;\n}\n.overflow-x-hidden{\n  overflow-x: hidden;\n}\n.overflow-x-scroll{\n  overflow-x: scroll;\n}\n.overflow-y-scroll{\n  overflow-y: scroll;\n}\n.whitespace-nowrap{\n  white-space: nowrap;\n}\n.rounded-3xl{\n  border-radius: 1.5rem;\n}\n.rounded-\\[0\\.5rem\\]{\n  border-radius: 0.5rem;\n}\n.rounded-\\[1\\.5rem\\]{\n  border-radius: 1.5rem;\n}\n.rounded-\\[1rem\\]{\n  border-radius: 1rem;\n}\n.rounded-full{\n  border-radius: 9999px;\n}\n.rounded-lg{\n  border-radius: 0.5rem;\n}\n.rounded-md{\n  border-radius: 0.375rem;\n}\n.rounded-xl{\n  border-radius: 0.75rem;\n}\n.rounded-t-\\[1rem\\]{\n  border-top-left-radius: 1rem;\n  border-top-right-radius: 1rem;\n}\n.border{\n  border-width: 1px;\n}\n.border-0{\n  border-width: 0px;\n}\n.border-2{\n  border-width: 2px;\n}\n.border-\\[0\\.05rem\\]{\n  border-width: 0.05rem;\n}\n.border-\\[1px\\]{\n  border-width: 1px;\n}\n.border-b-\\[1px\\]{\n  border-bottom-width: 1px;\n}\n.border-b-\\[2px\\]{\n  border-bottom-width: 2px;\n}\n.border-t-\\[1px\\]{\n  border-top-width: 1px;\n}\n.\\!border-\\[\\#E3E8EF\\]{\n  --tw-border-opacity: 1 !important;\n  border-color: rgb(227 232 239 / var(--tw-border-opacity)) !important;\n}\n.\\!border-\\[rgba\\(255\\2c 255\\2c 255\\2c 0\\.10\\)\\]{\n  border-color: rgba(255,255,255,0.10) !important;\n}\n.border-\\[\\#00FFFF\\]{\n  --tw-border-opacity: 1;\n  border-color: rgb(0 255 255 / var(--tw-border-opacity));\n}\n.border-\\[\\#0E9384\\]{\n  --tw-border-opacity: 1;\n  border-color: rgb(14 147 132 / var(--tw-border-opacity));\n}\n.border-\\[\\#2ED3B7\\]{\n  --tw-border-opacity: 1;\n  border-color: rgb(46 211 183 / var(--tw-border-opacity));\n}\n.border-\\[\\#431a69\\]{\n  --tw-border-opacity: 1;\n  border-color: rgb(67 26 105 / var(--tw-border-opacity));\n}\n.border-\\[\\#625965\\]{\n  --tw-border-opacity: 1;\n  border-color: rgb(98 89 101 / var(--tw-border-opacity));\n}\n.border-\\[\\#E3E8EF\\]{\n  --tw-border-opacity: 1;\n  border-color: rgb(227 232 239 / var(--tw-border-opacity));\n}\n.border-\\[rgba\\(255\\2c 255\\2c 255\\2c 0\\.10\\)\\]{\n  border-color: rgba(255,255,255,0.10);\n}\n.\\!border-b-transparent{\n  border-bottom-color: transparent !important;\n}\n.\\!border-t-\\[\\#E3E8EF\\]{\n  --tw-border-opacity: 1 !important;\n  border-top-color: rgb(227 232 239 / var(--tw-border-opacity)) !important;\n}\n.\\!border-t-\\[\\#FFFFFF1A\\]{\n  border-top-color: #FFFFFF1A !important;\n}\n.border-b-\\[\\#E3E8EF\\]{\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(227 232 239 / var(--tw-border-opacity));\n}\n.border-b-\\[rgba\\(255\\2c 255\\2c 255\\2c 0\\.10\\)\\]{\n  border-bottom-color: rgba(255,255,255,0.10);\n}\n.border-b-\\[white\\]{\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));\n}\n.\\!bg-\\[\\#111213\\]{\n  --tw-bg-opacity: 1 !important;\n  background-color: rgb(17 18 19 / var(--tw-bg-opacity)) !important;\n}\n.\\!bg-\\[\\#EFF7F8\\]{\n  --tw-bg-opacity: 1 !important;\n  background-color: rgb(239 247 248 / var(--tw-bg-opacity)) !important;\n}\n.bg-\\[\\#0C0C0D\\]{\n  --tw-bg-opacity: 1;\n  background-color: rgb(12 12 13 / var(--tw-bg-opacity));\n}\n.bg-\\[\\#111213\\]{\n  --tw-bg-opacity: 1;\n  background-color: rgb(17 18 19 / var(--tw-bg-opacity));\n}\n.bg-\\[\\#121926\\]{\n  --tw-bg-opacity: 1;\n  background-color: rgb(18 25 38 / var(--tw-bg-opacity));\n}\n.bg-\\[\\#17181A\\]{\n  --tw-bg-opacity: 1;\n  background-color: rgb(23 24 26 / var(--tw-bg-opacity));\n}\n.bg-\\[\\#1D1E20\\]{\n  --tw-bg-opacity: 1;\n  background-color: rgb(29 30 32 / var(--tw-bg-opacity));\n}\n.bg-\\[\\#CFF9FE\\]{\n  --tw-bg-opacity: 1;\n  background-color: rgb(207 249 254 / var(--tw-bg-opacity));\n}\n.bg-\\[\\#E3E8EF\\]{\n  --tw-bg-opacity: 1;\n  background-color: rgb(227 232 239 / var(--tw-bg-opacity));\n}\n.bg-\\[\\#E4F2F3\\]{\n  --tw-bg-opacity: 1;\n  background-color: rgb(228 242 243 / var(--tw-bg-opacity));\n}\n.bg-\\[\\#EFF7F8\\]{\n  --tw-bg-opacity: 1;\n  background-color: rgb(239 247 248 / var(--tw-bg-opacity));\n}\n.bg-\\[\\#F2F9F9\\]{\n  --tw-bg-opacity: 1;\n  background-color: rgb(242 249 249 / var(--tw-bg-opacity));\n}\n.bg-\\[\\#FCFDFE\\]{\n  --tw-bg-opacity: 1;\n  background-color: rgb(252 253 254 / var(--tw-bg-opacity));\n}\n.bg-\\[\\#ffffff0f\\]{\n  background-color: #ffffff0f;\n}\n.bg-\\[rgba\\(255\\2c 255\\2c 255\\2c 0\\.06\\)\\]{\n  background-color: rgba(255,255,255,0.06);\n}\n.bg-black{\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 0 0 / var(--tw-bg-opacity));\n}\n.bg-transparent{\n  background-color: transparent;\n}\n.bg-white{\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n.bg-widgetBg{\n  --tw-bg-opacity: 1;\n  background-color: rgb(30 17 35 / var(--tw-bg-opacity));\n}\n.bg-widgetPrimary{\n  --tw-bg-opacity: 1;\n  background-color: rgb(19 14 24 / var(--tw-bg-opacity));\n}\n.bg-widgetSecondary{\n  --tw-bg-opacity: 1;\n  background-color: rgb(44 37 51 / var(--tw-bg-opacity));\n}\n.bg-gradient{\n  background-image: linear-gradient(271.77deg, #00FFFF -9.9%, #00F9A9 155.61%);\n}\n.bg-gradient-to-r{\n  background-image: linear-gradient(to right, var(--tw-gradient-stops));\n}\n.from-\\[\\#67FFD1\\]{\n  --tw-gradient-from: #67FFD1 var(--tw-gradient-from-position);\n  --tw-gradient-from-position:  ;\n  --tw-gradient-to: rgb(103 255 209 / 0)  var(--tw-gradient-from-position);\n  --tw-gradient-to-position:  ;\n  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n.to-\\[\\#4D9CFF\\]{\n  --tw-gradient-to: #4D9CFF var(--tw-gradient-to-position);\n  --tw-gradient-to-position:  ;\n}\n.bg-clip-text{\n  -webkit-background-clip: text;\n          background-clip: text;\n}\n.p-1{\n  padding: 0.25rem;\n}\n.p-1\\.5{\n  padding: 0.375rem;\n}\n.p-4{\n  padding: 1rem;\n}\n.p-\\[0\\.25rem_0\\.5rem\\]{\n  padding: 0.25rem 0.5rem;\n}\n.p-\\[0\\.5rem\\]{\n  padding: 0.5rem;\n}\n.p-\\[0\\.5rem_1rem\\]{\n  padding: 0.5rem 1rem;\n}\n.p-\\[1\\.2rem_1\\.5rem\\]{\n  padding: 1.2rem 1.5rem;\n}\n.p-\\[1\\.5rem\\]{\n  padding: 1.5rem;\n}\n.p-\\[1rem\\]{\n  padding: 1rem;\n}\n.p-\\[1rem_0rem\\]{\n  padding: 1rem 0rem;\n}\n.p-\\[1rem_1\\.5rem\\]{\n  padding: 1rem 1.5rem;\n}\n.p-\\[2px\\]{\n  padding: 2px;\n}\n.px-1{\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n}\n.px-3{\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.px-\\[0\\.5rem\\]{\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n.px-\\[0\\.75rem\\]{\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.px-\\[1\\.5rem\\]{\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n.px-\\[1rem\\]{\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.px-\\[2rem\\]{\n  padding-left: 2rem;\n  padding-right: 2rem;\n}\n.py-2{\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.py-2\\.5{\n  padding-top: 0.625rem;\n  padding-bottom: 0.625rem;\n}\n.py-4{\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n}\n.py-\\[0\\.25rem\\]{\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n}\n.py-\\[0\\.5rem\\]{\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.py-\\[0\\.75rem\\]{\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n}\n.py-\\[1\\.25rem\\]{\n  padding-top: 1.25rem;\n  padding-bottom: 1.25rem;\n}\n.py-\\[1\\.2rem\\]{\n  padding-top: 1.2rem;\n  padding-bottom: 1.2rem;\n}\n.py-\\[1\\.5rem\\]{\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n}\n.py-\\[1rem\\]{\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n}\n.py-\\[2rem\\]{\n  padding-top: 2rem;\n  padding-bottom: 2rem;\n}\n.pb-\\[1rem\\]{\n  padding-bottom: 1rem;\n}\n.pb-\\[2rem\\]{\n  padding-bottom: 2rem;\n}\n.pl-4{\n  padding-left: 1rem;\n}\n.pl-\\[1rem\\]{\n  padding-left: 1rem;\n}\n.pr-\\[1\\.5rem\\]{\n  padding-right: 1.5rem;\n}\n.pr-\\[3rem\\]{\n  padding-right: 3rem;\n}\n.pt-0{\n  padding-top: 0px;\n}\n.pt-0\\.5{\n  padding-top: 0.125rem;\n}\n.pt-1{\n  padding-top: 0.25rem;\n}\n.pt-\\[1rem\\]{\n  padding-top: 1rem;\n}\n.text-left{\n  text-align: left;\n}\n.text-center{\n  text-align: center;\n}\n.text-right{\n  text-align: right;\n}\n.font-inter{\n  font-family: Inter;\n}\n.font-manrope{\n  font-family: "Manrope", sans-serif;\n}\n.text-\\[0\\.625rem\\]{\n  font-size: 0.625rem;\n}\n.text-\\[0\\.75rem\\]{\n  font-size: 0.75rem;\n}\n.text-\\[0\\.875rem\\]{\n  font-size: 0.875rem;\n}\n.text-\\[1\\.125rem\\]{\n  font-size: 1.125rem;\n}\n.text-\\[1\\.25rem\\]{\n  font-size: 1.25rem;\n}\n.text-\\[15px\\]{\n  font-size: 15px;\n}\n.text-\\[1rem\\]{\n  font-size: 1rem;\n}\n.text-base{\n  font-size: 1rem;\n  line-height: 1.5rem;\n}\n.text-sm{\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.text-xs{\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n.font-\\[400\\]{\n  font-weight: 400;\n}\n.font-\\[500\\]{\n  font-weight: 500;\n}\n.font-\\[600\\]{\n  font-weight: 600;\n}\n.font-\\[700\\]{\n  font-weight: 700;\n}\n.font-\\[800\\]{\n  font-weight: 800;\n}\n.font-bold{\n  font-weight: 700;\n}\n.font-medium{\n  font-weight: 500;\n}\n.tracking-wider{\n  letter-spacing: 0.05em;\n}\n.\\!text-\\[\\#4A4B4D\\]{\n  --tw-text-opacity: 1 !important;\n  color: rgb(74 75 77 / var(--tw-text-opacity)) !important;\n}\n.\\!text-\\[\\#777879\\]{\n  --tw-text-opacity: 1 !important;\n  color: rgb(119 120 121 / var(--tw-text-opacity)) !important;\n}\n.\\!text-\\[\\#A5A5A6\\]{\n  --tw-text-opacity: 1 !important;\n  color: rgb(165 165 166 / var(--tw-text-opacity)) !important;\n}\n.\\!text-\\[rgba\\(255\\2c 255\\2c 255\\2c 0\\.80\\)\\]{\n  color: rgba(255,255,255,0.80) !important;\n}\n.text-\\[\\#000\\]{\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 / var(--tw-text-opacity));\n}\n.text-\\[\\#088AB2\\]{\n  --tw-text-opacity: 1;\n  color: rgb(8 138 178 / var(--tw-text-opacity));\n}\n.text-\\[\\#0C0C0D\\]{\n  --tw-text-opacity: 1;\n  color: rgb(12 12 13 / var(--tw-text-opacity));\n}\n.text-\\[\\#0E9384\\]{\n  --tw-text-opacity: 1;\n  color: rgb(14 147 132 / var(--tw-text-opacity));\n}\n.text-\\[\\#2ED3B7\\]{\n  --tw-text-opacity: 1;\n  color: rgb(46 211 183 / var(--tw-text-opacity));\n}\n.text-\\[\\#4A4B4D\\]{\n  --tw-text-opacity: 1;\n  color: rgb(74 75 77 / var(--tw-text-opacity));\n}\n.text-\\[\\#777879\\]{\n  --tw-text-opacity: 1;\n  color: rgb(119 120 121 / var(--tw-text-opacity));\n}\n.text-\\[\\#808182\\]{\n  --tw-text-opacity: 1;\n  color: rgb(128 129 130 / var(--tw-text-opacity));\n}\n.text-\\[\\#A5A5A6\\]{\n  --tw-text-opacity: 1;\n  color: rgb(165 165 166 / var(--tw-text-opacity));\n}\n.text-\\[\\#D92D20\\]{\n  --tw-text-opacity: 1;\n  color: rgb(217 45 32 / var(--tw-text-opacity));\n}\n.text-\\[\\#F04438\\]{\n  --tw-text-opacity: 1;\n  color: rgb(240 68 56 / var(--tw-text-opacity));\n}\n.text-\\[\\#F79009\\]{\n  --tw-text-opacity: 1;\n  color: rgb(247 144 9 / var(--tw-text-opacity));\n}\n.text-\\[\\#FFF\\]{\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n.text-\\[rgba\\(255\\2c 255\\2c 255\\2c 0\\.80\\)\\]{\n  color: rgba(255,255,255,0.80);\n}\n.text-\\[rgba\\(255\\2c 255\\2c 255\\2c 1\\)\\]{\n  color: rgba(255,255,255,1);\n}\n.text-\\[white\\]{\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n.text-black{\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 / var(--tw-text-opacity));\n}\n.text-gray-500{\n  --tw-text-opacity: 1;\n  color: rgb(107 114 128 / var(--tw-text-opacity));\n}\n.text-greyText{\n  --tw-text-opacity: 1;\n  color: rgb(149 133 156 / var(--tw-text-opacity));\n}\n.text-transparent{\n  color: transparent;\n}\n.text-white{\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n.line-through{\n  text-decoration-line: line-through;\n}\n.opacity-80{\n  opacity: 0.8;\n}\n.\\!outline-none{\n  outline: 2px solid transparent !important;\n  outline-offset: 2px !important;\n}\n.outline-none{\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.outline{\n  outline-style: solid;\n}\n.outline-0{\n  outline-width: 0px;\n}\n.blur{\n  --tw-blur: blur(8px);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.filter{\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.backdrop-blur-\\[2rem\\]{\n  --tw-backdrop-blur: blur(2rem);\n  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n.transition-opacity{\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-transform{\n  transition-property: transform;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.duration-200{\n  transition-duration: 200ms;\n}\n\n*::-webkit-scrollbar {\n  width: 6px !important;\n  height: 6px !important;\n  /* Set the width of the scrollbar */\n}\n\n*::-webkit-scrollbar-thumb {\n  background-color: #777879 !important;\n  /* Set the color of the scrollbar thumb */\n  border-radius: 4px !important;\n  width: 2px !important;\n  height: 2px !important;\n  /* Optionally, round the corners of the thumb */\n}\n\n.hide-scrollbar::-webkit-scrollbar-thumb {\n  background-color: transparent !important;\n  /* Set the color of the scrollbar thumb */\n  border-radius: 4px !important;\n  width: 2px !important;\n  height: 2px !important;\n}\n\n/* Chrome, Safari, Edge, Opera */\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n/* Firefox */\ninput[type=number] {\n  -moz-appearance: textfield;\n}\n\n.progress-wrapper {\n  background: #f8f8f8;\n  border-radius: 10px;\n  margin: 2px 0;\n  width: 100%;\n  height: 2px;\n}\n\n.progress-inner {\n  border-radius: 10px;\n  background: #2ED3B7;\n  height: 2px;\n  transition: height 1000ms cubic-bezier(0.08, 0.82, 0.17, 1);\n}\n\n.redeem_select .css-1u9des2-indicatorSeparator {\n  background-color: transparent !important;\n  outline: none !important;\n  border: 0px !important;\n  /* color: inherit; */\n  cursor: pointer !important;\n  font-size: 0.875rem !important;\n  font-weight: 800 !important;\n  font-family: "Manrope" !important;\n  /* This inherits the text color from the parent */\n}\n.redeem_select.css-1q21tp7-control,\n.css-1q21tp7-control{\n  border-color: none !important;\n  box-shadow: none !important;\n}\n.redeem_select.css-hmd3er-control,.css-hmd3er-control{\n  border-color: transparent !important;\n  box-shadow: 0 0 0 1px transparent !important;\n}\n.css-3jce2j-menu,.redeem_select.css-3jce2j-menu{\n  border-color: none !important;\n  box-shadow: 0 0 0 1px transparent !important;\n}\n/* .redeem_select.css-1q21tp7-control,\n.redeem_select.css-hmd3er-control {\n  outline: none !important;\n  border-color: transparent !important;\n  box-shadow: 0 0 0 1px transparent !important;\n  font-size: 0.875rem !important;\n  font-weight: 800 !important;\n  font-family: "Manrope" !important;\n  border: 0px !important;\n} */\n\n.redeem_select .css-1nmdiq5-menu {\n  outline: none !important;\n  border: 0px !important;\n  cursor: pointer !important;\n  font-size: 0.875rem !important;\n  overflow-y: auto;\n  scrollbar-width: thin;\n  scrollbar-color: #A5A5A6 !important;\n  font-weight: 800 !important;\n  font-family: "Manrope" !important;\n}\n\n.redeem_select {\n  outline: none !important;\n  border: 0px !important;\n  cursor: pointer !important;\n  font-size: 0.875rem !important;\n  font-weight: 800 !important;\n  font-family: "Manrope" !important;\n}\n\n.redeem_select .css-13cymwt-control,\n.redeem_select .css-t3ipsp-control {\n  padding: 0 1rem 0 0.5rem;\n  outline: none !important;\n  border: 0px !important;\n  cursor: pointer !important;\n  font-size: 0.875rem !important;\n  font-weight: 800 !important;\n  font-family: "Manrope" !important;\n}\n\n.redeem_select .css-13cymwt-control,\n.redeem_select .css-t3ipsp-control,\n.redeem_select .css-1dimb5e-singleValue,\n.redeem_select .swap_select {\n  border: 0px !important;\n  cursor: pointer !important;\n  font-weight: 800 !important;\n  font-family: "Manrope" !important;\n  outline: none !important;\n  font-size: 0.875rem !important;\n}\n\n/* Example CSS */\n.react-select__control,\n.react-select__menu,\n.react-select__option {\n  cursor: pointer !important;\n  font-size: 0.875rem !important;\n  font-weight: 800 !important;\n  font-family: "Manrope" !important;\n}\n\n/* For tabs in social login -  swap screen  */\n.social_login {\n  font-family: "Inter";\n  font-weight: 400;\n  font-size: 20px;\n  cursor: pointer;\n  color: white;\n  padding: 1rem 2rem;\n  min-width: 13.5rem;\n  text-align: center;\n  border-radius: 24px;\n}\n\n.react-tabs__tab--selected.social_login {\n  background: rgba(255, 255, 255, 0.05);\n  border: none;\n  color: #ffffff;\n  font-weight: 700;\n  outline: none;\n  padding: 1rem 2rem;\n  border-radius: 24px;\n}\n\n.toolTip {\n  position: relative;\n  display: inline-flex;\n  border-bottom: 1px dotted black;\n  scale: 1.2;\n}\n\n.toolTip .tooltipText {\n  font-size: 9px;\n  visibility: hidden;\n  width: 60px;\n  background-color: #2d2b2b;\n  color: #fff;\n  text-align: center;\n  border-radius: 6px;\n  position: absolute;\n  z-index: 1;\n  bottom: 125%;\n  left: 50%;\n  margin-left: -30px;\n  opacity: 0;\n  transition: opacity .3s;\n}\n\n\n\n.toolTip .tooltipText::after {\n  content: "";\n  position: absolute;\n  top: 100%;\n  left: 50%;\n  margin-left: -5px;\n  border-width: 5px;\n  border-style: solid;\n  border-color: #2d2b2b transparent transparent transparent;\n}\n\n.toolTip:hover .tooltipText {\n  visibility: visible;\n  opacity: 1;\n}\n\n.toolTip:hover {\n  transform: scale(1.2)\n}\n\n.ant-tour {\n  width: 350px;\n  font-size: 14px;\n}\n\n@media screen and (max-width: 426px) {\n  .ant-tour {\n    width: 300px;\n    font-size: 12px;\n  }\n}\n\n.buy-button {\n  border: none;\n  background: linear-gradient(180deg, #0E9384 0%, #0E9384 100%);\n  border-radius: 1rem;\n  padding: 1px 1px 6px 1px;\n  box-shadow:\n    0px 4px 4px 0px rgba(9, 13, 20, 0.12),\n    -2px -2px 4px 0px rgba(224, 224, 255, 0.02),\n    0px 1px 2px 0px rgba(9, 13, 20, 0.24),\n    0px 8px 30px 0px rgba(0, 0, 0, 0.25);\n  -webkit-backdrop-filter: blur(56px);\n          backdrop-filter: blur(56px);\n}\n\n.buy-button-dark {\n  border: none;\n  background: linear-gradient(180deg, #2ED3B7 0%, #0E9384 100%);\n  border-radius: 1rem;\n  padding: 1px 1px 6px 1px;\n  box-shadow:\n    0px 4px 4px 0px rgba(9, 13, 20, 0.12),\n    -2px -2px 4px 0px rgba(224, 224, 255, 0.02),\n    0px 1px 2px 0px rgba(9, 13, 20, 0.24),\n    0px 8px 30px 0px rgba(0, 0, 0, 0.25);\n  -webkit-backdrop-filter: blur(56px);\n          backdrop-filter: blur(56px);\n}\n\n.buy-button-inner {\n  background: linear-gradient(135deg, #17181A 0%, #17181A 100%);\n  border-radius: 1rem;\n}\n\n.buy-button-inner_blue {\n  background: linear-gradient(135deg, #EFF7F8 0%, #EFF7F8 100%);\n  border-radius: 1rem;\n}\n\n.button-text {\n  font-size: 1rem;\n  font-weight: 800;\n  background: linear-gradient(334deg, #2ED3B7 0%, #2ED3B7 100%);\n  background-clip: text;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.button-text_dark {\n  font-size: 1rem;\n  font-weight: 800;\n  background: linear-gradient(334deg, #0E9384 0%, #0E9384 100%);\n  background-clip: text;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.buy-button-red {\n  border: none;\n  background: linear-gradient(180deg, #F04438 0%, #F04438 100%);\n  border-radius: 1rem;\n  padding: 1px 1px 6px 1px;\n  box-shadow:\n    0px 4px 4px 0px rgba(9, 13, 20, 0.12),\n    -2px -2px 4px 0px rgba(224, 224, 255, 0.02),\n    0px 1px 2px 0px rgba(9, 13, 20, 0.24),\n    0px 8px 30px 0px rgba(0, 0, 0, 0.25);\n  -webkit-backdrop-filter: blur(56px);\n          backdrop-filter: blur(56px);\n}\n.buy-button-inner_blue:hover {\n  background: linear-gradient(135deg, #17181A 0%, #17181A 100%) !important;\n  border-radius: 1rem !important;\n  transition: 3s ease-in-out !important;\n}\n\n.buy-button-inner:hover {\n  background: linear-gradient(135deg, #17181A 0%, #17181A 100%) !important;\n  border-radius: 1rem !important;\n  transition: 3s ease-in-out !important;\n}\n\n.button-text-red {\n  font-size: 1rem;\n  background: #F04438;\n  background-clip: text;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.buy-button-blue {\n  border: none;\n  background: linear-gradient(180deg, #2CE 0%, #2CE 100%);\n  border-radius: 1rem;\n  padding: 1px 1px 6px 1px;\n  box-shadow:\n    0px 4px 4px 0px rgba(9, 13, 20, 0.12),\n    -2px -2px 4px 0px rgba(224, 224, 255, 0.02),\n    0px 1px 2px 0px rgba(9, 13, 20, 0.24),\n    0px 8px 30px 0px rgba(0, 0, 0, 0.25);\n  -webkit-backdrop-filter: blur(56px);\n          backdrop-filter: blur(56px);\n}\n\n.button-text-blue {\n  font-size: 1rem;\n  background: #2CE;\n  background-clip: text;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.button-text-blue_dark {\n  font-size: 1rem;\n  background: #088AB2;\n  background-clip: text;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.animation-zoomIn {\n  animation-name: zoomIn;\n  animation-duration: 0.4s\n}\n@keyframes zoomIn {\n  from { transform: scale(0);}\n  to {transform: scale(1);}\n}\n\n.animation-zoomOut {\n  animation-name: zoomOut;\n  animation-duration: 0.2s;\n}\n\n@keyframes zoomOut {\n  to { transform: scale(1); }\n  from { transform: scale(0); }\n}\n.animation-slideRight {\n  animation-name: slideRight;\n  animation-duration: 0.3s;\n  animation-fill-mode: both; /* Ensures the element remains in its final state */\n}\n\n@keyframes slideRight {\n  from {\n      transform: translateX(-100%); /* Start off-screen to the left */\n      opacity: 0;\n     }\n  to {\n      transform: translateX(0); \n      opacity: 1; \n  }\n}\n\n/* Guided tour */\n.ant-tour-content {\n  font-family: \'Manrope\', Arial, Helvetica, sans-serif;\n}\n.ant-tour-next-btn,.ant-btn,.ant-btn-default,.ant-btn-sm{\n  color: black !important;\n  background-color: #2ED3B7 !important;\n  font-weight: 500;\n}\n\n.ant-tour-next-btn:hover, .ant-btn:hover, .ant-btn-default:hover, .ant-btn-sm:hover {\n  background-color: #2ED3B7 !important ;\n  border-radius: none !important;\n  border-color: #2ED3B7 !important;\n}\n\n/* Image close */\n.close-icon {\n  cursor: pointer;\n  filter: none;\n  transition: filter 0.3s ease;\n}\n\n.close-icon:hover {\n  filter: brightness(0) saturate(100%) invert(31%) sepia(43%) saturate(1780%) hue-rotate(347deg) brightness(96%) contrast(94%);\n}\n\n.hover\\:scale-110:hover{\n  --tw-scale-x: 1.1;\n  --tw-scale-y: 1.1;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.hover\\:rounded-\\[0\\.5rem\\]:hover{\n  border-radius: 0.5rem;\n}\n\n.hover\\:border-\\[\\#0E9384\\]:hover{\n  --tw-border-opacity: 1;\n  border-color: rgb(14 147 132 / var(--tw-border-opacity));\n}\n\n.hover\\:border-\\[\\#2ED3B7\\]:hover{\n  --tw-border-opacity: 1;\n  border-color: rgb(46 211 183 / var(--tw-border-opacity));\n}\n\n.hover\\:bg-\\[\\#0C0C0D\\]:hover{\n  --tw-bg-opacity: 1;\n  background-color: rgb(12 12 13 / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-\\[\\#E4F2F3\\]:hover{\n  --tw-bg-opacity: 1;\n  background-color: rgb(228 242 243 / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-\\[\\#ffffff0f\\]:hover{\n  background-color: #ffffff0f;\n}\n\n.hover\\:bg-opacity-75:hover{\n  --tw-bg-opacity: 0.75;\n}\n\n.hover\\:text-\\[\\#14BCA2\\]:hover{\n  --tw-text-opacity: 1;\n  color: rgb(20 188 162 / var(--tw-text-opacity));\n}\n\n.hover\\:text-\\[\\#5DFCE0\\]:hover{\n  --tw-text-opacity: 1;\n  color: rgb(93 252 224 / var(--tw-text-opacity));\n}\n\n.hover\\:opacity-80:hover{\n  opacity: 0.8;\n}\n\n.hover\\:opacity-90:hover{\n  opacity: 0.9;\n}\n\n.hover\\:brightness-125:hover{\n  --tw-brightness: brightness(1.25);\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.hover\\:brightness-150:hover{\n  --tw-brightness: brightness(1.5);\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.hover\\:brightness-75:hover{\n  --tw-brightness: brightness(.75);\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.group:hover .group-hover\\:rotate-180{\n  --tw-rotate: 180deg;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.group:hover .group-hover\\:scale-110{\n  --tw-scale-x: 1.1;\n  --tw-scale-y: 1.1;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.group:hover .group-hover\\:shadow-lg{\n  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.group:hover .group-hover\\:brightness-150{\n  --tw-brightness: brightness(1.5);\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@media not all and (min-width: 640px){\n\n  .max-sm\\:ml-\\[90\\%\\]{\n    margin-left: 90%;\n  }\n\n  .max-sm\\:hidden{\n    display: none;\n  }\n\n  .max-sm\\:w-\\[50\\%\\]{\n    width: 50%;\n  }\n\n  .max-sm\\:w-full{\n    width: 100%;\n  }\n\n  .max-sm\\:w-screen{\n    width: 100vw;\n  }\n\n  .max-sm\\:flex-row{\n    flex-direction: row;\n  }\n\n  .max-sm\\:flex-col{\n    flex-direction: column;\n  }\n\n  .max-sm\\:flex-col-reverse{\n    flex-direction: column-reverse;\n  }\n\n  .max-sm\\:items-start{\n    align-items: flex-start;\n  }\n\n  .max-sm\\:items-end{\n    align-items: flex-end;\n  }\n\n  .max-sm\\:justify-start{\n    justify-content: flex-start;\n  }\n\n  .max-sm\\:justify-between{\n    justify-content: space-between;\n  }\n\n  .max-sm\\:gap-\\[0\\.5rem\\]{\n    gap: 0.5rem;\n  }\n\n  .max-sm\\:rounded-\\[0rem\\]{\n    border-radius: 0rem;\n  }\n\n  .max-sm\\:rounded-\\[1rem_1rem_0rem_0rem\\]{\n    border-radius: 1rem 1rem 0rem 0rem;\n  }\n\n  .max-sm\\:\\!rounded-t-\\[0rem\\]{\n    border-top-left-radius: 0rem !important;\n    border-top-right-radius: 0rem !important;\n  }\n\n  .max-sm\\:border-\\[0px\\]{\n    border-width: 0px;\n  }\n\n  .max-sm\\:\\!border-l-transparent{\n    border-left-color: transparent !important;\n  }\n\n  .max-sm\\:\\!border-r-transparent{\n    border-right-color: transparent !important;\n  }\n\n  .max-sm\\:\\!bg-\\[\\#0C0C0D\\]{\n    --tw-bg-opacity: 1 !important;\n    background-color: rgb(12 12 13 / var(--tw-bg-opacity)) !important;\n  }\n\n  .max-sm\\:bg-\\[\\#0C0C0D\\]{\n    --tw-bg-opacity: 1;\n    background-color: rgb(12 12 13 / var(--tw-bg-opacity));\n  }\n\n  .max-sm\\:bg-\\[\\#E4F2F3\\]{\n    --tw-bg-opacity: 1;\n    background-color: rgb(228 242 243 / var(--tw-bg-opacity));\n  }\n}\n\n@media (min-width: 640px){\n\n  .sm\\:ml-\\[90\\%\\]{\n    margin-left: 90%;\n  }\n\n  .sm\\:hidden{\n    display: none;\n  }\n\n  .sm\\:w-\\[30rem\\]{\n    width: 30rem;\n  }\n\n  .sm\\:w-\\[50\\%\\]{\n    width: 50%;\n  }\n\n  .sm\\:w-full{\n    width: 100%;\n  }\n\n  .sm\\:w-screen{\n    width: 100vw;\n  }\n\n  .sm\\:flex-row{\n    flex-direction: row;\n  }\n\n  .sm\\:flex-col{\n    flex-direction: column;\n  }\n\n  .sm\\:flex-col-reverse{\n    flex-direction: column-reverse;\n  }\n\n  .sm\\:items-start{\n    align-items: flex-start;\n  }\n\n  .sm\\:items-end{\n    align-items: flex-end;\n  }\n\n  .sm\\:justify-start{\n    justify-content: flex-start;\n  }\n\n  .sm\\:justify-between{\n    justify-content: space-between;\n  }\n\n  .sm\\:gap-\\[0\\.5rem\\]{\n    gap: 0.5rem;\n  }\n\n  .sm\\:rounded-\\[0rem\\]{\n    border-radius: 0rem;\n  }\n\n  .sm\\:rounded-\\[1rem_1rem_0rem_0rem\\]{\n    border-radius: 1rem 1rem 0rem 0rem;\n  }\n\n  .sm\\:\\!rounded-t-\\[0rem\\]{\n    border-top-left-radius: 0rem !important;\n    border-top-right-radius: 0rem !important;\n  }\n\n  .sm\\:border-\\[0px\\]{\n    border-width: 0px;\n  }\n\n  .sm\\:\\!border-l-transparent{\n    border-left-color: transparent !important;\n  }\n\n  .sm\\:\\!border-r-transparent{\n    border-right-color: transparent !important;\n  }\n\n  .sm\\:\\!bg-\\[\\#0C0C0D\\]{\n    --tw-bg-opacity: 1 !important;\n    background-color: rgb(12 12 13 / var(--tw-bg-opacity)) !important;\n  }\n\n  .sm\\:bg-\\[\\#0C0C0D\\]{\n    --tw-bg-opacity: 1;\n    background-color: rgb(12 12 13 / var(--tw-bg-opacity));\n  }\n\n  .sm\\:bg-\\[\\#E4F2F3\\]{\n    --tw-bg-opacity: 1;\n    background-color: rgb(228 242 243 / var(--tw-bg-opacity));\n  }\n}\n\n@media (min-width: 768px){\n\n  .md\\:ml-\\[29rem\\]{\n    margin-left: 29rem;\n  }\n\n  .md\\:hidden{\n    display: none;\n  }\n\n  .md\\:w-\\[32rem\\]{\n    width: 32rem;\n  }\n\n  .md\\:w-\\[33rem\\]{\n    width: 33rem;\n  }\n\n  .md\\:w-\\[50\\%\\]{\n    width: 50%;\n  }\n\n  .md\\:w-full{\n    width: 100%;\n  }\n\n  .md\\:w-screen{\n    width: 100vw;\n  }\n\n  .md\\:flex-row{\n    flex-direction: row;\n  }\n\n  .md\\:flex-col{\n    flex-direction: column;\n  }\n\n  .md\\:flex-col-reverse{\n    flex-direction: column-reverse;\n  }\n\n  .md\\:items-start{\n    align-items: flex-start;\n  }\n\n  .md\\:items-end{\n    align-items: flex-end;\n  }\n\n  .md\\:justify-start{\n    justify-content: flex-start;\n  }\n\n  .md\\:justify-between{\n    justify-content: space-between;\n  }\n\n  .md\\:gap-\\[0\\.5rem\\]{\n    gap: 0.5rem;\n  }\n\n  .md\\:rounded-\\[0rem\\]{\n    border-radius: 0rem;\n  }\n\n  .md\\:rounded-\\[1rem_1rem_0rem_0rem\\]{\n    border-radius: 1rem 1rem 0rem 0rem;\n  }\n\n  .md\\:\\!rounded-t-\\[0rem\\]{\n    border-top-left-radius: 0rem !important;\n    border-top-right-radius: 0rem !important;\n  }\n\n  .md\\:border-\\[0px\\]{\n    border-width: 0px;\n  }\n\n  .md\\:\\!border-l-transparent{\n    border-left-color: transparent !important;\n  }\n\n  .md\\:\\!border-r-transparent{\n    border-right-color: transparent !important;\n  }\n\n  .md\\:\\!bg-\\[\\#0C0C0D\\]{\n    --tw-bg-opacity: 1