@skip-go/widget 2.4.11 → 2.5.0

package/build/index.es.js

@@ -20,7 +20,7 @@ import { createContext, useContext, useMemo, useCallback, useRef, useState, useE
 import { create } from 'zustand';
 import { subscribeWithSelector, persist, createJSONStorage } from 'zustand/middleware';
 import * as Dialog$1 from '@radix-ui/react-dialog';
-import { ArrowTopRightOnSquareIcon, ArrowLeftIcon as ArrowLeftIcon$1, ChevronDownIcon as ChevronDownIcon$1, PencilSquareIcon } from '@heroicons/react/16/solid';
+import { ArrowTopRightOnSquareIcon, ChevronDownIcon as ChevronDownIcon$1, PencilSquareIcon } from '@heroicons/react/16/solid';
 import { ArrowLeftIcon, FaceFrownIcon, ChevronDownIcon, BackspaceIcon, TrashIcon, CubeIcon, ArrowRightIcon, ArrowTopRightOnSquareIcon as ArrowTopRightOnSquareIcon$1, CheckCircleIcon, ArrowPathIcon, XCircleIcon, CheckIcon, ClipboardDocumentIcon, PencilSquareIcon as PencilSquareIcon$1, FingerPrintIcon, InformationCircleIcon, ExclamationTriangleIcon, ArrowsUpDownIcon } from '@heroicons/react/20/solid';
 import * as ScrollArea from '@radix-ui/react-scroll-area';
 import toast, { Toaster } from 'react-hot-toast';
@@ -34,13 +34,13 @@ import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { matchSorter } from 'match-sorter';
 import * as Tooltip from '@radix-ui/react-tooltip';
-import { StargateClient, GasPrice } from '@cosmjs/stargate';
 import { BigNumber } from 'bignumber.js';
 import { shallow } from 'zustand/shallow';
 import { createWithEqualityFn } from 'zustand/traditional';
 import * as token from '@solana/spl-token';
 import { Connection, PublicKey } from '@solana/web3.js';
 import { CosmWasmClient } from '@cosmjs/cosmwasm-stargate';
+import { StargateClient } from '@cosmjs/stargate';
 import { accountParser } from 'kujira.js';
 import * as Accordion from '@radix-ui/react-accordion';
 import { differenceInMinutes, parseISO } from 'date-fns';
@@ -454,10 +454,6 @@ function useAssets$1(options = {}) {
 }
 
 const DEFAULT_GAS_AMOUNT = (200000).toString();
-const EVMOS_GAS_AMOUNT = (280000).toString();
-function isChainIdEvmos(chainID) {
-    return chainID === 'evmos_9001-2' || chainID.includes('evmos');
-}
 
 const defaultValues$4 = {
     customGasAmount: DEFAULT_GAS_AMOUNT,
@@ -501,10 +497,9 @@ const configureSwapWidget = (args) => {
         filter: args.filter || prev.filter,
     }));
     useSettingsStore.setState((prev) => {
-        var _a, _b, _c, _d;
+        var _a, _b;
         return ({
-            customGasAmount: ((_b = (_a = args.settings) === null || _a === void 0 ? void 0 : _a.customGasAmount) === null || _b === void 0 ? void 0 : _b.toString()) || prev.customGasAmount,
-            slippage: ((_d = (_c = args.settings) === null || _c === void 0 ? void 0 : _c.slippage) === null || _d === void 0 ? void 0 : _d.toString()) || prev.slippage,
+            slippage: ((_b = (_a = args.settings) === null || _a === void 0 ? void 0 : _a.slippage) === null || _b === void 0 ? void 0 : _b.toString()) || prev.slippage,
         });
     });
 };
@@ -1501,6 +1496,8 @@ const endpointOptions = {
     },
 };
 const apiURL = `${appUrl}/api/widget/skip`;
+const ETH_GAS_FEE = 0.01;
+const COSMOS_GAS_AMOUNT = 2000000;
 
 const WalletProvider = ({ children, wagmiConfig, }) => {
     return (jsx(SolanaProvider, { children: jsx(CosmosProvider, { children: jsx(EVMProvider, { wagmiConfig: wagmiConfig, children: jsx(WalletModalProvider, { children: children }) }) }) }));
@@ -2171,8 +2168,24 @@ const convertSecondsToMinutesOrHours = (seconds) => {
     }
 };
 
+const convertHumanReadableAmountToCryptoAmount = (humanReadableAmount, decimals = 6) => {
+    if (typeof humanReadableAmount === "string") {
+        humanReadableAmount = parseFloat(humanReadableAmount);
+    }
+    const cryptoAmount = humanReadableAmount * Math.pow(10, decimals);
+    return cryptoAmount.toString();
+};
+const convertTokenAmountToHumanReadableAmount = (tokenAmount, decimals = 6) => {
+    if (typeof tokenAmount === "string") {
+        tokenAmount = parseFloat(tokenAmount);
+    }
+    const humanReadableAmount = tokenAmount / Math.pow(10, decimals);
+    return humanReadableAmount.toFixed(decimals).replace(/(\.\d*?[1-9])0+|\.0*$/, "$1");
+};
+
 const PRICE_IMPACT_THRESHOLD = 0.1;
 function useSwapWidget(persistSwapWidgetState = true) {
+    var _a, _b;
     /**
      * intentional manual hydration to prevent ssr mismatch
      * @see {useSwapWidgetStore}
@@ -2185,7 +2198,7 @@ function useSwapWidget(persistSwapWidgetState = true) {
     /////////////////////////////////////////////////////////////////////////////
     // #region -- core states
     const { routeConfig, defaultRoute } = useSwapWidgetUIStore();
-    const skipClient = useSkipClient();
+    useSkipClient();
     const filter = useSwapWidgetUIStore((state) => state.filter);
     const sourceChainIDs = (filter === null || filter === void 0 ? void 0 : filter.source)
         ? Object.keys(filter.source)
@@ -2193,7 +2206,7 @@ function useSwapWidget(persistSwapWidgetState = true) {
     const destinationChainIDs = (filter === null || filter === void 0 ? void 0 : filter.destination)
         ? Object.keys(filter.destination)
         : undefined;
-    const { assetsByChainID, getFeeAsset, isReady: isAssetsReady, getAsset, } = useAssets();
+    const { assetsByChainID, isReady: isAssetsReady, getAsset, } = useAssets();
     const { data: chains } = useChains();
     const { getWalletRepo } = useManager();
     const { connector, chain: evmChain } = useAccount$1();
@@ -2207,7 +2220,7 @@ function useSwapWidget(persistSwapWidgetState = true) {
     const { disconnect } = useDisconnect();
     const { wallets } = useWallet();
     const [userTouchedDstAsset, setUserTouchedDstAsset] = useState(false);
-    const { amountIn, amountOut, bridges, destinationAsset: dstAsset, destinationChain: dstChain, direction, gasRequired, sourceAsset: srcAsset, sourceChain: srcChain, sourceFeeAsset: srcFeeAsset, } = useSwapWidgetStore();
+    const { amountIn, amountOut, bridges, destinationAsset: dstAsset, destinationChain: dstChain, direction, sourceAsset: srcAsset, sourceChain: srcChain, } = useSwapWidgetStore();
     const srcAccount = useAccount(srcChain === null || srcChain === void 0 ? void 0 : srcChain.chainID);
     const amountInWei = useMemo(() => {
         return getAmountWei(amountIn, srcAsset === null || srcAsset === void 0 ? void 0 : srcAsset.decimals);
@@ -2241,10 +2254,40 @@ function useSwapWidget(persistSwapWidgetState = true) {
         assets: srcAssets,
         enabled: !isAnyDisclosureOpen,
     });
-    const customGasAmount = useSettingsStore((state) => state.customGasAmount);
     // #endregion
     /////////////////////////////////////////////////////////////////////////////
     // #region -- variables
+    const feeAsset = (_b = (_a = chains === null || chains === void 0 ? void 0 : chains.find(c => c.chainID === (srcChain === null || srcChain === void 0 ? void 0 : srcChain.chainID))) === null || _a === void 0 ? void 0 : _a.feeAssets) === null || _b === void 0 ? void 0 : _b[0];
+    const sourceChainType = srcChain === null || srcChain === void 0 ? void 0 : srcChain.chainType;
+    const gasFeeTokenAmount = useMemo(() => {
+        var _a;
+        if (!srcAsset)
+            return 0;
+        switch (sourceChainType) {
+            case 'evm':
+                const isFeeAsset = srcAsset.denom.includes('-native') && srcAsset.originChainID === (srcChain === null || srcChain === void 0 ? void 0 : srcChain.chainID);
+                return isFeeAsset ? Number(convertHumanReadableAmountToCryptoAmount(ETH_GAS_FEE, srcAsset.decimals)) : 0;
+            case 'cosmos':
+                if (!feeAsset || !((_a = feeAsset.gasPrice) === null || _a === void 0 ? void 0 : _a.average) || feeAsset.denom !== srcAsset.denom)
+                    return 0;
+                return Number(feeAsset.gasPrice.average) * COSMOS_GAS_AMOUNT;
+            case 'svm':
+                return 0;
+            default:
+                return 0;
+        }
+    }, [srcAsset, feeAsset, sourceChainType, srcChain === null || srcChain === void 0 ? void 0 : srcChain.chainID]);
+    const maxTokenAmountMinusFees = useMemo(() => {
+        if (!balances || !srcAsset)
+            return;
+        const maxTokenAmount = balances[srcAsset.denom];
+        if (gasFeeTokenAmount && maxTokenAmount) {
+            const maxTokenAmountMinusGasFees = BigNumber(maxTokenAmount).minus(gasFeeTokenAmount).toString();
+            const maxAmountMinusGasFees = convertTokenAmountToHumanReadableAmount(maxTokenAmountMinusGasFees, srcAsset.decimals);
+            return maxAmountMinusGasFees;
+        }
+        return maxTokenAmount && convertTokenAmountToHumanReadableAmount(String(maxTokenAmount), srcAsset.decimals);
+    }, [balances, srcAsset, gasFeeTokenAmount]);
     const errorMessage = useMemo(() => {
         if (!routeError)
             return '';
@@ -2254,63 +2297,28 @@ function useSwapWidget(persistSwapWidgetState = true) {
         return String(routeError);
     }, [routeError]);
     const isAmountError = useMemo(() => {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b;
         if (!amountIn || !balances || !srcAsset) {
             return false;
         }
         const parsedAmount = BigNumber(amountIn || '0');
         const parsedBalance = BigNumber((_a = balances[srcAsset.denom]) !== null && _a !== void 0 ? _a : '0').shiftedBy(-((_b = srcAsset.decimals) !== null && _b !== void 0 ? _b : 6));
-        if (srcFeeAsset) {
-            const parsedFeeBalance = BigNumber((_c = balances[srcFeeAsset.denom]) !== null && _c !== void 0 ? _c : '0').shiftedBy(-((_d = srcFeeAsset.decimals) !== null && _d !== void 0 ? _d : 6));
-            const parsedGasRequired = BigNumber(gasRequired || '0');
-            if ((srcChain === null || srcChain === void 0 ? void 0 : srcChain.chainID) === 'stride-1') {
-                const tiaIbcToken = 'ibc/BF3B4F53F3694B66E13C23107C84B6485BD2B96296BB7EC680EA77BBA75B4801';
-                const tiaOnStride = getAsset(tiaIbcToken, 'stride-1');
-                const parsedTiaOnStrideBalance = BigNumber((_e = balances[tiaIbcToken]) !== null && _e !== void 0 ? _e : '0').shiftedBy(-((_f = tiaOnStride === null || tiaOnStride === void 0 ? void 0 : tiaOnStride.decimals) !== null && _f !== void 0 ? _f : 6));
-                const needTia = parsedTiaOnStrideBalance
-                    .minus(parsedGasRequired)
-                    .isLessThanOrEqualTo(0);
-                const needFeeToken = parsedFeeBalance
-                    .minus(parsedGasRequired)
-                    .isLessThanOrEqualTo(0);
-                const assetIsFeeDenom = srcFeeAsset.denom === srcAsset.denom;
-                const assetIsTiaDenom = srcAsset.denom === tiaIbcToken;
-                if (parsedGasRequired.gt(0) &&
-                    (assetIsFeeDenom
-                        ? parsedAmount.isGreaterThan(parsedBalance.minus(parsedGasRequired)) && needTia
-                        : assetIsTiaDenom
-                            ? parsedAmount.isGreaterThan(parsedTiaOnStrideBalance.minus(parsedGasRequired)) && needFeeToken
-                            : needFeeToken
-                                ? needTia
-                                : needTia
-                                    ? needFeeToken
-                                    : false)) {
-                    if (parsedAmount.isGreaterThan(parsedBalance)) {
-                        return `Insufficient balance.`;
-                    }
-                    return `Insufficient balance. You need ≈${gasRequired} ${srcFeeAsset.recommendedSymbol} or ${tiaOnStride === null || tiaOnStride === void 0 ? void 0 : tiaOnStride.recommendedSymbol} to accomodate gas fees.`;
-                }
-            }
-            if ((srcChain === null || srcChain === void 0 ? void 0 : srcChain.chainID) !== 'stride-1' &&
-                parsedGasRequired.gt(0) &&
-                (srcFeeAsset.denom === srcAsset.denom
-                    ? parsedAmount.isGreaterThan(parsedBalance.minus(parsedGasRequired))
-                    : parsedFeeBalance.minus(parsedGasRequired).isLessThanOrEqualTo(0))) {
-                return `Insufficient balance. You need ≈${gasRequired} ${srcFeeAsset.recommendedSymbol} to accomodate gas fees.`;
-            }
-        }
         if (parsedAmount.isGreaterThan(parsedBalance)) {
             return `Insufficient balance.`;
         }
+        if (!maxTokenAmountMinusFees)
+            return false;
+        const parsedMaxAmountMinusFees = BigNumber(maxTokenAmountMinusFees);
+        if (parsedAmount.isGreaterThan(parsedMaxAmountMinusFees)) {
+            return `Insufficient balance after estimated fees.`;
+        }
         return false;
     }, [
         amountIn,
         balances,
-        gasRequired,
         getAsset,
         srcAsset,
         srcChain === null || srcChain === void 0 ? void 0 : srcChain.chainID,
-        srcFeeAsset,
     ]);
     const swapPriceImpactPercent = useMemo(() => {
         if (!(route === null || route === void 0 ? void 0 : route.swapPriceImpactPercent))
@@ -2364,14 +2372,10 @@ function useSwapWidget(persistSwapWidgetState = true) {
      * - if not, select first available asset
      */
     const onSourceChainChange = useCallback(async (chain, injectAsset) => {
-        var _a, _b;
-        let feeAsset = undefined;
-        if (chain.chainType === 'cosmos' && !((_a = filter === null || filter === void 0 ? void 0 : filter.source) === null || _a === void 0 ? void 0 : _a[chain.chainID])) {
-            feeAsset = await getFeeAsset(chain.chainID);
-        }
-        let asset = feeAsset;
+        var _a;
+        let asset;
         if (!asset) {
-            const assets = assetsByChainID(chain.chainID, (_b = filter === null || filter === void 0 ? void 0 : filter.source) === null || _b === void 0 ? void 0 : _b[chain.chainID]);
+            const assets = assetsByChainID(chain.chainID, (_a = filter === null || filter === void 0 ? void 0 : filter.source) === null || _a === void 0 ? void 0 : _a[chain.chainID]);
             if (chain.chainType === 'evm') {
                 asset = assets.find((x) => {
                     var _a, _b;
@@ -2391,19 +2395,14 @@ function useSwapWidget(persistSwapWidgetState = true) {
         useSwapWidgetStore.setState({
             sourceChain: chain,
             sourceAsset: injectAsset ? injectAsset : asset,
-            sourceFeeAsset: feeAsset,
-            sourceGasPrice: undefined,
-            gasRequired: undefined,
         });
-    }, [assetsByChainID, getFeeAsset]);
+    }, [assetsByChainID]);
     /**
      * Handle source asset change
      */
     const onSourceAssetChange = useCallback((asset) => {
         useSwapWidgetStore.setState({
             sourceAsset: asset,
-            sourceGasPrice: undefined,
-            gasRequired: undefined,
         });
     }, []);
     /**
@@ -2419,17 +2418,12 @@ function useSwapWidget(persistSwapWidgetState = true) {
      * - if not, select first available asset
      */
     const onDestinationChainChange = useCallback(async (chain, injectAsset) => {
-        var _a, _b, _c;
+        var _a, _b;
         const { destinationAsset: currentDstAsset } = useSwapWidgetStore.getState();
         const assets = assetsByChainID(chain.chainID, (_a = filter === null || filter === void 0 ? void 0 : filter.destination) === null || _a === void 0 ? void 0 : _a[chain.chainID]);
-        let feeAsset = undefined;
-        if (chain.chainType === 'cosmos' &&
-            !((_b = filter === null || filter === void 0 ? void 0 : filter.destination) === null || _b === void 0 ? void 0 : _b[chain.chainID])) {
-            feeAsset = await getFeeAsset(chain.chainID);
-        }
-        let asset = feeAsset;
+        let asset;
         if (!asset) {
-            const assets = assetsByChainID(chain.chainID, (_c = filter === null || filter === void 0 ? void 0 : filter.destination) === null || _c === void 0 ? void 0 : _c[chain.chainID]);
+            const assets = assetsByChainID(chain.chainID, (_b = filter === null || filter === void 0 ? void 0 : filter.destination) === null || _b === void 0 ? void 0 : _b[chain.chainID]);
             if (chain.chainType === 'evm') {
                 asset = assets.find((x) => {
                     var _a, _b;
@@ -2450,7 +2444,7 @@ function useSwapWidget(persistSwapWidgetState = true) {
             destinationChain: chain,
             destinationAsset: injectAsset ? injectAsset : asset,
         });
-    }, [assetsByChainID, getFeeAsset, userTouchedDstAsset]);
+    }, [assetsByChainID, userTouchedDstAsset]);
     /**
      * Handle destination asset change with and update destination chain with these cases:
      * - if destination chain is undefined, select chain based off asset
@@ -2482,10 +2476,6 @@ function useSwapWidget(persistSwapWidgetState = true) {
         const { destinationChain } = useSwapWidgetStore.getState();
         if (!destinationChain)
             return;
-        let sourceFeeAsset = undefined;
-        if (destinationChain.chainType === 'cosmos') {
-            sourceFeeAsset = await getFeeAsset(destinationChain.chainID);
-        }
         useSwapWidgetStore.setState((prev) => ({
             sourceChain: prev.destinationChain,
             sourceAsset: prev.destinationAsset,
@@ -2494,11 +2484,8 @@ function useSwapWidget(persistSwapWidgetState = true) {
             amountIn: prev.amountOut,
             amountOut: prev.amountIn,
             direction: prev.direction === 'swap-in' ? 'swap-out' : 'swap-in',
-            sourceFeeAsset,
-            sourceGasPrice: undefined,
-            gasRequired: undefined,
         }));
-    }, [getFeeAsset]);
+    }, []);
     /**
      * Handle maxing amount in
      */
@@ -2519,32 +2506,12 @@ function useSwapWidget(persistSwapWidgetState = true) {
             });
             return;
         }
-        const isDifferentAsset = srcFeeAsset && srcFeeAsset.denom !== srcAsset.denom;
-        const isNotCosmos = srcChain.chainType !== 'cosmos';
-        /**
-         * override to max balances on these cases:
-         * - shift key is pressed
-         * - fee asset is different from source asset
-         * - source chain is not cosmos
-         */
-        if (event.shiftKey || isDifferentAsset || isNotCosmos) {
-            const newAmountIn = formatUnits(BigInt(balance), decimals);
-            useSwapWidgetStore.setState({
-                amountIn: newAmountIn,
-                direction: 'swap-in',
-            });
-            return;
-        }
         /**
          * compensate gas fees if source asset is same as fee asset
          */
-        if (gasRequired && srcFeeAsset && srcFeeAsset.denom === srcAsset.denom) {
-            let newAmountIn = BigNumber(balance)
-                .shiftedBy(-decimals)
-                .minus(gasRequired);
-            newAmountIn = newAmountIn.isNegative() ? BigNumber(0) : newAmountIn;
+        if (maxTokenAmountMinusFees) {
             useSwapWidgetStore.setState({
-                amountIn: newAmountIn.toFixed(decimals),
+                amountIn: Number(maxTokenAmountMinusFees) > 0 ? maxTokenAmountMinusFees : "0",
                 direction: 'swap-in',
             });
             return;
@@ -2555,7 +2522,7 @@ function useSwapWidget(persistSwapWidgetState = true) {
             amountIn: newAmountIn,
             direction: 'swap-in',
         });
-    }, [balances, gasRequired, srcAsset, srcChain, srcFeeAsset]);
+    }, [balances, srcAsset, srcChain]);
     /**
      * Handle clearing amount values when all transactions are complete
      */
@@ -2569,85 +2536,6 @@ function useSwapWidget(persistSwapWidgetState = true) {
     // #endregion
     /////////////////////////////////////////////////////////////////////////////
     // #region -- side effects
-    /**
-     * compute gas amount on source chain change
-     */
-    useEffect(() => {
-        return useSwapWidgetStore.subscribe((state) => [state.sourceChain, state.sourceAsset, state.sourceFeeAsset], async ([srcChain, srcAsset, srcFeeAsset]) => {
-            var _a, _b, _c;
-            if (!((srcChain === null || srcChain === void 0 ? void 0 : srcChain.chainType) === 'cosmos' && srcAsset))
-                return;
-            if (srcChain === null || srcChain === void 0 ? void 0 : srcChain.chainID.includes('penumbra'))
-                return;
-            const feeAsset = (_a = srcChain.feeAssets) === null || _a === void 0 ? void 0 : _a[0];
-            const gas = `${(_b = feeAsset === null || feeAsset === void 0 ? void 0 : feeAsset.gasPrice) === null || _b === void 0 ? void 0 : _b.average}${feeAsset.denom}`;
-            const gasPrice = (() => {
-                try {
-                    return GasPrice.fromString(gas);
-                }
-                catch (error) {
-                    console.error('Unable to parse gas price asset');
-                    return undefined;
-                }
-            })();
-            let srcGasPrice = (feeAsset === null || feeAsset === void 0 ? void 0 : feeAsset.gasPrice) && gasPrice;
-            if (!srcFeeAsset || srcFeeAsset.chainID !== srcChain.chainID) {
-                if (srcGasPrice) {
-                    srcFeeAsset = getAsset(srcGasPrice.denom, srcChain.chainID);
-                }
-                else {
-                    srcFeeAsset = await getFeeAsset(srcChain.chainID);
-                }
-            }
-            if (!srcFeeAsset) {
-                toast.error(`Unable to find gas asset for ${srcChain.chainName}`);
-                return;
-            }
-            const decimals = (_c = srcFeeAsset.decimals) !== null && _c !== void 0 ? _c : 6;
-            let selectedGasPrice;
-            const actualGasAmount = isChainIdEvmos(srcChain.chainID)
-                ? EVMOS_GAS_AMOUNT
-                : customGasAmount;
-            if (srcGasPrice) {
-                selectedGasPrice = BigNumber(srcGasPrice.amount.toString());
-            }
-            else {
-                let feeDenomPrices = srcChain.feeAssets.find(({ denom }) => {
-                    return denom === (srcFeeAsset === null || srcFeeAsset === void 0 ? void 0 : srcFeeAsset.denom);
-                });
-                if (!feeDenomPrices || !feeDenomPrices.gasPrice) {
-                    toast.error(`Unable to find gas prices for ${srcFeeAsset.denom} on ${srcChain.chainName}`);
-                    return;
-                }
-                const _gasPrice = (() => {
-                    try {
-                        return GasPrice.fromString(`${feeDenomPrices.gasPrice.average}${feeDenomPrices.denom}`);
-                    }
-                    catch (error) {
-                        return undefined;
-                    }
-                })();
-                if (!_gasPrice) {
-                    console.error(`Unable to parse gas price for ${srcFeeAsset.denom} on ${srcChain.chainName}`);
-                    return;
-                }
-                srcGasPrice = _gasPrice;
-                selectedGasPrice = BigNumber(feeDenomPrices.gasPrice.average);
-            }
-            const gasRequired = selectedGasPrice
-                .multipliedBy(actualGasAmount)
-                .shiftedBy(-decimals)
-                .toString();
-            useSwapWidgetStore.setState({
-                gasRequired,
-                sourceFeeAsset: srcFeeAsset,
-                sourceGasPrice: srcGasPrice,
-            });
-        }, {
-            equalityFn: shallow,
-            fireImmediately: true,
-        });
-    }, [assetsByChainID, customGasAmount, getFeeAsset, skipClient]);
     /**
      * sync either amount in or out depending on {@link direction}
      */
@@ -2904,8 +2792,6 @@ function useSwapWidget(persistSwapWidgetState = true) {
         routeWarningTitle,
         sourceAsset: srcAsset,
         sourceChain: srcChain,
-        sourceFeeAmount: gasRequired,
-        sourceFeeAsset: srcFeeAsset,
         swapPriceImpactPercent,
         usdDiffPercent,
         shareable,
@@ -3686,63 +3572,6 @@ const JsonDialog = () => {
                     }), onClick: onCopy, children: [jsx("span", { children: "Copy to clipboard" }), jsx(ClipboardIcon, { className: "h-4 w-4" })] }), jsxs("div", { className: "h-full overflow-y-auto px-4 py-6 scrollbar-hide", children: [jsxs("div", { className: "flex items-center gap-4 pb-2", children: [jsx(StyledThemedButton, { className: "flex h-8 w-8 items-center justify-center rounded-full transition-colors", onClick: close, children: jsx(ArrowLeftIcon, { className: "h-6 w-6" }) }), jsx("h3", { className: "text-xl font-bold", children: state.title || 'JSON Viewer' }), jsx("div", { className: "flex-grow" })] }), jsx("pre", { className: "overflow-auto rounded-lg border p-2 font-diatypeMono text-xs", children: JSON.stringify(state.data, null, 2) })] })] }) }));
 };
 
-const GasSetting = () => {
-    const currentValue = useSettingsStore((state) => state.customGasAmount);
-    return (jsxs("div", { className: "flex items-center space-x-2 p-2", children: [jsx("h3", { children: "Gas Amount" }), jsx("div", { className: "flex-grow" }), jsx("div", { className: "flex w-full max-w-32 flex-col items-stretch gap-1", children: jsx("div", { className: "relative text-sm", children: jsx(StyledThemedDiv, { as: "input", className: "w-full rounded-lg border px-2 py-1 text-end tabular-nums transition", type: "text", inputMode: "numeric", value: formatNumberWithCommas(currentValue), min: 0, onChange: (event) => {
-                            let latest = formatNumberWithoutCommas(event.target.value);
-                            latest = latest.replace(/^[0]{2,}/, '0'); // Remove leading zeros
-                            latest = latest.replace(/[^\d,]/g, ''); // Remove non-numeric and non-decimal characters
-                            latest = latest.replace(/[,]{2,}/g, ','); // Remove multiple commas
-                            const value = Math.max(0, +latest);
-                            useSettingsStore.setState({ customGasAmount: value.toString() });
-                        }, onKeyDown: (event) => {
-                            if (event.key === 'Escape') {
-                                event.currentTarget.select();
-                                return;
-                            }
-                            let value = BigNumber(formatNumberWithoutCommas(event.currentTarget.value) || '0');
-                            if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {
-                                event.preventDefault();
-                                if (event.key === 'ArrowUp') {
-                                    if (event.shiftKey) {
-                                        value = value.plus(1000);
-                                    }
-                                    else {
-                                        value = value.plus(1);
-                                    }
-                                }
-                                if (event.key === 'ArrowDown') {
-                                    if (event.shiftKey) {
-                                        value = value.minus(1000);
-                                    }
-                                    else {
-                                        value = value.minus(1);
-                                    }
-                                }
-                                if (value.isNegative()) {
-                                    value = BigNumber(0);
-                                }
-                                useSettingsStore.setState({
-                                    customGasAmount: value.toString(),
-                                });
-                            }
-                        } }) }) })] }));
-};
-
-const SaveIndicator = () => {
-    const timeoutRef = useRef(null);
-    const [show, setShow] = useState(() => false);
-    useEffect(() => {
-        return useSettingsStore.subscribe(() => {
-            if (timeoutRef.current)
-                clearTimeout(timeoutRef.current);
-            setShow(true);
-            timeoutRef.current = window.setTimeout(() => setShow(false), 2000);
-        });
-    }, []);
-    return (jsxs("div", { className: cn('pointer-events-none flex items-center space-x-1 text-sm font-medium text-green-500 transition', show ? 'opacity-100' : 'opacity-0'), children: [jsx("span", { children: "Settings saved!" }), " ", jsx(CheckIcon, { className: "h-4 w-4" })] }));
-};
-
 const OPTION_VALUES = ['1', '3', '5'];
 const SlippageSetting = () => {
     const currentValue = useSettingsStore((state) => state.slippage);
@@ -3804,7 +3633,7 @@ const SlippageSetting = () => {
 
 const SettingsDialog = () => {
     const [isOpen, { close }] = useDisclosureKey('settingsDialog');
-    return (jsx(Dialog, { open: isOpen, onOpenChange: () => close(), children: jsx(DialogContent, { children: jsxs("div", { className: "h-full overflow-y-auto px-4 py-6 scrollbar-hide", children: [jsxs("div", { className: "flex items-center gap-4 pb-2", children: [jsx(StyledThemedButton, { className: "flex h-8 w-8 items-center justify-center rounded-full transition-colors", onClick: close, children: jsx(ArrowLeftIcon$1, { className: "h-6 w-6" }) }), jsx("h3", { className: "text-xl font-bold", children: "Swap Settings" }), jsx("div", { className: "flex-grow" }), jsx(SaveIndicator, {})] }), jsx(GasSetting, {}), jsxs("p", { className: "text-balance p-2 text-sm text-neutral-500 [&_a:hover]:underline [&_a]:text-red-500", children: ["Gas is used to meter transactions and allocate resources fairly among users. Users must pay a gas fee, usually in the native token, to have their transactions processed by the network.", jsx("br", {}), jsx(AdaptiveLink, { href: "https://docs.cosmos.network/main/glossary#gas", children: "Learn more" })] }), jsx(SlippageSetting, {}), jsxs("p", { className: "text-balance p-2 text-sm text-neutral-500 [&_a:hover]:underline [&_a]:text-red-500", children: ["Slippage is how much price movement you can tolerate between the time you send out a transaction and the time it's executed.", jsx("br", {}), jsx(AdaptiveLink, { href: "https://medium.com/onomy-protocol/what-is-slippage-in-defi-62a0d068feb3", children: "Learn more" })] })] }) }) }));
+    return (jsx(Dialog, { open: isOpen, onOpenChange: () => close(), children: jsx(DialogContent, { children: jsxs("div", { className: "h-full overflow-y-auto px-4 py-6 scrollbar-hide", children: [jsx(SlippageSetting, {}), jsxs("p", { className: "text-balance p-2 text-sm text-neutral-500 [&_a:hover]:underline [&_a]:text-red-500", children: ["Slippage is how much price movement you can tolerate between the time you send out a transaction and the time it's executed.", jsx("br", {}), jsx(AdaptiveLink, { href: "https://medium.com/onomy-protocol/what-is-slippage-in-defi-62a0d068feb3", children: "Learn more" })] })] }) }) }));
 };
 
 function raise(message) {
@@ -3981,9 +3810,9 @@ var ConvDirection;
 
 const SwapDetails = ({ amountIn, amountOut, 
 // bridges: selectedBridges,
-destinationAsset, destinationChain, gasRequired, 
+destinationAsset, destinationChain, 
 // onBridgesChange,
-priceImpactPercent, priceImpactThresholdReached, route, sourceAsset, sourceChain, sourceFeeAsset, }) => {
+priceImpactPercent, priceImpactThresholdReached, route, sourceAsset, sourceChain }) => {
     var _a, _b, _c, _d, _e;
     const [detailsOpen, setDetailsOpen] = useState(false);
     const { slippage } = useSettingsStore();
@@ -4054,7 +3883,7 @@ priceImpactPercent, priceImpactThresholdReached, route, sourceAsset, sourceChain
                             return (jsxs("div", { children: [jsxs("button", { className: "mr-2 tabular-nums", onClick: toggle, children: ["1 ", ((_a = left.recommendedSymbol) !== null && _a !== void 0 ? _a : '').replace(/\sEthereum$/, ''), " =", ' ', conversion.toLocaleString('en-US', {
                                                 maximumFractionDigits: 4,
                                             }), ' ', ((_b = right.recommendedSymbol) !== null && _b !== void 0 ? _b : '').replace(/\sEthereum$/, '')] }), jsx("span", { className: "tabular-nums text-neutral-400", children: jsx(UsdValue, { error: null, chainId: right.chainID, denom: right.denom, coingeckoID: right.coingeckoID, value: conversion.toString() }) })] }));
-                        } }), jsx("div", { className: "flex-grow" }), jsxs(Collapsible.Trigger, { className: cn('relative flex items-center gap-1 text-xs', "before:absolute before:-inset-2 before:content-['']", 'text-neutral-400'), children: [jsxs("span", { className: cn('animate-slide-left-and-fade tabular-nums text-neutral-400 transition-opacity', detailsOpen && 'hidden'), children: ["Slippage: ", slippage, "%"] }), jsx(ChevronDownIcon$1, { className: cn('h-4 w-4 transition', detailsOpen ? 'rotate-180' : 'rotate-0') })] })] }), jsx(Collapsible.Content, { className: cn('overflow-hidden', 'data-[state=open]:animate-collapsible-open', 'data-[state=closed]:animate-collapsible-closed'), children: jsxs("dl", { className: cn('mb-2 mt-4 grid grid-cols-2 gap-2', '[&_dt]:text-start [&_dt]:text-neutral-400', '[&_dd]:text-end [&_dd]:tabular-nums'), children: [priceImpactPercent ? (jsxs(Fragment, { children: [jsx("dt", { className: priceImpactThresholdReached ? 'text-red-500' : '', children: "Price Impact" }), jsx("dd", { className: priceImpactThresholdReached ? 'text-red-500' : '', children: formatPercent(priceImpactPercent) })] })) : null, jsx("dt", { children: "Slippage" }), jsxs("dd", { children: [jsx(SimpleTooltip, { label: "Click to change maximum slippage", children: jsx(StyledThemedButton, { className: cn('mr-1 inline-flex items-center gap-1 p-1 text-xs transition-colors', 'text-red-500', 'rounded'), onClick: () => disclosure.open('settingsDialog'), children: jsx(PencilSquareIcon, { className: "h-3 w-3" }) }) }), slippage, "%"] }), sourceFeeAsset && (jsxs(Fragment, { children: [jsx("dt", { children: "Estimated Transaction Fee" }), sourceChain.chainID !== 'stride-1' ? (jsxs("dd", { children: [gasRequired !== null && gasRequired !== void 0 ? gasRequired : '-', " ", sourceFeeAsset.recommendedSymbol] })) : (jsx("dd", { children: "--" }))] })), bridgingFee && (jsxs(Fragment, { children: [jsx("dt", { children: "Bridging Fee" }), jsxs("dd", { children: [(_b = bridgingFee === null || bridgingFee === void 0 ? void 0 : bridgingFee.formattedAssetAmount) !== null && _b !== void 0 ? _b : '-', ' ', jsx("span", { className: "text-sm tabular-nums text-neutral-400", children: (_c = bridgingFee === null || bridgingFee === void 0 ? void 0 : bridgingFee.formattedUsdAmount) !== null && _c !== void 0 ? _c : '-' })] })] })), smartRelayFee && (jsxs(Fragment, { children: [jsx("dt", { children: "Relayer Fee" }), jsxs("dd", { children: [(_d = smartRelayFee === null || smartRelayFee === void 0 ? void 0 : smartRelayFee.formattedAssetAmount) !== null && _d !== void 0 ? _d : '-', ' ', jsx("span", { className: "text-sm tabular-nums text-neutral-400", children: (_e = smartRelayFee === null || smartRelayFee === void 0 ? void 0 : smartRelayFee.formattedUsdAmount) !== null && _e !== void 0 ? _e : '-' })] })] }))] }) })] }));
+                        } }), jsx("div", { className: "flex-grow" }), jsxs(Collapsible.Trigger, { className: cn('relative flex items-center gap-1 text-xs', "before:absolute before:-inset-2 before:content-['']", 'text-neutral-400'), children: [jsxs("span", { className: cn('animate-slide-left-and-fade tabular-nums text-neutral-400 transition-opacity', detailsOpen && 'hidden'), children: ["Slippage: ", slippage, "%"] }), jsx(ChevronDownIcon$1, { className: cn('h-4 w-4 transition', detailsOpen ? 'rotate-180' : 'rotate-0') })] })] }), jsx(Collapsible.Content, { className: cn('overflow-hidden', 'data-[state=open]:animate-collapsible-open', 'data-[state=closed]:animate-collapsible-closed'), children: jsxs("dl", { className: cn('mb-2 mt-4 grid grid-cols-2 gap-2', '[&_dt]:text-start [&_dt]:text-neutral-400', '[&_dd]:text-end [&_dd]:tabular-nums'), children: [priceImpactPercent ? (jsxs(Fragment, { children: [jsx("dt", { className: priceImpactThresholdReached ? 'text-red-500' : '', children: "Price Impact" }), jsx("dd", { className: priceImpactThresholdReached ? 'text-red-500' : '', children: formatPercent(priceImpactPercent) })] })) : null, jsx("dt", { children: "Slippage" }), jsxs("dd", { children: [jsx(SimpleTooltip, { label: "Click to change maximum slippage", children: jsx(StyledThemedButton, { className: cn('mr-1 inline-flex items-center gap-1 p-1 text-xs transition-colors', 'text-red-500', 'rounded'), onClick: () => disclosure.open('settingsDialog'), children: jsx(PencilSquareIcon, { className: "h-3 w-3" }) }) }), slippage, "%"] }), bridgingFee && (jsxs(Fragment, { children: [jsx("dt", { children: "Bridging Fee" }), jsxs("dd", { children: [(_b = bridgingFee === null || bridgingFee === void 0 ? void 0 : bridgingFee.formattedAssetAmount) !== null && _b !== void 0 ? _b : '-', ' ', jsx("span", { className: "text-sm tabular-nums text-neutral-400", children: (_c = bridgingFee === null || bridgingFee === void 0 ? void 0 : bridgingFee.formattedUsdAmount) !== null && _c !== void 0 ? _c : '-' })] })] })), smartRelayFee && (jsxs(Fragment, { children: [jsx("dt", { children: "Relayer Fee" }), jsxs("dd", { children: [(_d = smartRelayFee === null || smartRelayFee === void 0 ? void 0 : smartRelayFee.formattedAssetAmount) !== null && _d !== void 0 ? _d : '-', ' ', jsx("span", { className: "text-sm tabular-nums text-neutral-400", children: (_e = smartRelayFee === null || smartRelayFee === void 0 ? void 0 : smartRelayFee.formattedUsdAmount) !== null && _e !== void 0 ? _e : '-' })] })] }))] }) })] }));
 };
 
 const Context = createContext({
@@ -5208,7 +5037,7 @@ const PreviewRoute = ({ route, disclosure, isAmountError, }) => {
                             isError: submitMutation.isError,
                             isSuccess: submitMutation.isSuccess,
                             isPending: submitMutation.isPending,
-                        }, setShowLedgerWarning: setShowLedgerWarning, setIsAddressDialogOpen: (v) => setIndexIsSetAddressDialogOpen(v), isSetAddressDialogOpen: indexSetAddressDialogOpen === index, isExpanded: isExpanded, setIsExpanded: setIsExpanded, isOpen: isOpen, chainAddresses: chainAddresses, setChainAddresses: setChainAddresses }, `${index}-${chainID}`))) }), route.estimatedRouteDurationSeconds && (jsxs("div", { className: 'flex flex-row items-center justify-end space-x-2', children: [jsx("span", { className: 'font-semibold text-gray-400', children: "Estimated Time" }), jsxs("div", { className: 'flex flex-row space-x-1 items-center', children: [jsx(FaStopwatch, { className: "h-4 w-4 text-gray-400" }), jsxs("span", { className: 'font-semibold text-gray-400', children: [" ~", convertSecondsToMinutesOrHours(route.estimatedRouteDurationSeconds), ' '] })] })] })), jsxs("div", { className: "flex-1 space-y-4", children: [(statusData === null || statusData === void 0 ? void 0 : statusData.isSuccess) && submitMutation.isSuccess ? (jsxs("div", { className: "flex flex-row items-center space-x-2 font-semibold", children: [jsx(CheckCircleIcon, { className: "h-8 w-8 text-green-500" }), jsxs("p", { children: [route.doesSwap &&
+                        }, setShowLedgerWarning: setShowLedgerWarning, setIsAddressDialogOpen: (v) => setIndexIsSetAddressDialogOpen(v), isSetAddressDialogOpen: indexSetAddressDialogOpen === index, isExpanded: isExpanded, setIsExpanded: setIsExpanded, isOpen: isOpen, chainAddresses: chainAddresses, setChainAddresses: setChainAddresses }, `${index}-${chainID}`))) }), Boolean(route.estimatedRouteDurationSeconds) && (jsxs("div", { className: 'flex flex-row items-center justify-end space-x-2', children: [jsx("span", { className: 'font-semibold text-gray-400', children: "Estimated Time" }), jsxs("div", { className: 'flex flex-row space-x-1 items-center', children: [jsx(FaStopwatch, { className: "h-4 w-4 text-gray-400" }), jsxs("span", { className: 'font-semibold text-gray-400', children: [" ~", convertSecondsToMinutesOrHours(route.estimatedRouteDurationSeconds), ' '] })] })] })), jsxs("div", { className: "flex-1 space-y-4", children: [(statusData === null || statusData === void 0 ? void 0 : statusData.isSuccess) && submitMutation.isSuccess ? (jsxs("div", { className: "flex flex-row items-center space-x-2 font-semibold", children: [jsx(CheckCircleIcon, { className: "h-8 w-8 text-green-500" }), jsxs("p", { children: [route.doesSwap &&
                                             `Successfully swapped ${(_b = (_a = getAsset(route.sourceAssetDenom, route.sourceAssetChainID)) === null || _a === void 0 ? void 0 : _a.recommendedSymbol) !== null && _b !== void 0 ? _b : route.sourceAssetDenom} for ${(_d = (_c = getAsset(route.destAssetDenom, route.destAssetChainID)) === null || _c === void 0 ? void 0 : _c.recommendedSymbol) !== null && _d !== void 0 ? _d : route.destAssetDenom}`, !route.doesSwap &&
                                             `Successfully transfered ${(_f = (_e = getAsset(route.sourceAssetDenom, route.sourceAssetChainID)) === null || _e === void 0 ? void 0 : _e.recommendedSymbol) !== null && _f !== void 0 ? _f : route.sourceAssetDenom} from ${(_g = chains === null || chains === void 0 ? void 0 : chains.find((c) => c.chainID === route.sourceAssetChainID)) === null || _g === void 0 ? void 0 : _g.prettyName} to ${(_h = chains === null || chains === void 0 ? void 0 : chains.find((c) => c.chainID === route.destAssetChainID)) === null || _h === void 0 ? void 0 : _h.prettyName}`] })] })) : route.txsRequired === broadcastedTxs.length ? (jsxs("div", { className: "flex w-full items-center justify-center space-x-2 text-sm font-medium", children: [jsx(CheckCircleIcon, { className: "h-8 w-8 text-green-500" }), jsx("p", { className: "text-sm font-semibold", children: "You can safely navigate away from this page while your transaction is pending" })] })) : null, _showLedgerWarning.cctp && (jsx(Root, { type: "warning", initialOpen: true, children: jsx(Content, { children: jsxs("p", { children: [jsx("b", { children: "WARNING: " }), "Due to a limitation of the Noble chain, signing with Ledger when transferring over CCTP to the Ethereum/Solana ecosystems is not supported. We're actively working on fixing this issue with the Noble team. We apologize for the inconvenience."] }) }) })), _showLedgerWarning.ethermint && (jsx(Root, { type: "warning", initialOpen: true, children: jsx(Content, { children: jsxs("p", { children: [jsx("b", { children: "WARNING: " }), "go.skip.build does not support signing with Ledger on Ethermint-like chains (e.g. Injective, Dymension, EVMOS, etc...). We're actively working on fixing this with the Ledger team. We apologize for the inconvenience."] }) }) })), isAmountError &&
                             !submitMutation.isPending &&
@@ -5291,7 +5120,7 @@ const SwapWidgetUI = ({ className, style, toasterProps, persistSwapWidgetState,
             });
         },
     });
-    const { amountIn, amountOut, bridges, destinationAsset, destinationChain, direction, isAmountError, numberOfTransactions, onAllTransactionComplete, onBridgeChange, onDestinationAmountChange, onDestinationAssetChange, onDestinationChainChange, onInvertDirection, onSourceAmountChange, onSourceAmountMax, onSourceAssetChange, onSourceChainChange, priceImpactThresholdReached, route, routeError, routeLoading, routeWarningMessage, routeWarningTitle, sourceAsset, sourceChain, sourceFeeAmount, sourceFeeAsset, swapPriceImpactPercent, usdDiffPercent, shareable, } = useSwapWidget(persistSwapWidgetState);
+    const { amountIn, amountOut, bridges, destinationAsset, destinationChain, direction, isAmountError, numberOfTransactions, onAllTransactionComplete, onBridgeChange, onDestinationAmountChange, onDestinationAssetChange, onDestinationChainChange, onInvertDirection, onSourceAmountChange, onSourceAmountMax, onSourceAssetChange, onSourceChainChange, priceImpactThresholdReached, route, routeError, routeLoading, routeWarningMessage, routeWarningTitle, sourceAsset, sourceChain, swapPriceImpactPercent, usdDiffPercent, shareable, } = useSwapWidget(persistSwapWidgetState);
     const srcAccount = useAccount(sourceChain === null || sourceChain === void 0 ? void 0 : sourceChain.chainID);
     const isWalletConnected = srcAccount === null || srcAccount === void 0 ? void 0 : srcAccount.isWalletConnected;
     function promptDestAsset() {
@@ -5319,7 +5148,7 @@ const SwapWidgetUI = ({ className, style, toasterProps, persistSwapWidgetState,
                                                         return;
                                                     invertButtonRef.current.setAttribute('data-swap', 'true');
                                                     await onInvertDirection();
-                                                }, "data-testid": "swap-button", ref: invertButtonRef, children: jsx(ArrowsUpDownIcon, { className: "h-4 w-4" }) }) }), jsx("p", { className: "text-2xl font-semibold", children: "To" })] }), jsx("div", { "data-testid": "destination", children: jsx(AssetInput, { amount: amountOut, amountUSD: route === null || route === void 0 ? void 0 : route.usdAmountOut, diffPercentage: usdDiffPercent, asset: destinationAsset, chain: destinationChain, chains: destinationChains !== null && destinationChains !== void 0 ? destinationChains : [], onAmountChange: onDestinationAmountChange, onAssetChange: onDestinationAssetChange, onChainChange: onDestinationChainChange, context: "destination", isLoading: direction === 'swap-in' && routeLoading }) }), route && (jsx(SwapDetails, { amountIn: amountIn, amountOut: amountOut, bridges: bridges, destinationAsset: destinationAsset, destinationChain: destinationChain, direction: direction, gasRequired: sourceFeeAmount, onBridgesChange: onBridgeChange, priceImpactPercent: swapPriceImpactPercent !== null && swapPriceImpactPercent !== void 0 ? swapPriceImpactPercent : 0, priceImpactThresholdReached: priceImpactThresholdReached, route: route, sourceAsset: sourceAsset, sourceFeeAsset: sourceFeeAsset, sourceChain: sourceChain })), routeLoading && (jsxs("div", { className: "flex w-full items-center justify-between space-x-2 text-sm font-medium uppercase", children: [jsx("p", { className: "text-neutral-400", children: "Finding best route..." }), jsx(SpinnerIcon, { className: "h-5 w-5 text-neutral-200 animate-spin" })] })), route && !routeLoading && numberOfTransactions > 1 && (jsxs("div", { className: "flex w-full items-center justify-center space-x-2 text-sm font-medium uppercase", children: [jsxs("div", { className: cn('relative rounded-full p-[4px]'), children: [jsx(StyledBrandDiv, { className: cn('absolute h-6 w-6 animate-ping rounded-full') }), jsx(FingerPrintIcon, { className: "relative h-6 w-6 text-white" })] }), jsxs("p", { children: [numberOfTransactions, " Signature Required"] })] })), !!routeError && (jsx("div", { className: "flex w-full items-center rounded-md bg-red-50 p-3 text-left text-xs font-medium uppercase text-red-500", children: jsx("p", { className: "flex-1 text-red-500", children: routeError }) })), (destinationChain === null || destinationChain === void 0 ? void 0 : destinationChain.chainID) === 'dydx-mainnet-1' && (jsx("div", { className: "flex w-full items-center rounded-md bg-red-50 p-3 text-left text-xs font-medium uppercase text-red-500", children: jsxs("p", { className: "flex-1 [&_a]:underline text-red-500", children: ["This transaction will let you transfer and stake tokens on dydx, it will not allow you to trade. Follow the", ' ', jsx(AdaptiveLink, { href: "https://dydx.exchange", children: "dydx frontend" }), ' ', "directions to set up a trading account"] }) })), (destinationChain === null || destinationChain === void 0 ? void 0 : destinationChain.chainID.includes('penumbra')) && (jsx("div", { className: "flex w-full items-center rounded-md bg-red-50 p-3 text-left text-xs font-medium uppercase text-red-500", children: jsxs("p", { className: "flex-1 [&_a]:underline text-red-500", children: ["Notice: Skip Go currently only supports depositing assets into Penumbra. To withdraw assets from Penumbra, please use:", ' ', jsx(AdaptiveLink, { href: "https://stake.with.starlingcyber.net/", children: "https://stake.with.starlingcyber.net/" })] }) })), !isWalletConnected && (jsx(StyledBrandDiv, { as: "button", className: cn('w-full rounded-md py-4 font-semibold text-white outline-none transition-[opacity,transform]', 'disabled:cursor-not-allowed disabled:opacity-75', 'enabled:hover:rotate-1 enabled:hover:scale-105'), disabled: !sourceChain, onClick: async () => {
+                                                }, "data-testid": "swap-button", ref: invertButtonRef, children: jsx(ArrowsUpDownIcon, { className: "h-4 w-4" }) }) }), jsx("p", { className: "text-2xl font-semibold", children: "To" })] }), jsx("div", { "data-testid": "destination", children: jsx(AssetInput, { amount: amountOut, amountUSD: route === null || route === void 0 ? void 0 : route.usdAmountOut, diffPercentage: usdDiffPercent, asset: destinationAsset, chain: destinationChain, chains: destinationChains !== null && destinationChains !== void 0 ? destinationChains : [], onAmountChange: onDestinationAmountChange, onAssetChange: onDestinationAssetChange, onChainChange: onDestinationChainChange, context: "destination", isLoading: direction === 'swap-in' && routeLoading }) }), route && (jsx(SwapDetails, { amountIn: amountIn, amountOut: amountOut, bridges: bridges, destinationAsset: destinationAsset, destinationChain: destinationChain, direction: direction, onBridgesChange: onBridgeChange, priceImpactPercent: swapPriceImpactPercent !== null && swapPriceImpactPercent !== void 0 ? swapPriceImpactPercent : 0, priceImpactThresholdReached: priceImpactThresholdReached, route: route, sourceAsset: sourceAsset, sourceChain: sourceChain })), routeLoading && (jsxs("div", { className: "flex w-full items-center justify-between space-x-2 text-sm font-medium uppercase", children: [jsx("p", { className: "text-neutral-400", children: "Finding best route..." }), jsx(SpinnerIcon, { className: "h-5 w-5 text-neutral-200 animate-spin" })] })), route && !routeLoading && numberOfTransactions > 1 && (jsxs("div", { className: "flex w-full items-center justify-center space-x-2 text-sm font-medium uppercase", children: [jsxs("div", { className: cn('relative rounded-full p-[4px]'), children: [jsx(StyledBrandDiv, { className: cn('absolute h-6 w-6 animate-ping rounded-full') }), jsx(FingerPrintIcon, { className: "relative h-6 w-6 text-white" })] }), jsxs("p", { children: [numberOfTransactions, " Signature Required"] })] })), !!routeError && (jsx("div", { className: "flex w-full items-center rounded-md bg-red-50 p-3 text-left text-xs font-medium uppercase text-red-500", children: jsx("p", { className: "flex-1 text-red-500", children: routeError }) })), (destinationChain === null || destinationChain === void 0 ? void 0 : destinationChain.chainID) === 'dydx-mainnet-1' && (jsx("div", { className: "flex w-full items-center rounded-md bg-red-50 p-3 text-left text-xs font-medium uppercase text-red-500", children: jsxs("p", { className: "flex-1 [&_a]:underline text-red-500", children: ["This transaction will let you transfer and stake tokens on dydx, it will not allow you to trade. Follow the", ' ', jsx(AdaptiveLink, { href: "https://dydx.exchange", children: "dydx frontend" }), ' ', "directions to set up a trading account"] }) })), (destinationChain === null || destinationChain === void 0 ? void 0 : destinationChain.chainID.includes('penumbra')) && (jsx("div", { className: "flex w-full items-center rounded-md bg-red-50 p-3 text-left text-xs font-medium uppercase text-red-500", children: jsxs("p", { className: "flex-1 [&_a]:underline text-red-500", children: ["Notice: Skip Go currently only supports depositing assets into Penumbra. To withdraw assets from Penumbra, please use:", ' ', jsx(AdaptiveLink, { href: "https://stake.with.starlingcyber.net/", children: "https://stake.with.starlingcyber.net/" })] }) })), !isWalletConnected && (jsx(StyledBrandDiv, { as: "button", className: cn('w-full rounded-md py-4 font-semibold text-white outline-none transition-[opacity,transform]', 'disabled:cursor-not-allowed disabled:opacity-75', 'enabled:hover:rotate-1 enabled:hover:scale-105'), disabled: !sourceChain, onClick: async () => {
                                         if (sourceChain && !(srcAccount === null || srcAccount === void 0 ? void 0 : srcAccount.isWalletConnected)) {
                                             openWalletModal(sourceChain.chainID);
                                             return;
@@ -5357,7 +5186,7 @@ const defaultTheme = {
     highlightColor: 'rgb(245, 245, 245)',
 };
 
-var css_248z$2 = "/*! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.inset-0{inset:0!important}.inset-y-0{top:0!important}.bottom-0,.inset-y-0{bottom:0!important}.left-0{left:0!important}.left-\\[50\\%\\]{left:50%!important}.right-0{right:0!important}.right-2{right:.5rem!important}.right-4{right:1rem!important}.right-6{right:1.5rem!important}.right-7{right:1.75rem!important}.top-1\\/2{top:50%!important}.top-2{top:.5rem!important}.top-5{top:1.25rem!important}.top-\\[18px\\]{top:18px!important}.top-\\[50\\%\\]{top:50%!important}.isolate{isolation:isolate!important}.z-10{z-index:10!important}.z-20{z-index:20!important}.col-span-1{grid-column:span 1/span 1!important}.col-span-2{grid-column:span 2/span 2!important}.-mx-4{margin-left:-1rem!important;margin-right:-1rem!important}.mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-\\[6px\\]{margin-left:6px!important;margin-right:6px!important}.-mt-1{margin-top:-.25rem!important}.-mt-\\[15px\\]{margin-top:-15px!important}.-mt-\\[5px\\]{margin-top:-5px!important}.mb-2{margin-bottom:.5rem!important}.mb-4{margin-bottom:1rem!important}.ml-1{margin-left:.25rem!important}.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}.mt-0{margin-top:0!important}.mt-0\\.5{margin-top:.125rem!important}.mt-2{margin-top:.5rem!important}.mt-4{margin-top:1rem!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.grid{display:grid!important}.hidden{display:none!important}.size-4{height:1rem!important;width:1rem!important}.size-6{height:1.5rem!important;width:1.5rem!important}.h-10{height:2.5rem!important}.h-12{height:3rem!important}.h-14{height:3.5rem!important}.h-16{height:4rem!important}.h-24{height:6rem!important}.h-3{height:.75rem!important}.h-4{height:1rem!important}.h-5{height:1.25rem!important}.h-6{height:1.5rem!important}.h-7{height:1.75rem!important}.h-8{height:2rem!important}.h-9{height:2.25rem!important}.h-\\[24px\\]{height:24px!important}.h-\\[48px\\]{height:48px!important}.h-\\[90vh\\]{height:90vh!important}.h-full{height:100%!important}.max-h-\\[820px\\]{max-height:820px!important}.w-1{width:.25rem!important}.w-10{width:2.5rem!important}.w-12{width:3rem!important}.w-14{width:3.5rem!important}.w-16{width:4rem!important}.w-2{width:.5rem!important}.w-24{width:6rem!important}.w-3{width:.75rem!important}.w-4{width:1rem!important}.w-5{width:1.25rem!important}.w-6{width:1.5rem!important}.w-7{width:1.75rem!important}.w-8{width:2rem!important}.w-9{width:2.25rem!important}.w-\\[24px\\]{width:24px!important}.w-\\[48px\\]{width:48px!important}.w-\\[90vw\\]{width:90vw!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.max-w-32{max-width:8rem!important}.max-w-\\[16ch\\]{max-width:16ch!important}.max-w-\\[24ch\\]{max-width:24ch!important}.max-w-\\[450px\\]{max-width:450px!important}.flex-1{flex:1 1 0%!important}.flex-grow{flex-grow:1!important}.-translate-y-1\\/2{--tw-translate-y:-50%!important}.-translate-y-1\\/2,.translate-x-\\[-50\\%\\]{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))!important}.translate-x-\\[-50\\%\\]{--tw-translate-x:-50%!important}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%!important}.rotate-0,.translate-y-\\[-50\\%\\]{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))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-180{--tw-rotate:180deg!important}.rotate-180,.rotate-90{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))!important}.rotate-90{--tw-rotate:90deg!important}@keyframes fade-zoom-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fade-zoom-in{animation:fade-zoom-in .3s cubic-bezier(.16,1,.3,1)!important}@keyframes gradient-y{0%,to{background-position:top bottom;background-size:30% 250%}50%{background-position:50%;background-size:500% 500%}}.animate-gradient-y{animation:gradient-y 2s infinite!important}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite!important}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite!important}@keyframes slide-left-and-fade{0%{opacity:0;transform:translateX(2px)}to{opacity:1;transform:translateX(0)}}.animate-slide-left-and-fade{animation:slide-left-and-fade .3s cubic-bezier(.16,1,.3,1)!important}@keyframes slide-up-and-fade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up-and-fade{animation:slide-up-and-fade .3s cubic-bezier(.16,1,.3,1)!important}.animate-spin{animation:spin 1s linear infinite!important}.cursor-help{cursor:help!important}.touch-none{touch-action:none!important}.select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.grid-flow-col{grid-auto-flow:column!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.flex-row{flex-direction:row!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.items-stretch{align-items:stretch!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-4{gap:1rem!important}.space-x-0>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-left:calc(0px*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(0px*var(--tw-space-x-reverse))!important}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(.25rem*var(--tw-space-x-reverse))!important}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(.5rem*var(--tw-space-x-reverse))!important}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(1rem*var(--tw-space-x-reverse))!important}.space-x-px>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-left:calc(1px*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(1px*var(--tw-space-x-reverse))!important}.space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-bottom:calc(0px*var(--tw-space-y-reverse))!important;margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))!important}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-bottom:calc(.25rem*var(--tw-space-y-reverse))!important;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))!important}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-bottom:calc(.5rem*var(--tw-space-y-reverse))!important;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))!important}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-bottom:calc(1rem*var(--tw-space-y-reverse))!important;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))!important}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))!important;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))!important}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0!important;border-bottom-width:calc(1px*var(--tw-divide-y-reverse))!important;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))!important}.self-end{align-self:flex-end!important}.self-center{align-self:center!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-y-auto{overflow-y:auto!important}.truncate{overflow:hidden!important;text-overflow:ellipsis!important}.truncate,.whitespace-nowrap{white-space:nowrap!important}.whitespace-pre-wrap{white-space:pre-wrap!important}.text-balance{text-wrap:balance!important}.break-all{word-break:break-all!important}.rounded{border-radius:.25rem!important}.rounded-3xl{border-radius:1.5rem!important}.rounded-\\[10px\\]{border-radius:10px!important}.rounded-full{border-radius:9999px!important}.rounded-lg{border-radius:.5rem!important}.rounded-md{border-radius:.375rem!important}.rounded-xl{border-radius:.75rem!important}.border{border-width:1px!important}.border-2{border-width:2px!important}.border-green-400{--tw-border-opacity:1!important;border-color:rgb(74 222 128/var(--tw-border-opacity))!important}.border-neutral-400{--tw-border-opacity:1!important;border-color:rgb(163 163 163/var(--tw-border-opacity))!important}.border-red-400{--tw-border-opacity:1!important;border-color:rgb(248 113 113/var(--tw-border-opacity))!important}.border-red-500{--tw-border-opacity:1!important;border-color:rgb(239 68 68/var(--tw-border-opacity))!important}.border-transparent{border-color:transparent!important}.bg-\\[\\#FF486E\\]{--tw-bg-opacity:1!important;background-color:rgb(255 72 110/var(--tw-bg-opacity))!important}.bg-\\[\\#FF486E\\]\\/10{background-color:rgba(255,72,110,.1)!important}.bg-\\[\\#c2c2c2\\]\\/20{background-color:hsla(0,0%,76%,.2)!important}.bg-\\[\\#fbeef1\\]{--tw-bg-opacity:1!important;background-color:rgb(251 238 241/var(--tw-bg-opacity))!important}.bg-blackA6{background-color:rgba(0,0,0,.4)!important}.bg-blue-50{background-color:rgb(239 246 255/var(--tw-bg-opacity))!important}.bg-blue-50,.bg-green-100{--tw-bg-opacity:1!important}.bg-green-100{background-color:rgb(220 252 231/var(--tw-bg-opacity))!important}.bg-green-200{--tw-bg-opacity:1!important;background-color:rgb(187 247 208/var(--tw-bg-opacity))!important}.bg-green-50{--tw-bg-opacity:1!important;background-color:rgb(240 253 244/var(--tw-bg-opacity))!important}.bg-green-600{--tw-bg-opacity:1!important;background-color:rgb(22 163 74/var(--tw-bg-opacity))!important}.bg-neutral-100{--tw-bg-opacity:1!important;background-color:rgb(245 245 245/var(--tw-bg-opacity))!important}.bg-neutral-200{--tw-bg-opacity:1!important;background-color:rgb(229 229 229/var(--tw-bg-opacity))!important}.bg-neutral-500\\/50{background-color:hsla(0,0%,45%,.5)!important}.bg-red-100{background-color:rgb(254 226 226/var(--tw-bg-opacity))!important}.bg-red-100,.bg-red-50{--tw-bg-opacity:1!important}.bg-red-50{background-color:rgb(254 242 242/var(--tw-bg-opacity))!important}.bg-red-500{background-color:rgb(239 68 68/var(--tw-bg-opacity))!important}.bg-red-500,.bg-red-600{--tw-bg-opacity:1!important}.bg-red-600{background-color:rgb(220 38 38/var(--tw-bg-opacity))!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.bg-white,.bg-yellow-50{--tw-bg-opacity:1!important}.bg-yellow-50{background-color:rgb(254 252 232/var(--tw-bg-opacity))!important}.bg-yellow-600{--tw-bg-opacity:1!important;background-color:rgb(202 138 4/var(--tw-bg-opacity))!important}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))!important}.from-green-600{--tw-gradient-from:#16a34a var(--tw-gradient-from-position)!important;--tw-gradient-to:rgba(22,163,74,0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important}.from-0\\%{--tw-gradient-from-position:0%!important}.via-blue-800{--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),#1e40af var(--tw-gradient-via-position),var(--tw-gradient-to)!important}.via-green-600{--tw-gradient-to:rgba(22,163,74,0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),#16a34a var(--tw-gradient-via-position),var(--tw-gradient-to)!important}.via-20\\%{--tw-gradient-via-position:20%!important}.to-\\[\\#ffdc61\\]{--tw-gradient-to:#ffdc61 var(--tw-gradient-to-position)!important}.to-green-600{--tw-gradient-to:#16a34a var(--tw-gradient-to-position)!important}.to-50\\%{--tw-gradient-to-position:50%!important}.fill-\\[\\#fbeef1\\]{fill:#fbeef1!important}.object-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-cover{-o-object-fit:cover!important;object-fit:cover!important}.p-1{padding:.25rem!important}.p-1\\.5{padding:.375rem!important}.p-2{padding:.5rem!important}.p-3{padding:.75rem!important}.p-4{padding:1rem!important}.p-6{padding:1.5rem!important}.p-\\[4px\\]{padding:4px!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-1\\.5{padding-left:.375rem!important;padding-right:.375rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-2\\.5{padding-left:.625rem!important;padding-right:.625rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-1\\.5{padding-bottom:.375rem!important;padding-top:.375rem!important}.py-16{padding-bottom:4rem!important;padding-top:4rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.py-3{padding-bottom:.75rem!important;padding-top:.75rem!important}.py-4{padding-bottom:1rem!important;padding-top:1rem!important}.py-6{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.py-px{padding-bottom:1px!important;padding-top:1px!important}.pb-0{padding-bottom:0!important}.pb-2{padding-bottom:.5rem!important}.pe-5{padding-inline-end:1.25rem!important}.pr-1{padding-right:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-6{padding-top:1.5rem!important}.pt-8{padding-top:2rem!important}.pt-9{padding-top:2.25rem!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-start{text-align:start!important}.text-end{text-align:end!important}.font-diatype{font-family:ABCDiatype,sans-serif!important}.font-diatypeMono{font-family:ABCDiatypeMono,monospace!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-bold{font-weight:700!important}.font-medium{font-weight:500!important}.font-normal{font-weight:400!important}.font-semibold{font-weight:600!important}.uppercase{text-transform:uppercase!important}.capitalize{text-transform:capitalize!important}.tabular-nums{--tw-numeric-spacing:tabular-nums!important;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)!important}.leading-none{line-height:1!important}.text-\\[\\#909090\\]{--tw-text-opacity:1!important;color:rgb(144 144 144/var(--tw-text-opacity))!important}.text-\\[\\#FF486E\\]{--tw-text-opacity:1!important;color:rgb(255 72 110/var(--tw-text-opacity))!important}.text-black\\/60{color:rgba(0,0,0,.6)!important}.text-blue-500{--tw-text-opacity:1!important;color:rgb(59 130 246/var(--tw-text-opacity))!important}.text-gray-400{--tw-text-opacity:1!important;color:rgb(156 163 175/var(--tw-text-opacity))!important}.text-gray-500{--tw-text-opacity:1!important;color:rgb(107 114 128/var(--tw-text-opacity))!important}.text-green-400{--tw-text-opacity:1!important;color:rgb(74 222 128/var(--tw-text-opacity))!important}.text-green-500{--tw-text-opacity:1!important;color:rgb(34 197 94/var(--tw-text-opacity))!important}.text-green-600{--tw-text-opacity:1!important;color:rgb(22 163 74/var(--tw-text-opacity))!important}.text-green-900{--tw-text-opacity:1!important;color:rgb(20 83 45/var(--tw-text-opacity))!important}.text-neutral-200{--tw-text-opacity:1!important;color:rgb(229 229 229/var(--tw-text-opacity))!important}.text-neutral-300{--tw-text-opacity:1!important;color:rgb(212 212 212/var(--tw-text-opacity))!important}.text-neutral-400{--tw-text-opacity:1!important;color:rgb(163 163 163/var(--tw-text-opacity))!important}.text-neutral-500{--tw-text-opacity:1!important;color:rgb(115 115 115/var(--tw-text-opacity))!important}.text-neutral-600{--tw-text-opacity:1!important;color:rgb(82 82 82/var(--tw-text-opacity))!important}.text-red-400{color:rgb(248 113 113/var(--tw-text-opacity))!important}.text-red-400,.text-red-500{--tw-text-opacity:1!important}.text-red-500{color:rgb(239 68 68/var(--tw-text-opacity))!important}.text-red-600{color:rgb(220 38 38/var(--tw-text-opacity))!important}.text-red-600,.text-white{--tw-text-opacity:1!important}.text-white{color:rgb(255 255 255/var(--tw-text-opacity))!important}.text-yellow-600{--tw-text-opacity:1!important;color:rgb(202 138 4/var(--tw-text-opacity))!important}.underline{text-decoration-line:underline!important}.decoration-neutral-400{text-decoration-color:#a3a3a3!important}.decoration-dotted{text-decoration-style:dotted!important}.underline-offset-4{text-underline-offset:4px!important}.opacity-0{opacity:0!important}.opacity-100{opacity:1!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-60{opacity:.6!important}.opacity-75{opacity:.75!important}.opacity-80{opacity:.8!important}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)!important;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow-\\[hsl\\(206_22\\%_7\\%_\\/_35\\%\\)_0px_10px_38px_-10px\\2c _hsl\\(206_22\\%_7\\%_\\/_20\\%\\)_0px_10px_20px_-15px\\]{--tw-shadow:rgba(14,18,22,.35) 0px 10px 38px -10px,rgba(14,18,22,.2) 0px 10px 20px -15px!important;--tw-shadow-colored:0px 10px 38px -10px var(--tw-shadow-color),0px 10px 20px -15px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow-neutral-500\\/50{--tw-shadow-color:hsla(0,0%,45%,.5)!important;--tw-shadow:var(--tw-shadow-colored)!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))!important}.drop-shadow,.filter{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)!important}.transition{transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition-\\[border\\2c shadow\\]{transition-duration:.15s!important;transition-property:border,shadow!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition-\\[opacity\\2c transform\\]{transition-duration:.15s!important;transition-property:opacity,transform!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition-\\[transform\\2c background\\]{transition-duration:.15s!important;transition-property:transform,background!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition-all{transition-duration:.15s!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition-colors{transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition-opacity{transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition-transform{transition-duration:.15s!important;transition-property:transform!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.duration-500{transition-duration:.5s!important}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)!important}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.duration-500{animation-duration:.5s!important}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)!important}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)!important}.HistoryListTrigger[data-state=open]>.HistoryListTriggerText:before{content:\"Hide Details\"!important}.HistoryListTrigger[data-state=closed]>.HistoryListTriggerText:before{content:\"Show Details\"!important}.number-input-arrows-hide,.number-input-arrows-hide::-webkit-inner-spin-button,.number-input-arrows-hide::-webkit-outer-spin-button{-moz-appearance:textfield!important;-webkit-appearance:none!important;margin:0!important}.scrollbar-hide{-ms-overflow-style:none!important;scrollbar-width:none!important}.scrollbar-hide::-webkit-scrollbar{display:none!important}.placeholder\\:text-neutral-300::-moz-placeholder{--tw-text-opacity:1!important;color:rgb(212 212 212/var(--tw-text-opacity))!important}.placeholder\\:text-neutral-300::placeholder{--tw-text-opacity:1!important;color:rgb(212 212 212/var(--tw-text-opacity))!important}.before\\:absolute:before{content:var(--tw-content)!important;position:absolute!important}.before\\:-inset-2:before{content:var(--tw-content)!important;inset:-.5rem!important}.before\\:inset-0:before{content:var(--tw-content)!important;inset:0!important}.before\\:inset-x-0:before{content:var(--tw-content)!important;left:0!important;right:0!important}.before\\:bottom-0:before{bottom:0!important;content:var(--tw-content)!important}.before\\:left-1\\/2:before{content:var(--tw-content)!important;left:50%!important}.before\\:top-0:before{content:var(--tw-content)!important;top:0!important}.before\\:top-1\\/2:before{content:var(--tw-content)!important;top:50%!important}.before\\:z-10:before{content:var(--tw-content)!important;z-index:10!important}.before\\:h-2:before{content:var(--tw-content)!important;height:.5rem!important}.before\\:w-2:before{content:var(--tw-content)!important;width:.5rem!important}.before\\:-translate-x-1\\/2:before{--tw-translate-x:-50%!important}.before\\:-translate-x-1\\/2:before,.before\\:-translate-y-1\\/2:before{content:var(--tw-content)!important;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))!important}.before\\:-translate-y-1\\/2:before{--tw-translate-y:-50%!important}.before\\:content-\\[\\'\\'\\]:before{--tw-content:\"\"!important;content:var(--tw-content)!important}.after\\:absolute:after{content:var(--tw-content)!important;position:absolute!important}.after\\:inset-x-0:after{content:var(--tw-content)!important;left:0!important;right:0!important}.after\\:bottom-0:after{bottom:0!important;content:var(--tw-content)!important}.after\\:z-10:after{content:var(--tw-content)!important;z-index:10!important}.after\\:h-2:after{content:var(--tw-content)!important;height:.5rem!important}.focus-within\\:border-neutral-300:focus-within{--tw-border-opacity:1!important;border-color:rgb(212 212 212/var(--tw-border-opacity))!important}.focus-within\\:border-red-500:focus-within{--tw-border-opacity:1!important;border-color:rgb(239 68 68/var(--tw-border-opacity))!important}.focus-within\\:shadow-sm:focus-within{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05)!important;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.hover\\:scale-110:hover{--tw-scale-x:1.1!important;--tw-scale-y:1.1!important;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))!important}.hover\\:border-neutral-300:hover{--tw-border-opacity:1!important;border-color:rgb(212 212 212/var(--tw-border-opacity))!important}.hover\\:border-red-500:hover{--tw-border-opacity:1!important;border-color:rgb(239 68 68/var(--tw-border-opacity))!important}.hover\\:bg-green-200:hover{--tw-bg-opacity:1!important;background-color:rgb(187 247 208/var(--tw-bg-opacity))!important}.hover\\:bg-neutral-100:hover{--tw-bg-opacity:1!important;background-color:rgb(245 245 245/var(--tw-bg-opacity))!important}.hover\\:bg-neutral-200:hover{--tw-bg-opacity:1!important;background-color:rgb(229 229 229/var(--tw-bg-opacity))!important}.hover\\:bg-neutral-500:hover{--tw-bg-opacity:1!important;background-color:rgb(115 115 115/var(--tw-bg-opacity))!important}.hover\\:bg-red-600:hover{--tw-bg-opacity:1!important;background-color:rgb(220 38 38/var(--tw-bg-opacity))!important}.hover\\:text-neutral-400:hover{--tw-text-opacity:1!important;color:rgb(163 163 163/var(--tw-text-opacity))!important}.hover\\:underline:hover{text-decoration-line:underline!important}.hover\\:opacity-90:hover{opacity:.9!important}.hover\\:shadow-sm:hover{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05)!important;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.focus\\:outline-none:focus{outline:2px solid transparent!important;outline-offset:2px!important}.focus\\:-outline-offset-2:focus{outline-offset:-2px!important}.enabled\\:hover\\:rotate-1:hover:enabled{--tw-rotate:1deg!important}.enabled\\:hover\\:rotate-1:hover:enabled,.enabled\\:hover\\:rotate-2:hover:enabled{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))!important}.enabled\\:hover\\:rotate-2:hover:enabled{--tw-rotate:2deg!important}.enabled\\:hover\\:rotate-3:hover:enabled{--tw-rotate:3deg!important}.enabled\\:hover\\:rotate-3:hover:enabled,.enabled\\:hover\\:scale-105:hover:enabled{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))!important}.enabled\\:hover\\:scale-105:hover:enabled{--tw-scale-x:1.05!important;--tw-scale-y:1.05!important}.enabled\\:hover\\:scale-110:hover:enabled{--tw-scale-x:1.1!important;--tw-scale-y:1.1!important;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))!important}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed!important}.disabled\\:opacity-50:disabled{opacity:.5!important}.disabled\\:opacity-75:disabled{opacity:.75!important}.disabled\\:hover\\:scale-100:hover:disabled{--tw-scale-x:1!important;--tw-scale-y:1!important;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))!important}.group:hover .group-hover\\:bg-\\[\\#c2c2c2\\]\\/30{background-color:hsla(0,0%,76%,.3)!important}.data-\\[swap\\=true\\]\\:pointer-events-none[data-swap=true]{pointer-events:none!important}.data-\\[state\\=open\\]\\:-mx-1[data-state=open]{margin-left:-.25rem!important;margin-right:-.25rem!important}.data-\\[orientation\\=horizontal\\]\\:h-2[data-orientation=horizontal]{height:.5rem!important}.data-\\[orientation\\=vertical\\]\\:w-2[data-orientation=vertical]{width:.5rem!important}@keyframes accordion-closed{0%{height:var(--radix-accordion-content-height)}to{height:0}}.data-\\[state\\=closed\\]\\:animate-accordion-closed[data-state=closed]{animation:accordion-closed .15s cubic-bezier(.87,0,.13,1)!important}@keyframes collapsible-closed{0%{height:var(--radix-collapsible-content-height)}to{height:0}}.data-\\[state\\=closed\\]\\:animate-collapsible-closed[data-state=closed]{animation:collapsible-closed .15s cubic-bezier(.87,0,.13,1)!important}@keyframes accordion-open{0%{height:0}to{height:var(--radix-accordion-content-height)}}.data-\\[state\\=open\\]\\:animate-accordion-open[data-state=open]{animation:accordion-open .15s cubic-bezier(.87,0,.13,1)!important}@keyframes collapsible-open{0%{height:0}to{height:var(--radix-collapsible-content-height)}}.data-\\[state\\=open\\]\\:animate-collapsible-open[data-state=open]{animation:collapsible-open .15s cubic-bezier(.87,0,.13,1)!important}@keyframes contentShow{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.data-\\[state\\=open\\]\\:animate-contentShow[data-state=open]{animation:contentShow .15s cubic-bezier(.16,1,.3,1)!important}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}.data-\\[state\\=open\\]\\:animate-overlayShow[data-state=open]{animation:overlayShow .15s cubic-bezier(.16,1,.3,1)!important}@keyframes spin{to{transform:rotate(1turn)}}.data-\\[swap\\=true\\]\\:animate-spin-swap[data-swap=true]{animation:spin .5s cubic-bezier(.18,.89,.32,1.27)!important}.data-\\[orientation\\=horizontal\\]\\:flex-col[data-orientation=horizontal]{flex-direction:column!important}.data-\\[state\\=open\\]\\:p-2[data-state=open]{padding:.5rem!important}.data-\\[unsupported\\=true\\]\\:opacity-30[data-unsupported=true]{opacity:.3!important}.data-\\[state\\=open\\]\\:shadow-md[data-state=open]{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)!important;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.data-\\[unsupported\\=true\\]\\:before\\:absolute[data-unsupported=true]:before{content:var(--tw-content)!important;position:absolute!important}.data-\\[unsupported\\=true\\]\\:before\\:inset-0[data-unsupported=true]:before{content:var(--tw-content)!important;inset:0!important}.data-\\[unsupported\\=true\\]\\:before\\:cursor-not-allowed[data-unsupported=true]:before{content:var(--tw-content)!important;cursor:not-allowed!important}.group[data-state=open] .group-data-\\[state\\=open\\]\\:rotate-180{--tw-rotate:180deg!important;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))!important}@media (min-width:640px){.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sm\\:gap-4{gap:1rem!important}.sm\\:py-4{padding-bottom:1rem!important;padding-top:1rem!important}}@media (min-width:1024px){.lg\\:px-8{padding-left:2rem!important;padding-right:2rem!important}}.\\[\\&_a\\:hover\\]\\:underline a:hover{text-decoration-line:underline!important}.\\[\\&_a\\]\\:text-red-500 a{--tw-text-opacity:1!important;color:rgb(239 68 68/var(--tw-text-opacity))!important}.\\[\\&_a\\]\\:underline a{text-decoration-line:underline!important}.\\[\\&_dd\\]\\:text-end dd{text-align:end!important}.\\[\\&_dd\\]\\:tabular-nums dd{--tw-numeric-spacing:tabular-nums!important;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)!important}.\\[\\&_dt\\]\\:text-start dt{text-align:start!important}.\\[\\&_dt\\]\\:text-neutral-400 dt{--tw-text-opacity:1!important;color:rgb(163 163 163/var(--tw-text-opacity))!important}";
+var css_248z$2 = "/*! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.inset-0{inset:0!important}.inset-y-0{top:0!important}.bottom-0,.inset-y-0{bottom:0!important}.left-0{left:0!important}.left-\\[50\\%\\]{left:50%!important}.right-0{right:0!important}.right-2{right:.5rem!important}.right-4{right:1rem!important}.right-6{right:1.5rem!important}.right-7{right:1.75rem!important}.top-1\\/2{top:50%!important}.top-2{top:.5rem!important}.top-5{top:1.25rem!important}.top-\\[18px\\]{top:18px!important}.top-\\[50\\%\\]{top:50%!important}.isolate{isolation:isolate!important}.z-10{z-index:10!important}.z-20{z-index:20!important}.col-span-1{grid-column:span 1/span 1!important}.col-span-2{grid-column:span 2/span 2!important}.-mx-4{margin-left:-1rem!important;margin-right:-1rem!important}.mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-\\[6px\\]{margin-left:6px!important;margin-right:6px!important}.-mt-1{margin-top:-.25rem!important}.-mt-\\[15px\\]{margin-top:-15px!important}.-mt-\\[5px\\]{margin-top:-5px!important}.mb-2{margin-bottom:.5rem!important}.mb-4{margin-bottom:1rem!important}.ml-1{margin-left:.25rem!important}.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}.mt-0{margin-top:0!important}.mt-0\\.5{margin-top:.125rem!important}.mt-2{margin-top:.5rem!important}.mt-4{margin-top:1rem!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.grid{display:grid!important}.hidden{display:none!important}.size-4{height:1rem!important;width:1rem!important}.size-6{height:1.5rem!important;width:1.5rem!important}.h-10{height:2.5rem!important}.h-12{height:3rem!important}.h-14{height:3.5rem!important}.h-16{height:4rem!important}.h-24{height:6rem!important}.h-3{height:.75rem!important}.h-4{height:1rem!important}.h-5{height:1.25rem!important}.h-6{height:1.5rem!important}.h-7{height:1.75rem!important}.h-8{height:2rem!important}.h-9{height:2.25rem!important}.h-\\[24px\\]{height:24px!important}.h-\\[48px\\]{height:48px!important}.h-\\[90vh\\]{height:90vh!important}.h-full{height:100%!important}.max-h-\\[820px\\]{max-height:820px!important}.w-1{width:.25rem!important}.w-10{width:2.5rem!important}.w-12{width:3rem!important}.w-14{width:3.5rem!important}.w-16{width:4rem!important}.w-2{width:.5rem!important}.w-24{width:6rem!important}.w-3{width:.75rem!important}.w-4{width:1rem!important}.w-5{width:1.25rem!important}.w-6{width:1.5rem!important}.w-7{width:1.75rem!important}.w-8{width:2rem!important}.w-9{width:2.25rem!important}.w-\\[24px\\]{width:24px!important}.w-\\[48px\\]{width:48px!important}.w-\\[90vw\\]{width:90vw!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.max-w-32{max-width:8rem!important}.max-w-\\[16ch\\]{max-width:16ch!important}.max-w-\\[24ch\\]{max-width:24ch!important}.max-w-\\[450px\\]{max-width:450px!important}.flex-1{flex:1 1 0%!important}.flex-grow{flex-grow:1!important}.-translate-y-1\\/2{--tw-translate-y:-50%!important}.-translate-y-1\\/2,.translate-x-\\[-50\\%\\]{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))!important}.translate-x-\\[-50\\%\\]{--tw-translate-x:-50%!important}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%!important}.rotate-0,.translate-y-\\[-50\\%\\]{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))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-180{--tw-rotate:180deg!important}.rotate-180,.rotate-90{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))!important}.rotate-90{--tw-rotate:90deg!important}@keyframes fade-zoom-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fade-zoom-in{animation:fade-zoom-in .3s cubic-bezier(.16,1,.3,1)!important}@keyframes gradient-y{0%,to{background-position:top bottom;background-size:30% 250%}50%{background-position:50%;background-size:500% 500%}}.animate-gradient-y{animation:gradient-y 2s infinite!important}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite!important}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite!important}@keyframes slide-left-and-fade{0%{opacity:0;transform:translateX(2px)}to{opacity:1;transform:translateX(0)}}.animate-slide-left-and-fade{animation:slide-left-and-fade .3s cubic-bezier(.16,1,.3,1)!important}@keyframes slide-up-and-fade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up-and-fade{animation:slide-up-and-fade .3s cubic-bezier(.16,1,.3,1)!important}.animate-spin{animation:spin 1s linear infinite!important}.cursor-help{cursor:help!important}.touch-none{touch-action:none!important}.select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.grid-flow-col{grid-auto-flow:column!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.flex-row{flex-direction:row!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.items-stretch{align-items:stretch!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-4{gap:1rem!important}.space-x-0>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-left:calc(0px*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(0px*var(--tw-space-x-reverse))!important}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(.25rem*var(--tw-space-x-reverse))!important}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(.5rem*var(--tw-space-x-reverse))!important}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(1rem*var(--tw-space-x-reverse))!important}.space-x-px>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-left:calc(1px*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(1px*var(--tw-space-x-reverse))!important}.space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-bottom:calc(0px*var(--tw-space-y-reverse))!important;margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))!important}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-bottom:calc(.25rem*var(--tw-space-y-reverse))!important;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))!important}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-bottom:calc(.5rem*var(--tw-space-y-reverse))!important;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))!important}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-bottom:calc(1rem*var(--tw-space-y-reverse))!important;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))!important}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))!important;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))!important}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0!important;border-bottom-width:calc(1px*var(--tw-divide-y-reverse))!important;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))!important}.self-end{align-self:flex-end!important}.self-center{align-self:center!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-y-auto{overflow-y:auto!important}.truncate{overflow:hidden!important;text-overflow:ellipsis!important}.truncate,.whitespace-nowrap{white-space:nowrap!important}.whitespace-pre-wrap{white-space:pre-wrap!important}.text-balance{text-wrap:balance!important}.break-all{word-break:break-all!important}.rounded{border-radius:.25rem!important}.rounded-3xl{border-radius:1.5rem!important}.rounded-\\[10px\\]{border-radius:10px!important}.rounded-full{border-radius:9999px!important}.rounded-lg{border-radius:.5rem!important}.rounded-md{border-radius:.375rem!important}.rounded-xl{border-radius:.75rem!important}.border{border-width:1px!important}.border-2{border-width:2px!important}.border-green-400{--tw-border-opacity:1!important;border-color:rgb(74 222 128/var(--tw-border-opacity))!important}.border-neutral-400{--tw-border-opacity:1!important;border-color:rgb(163 163 163/var(--tw-border-opacity))!important}.border-red-400{--tw-border-opacity:1!important;border-color:rgb(248 113 113/var(--tw-border-opacity))!important}.border-red-500{--tw-border-opacity:1!important;border-color:rgb(239 68 68/var(--tw-border-opacity))!important}.border-transparent{border-color:transparent!important}.bg-\\[\\#FF486E\\]{--tw-bg-opacity:1!important;background-color:rgb(255 72 110/var(--tw-bg-opacity))!important}.bg-\\[\\#FF486E\\]\\/10{background-color:rgba(255,72,110,.1)!important}.bg-\\[\\#c2c2c2\\]\\/20{background-color:hsla(0,0%,76%,.2)!important}.bg-\\[\\#fbeef1\\]{--tw-bg-opacity:1!important;background-color:rgb(251 238 241/var(--tw-bg-opacity))!important}.bg-blackA6{background-color:rgba(0,0,0,.4)!important}.bg-blue-50{background-color:rgb(239 246 255/var(--tw-bg-opacity))!important}.bg-blue-50,.bg-green-100{--tw-bg-opacity:1!important}.bg-green-100{background-color:rgb(220 252 231/var(--tw-bg-opacity))!important}.bg-green-200{--tw-bg-opacity:1!important;background-color:rgb(187 247 208/var(--tw-bg-opacity))!important}.bg-green-50{--tw-bg-opacity:1!important;background-color:rgb(240 253 244/var(--tw-bg-opacity))!important}.bg-green-600{--tw-bg-opacity:1!important;background-color:rgb(22 163 74/var(--tw-bg-opacity))!important}.bg-neutral-100{--tw-bg-opacity:1!important;background-color:rgb(245 245 245/var(--tw-bg-opacity))!important}.bg-neutral-200{--tw-bg-opacity:1!important;background-color:rgb(229 229 229/var(--tw-bg-opacity))!important}.bg-neutral-500\\/50{background-color:hsla(0,0%,45%,.5)!important}.bg-red-100{background-color:rgb(254 226 226/var(--tw-bg-opacity))!important}.bg-red-100,.bg-red-50{--tw-bg-opacity:1!important}.bg-red-50{background-color:rgb(254 242 242/var(--tw-bg-opacity))!important}.bg-red-500{background-color:rgb(239 68 68/var(--tw-bg-opacity))!important}.bg-red-500,.bg-red-600{--tw-bg-opacity:1!important}.bg-red-600{background-color:rgb(220 38 38/var(--tw-bg-opacity))!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.bg-white,.bg-yellow-50{--tw-bg-opacity:1!important}.bg-yellow-50{background-color:rgb(254 252 232/var(--tw-bg-opacity))!important}.bg-yellow-600{--tw-bg-opacity:1!important;background-color:rgb(202 138 4/var(--tw-bg-opacity))!important}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))!important}.from-green-600{--tw-gradient-from:#16a34a var(--tw-gradient-from-position)!important;--tw-gradient-to:rgba(22,163,74,0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important}.from-0\\%{--tw-gradient-from-position:0%!important}.via-blue-800{--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),#1e40af var(--tw-gradient-via-position),var(--tw-gradient-to)!important}.via-green-600{--tw-gradient-to:rgba(22,163,74,0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),#16a34a var(--tw-gradient-via-position),var(--tw-gradient-to)!important}.via-20\\%{--tw-gradient-via-position:20%!important}.to-\\[\\#ffdc61\\]{--tw-gradient-to:#ffdc61 var(--tw-gradient-to-position)!important}.to-green-600{--tw-gradient-to:#16a34a var(--tw-gradient-to-position)!important}.to-50\\%{--tw-gradient-to-position:50%!important}.fill-\\[\\#fbeef1\\]{fill:#fbeef1!important}.object-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-cover{-o-object-fit:cover!important;object-fit:cover!important}.p-1{padding:.25rem!important}.p-1\\.5{padding:.375rem!important}.p-2{padding:.5rem!important}.p-3{padding:.75rem!important}.p-4{padding:1rem!important}.p-6{padding:1.5rem!important}.p-\\[4px\\]{padding:4px!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-1\\.5{padding-left:.375rem!important;padding-right:.375rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-2\\.5{padding-left:.625rem!important;padding-right:.625rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-1\\.5{padding-bottom:.375rem!important;padding-top:.375rem!important}.py-16{padding-bottom:4rem!important;padding-top:4rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.py-3{padding-bottom:.75rem!important;padding-top:.75rem!important}.py-4{padding-bottom:1rem!important;padding-top:1rem!important}.py-6{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.py-px{padding-bottom:1px!important;padding-top:1px!important}.pb-0{padding-bottom:0!important}.pb-2{padding-bottom:.5rem!important}.pe-5{padding-inline-end:1.25rem!important}.pr-1{padding-right:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-6{padding-top:1.5rem!important}.pt-8{padding-top:2rem!important}.pt-9{padding-top:2.25rem!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-start{text-align:start!important}.text-end{text-align:end!important}.font-diatype{font-family:ABCDiatype,sans-serif!important}.font-diatypeMono{font-family:ABCDiatypeMono,monospace!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-bold{font-weight:700!important}.font-medium{font-weight:500!important}.font-normal{font-weight:400!important}.font-semibold{font-weight:600!important}.uppercase{text-transform:uppercase!important}.capitalize{text-transform:capitalize!important}.tabular-nums{--tw-numeric-spacing:tabular-nums!important;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)!important}.leading-none{line-height:1!important}.text-\\[\\#909090\\]{--tw-text-opacity:1!important;color:rgb(144 144 144/var(--tw-text-opacity))!important}.text-\\[\\#FF486E\\]{--tw-text-opacity:1!important;color:rgb(255 72 110/var(--tw-text-opacity))!important}.text-black\\/60{color:rgba(0,0,0,.6)!important}.text-blue-500{--tw-text-opacity:1!important;color:rgb(59 130 246/var(--tw-text-opacity))!important}.text-gray-400{--tw-text-opacity:1!important;color:rgb(156 163 175/var(--tw-text-opacity))!important}.text-gray-500{--tw-text-opacity:1!important;color:rgb(107 114 128/var(--tw-text-opacity))!important}.text-green-400{--tw-text-opacity:1!important;color:rgb(74 222 128/var(--tw-text-opacity))!important}.text-green-500{--tw-text-opacity:1!important;color:rgb(34 197 94/var(--tw-text-opacity))!important}.text-green-600{--tw-text-opacity:1!important;color:rgb(22 163 74/var(--tw-text-opacity))!important}.text-green-900{--tw-text-opacity:1!important;color:rgb(20 83 45/var(--tw-text-opacity))!important}.text-neutral-200{--tw-text-opacity:1!important;color:rgb(229 229 229/var(--tw-text-opacity))!important}.text-neutral-300{--tw-text-opacity:1!important;color:rgb(212 212 212/var(--tw-text-opacity))!important}.text-neutral-400{--tw-text-opacity:1!important;color:rgb(163 163 163/var(--tw-text-opacity))!important}.text-neutral-500{--tw-text-opacity:1!important;color:rgb(115 115 115/var(--tw-text-opacity))!important}.text-neutral-600{--tw-text-opacity:1!important;color:rgb(82 82 82/var(--tw-text-opacity))!important}.text-red-400{color:rgb(248 113 113/var(--tw-text-opacity))!important}.text-red-400,.text-red-500{--tw-text-opacity:1!important}.text-red-500{color:rgb(239 68 68/var(--tw-text-opacity))!important}.text-red-600{color:rgb(220 38 38/var(--tw-text-opacity))!important}.text-red-600,.text-white{--tw-text-opacity:1!important}.text-white{color:rgb(255 255 255/var(--tw-text-opacity))!important}.text-yellow-600{--tw-text-opacity:1!important;color:rgb(202 138 4/var(--tw-text-opacity))!important}.underline{text-decoration-line:underline!important}.decoration-neutral-400{text-decoration-color:#a3a3a3!important}.decoration-dotted{text-decoration-style:dotted!important}.underline-offset-4{text-underline-offset:4px!important}.opacity-0{opacity:0!important}.opacity-100{opacity:1!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-60{opacity:.6!important}.opacity-75{opacity:.75!important}.opacity-80{opacity:.8!important}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)!important;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow-\\[hsl\\(206_22\\%_7\\%_\\/_35\\%\\)_0px_10px_38px_-10px\\2c _hsl\\(206_22\\%_7\\%_\\/_20\\%\\)_0px_10px_20px_-15px\\]{--tw-shadow:rgba(14,18,22,.35) 0px 10px 38px -10px,rgba(14,18,22,.2) 0px 10px 20px -15px!important;--tw-shadow-colored:0px 10px 38px -10px var(--tw-shadow-color),0px 10px 20px -15px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow-neutral-500\\/50{--tw-shadow-color:hsla(0,0%,45%,.5)!important;--tw-shadow:var(--tw-shadow-colored)!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))!important}.drop-shadow,.filter{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)!important}.transition{transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition-\\[border\\2c shadow\\]{transition-duration:.15s!important;transition-property:border,shadow!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition-\\[opacity\\2c transform\\]{transition-duration:.15s!important;transition-property:opacity,transform!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition-\\[transform\\2c background\\]{transition-duration:.15s!important;transition-property:transform,background!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition-all{transition-duration:.15s!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition-colors{transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition-opacity{transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition-transform{transition-duration:.15s!important;transition-property:transform!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.duration-500{transition-duration:.5s!important}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)!important}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.duration-500{animation-duration:.5s!important}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)!important}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)!important}.HistoryListTrigger[data-state=open]>.HistoryListTriggerText:before{content:\"Hide Details\"!important}.HistoryListTrigger[data-state=closed]>.HistoryListTriggerText:before{content:\"Show Details\"!important}.number-input-arrows-hide,.number-input-arrows-hide::-webkit-inner-spin-button,.number-input-arrows-hide::-webkit-outer-spin-button{-moz-appearance:textfield!important;-webkit-appearance:none!important;margin:0!important}.scrollbar-hide{-ms-overflow-style:none!important;scrollbar-width:none!important}.scrollbar-hide::-webkit-scrollbar{display:none!important}.placeholder\\:text-neutral-300::-moz-placeholder{--tw-text-opacity:1!important;color:rgb(212 212 212/var(--tw-text-opacity))!important}.placeholder\\:text-neutral-300::placeholder{--tw-text-opacity:1!important;color:rgb(212 212 212/var(--tw-text-opacity))!important}.before\\:absolute:before{content:var(--tw-content)!important;position:absolute!important}.before\\:-inset-2:before{content:var(--tw-content)!important;inset:-.5rem!important}.before\\:inset-0:before{content:var(--tw-content)!important;inset:0!important}.before\\:inset-x-0:before{content:var(--tw-content)!important;left:0!important;right:0!important}.before\\:bottom-0:before{bottom:0!important;content:var(--tw-content)!important}.before\\:left-1\\/2:before{content:var(--tw-content)!important;left:50%!important}.before\\:top-0:before{content:var(--tw-content)!important;top:0!important}.before\\:top-1\\/2:before{content:var(--tw-content)!important;top:50%!important}.before\\:z-10:before{content:var(--tw-content)!important;z-index:10!important}.before\\:h-2:before{content:var(--tw-content)!important;height:.5rem!important}.before\\:w-2:before{content:var(--tw-content)!important;width:.5rem!important}.before\\:-translate-x-1\\/2:before{--tw-translate-x:-50%!important}.before\\:-translate-x-1\\/2:before,.before\\:-translate-y-1\\/2:before{content:var(--tw-content)!important;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))!important}.before\\:-translate-y-1\\/2:before{--tw-translate-y:-50%!important}.before\\:content-\\[\\'\\'\\]:before{--tw-content:\"\"!important;content:var(--tw-content)!important}.after\\:absolute:after{content:var(--tw-content)!important;position:absolute!important}.after\\:inset-x-0:after{content:var(--tw-content)!important;left:0!important;right:0!important}.after\\:bottom-0:after{bottom:0!important;content:var(--tw-content)!important}.after\\:z-10:after{content:var(--tw-content)!important;z-index:10!important}.after\\:h-2:after{content:var(--tw-content)!important;height:.5rem!important}.focus-within\\:border-neutral-300:focus-within{--tw-border-opacity:1!important;border-color:rgb(212 212 212/var(--tw-border-opacity))!important}.focus-within\\:border-red-500:focus-within{--tw-border-opacity:1!important;border-color:rgb(239 68 68/var(--tw-border-opacity))!important}.focus-within\\:shadow-sm:focus-within{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05)!important;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.hover\\:scale-110:hover{--tw-scale-x:1.1!important;--tw-scale-y:1.1!important;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))!important}.hover\\:border-neutral-300:hover{--tw-border-opacity:1!important;border-color:rgb(212 212 212/var(--tw-border-opacity))!important}.hover\\:border-red-500:hover{--tw-border-opacity:1!important;border-color:rgb(239 68 68/var(--tw-border-opacity))!important}.hover\\:bg-green-200:hover{--tw-bg-opacity:1!important;background-color:rgb(187 247 208/var(--tw-bg-opacity))!important}.hover\\:bg-neutral-200:hover{--tw-bg-opacity:1!important;background-color:rgb(229 229 229/var(--tw-bg-opacity))!important}.hover\\:bg-neutral-500:hover{--tw-bg-opacity:1!important;background-color:rgb(115 115 115/var(--tw-bg-opacity))!important}.hover\\:bg-red-600:hover{--tw-bg-opacity:1!important;background-color:rgb(220 38 38/var(--tw-bg-opacity))!important}.hover\\:text-neutral-400:hover{--tw-text-opacity:1!important;color:rgb(163 163 163/var(--tw-text-opacity))!important}.hover\\:underline:hover{text-decoration-line:underline!important}.hover\\:opacity-90:hover{opacity:.9!important}.hover\\:shadow-sm:hover{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05)!important;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.focus\\:outline-none:focus{outline:2px solid transparent!important;outline-offset:2px!important}.focus\\:-outline-offset-2:focus{outline-offset:-2px!important}.enabled\\:hover\\:rotate-1:hover:enabled{--tw-rotate:1deg!important}.enabled\\:hover\\:rotate-1:hover:enabled,.enabled\\:hover\\:rotate-2:hover:enabled{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))!important}.enabled\\:hover\\:rotate-2:hover:enabled{--tw-rotate:2deg!important}.enabled\\:hover\\:rotate-3:hover:enabled{--tw-rotate:3deg!important}.enabled\\:hover\\:rotate-3:hover:enabled,.enabled\\:hover\\:scale-105:hover:enabled{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))!important}.enabled\\:hover\\:scale-105:hover:enabled{--tw-scale-x:1.05!important;--tw-scale-y:1.05!important}.enabled\\:hover\\:scale-110:hover:enabled{--tw-scale-x:1.1!important;--tw-scale-y:1.1!important;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))!important}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed!important}.disabled\\:opacity-50:disabled{opacity:.5!important}.disabled\\:opacity-75:disabled{opacity:.75!important}.disabled\\:hover\\:scale-100:hover:disabled{--tw-scale-x:1!important;--tw-scale-y:1!important;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))!important}.group:hover .group-hover\\:bg-\\[\\#c2c2c2\\]\\/30{background-color:hsla(0,0%,76%,.3)!important}.data-\\[swap\\=true\\]\\:pointer-events-none[data-swap=true]{pointer-events:none!important}.data-\\[state\\=open\\]\\:-mx-1[data-state=open]{margin-left:-.25rem!important;margin-right:-.25rem!important}.data-\\[orientation\\=horizontal\\]\\:h-2[data-orientation=horizontal]{height:.5rem!important}.data-\\[orientation\\=vertical\\]\\:w-2[data-orientation=vertical]{width:.5rem!important}@keyframes accordion-closed{0%{height:var(--radix-accordion-content-height)}to{height:0}}.data-\\[state\\=closed\\]\\:animate-accordion-closed[data-state=closed]{animation:accordion-closed .15s cubic-bezier(.87,0,.13,1)!important}@keyframes collapsible-closed{0%{height:var(--radix-collapsible-content-height)}to{height:0}}.data-\\[state\\=closed\\]\\:animate-collapsible-closed[data-state=closed]{animation:collapsible-closed .15s cubic-bezier(.87,0,.13,1)!important}@keyframes accordion-open{0%{height:0}to{height:var(--radix-accordion-content-height)}}.data-\\[state\\=open\\]\\:animate-accordion-open[data-state=open]{animation:accordion-open .15s cubic-bezier(.87,0,.13,1)!important}@keyframes collapsible-open{0%{height:0}to{height:var(--radix-collapsible-content-height)}}.data-\\[state\\=open\\]\\:animate-collapsible-open[data-state=open]{animation:collapsible-open .15s cubic-bezier(.87,0,.13,1)!important}@keyframes contentShow{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.data-\\[state\\=open\\]\\:animate-contentShow[data-state=open]{animation:contentShow .15s cubic-bezier(.16,1,.3,1)!important}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}.data-\\[state\\=open\\]\\:animate-overlayShow[data-state=open]{animation:overlayShow .15s cubic-bezier(.16,1,.3,1)!important}@keyframes spin{to{transform:rotate(1turn)}}.data-\\[swap\\=true\\]\\:animate-spin-swap[data-swap=true]{animation:spin .5s cubic-bezier(.18,.89,.32,1.27)!important}.data-\\[orientation\\=horizontal\\]\\:flex-col[data-orientation=horizontal]{flex-direction:column!important}.data-\\[state\\=open\\]\\:p-2[data-state=open]{padding:.5rem!important}.data-\\[unsupported\\=true\\]\\:opacity-30[data-unsupported=true]{opacity:.3!important}.data-\\[state\\=open\\]\\:shadow-md[data-state=open]{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)!important;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.data-\\[unsupported\\=true\\]\\:before\\:absolute[data-unsupported=true]:before{content:var(--tw-content)!important;position:absolute!important}.data-\\[unsupported\\=true\\]\\:before\\:inset-0[data-unsupported=true]:before{content:var(--tw-content)!important;inset:0!important}.data-\\[unsupported\\=true\\]\\:before\\:cursor-not-allowed[data-unsupported=true]:before{content:var(--tw-content)!important;cursor:not-allowed!important}.group[data-state=open] .group-data-\\[state\\=open\\]\\:rotate-180{--tw-rotate:180deg!important;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))!important}@media (min-width:640px){.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sm\\:gap-4{gap:1rem!important}.sm\\:py-4{padding-bottom:1rem!important;padding-top:1rem!important}}@media (min-width:1024px){.lg\\:px-8{padding-left:2rem!important;padding-right:2rem!important}}.\\[\\&_a\\:hover\\]\\:underline a:hover{text-decoration-line:underline!important}.\\[\\&_a\\]\\:text-red-500 a{--tw-text-opacity:1!important;color:rgb(239 68 68/var(--tw-text-opacity))!important}.\\[\\&_a\\]\\:underline a{text-decoration-line:underline!important}.\\[\\&_dd\\]\\:text-end dd{text-align:end!important}.\\[\\&_dd\\]\\:tabular-nums dd{--tw-numeric-spacing:tabular-nums!important;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)!important}.\\[\\&_dt\\]\\:text-start dt{text-align:start!important}.\\[\\&_dt\\]\\:text-neutral-400 dt{--tw-text-opacity:1!important;color:rgb(163 163 163/var(--tw-text-opacity))!important}";
 
 var css_248z$1 = "@keyframes go2264125279{0%{opacity:0;transform:scale(0) rotate(45deg)}to{opacity:1;transform:scale(1) rotate(45deg)}}@keyframes go3020080000{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes go463499852{0%{opacity:0;transform:scale(0) rotate(90deg)}to{opacity:1;transform:scale(1) rotate(90deg)}}@keyframes go1268368563{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes go1310225428{0%{opacity:0;transform:scale(0) rotate(45deg)}to{opacity:1;transform:scale(1) rotate(45deg)}}@keyframes go651618207{0%{height:0;opacity:0;width:0}40%{height:0;opacity:1;width:6px}to{height:10px;opacity:1}}@keyframes go901347462{0%{opacity:.4;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.go4109123758{z-index:9999}.go4109123758>*{pointer-events:auto}.go2072408551{background:#fff;border-radius:8px;box-shadow:0 3px 10px rgba(0,0,0,.1),0 3px 3px rgba(0,0,0,.05);color:#363636;line-height:1.3;max-width:350px;padding:8px 10px;pointer-events:auto;will-change:transform}.go2072408551,.go685806154{align-items:center;display:flex}.go685806154{justify-content:center;min-height:20px;min-width:20px;position:relative}.go1858758034{animation:go1268368563 1s linear infinite;border:2px solid #e0e0e0;border-radius:100%;border-right-color:#616161;box-sizing:border-box;height:12px;width:12px}.go1579819456{position:absolute}.go2344853693{animation:go1310225428 .3s cubic-bezier(.175,.885,.32,1.275) forwards;animation-delay:.1s;background:#61d345;border-radius:10px;height:20px;opacity:0;position:relative;transform:rotate(45deg);width:20px}.go2344853693:after{animation:go651618207 .2s ease-out forwards;animation-delay:.2s;border-bottom:2px solid #fff;border-left-color:#fff;border-right:2px solid #fff;border-top-color:#fff;bottom:6px;box-sizing:border-box;content:\"\";height:10px;left:6px;opacity:0;position:absolute;width:6px}.go3958317564{color:inherit;display:flex;flex:1 1 auto;justify-content:center;margin:4px 10px;white-space:pre-line}@keyframes go3223188581{0%{opacity:.5;transform:translate3d(0,-200%,0) scale(.6)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes go502128938{0%{opacity:1;transform:translateZ(-1px) scale(1)}to{opacity:0;transform:translate3d(0,-150%,-1px) scale(.6)}}.go2534082608{animation:go2264125279 .3s cubic-bezier(.175,.885,.32,1.275) forwards;animation-delay:.1s;background:#ff4b4b;border-radius:10px;height:20px;opacity:0;position:relative;transform:rotate(45deg);width:20px}.go2534082608:after,.go2534082608:before{animation:go3020080000 .15s ease-out forwards;animation-delay:.15s;background:#fff;border-radius:3px;bottom:9px;content:\"\";height:2px;left:4px;opacity:0;position:absolute;width:12px}.go2534082608:before{animation:go463499852 .15s ease-out forwards;animation-delay:.18s;transform:rotate(90deg)}";