export declare const graphContainer: import("@vanilla-extract/recipes").RuntimeFn<{
    loading: {
        true: {
            filter: "opacity(40%)";
        };
    };
}>;
export declare const resizeContainer: import("@vanilla-extract/recipes").RuntimeFn<{
    orientation: {
        horizontal: {
            height: "inherit";
            gridArea: "horizontalResize";
        };
        vertical: {
            width: "100%";
            gridArea: "verticalResize";
        };
    };
    loading: {
        true: {
            filter: "opacity(40%)";
        };
    };
}>;
export declare const legendContainer: import("@vanilla-extract/recipes").RuntimeFn<{
    orientation: {
        horizontal: {
            gridArea: "verticalLegend";
        };
        vertical: {
            gridArea: "horizontalLegend";
        };
    };
    loading: {
        true: {
            filter: "opacity(40%)";
        };
    };
}>;
export declare const legendResizeLine: import("@vanilla-extract/recipes").RuntimeFn<{
    orientation: {
        horizontal: {
            transition: `height ${string} ${string}`;
            height: string;
            width: string;
            margin: `0 ${string}`;
            cursor: "col-resize";
            gridArea: "horizontalResize";
            alignSelf: "center";
            selectors: {
                '&:hover': {
                    height: string;
                    backgroundColor: string;
                };
            };
        };
        vertical: {
            transition: `width ${string} ${string}`;
            height: string;
            width: string;
            margin: `${string} 0`;
            cursor: "row-resize";
            gridArea: "verticalResize";
            alignSelf: "flex-end";
            selectors: {
                '&:hover': {
                    width: string;
                    backgroundColor: string;
                };
            };
        };
    };
}>;