import type { CSS as StitchesCSS } from "@stitches/react";
import type { StyledComponent } from "../node_modules/@stitches/react/types/styled-component";
declare const pxToRem: (px: number) => string;
declare const dimensionsPxToRem: (px: number) => string;
declare const borderPxToRem: (px: number) => string;
declare const fontPxToRem: (px: number) => string;
declare const styled: <Type extends keyof JSX.IntrinsicElements | React.ComponentType<any> | import("../node_modules/@stitches/react/types/util").Function, Composers extends (string | React.ComponentType<any> | import("../node_modules/@stitches/react/types/util").Function | {
    [name: string]: unknown;
})[], CSS = import("../node_modules/@stitches/react/types/css-util").CSS<{}, {
    colors: {
        background: "white";
        mainColor: "#008ad2";
        mainColorAlt: "#006AA9";
        activeBg: "#e7e7e7";
        inactiveBg: "#d3d3de";
        inactiveDarkBg: "#999";
        toggleHandleBg: "#e0e0e0";
        toggleHandleBorder: "#cdcdcd";
        toggleBgDisabled: "#f0f0f0";
        toggleHandleBorderDisabled: "#c29f7d";
        toggleHandleBgDisabled: "#deae84";
        icon: "#636363";
        border: "#d5d5d5";
        buttonBorder: "#bababa";
        headerBorder: "#c8c8c9";
        headerBg: "#efeff0";
        headerText: "#484848";
        text: "#323232";
        text2: "#181818";
        text3: "#000000";
        sub: "#959595";
        popText: "#666";
        toolbarBorder: "#ababab";
        toolbarBg: "#f8f8f8";
        modalBg: "#f7f7f7";
        modalButtonBg: "#f8f8f8";
        modalButtonBorder: "#c2c2c2";
        inputDisabledBg: "#f3f3f3";
        inputDisabledText: "#959595";
        choiceBg: "#ffffff";
        choiceText: "#999999";
        choiceActiveBg: "#f3f3f3";
        choiceActiveText: "#313131";
        choiceBorder: "#cfcfcf";
        selectorText: "#606060";
        selectorActive: "#008ad2";
        blue1: "#038bf4";
        blue2: "#b7d6f5";
        blue3: "#dbe6ff";
        blue4: "#33b4ff";
        blue5: "#30a2e6";
        orange1: "#ff7200";
        orange1Darker: "#cc5b00";
        purple1: "#7357e8";
        green1: "#3ec234";
        green1Darker: "#38af2f";
        pink1: "#ff388f";
        red1: "#ea2700";
        yellow1: "#ffde9d";
        yellow2: "#e4a429";
        yellow3: "#fff5db";
        pinky1: "#f5c0b7";
        pinky2: "#e07b67";
        pinky3: "#ffe1db";
        grey1: "#737373";
        focusColor: "#dcaf00";
        scrollbarsThumb: "#737373";
        scrollbarsBg: "transparent";
        tableStripedBg: "#fafafa";
        toolButtonText: "#666e80";
    };
}, import("../node_modules/@stitches/react/types/config").DefaultThemeMap, {
    mx: (value: string | number) => {
        marginLeft: string | number;
        marginRight: string | number;
    };
    my: (value: string | number) => {
        marginTop: string | number;
        marginBottom: string | number;
    };
    px: (value: string | number) => {
        paddingLeft: string | number;
        paddingRight: string | number;
    };
    py: (value: string | number) => {
        paddingTop: string | number;
        paddingBottom: string | number;
    };
    size: (value: string | number) => {
        width: string | number;
        height: string | number;
    };
}>>(type: Type, ...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("../node_modules/@stitches/react/types/util").Function | import("react").ComponentType<any> ? Composers[K] : import("../node_modules/@stitches/react/types/stitches").RemoveIndex<CSS> & {
    variants?: {
        [x: string]: {
            [x: string]: CSS;
            [x: number]: CSS;
        };
    };
    compoundVariants?: (("variants" extends keyof Composers[K] ? { [Name in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("../node_modules/@stitches/react/types/util").String | import("../node_modules/@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]>; } : import("../node_modules/@stitches/react/types/util").WideObject) & {
        css: CSS;
    })[];
    defaultVariants?: "variants" extends keyof Composers[K] ? { [Name_1 in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("../node_modules/@stitches/react/types/util").String | import("../node_modules/@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]>; } : import("../node_modules/@stitches/react/types/util").WideObject;
} & CSS & { [K2 in keyof Composers[K]]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; }; }) => StyledComponent<Type, import("../node_modules/@stitches/react/types/styled-component").StyledComponentProps<Composers>, {}, import("../node_modules/@stitches/react/types/css-util").CSS<{}, {
    colors: {
        background: "white";
        mainColor: "#008ad2";
        mainColorAlt: "#006AA9";
        activeBg: "#e7e7e7";
        inactiveBg: "#d3d3de";
        inactiveDarkBg: "#999";
        toggleHandleBg: "#e0e0e0";
        toggleHandleBorder: "#cdcdcd";
        toggleBgDisabled: "#f0f0f0";
        toggleHandleBorderDisabled: "#c29f7d";
        toggleHandleBgDisabled: "#deae84";
        icon: "#636363";
        border: "#d5d5d5";
        buttonBorder: "#bababa";
        headerBorder: "#c8c8c9";
        headerBg: "#efeff0";
        headerText: "#484848";
        text: "#323232";
        text2: "#181818";
        text3: "#000000";
        sub: "#959595";
        popText: "#666";
        toolbarBorder: "#ababab";
        toolbarBg: "#f8f8f8";
        modalBg: "#f7f7f7";
        modalButtonBg: "#f8f8f8";
        modalButtonBorder: "#c2c2c2";
        inputDisabledBg: "#f3f3f3";
        inputDisabledText: "#959595";
        choiceBg: "#ffffff";
        choiceText: "#999999";
        choiceActiveBg: "#f3f3f3";
        choiceActiveText: "#313131";
        choiceBorder: "#cfcfcf";
        selectorText: "#606060";
        selectorActive: "#008ad2";
        blue1: "#038bf4";
        blue2: "#b7d6f5";
        blue3: "#dbe6ff";
        blue4: "#33b4ff";
        blue5: "#30a2e6";
        orange1: "#ff7200";
        orange1Darker: "#cc5b00";
        purple1: "#7357e8";
        green1: "#3ec234";
        green1Darker: "#38af2f";
        pink1: "#ff388f";
        red1: "#ea2700";
        yellow1: "#ffde9d";
        yellow2: "#e4a429";
        yellow3: "#fff5db";
        pinky1: "#f5c0b7";
        pinky2: "#e07b67";
        pinky3: "#ffe1db";
        grey1: "#737373";
        focusColor: "#dcaf00";
        scrollbarsThumb: "#737373";
        scrollbarsBg: "transparent";
        tableStripedBg: "#fafafa";
        toolButtonText: "#666e80";
    };
}, import("../node_modules/@stitches/react/types/config").DefaultThemeMap, {
    mx: (value: string | number) => {
        marginLeft: string | number;
        marginRight: string | number;
    };
    my: (value: string | number) => {
        marginTop: string | number;
        marginBottom: string | number;
    };
    px: (value: string | number) => {
        paddingLeft: string | number;
        paddingRight: string | number;
    };
    py: (value: string | number) => {
        paddingTop: string | number;
        paddingBottom: string | number;
    };
    size: (value: string | number) => {
        width: string | number;
        height: string | number;
    };
}>>, css: <Composers extends (string | React.ExoticComponent<any> | React.JSXElementConstructor<any> | import("../node_modules/@stitches/react/types/util").Function | {
    [name: string]: unknown;
})[], CSS = import("../node_modules/@stitches/react/types/css-util").CSS<{}, {
    colors: {
        background: "white";
        mainColor: "#008ad2";
        mainColorAlt: "#006AA9";
        activeBg: "#e7e7e7";
        inactiveBg: "#d3d3de";
        inactiveDarkBg: "#999";
        toggleHandleBg: "#e0e0e0";
        toggleHandleBorder: "#cdcdcd";
        toggleBgDisabled: "#f0f0f0";
        toggleHandleBorderDisabled: "#c29f7d";
        toggleHandleBgDisabled: "#deae84";
        icon: "#636363";
        border: "#d5d5d5";
        buttonBorder: "#bababa";
        headerBorder: "#c8c8c9";
        headerBg: "#efeff0";
        headerText: "#484848";
        text: "#323232";
        text2: "#181818";
        text3: "#000000";
        sub: "#959595";
        popText: "#666";
        toolbarBorder: "#ababab";
        toolbarBg: "#f8f8f8";
        modalBg: "#f7f7f7";
        modalButtonBg: "#f8f8f8";
        modalButtonBorder: "#c2c2c2";
        inputDisabledBg: "#f3f3f3";
        inputDisabledText: "#959595";
        choiceBg: "#ffffff";
        choiceText: "#999999";
        choiceActiveBg: "#f3f3f3";
        choiceActiveText: "#313131";
        choiceBorder: "#cfcfcf";
        selectorText: "#606060";
        selectorActive: "#008ad2";
        blue1: "#038bf4";
        blue2: "#b7d6f5";
        blue3: "#dbe6ff";
        blue4: "#33b4ff";
        blue5: "#30a2e6";
        orange1: "#ff7200";
        orange1Darker: "#cc5b00";
        purple1: "#7357e8";
        green1: "#3ec234";
        green1Darker: "#38af2f";
        pink1: "#ff388f";
        red1: "#ea2700";
        yellow1: "#ffde9d";
        yellow2: "#e4a429";
        yellow3: "#fff5db";
        pinky1: "#f5c0b7";
        pinky2: "#e07b67";
        pinky3: "#ffe1db";
        grey1: "#737373";
        focusColor: "#dcaf00";
        scrollbarsThumb: "#737373";
        scrollbarsBg: "transparent";
        tableStripedBg: "#fafafa";
        toolButtonText: "#666e80";
    };
}, import("../node_modules/@stitches/react/types/config").DefaultThemeMap, {
    mx: (value: string | number) => {
        marginLeft: string | number;
        marginRight: string | number;
    };
    my: (value: string | number) => {
        marginTop: string | number;
        marginBottom: string | number;
    };
    px: (value: string | number) => {
        paddingLeft: string | number;
        paddingRight: string | number;
    };
    py: (value: string | number) => {
        paddingTop: string | number;
        paddingBottom: string | number;
    };
    size: (value: string | number) => {
        width: string | number;
        height: string | number;
    };
}>>(...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("../node_modules/@stitches/react/types/util").Function | import("react").JSXElementConstructor<any> | import("react").ExoticComponent<any> ? Composers[K] : import("../node_modules/@stitches/react/types/stitches").RemoveIndex<CSS> & {
    variants?: {
        [x: string]: {
            [x: string]: CSS;
            [x: number]: CSS;
        };
    };
    compoundVariants?: (("variants" extends keyof Composers[K] ? { [Name in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("../node_modules/@stitches/react/types/util").String | import("../node_modules/@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]>; } : import("../node_modules/@stitches/react/types/util").WideObject) & {
        css: CSS;
    })[];
    defaultVariants?: "variants" extends keyof Composers[K] ? { [Name_1 in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("../node_modules/@stitches/react/types/util").String | import("../node_modules/@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]>; } : import("../node_modules/@stitches/react/types/util").WideObject;
} & CSS & { [K2 in keyof Composers[K]]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; }; }) => import("../node_modules/@stitches/react/types/styled-component").CssComponent<import("../node_modules/@stitches/react/types/styled-component").StyledComponentType<Composers>, import("../node_modules/@stitches/react/types/styled-component").StyledComponentProps<Composers>, {}, CSS>, globalCss: <Styles extends {
    [K: string]: any;
}>(...styles: ({
    '@import'?: unknown;
    '@font-face'?: unknown;
} & { [K in keyof Styles]: K extends "@import" ? string | string[] : K extends "@font-face" ? import("../node_modules/@stitches/react/types/css").AtRule.FontFace | import("../node_modules/@stitches/react/types/css").AtRule.FontFace[] : K extends `@keyframes ${string}` ? {
    [x: string]: import("../node_modules/@stitches/react/types/css-util").CSS<{}, {
        colors: {
            background: "white";
            mainColor: "#008ad2";
            mainColorAlt: "#006AA9";
            activeBg: "#e7e7e7";
            inactiveBg: "#d3d3de";
            inactiveDarkBg: "#999";
            toggleHandleBg: "#e0e0e0";
            toggleHandleBorder: "#cdcdcd";
            toggleBgDisabled: "#f0f0f0";
            toggleHandleBorderDisabled: "#c29f7d";
            toggleHandleBgDisabled: "#deae84";
            icon: "#636363";
            border: "#d5d5d5";
            buttonBorder: "#bababa";
            headerBorder: "#c8c8c9";
            headerBg: "#efeff0";
            headerText: "#484848";
            text: "#323232";
            text2: "#181818";
            text3: "#000000";
            sub: "#959595";
            popText: "#666";
            toolbarBorder: "#ababab";
            toolbarBg: "#f8f8f8";
            modalBg: "#f7f7f7";
            modalButtonBg: "#f8f8f8";
            modalButtonBorder: "#c2c2c2";
            inputDisabledBg: "#f3f3f3";
            inputDisabledText: "#959595";
            choiceBg: "#ffffff";
            choiceText: "#999999";
            choiceActiveBg: "#f3f3f3";
            choiceActiveText: "#313131";
            choiceBorder: "#cfcfcf";
            selectorText: "#606060";
            selectorActive: "#008ad2";
            blue1: "#038bf4";
            blue2: "#b7d6f5";
            blue3: "#dbe6ff";
            blue4: "#33b4ff";
            blue5: "#30a2e6";
            orange1: "#ff7200";
            orange1Darker: "#cc5b00";
            purple1: "#7357e8";
            green1: "#3ec234";
            green1Darker: "#38af2f";
            pink1: "#ff388f";
            red1: "#ea2700";
            yellow1: "#ffde9d";
            yellow2: "#e4a429";
            yellow3: "#fff5db";
            pinky1: "#f5c0b7";
            pinky2: "#e07b67";
            pinky3: "#ffe1db";
            grey1: "#737373";
            focusColor: "#dcaf00";
            scrollbarsThumb: "#737373";
            scrollbarsBg: "transparent";
            tableStripedBg: "#fafafa";
            toolButtonText: "#666e80";
        };
    }, import("../node_modules/@stitches/react/types/config").DefaultThemeMap, {
        mx: (value: string | number) => {
            marginLeft: string | number;
            marginRight: string | number;
        };
        my: (value: string | number) => {
            marginTop: string | number;
            marginBottom: string | number;
        };
        px: (value: string | number) => {
            paddingLeft: string | number;
            paddingRight: string | number;
        };
        py: (value: string | number) => {
            paddingTop: string | number;
            paddingBottom: string | number;
        };
        size: (value: string | number) => {
            width: string | number;
            height: string | number;
        };
    }>;
} : K extends `@property ${string}` ? import("../node_modules/@stitches/react/types/css").AtRule.Property : import("../node_modules/@stitches/react/types/css-util").CSS<{}, {
    colors: {
        background: "white";
        mainColor: "#008ad2";
        mainColorAlt: "#006AA9";
        activeBg: "#e7e7e7";
        inactiveBg: "#d3d3de";
        inactiveDarkBg: "#999";
        toggleHandleBg: "#e0e0e0";
        toggleHandleBorder: "#cdcdcd";
        toggleBgDisabled: "#f0f0f0";
        toggleHandleBorderDisabled: "#c29f7d";
        toggleHandleBgDisabled: "#deae84";
        icon: "#636363";
        border: "#d5d5d5";
        buttonBorder: "#bababa";
        headerBorder: "#c8c8c9";
        headerBg: "#efeff0";
        headerText: "#484848";
        text: "#323232";
        text2: "#181818";
        text3: "#000000";
        sub: "#959595";
        popText: "#666";
        toolbarBorder: "#ababab";
        toolbarBg: "#f8f8f8";
        modalBg: "#f7f7f7";
        modalButtonBg: "#f8f8f8";
        modalButtonBorder: "#c2c2c2";
        inputDisabledBg: "#f3f3f3";
        inputDisabledText: "#959595";
        choiceBg: "#ffffff";
        choiceText: "#999999";
        choiceActiveBg: "#f3f3f3";
        choiceActiveText: "#313131";
        choiceBorder: "#cfcfcf";
        selectorText: "#606060";
        selectorActive: "#008ad2";
        blue1: "#038bf4";
        blue2: "#b7d6f5";
        blue3: "#dbe6ff";
        blue4: "#33b4ff";
        blue5: "#30a2e6";
        orange1: "#ff7200";
        orange1Darker: "#cc5b00";
        purple1: "#7357e8";
        green1: "#3ec234";
        green1Darker: "#38af2f";
        pink1: "#ff388f";
        red1: "#ea2700";
        yellow1: "#ffde9d";
        yellow2: "#e4a429";
        yellow3: "#fff5db";
        pinky1: "#f5c0b7";
        pinky2: "#e07b67";
        pinky3: "#ffe1db";
        grey1: "#737373";
        focusColor: "#dcaf00";
        scrollbarsThumb: "#737373";
        scrollbarsBg: "transparent";
        tableStripedBg: "#fafafa";
        toolButtonText: "#666e80";
    };
}, import("../node_modules/@stitches/react/types/config").DefaultThemeMap, {
    mx: (value: string | number) => {
        marginLeft: string | number;
        marginRight: string | number;
    };
    my: (value: string | number) => {
        marginTop: string | number;
        marginBottom: string | number;
    };
    px: (value: string | number) => {
        paddingLeft: string | number;
        paddingRight: string | number;
    };
    py: (value: string | number) => {
        paddingTop: string | number;
        paddingBottom: string | number;
    };
    size: (value: string | number) => {
        width: string | number;
        height: string | number;
    };
}>; })[]) => {
    (): string;
}, keyframes: (style: {
    [offset: string]: import("../node_modules/@stitches/react/types/css-util").CSS<{}, {
        colors: {
            background: "white";
            mainColor: "#008ad2";
            mainColorAlt: "#006AA9";
            activeBg: "#e7e7e7";
            inactiveBg: "#d3d3de";
            inactiveDarkBg: "#999";
            toggleHandleBg: "#e0e0e0";
            toggleHandleBorder: "#cdcdcd";
            toggleBgDisabled: "#f0f0f0";
            toggleHandleBorderDisabled: "#c29f7d";
            toggleHandleBgDisabled: "#deae84";
            icon: "#636363";
            border: "#d5d5d5";
            buttonBorder: "#bababa";
            headerBorder: "#c8c8c9";
            headerBg: "#efeff0";
            headerText: "#484848";
            text: "#323232";
            text2: "#181818";
            text3: "#000000";
            sub: "#959595";
            popText: "#666";
            toolbarBorder: "#ababab";
            toolbarBg: "#f8f8f8";
            modalBg: "#f7f7f7";
            modalButtonBg: "#f8f8f8";
            modalButtonBorder: "#c2c2c2";
            inputDisabledBg: "#f3f3f3";
            inputDisabledText: "#959595";
            choiceBg: "#ffffff";
            choiceText: "#999999";
            choiceActiveBg: "#f3f3f3";
            choiceActiveText: "#313131";
            choiceBorder: "#cfcfcf";
            selectorText: "#606060";
            selectorActive: "#008ad2";
            blue1: "#038bf4";
            blue2: "#b7d6f5";
            blue3: "#dbe6ff";
            blue4: "#33b4ff";
            blue5: "#30a2e6";
            orange1: "#ff7200";
            orange1Darker: "#cc5b00";
            purple1: "#7357e8";
            green1: "#3ec234";
            green1Darker: "#38af2f";
            pink1: "#ff388f";
            red1: "#ea2700";
            yellow1: "#ffde9d";
            yellow2: "#e4a429";
            yellow3: "#fff5db";
            pinky1: "#f5c0b7";
            pinky2: "#e07b67";
            pinky3: "#ffe1db";
            grey1: "#737373";
            focusColor: "#dcaf00";
            scrollbarsThumb: "#737373";
            scrollbarsBg: "transparent";
            tableStripedBg: "#fafafa";
            toolButtonText: "#666e80";
        };
    }, import("../node_modules/@stitches/react/types/config").DefaultThemeMap, {
        mx: (value: string | number) => {
            marginLeft: string | number;
            marginRight: string | number;
        };
        my: (value: string | number) => {
            marginTop: string | number;
            marginBottom: string | number;
        };
        px: (value: string | number) => {
            paddingLeft: string | number;
            paddingRight: string | number;
        };
        py: (value: string | number) => {
            paddingTop: string | number;
            paddingBottom: string | number;
        };
        size: (value: string | number) => {
            width: string | number;
            height: string | number;
        };
    }>;
}) => {
    (): string;
    name: string;
}, getCssText: () => string, theme: string & {
    className: string;
    selector: string;
} & {
    colors: {
        background: import("../node_modules/@stitches/react/types/theme").Token<"background", string, "colors", "">;
        mainColor: import("../node_modules/@stitches/react/types/theme").Token<"mainColor", string, "colors", "">;
        mainColorAlt: import("../node_modules/@stitches/react/types/theme").Token<"mainColorAlt", string, "colors", "">;
        activeBg: import("../node_modules/@stitches/react/types/theme").Token<"activeBg", string, "colors", "">;
        inactiveBg: import("../node_modules/@stitches/react/types/theme").Token<"inactiveBg", string, "colors", "">;
        inactiveDarkBg: import("../node_modules/@stitches/react/types/theme").Token<"inactiveDarkBg", string, "colors", "">;
        toggleHandleBg: import("../node_modules/@stitches/react/types/theme").Token<"toggleHandleBg", string, "colors", "">;
        toggleHandleBorder: import("../node_modules/@stitches/react/types/theme").Token<"toggleHandleBorder", string, "colors", "">;
        toggleBgDisabled: import("../node_modules/@stitches/react/types/theme").Token<"toggleBgDisabled", string, "colors", "">;
        toggleHandleBorderDisabled: import("../node_modules/@stitches/react/types/theme").Token<"toggleHandleBorderDisabled", string, "colors", "">;
        toggleHandleBgDisabled: import("../node_modules/@stitches/react/types/theme").Token<"toggleHandleBgDisabled", string, "colors", "">;
        icon: import("../node_modules/@stitches/react/types/theme").Token<"icon", string, "colors", "">;
        border: import("../node_modules/@stitches/react/types/theme").Token<"border", string, "colors", "">;
        buttonBorder: import("../node_modules/@stitches/react/types/theme").Token<"buttonBorder", string, "colors", "">;
        headerBorder: import("../node_modules/@stitches/react/types/theme").Token<"headerBorder", string, "colors", "">;
        headerBg: import("../node_modules/@stitches/react/types/theme").Token<"headerBg", string, "colors", "">;
        headerText: import("../node_modules/@stitches/react/types/theme").Token<"headerText", string, "colors", "">;
        text: import("../node_modules/@stitches/react/types/theme").Token<"text", string, "colors", "">;
        text2: import("../node_modules/@stitches/react/types/theme").Token<"text2", string, "colors", "">;
        text3: import("../node_modules/@stitches/react/types/theme").Token<"text3", string, "colors", "">;
        sub: import("../node_modules/@stitches/react/types/theme").Token<"sub", string, "colors", "">;
        popText: import("../node_modules/@stitches/react/types/theme").Token<"popText", string, "colors", "">;
        toolbarBorder: import("../node_modules/@stitches/react/types/theme").Token<"toolbarBorder", string, "colors", "">;
        toolbarBg: import("../node_modules/@stitches/react/types/theme").Token<"toolbarBg", string, "colors", "">;
        modalBg: import("../node_modules/@stitches/react/types/theme").Token<"modalBg", string, "colors", "">;
        modalButtonBg: import("../node_modules/@stitches/react/types/theme").Token<"modalButtonBg", string, "colors", "">;
        modalButtonBorder: import("../node_modules/@stitches/react/types/theme").Token<"modalButtonBorder", string, "colors", "">;
        inputDisabledBg: import("../node_modules/@stitches/react/types/theme").Token<"inputDisabledBg", string, "colors", "">;
        inputDisabledText: import("../node_modules/@stitches/react/types/theme").Token<"inputDisabledText", string, "colors", "">;
        choiceBg: import("../node_modules/@stitches/react/types/theme").Token<"choiceBg", string, "colors", "">;
        choiceText: import("../node_modules/@stitches/react/types/theme").Token<"choiceText", string, "colors", "">;
        choiceActiveBg: import("../node_modules/@stitches/react/types/theme").Token<"choiceActiveBg", string, "colors", "">;
        choiceActiveText: import("../node_modules/@stitches/react/types/theme").Token<"choiceActiveText", string, "colors", "">;
        choiceBorder: import("../node_modules/@stitches/react/types/theme").Token<"choiceBorder", string, "colors", "">;
        selectorText: import("../node_modules/@stitches/react/types/theme").Token<"selectorText", string, "colors", "">;
        selectorActive: import("../node_modules/@stitches/react/types/theme").Token<"selectorActive", string, "colors", "">;
        blue1: import("../node_modules/@stitches/react/types/theme").Token<"blue1", string, "colors", "">;
        blue2: import("../node_modules/@stitches/react/types/theme").Token<"blue2", string, "colors", "">;
        blue3: import("../node_modules/@stitches/react/types/theme").Token<"blue3", string, "colors", "">;
        blue4: import("../node_modules/@stitches/react/types/theme").Token<"blue4", string, "colors", "">;
        blue5: import("../node_modules/@stitches/react/types/theme").Token<"blue5", string, "colors", "">;
        orange1: import("../node_modules/@stitches/react/types/theme").Token<"orange1", string, "colors", "">;
        orange1Darker: import("../node_modules/@stitches/react/types/theme").Token<"orange1Darker", string, "colors", "">;
        purple1: import("../node_modules/@stitches/react/types/theme").Token<"purple1", string, "colors", "">;
        green1: import("../node_modules/@stitches/react/types/theme").Token<"green1", string, "colors", "">;
        green1Darker: import("../node_modules/@stitches/react/types/theme").Token<"green1Darker", string, "colors", "">;
        pink1: import("../node_modules/@stitches/react/types/theme").Token<"pink1", string, "colors", "">;
        red1: import("../node_modules/@stitches/react/types/theme").Token<"red1", string, "colors", "">;
        yellow1: import("../node_modules/@stitches/react/types/theme").Token<"yellow1", string, "colors", "">;
        yellow2: import("../node_modules/@stitches/react/types/theme").Token<"yellow2", string, "colors", "">;
        yellow3: import("../node_modules/@stitches/react/types/theme").Token<"yellow3", string, "colors", "">;
        pinky1: import("../node_modules/@stitches/react/types/theme").Token<"pinky1", string, "colors", "">;
        pinky2: import("../node_modules/@stitches/react/types/theme").Token<"pinky2", string, "colors", "">;
        pinky3: import("../node_modules/@stitches/react/types/theme").Token<"pinky3", string, "colors", "">;
        grey1: import("../node_modules/@stitches/react/types/theme").Token<"grey1", string, "colors", "">;
        focusColor: import("../node_modules/@stitches/react/types/theme").Token<"focusColor", string, "colors", "">;
        scrollbarsThumb: import("../node_modules/@stitches/react/types/theme").Token<"scrollbarsThumb", string, "colors", "">;
        scrollbarsBg: import("../node_modules/@stitches/react/types/theme").Token<"scrollbarsBg", string, "colors", "">;
        tableStripedBg: import("../node_modules/@stitches/react/types/theme").Token<"tableStripedBg", string, "colors", "">;
        toolButtonText: import("../node_modules/@stitches/react/types/theme").Token<"toolButtonText", string, "colors", "">;
    };
}, createTheme: <Argument0 extends string | ({
    colors?: {
        background?: string | number | boolean;
        mainColor?: string | number | boolean;
        mainColorAlt?: string | number | boolean;
        activeBg?: string | number | boolean;
        inactiveBg?: string | number | boolean;
        inactiveDarkBg?: string | number | boolean;
        toggleHandleBg?: string | number | boolean;
        toggleHandleBorder?: string | number | boolean;
        toggleBgDisabled?: string | number | boolean;
        toggleHandleBorderDisabled?: string | number | boolean;
        toggleHandleBgDisabled?: string | number | boolean;
        icon?: string | number | boolean;
        border?: string | number | boolean;
        buttonBorder?: string | number | boolean;
        headerBorder?: string | number | boolean;
        headerBg?: string | number | boolean;
        headerText?: string | number | boolean;
        text?: string | number | boolean;
        text2?: string | number | boolean;
        text3?: string | number | boolean;
        sub?: string | number | boolean;
        popText?: string | number | boolean;
        toolbarBorder?: string | number | boolean;
        toolbarBg?: string | number | boolean;
        modalBg?: string | number | boolean;
        modalButtonBg?: string | number | boolean;
        modalButtonBorder?: string | number | boolean;
        inputDisabledBg?: string | number | boolean;
        inputDisabledText?: string | number | boolean;
        choiceBg?: string | number | boolean;
        choiceText?: string | number | boolean;
        choiceActiveBg?: string | number | boolean;
        choiceActiveText?: string | number | boolean;
        choiceBorder?: string | number | boolean;
        selectorText?: string | number | boolean;
        selectorActive?: string | number | boolean;
        blue1?: string | number | boolean;
        blue2?: string | number | boolean;
        blue3?: string | number | boolean;
        blue4?: string | number | boolean;
        blue5?: string | number | boolean;
        orange1?: string | number | boolean;
        orange1Darker?: string | number | boolean;
        purple1?: string | number | boolean;
        green1?: string | number | boolean;
        green1Darker?: string | number | boolean;
        pink1?: string | number | boolean;
        red1?: string | number | boolean;
        yellow1?: string | number | boolean;
        yellow2?: string | number | boolean;
        yellow3?: string | number | boolean;
        pinky1?: string | number | boolean;
        pinky2?: string | number | boolean;
        pinky3?: string | number | boolean;
        grey1?: string | number | boolean;
        focusColor?: string | number | boolean;
        scrollbarsThumb?: string | number | boolean;
        scrollbarsBg?: string | number | boolean;
        tableStripedBg?: string | number | boolean;
        toolButtonText?: string | number | boolean;
    };
} & {
    [x: string]: {
        [x: string]: string | number | boolean;
        [x: number]: string | number | boolean;
    };
}), Argument1 extends string | ({
    colors?: {
        background?: string | number | boolean;
        mainColor?: string | number | boolean;
        mainColorAlt?: string | number | boolean;
        activeBg?: string | number | boolean;
        inactiveBg?: string | number | boolean;
        inactiveDarkBg?: string | number | boolean;
        toggleHandleBg?: string | number | boolean;
        toggleHandleBorder?: string | number | boolean;
        toggleBgDisabled?: string | number | boolean;
        toggleHandleBorderDisabled?: string | number | boolean;
        toggleHandleBgDisabled?: string | number | boolean;
        icon?: string | number | boolean;
        border?: string | number | boolean;
        buttonBorder?: string | number | boolean;
        headerBorder?: string | number | boolean;
        headerBg?: string | number | boolean;
        headerText?: string | number | boolean;
        text?: string | number | boolean;
        text2?: string | number | boolean;
        text3?: string | number | boolean;
        sub?: string | number | boolean;
        popText?: string | number | boolean;
        toolbarBorder?: string | number | boolean;
        toolbarBg?: string | number | boolean;
        modalBg?: string | number | boolean;
        modalButtonBg?: string | number | boolean;
        modalButtonBorder?: string | number | boolean;
        inputDisabledBg?: string | number | boolean;
        inputDisabledText?: string | number | boolean;
        choiceBg?: string | number | boolean;
        choiceText?: string | number | boolean;
        choiceActiveBg?: string | number | boolean;
        choiceActiveText?: string | number | boolean;
        choiceBorder?: string | number | boolean;
        selectorText?: string | number | boolean;
        selectorActive?: string | number | boolean;
        blue1?: string | number | boolean;
        blue2?: string | number | boolean;
        blue3?: string | number | boolean;
        blue4?: string | number | boolean;
        blue5?: string | number | boolean;
        orange1?: string | number | boolean;
        orange1Darker?: string | number | boolean;
        purple1?: string | number | boolean;
        green1?: string | number | boolean;
        green1Darker?: string | number | boolean;
        pink1?: string | number | boolean;
        red1?: string | number | boolean;
        yellow1?: string | number | boolean;
        yellow2?: string | number | boolean;
        yellow3?: string | number | boolean;
        pinky1?: string | number | boolean;
        pinky2?: string | number | boolean;
        pinky3?: string | number | boolean;
        grey1?: string | number | boolean;
        focusColor?: string | number | boolean;
        scrollbarsThumb?: string | number | boolean;
        scrollbarsBg?: string | number | boolean;
        tableStripedBg?: string | number | boolean;
        toolButtonText?: string | number | boolean;
    };
} & {
    [x: string]: {
        [x: string]: string | number | boolean;
        [x: number]: string | number | boolean;
    };
})>(nameOrScalesArg0: Argument0, nameOrScalesArg1?: Argument1 | undefined) => string & {
    className: string;
    selector: string;
} & (Argument0 extends string ? import("../node_modules/@stitches/react/types/stitches").ThemeTokens<Argument1, ""> : import("../node_modules/@stitches/react/types/stitches").ThemeTokens<Argument0, "">), config: {
    prefix: "";
    media: {};
    theme: {
        colors: {
            background: "white";
            mainColor: "#008ad2";
            mainColorAlt: "#006AA9";
            activeBg: "#e7e7e7";
            inactiveBg: "#d3d3de";
            inactiveDarkBg: "#999";
            toggleHandleBg: "#e0e0e0";
            toggleHandleBorder: "#cdcdcd";
            toggleBgDisabled: "#f0f0f0";
            toggleHandleBorderDisabled: "#c29f7d";
            toggleHandleBgDisabled: "#deae84";
            icon: "#636363";
            border: "#d5d5d5";
            buttonBorder: "#bababa";
            headerBorder: "#c8c8c9";
            headerBg: "#efeff0";
            headerText: "#484848";
            text: "#323232";
            text2: "#181818";
            text3: "#000000";
            sub: "#959595";
            popText: "#666";
            toolbarBorder: "#ababab";
            toolbarBg: "#f8f8f8";
            modalBg: "#f7f7f7";
            modalButtonBg: "#f8f8f8";
            modalButtonBorder: "#c2c2c2";
            inputDisabledBg: "#f3f3f3";
            inputDisabledText: "#959595";
            choiceBg: "#ffffff";
            choiceText: "#999999";
            choiceActiveBg: "#f3f3f3";
            choiceActiveText: "#313131";
            choiceBorder: "#cfcfcf";
            selectorText: "#606060";
            selectorActive: "#008ad2";
            blue1: "#038bf4";
            blue2: "#b7d6f5";
            blue3: "#dbe6ff";
            blue4: "#33b4ff";
            blue5: "#30a2e6";
            orange1: "#ff7200";
            orange1Darker: "#cc5b00";
            purple1: "#7357e8";
            green1: "#3ec234";
            green1Darker: "#38af2f";
            pink1: "#ff388f";
            red1: "#ea2700";
            yellow1: "#ffde9d";
            yellow2: "#e4a429";
            yellow3: "#fff5db";
            pinky1: "#f5c0b7";
            pinky2: "#e07b67";
            pinky3: "#ffe1db";
            grey1: "#737373";
            focusColor: "#dcaf00";
            scrollbarsThumb: "#737373";
            scrollbarsBg: "transparent";
            tableStripedBg: "#fafafa";
            toolButtonText: "#666e80";
        };
    };
    themeMap: import("../node_modules/@stitches/react/types/config").DefaultThemeMap;
    utils: {
        mx: (value: string | number) => {
            marginLeft: string | number;
            marginRight: string | number;
        };
        my: (value: string | number) => {
            marginTop: string | number;
            marginBottom: string | number;
        };
        px: (value: string | number) => {
            paddingLeft: string | number;
            paddingRight: string | number;
        };
        py: (value: string | number) => {
            paddingTop: string | number;
            paddingBottom: string | number;
        };
        size: (value: string | number) => {
            width: string | number;
            height: string | number;
        };
    };
};
declare const darkTheme: string & {
    className: string;
    selector: string;
} & import("../node_modules/@stitches/react/types/stitches").ThemeTokens<{
    colors: {
        background: string;
        mainColor: string;
        mainColorAlt: string;
        activeBg: string;
        inactiveBg: string;
        inactiveDarkBg: string;
        toggleHandleBg: string;
        toggleHandleBorder: string;
        toggleBgDisabled: string;
        toggleHandleBorderDisabled: string;
        toggleHandleBgDisabled: string;
        icon: string;
        border: string;
        buttonBorder: string;
        headerBorder: string;
        headerBg: string;
        headerText: string;
        text: string;
        text2: string;
        text3: string;
        sub: string;
        popText: string;
        toolbarBorder: string;
        toolbarBg: string;
        modalBg: string;
        modalButtonBg: string;
        modalButtonBorder: string;
        inputDisabledBg: string;
        inputDisabledText: string;
        choiceBg: string;
        choiceText: string;
        choiceActiveBg: string;
        choiceActiveText: string;
        choiceBorder: string;
        selectorText: string;
        selectorActive: string;
        blue1: string;
        blue2: string;
        blue3: string;
        blue4: string;
        blue5: string;
        orange1: string;
        orange1Darker: string;
        purple1: string;
        green1: string;
        green1Darker: string;
        pink1: string;
        red1: string;
        yellow1: string;
        yellow2: string;
        yellow3: string;
        pinky1: string;
        pinky2: string;
        pinky3: string;
        grey1: string;
        focusColor: string;
        scrollbarsThumb: string;
        scrollbarsBg: string;
        tableStripedBg: string;
        toolButtonText: string;
    };
}, "">;
type ThemeCSS = StitchesCSS<typeof config>;
type OverwriteProps<T extends StyledComponent<Type, OldProps, Media, TheCSS>, Props, Type = any, OldProps = any, Media = any, TheCSS = any> = StyledComponent<Type, Props, Media, TheCSS>;
export type { ThemeCSS, OverwriteProps, };
export { styled, css, globalCss, keyframes, getCssText, theme, darkTheme, createTheme, config, pxToRem, dimensionsPxToRem, borderPxToRem, fontPxToRem, };
//# sourceMappingURL=theme.d.ts.map