export declare const LAUNCHER_SIZE = 48;
export declare const launcherContainer: string;
export declare const launcherStyles: import('@vanilla-extract/recipes').RuntimeFn<{
    withLabel: {
        true: {
            padding: "8px 16px 8px 12px";
            height: "40px";
        };
        false: {
            height: "48px";
            width: "48px";
            padding: "8px";
        };
    };
    isOpen: {
        true: {
            height: "48px";
            width: "48px";
        };
    };
}>;
export declare const iconContainer: import('@vanilla-extract/recipes').RuntimeFn<{
    isOpen: {
        true: {};
        false: {
            width: "24px";
            height: "24px";
        };
    };
    withLabel: {
        true: {};
        false: {};
    };
}>;
export declare const launcherLabelStyles: import('@vanilla-extract/recipes').RuntimeFn<{
    isOpen: {
        true: {
            opacity: number;
            maxWidth: number;
            width: number;
            marginLeft: number;
        };
        false: {
            opacity: number;
            maxWidth: "fit-content";
            width: "fit-content";
        };
    };
}>;
export declare const launcherIconStyles: import('@vanilla-extract/recipes').RuntimeFn<{
    withLabel: {
        true: {
            width: number;
            height: number;
        };
    };
}>;
export declare const playIconStyles: import('@vanilla-extract/recipes').RuntimeFn<{
    isOpen: {
        true: {
            opacity: number;
        };
        false: {
            opacity: number;
        };
    };
    withLabel: {
        true: {};
        false: {};
    };
}>;
export declare const twistInAnimation: string;
export declare const twistOutAnimation: string;
export declare const closeChevron: import('@vanilla-extract/recipes').RuntimeFn<{
    isOpen: {
        true: {
            animation: `${string} 0.2s ease-in-out`;
            opacity: number;
        };
        false: {
            animation: `${string} 0.2s ease-in-out`;
            opacity: number;
            pointerEvents: "none";
        };
    };
    withLabel: {
        true: {
            position: "relative";
        };
    };
}>;
export declare const imageStyles: import('@vanilla-extract/recipes').RuntimeFn<{
    isOpen: {
        true: {
            opacity: number;
            width: number;
        };
        false: {
            opacity: number;
        };
    };
    withLabel: {
        true: {
            height: "24px";
            width: "24px";
        };
        false: {
            height: "32px";
            width: "32px";
            minWidth: "32px";
        };
    };
}>;
//# sourceMappingURL=styles.css.d.ts.map