@reef-chain/react-lib 2.6.5 → 3.0.1

package/dist/components/AccountSelector/AccountInlineInfo.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface AccountInlineInfo {
     name: string;
     address: string;

package/dist/components/AccountSelector/AccountSelector.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./AccountSelector.css";
 import { AccountCreationData, Extension } from "@reef-chain/ui-kit/dist/ui-kit/components/organisms/AccountSelector/AccountSelector";
 import { ReefSigner } from "../../state";

package/dist/components/AddLiquidity/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ReefSigner, Token } from '../../state';
 import { AddLiquidityComponentActions, AddLiquidityState } from '../../store';
 interface AddLiquidityComponent {

package/dist/components/EvmBind/EvmBindComponent.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ReefSigner } from '../../state';
 import { TxStatusHandler } from '../../utils';
 import './bind.css';

package/dist/components/OverlayAction/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import './overlay-action.css';
-interface OverlayAction {
+interface OverlayAction extends React.PropsWithChildren<{}> {
     isOpen: boolean;
     onClose?: () => any;
     onOpened?: () => any;

package/dist/components/Overlays/OverlayNFT.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './overlay.css';
 interface OverlayNFT {
     nftName?: string;

package/dist/components/Overlays/OverlaySendNft.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './overlay.css';
 interface OverlaySendNFT {
     nftName?: string;

package/dist/components/Overlays/OverlaySwap.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { network as libNet } from '@reef-chain/util-lib';
 import './overlay.css';
 import { Notify, PoolWithReserves, ReefSigner, Token, TokenPrices } from '../../state';

package/dist/components/PoolActions/ConfirmPopups/Address.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './confirm-popup.css';
 export interface Props {
     address: string;

package/dist/components/PoolActions/ConfirmPopups/Bond.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './confirm-popup.css';
 export interface Props {
     isOpen: boolean;

package/dist/components/PoolActions/ConfirmPopups/Provide.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TokenWithAmount } from '../../../state';
 import './confirm-popup.css';
 export interface Props {

package/dist/components/PoolActions/ConfirmPopups/Send.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TokenWithAmount } from '../../../state';
 import './confirm-popup.css';
 export interface SendPopup {

package/dist/components/PoolActions/ConfirmPopups/SummaryItem.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface Props {
     label?: string;
     value?: string | number;

package/dist/components/PoolActions/ConfirmPopups/Token.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './confirm-popup.css';
 export interface Props {
     image?: string;

package/dist/components/PoolActions/ConfirmPopups/Trade.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TokenWithAmount } from '../../../state';
 import './confirm-popup.css';
 export interface TradePopup {

package/dist/components/PoolActions/ConfirmPopups/Withdraw.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Pool } from '../../../state';
 import './confirm-popup.css';
 export interface Props {

package/dist/components/PoolActions/Finalizing.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import './finalizing.css';
 export declare const Finalizing: () => JSX.Element;

package/dist/components/PoolActions/Provide.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { AddLiquidityState } from '../../store';
 import { SelectToken } from './TokenField';
 import { Token } from '../../state';

package/dist/components/PoolActions/TokenDropdown.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Token, TokenWithAmount } from '../../state';
 import './token-field.css';
 interface TokenDropdown {

package/dist/components/PoolActions/TokenField.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Token, TokenWithAmount } from '../../state';
 import './token-field.css';
 export type SelectToken = (token: Token) => void;

package/dist/components/PoolActions/Trade.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SwapState } from '../../store';
 import { SelectToken } from './TokenField';
 import { LastPoolReserves, Token } from '../../state';

package/dist/components/PoolActions/UsdAmountField.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Token } from '../../state';
 import './token-field.css';
 export type SelectToken = (token: Token) => void;

package/dist/components/PoolActions/Withdraw.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { RemoveLiquidityState } from '../../store';
 interface WithdrawActions {
     onRemoveLiquidity: () => Promise<void>;

package/dist/components/RemoveLiquidity/RemoveConfirmationModal.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Pool } from '../../state';
 interface RemoveConfirmationModal {
     id: string;

package/dist/components/RemoveLiquidity/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { RemoveLiquidityComponentActions, RemoveLiquidityState } from '../../store';
 interface RemoveLiquidityComponent {
     state: RemoveLiquidityState;

package/dist/components/SelectToken/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ReefSigner, Token } from '../../state';
 interface SelectToken {
     id: string;

package/dist/components/SwapComponent/SwapConfirmationModal.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TokenWithAmount } from '../../state';
 interface SwapConfirmationModal {
     id?: string;

package/dist/components/SwapComponent/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ReefSigner, Token } from '../../state';
 import { SwapComponentActions } from '../../store/actions/swap';
 import { SwapState } from '../../store/reducers/swap';

package/dist/components/TokenFields/TokenAmountField.d.ts

@@ -1,6 +1,6 @@
-import { ReactElement } from 'react';
+import React, { ReactElement } from 'react';
 import { ReefSigner, Token, TokenWithAmount } from '../../state';
-interface TokenAmountFieldProps {
+interface TokenAmountFieldProps extends React.PropsWithChildren<{}> {
     id?: string;
     tokens: Token[];
     placeholder?: string;

package/dist/components/TokenFields/TokenAmountView.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface TokenAmountView {
     name: string;
     amount: string;

package/dist/components/Transfer/Send.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Provider } from "@reef-chain/evm-provider";
 import { NotifyFun, ReefSigner, Token } from "../../state";
 import "../PoolActions/pool-actions.css";

package/dist/components/Transfer/SendConfirmationModal.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TokenWithAmount } from '../../state';
 interface SendConfirmationModal {
     id: string;

package/dist/components/Transfer/TransferComponent.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Provider } from '@reef-chain/evm-provider';
 import { ReefSigner, Token, TokenWithAmount } from '../../state';
 import { TxStatusHandler } from '../../utils/transactionUtil';

package/dist/components/WalletSelector/WalletSelector.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Extension } from "@reef-chain/ui-kit/dist/ui-kit/components/organisms/AccountSelector/AccountSelector";
 import "./WalletSelector.css";
 export declare const walletSelectorOptions: Record<string, Extension>;

package/dist/components/common/Alert/index.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const DangerAlert: React.FC<unknown>;
+export declare const DangerAlert: React.FC<React.PropsWithChildren<{}>>;

package/dist/components/common/Button/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface ButtonProps {
+interface ButtonProps extends React.PropsWithChildren<{}> {
     onClick?: () => void;
     disabled?: boolean;
     className?: string;
@@ -7,18 +7,18 @@ interface ButtonProps {
 export declare const Button: React.FC<ButtonProps>;
 export declare const EmptyButton: React.FC<ButtonProps>;
 export declare const BackButton: ({ onClick }: ButtonProps) => JSX.Element;
-interface SwitchTokenButton {
+interface SwitchTokenButton extends React.PropsWithChildren<{}> {
     addIcon?: boolean;
     disabled?: boolean;
     onClick?: () => void;
 }
-interface IconButton {
+interface IconButton extends React.PropsWithChildren<{}> {
     onClick?: () => void;
 }
 export declare const SwitchTokenButton: ({ addIcon, disabled, onClick, }: SwitchTokenButton) => JSX.Element;
 export declare const IconButton: React.FC<IconButton>;
-export declare const ButtonGroup: React.FC<unknown>;
-interface PercentageButton {
+export declare const ButtonGroup: React.FC<React.PropsWithChildren<{}>>;
+interface PercentageButton extends React.PropsWithChildren<{}> {
     percentage?: number;
     onClick?: () => void;
 }

package/dist/components/common/Card/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-export declare const Card: React.FC;
-export declare const CardHeader: React.FC<unknown>;
+export declare const Card: React.FC<React.PropsWithChildren<{}>>;
+export declare const CardHeader: React.FC<React.PropsWithChildren<{}>>;
 export declare const CardHeaderBlank: () => JSX.Element;
 interface Title {
     title: string;
@@ -15,5 +15,5 @@ interface ErrorCardProps {
     message: string;
 }
 export declare const ErrorCard: ({ title, message }: ErrorCardProps) => JSX.Element;
-export declare const SubCard: React.FC<unknown>;
+export declare const SubCard: React.FC<React.PropsWithChildren<{}>>;
 export {};

package/dist/components/common/Display/index.d.ts

@@ -1,22 +1,22 @@
 import React from 'react';
-interface FlexRow {
+interface FlexRow extends React.PropsWithChildren<{}> {
     className?: string;
     children?: any;
 }
 export declare const FlexRow: React.FC<FlexRow>;
-export declare const FullRow: React.FC<unknown>;
-export declare const FlexColumn: React.FC<unknown>;
-export declare const FullColumn: React.FC<unknown>;
-export declare const CenterRow: React.FC<unknown>;
-export declare const CenterColumn: React.FC<unknown>;
-export declare const ContentCenter: React.FC<unknown>;
-export declare const ContentBetween: React.FC<unknown>;
-export declare const ContentEnd: React.FC<unknown>;
-interface Width {
+export declare const FullRow: React.FC<React.PropsWithChildren<{}>>;
+export declare const FlexColumn: React.FC<React.PropsWithChildren<{}>>;
+export declare const FullColumn: React.FC<React.PropsWithChildren<{}>>;
+export declare const CenterRow: React.FC<React.PropsWithChildren<{}>>;
+export declare const CenterColumn: React.FC<React.PropsWithChildren<{}>>;
+export declare const ContentCenter: React.FC<React.PropsWithChildren<{}>>;
+export declare const ContentBetween: React.FC<React.PropsWithChildren<{}>>;
+export declare const ContentEnd: React.FC<React.PropsWithChildren<{}>>;
+interface Width extends React.PropsWithChildren<{}> {
     size: number;
 }
 export declare const Width: React.FC<Width>;
-interface Size {
+interface Size extends React.PropsWithChildren<{}> {
     size?: '1' | '2' | '3' | '4' | '5' | '6' | 'auto';
 }
 export declare const Margin: React.FC<Size>;
@@ -31,5 +31,5 @@ export declare const PE: React.FC<Size>;
 export declare const PB: React.FC<Size>;
 export declare const PS: React.FC<Size>;
 export declare const Border: React.FC<Size>;
-export declare const ComponentCenter: React.FC<unknown>;
+export declare const ComponentCenter: React.FC<React.PropsWithChildren<{}>>;
 export {};

package/dist/components/common/Dropdown/index.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-interface Dropdown {
+interface Dropdown extends React.PropsWithChildren<{}> {
     id?: string;
 }
-export declare const Dropdown: React.FC<unknown>;
+export declare const Dropdown: React.FC<React.PropsWithChildren<{}>>;
 export declare const DropdownButton: React.FC<Dropdown>;
 interface DropdownMenu extends Dropdown {
     size?: string;

package/dist/components/common/Icons/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface BaseIcon {
+interface BaseIcon extends React.PropsWithChildren<{}> {
     small?: boolean;
 }
 interface Icon extends BaseIcon {

package/dist/components/common/Input/index.d.ts

@@ -22,8 +22,8 @@ export interface InputAmountValidity {
     errorMessage?: string;
 }
 export declare const InputAmount: ({ amount, onAmountChange, min, max, placeholder, disabled, onValidityChange, }: InputAmount) => JSX.Element;
-export declare const InputGroup: React.FC<unknown>;
-export declare const InputTextGroup: React.FC<unknown>;
+export declare const InputGroup: React.FC<React.PropsWithChildren<{}>>;
+export declare const InputTextGroup: React.FC<React.PropsWithChildren<{}>>;
 interface NumberInput {
     min?: number;
     max?: number;

package/dist/components/common/Label/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare const Label: React.FC<unknown>;
+export declare const Label: React.FC<React.PropsWithChildren<{}>>;
 interface ConfirmLabel {
     title: string;
     value: string;
@@ -7,6 +7,6 @@ interface ConfirmLabel {
     valueSize?: string;
 }
 export declare const ConfirmLabel: ({ title, value, titleSize, valueSize, }: ConfirmLabel) => JSX.Element;
-export declare const FormLabel: React.FC<unknown>;
-export declare const TransactionWarningLabel: React.FC<unknown>;
+export declare const FormLabel: React.FC<React.PropsWithChildren<{}>>;
+export declare const TransactionWarningLabel: React.FC<React.PropsWithChildren<{}>>;
 export {};

package/dist/components/common/List/index.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-interface ListItem {
+interface ListItem extends React.PropsWithChildren<{}> {
     onClick?: () => void;
 }
-export declare const List: React.FC<unknown>;
+export declare const List: React.FC<ListItem>;
 export declare const ListItem: React.FC<ListItem>;
 export declare const ListItemDismissModal: React.FC<ListItem>;
 export declare const ListItemActionModal: React.FC<ListItem>;

package/dist/components/common/Loading/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Loading: () => JSX.Element;
 export declare const LoadingButtonIcon: () => JSX.Element;
 interface LoadingWithText {

package/dist/components/common/Logos/MetaMaskLogo.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface PropsIcon {
     className?: string;
 }

package/dist/components/common/Logos/WalletConnectLogo.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface PropsIcon {
     className?: string;
 }

package/dist/components/common/Modal/index.d.ts

@@ -1,23 +1,23 @@
 import React from 'react';
-interface Modal {
+interface Modal extends React.PropsWithChildren<{}> {
     id?: string;
 }
 export declare const Modal: React.FC<Modal>;
-export declare const ModalHeader: React.FC<unknown>;
-export declare const ModalBody: React.FC<unknown>;
-export declare const ModalFooter: React.FC<unknown>;
-interface ModalClose {
+export declare const ModalHeader: React.FC<React.PropsWithChildren<{}>>;
+export declare const ModalBody: React.FC<React.PropsWithChildren<{}>>;
+export declare const ModalFooter: React.FC<React.PropsWithChildren<{}>>;
+interface ModalClose extends React.PropsWithChildren<{}> {
     onClick?: () => void;
     className?: string;
 }
 export declare const ModalClose: React.FC<ModalClose>;
-interface OpenModalButton {
+interface OpenModalButton extends React.PropsWithChildren<{}> {
     id?: string;
     disabled?: boolean;
     className?: string;
 }
 export declare const OpenModalButton: React.FC<OpenModalButton>;
-interface ConfirmationModal {
+interface ConfirmationModal extends React.PropsWithChildren<{}> {
     id?: string;
     title: string;
     confirmFun: () => void;

package/dist/components/common/Text/index.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { Color } from '../../../state/types';
-export declare const LargeTitle: React.FC<unknown>;
-export declare const Title: React.FC<unknown>;
-export declare const LeadText: React.FC<unknown>;
-interface Text {
+export declare const LargeTitle: React.FC<React.PropsWithChildren<{}>>;
+export declare const Title: React.FC<React.PropsWithChildren<{}>>;
+export declare const LeadText: React.FC<React.PropsWithChildren<{}>>;
+interface Text extends React.PropsWithChildren<{}> {
     size?: number;
     className?: string;
 }
@@ -13,6 +13,6 @@ interface ColorText extends Text {
     color?: Color;
 }
 export declare const ColorText: React.FC<ColorText>;
-export declare const MiniText: React.FC<unknown>;
-export declare const MutedText: React.FC<unknown>;
+export declare const MiniText: React.FC<React.PropsWithChildren<{}>>;
+export declare const MutedText: React.FC<React.PropsWithChildren<{}>>;
 export {};

package/dist/components/common/Tooltip/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface Tooltip {
+interface Tooltip extends React.PropsWithChildren<{}> {
     id?: string;
 }
 export declare const QuestionTooltip: React.FC<Tooltip>;

package/dist/index.css

@@ -1,2 +1,2 @@
-.border-rad{border-radius:13px}.btn:focus{box-shadow:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input{font-family:Inter var,sans-serif}.btn-empty{background-color:inherit;border:none}.btn-select{border-color:#bfbfbf;display:flex;flex-direction:row}.field{background-color:#f7f8fa;border:1px solid #edeef2}.field:hover{border:1px solid #e1e2e8}.field-input,.field-input:focus{background-color:#f7f8fa;border:none;box-shadow:none;outline:none}.btn-field{background-color:#f7f8fa;padding:4px 8px}.btn-content-field{background-color:#fff;margin-bottom:-18px;margin-top:-18px;padding:3px;z-index:5}.hover-border:hover{border:1px solid #46288b}.list-item{list-style:none}.list-group-full{padding-bottom:20px;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2)}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.list-group-item-action:hover{background-color:#5531a9!important;color:#f5f5f5!important}.dropdown-menu{background-color:#edeef2}.dropdown-item{background-color:inherit}.dropdown-item:hover,.dropdown-item:hover .lead-text,.dropdown-item:hover .sub-text{background-color:#46288b;color:#f5f5f5}.title-text{font-size:1.1em}.lead-text{font-size:1em}.sub-text{font-size:.9em}.mini-text{font-size:.7em}.modal-dialog{width:430px}.modal-footer{background-color:#edeef2}.form-control:focus{border-color:#46288b;box-shadow:none}.text-war{color:#cc9c0e!important}input[type=range]::-webkit-slider-thumb{background-color:#46288b}.select-token-icon-size{height:20px;width:20px}.pointer{cursor:pointer}.bg-white,.nav-account{background-color:#fff}.bg-grey{background:#00000012}.nav-account{display:flex;padding:2px}.card{border:1px solid rgba(0,0,0,.125);box-shadow:0 8px 20px 0 rgba(40,133,208,.15);width:100%}.d-flex-vert-base{align-items:baseline}.btn-reef{align-items:center;background:#681cff;border:none;border-radius:999px;box-shadow:0 .313rem 1.25rem -.625rem #681cff;display:flex;flex-flow:row nowrap;font-family:tenon,sans-serif;font-size:1rem;font-weight:500;justify-content:center;line-height:22.984px;overflow:hidden;padding:.75rem 1.5rem;text-decoration:none;transition:all .4s;white-space:nowrap}.btn-reef,.btn-reef>*{color:#fff;position:relative}.btn-reef>*{z-index:1}.btn-reef:after{background:linear-gradient(180deg,transparent,#fd3f83);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transform:translateY(100%);transition:opacity .4s linear,transform .4s linear;width:100%;z-index:0}.btn-reef:hover{box-shadow:0 .313rem 1.25rem -.625rem #fd3f83;color:#fff!important}.btn-reef:hover:after{opacity:1;transform:none}.btn-reef:active{filter:brightness(1.2);transition:none}.selected-topic{color:#111}.unselected-topic{color:#666}.uik-pool-actions .uik-button--loading .uik-loading{position:static}.uik-pool-actions .uik-button--loading .uik-button__text{color:hsla(var(--text--h),var(--text--s),var(--text--l),.5)!important;margin-left:.8rem;opacity:1}.uik-pool-actions .uik-button--loading .uik-loading__spinner-dot:before{background:var(--text-light)!important}.uik-pool-actions__description{color:hsla(var(--text--h),var(--text--s),var(--text--l),.8)!important;margin-bottom:-20px;margin-top:25px;padding:0 3px;text-align:center}.uik-pool-actions__switch-slider-container{display:flex}.uik-pool-actions__switch-slider-container .uik-pool-actions__token-switch{height:auto!important;justify-content:start!important;margin-left:19px;width:auto!important}.uik-pool-actions__switch-slider-container .uik-pool-actions__slider{margin:30px 0 30px 50px!important;width:100%}.slippage-warning svg{height:16px;position:absolute}.uik-pool-actions-token__token{background-color:transparent;border:none}.uik-pool-actions-token__token:not([disabled]):hover{cursor:pointer}.uik-pool-actions-token__token:not([disabled]):hover .uik-pool-actions-token__info .uik-pool-actions-token__symbol{color:var(--primary)!important}.uik-pool-actions-token__select-wrapper--select{width:100%}.uik-pool-actions-token--select .uik-pool-actions-token__image{background-color:#dad5ea;border-radius:50%;height:44px;margin-left:15px;min-width:44px;width:44px}.uik-pool-actions-token--select .uik-pool-actions-token__image+span{margin-left:13px}.uik-pool-actions .uik-pool-actions-token.uik-pool-actions-token--select{align-items:center;border:none;color:hsla(var(--text--h),var(--text--s),var(--text--l),.75);display:flex;flex-flow:row nowrap;font-size:15px;font-weight:500;height:74px;justify-content:flex-start;text-align:center}.uik-pool-actions .uik-pool-actions-token.uik-pool-actions-token--select:hover{color:var(--primary);cursor:pointer}.uik-pool-actions-token__select-dropdown{width:100%!important}.uik-pool-actions-token__select-dropdown .uik-dropdown__dropdown{max-height:calc(100vh - 400px);overflow:auto;overflow-x:hidden;width:100%!important}.uik-pool-actions-token__select-dropdown .uik-dropdown__dropdown::-webkit-scrollbar{display:none}.uik-pool-actions-token__select-dropdown .uik-dropdown__dropdown .uik-input{position:sticky;top:0}.uik-pool-actions-token__select-dropdown .uik-dropdown__dropdown .uik-input .uik-input__input:focus{background-color:#fff!important}.uik-pool-actions-token__select-dropdown-token img{height:30px;min-width:30px;width:30px}.uik-pool-actions-token__select-dropdown-token-info{margin-left:10px;margin-right:10px}.uik-pool-actions-token__select-dropdown-token-info .uik-text:last-child{color:var(--text-light);font-size:.813rem;font-weight:400}.uik-pool-actions-token__select-dropdown .uik-dropdown__item-text{width:100%}.uik-pool-actions-token__select-dropdown-token-balance{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(0deg,var(--primary),var(--secondary));-webkit-background-clip:text;color:#a328ab;margin-left:auto!important;white-space:nowrap}.confirm-popup .uik-modal__container .uik-modal__popup{background-color:#eeebf6!important;width:500px!important}.confirm-popup .uik-modal__container .uik-modal__popup .uik-modal__head{padding-bottom:20px!important}.confirm-popup .uik-modal__footer .uik-button{width:100%}.confirm-popup .uik-text--mini{color:hsla(var(--text--h),var(--text--s),var(--text--l),.75);padding-left:10px}.confirm-popup .uik-text--mini+.confirm-popup-summary,.confirm-popup .uik-text--mini+.confirm-popup-token{margin-top:11px}.confirm-popup-token{border-radius:15px;box-shadow:var(--neomorph-out);justify-content:space-between;transition:all .125s;width:100%}.confirm-popup-token,.confirm-popup-token__token{align-items:center;display:flex;flex-flow:row nowrap}.confirm-popup-token__token{justify-content:flex-start;padding:15px 0 15px 15px}.confirm-popup-token__image{background-color:#e4e0ef;background-position:50%;background-size:cover;border-radius:50%;height:44px;min-width:44px;width:44px}.confirm-popup-token__info{align-items:flex-start;display:flex;flex-flow:column nowrap;justify-content:center;margin-left:13px}.confirm-popup-token__symbol{color:var(--text);font-size:18px;font-weight:500;line-height:1.4;text-transform:uppercase;white-space:nowrap}.confirm-popup-token__price{color:hsla(var(--text--h),var(--text--s),var(--text--l),.85);font-size:13px;font-weight:500;line-height:1.3;margin-top:1px;padding-left:.5px;white-space:nowrap}.confirm-popup-token__amount-wrapper{align-items:center;display:flex;flex-flow:row nowrap;flex-grow:1;justify-content:flex-end;padding-left:15px;position:relative}.confirm-popup-token__value{bottom:15px;color:hsla(var(--text--h),var(--text--s),var(--text--l),.85);font-size:13px;font-weight:500;line-height:1;overflow:hidden;pointer-events:none;position:absolute;right:18px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.confirm-popup-token__amount{-webkit-text-fill-color:transparent;background-color:transparent;background:-webkit-linear-gradient(0deg,var(--primary),var(--secondary));-webkit-background-clip:text;border:none;color:#a328ab;font-size:20px;font-weight:900;margin:0 17px;outline:none!important;padding:11px 0 29px;text-align:right;transition:all .18s}.confirm-popup-token+.confirm-popup-token{box-shadow:10px 10px 20px -5px hsl(var(--bg--h),var(--bg--s),calc(var(--bg--l) - 10%)),-10px -5px 13px -5px hsl(var(--bg--h),var(--bg--s),calc(var(--bg--l) + 10%));margin-top:12px}.confirm-popup-token+.uik-text--mini{margin-top:15px}.confirm-popup-token~.confirm-popup-token+.uik-text--mini{margin-top:25px}.confirm-popup-address{justify-content:flex-start;padding:15px}.confirm-popup-address__identicon{background-color:#dad5eaad;border-radius:10px;pointer-events:none}.confirm-popup-address__address{color:var(--text);font-size:15px;font-weight:500;line-height:1.25;padding-left:13px;width:calc(100% - 44px);word-break:break-word}.confirm-popup-summary{align-items:flex-start;border-radius:15px;box-shadow:var(--neomorph-out);display:flex;flex-flow:column nowrap;justify-content:flex-start;margin-top:10px;padding:15px 17px;width:100%}.confirm-popup-summary-item{align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between;width:100%}.confirm-popup-summary-item-label{color:hsla(var(--text--h),var(--text--s),var(--text--l),.9);font-size:14px;font-weight:500;line-height:1.25}.confirm-popup-summary-item-value{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(0deg,var(--primary),var(--secondary));-webkit-background-clip:text;color:#a328ab;font-size:15px;font-weight:600;line-height:1.2}.confirm-popup-summary-item+.confirm-popup-summary-item{margin-top:7.5px}.confirm-popup-summary+.uik-text--mini{color:hsla(var(--text--h),var(--text--s),var(--text--l),.8);font-size:14px;line-height:1.4;margin-top:25px;padding:0 5px}.pool-actions-finalizing{padding-bottom:20px;text-align:center;width:100%}.pool-actions-finalizing__animation{height:150px;margin:0 -30px;position:relative;width:calc(100% + 60px)}.pool-actions-finalizing__animation .fish-animation__fish{animation-duration:4s;animation-fill-mode:backwards}.pool-actions-finalizing__animation .fish-animation:last-child .fish-animation__fish{animation-delay:.5s;width:40px}.account-selector__network-info{text-align:center;width:100%}.account-selector__select-network{font-size:1.2em;padding:0 0 .3em .2em}.account-selector-box--nav{display:flex}.account-selector__account-address{align-items:baseline;justify-content:center}.account-selector__accounts-list{margin:1em 0;padding:3px}.account-selector__accounts-list .list-group-item:last-child{border-bottom:0}.account-selector__accounts-list .list-group-item{border-left:0;border-right:0;border-top:0}.nav-account__account{align-items:center;background:linear-gradient(135deg,#ae27a5,#742cb2);border:none;border-radius:1000px;box-shadow:0 5px 20px -10px #742cb2;color:#fff;display:flex;flex-flow:row nowrap;font-size:.938rem;font-weight:500;justify-content:flex-start;line-height:22.984px;margin-left:10px;overflow:hidden;padding:.75rem;text-decoration:none;transition:all .125s;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.nav-account__account:hover{filter:brightness(1.15);transition:none}.nav-account__account:active{filter:brightness(1.25);transition:all .125s}.nav-account__gear{align-items:center;background-color:transparent;border:none;border-radius:50%;box-shadow:var(--neomorph-out);color:var(--primary);display:flex;height:40px;justify-content:center;margin-left:20px;min-width:40px;transition:all .125s;width:40px}.nav-account__gear :hover{box-shadow:var(--neomorph-out-light),var(--neomorph-in-light);color:var(--primary);cursor:pointer}.nav-account__hidden-balance{align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;flex-flow:row nowrap;justify-content:flex-end;margin-right:4px}.nav-account__hidden-balance div{animation:nav-balance-hidden-dot .15s;background-color:var(--primary);border-radius:50%;height:6px;margin-left:3px;width:6px}@keyframes nav-balance-hidden-dot{0%{transform:scale(0)}}.nav-account__balance{padding-top:1px}.wallet-item:hover{color:#742cb2}.wallet-item svg{height:30px}.send .uik-pool-actions-token__price{display:none}.send .uik-pool-actions-token__price+input{padding:20px 17px!important}.send__error{color:var(--red);font-size:14px;font-weight:500;margin-top:10px;padding-left:5px}.send__address input{background-color:#e6e2f1;border:none;border-radius:15px;color:var(--text);font-family:var(--font);font-size:15px;font-weight:500;height:70px;line-height:1.2;padding:0 17px 1px 71px;transition:all .125s;width:100%}.send__address input::-moz-placeholder{color:var(--text-light);font-weight:400}.send__address input::placeholder{color:var(--text-light);font-weight:400}.send__address input:hover{background-color:#e3dfef!important;box-shadow:inset 0 0 0 1px #d7d1e9}.send__address input:focus{background-color:#eeebf6!important;border:none;box-shadow:inset 0 0 0 1px #a328ab,0 10px 15px -8px #a328ab40;outline:none}.send-accounts .uik-dropdown__overlay{display:none}.send-accounts{left:0;position:absolute}.send-accounts,.send-accounts .uik-dropdown{bottom:0;width:100%!important}.send-accounts .uik-dropdown__dropdown{max-height:calc(100vh - 400px);overflow:auto;width:100%!important}.send-accounts__account .uik-dropdown__item-text{align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-start;overflow:hidden;width:100%}.send-accounts__account--selected{background:var(--border-color-light)!important}.send-accounts__account .send-accounts__account-identicon{margin-left:-5px}.send-accounts__account-info{align-items:flex-start;display:flex;flex-flow:column nowrap;justify-content:center;margin-left:10px;max-width:calc(100% - 49px)}.send-accounts__account-name{color:var(--text);font-size:.875rem;font-weight:500}.send-accounts__account-address,.send-accounts__account-name{line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.send-accounts__account-address{color:var(--text-light);font-size:.813rem;font-weight:400}.bind-evm .uik-button{margin-top:25px;width:100%}.bind-evm-account{align-items:center;background-color:transparent;border:none;border-radius:15px;box-shadow:var(--neomorph-out);display:flex;flex-flow:row nowrap;justify-content:flex-start;margin:1rem 0;padding:15px;transition:all .125s;width:100%}.bind-evm-account__identicon{height:44px;min-width:44px;width:44px}.bind-evm-account__info{align-items:flex-start;display:flex;flex-flow:column nowrap;justify-content:center;margin-left:13px}.bind-evm-account__name{color:var(--text);font-size:18px;font-weight:500;line-height:1.4;white-space:nowrap}.bind-evm-account__address{color:hsla(var(--text--h),var(--text--s),var(--text--l),.85);font-size:13px;font-weight:500;line-height:1.3;margin-top:1px;padding-left:.5px;white-space:nowrap}.bind-evm p{padding-left:10px;padding-right:10px}.bind-evm__select-account{display:flex;width:100%}.bind-evm__select-account>span{width:100%}.bind-evm__select-account:hover .bind-evm-account{background-color:hsla(var(--primary--h),var(--primary--s),var(--primary--l),.05);box-shadow:var(--neomorph-out),inset 0 0 0 2px var(--primary)}.bind-evm__loading{align-items:center;display:flex;justify-content:center;margin-top:2rem;text-align:center;width:100%}.bind-evm__loading span{margin-left:25px}.bind-evm__custom-select{align-items:center;display:flex}.bind-evm__custom-select .prompt{display:flex;margin-left:5px}.bind-evm__custom-select .icon{color:var(--primary);margin-left:3px}.bind-evm__custom-select .uik-toggle .uik-toggle__toggle{background-color:var(--border-color-dark)}.overlay-action__wrapper{background-color:var(--bg);left:0;max-height:100vh;min-height:100vh;overflow:auto;position:fixed;top:0;width:100%;z-index:1000}.overlay-action__wrapper-dark{background-color:#3b3b3be6!important}.overlay-action__wrapper.enter{animation:overlay-action-enter .5s;background-color:hsl(var(--bg--h),var(--bg--s),calc(var(--bg--l) + 10%));transform:translateY(-100%)}@keyframes overlay-action-enter{0%{background-color:hsl(var(--bg--h),var(--bg--s),calc(var(--bg--l) + 10%));transform:translateY(-100%)}}.overlay-action__wrapper.overlay-action__content{opacity:0}.overlay-action__wrapper.enter-active,.overlay-action__wrapper.enter-done,.overlay-action__wrapper.exit{background-color:var(--bg);opacity:1;transform:none}.overlay-action__wrapper.enter-active .overlay-action__content,.overlay-action__wrapper.enter-done .overlay-action__content,.overlay-action__wrapper.exit .overlay-action__content{opacity:1;transform:none}.overlay-action__wrapper.exit-active{transform:translateY(-100%)}.overlay-action__wrapper.exit-active .overlay-action__content{opacity:0}.overlay-action__wrapper.enter-active,.overlay-action__wrapper.exit-active{transition:all .5s}.overlay-action__wrapper.enter-active .overlay-action__content{transition-delay:.35s}.overlay-action__content{margin:0 auto;max-width:900px;padding:50px;transition:all .35s;width:100%}.overlay-action__head{align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between;margin-top:-10px;position:relative;width:100%}.overlay-action__title{color:hsla(var(--text--h),var(--text--s),var(--text--l),.9);font-size:1.625rem;font-weight:500;line-height:1.2}.overlay-action__close-btn{align-items:center;background-color:transparent;border:none;border-radius:50%;box-shadow:var(--neomorph-out);color:var(--text-light);display:flex;height:54px;justify-content:center;min-width:54px;position:absolute;right:0;transition:all .125s;width:54px}.overlay-action .uik-modal__close-btn-icon{height:22px;width:14px}.overlay-action__close-btn:hover{box-shadow:var(--neomorph-out-light),var(--neomorph-in-light);color:var(--primary);cursor:pointer}.overlay-action__close-btn:active{box-shadow:var(--neomorph-out-light),var(--neomorph-in);color:var(--primary)}.overlay-action__slot{align-items:flex-start;display:flex;flex-flow:column nowrap;justify-content:center;padding-top:40px;width:100%}.nfts{overflow:auto;width:100%}.nfts__empty-nft-list{color:var(--text-light);padding:1.75rem 1rem;text-align:center;width:100%}.nfts__container{grid-gap:24px;display:grid;grid-template-columns:repeat(3,1fr);width:100%}.nft-skeleton,.nfts__item{background-color:#fff}.nft-skeleton,.nft-skeleton-dark,.nfts__item,.nfts__item-dark{border:1px solid rgba(0,0,0,.1);border-radius:15px;box-shadow:0 3px 30px 0 rgba(0,0,0,.07);height:100%;overflow:hidden;width:100%}.nft-skeleton-dark,.nfts__item-dark{background-color:#373840;color:#fff}.nfts__item-image{background-color:var(--border-color);background-position:50%;background-size:cover;height:200px;width:100%}.nfts__item-video{max-width:100%}.nfts__item-image--loading{position:relative}.nfts__item-image--loading:after{animation:nft-image-loading 3s linear infinite;background:var(--gradient);bottom:0;content:"";height:3px;left:0;position:absolute;width:10px}@keyframes nft-image-loading{0%{left:0;width:0}47.5%{left:0;width:100%}95%,to{left:100%;width:0}}.nfts__item-info{align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between;padding:15px 20px}.nfts__item-name{color:var(--text);font-weight:600}.nfts__item-name-dark{color:#fff;font-weight:600}.nfts__item-name:hover{cursor:pointer}.nfts__item-name+.nfts__item-balance{margin-left:15px}.nfts__item-balance{align-items:center;background-color:#a93185;border-radius:99px;color:#fff;display:flex;font-size:.688rem;font-weight:600;justify-content:center;line-height:1.1;padding:3px 6px;text-align:center}.nft-skeleton__image{background-color:var(--border-color);border-radius:10px;height:185px;margin:15px 15px 0;width:calc(100% - 30px)}.nft-skeleton__name{background-color:var(--border-color);border-radius:99px;height:1.5rem;margin:15px;width:50%}@media only screen and (max-width:1300px){.nfts__container{grid-template-columns:1fr 1fr}}@media only screen and (max-width:1200px){.nfts__container{grid-template-columns:1fr}}.nfts__empty{align-items:center;display:flex;flex-flow:column nowrap;justify-content:flex-start;padding:1.25rem;width:100%}.nfts__empty .uik-text{animation:nfts-empty-appear .5s}.nfts__empty .uik-button{animation:nfts-empty-appear .5s .2s backwards;margin-top:1.25rem}@keyframes nfts-empty-appear{0%{opacity:0;transform:translateY(10px)}}.nfts__item:hover{cursor:pointer}.overlay-swap .overlay-action__wrapper{background:hsla(var(--bg--h),var(--bg--s),var(--bg--l),.9)}.overlay-swap .overlay-action__close-btn{background-color:var(--bg)}.overlay-swap .overlay-action__content{max-width:600px}.overlay-swap .overlay-action__slot{align-items:center;padding-top:60px}.overlay-swap .uik-pool-actions{box-shadow:10px 10px 20px -5px hsl(var(--bg--h),var(--bg--s),calc(var(--bg--l) - 10%)),-10px -10px 20px -5px hsl(var(--bg--h),var(--bg--s),calc(var(--bg--l) + 4%));margin-right:0;max-width:100%;min-width:100%;width:100%}.overlay-swap .uik-pool-actions__tokens{margin-top:0}.nft-name--modal{font-size:x-large;font-weight:700}.nft-iconurl{border-radius:20px;margin-top:15px;max-width:250px}.nft-iconurl-small{border-radius:5px;margin-bottom:20px;max-width:50%}.send-nft-view{align-items:center;display:flex;justify-content:center}.nfts__item-video-small{max-width:50%}.nft-view{align-items:center;display:flex;justify-content:center}.display-table{background-color:#e6e2f1;border-radius:10px;font-size:14px;margin-top:8px;padding:6px}.display-table-label{color:#a93185;font-weight:700}.nft-box-send-btn{align-items:center;display:flex;justify-content:center;margin-top:16px}.nft__button{border:none;outline:none}.nft-hidden{display:none}.send__address{align-items:center;display:flex;justify-content:center;margin-bottom:10px;margin-top:6px;position:relative;width:100%}.send__address-input{padding:0 17px 1px 71px}.send__address-input,.send__amount-input{background-color:#e6e2f1;border:none;border-radius:15px;color:var(--text);font-family:var(--font);font-size:15px;font-weight:500;height:70px;line-height:1.2;transition:all .125s;width:100%}.send__amount-input{padding:0 17px 1px}.send__address .send__address-identicon{background-color:#dad5eaad;border-radius:10px;left:13px;pointer-events:none;position:absolute}.token-card{width:100%}.text-btn{color:var(--primary);font-weight:500;text-decoration:none}.text-btn:hover{color:var(--secondary)}.token-card__wrapper{align-items:center;background:#fff;border-radius:15px;box-shadow:var(--shadow);display:flex;flex-flow:row nowrap;justify-content:space-between;padding:15px;width:100%}.token-card__wrapper-dark{background:#373840!important}.token-card__main{align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-start}.token-card__image{background-size:cover;border:none;border-radius:50%;height:44px;min-height:44px;min-width:44px;transition:all .15s;width:44px}.token-card--no-balance{background:#fff;border:none;border-radius:15px;box-shadow:var(--shadow);overflow:hidden;width:100%}.token-card__image:hover{cursor:pointer;filter:brightness(1.05)}.token-card__image:active{cursor:pointer;filter:brightness(1.25)}.token-card__info{align-items:flex-start;display:flex;flex-flow:column nowrap;justify-content:center;margin-left:15px}.token-card__token-info{align-items:flex-end;display:flex;flex-flow:row nowrap;justify-content:flex-start;white-space:nowrap}.token-card__token-name{color:var(--text);font-size:16px;font-weight:600;line-height:1.45}.token-card__token-name-dark{color:#fff!important}.token-card__token-price{background:transparent;border:none;color:var(--text);font-size:13px;font-weight:500;line-height:1.35;margin:0;padding:0;transition:all .15}.token-card__token-price-dark{color:#fff!important}.token-card__token-price:not([disabled]):hover{color:var(--primary);cursor:pointer}.token-card__aside{align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-end;padding-right:5px}.token-card__values{align-items:flex-end;display:flex;flex-flow:column nowrap;justify-content:center;margin:0 25px;text-align:right;white-space:nowrap}.token-card__value{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(0deg,var(--primary),var(--secondary));-webkit-background-clip:text;border:none;font-size:18px;font-weight:900;line-height:1.35}.token-card__value--hidden{align-items:center;cursor:pointer;display:flex;flex-flow:row nowrap;justify-content:flex-end}.token-card__value--hidden div{animation:dashboard-balance-hidden-dot .15s;background-color:var(--primary);border-radius:50%;height:6px;margin-left:3px;width:6px}.token-card__amount{background-color:transparent;border:none;color:var(--text);font-size:13px;font-weight:500;line-height:1.35}.token-card__amount-dark{color:#fff!important}.token-card__amount:hover,.token-card__value:hover{cursor:auto}.token-card__amount--hidden:hover,.token-card__value--hidden:hover{cursor:pointer}.token-card__amount--hidden{align-items:center;cursor:pointer;display:flex;flex-flow:row nowrap;justify-content:flex-end;margin-bottom:-1px;padding-top:7px}.token-card__amount--hidden div{animation:dashboard-balance-hidden-dot .15s;background-color:var(--text-light);border-radius:50%;height:6px;margin-left:3px;width:6px}.token-card .uik-button .uik-button__icon{margin-left:-2px}.token-card .uik-button+.uik-button{margin-left:15px}.token-card+*{margin-top:15px}.token-card--skeleton .token-card__image{background-color:var(--border-color)}.token-card--skeleton .token-card__token-name,.token-card--skeleton .token-card__token-price{background-color:var(--border-color);border-radius:99px;height:10px;width:200px}.token-card--skeleton .token-card__token-price{margin-top:10px;width:100px}.token-card--skeleton-dark .token-card__image{background-color:#9b9c9f!important}.token-card--skeleton-dark .token-card__token-name,.token-card--skeleton-dark .token-card__token-price{background-color:#9b9c9f!important;border-radius:99px;height:10px;width:200px}.token-card--skeleton-dark .token-card__token-price{margin-top:10px;width:100px}
+.border-rad{border-radius:13px}.btn:focus{box-shadow:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input{font-family:Inter var,sans-serif}.btn-empty{background-color:inherit;border:none}.btn-select{border-color:#bfbfbf;display:flex;flex-direction:row}.field{background-color:#f7f8fa;border:1px solid #edeef2}.field:hover{border:1px solid #e1e2e8}.field-input,.field-input:focus{background-color:#f7f8fa;border:none;box-shadow:none;outline:none}.btn-field{background-color:#f7f8fa;padding:4px 8px}.btn-content-field{background-color:#fff;margin-bottom:-18px;margin-top:-18px;padding:3px;z-index:5}.hover-border:hover{border:1px solid #46288b}.list-item{list-style:none}.list-group-full{padding-bottom:20px;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2)}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.list-group-item-action:hover{background-color:#5531a9!important;color:#f5f5f5!important}.dropdown-menu{background-color:#edeef2}.dropdown-item{background-color:inherit}.dropdown-item:hover,.dropdown-item:hover .lead-text,.dropdown-item:hover .sub-text{background-color:#46288b;color:#f5f5f5}.title-text{font-size:1.1em}.lead-text{font-size:1em}.sub-text{font-size:.9em}.mini-text{font-size:.7em}.modal-dialog{width:430px}.modal-footer{background-color:#edeef2}.form-control:focus{border-color:#46288b;box-shadow:none}.text-war{color:#cc9c0e!important}input[type=range]::-webkit-slider-thumb{background-color:#46288b}.select-token-icon-size{height:20px;width:20px}.pointer{cursor:pointer}.bg-white,.nav-account{background-color:#fff}.bg-grey{background:#00000012}.nav-account{display:flex;padding:2px}.card{border:1px solid rgba(0,0,0,.125);box-shadow:0 8px 20px 0 rgba(40,133,208,.15);width:100%}.d-flex-vert-base{align-items:baseline}.btn-reef{align-items:center;background:#681cff;border:none;border-radius:999px;box-shadow:0 .313rem 1.25rem -.625rem #681cff;display:flex;flex-flow:row nowrap;font-family:tenon,sans-serif;font-size:1rem;font-weight:500;justify-content:center;line-height:22.984px;overflow:hidden;padding:.75rem 1.5rem;text-decoration:none;transition:all .4s;white-space:nowrap}.btn-reef,.btn-reef>*{color:#fff;position:relative}.btn-reef>*{z-index:1}.btn-reef:after{background:linear-gradient(180deg,transparent,#fd3f83);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transform:translateY(100%);transition:opacity .4s linear,transform .4s linear;width:100%;z-index:0}.btn-reef:hover{box-shadow:0 .313rem 1.25rem -.625rem #fd3f83;color:#fff!important}.btn-reef:hover:after{opacity:1;transform:none}.btn-reef:active{filter:brightness(1.2);transition:none}.selected-topic{color:#111}.unselected-topic{color:#666}.uik-pool-actions .uik-button--loading .uik-loading{position:static}.uik-pool-actions .uik-button--loading .uik-button__text{color:hsla(var(--text--h),var(--text--s),var(--text--l),.5)!important;margin-left:.8rem;opacity:1}.uik-pool-actions .uik-button--loading .uik-loading__spinner-dot:before{background:var(--text-light)!important}.uik-pool-actions__description{color:hsla(var(--text--h),var(--text--s),var(--text--l),.8)!important;margin-bottom:-20px;margin-top:25px;padding:0 3px;text-align:center}.uik-pool-actions__switch-slider-container{display:flex}.uik-pool-actions__switch-slider-container .uik-pool-actions__token-switch{height:auto!important;justify-content:start!important;margin-left:19px;width:auto!important}.uik-pool-actions__switch-slider-container .uik-pool-actions__slider{margin:30px 0 30px 50px!important;width:100%}.slippage-warning svg{height:16px;position:absolute}.uik-pool-actions-token__token{background-color:transparent;border:none}.uik-pool-actions-token__token:not([disabled]):hover{cursor:pointer}.uik-pool-actions-token__token:not([disabled]):hover .uik-pool-actions-token__info .uik-pool-actions-token__symbol{color:var(--primary)!important}.uik-pool-actions-token__select-wrapper--select{width:100%}.uik-pool-actions-token--select .uik-pool-actions-token__image{background-color:#dad5ea;border-radius:50%;height:44px;margin-left:15px;min-width:44px;width:44px}.uik-pool-actions-token--select .uik-pool-actions-token__image+span{margin-left:13px}.uik-pool-actions .uik-pool-actions-token.uik-pool-actions-token--select{align-items:center;border:none;color:hsla(var(--text--h),var(--text--s),var(--text--l),.75);display:flex;flex-flow:row nowrap;font-size:15px;font-weight:500;height:74px;justify-content:flex-start;text-align:center}.uik-pool-actions .uik-pool-actions-token.uik-pool-actions-token--select:hover{color:var(--primary);cursor:pointer}.uik-pool-actions-token__select-dropdown{width:100%!important}.uik-pool-actions-token__select-dropdown .uik-dropdown__dropdown{max-height:calc(100vh - 400px);overflow:auto;overflow-x:hidden;width:100%!important}.uik-pool-actions-token__select-dropdown .uik-dropdown__dropdown::-webkit-scrollbar{display:none}.uik-pool-actions-token__select-dropdown .uik-dropdown__dropdown .uik-input{position:sticky;top:0}.uik-pool-actions-token__select-dropdown .uik-dropdown__dropdown .uik-input .uik-input__input:focus{background-color:#fff!important}.uik-pool-actions-token__select-dropdown-token img{height:30px;min-width:30px;width:30px}.uik-pool-actions-token__select-dropdown-token-info{margin-left:10px;margin-right:10px}.uik-pool-actions-token__select-dropdown-token-info .uik-text:last-child{color:var(--text-light);font-size:.813rem;font-weight:400}.uik-pool-actions-token__select-dropdown .uik-dropdown__item-text{width:100%}.uik-pool-actions-token__select-dropdown-token-balance{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(0deg,var(--primary),var(--secondary));-webkit-background-clip:text;color:#a328ab;margin-left:auto!important;white-space:nowrap}.confirm-popup .uik-modal__container .uik-modal__popup{background-color:#eeebf6!important;width:500px!important}.confirm-popup .uik-modal__container .uik-modal__popup .uik-modal__head{padding-bottom:20px!important}.confirm-popup .uik-modal__footer .uik-button{width:100%}.confirm-popup .uik-text--mini{color:hsla(var(--text--h),var(--text--s),var(--text--l),.75);padding-left:10px}.confirm-popup .uik-text--mini+.confirm-popup-summary,.confirm-popup .uik-text--mini+.confirm-popup-token{margin-top:11px}.confirm-popup-token{border-radius:15px;box-shadow:var(--neomorph-out);justify-content:space-between;transition:all .125s;width:100%}.confirm-popup-token,.confirm-popup-token__token{align-items:center;display:flex;flex-flow:row nowrap}.confirm-popup-token__token{justify-content:flex-start;padding:15px 0 15px 15px}.confirm-popup-token__image{background-color:#e4e0ef;background-position:50%;background-size:cover;border-radius:50%;height:44px;min-width:44px;width:44px}.confirm-popup-token__info{align-items:flex-start;display:flex;flex-flow:column nowrap;justify-content:center;margin-left:13px}.confirm-popup-token__symbol{color:var(--text);font-size:18px;font-weight:500;line-height:1.4;text-transform:uppercase;white-space:nowrap}.confirm-popup-token__price{color:hsla(var(--text--h),var(--text--s),var(--text--l),.85);font-size:13px;font-weight:500;line-height:1.3;margin-top:1px;padding-left:.5px;white-space:nowrap}.confirm-popup-token__amount-wrapper{align-items:center;display:flex;flex-flow:row nowrap;flex-grow:1;justify-content:flex-end;padding-left:15px;position:relative}.confirm-popup-token__value{bottom:15px;color:hsla(var(--text--h),var(--text--s),var(--text--l),.85);font-size:13px;font-weight:500;line-height:1;overflow:hidden;pointer-events:none;position:absolute;right:18px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.confirm-popup-token__amount{-webkit-text-fill-color:transparent;background-color:transparent;background:-webkit-linear-gradient(0deg,var(--primary),var(--secondary));-webkit-background-clip:text;border:none;color:#a328ab;font-size:20px;font-weight:900;margin:0 17px;outline:none!important;padding:11px 0 29px;text-align:right;transition:all .18s}.confirm-popup-token+.confirm-popup-token{box-shadow:10px 10px 20px -5px hsl(var(--bg--h),var(--bg--s),calc(var(--bg--l) - 10%)),-10px -5px 13px -5px hsl(var(--bg--h),var(--bg--s),calc(var(--bg--l) + 10%));margin-top:12px}.confirm-popup-token+.uik-text--mini{margin-top:15px}.confirm-popup-token~.confirm-popup-token+.uik-text--mini{margin-top:25px}.confirm-popup-address{justify-content:flex-start;padding:15px}.confirm-popup-address__identicon{background-color:#dad5eaad;border-radius:10px;pointer-events:none}.confirm-popup-address__address{color:var(--text);font-size:15px;font-weight:500;line-height:1.25;padding-left:13px;width:calc(100% - 44px);word-break:break-word}.confirm-popup-summary{align-items:flex-start;border-radius:15px;box-shadow:var(--neomorph-out);display:flex;flex-flow:column nowrap;justify-content:flex-start;margin-top:10px;padding:15px 17px;width:100%}.confirm-popup-summary-item{align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between;width:100%}.confirm-popup-summary-item-label{color:hsla(var(--text--h),var(--text--s),var(--text--l),.9);font-size:14px;font-weight:500;line-height:1.25}.confirm-popup-summary-item-value{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(0deg,var(--primary),var(--secondary));-webkit-background-clip:text;color:#a328ab;font-size:15px;font-weight:600;line-height:1.2}.confirm-popup-summary-item+.confirm-popup-summary-item{margin-top:7.5px}.confirm-popup-summary+.uik-text--mini{color:hsla(var(--text--h),var(--text--s),var(--text--l),.8);font-size:14px;line-height:1.4;margin-top:25px;padding:0 5px}.pool-actions-finalizing{padding-bottom:20px;text-align:center;width:100%}.pool-actions-finalizing__animation{height:150px;margin:0 -30px;position:relative;width:calc(100% + 60px)}.pool-actions-finalizing__animation .fish-animation__fish{animation-duration:4s;animation-fill-mode:backwards}.pool-actions-finalizing__animation .fish-animation:last-child .fish-animation__fish{animation-delay:.5s;width:40px}.account-selector__network-info{text-align:center;width:100%}.account-selector__select-network{font-size:1.2em;padding:0 0 .3em .2em}.account-selector-box--nav{display:flex}.account-selector__account-address{align-items:baseline;justify-content:center}.account-selector__accounts-list{margin:1em 0;padding:3px}.account-selector__accounts-list .list-group-item:last-child{border-bottom:0}.account-selector__accounts-list .list-group-item{border-left:0;border-right:0;border-top:0}.nav-account__account{align-items:center;background:linear-gradient(135deg,#ae27a5,#742cb2);border:none;border-radius:1000px;box-shadow:0 5px 20px -10px #742cb2;color:#fff;display:flex;flex-flow:row nowrap;font-size:.938rem;font-weight:500;justify-content:flex-start;line-height:22.984px;margin-left:10px;overflow:hidden;padding:.75rem;text-decoration:none;transition:all .125s;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.nav-account__account:hover{filter:brightness(1.15);transition:none}.nav-account__account:active{filter:brightness(1.25);transition:all .125s}.nav-account__gear{align-items:center;background-color:transparent;border:none;border-radius:50%;box-shadow:var(--neomorph-out);color:var(--primary);display:flex;height:40px;justify-content:center;margin-left:20px;min-width:40px;transition:all .125s;width:40px}.nav-account__gear :hover{box-shadow:var(--neomorph-out-light),var(--neomorph-in-light);color:var(--primary);cursor:pointer}.nav-account__hidden-balance{align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;flex-flow:row nowrap;justify-content:flex-end;margin-right:4px}.nav-account__hidden-balance div{animation:nav-balance-hidden-dot .15s;background-color:var(--primary);border-radius:50%;height:6px;margin-left:3px;width:6px}@keyframes nav-balance-hidden-dot{0%{transform:scale(0)}}.nav-account__balance{padding-top:1px}.wallet-item:hover{color:#742cb2}.wallet-item svg{height:30px}.send .uik-pool-actions-token__price{display:none}.send .uik-pool-actions-token__price+input{padding:20px 17px!important}.send__error{color:var(--red);font-size:14px;font-weight:500;margin-top:10px;padding-left:5px}.send__address input{background-color:#e6e2f1;border:none;border-radius:15px;color:var(--text);font-family:var(--font);font-size:15px;font-weight:500;height:70px;line-height:1.2;padding:0 17px 1px 71px;transition:all .125s;width:100%}.send__address input::-moz-placeholder{color:var(--text-light);font-weight:400}.send__address input::placeholder{color:var(--text-light);font-weight:400}.send__address input:hover{background-color:#e3dfef!important;box-shadow:inset 0 0 0 1px #d7d1e9}.send__address input:focus{background-color:#eeebf6!important;border:none;box-shadow:inset 0 0 0 1px #a328ab,0 10px 15px -8px #a328ab40;outline:none}.send-accounts .uik-dropdown__overlay{display:none}.send-accounts{left:0;position:absolute}.send-accounts,.send-accounts .uik-dropdown{bottom:0;width:100%!important}.send-accounts .uik-dropdown__dropdown{max-height:calc(100vh - 400px);overflow:auto;width:100%!important}.send-accounts__account .uik-dropdown__item-text{align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-start;overflow:hidden;width:100%}.send-accounts__account--selected{background:var(--border-color-light)!important}.send-accounts__account .send-accounts__account-identicon{margin-left:-5px}.send-accounts__account-info{align-items:flex-start;display:flex;flex-flow:column nowrap;justify-content:center;margin-left:10px;max-width:calc(100% - 49px)}.send-accounts__account-name{color:var(--text);font-size:.875rem;font-weight:500}.send-accounts__account-address,.send-accounts__account-name{line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.send-accounts__account-address{color:var(--text-light);font-size:.813rem;font-weight:400}.bind-evm .uik-button{margin-top:25px;width:100%}.bind-evm-account{align-items:center;background-color:transparent;border:none;border-radius:15px;box-shadow:var(--neomorph-out);display:flex;flex-flow:row nowrap;justify-content:flex-start;margin:1rem 0;padding:15px;transition:all .125s;width:100%}.bind-evm-account__identicon{height:44px;min-width:44px;width:44px}.bind-evm-account__info{align-items:flex-start;display:flex;flex-flow:column nowrap;justify-content:center;margin-left:13px}.bind-evm-account__name{color:var(--text);font-size:18px;font-weight:500;line-height:1.4;white-space:nowrap}.bind-evm-account__address{color:hsla(var(--text--h),var(--text--s),var(--text--l),.85);font-size:13px;font-weight:500;line-height:1.3;margin-top:1px;padding-left:.5px;white-space:nowrap}.bind-evm p{padding-left:10px;padding-right:10px}.bind-evm__select-account{display:flex;width:100%}.bind-evm__select-account>span{width:100%}.bind-evm__select-account:hover .bind-evm-account{background-color:hsla(var(--primary--h),var(--primary--s),var(--primary--l),.05);box-shadow:var(--neomorph-out),inset 0 0 0 2px var(--primary)}.bind-evm__loading{align-items:center;display:flex;justify-content:center;margin-top:2rem;text-align:center;width:100%}.bind-evm__loading span{margin-left:25px}.bind-evm__custom-select{align-items:center;display:flex}.bind-evm__custom-select .prompt{display:flex;margin-left:5px}.bind-evm__custom-select .icon{color:var(--primary);margin-left:3px}.bind-evm__custom-select .uik-toggle .uik-toggle__toggle{background-color:var(--border-color-dark)}.overlay-action__wrapper{background-color:var(--bg);left:0;max-height:100vh;min-height:100vh;overflow:auto;position:fixed;top:0;width:100%;z-index:1000}.overlay-action__wrapper-dark{background-color:#3b3b3be6!important}.overlay-action__wrapper.enter{animation:overlay-action-enter .5s;background-color:hsl(var(--bg--h),var(--bg--s),calc(var(--bg--l) + 10%));transform:translateY(-100%)}@keyframes overlay-action-enter{0%{background-color:hsl(var(--bg--h),var(--bg--s),calc(var(--bg--l) + 10%));transform:translateY(-100%)}}.overlay-action__wrapper.overlay-action__content{opacity:0}.overlay-action__wrapper.enter-active,.overlay-action__wrapper.enter-done,.overlay-action__wrapper.exit{background-color:var(--bg);opacity:1;transform:none}.overlay-action__wrapper.enter-active .overlay-action__content,.overlay-action__wrapper.enter-done .overlay-action__content,.overlay-action__wrapper.exit .overlay-action__content{opacity:1;transform:none}.overlay-action__wrapper.exit-active{transform:translateY(-100%)}.overlay-action__wrapper.exit-active .overlay-action__content{opacity:0}.overlay-action__wrapper.enter-active,.overlay-action__wrapper.exit-active{transition:all .5s}.overlay-action__wrapper.enter-active .overlay-action__content{transition-delay:.35s}.overlay-action__content{margin:0 auto;max-width:900px;padding:50px;transition:all .35s;width:100%}.overlay-action__head{align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between;margin-top:-10px;position:relative;width:100%}.overlay-action__title{color:hsla(var(--text--h),var(--text--s),var(--text--l),.9);font-size:1.625rem;font-weight:500;line-height:1.2}.overlay-action__close-btn{align-items:center;background-color:transparent;border:none;border-radius:50%;box-shadow:var(--neomorph-out);color:var(--text-light);display:flex;height:54px;justify-content:center;min-width:54px;position:absolute;right:0;transition:all .125s;width:54px}.overlay-action .uik-modal__close-btn-icon{height:22px;width:14px}.overlay-action__close-btn:hover{box-shadow:var(--neomorph-out-light),var(--neomorph-in-light);color:var(--primary);cursor:pointer}.overlay-action__close-btn:active{box-shadow:var(--neomorph-out-light),var(--neomorph-in);color:var(--primary)}.overlay-action__slot{align-items:flex-start;display:flex;flex-flow:column nowrap;justify-content:center;padding-top:40px;width:100%}.nfts{overflow:auto;width:100%}.nfts__empty-nft-list{color:var(--text-light);padding:1.75rem 1rem;text-align:center;width:100%}.nfts__container{grid-gap:24px;display:grid;grid-template-columns:repeat(3,1fr);width:100%}.nft-skeleton,.nfts__item{background-color:#fff}.nft-skeleton,.nft-skeleton-dark,.nfts__item,.nfts__item-dark{border:1px solid rgba(0,0,0,.1);border-radius:15px;box-shadow:0 3px 30px 0 rgba(0,0,0,.07);height:100%;overflow:hidden;width:100%}.nft-skeleton-dark,.nfts__item-dark{background-color:#373840;color:#fff}.nfts__item-image{background-color:var(--border-color);background-position:50%;background-size:cover;height:200px;width:100%}.nfts__item-video{max-width:100%}.nfts__item-image--loading{position:relative}.nfts__item-image--loading:after{animation:nft-image-loading 3s linear infinite;background:var(--gradient);bottom:0;content:"";height:3px;left:0;position:absolute;width:10px}@keyframes nft-image-loading{0%{left:0;width:0}47.5%{left:0;width:100%}95%,to{left:100%;width:0}}.nfts__item-info{align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between;padding:15px 20px}.nfts__item-name{color:var(--text);font-weight:600}.nfts__item-name-dark{color:#fff;font-weight:600}.nfts__item-name:hover{cursor:pointer}.nfts__item-name+.nfts__item-balance{margin-left:15px}.nfts__item-balance{align-items:center;background-color:#a93185;border-radius:99px;color:#fff;display:flex;font-size:.688rem;font-weight:600;justify-content:center;line-height:1.1;padding:3px 6px;text-align:center}.nft-skeleton__image{background-color:var(--border-color);border-radius:10px;height:185px;margin:15px 15px 0;width:calc(100% - 30px)}.nft-skeleton__name{background-color:var(--border-color);border-radius:99px;height:1.5rem;margin:15px;width:50%}@media only screen and (max-width:1300px){.nfts__container{grid-template-columns:1fr 1fr}}@media only screen and (max-width:1200px){.nfts__container{grid-template-columns:1fr}}.nfts__empty{align-items:center;display:flex;flex-flow:column nowrap;justify-content:flex-start;padding:1.25rem;width:100%}.nfts__empty .uik-text{animation:nfts-empty-appear .5s}.nfts__empty .uik-button{animation:nfts-empty-appear .5s .2s backwards;margin-top:1.25rem}@keyframes nfts-empty-appear{0%{opacity:0;transform:translateY(10px)}}.nfts__item:hover{cursor:pointer}.overlay-swap .overlay-action__wrapper{background:hsla(var(--bg--h),var(--bg--s),var(--bg--l),.9)}.overlay-swap .overlay-action__close-btn{background-color:var(--bg)}.overlay-swap .overlay-action__content{max-width:600px}.overlay-swap .overlay-action__slot{align-items:center;padding-top:60px}.overlay-swap .uik-pool-actions{box-shadow:10px 10px 20px -5px hsl(var(--bg--h),var(--bg--s),calc(var(--bg--l) - 10%)),-10px -10px 20px -5px hsl(var(--bg--h),var(--bg--s),calc(var(--bg--l) + 4%));margin-right:0;max-width:100%;min-width:100%;width:100%}.overlay-swap .uik-pool-actions__tokens{margin-top:0}.nft-name--modal{font-size:x-large;font-weight:700}.nft-iconurl{border-radius:20px;margin-top:15px;max-width:250px}.nft-iconurl-small{border-radius:5px;margin-bottom:20px;max-width:50%}.send-nft-view{align-items:center;display:flex;justify-content:center}.nfts__item-video-small{max-width:50%}.nft-view{align-items:center;display:flex;justify-content:center}.display-table{background-color:#e6e2f1;border-radius:10px;font-size:14px;margin-top:8px;padding:6px}.display-table-label{color:#a93185;font-weight:700}.nft-box-send-btn{align-items:center;display:flex;justify-content:center;margin-top:16px}.nft__button{border:none;outline:none}.nft-hidden{display:none}.send__address{align-items:center;display:flex;justify-content:center;margin-bottom:10px;margin-top:6px;position:relative;width:100%}.send__address-input{padding:0 17px 1px 71px}.send__address-input,.send__amount-input{background-color:#e6e2f1;border:none;border-radius:15px;color:var(--text);font-family:var(--font);font-size:15px;font-weight:500;height:70px;line-height:1.2;transition:all .125s;width:100%}.send__amount-input{padding:0 17px 1px}.send__address .send__address-identicon{background-color:#dad5eaad;border-radius:10px;left:13px;pointer-events:none;position:absolute}.token-card{width:100%}.text-btn{color:var(--primary);font-weight:500;text-decoration:none}.text-btn:hover{color:var(--secondary)}.token-card__wrapper{align-items:center;background:#fff;border-radius:15px;box-shadow:var(--shadow);display:flex;flex-flow:row nowrap;justify-content:space-between;margin-bottom:.5rem!important;padding:15px;width:100%}.token-card__wrapper-dark{background:#373840!important}.token-card__main{align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-start}.token-card__image{background-size:cover;border:none;border-radius:50%;height:44px;min-height:44px;min-width:44px;transition:all .15s;width:44px}.token-card--no-balance{background:#fff;border:none;border-radius:15px;box-shadow:var(--shadow);overflow:hidden;width:100%}.token-card__image:hover{cursor:pointer;filter:brightness(1.05)}.token-card__image:active{cursor:pointer;filter:brightness(1.25)}.token-card__info{align-items:flex-start;display:flex;flex-flow:column nowrap;justify-content:center;margin-left:15px}.token-card__token-info{align-items:flex-end;display:flex;flex-flow:row nowrap;justify-content:flex-start;white-space:nowrap}.token-card__token-name{color:var(--text);font-size:16px;font-weight:600;line-height:1.45}.token-card__token-name-dark{color:#fff!important}.token-card__token-price{background:transparent;border:none;color:var(--text);font-size:13px;font-weight:500;line-height:1.35;margin:0;padding:0;transition:all .15}.token-card__token-price-dark{color:#fff!important}.token-card__token-price:not([disabled]):hover{color:var(--primary);cursor:pointer}.token-card__aside{align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-end;padding-right:5px}.token-card__values{align-items:flex-end;display:flex;flex-flow:column nowrap;justify-content:center;margin:0 25px;text-align:right;white-space:nowrap}.token-card__value{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(0deg,var(--primary),var(--secondary));-webkit-background-clip:text;border:none;font-size:18px;font-weight:900;line-height:1.35}.token-card__value--hidden{align-items:center;cursor:pointer;display:flex;flex-flow:row nowrap;justify-content:flex-end}.token-card__value--hidden div{animation:dashboard-balance-hidden-dot .15s;background-color:var(--primary);border-radius:50%;height:6px;margin-left:3px;width:6px}.token-card__amount{background-color:transparent;border:none;color:var(--text);font-size:13px;font-weight:500;line-height:1.35}.token-card__amount-dark{color:#fff!important}.token-card__amount:hover,.token-card__value:hover{cursor:auto}.token-card__amount--hidden:hover,.token-card__value--hidden:hover{cursor:pointer}.token-card__amount--hidden{align-items:center;cursor:pointer;display:flex;flex-flow:row nowrap;justify-content:flex-end;margin-bottom:-1px;padding-top:7px}.token-card__amount--hidden div{animation:dashboard-balance-hidden-dot .15s;background-color:var(--text-light);border-radius:50%;height:6px;margin-left:3px;width:6px}.token-card .uik-button .uik-button__icon{margin-left:-2px}.token-card .uik-button+.uik-button{margin-left:15px}.token-card+*{margin-top:15px}.token-card--skeleton .token-card__image{background-color:var(--border-color)}.token-card--skeleton .token-card__token-name,.token-card--skeleton .token-card__token-price{background-color:var(--border-color);border-radius:99px;height:10px;width:200px}.token-card--skeleton .token-card__token-price{margin-top:10px;width:100px}.token-card--skeleton-dark .token-card__image{background-color:#9b9c9f!important}.token-card--skeleton-dark .token-card__token-name,.token-card--skeleton-dark .token-card__token-price{background-color:#9b9c9f!important;border-radius:99px;height:10px;width:200px}.token-card--skeleton-dark .token-card__token-price{margin-top:10px;width:100px}
 /*# sourceMappingURL=index.css.map */