export declare const FtInProductHelpCssVariables: {
    standardSizeWidth: import("@fluid-topics/design-system-variables").FtCssVariable;
    standardSizeHeight: import("@fluid-topics/design-system-variables").FtCssVariable;
    topPosition: import("@fluid-topics/design-system-variables").FtCssVariable;
    rightPosition: import("@fluid-topics/design-system-variables").FtCssVariable;
    bottomPosition: import("@fluid-topics/design-system-variables").FtCssVariable;
    leftPosition: import("@fluid-topics/design-system-variables").FtCssVariable;
    zIndex: import("@fluid-topics/design-system-variables").FtCssVariable;
    theaterSizeWidth: import("@fluid-topics/design-system-variables").FtCssVariable;
    theaterSizeHeight: import("@fluid-topics/design-system-variables").FtCssVariable;
    fullscreenSizeWidth: import("@fluid-topics/design-system-variables").FtCssVariable;
    fullscreenSizeHeight: import("@fluid-topics/design-system-variables").FtCssVariable;
    borderStyle: import("@fluid-topics/design-system-variables").FtCssVariable;
    borderWidth: import("@fluid-topics/design-system-variables").FtCssVariable;
    borderColor: import("@fluid-topics/design-system-variables").FtCssVariable;
    borderRadius: import("@fluid-topics/design-system-variables").FtCssVariable;
    shadow: import("@fluid-topics/design-system-variables").FtCssVariable;
    topBarHeight: import("@fluid-topics/design-system-variables").FtCssVariable;
    iconColor: import("@fluid-topics/design-system-variables").FtCssVariable;
    iconGap: import("@fluid-topics/design-system-variables").FtCssVariable;
    tabletBreakpoint: import("@fluid-topics/design-system-variables").FtCssVariable;
    desktopBreakpoint: import("@fluid-topics/design-system-variables").FtCssVariable;
    colorSurface: import("@fluid-topics/design-system-variables").FtCssVariable;
    colorPrimary: import("@fluid-topics/design-system-variables").FtCssVariable;
};
export declare const styles: import("lit").CSSResult;