@kanalabs/kana-widget-v2
Version:
Kana Widget for cross-chain bridging and swap.
1 lines • 1.17 MB
JavaScript
"use strict";var e=require("react/jsx-runtime"),t=require("@solana/wallet-adapter-react"),r=require("@solana/wallet-adapter-wallets"),n=require("react"),a=require("@kanalabs/aggregator"),o=require("antd"),s=require("@aptos-labs/wallet-adapter-react"),i=require("@tanstack/react-query"),l=require("@tanstack/react-query-devtools"),c=require("react-i18next"),d=require("i18next"),A=require("use-immer"),m=require("axios"),g=require("@aptos-labs/ts-sdk"),b=require("@mysten/sui.js"),u=require("@solana/web3.js"),w=require("ethers");require("@solana/spl-token");var h=require("@apollo/client"),f=require("wagmi"),p=require("@wagmi/core"),x=require("immer"),k=require("@mysten/wallet-kit"),v=require("react-responsive"),I=require("react-spinners"),y=require("wagmi/chains"),C=require("wagmi/connectors"),N=require("react-select"),S=require("jwt-decode");function P(e){return e&&e.__esModule?e:{default:e}}var E=P(n),B=P(d),j=P(m),D=P(N);!function(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===r&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.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*, ::before, ::after{\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: ;\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-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: ;\n}\n\n/*\n! tailwindcss v3.4.17 | 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.\n7. Disable tap highlights on iOS\n*/\n\nhtml,\n:host {\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, 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 -webkit-tap-highlight-color: transparent; /* 7 */\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. Use the user\'s configured `mono` font-feature-settings by default.\n3. Use the user\'s configured `mono` font-variation-settings by default.\n4. 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-feature-settings: normal; /* 2 */\n font-variation-settings: normal; /* 3 */\n font-size: 1em; /* 4 */\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-feature-settings: inherit; /* 1 */\n font-variation-settings: inherit; /* 1 */\n font-size: 100%; /* 1 */\n font-weight: inherit; /* 1 */\n line-height: inherit; /* 1 */\n letter-spacing: 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,\ninput:where([type=\'button\']),\ninput:where([type=\'reset\']),\ninput:where([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/*\nReset default styling for dialogs.\n*/\n\ndialog {\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]:where(:not([hidden="until-found"])) {\n display: none;\n}\n.container{\n width: 100%;\n}\n@media (min-width: 640px){\n\n .container{\n max-width: 640px;\n }\n}\n@media (min-width: 768px){\n\n .container{\n max-width: 768px;\n }\n}\n@media (min-width: 1024px){\n\n .container{\n max-width: 1024px;\n }\n}\n@media (min-width: 1280px){\n\n .container{\n max-width: 1280px;\n }\n}\n@media (min-width: 1536px){\n\n .container{\n max-width: 1536px;\n }\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.bottom-10{\n bottom: 2.5rem;\n}\n.bottom-\\[2px\\]{\n bottom: 2px;\n}\n.left-0{\n left: 0px;\n}\n.left-1\\/2{\n left: 50%;\n}\n.right-0{\n right: 0px;\n}\n.right-2{\n right: 0.5rem;\n}\n.right-4{\n right: 1rem;\n}\n.top-1\\/2{\n top: 50%;\n}\n.top-40{\n top: 10rem;\n}\n.top-8{\n top: 2rem;\n}\n.top-\\[32px\\]{\n top: 32px;\n}\n.\\!z-\\[4\\]{\n z-index: 4 !important;\n}\n.z-10{\n z-index: 10;\n}\n.z-\\[0\\]{\n z-index: 0;\n}\n.z-\\[1000000\\]{\n z-index: 1000000;\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.my-\\[-1\\.7rem\\]{\n margin-top: -1.7rem;\n margin-bottom: -1.7rem;\n}\n.\\!mt-\\[10rem\\]{\n margin-top: 10rem !important;\n}\n.-ms-1{\n margin-inline-start: -0.25rem;\n}\n.mb-2{\n margin-bottom: 0.5rem;\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.ms-1{\n margin-inline-start: 0.25rem;\n}\n.mt-0\\.5{\n margin-top: 0.125rem;\n}\n.mt-1{\n margin-top: 0.25rem;\n}\n.mt-2{\n margin-top: 0.5rem;\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.inline-block{\n display: inline-block;\n}\n.flex{\n display: flex;\n}\n.table{\n display: table;\n}\n.grid{\n display: grid;\n}\n.\\!h-\\[2\\.5rem\\]{\n height: 2.5rem !important;\n}\n.h-1\\.5{\n height: 0.375rem;\n}\n.h-10{\n height: 2.5rem;\n}\n.h-16{\n height: 4rem;\n}\n.h-4{\n height: 1rem;\n}\n.h-5{\n height: 1.25rem;\n}\n.h-6{\n height: 1.5rem;\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-\\[2\\.5rem\\]{\n height: 2.5rem;\n}\n.h-\\[20rem\\]{\n height: 20rem;\n}\n.h-\\[2rem\\]{\n height: 2rem;\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.h-px{\n height: 1px;\n}\n.h-screen{\n height: 100vh;\n}\n.max-h-0{\n max-height: 0px;\n}\n.max-h-\\[20rem\\]{\n max-height: 20rem;\n}\n.max-h-\\[500px\\]{\n max-height: 500px;\n}\n.max-h-\\[60vh\\]{\n max-height: 60vh;\n}\n.min-h-\\[16rem\\]{\n min-height: 16rem;\n}\n.min-h-\\[20rem\\]{\n min-height: 20rem;\n}\n.\\!w-\\[2\\.5rem\\]{\n width: 2.5rem !important;\n}\n.w-1\\.5{\n width: 0.375rem;\n}\n.w-1\\/4{\n width: 25%;\n}\n.w-1\\/5{\n width: 20%;\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-6{\n width: 1.5rem;\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-\\[250px\\]{\n width: 250px;\n}\n.w-\\[2rem\\]{\n width: 2rem;\n}\n.w-\\[371px\\]{\n width: 371px;\n}\n.w-\\[80px\\]{\n width: 80px;\n}\n.w-\\[90\\%\\]{\n width: 90%;\n}\n.w-\\[970px\\]{\n width: 970px;\n}\n.w-fit{\n width: -moz-fit-content;\n width: fit-content;\n}\n.w-full{\n width: 100%;\n}\n.w-screen{\n width: 100vw;\n}\n.flex-1{\n flex: 1 1 0%;\n}\n.flex-shrink-0{\n flex-shrink: 0;\n}\n.shrink-0{\n flex-shrink: 0;\n}\n.flex-grow{\n flex-grow: 1;\n}\n.-translate-y-1\\/2{\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.translate-x-\\[-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@keyframes move-dot{\n\n 0%{\n left: 0%;\n transform: translateX(-50%);\n }\n\n 100%{\n left: 100%;\n transform: translateX(-50%);\n }\n}\n.animate-move-dot{\n animation: move-dot 5s linear infinite;\n}\n@keyframes pulse{\n\n 50%{\n opacity: .5;\n }\n}\n.animate-pulse{\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n}\n.cursor-not-allowed{\n cursor: not-allowed;\n}\n.cursor-pointer{\n cursor: pointer;\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.justify-evenly{\n justify-content: space-evenly;\n}\n.gap-1{\n gap: 0.25rem;\n}\n.gap-12{\n gap: 3rem;\n}\n.gap-2{\n gap: 0.5rem;\n}\n.gap-3{\n gap: 0.75rem;\n}\n.gap-4{\n gap: 1rem;\n}\n.gap-5{\n gap: 1.25rem;\n}\n.gap-6{\n gap: 1.5rem;\n}\n.gap-8{\n gap: 2rem;\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-\\[1rem\\]{\n gap: 1rem;\n}\n.overflow-hidden{\n overflow: hidden;\n}\n.overflow-x-auto{\n overflow-x: auto;\n}\n.overflow-y-auto{\n overflow-y: 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.rounded-2xl{\n border-radius: 1rem;\n}\n.rounded-\\[0\\.3rem\\]{\n border-radius: 0.3rem;\n}\n.rounded-\\[0\\.5rem\\]{\n border-radius: 0.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-b-lg{\n border-bottom-right-radius: 0.5rem;\n border-bottom-left-radius: 0.5rem;\n}\n.rounded-t-2xl{\n border-top-left-radius: 1rem;\n border-top-right-radius: 1rem;\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-\\[1px\\]{\n border-width: 1px;\n}\n.border-b{\n border-bottom-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-l{\n border-left-width: 1px;\n}\n.border-r{\n border-right-width: 1px;\n}\n.border-t{\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, 1)) !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-red-500\\/50{\n border-color: rgb(239 68 68 / 0.5) !important;\n}\n.border-\\[\\#0000001A\\]{\n border-color: #0000001A;\n}\n.border-\\[\\#00FFF066\\]{\n border-color: #00FFF066;\n}\n.border-\\[\\#0E9384\\]{\n --tw-border-opacity: 1;\n border-color: rgb(14 147 132 / var(--tw-border-opacity, 1));\n}\n.border-\\[\\#2ED3B7\\]{\n --tw-border-opacity: 1;\n border-color: rgb(46 211 183 / var(--tw-border-opacity, 1));\n}\n.border-\\[\\#E3E8EF\\]{\n --tw-border-opacity: 1;\n border-color: rgb(227 232 239 / var(--tw-border-opacity, 1));\n}\n.border-\\[rgba\\(255\\2c 255\\2c 255\\2c 0\\.10\\)\\]{\n border-color: rgba(255,255,255,0.10);\n}\n.border-cyan-300{\n --tw-border-opacity: 1;\n border-color: rgb(103 232 249 / var(--tw-border-opacity, 1));\n}\n.border-cyan-400{\n --tw-border-opacity: 1;\n border-color: rgb(34 211 238 / var(--tw-border-opacity, 1));\n}\n.border-gray-600{\n --tw-border-opacity: 1;\n border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));\n}\n.border-orange-400{\n --tw-border-opacity: 1;\n border-color: rgb(251 146 60 / var(--tw-border-opacity, 1));\n}\n.border-red-500{\n --tw-border-opacity: 1;\n border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));\n}\n.border-teal-400{\n --tw-border-opacity: 1;\n border-color: rgb(45 212 191 / var(--tw-border-opacity, 1));\n}\n.border-white\\/10{\n border-color: rgb(255 255 255 / 0.1);\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, 1)) !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, 1));\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, 1));\n}\n.\\!bg-\\[\\#111213\\]{\n --tw-bg-opacity: 1 !important;\n background-color: rgb(17 18 19 / var(--tw-bg-opacity, 1)) !important;\n}\n.\\!bg-\\[\\#EFF7F8\\]{\n --tw-bg-opacity: 1 !important;\n background-color: rgb(239 247 248 / var(--tw-bg-opacity, 1)) !important;\n}\n.\\!bg-red-500\\/30{\n background-color: rgb(239 68 68 / 0.3) !important;\n}\n.bg-\\[\\#00FFFF0D\\]{\n background-color: #00FFFF0D;\n}\n.bg-\\[\\#0C0C0D\\]{\n --tw-bg-opacity: 1;\n background-color: rgb(12 12 13 / var(--tw-bg-opacity, 1));\n}\n.bg-\\[\\#111213\\]{\n --tw-bg-opacity: 1;\n background-color: rgb(17 18 19 / var(--tw-bg-opacity, 1));\n}\n.bg-\\[\\#121414\\]{\n --tw-bg-opacity: 1;\n background-color: rgb(18 20 20 / var(--tw-bg-opacity, 1));\n}\n.bg-\\[\\#121926\\]{\n --tw-bg-opacity: 1;\n background-color: rgb(18 25 38 / var(--tw-bg-opacity, 1));\n}\n.bg-\\[\\#17181A\\]{\n --tw-bg-opacity: 1;\n background-color: rgb(23 24 26 / var(--tw-bg-opacity, 1));\n}\n.bg-\\[\\#2E90FA1A\\]{\n background-color: #2E90FA1A;\n}\n.bg-\\[\\#5FE9D01A\\]{\n background-color: #5FE9D01A;\n}\n.bg-\\[\\#CFF9FE\\]{\n --tw-bg-opacity: 1;\n background-color: rgb(207 249 254 / var(--tw-bg-opacity, 1));\n}\n.bg-\\[\\#E4F2F3\\]{\n --tw-bg-opacity: 1;\n background-color: rgb(228 242 243 / var(--tw-bg-opacity, 1));\n}\n.bg-\\[\\#EFF7F8\\]{\n --tw-bg-opacity: 1;\n background-color: rgb(239 247 248 / var(--tw-bg-opacity, 1));\n}\n.bg-\\[\\#F2F9F9\\]{\n --tw-bg-opacity: 1;\n background-color: rgb(242 249 249 / var(--tw-bg-opacity, 1));\n}\n.bg-\\[\\#F7F8FACC\\]{\n background-color: #F7F8FACC;\n}\n.bg-\\[\\#F7F8FA\\]{\n --tw-bg-opacity: 1;\n background-color: rgb(247 248 250 / var(--tw-bg-opacity, 1));\n}\n.bg-\\[\\#FCFDFE\\]{\n --tw-bg-opacity: 1;\n background-color: rgb(252 253 254 / var(--tw-bg-opacity, 1));\n}\n.bg-\\[\\#FFFFFF\\]{\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\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-cyan-400{\n --tw-bg-opacity: 1;\n background-color: rgb(34 211 238 / var(--tw-bg-opacity, 1));\n}\n.bg-gray-300{\n --tw-bg-opacity: 1;\n background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));\n}\n.bg-gray-500{\n --tw-bg-opacity: 1;\n background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));\n}\n.bg-gray-700{\n --tw-bg-opacity: 1;\n background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));\n}\n.bg-orange-400{\n --tw-bg-opacity: 1;\n background-color: rgb(251 146 60 / var(--tw-bg-opacity, 1));\n}\n.bg-red-500{\n --tw-bg-opacity: 1;\n background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));\n}\n.bg-teal-400{\n --tw-bg-opacity: 1;\n background-color: rgb(45 212 191 / var(--tw-bg-opacity, 1));\n}\n.bg-transparent{\n background-color: transparent;\n}\n.bg-white\\/\\[6\\%\\]{\n background-color: rgb(255 255 255 / 6%);\n}\n.bg-widgetSecondary{\n --tw-bg-opacity: 1;\n background-color: rgb(44 37 51 / var(--tw-bg-opacity, 1));\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-to: rgb(103 255 209 / 0) var(--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}\n.bg-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-14{\n padding: 3.5rem;\n}\n.p-2{\n padding: 0.5rem;\n}\n.p-4{\n padding: 1rem;\n}\n.p-6{\n padding: 1.5rem;\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.px-4{\n padding-left: 1rem;\n padding-right: 1rem;\n}\n.px-6{\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n.px-8{\n padding-left: 2rem;\n padding-right: 2rem;\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-4{\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n.py-5{\n padding-top: 1.25rem;\n padding-bottom: 1.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\\.5rem\\]{\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n.py-\\[14px\\]{\n padding-top: 14px;\n padding-bottom: 14px;\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.pe-12{\n padding-inline-end: 3rem;\n}\n.pl-4{\n padding-left: 1rem;\n}\n.pl-\\[1rem\\]{\n padding-left: 1rem;\n}\n.pr-2{\n padding-right: 0.5rem;\n}\n.pr-\\[1\\.5rem\\]{\n padding-right: 1.5rem;\n}\n.pr-\\[3rem\\]{\n padding-right: 3rem;\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.font-inter{\n font-family: Inter;\n}\n.font-manrope{\n font-family: "Manrope", sans-serif;\n}\n.text-2xl{\n font-size: 1.5rem;\n line-height: 2rem;\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-\\[10px\\]{\n font-size: 10px;\n}\n.text-\\[1rem\\]{\n font-size: 1rem;\n}\n.text-base{\n font-size: 1rem;\n line-height: 1.5rem;\n}\n.text-lg{\n font-size: 1.125rem;\n line-height: 1.75rem;\n}\n.text-sm{\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n.text-xl{\n font-size: 1.25rem;\n line-height: 1.75rem;\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-extrabold{\n font-weight: 800;\n}\n.font-light{\n font-weight: 300;\n}\n.font-medium{\n font-weight: 500;\n}\n.font-normal{\n font-weight: 400;\n}\n.\\!text-\\[\\#4A4B4D\\]{\n --tw-text-opacity: 1 !important;\n color: rgb(74 75 77 / var(--tw-text-opacity, 1)) !important;\n}\n.\\!text-\\[\\#777879\\]{\n --tw-text-opacity: 1 !important;\n color: rgb(119 120 121 / var(--tw-text-opacity, 1)) !important;\n}\n.\\!text-\\[\\#A5A5A6\\]{\n --tw-text-opacity: 1 !important;\n color: rgb(165 165 166 / var(--tw-text-opacity, 1)) !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, 1));\n}\n.text-\\[\\#009696\\]{\n --tw-text-opacity: 1;\n color: rgb(0 150 150 / var(--tw-text-opacity, 1));\n}\n.text-\\[\\#00FFF0\\]{\n --tw-text-opacity: 1;\n color: rgb(0 255 240 / var(--tw-text-opacity, 1));\n}\n.text-\\[\\#088AB2\\]{\n --tw-text-opacity: 1;\n color: rgb(8 138 178 / var(--tw-text-opacity, 1));\n}\n.text-\\[\\#0C0C0D\\]{\n --tw-text-opacity: 1;\n color: rgb(12 12 13 / var(--tw-text-opacity, 1));\n}\n.text-\\[\\#0E9384\\]{\n --tw-text-opacity: 1;\n color: rgb(14 147 132 / var(--tw-text-opacity, 1));\n}\n.text-\\[\\#12151880\\]{\n color: #12151880;\n}\n.text-\\[\\#2ED3B7\\]{\n --tw-text-opacity: 1;\n color: rgb(46 211 183 / var(--tw-text-opacity, 1));\n}\n.text-\\[\\#4A4B4D\\]{\n --tw-text-opacity: 1;\n color: rgb(74 75 77 / var(--tw-text-opacity, 1));\n}\n.text-\\[\\#777879\\]{\n --tw-text-opacity: 1;\n color: rgb(119 120 121 / var(--tw-text-opacity, 1));\n}\n.text-\\[\\#808182\\]{\n --tw-text-opacity: 1;\n color: rgb(128 129 130 / var(--tw-text-opacity, 1));\n}\n.text-\\[\\#A5A5A6\\]{\n --tw-text-opacity: 1;\n color: rgb(165 165 166 / var(--tw-text-opacity, 1));\n}\n.text-\\[\\#D92D20\\]{\n --tw-text-opacity: 1;\n color: rgb(217 45 32 / var(--tw-text-opacity, 1));\n}\n.text-\\[\\#F04438\\]{\n --tw-text-opacity: 1;\n color: rgb(240 68 56 / var(--tw-text-opacity, 1));\n}\n.text-\\[\\#FFFFFFCC\\]{\n color: #FFFFFFCC;\n}\n.text-\\[\\#FFF\\]{\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity, 1));\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-black{\n --tw-text-opacity: 1;\n color: rgb(0 0 0 / var(--tw-text-opacity, 1));\n}\n.text-cyan-400{\n --tw-text-opacity: 1;\n color: rgb(34 211 238 / var(--tw-text-opacity, 1));\n}\n.text-cyan-500{\n --tw-text-opacity: 1;\n color: rgb(6 182 212 / var(--tw-text-opacity, 1));\n}\n.text-gray-400{\n --tw-text-opacity: 1;\n color: rgb(156 163 175 / var(--tw-text-opacity, 1));\n}\n.text-gray-600{\n --tw-text-opacity: 1;\n color: rgb(75 85 99 / var(--tw-text-opacity, 1));\n}\n.text-orange-400{\n --tw-text-opacity: 1;\n color: rgb(251 146 60 / var(--tw-text-opacity, 1));\n}\n.text-red-500{\n --tw-text-opacity: 1;\n color: rgb(239 68 68 / var(--tw-text-opacity, 1));\n}\n.text-teal-400{\n --tw-text-opacity: 1;\n color: rgb(45 212 191 / var(--tw-text-opacity, 1));\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, 1));\n}\n.opacity-0{\n opacity: 0;\n}\n.opacity-100{\n opacity: 1;\n}\n.opacity-80{\n opacity: 0.8;\n}\n.shadow-\\[0px_10px_8px_0px_\\#00FFFF1A\\2c 0px_4px_8px_0px_\\#00000026\\2c 0px_5px_0px_0px_\\#0E9384\\]{\n --tw-shadow: 0px 10px 8px 0px #00FFFF1A,0px 4px 8px 0px #00000026,0px 5px 0px 0px #0E9384;\n --tw-shadow-colored: 0px 10px 8px 0px var(--tw-shadow-color), 0px 4px 8px 0px var(--tw-shadow-color), 0px 5px 0px 0px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-\\[0px_10px_8px_0px_\\#22CCEE33\\2c 0px_4px_8px_0px_\\#00000026\\2c 0px_5px_0px_0px_\\#06AED4\\]{\n --tw-shadow: 0px 10px 8px 0px #22CCEE33,0px 4px 8px 0px #00000026,0px 5px 0px 0px #06AED4;\n --tw-shadow-colored: 0px 10px 8px 0px var(--tw-shadow-color), 0px 4px 8px 0px var(--tw-shadow-color), 0px 5px 0px 0px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-\\[0px_10px_8px_0px_\\#F0443833\\2c 0px_4px_8px_0px_\\#00000026\\2c 0px_5px_0px_0px_\\#F04438\\]{\n --tw-shadow: 0px 10px 8px 0px #F0443833,0px 4px 8px 0px #00000026,0px 5px 0px 0px #F04438;\n --tw-shadow-colored: 0px 10px 8px 0px var(--tw-shadow-color), 0px 4px 8px 0px var(--tw-shadow-color), 0px 5px 0px 0px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-\\[0px_10px_8px_0px_\\#FDB02233\\2c 0px_4px_8px_0px_\\#00000026\\2c 0px_5px_0px_0px_\\#DC6803\\]{\n --tw-shadow: 0px 10px 8px 0px #FDB02233,0px 4px 8px 0px #00000026,0px 5px 0px 0px #DC6803;\n --tw-shadow-colored: 0px 10px 8px 0px var(--tw-shadow-color), 0px 4px 8px 0px var(--tw-shadow-color), 0px 5px 0px 0px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.\\!outline-none{\n outline: 2px solid transparent !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.drop-shadow-\\[0_0_4px_\\#00FFF0\\]{\n --tw-drop-shadow: drop-shadow(0 0 4px #00FFF0);\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-2xl{\n --tw-backdrop-blur: blur(40px);\n backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n.backdrop-blur-\\[2rem\\]{\n --tw-backdrop-blur: blur(2rem);\n backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n.backdrop-blur-lg{\n --tw-backdrop-blur: blur(16px);\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-all{\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.transition-opacity{\n transition-property: opacity;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.transition-transform{\n transition-property: transform;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.duration-200{\n transition-duration: 200ms;\n}\n.duration-300{\n transition-duration: 300ms;\n}\n.ease-in-out{\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\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 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 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 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 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@keyframes slideIn {\n from {\n opacity: 0;\n transform: translateX(20px); /* Start from the right */\n }\n to {\n opacity: 1;\n transform: translateX(0); /* Move to the center */\n }\n}\n\n@keyframes slideOut {\n from {\n opacity: 1;\n transform: translateX(0); /* Start from the center */\n }\n to {\n opacity: 0;\n transform: translateX(20px); /* Move to the right */\n }\n}\n\n.toast-enter {\n animation: slideIn 0.5s ease-out forwards;\n}\n\n.toast-exit {\n animation: slideOut 0.5s ease-in forwards;\n}\n\n@media (max-width: 1150px) {\n .responsive-routing-modal .ant-modal {\n width: auto !important;\n max-width: 95vw;\n }\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\\:cursor-pointer:hover{\n cursor: pointer;\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, 1));\n}\n\n.hover\\:border-\\[\\#2ED3B7\\]:hover{\n --tw-border-opacity: 1;\n border-color: rgb(46 211 183 / var(--tw-border-opacity, 1));\n}\n\n.hover\\:bg-\\[\\#0C0C0D\\]:hover{\n --tw-bg-opacity: 1;\n background-color: rgb(12 12 13 / var(--tw-bg-opacity, 1));\n}\n\n.hover\\:bg-\\[\\#E4F2F3\\]:hover{\n --tw-bg-opacity: 1;\n background-color: rgb(228 242 243 / var(--tw-bg-opacity, 1));\n}\n\n.hover\\:bg-\\[\\#ffffff0f\\]:hover{\n background-color: #ffffff0f;\n}\n\n.hover\\:bg-cyan-500:hover{\n --tw-bg-opacity: 1;\n background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1));\n}\n\n.hover\\:bg-orange-200:hover{\n --tw-bg-opacity: 1;\n background-color: rgb(254 215 170 / var(--tw-bg-opacity, 1));\n}\n\n.hover\\:bg-orange-500:hover{\n --tw-bg-opacity: 1;\n background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));\n}\n\n.hover\\:bg-red-400:hover{\n --tw-bg-opacity: 1;\n background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));\n}\n\n.hover\\:bg-red-600:hover{\n --tw-bg-opacity: 1;\n background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));\n}\n\n.hover\\:bg-tea