export declare const FtSearchBarCssVariables: {
    height: import("@fluid-topics/ft-wc-utils").FtCssVariable;
    borderRadius: import("@fluid-topics/ft-wc-utils").FtCssVariable;
    mobileOpenPosition: import("@fluid-topics/ft-wc-utils").FtCssVariable;
    mobileOpenTop: import("@fluid-topics/ft-wc-utils").FtCssVariable;
    mobileOpenBottom: import("@fluid-topics/ft-wc-utils").FtCssVariable;
    mobileOpenLeft: import("@fluid-topics/ft-wc-utils").FtCssVariable;
    mobileOpenRight: import("@fluid-topics/ft-wc-utils").FtCssVariable;
    desktopFiltersHeight: import("@fluid-topics/ft-wc-utils").FtCssVariable;
    floatingZIndex: import("@fluid-topics/ft-wc-utils").FtCssVariable;
    colorSurface: import("@fluid-topics/ft-wc-utils").FtCssVariable;
    colorOnSurface: import("@fluid-topics/ft-wc-utils").FtCssVariable;
    colorOnSurfaceMedium: import("@fluid-topics/ft-wc-utils").FtCssVariable;
    colorOutline: import("@fluid-topics/ft-wc-utils").FtCssVariable;
    colorPrimary: import("@fluid-topics/ft-wc-utils").FtCssVariable;
    elevation02: import("@fluid-topics/ft-wc-utils").FtCssVariable;
    buttonColor: import("@fluid-topics/ft-wc-utils").FtCssVariable;
    buttonRippleColor: import("@fluid-topics/ft-wc-utils").FtCssVariable;
    activeItemBorderColor: import("@fluid-topics/ft-wc-utils").FtCssVariable;
};
export declare const searchBarCss: import("lit").CSSResult;
export declare const facetsCss: import("lit").CSSResult;