export declare const avatarStyle: {
    container: import("@vanilla-extract/recipes").RuntimeFn<{
        sentiment: {
            neutral: {
                color: `var(--${string})`;
                selectors: {
                    "&[data-has-background='true']": {
                        backgroundColor: `var(--${string})`;
                    };
                };
            };
            primary: {
                color: `var(--${string})`;
                selectors: {
                    "&[data-has-background='true']": {
                        backgroundColor: `var(--${string})`;
                    };
                };
            };
        };
        shape: {
            circle: {
                borderRadius: `var(--${string})`;
            };
            square: {};
        };
        size: {
            large: {
                height: "7rem" | `var(--${string})`;
                width: "7rem" | `var(--${string})`;
            };
            medium: {
                height: "7rem" | `var(--${string})`;
                width: "7rem" | `var(--${string})`;
            };
            small: {
                height: "7rem" | `var(--${string})`;
                width: "7rem" | `var(--${string})`;
            };
            xsmall: {
                height: "7rem" | `var(--${string})`;
                width: "7rem" | `var(--${string})`;
            };
        };
    }>;
    uploadContainer: import("@vanilla-extract/recipes").RuntimeFn<{
        shape: {
            circle: {
                borderRadius: `var(--${string})`;
            };
            square: {};
        };
        size: {
            large: {};
            medium: {};
            small: {};
            xsmall: {};
        };
    }>;
    productIconContainer: import("@vanilla-extract/recipes").RuntimeFn<{
        shape: {
            circle: {
                borderRadius: `var(--${string})`;
            };
            square: {};
        };
        size: {
            large: {
                height: "7rem" | `var(--${string})`;
                width: "7rem" | `var(--${string})`;
            };
            medium: {
                height: "7rem" | `var(--${string})`;
                width: "7rem" | `var(--${string})`;
            };
            small: {
                height: "7rem" | `var(--${string})`;
                width: "7rem" | `var(--${string})`;
            };
            xsmall: {
                height: "7rem" | `var(--${string})`;
                width: "7rem" | `var(--${string})`;
            };
        };
    }>;
    elementContainer: import("@vanilla-extract/recipes").RuntimeFn<{
        shape: {
            circle: {
                borderRadius: `var(--${string})`;
            };
            square: {
                borderRadius: `var(--${string})`;
            };
        };
    }>;
    colorsAvatar: import("@vanilla-extract/recipes").RuntimeFn<{
        shape: {
            circle: {
                borderRadius: `var(--${string})`;
            };
            square: {};
        };
        size: {
            large: {
                height: "7rem" | `var(--${string})`;
                width: "7rem" | `var(--${string})`;
            };
            medium: {
                height: "7rem" | `var(--${string})`;
                width: "7rem" | `var(--${string})`;
            };
            small: {
                height: "7rem" | `var(--${string})`;
                width: "7rem" | `var(--${string})`;
            };
            xsmall: {
                height: "7rem" | `var(--${string})`;
                width: "7rem" | `var(--${string})`;
            };
        };
    }>;
    svgAvatar: import("@vanilla-extract/recipes").RuntimeFn<{
        shape: {
            circle: {
                borderRadius: `var(--${string})`;
            };
            square: {};
        };
    }>;
};
//# sourceMappingURL=styles.css.d.ts.map