import * as stylex from '@stylexjs/stylex';
export declare const styles: Readonly<{
    readonly root: Readonly<{
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "flex-start">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", 0>;
        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "none">;
        readonly margin: stylex.StyleXClassNameFor<"margin", 0>;
        readonly height: stylex.StyleXClassNameFor<"height", "100%">;
        readonly maxHeight: stylex.StyleXClassNameFor<"maxHeight", "100%">;
    }>;
    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>;
    }>;
    readonly title: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.6rem">;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", 300>;
        readonly display: stylex.StyleXClassNameFor<"display", "block">;
        readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
    }>;
    readonly hiddenSelect: Readonly<{
        readonly position: stylex.StyleXClassNameFor<"position", "absolute">;
        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0>;
        readonly pointerEvents: stylex.StyleXClassNameFor<"pointerEvents", "none">;
        readonly left: stylex.StyleXClassNameFor<"left", "-9999px">;
        readonly width: stylex.StyleXClassNameFor<"width", "1px">;
        readonly height: stylex.StyleXClassNameFor<"height", "1px">;
    }>;
    readonly menu: Readonly<{
        readonly listStyle: stylex.StyleXClassNameFor<"listStyle", "none">;
        readonly margin: stylex.StyleXClassNameFor<"margin", 0>;
        readonly padding: stylex.StyleXClassNameFor<"padding", 0>;
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
    }>;
    readonly menuItem: Readonly<{
        readonly display: stylex.StyleXClassNameFor<"display", "block">;
        readonly margin: stylex.StyleXClassNameFor<"margin", 0>;
        readonly padding: stylex.StyleXClassNameFor<"padding", 0>;
    }>;
    readonly wheelContainer: Readonly<{
        readonly overflowY: stylex.StyleXClassNameFor<"overflowY", "auto">;
        readonly scrollbarWidth: stylex.StyleXClassNameFor<"scrollbarWidth", "none">;
        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "0.5rem">;
        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "2px">;
        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly width: stylex.StyleXClassNameFor<"width", "5rem">;
        readonly flex: stylex.StyleXClassNameFor<"flex", 1>;
        readonly minHeight: stylex.StyleXClassNameFor<"minHeight", 0>;
        readonly padding: stylex.StyleXClassNameFor<"padding", "0.2rem">;
        readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "none">;
        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
        readonly '::-webkit-scrollbar': stylex.StyleXClassNameFor<"::-webkit-scrollbar", {
            readonly display: "none";
        }>;
    }>;
    readonly focusedContainer: Readonly<{
        readonly outline: stylex.StyleXClassNameFor<"outline", "2px solid #0cb289">;
        readonly outlineOffset: stylex.StyleXClassNameFor<"outlineOffset", "2px">;
    }>;
    readonly wheelItem: Readonly<{
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
        readonly padding: stylex.StyleXClassNameFor<"padding", "1.2rem 0.8rem">;
        readonly margin: stylex.StyleXClassNameFor<"margin", "0.1rem 0">;
        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "0.5rem">;
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.4rem">;
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "white">;
        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
        readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "center">;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
        readonly transition: stylex.StyleXClassNameFor<"transition", "all 0.2s ease">;
        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "2px">;
        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", "inherit">;
        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
        readonly minHeight: stylex.StyleXClassNameFor<"minHeight", "3.5rem">;
        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly color: "white";
            readonly backgroundColor: stylex.StyleXVar<string>;
        }>;
        readonly ':focus': stylex.StyleXClassNameFor<":focus", {
            readonly outline: `2px solid ${stylex.StyleXVar<string>}`;
            readonly outlineOffset: "-2px";
        }>;
    }>;
    readonly selectedWheelItem: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "2px">;
        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly color: stylex.StyleXClassNameFor<"color", "white">;
        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", 500>;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly backgroundColor: stylex.StyleXVar<string>;
        }>;
    }>;
    readonly smallRoot: Readonly<{
        readonly gap: stylex.StyleXClassNameFor<"gap", "0.5rem">;
    }>;
    readonly mediumRoot: Readonly<{
        readonly gap: stylex.StyleXClassNameFor<"gap", "0.5rem">;
    }>;
    readonly largeRoot: Readonly<{
        readonly gap: stylex.StyleXClassNameFor<"gap", "0.5rem">;
    }>;
    readonly bigRoot: Readonly<{
        readonly gap: stylex.StyleXClassNameFor<"gap", "0.5rem">;
    }>;
    readonly smallWheelItem: Readonly<{
        readonly padding: stylex.StyleXClassNameFor<"padding", "0.8rem 0.4rem">;
        readonly minHeight: stylex.StyleXClassNameFor<"minHeight", "2.8rem">;
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.2rem">;
    }>;
    readonly mediumWheelItem: Readonly<{
        readonly padding: stylex.StyleXClassNameFor<"padding", "1rem 0.6rem">;
        readonly minHeight: stylex.StyleXClassNameFor<"minHeight", "3.2rem">;
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.4rem">;
    }>;
    readonly largeWheelItem: Readonly<{
        readonly padding: stylex.StyleXClassNameFor<"padding", "1.2rem 0.8rem">;
        readonly minHeight: stylex.StyleXClassNameFor<"minHeight", "3.6rem">;
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.6rem">;
    }>;
    readonly bigWheelItem: Readonly<{
        readonly padding: stylex.StyleXClassNameFor<"padding", "1.4rem 1rem">;
        readonly minHeight: stylex.StyleXClassNameFor<"minHeight", "4rem">;
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "2rem">;
    }>;
    readonly smallWheelContainer: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "4.5rem">;
    }>;
    readonly mediumWheelContainer: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "5rem">;
    }>;
    readonly largeWheelContainer: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "5.5rem">;
    }>;
    readonly bigWheelContainer: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "6rem">;
    }>;
    readonly smallTypography: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1rem">;
        readonly padding: stylex.StyleXClassNameFor<"padding", "1rem">;
    }>;
    readonly mediumTypography: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.2rem">;
        readonly padding: stylex.StyleXClassNameFor<"padding", "1.2rem">;
    }>;
    readonly largeTypography: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.6rem">;
        readonly padding: stylex.StyleXClassNameFor<"padding", "1.2rem">;
    }>;
    readonly bigTypography: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "2rem">;
        readonly padding: stylex.StyleXClassNameFor<"padding", "1.4rem">;
    }>;
    readonly disabled: Readonly<{
        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.8>;
        readonly cursor: stylex.StyleXClassNameFor<"cursor", "not-allowed">;
    }>;
    readonly disabledContainer: Readonly<{
        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "rgba(0,0,0,0.02)">;
    }>;
    readonly disabledItem: Readonly<{
        readonly cursor: stylex.StyleXClassNameFor<"cursor", "not-allowed">;
        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.5>;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly backgroundColor: stylex.StyleXVar<string>;
            readonly color: stylex.StyleXVar<string>;
        }>;
    }>;
    readonly required: Readonly<{
        readonly color: stylex.StyleXClassNameFor<"color", "#ef4444">;
        readonly marginLeft: stylex.StyleXClassNameFor<"marginLeft", "0.25rem">;
        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", "bold">;
    }>;
}>;