export declare const TOP_NAV_BAR_HEIGHT = 64;
export declare const colors: {
    characterSecondary25: string;
    green6: string;
};
export declare const statsCardRowLength: {
    mobile: number;
    normal: number;
};
export declare const paddings: {
    containerPaddingValue: number;
    containerPadding: string;
};
export declare const breakpoints: {
    MOBILE: number;
    TABLET: number;
    COMPACT_DESKTOP: number;
};
export declare const textStyles: {
    dataText: {
        fontStyle: string;
        fontWeight: number;
        fontSize: string;
        lineHeight: string;
    };
};
export declare const maxWidgetHeight = 445;
export declare const maxMobileWidgetHeight = 480;
export declare const maxHeaderContentHeightMobile: number;
export declare const widgetMobileHeight: string;
export declare const maxHeights: {
    header: string;
    tabBar: string;
    content: string;
    footer: string;
    mobile: {
        header: string;
        tabBar: string;
        content: string;
        footer: string;
    };
};
export declare const useIsMobileMediaQuery: () => boolean;
export declare const useIsTabletMediaQuery: () => boolean;
export declare const useIsCompactDesktopMediaQuery: () => boolean;
