export declare const CHAT_WIDTH = 400; export declare const POPOVER_SPACING = 42; export declare const LAUNCHER_MARGIN = 16; export declare const widgetContainer: import('@vanilla-extract/recipes').RuntimeFn<{ withChat: { true: {}; false: {}; }; }>; export declare const chatIsOpen: string; export declare const chatIsClosed: string; export declare const chatContainer: import('@vanilla-extract/recipes').RuntimeFn<{ popover: { true: { display: "flex"; flexDirection: "column"; minHeight: number; maxHeight: "100%"; width: number; left: "calc(50% - 375px)"; top: number; bottom: number; margin: "42px 0"; selectors: { [x: string]: { pointerEvents: "none"; }; }; }; }; voice: { true: { width: "auto"; height: "auto"; }; }; isChat: { true: { '@media': { [x: string]: { width: "100%"; height: "100%"; maxHeight: "none"; top: number; bottom: number; right: number; left: number; borderRadius: number; margin: number; }; }; }; }; }>; export declare const popoverBackdrop: import('@vanilla-extract/recipes').RuntimeFn<{ visible: { true: { display: "block"; top: number; bottom: number; left: number; right: number; width: "100%"; height: "100%"; backdropFilter: "blur(4px)"; filter: "blur(4px)"; backgroundColor: "rgba(0, 0, 0, 0.16)"; zIndex: number; pointerEvents: "all"; }; }; }>; export declare const launcherContainer: import('@vanilla-extract/recipes').RuntimeFn<{ isHidden: { true: { display: "none"; }; }; }>; //# sourceMappingURL=styles.css.d.ts.map