import * as stylex from '@stylexjs/stylex';
export declare const styles: Readonly<{
    readonly closeButton: Readonly<{
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", "rgba(255, 255, 255, 0.2)">;
        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "6px">;
        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
        readonly transition: stylex.StyleXClassNameFor<"transition", "all 0.2s ease">;
        readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
        readonly border: stylex.StyleXClassNameFor<"border", "none">;
        readonly padding: stylex.StyleXClassNameFor<"padding", 0>;
        readonly margin: stylex.StyleXClassNameFor<"margin", 0>;
        readonly ':focus': stylex.StyleXClassNameFor<":focus", {
            readonly outline: "none";
        }>;
        readonly ':focus-visible': stylex.StyleXClassNameFor<":focus-visible", {
            readonly outline: `2px solid ${stylex.StyleXVar<string>}`;
            readonly outlineOffset: "2px";
        }>;
    }>;
    readonly closeButtonSmall: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "28px">;
        readonly height: stylex.StyleXClassNameFor<"height", "28px">;
    }>;
    readonly closeButtonMedium: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "32px">;
        readonly height: stylex.StyleXClassNameFor<"height", "32px">;
    }>;
    readonly closeButtonLarge: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "36px">;
        readonly height: stylex.StyleXClassNameFor<"height", "36px">;
    }>;
    readonly closeButtonFilled: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "rgba(255, 255, 255, 0.15)">;
        readonly color: stylex.StyleXClassNameFor<"color", "white">;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly backgroundColor: "rgba(255, 255, 255, 0.25)";
        }>;
    }>;
    readonly closeButtonSoft: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "rgba(255, 255, 255, 0.15)">;
        readonly color: stylex.StyleXClassNameFor<"color", "currentColor">;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly backgroundColor: "rgba(255, 255, 255, 0.25)";
        }>;
    }>;
}>;