import * as stylex from '@stylexjs/stylex';
export declare const styles: Readonly<{
    readonly dropdown: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", "25rem">;
        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
        readonly margin: stylex.StyleXClassNameFor<"margin", "2rem 0rem">;
    }>;
    readonly dropdownLabel: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
        readonly padding: stylex.StyleXClassNameFor<"padding", "0 1rem">;
        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "0.5rem">;
        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "space-between">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", "inherit">;
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "inherit">;
        readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "left">;
        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 smallSelect: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.4rem">;
        readonly height: stylex.StyleXClassNameFor<"height", "3.3rem">;
        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", "3.24rem">;
    }>;
    readonly mediumSelect: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.6rem">;
        readonly height: stylex.StyleXClassNameFor<"height", "4rem">;
        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", "4rem">;
    }>;
    readonly largeSelect: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.8rem">;
        readonly height: stylex.StyleXClassNameFor<"height", "4.88rem">;
        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", "4.88rem">;
    }>;
    readonly valueContainer: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
        readonly height: stylex.StyleXClassNameFor<"height", "100%">;
    }>;
    readonly label: Readonly<{
        readonly position: stylex.StyleXClassNameFor<"position", "absolute">;
        readonly left: stylex.StyleXClassNameFor<"left", "1rem">;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly transition: stylex.StyleXClassNameFor<"transition", "transform 0.2s ease, font-size 0.2s ease">;
        readonly pointerEvents: stylex.StyleXClassNameFor<"pointerEvents", "none">;
        readonly transform: stylex.StyleXClassNameFor<"transform", "translateY(0)">;
        readonly transformOrigin: stylex.StyleXClassNameFor<"transformOrigin", "left top">;
        readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 1>;
    }>;
    readonly smallLabelRaised: Readonly<{
        readonly transform: stylex.StyleXClassNameFor<"transform", "translateY(-3rem) scale(0.85)">;
    }>;
    readonly mediumLabelRaised: Readonly<{
        readonly transform: stylex.StyleXClassNameFor<"transform", "translateY(-3.3rem) scale(0.85)">;
    }>;
    readonly largeLabelRaised: Readonly<{
        readonly transform: stylex.StyleXClassNameFor<"transform", "translateY(-4rem) scale(0.85)">;
    }>;
    readonly smallLabel: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.5rem">;
        readonly top: stylex.StyleXClassNameFor<"top", "0.8rem">;
    }>;
    readonly mediumLabel: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.7rem">;
        readonly top: stylex.StyleXClassNameFor<"top", "1rem">;
    }>;
    readonly largeLabel: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "2rem">;
        readonly top: stylex.StyleXClassNameFor<"top", "1.3rem">;
    }>;
    readonly dropdownList: Readonly<{
        readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 10>;
        readonly position: stylex.StyleXClassNameFor<"position", "absolute">;
        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
        readonly padding: stylex.StyleXClassNameFor<"padding", 0>;
        readonly margin: stylex.StyleXClassNameFor<"margin", 0>;
        readonly left: stylex.StyleXClassNameFor<"left", 0>;
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "0.5rem">;
        readonly maxHeight: stylex.StyleXClassNameFor<"maxHeight", "25rem">;
        readonly overflowY: stylex.StyleXClassNameFor<"overflowY", "scroll">;
    }>;
    readonly dropdownItem: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
        readonly padding: stylex.StyleXClassNameFor<"padding", "1rem 1rem 1rem 1.5rem">;
        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly border: stylex.StyleXClassNameFor<"border", "none">;
        readonly background: stylex.StyleXClassNameFor<"background", "transparent">;
        readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "left">;
        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", "inherit">;
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "inherit">;
        readonly margin: stylex.StyleXClassNameFor<"margin", 0>;
        readonly display: stylex.StyleXClassNameFor<"display", "block">;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly backgroundColor: "rgba(0,0,0,0.05)";
        }>;
        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 smallDropDownItem: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.4rem">;
    }>;
    readonly mediumDropDownItem: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.6rem">;
    }>;
    readonly largeDropDownItem: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.8rem">;
    }>;
    readonly highlightedItem: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "rgba(0,0,0,0.05)">;
        readonly padding: stylex.StyleXClassNameFor<"padding", "1rem 1.5rem">;
    }>;
    readonly bottomContentPosition: Readonly<{
        readonly top: stylex.StyleXClassNameFor<"top", "6rem">;
    }>;
    readonly topContentPosition: Readonly<{
        readonly bottom: stylex.StyleXClassNameFor<"bottom", "6rem">;
    }>;
    readonly iconBase: Readonly<{
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly position: stylex.StyleXClassNameFor<"position", "absolute">;
        readonly right: stylex.StyleXClassNameFor<"right", "1rem">;
        readonly top: stylex.StyleXClassNameFor<"top", "50%">;
        readonly transform: stylex.StyleXClassNameFor<"transform", "translateY(-50%)">;
    }>;
    readonly smallIcon: Readonly<{
        readonly height: stylex.StyleXClassNameFor<"height", "1.6rem">;
        readonly width: stylex.StyleXClassNameFor<"width", "1.6rem">;
    }>;
    readonly mediumIcon: Readonly<{
        readonly height: stylex.StyleXClassNameFor<"height", "1.8rem">;
        readonly width: stylex.StyleXClassNameFor<"width", "1.8rem">;
    }>;
    readonly largeIcon: Readonly<{
        readonly height: stylex.StyleXClassNameFor<"height", "2rem">;
        readonly width: stylex.StyleXClassNameFor<"width", "2rem">;
    }>;
    readonly visuallyHidden: Readonly<{
        readonly position: stylex.StyleXClassNameFor<"position", "absolute">;
        readonly width: stylex.StyleXClassNameFor<"width", "1px">;
        readonly height: stylex.StyleXClassNameFor<"height", "1px">;
        readonly padding: stylex.StyleXClassNameFor<"padding", 0>;
        readonly margin: stylex.StyleXClassNameFor<"margin", "-1px">;
        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
        readonly clipPath: stylex.StyleXClassNameFor<"clipPath", "rect(0, 0, 0, 0)">;
        readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "nowrap">;
        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", 0>;
    }>;
}>;