import './reset.css';
import { type RequiredConditionalValue } from '@vanilla-extract/sprinkles';
declare const themeContractValues: {
    colors: {
        accentColor: string;
        accentColorForeground: string;
        actionButtonBorder: string;
        connectButtonBackground: string;
        connectButtonBackgroundError: string;
        connectButtonText: string;
        connectButtonTextError: string;
        connectionIndicator: string;
        error: string;
        errorBackground: string;
        errorBorder: string;
        generalBorder: string;
        generalBorderDim: string;
        menuItemBackground: string;
        selectedOptionBorder: string;
        focusedOptionBorder: string;
        standby: string;
        success: string;
        delayedStatusIcon: string;
        chainIconBorder: string;
        modalBackdrop: string;
        modalBackground: string;
        /**
         * Optional CSS `background` painted as a *translucent overlay* on top of
         * the modal background when the post-checkout success screen renders for
         * a *completed* checkout. Falls back to `modalBackground` so non-
         * overriding themes paint nothing extra (the overlay color matches what
         * was already there). Customers (e.g. Aave) set a multi-stop
         * `linear-gradient(...)` stack here; use `rgba(..., 0)` stops (no opaque
         * base) so it composites correctly on both light and dark backgrounds.
         */
        modalBackgroundCheckoutComplete: string;
        modalBorder: string;
        offBackground: string;
        offBackgroundInverse: string;
        hoverState: string;
        lightStroke: string;
        mediumStroke: string;
        heavyStroke: string;
        strokeColor: string;
        secondaryBackground: string;
        modalTopbarIcon: string;
        modalTopbarIconBackground: string;
        modalTopbarIconBackgroundHover: string;
        modalTopbarIconBackgroundPressed: string;
        modalTopbarIconStroke: string;
        primaryText: string;
        secondaryText: string;
        tertiaryText: string;
        textSelection: string;
        inputLabel: string;
        inputBackground: string;
        inputBackgroundHover: string;
        inputBorderBase: string;
        inputBorderHover: string;
        activeTabBorderColor: string;
        activeTabBackground: string;
        inactiveTabBorderColor: string;
        inactiveTabBackgroundBase: string;
        inactiveTabBackgroundHover: string;
        inactiveTabBackgroundActive: string;
        activeTabText: string;
        inactiveTabTextBase: string;
        inactiveTabHover: string;
        actionColor: string;
        actionColorHover: string;
        actionColorDisabled: string;
        buttonPrimary: string;
        buttonDisabled: string;
        buttonWarning: string;
        buttonSuccess: string;
        buttonTextPrimary: string;
        buttonTextHover: string;
        buttonTextDisabled: string;
        transparent: string;
        buttonBackgroundTertiary: string;
        buttonBackgroundHoverTertiary: string;
        buttonBackgroundDisabledTertiary: string;
        buttonTextTertiary: string;
        buttonTextDisabledTertiary: string;
        buttonBackground: string;
        buttonBackgroundHover: string;
        buttonBackgroundPressed: string;
        buttonBackgroundDisabled: string;
        buttonTextSecondaryDisabled: string;
        buttonTextSecondary: string;
        buttonIconBackgroundHover: string;
        buttonIconBackgroundPressed: string;
        buttonIconStroke: string;
        buttonBorderTertiary: string;
        buttonBorderFocusedTertiary: string;
        buttonFocusedOutline: string;
        buttonBorderGradient: string;
        buttonHoverBorderGradient: string;
        buttonDisabledBorderGradient: string;
        badgeBackgroundSuccess: string;
        badgeBorderSuccess: string;
        badgeTextSuccess: string;
        newBadgeBackground: string;
        newBadgeBorder: string;
        newBadgeText: string;
        approvedBadgeBackground: string;
        approvedBadgeBorder: string;
        approvedBadgeText: string;
        failedBadgeBackground: string;
        failedBadgeBorder: string;
        failedBadgeText: string;
        inputAmountQuickOptionBaseBackground: string;
        inputAmountQuickOptionHoverBackground: string;
        inputAmountQuickOptionActiveBackground: string;
        inputAmountQuickOptionDisabledBackground: string;
        inputAmountQuickOptionBaseBorder: string;
        inputAmountQuickOptionHoverBorder: string;
        inputAmountQuickOptionActiveBorder: string;
        inputAmountQuickOptionFocusedBorder: string;
        inputAmountFiatDecimalsColor: string;
        youPayYouReceiveBackground: string;
        youPayYouReceiveBorder: string;
        youPayYouReceivePrimaryText: string;
        youPayYouReceiveSecondaryText: string;
        announceGradientFrom: string;
        announceGradientTo: string;
        modalHeaderDivider: string;
        modalFooterDivider: string;
        fiatPendingGradientFrom: string;
        fiatPendingGradientTo: string;
        fiatSuccessBackgroundFill: string;
        fiatFailedBackgroundFill: string;
        fiatStatusIconBorder: string;
        fiatAccountIconFill: string;
        fiatAccountGradientFrom: string;
        fiatAccountGradientTo: string;
        optionBoxBackground: string;
        optionBoxBorderedBackground: string;
        optionBoxBackgroundUninteractive: string;
        optionBoxBorderBase: string;
        optionBoxBorderHover: string;
        optionBoxDefaultModeNotActiveBorderBase: string;
        optionBoxDefaultModeNotActiveBorderHover: string;
        openDropdownBackgroundColor: string;
        dropdownActiveItemBackgroundBase: string;
        dropdownActiveItemBackgroundHover: string;
        dropdownActiveItemBackgroundDisabled: string;
        dropdownActiveItemBorderBase: string;
        dropdownActiveItemBorderHover: string;
        dropdownGroupHeader: string;
        selectedDropdownItemBackground: string;
        alwaysVisibleLabelBackgroundHover: string;
        selectedDropdownItemText: string;
        useConnectedBackgroundBase: string;
        useConnectedBackgroundHover: string;
        copyButtonBackgroundBase: string;
        copyButtonBackgroundHover: string;
        copyButtonBackgroundActive: string;
        copyButtonBorderBase: string;
        copyButtonBorderHover: string;
        funFeatureListBackgroundBase: string;
        funFeatureListBackgroundHover: string;
        funFeatureListBorderColor: string;
        funFeatureListBorderColorHover: string;
        spinnerBackground: string;
        spinnerIndicator: string;
        spinnerBackgroundVerifyAccount: string;
        spinnerIndicatorVerifyAccount: string;
        txSummaryBoxBackground: string;
        txSummaryBoxBorder: string;
        counterRingColor: string;
        cryptoCashToggleContainerBorderColor: string;
        cryptoCashToggleBackground: string;
        qrCodeBackground: string;
        qrCodeForeground: string;
        withdrawalYouWillReceiveLabel: string;
        withdrawalYouWillReceiveValueCrypto: string;
        withdrawalYouWillReceiveValueUsd: string;
    };
    dimensions: {
        connectExchangeIconSize: string;
        cryptoCashToggleIconSize: string;
        dollarValueSkeletonHeight: string;
        dollarValueSkeletonWidth: string;
        inputAmountQuickOptionButtonHeight: string;
        inputAmountMinHeight: string;
        modalBottomBarButtonHeight: string;
        modalBottomBarCloseButtonHeight: string;
        modalTopBarHeight: string;
        modalTopbarIconSize: string;
        modalTopbarIconWrapperSize: string;
        paymentAmountSkeletonBlockHeight: string;
        paymentAmountSkeletonBlockWidth: string;
        paymentAmountSkeletonCircleSize: string;
        paymentMethodItemIconSize: string;
        selectAssetItemIconSize: string;
        sourceListGap: string;
        txBreakdownSkeletonWidth: string;
        txSummaryLineSkeletonHeight: string;
        txSummaryLineSkeletonWidth: string;
    };
    fonts: {
        amountValue: string;
        body: string;
        buttonTextPrimary: string;
        buttonTextSecondary: string;
        buttonTextTertiary: string;
        dropdownGroupHeader: string;
        header: string;
        inputAmount: string;
        modalTopbarTitle: string;
        txStatusDescription: string;
        txStatusTitle: string;
    };
    fontWeight: {
        regular: string;
        medium: string;
        semibold: string;
        bold: string;
        heavy: string;
        cryptoCashToggle: string;
        dropdownGroupHeader: string;
        inputAmount: string;
        inputLabel: string;
        inputValue: string;
        modalTopbarTitle: string;
        modalBottomBarButtonText: string;
        paymentMethodItemSubtitle: string;
        paymentMethodItemTitle: string;
        selectAssetItemSubtitle: string;
        selectAssetItemTitle: string;
        sourceListSectionLabelFontWeight: string;
        txBreakdown: string;
        txStatusDescription: string;
        txStatusTitle: string;
        txSummaryLabel: string;
        txSummaryValue: string;
        formOfPaymentsListSectionLabelFontWeight: string;
        withdrawalYouWillReceiveLabel: string;
        withdrawalYouWillReceiveValueCrypto: string;
        withdrawalYouWillReceiveValueUsd: string;
    };
    fontSize: {
        '10': {
            fontSize: string;
            lineHeight: string;
        };
        '12': {
            fontSize: string;
            lineHeight: string;
        };
        '13': {
            fontSize: string;
            lineHeight: string;
        };
        '14': {
            fontSize: string;
            lineHeight: string;
        };
        '16': {
            fontSize: string;
            lineHeight: string;
        };
        '18': {
            fontSize: string;
            lineHeight: string;
        };
        '20': {
            fontSize: string;
            lineHeight: string;
        };
        '21': {
            fontSize: string;
            lineHeight: string;
        };
        '40': {
            fontSize: string;
            lineHeight: string;
        };
        '57': {
            fontSize: string;
            lineHeight: string;
        };
        body: {
            fontSize: string;
            lineHeight: string;
        };
        cryptoCashToggle: {
            fontSize: string;
            lineHeight: string;
        };
        'header-14': {
            fontSize: string;
            lineHeight: string;
        };
        'header-36': {
            fontSize: string;
            lineHeight: string;
        };
        buttonTextPrimary: {
            fontSize: string;
            lineHeight: string;
        };
        buttonTextSecondary: {
            fontSize: string;
            lineHeight: string;
        };
        buttonTextTertiary: {
            fontSize: string;
            lineHeight: string;
        };
        dollarValue: {
            fontSize: string;
            lineHeight: string;
        };
        dropdownGroupHeader: {
            fontSize: string;
            lineHeight: string;
        };
        inputAmount: {
            fontSize: string;
            lineHeight: string;
        };
        inputLabel: {
            fontSize: string;
            lineHeight: string;
        };
        inputValue: {
            fontSize: string;
            lineHeight: string;
        };
        modalTopbarSubtitle: {
            fontSize: string;
            lineHeight: string;
        };
        modalTopbarTitle: {
            fontSize: string;
            lineHeight: string;
        };
        modalBottomBarButtonText: {
            fontSize: string;
            lineHeight: string;
        };
        paymentMethodItemSubtitle: {
            fontSize: string;
            lineHeight: string;
        };
        paymentMethodItemTitle: {
            fontSize: string;
            lineHeight: string;
        };
        selectAssetItemSubtitle: {
            fontSize: string;
            lineHeight: string;
        };
        selectAssetItemTitle: {
            fontSize: string;
            lineHeight: string;
        };
        txBreakdown: {
            fontSize: string;
            lineHeight: string;
        };
        txStatusDescription: {
            fontSize: string;
            lineHeight: string;
        };
        txStatusTitle: {
            fontSize: string;
            lineHeight: string;
        };
        txSummaryLabel: {
            fontSize: string;
            lineHeight: string;
        };
        txSummaryValue: {
            fontSize: string;
            lineHeight: string;
        };
        withdrawalYouWillReceive: {
            fontSize: string;
            lineHeight: string;
        };
        youPayYouReceivePrimaryFontSize: {
            fontSize: string;
            lineHeight: string;
        };
        youPayYouReceiveSecondaryFontSize: {
            fontSize: string;
            lineHeight: string;
        };
        depositAddressFontSize: {
            fontSize: string;
            lineHeight: string;
        };
        funFeatureListItemFontSize: {
            fontSize: string;
            lineHeight: string;
        };
        dropdownItemFontSize: {
            fontSize: string;
            lineHeight: string;
        };
        sourceListSectionLabelFontSize: {
            fontSize: string;
            lineHeight: string;
        };
        formOfPaymentsListSectionLabelFontSize: {
            fontSize: string;
            lineHeight: string;
        };
        quickOptionFontSize: {
            fontSize: string;
            lineHeight: string;
        };
        useConnectedFontSize: {
            fontSize: string;
            lineHeight: string;
        };
        paymentFeeSummaryTooltip: {
            fontSize: string;
            lineHeight: string;
        };
        tooltipContent: {
            fontSize: string;
            lineHeight: string;
        };
    };
    radii: {
        actionButton: string;
        actionButtonInner: string;
        connectButton: string;
        menuButton: string;
        modal: string;
        modalMobile: string;
        modalActionButton: string;
        modalActionButtonMobile: string;
        summaryBox: string;
        youPayYouReceive: string;
        inputAmountSwitcher: string;
        qrCode: string;
        skeleton: string;
        tooltip: string;
        dropdown: string;
        dropdownItem: string;
        dropdownList: string;
        modalTopbarIcon: string;
        withdrawalInput: string;
        useConnected: string;
    };
    borderWidths: {
        activeOptionBorderWidth: string;
        buttonTertiaryBorderWidth: string;
        cryptoCashToggleContainerBorderWidth: string;
        cryptoCashToggleActiveTabBorderWidth: string;
        cryptoCashToggleInactiveTabBorderWidth: string;
        txSummaryBoxBorderWidth: string;
    };
    shadows: {
        connectButton: string;
        dialog: string;
        selectedOption: string;
        selectedWallet: string;
        dropdown: string;
        notification: string;
        qrCode: string;
        buttonShadow: string;
        buttonShadowTertiary: string;
        buttonFocusedShadow: string;
        buttonFocusedShadowTertiary: string;
        buttonHoverShadow: string;
        buttonHoverShadowTertiary: string;
        buttonDisabledShadow: string;
        buttonDisabledShadowTertiary: string;
        buttonInnerShadow: string;
        buttonInnerShadowTertiary: string;
        buttonFocusedInnerShadow: string;
        buttonFocusedInnerShadowTertiary: string;
        buttonHoverInnerShadow: string;
        buttonHoverInnerShadowTertiary: string;
        buttonDisabledInnerShadow: string;
        buttonDisabledInnerShadowTertiary: string;
        selectedDropdownItem: string;
    };
    spacing: {
        confirmationStepMarginTop: string;
        confirmationStepVerticalGap: string;
        cryptoCashToggleContainerPadding: string;
        cryptoCashToggleMarginBottom: string;
        cryptoCashToggleMarginTop: string;
        cryptoCashToggleTabPaddingY: string;
        dropdownItemIconGap: string;
        dropdownItemPaddingX: string;
        dropdownItemPaddingY: string;
        dropdownCompactPaddingX: string;
        dropdownCompactPaddingY: string;
        dropdownPaddingX: string;
        dropdownPaddingY: string;
        modalBaseHorizontalPadding: string;
        modalBottomBarButtonPaddingY: string;
        modalBottomHorizontalPadding: string;
        modalPaddingBottomUpper: string;
        modalPaddingBottomLower: string;
        modalTopBarVerticalTextSpacing: string;
        selectAssetItemPaddingX: string;
        selectAssetItemPaddingY: string;
        selectAssetItemTextGap: string;
        selectBrokerageItemPaddingX: string;
        selectBrokerageItemPaddingY: string;
        selectBrokerageListGap: string;
        walletConnectorListGap: string;
        txBreakdownMarginY: string;
        txBreakdownPaddingX: string;
        txSummaryBoxPaddingX: string;
        txSummaryBoxPaddingY: string;
        txSummaryLineItemPadding: string;
        txSummaryDividerMarginX: string;
        txSummaryDividerMarginY: string;
        verticalSectionGap: string;
        withdrawalModalPaddingTop: string;
        youPayYouReceivePaddingLeft: string;
        youPayYouReceivePaddingRight: string;
        youPayYouReceivePaddingY: string;
        inputPaddingX: string;
        inputPaddingY: string;
        dropdownActiveItemRegularSizePaddingY: string;
        assetListDefaultGap: string;
        dropdownGroupDividerMarginY: string;
    };
    textTransforms: {
        inputAmountQuickOptionButton: string;
        txStatusTitle: string;
    };
    blurs: {
        modalOverlay: string;
    };
    opacities: {
        buttonPrimaryDisabled: string;
    };
    moonpayTheme: string;
    modalZIndex: string;
};
export declare const validColorNames: string[];
export type ThemeVars = typeof themeContractValues;
export declare const themeVars: {
    colors: {
        accentColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        accentColorForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        actionButtonBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        connectButtonBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        connectButtonBackgroundError: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        connectButtonText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        connectButtonTextError: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        connectionIndicator: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        errorBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        errorBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        generalBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        generalBorderDim: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        menuItemBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        selectedOptionBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        focusedOptionBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        standby: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        delayedStatusIcon: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        chainIconBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        modalBackdrop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        modalBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        modalBackgroundCheckoutComplete: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        modalBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        offBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        offBackgroundInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        hoverState: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        lightStroke: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        mediumStroke: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        heavyStroke: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        strokeColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        secondaryBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        modalTopbarIcon: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        modalTopbarIconBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        modalTopbarIconBackgroundHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        modalTopbarIconBackgroundPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        modalTopbarIconStroke: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        primaryText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        secondaryText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        tertiaryText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        textSelection: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        inputLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        inputBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        inputBackgroundHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        inputBorderBase: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        inputBorderHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        activeTabBorderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        activeTabBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        inactiveTabBorderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        inactiveTabBackgroundBase: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        inactiveTabBackgroundHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        inactiveTabBackgroundActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        activeTabText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        inactiveTabTextBase: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        inactiveTabHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        actionColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        actionColorHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        actionColorDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonWarning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonSuccess: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonTextPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonTextHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonTextDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        transparent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonBackgroundTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonBackgroundHoverTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonBackgroundDisabledTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonTextTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonTextDisabledTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonBackgroundHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonBackgroundPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonBackgroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonTextSecondaryDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonTextSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonIconBackgroundHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonIconBackgroundPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonIconStroke: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonBorderTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonBorderFocusedTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonFocusedOutline: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonBorderGradient: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonHoverBorderGradient: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonDisabledBorderGradient: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        badgeBackgroundSuccess: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        badgeBorderSuccess: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        badgeTextSuccess: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        newBadgeBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        newBadgeBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        newBadgeText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        approvedBadgeBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        approvedBadgeBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        approvedBadgeText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        failedBadgeBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        failedBadgeBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        failedBadgeText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        inputAmountQuickOptionBaseBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        inputAmountQuickOptionHoverBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        inputAmountQuickOptionActiveBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        inputAmountQuickOptionDisabledBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        inputAmountQuickOptionBaseBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        inputAmountQuickOptionHoverBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        inputAmountQuickOptionActiveBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        inputAmountQuickOptionFocusedBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        inputAmountFiatDecimalsColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        youPayYouReceiveBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        youPayYouReceiveBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        youPayYouReceivePrimaryText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        youPayYouReceiveSecondaryText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        announceGradientFrom: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        announceGradientTo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        modalHeaderDivider: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        modalFooterDivider: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        fiatPendingGradientFrom: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        fiatPendingGradientTo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        fiatSuccessBackgroundFill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        fiatFailedBackgroundFill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        fiatStatusIconBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        fiatAccountIconFill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        fiatAccountGradientFrom: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        fiatAccountGradientTo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        optionBoxBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        optionBoxBorderedBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        optionBoxBackgroundUninteractive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        optionBoxBorderBase: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        optionBoxBorderHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        optionBoxDefaultModeNotActiveBorderBase: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        optionBoxDefaultModeNotActiveBorderHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        openDropdownBackgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dropdownActiveItemBackgroundBase: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dropdownActiveItemBackgroundHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dropdownActiveItemBackgroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dropdownActiveItemBorderBase: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dropdownActiveItemBorderHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dropdownGroupHeader: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        selectedDropdownItemBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        alwaysVisibleLabelBackgroundHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        selectedDropdownItemText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        useConnectedBackgroundBase: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        useConnectedBackgroundHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        copyButtonBackgroundBase: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        copyButtonBackgroundHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        copyButtonBackgroundActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        copyButtonBorderBase: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        copyButtonBorderHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        funFeatureListBackgroundBase: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        funFeatureListBackgroundHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        funFeatureListBorderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        funFeatureListBorderColorHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        spinnerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        spinnerIndicator: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        spinnerBackgroundVerifyAccount: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        spinnerIndicatorVerifyAccount: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        txSummaryBoxBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        txSummaryBoxBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        counterRingColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        cryptoCashToggleContainerBorderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        cryptoCashToggleBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        qrCodeBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        qrCodeForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        withdrawalYouWillReceiveLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        withdrawalYouWillReceiveValueCrypto: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        withdrawalYouWillReceiveValueUsd: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    dimensions: {
        connectExchangeIconSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        cryptoCashToggleIconSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dollarValueSkeletonHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dollarValueSkeletonWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        inputAmountQuickOptionButtonHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        inputAmountMinHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        modalBottomBarButtonHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        modalBottomBarCloseButtonHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        modalTopBarHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        modalTopbarIconSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        modalTopbarIconWrapperSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        paymentAmountSkeletonBlockHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        paymentAmountSkeletonBlockWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        paymentAmountSkeletonCircleSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        paymentMethodItemIconSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        selectAssetItemIconSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        sourceListGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        txBreakdownSkeletonWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        txSummaryLineSkeletonHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        txSummaryLineSkeletonWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    fonts: {
        amountValue: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonTextPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonTextSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonTextTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dropdownGroupHeader: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        header: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        inputAmount: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        modalTopbarTitle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        txStatusDescription: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        txStatusTitle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    fontWeight: {
        regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        semibold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        heavy: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        cryptoCashToggle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dropdownGroupHeader: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        inputAmount: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        inputLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        inputValue: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        modalTopbarTitle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        modalBottomBarButtonText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        paymentMethodItemSubtitle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        paymentMethodItemTitle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        selectAssetItemSubtitle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        selectAssetItemTitle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        sourceListSectionLabelFontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        txBreakdown: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        txStatusDescription: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        txStatusTitle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        txSummaryLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        txSummaryValue: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        formOfPaymentsListSectionLabelFontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        withdrawalYouWillReceiveLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        withdrawalYouWillReceiveValueCrypto: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        withdrawalYouWillReceiveValueUsd: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    fontSize: {
        '10': {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        '12': {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        '13': {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        '14': {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        '16': {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        '18': {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        '20': {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        '21': {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        '40': {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        '57': {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        body: {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        cryptoCashToggle: {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        'header-14': {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        'header-36': {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        buttonTextPrimary: {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        buttonTextSecondary: {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        buttonTextTertiary: {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        dollarValue: {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        dropdownGroupHeader: {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        inputAmount: {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        inputLabel: {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        inputValue: {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        modalTopbarSubtitle: {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        modalTopbarTitle: {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        modalBottomBarButtonText: {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        paymentMethodItemSubtitle: {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        paymentMethodItemTitle: {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        selectAssetItemSubtitle: {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        selectAssetItemTitle: {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        txBreakdown: {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        txStatusDescription: {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        txStatusTitle: {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        txSummaryLabel: {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        txSummaryValue: {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        withdrawalYouWillReceive: {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        youPayYouReceivePrimaryFontSize: {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        youPayYouReceiveSecondaryFontSize: {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        depositAddressFontSize: {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        funFeatureListItemFontSize: {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        dropdownItemFontSize: {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        sourceListSectionLabelFontSize: {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        formOfPaymentsListSectionLabelFontSize: {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        quickOptionFontSize: {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        useConnectedFontSize: {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        paymentFeeSummaryTooltip: {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        tooltipContent: {
            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
    };
    radii: {
        actionButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        actionButtonInner: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        connectButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        menuButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        modal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        modalMobile: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        modalActionButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        modalActionButtonMobile: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        summaryBox: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        youPayYouReceive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        inputAmountSwitcher: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        qrCode: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        skeleton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        tooltip: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dropdown: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dropdownItem: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dropdownList: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        modalTopbarIcon: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        withdrawalInput: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        useConnected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    borderWidths: {
        activeOptionBorderWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonTertiaryBorderWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        cryptoCashToggleContainerBorderWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        cryptoCashToggleActiveTabBorderWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        cryptoCashToggleInactiveTabBorderWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        txSummaryBoxBorderWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    shadows: {
        connectButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dialog: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        selectedOption: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        selectedWallet: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dropdown: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        notification: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        qrCode: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonShadowTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonFocusedShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonFocusedShadowTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonHoverShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonHoverShadowTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonDisabledShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonDisabledShadowTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonInnerShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonInnerShadowTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonFocusedInnerShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonFocusedInnerShadowTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonHoverInnerShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonHoverInnerShadowTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonDisabledInnerShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        buttonDisabledInnerShadowTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        selectedDropdownItem: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    spacing: {
        confirmationStepMarginTop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        confirmationStepVerticalGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        cryptoCashToggleContainerPadding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        cryptoCashToggleMarginBottom: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        cryptoCashToggleMarginTop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        cryptoCashToggleTabPaddingY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dropdownItemIconGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dropdownItemPaddingX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dropdownItemPaddingY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dropdownCompactPaddingX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dropdownCompactPaddingY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dropdownPaddingX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dropdownPaddingY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        modalBaseHorizontalPadding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        modalBottomBarButtonPaddingY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        modalBottomHorizontalPadding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        modalPaddingBottomUpper: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        modalPaddingBottomLower: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        modalTopBarVerticalTextSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        selectAssetItemPaddingX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        selectAssetItemPaddingY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        selectAssetItemTextGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        selectBrokerageItemPaddingX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        selectBrokerageItemPaddingY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        selectBrokerageListGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        walletConnectorListGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        txBreakdownMarginY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        txBreakdownPaddingX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        txSummaryBoxPaddingX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        txSummaryBoxPaddingY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        txSummaryLineItemPadding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        txSummaryDividerMarginX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        txSummaryDividerMarginY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        verticalSectionGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        withdrawalModalPaddingTop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        youPayYouReceivePaddingLeft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        youPayYouReceivePaddingRight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        youPayYouReceivePaddingY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        inputPaddingX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        inputPaddingY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dropdownActiveItemRegularSizePaddingY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        assetListDefaultGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dropdownGroupDividerMarginY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    textTransforms: {
        inputAmountQuickOptionButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        txStatusTitle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    blurs: {
        modalOverlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    opacities: {
        buttonPrimaryDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    moonpayTheme: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    modalZIndex: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
export declare const largeScreenMinWidth = 768;
declare const responsiveProperties: {
    conditions: {
        defaultCondition: "smallScreen";
        conditionNames: ("smallScreen" | "largeScreen")[];
    };
    styles: {
        alignItems: {
            values: {
                center: {
                    defaultClass: string;
                    conditions: {
                        smallScreen: string;
                        largeScreen: string;
                    };
                };
                "flex-end": {
                    defaultClass: string;
                    conditions: {
                        smallScreen: string;
                        largeScreen: string;
                    };
                };
                "flex-start": {
                    defaultClass: string;
                    conditions: {
                        smallScreen: string;
                        largeScreen: string;
                    };
                };
            };
        };
        display: {
            values: {
                none: {
                    defaultClass: string;
                    conditions: {
                        smallScreen: string;
                        largeScreen: string;
                    };
                };
                flex: {
                    defaultClass: string;
                    conditions: {
                        smallScreen: string;
                        largeScreen: string;
                    };
                };
                block: {
                    defaultClass: string;
                    conditions: {
                        smallScreen: string;
                        largeScreen: string;
                    };
                };
                inline: {
                    defaultClass: string;
                    conditions: {
                        smallScreen: string;
                        largeScreen: string;
                    };
                };
            };
        };
    };
};
export type ResponsiveValue<Value extends string | number | boolean> = RequiredConditionalValue<typeof responsiveProperties, Value>;
export declare const mapResponsiveValue: <OutputValue extends string | number | boolean | null | undefined, Value extends import("@vanilla-extract/sprinkles").ConditionalValue<{
    conditions: {
        defaultCondition: "smallScreen";
        conditionNames: ("smallScreen" | "largeScreen")[];
    };
    styles: {
        alignItems: {
            values: {
                center: {
                    defaultClass: string;
                    conditions: {
                        smallScreen: string;
                        largeScreen: string;
                    };
                };
                "flex-end": {
                    defaultClass: string;
                    conditions: {
                        smallScreen: string;
                        largeScreen: string;
                    };
                };
                "flex-start": {
                    defaultClass: string;
                    conditions: {
                        smallScreen: string;
                        largeScreen: string;
                    };
                };
            };
        };
        display: {
            values: {
                none: {
                    defaultClass: string;
                    conditions: {
                        smallScreen: string;
                        largeScreen: string;
                    };
                };
                flex: {
                    defaultClass: string;
                    conditions: {
                        smallScreen: string;
                        largeScreen: string;
                    };
                };
                block: {
                    defaultClass: string;
                    conditions: {
                        smallScreen: string;
                        largeScreen: string;
                    };
                };
                inline: {
                    defaultClass: string;
                    conditions: {
                        smallScreen: string;
                        largeScreen: string;
                    };
                };
            };
        };
    };
}, string | number | boolean>>(value: Value, fn: (inputValue: Value extends import("@vanilla-extract/sprinkles").ResponsiveArray<1, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 3 | 2, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 3 | 4 | 2, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 3 | 4 | 2 | 5, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 3 | 4 | 2 | 5 | 6, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 3 | 4 | 2 | 5 | 6 | 7, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 3 | 4 | 2 | 5 | 6 | 7 | 8, string | number | boolean | null> ? NonNullable<Value[number]> : Value extends Partial<Record<string, string | number | boolean>> ? NonNullable<Value[keyof Value]> : Value, key: "smallScreen" | "largeScreen") => OutputValue) => Value extends string | number | boolean ? OutputValue : Partial<Record<"smallScreen" | "largeScreen", OutputValue>>;
export declare const normalizeResponsiveValue: <Value extends string | number | boolean>(value: import("@vanilla-extract/sprinkles").ConditionalValue<{
    conditions: {
        defaultCondition: "smallScreen";
        conditionNames: ("smallScreen" | "largeScreen")[];
    };
    styles: {
        alignItems: {
            values: {
                center: {
                    defaultClass: string;
                    conditions: {
                        smallScreen: string;
                        largeScreen: string;
                    };
                };
                "flex-end": {
                    defaultClass: string;
                    conditions: {
                        smallScreen: string;
                        largeScreen: string;
                    };
                };
                "flex-start": {
                    defaultClass: string;
                    conditions: {
                        smallScreen: string;
                        largeScreen: string;
                    };
                };
            };
        };
        display: {
            values: {
                none: {
                    defaultClass: string;
                    conditions: {
                        smallScreen: string;
                        largeScreen: string;
                    };
                };
                flex: {
                    defaultClass: string;
                    conditions: {
                        smallScreen: string;
                        largeScreen: string;
                    };
                };
                block: {
                    defaultClass: string;
                    conditions: {
                        smallScreen: string;
                        largeScreen: string;
                    };
                };
                inline: {
                    defaultClass: string;
                    conditions: {
                        smallScreen: string;
                        largeScreen: string;
                    };
                };
            };
        };
    };
}, Value>) => Partial<Record<"smallScreen" | "largeScreen", Value>>;
export declare const sprinkles: ((props: {
    background?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | {
        base?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | undefined;
        hover?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | undefined;
        active?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | undefined;
        selection?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | undefined;
        focused?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | undefined;
        focusedVisible?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | undefined;
    } | undefined;
    borderColor?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | {
        base?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | undefined;
        hover?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | undefined;
        active?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | undefined;
        selection?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | undefined;
        focused?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | undefined;
        focusedVisible?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | undefined;
    } | undefined;
    boxShadow?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonShadowTertiary" | "buttonFocusedShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadow" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonDisabledShadowTertiary" | "buttonInnerShadow" | "buttonInnerShadowTertiary" | "buttonFocusedInnerShadow" | "buttonFocusedInnerShadowTertiary" | "buttonHoverInnerShadow" | "buttonHoverInnerShadowTertiary" | "buttonDisabledInnerShadow" | "buttonDisabledInnerShadowTertiary" | "selectedDropdownItem" | {
        base?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonShadowTertiary" | "buttonFocusedShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadow" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonDisabledShadowTertiary" | "buttonInnerShadow" | "buttonInnerShadowTertiary" | "buttonFocusedInnerShadow" | "buttonFocusedInnerShadowTertiary" | "buttonHoverInnerShadow" | "buttonHoverInnerShadowTertiary" | "buttonDisabledInnerShadow" | "buttonDisabledInnerShadowTertiary" | "selectedDropdownItem" | undefined;
        hover?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonShadowTertiary" | "buttonFocusedShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadow" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonDisabledShadowTertiary" | "buttonInnerShadow" | "buttonInnerShadowTertiary" | "buttonFocusedInnerShadow" | "buttonFocusedInnerShadowTertiary" | "buttonHoverInnerShadow" | "buttonHoverInnerShadowTertiary" | "buttonDisabledInnerShadow" | "buttonDisabledInnerShadowTertiary" | "selectedDropdownItem" | undefined;
        active?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonShadowTertiary" | "buttonFocusedShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadow" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonDisabledShadowTertiary" | "buttonInnerShadow" | "buttonInnerShadowTertiary" | "buttonFocusedInnerShadow" | "buttonFocusedInnerShadowTertiary" | "buttonHoverInnerShadow" | "buttonHoverInnerShadowTertiary" | "buttonDisabledInnerShadow" | "buttonDisabledInnerShadowTertiary" | "selectedDropdownItem" | undefined;
        selection?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonShadowTertiary" | "buttonFocusedShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadow" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonDisabledShadowTertiary" | "buttonInnerShadow" | "buttonInnerShadowTertiary" | "buttonFocusedInnerShadow" | "buttonFocusedInnerShadowTertiary" | "buttonHoverInnerShadow" | "buttonHoverInnerShadowTertiary" | "buttonDisabledInnerShadow" | "buttonDisabledInnerShadowTertiary" | "selectedDropdownItem" | undefined;
        focused?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonShadowTertiary" | "buttonFocusedShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadow" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonDisabledShadowTertiary" | "buttonInnerShadow" | "buttonInnerShadowTertiary" | "buttonFocusedInnerShadow" | "buttonFocusedInnerShadowTertiary" | "buttonHoverInnerShadow" | "buttonHoverInnerShadowTertiary" | "buttonDisabledInnerShadow" | "buttonDisabledInnerShadowTertiary" | "selectedDropdownItem" | undefined;
        focusedVisible?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonShadowTertiary" | "buttonFocusedShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadow" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonDisabledShadowTertiary" | "buttonInnerShadow" | "buttonInnerShadowTertiary" | "buttonFocusedInnerShadow" | "buttonFocusedInnerShadowTertiary" | "buttonHoverInnerShadow" | "buttonHoverInnerShadowTertiary" | "buttonDisabledInnerShadow" | "buttonDisabledInnerShadowTertiary" | "selectedDropdownItem" | undefined;
    } | undefined;
    color?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | {
        base?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | undefined;
        hover?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | undefined;
        active?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | undefined;
        selection?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | undefined;
        focused?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | undefined;
        focusedVisible?: "accentColor" | "strokeColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBackgroundCheckoutComplete" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "secondaryBackground" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputLabel" | "inputBackground" | "inputBackgroundHover" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "inactiveTabBorderColor" | "inactiveTabBackgroundBase" | "inactiveTabBackgroundHover" | "inactiveTabBackgroundActive" | "activeTabText" | "inactiveTabTextBase" | "inactiveTabHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBorderedBackground" | "optionBoxBackgroundUninteractive" | "optionBoxBorderBase" | "optionBoxBorderHover" | "optionBoxDefaultModeNotActiveBorderBase" | "optionBoxDefaultModeNotActiveBorderHover" | "openDropdownBackgroundColor" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "dropdownActiveItemBorderBase" | "dropdownActiveItemBorderHover" | "dropdownGroupHeader" | "selectedDropdownItemBackground" | "alwaysVisibleLabelBackgroundHover" | "selectedDropdownItemText" | "useConnectedBackgroundBase" | "useConnectedBackgroundHover" | "copyButtonBackgroundBase" | "copyButtonBackgroundHover" | "copyButtonBackgroundActive" | "copyButtonBorderBase" | "copyButtonBorderHover" | "funFeatureListBackgroundBase" | "funFeatureListBackgroundHover" | "funFeatureListBorderColor" | "funFeatureListBorderColorHover" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | "counterRingColor" | "cryptoCashToggleContainerBorderColor" | "cryptoCashToggleBackground" | "qrCodeBackground" | "qrCodeForeground" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | undefined;
    } | undefined;
} & {
    alignItems?: "center" | "flex-end" | "flex-start" | {
        smallScreen?: "center" | "flex-end" | "flex-start" | undefined;
        largeScreen?: "center" | "flex-end" | "flex-start" | undefined;
    } | undefined;
    display?: "none" | "flex" | "block" | "inline" | {
        smallScreen?: "none" | "flex" | "block" | "inline" | undefined;
        largeScreen?: "none" | "flex" | "block" | "inline" | undefined;
    } | undefined;
} & {
    readonly alignSelf?: "center" | "flex-end" | "flex-start" | undefined;
    readonly backgroundSize?: "cover" | undefined;
    readonly borderRadius?: "tooltip" | "1" | "modalTopbarIcon" | "10" | "13" | "16" | "actionButton" | "actionButtonInner" | "connectButton" | "menuButton" | "modal" | "modalMobile" | "modalActionButton" | "modalActionButtonMobile" | "summaryBox" | "youPayYouReceive" | "inputAmountSwitcher" | "qrCode" | "skeleton" | "dropdown" | "dropdownItem" | "dropdownList" | "withdrawalInput" | "useConnected" | "4" | "6" | "8" | "11" | "24" | "30" | "full" | "badge" | "smallBadge" | undefined;
    readonly borderStyle?: "dotted" | "hidden" | "solid" | undefined;
    readonly borderWidth?: "0" | "1" | "activeOptionBorderWidth" | "buttonTertiaryBorderWidth" | "cryptoCashToggleContainerBorderWidth" | "cryptoCashToggleActiveTabBorderWidth" | "cryptoCashToggleInactiveTabBorderWidth" | "txSummaryBoxBorderWidth" | "2" | "3" | "4" | "0.5" | undefined;
    readonly cursor?: "default" | "help" | "not-allowed" | "pointer" | undefined;
    readonly flexDirection?: "column" | "row" | undefined;
    readonly fontFamily?: "buttonTextPrimary" | "buttonTextTertiary" | "buttonTextSecondary" | "dropdownGroupHeader" | "amountValue" | "body" | "header" | "inputAmount" | "modalTopbarTitle" | "txStatusDescription" | "txStatusTitle" | undefined;
    readonly fontSize?: "inherit" | "inputLabel" | "buttonTextPrimary" | "buttonTextTertiary" | "buttonTextSecondary" | "dropdownGroupHeader" | "body" | "inputAmount" | "modalTopbarTitle" | "txStatusDescription" | "txStatusTitle" | "cryptoCashToggle" | "inputValue" | "modalBottomBarButtonText" | "paymentMethodItemSubtitle" | "paymentMethodItemTitle" | "selectAssetItemSubtitle" | "selectAssetItemTitle" | "txBreakdown" | "txSummaryLabel" | "txSummaryValue" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "21" | "40" | "57" | "header-14" | "header-36" | "dollarValue" | "modalTopbarSubtitle" | "withdrawalYouWillReceive" | "youPayYouReceivePrimaryFontSize" | "youPayYouReceiveSecondaryFontSize" | "depositAddressFontSize" | "funFeatureListItemFontSize" | "dropdownItemFontSize" | "sourceListSectionLabelFontSize" | "formOfPaymentsListSectionLabelFontSize" | "quickOptionFontSize" | "useConnectedFontSize" | "paymentFeeSummaryTooltip" | "tooltipContent" | undefined;
    readonly fontWeight?: "inherit" | "medium" | "bold" | "inputLabel" | "dropdownGroupHeader" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | "inputAmount" | "modalTopbarTitle" | "txStatusDescription" | "txStatusTitle" | "regular" | "semibold" | "heavy" | "cryptoCashToggle" | "inputValue" | "modalBottomBarButtonText" | "paymentMethodItemSubtitle" | "paymentMethodItemTitle" | "selectAssetItemSubtitle" | "selectAssetItemTitle" | "sourceListSectionLabelFontWeight" | "txBreakdown" | "txSummaryLabel" | "txSummaryValue" | "formOfPaymentsListSectionLabelFontWeight" | undefined;
    readonly gap?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
    readonly height?: "1" | "connectExchangeIconSize" | "cryptoCashToggleIconSize" | "dollarValueSkeletonHeight" | "dollarValueSkeletonWidth" | "inputAmountQuickOptionButtonHeight" | "inputAmountMinHeight" | "modalBottomBarButtonHeight" | "modalBottomBarCloseButtonHeight" | "modalTopBarHeight" | "modalTopbarIconSize" | "modalTopbarIconWrapperSize" | "paymentAmountSkeletonBlockHeight" | "paymentAmountSkeletonBlockWidth" | "paymentAmountSkeletonCircleSize" | "paymentMethodItemIconSize" | "selectAssetItemIconSize" | "sourceListGap" | "txBreakdownSkeletonWidth" | "txSummaryLineSkeletonHeight" | "txSummaryLineSkeletonWidth" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "76" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "300" | "half" | "max" | undefined;
    readonly justifyContent?: "center" | "space-around" | "space-between" | "flex-end" | "flex-start" | undefined;
    readonly textAlign?: "inherit" | "left" | "right" | "center" | undefined;
    readonly marginBottom?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
    readonly marginLeft?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
    readonly marginRight?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
    readonly marginTop?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
    readonly minHeight?: "1" | "connectExchangeIconSize" | "cryptoCashToggleIconSize" | "dollarValueSkeletonHeight" | "dollarValueSkeletonWidth" | "inputAmountQuickOptionButtonHeight" | "inputAmountMinHeight" | "modalBottomBarButtonHeight" | "modalBottomBarCloseButtonHeight" | "modalTopBarHeight" | "modalTopbarIconSize" | "modalTopbarIconWrapperSize" | "paymentAmountSkeletonBlockHeight" | "paymentAmountSkeletonBlockWidth" | "paymentAmountSkeletonCircleSize" | "paymentMethodItemIconSize" | "selectAssetItemIconSize" | "sourceListGap" | "txBreakdownSkeletonWidth" | "txSummaryLineSkeletonHeight" | "txSummaryLineSkeletonWidth" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "76" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "300" | "half" | "max" | undefined;
    readonly maxHeight?: "1" | "connectExchangeIconSize" | "cryptoCashToggleIconSize" | "dollarValueSkeletonHeight" | "dollarValueSkeletonWidth" | "inputAmountQuickOptionButtonHeight" | "inputAmountMinHeight" | "modalBottomBarButtonHeight" | "modalBottomBarCloseButtonHeight" | "modalTopBarHeight" | "modalTopbarIconSize" | "modalTopbarIconWrapperSize" | "paymentAmountSkeletonBlockHeight" | "paymentAmountSkeletonBlockWidth" | "paymentAmountSkeletonCircleSize" | "paymentMethodItemIconSize" | "selectAssetItemIconSize" | "sourceListGap" | "txBreakdownSkeletonWidth" | "txSummaryLineSkeletonHeight" | "txSummaryLineSkeletonWidth" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "76" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "300" | "half" | "max" | undefined;
    readonly maxWidth?: "1" | "connectExchangeIconSize" | "cryptoCashToggleIconSize" | "dollarValueSkeletonHeight" | "dollarValueSkeletonWidth" | "inputAmountQuickOptionButtonHeight" | "inputAmountMinHeight" | "modalBottomBarButtonHeight" | "modalBottomBarCloseButtonHeight" | "modalTopBarHeight" | "modalTopbarIconSize" | "modalTopbarIconWrapperSize" | "paymentAmountSkeletonBlockHeight" | "paymentAmountSkeletonBlockWidth" | "paymentAmountSkeletonCircleSize" | "paymentMethodItemIconSize" | "selectAssetItemIconSize" | "sourceListGap" | "txBreakdownSkeletonWidth" | "txSummaryLineSkeletonHeight" | "txSummaryLineSkeletonWidth" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "76" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "300" | "half" | "max" | undefined;
    readonly minWidth?: "1" | "connectExchangeIconSize" | "cryptoCashToggleIconSize" | "dollarValueSkeletonHeight" | "dollarValueSkeletonWidth" | "inputAmountQuickOptionButtonHeight" | "inputAmountMinHeight" | "modalBottomBarButtonHeight" | "modalBottomBarCloseButtonHeight" | "modalTopBarHeight" | "modalTopbarIconSize" | "modalTopbarIconWrapperSize" | "paymentAmountSkeletonBlockHeight" | "paymentAmountSkeletonBlockWidth" | "paymentAmountSkeletonCircleSize" | "paymentMethodItemIconSize" | "selectAssetItemIconSize" | "sourceListGap" | "txBreakdownSkeletonWidth" | "txSummaryLineSkeletonHeight" | "txSummaryLineSkeletonWidth" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "76" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "300" | "half" | "max" | undefined;
    readonly overflow?: "hidden" | undefined;
    readonly paddingBottom?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
    readonly paddingLeft?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
    readonly paddingRight?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
    readonly paddingTop?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
    readonly position?: "fixed" | "absolute" | "relative" | undefined;
    readonly right?: "0" | undefined;
    readonly textTransform?: "none" | "capitalize" | "lowercase" | "uppercase" | "txStatusTitle" | "inputAmountQuickOptionButton" | undefined;
    readonly transition?: "transform" | "default" | undefined;
    readonly userSelect?: "none" | undefined;
    readonly width?: "1" | "connectExchangeIconSize" | "cryptoCashToggleIconSize" | "dollarValueSkeletonHeight" | "dollarValueSkeletonWidth" | "inputAmountQuickOptionButtonHeight" | "inputAmountMinHeight" | "modalBottomBarButtonHeight" | "modalBottomBarCloseButtonHeight" | "modalTopBarHeight" | "modalTopbarIconSize" | "modalTopbarIconWrapperSize" | "paymentAmountSkeletonBlockHeight" | "paymentAmountSkeletonBlockWidth" | "paymentAmountSkeletonCircleSize" | "paymentMethodItemIconSize" | "selectAssetItemIconSize" | "sourceListGap" | "txBreakdownSkeletonWidth" | "txSummaryLineSkeletonHeight" | "txSummaryLineSkeletonWidth" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "76" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "300" | "half" | "max" | undefined;
    readonly backdropFilter?: "modalOverlay" | undefined;
    margin?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
    marginX?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
    marginY?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
    padding?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
    paddingX?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
    paddingY?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
}) => string) & {
    properties: Set<"alignItems" | "alignSelf" | "backdropFilter" | "backgroundSize" | "boxShadow" | "color" | "cursor" | "display" | "flexDirection" | "fontFamily" | "fontSize" | "fontWeight" | "height" | "justifyContent" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textTransform" | "userSelect" | "width" | "background" | "borderColor" | "borderRadius" | "borderStyle" | "borderWidth" | "gap" | "margin" | "overflow" | "padding" | "transition" | "marginX" | "marginY" | "paddingX" | "paddingY">;
};
export type Sprinkles = Parameters<typeof sprinkles>[0];
export {};