import * as stylex from '@stylexjs/stylex';
export declare const styles: Readonly<{
    readonly root: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly justifyItems: stylex.StyleXClassNameFor<"justifyItems", "center">;
        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
        readonly margin: stylex.StyleXClassNameFor<"margin", "5rem 0">;
    }>;
    readonly stepsContainer: Readonly<{
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
        readonly maxWidth: stylex.StyleXClassNameFor<"maxWidth", "100%">;
        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "space-between">;
    }>;
    readonly stepsList: Readonly<{
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
        readonly maxWidth: stylex.StyleXClassNameFor<"maxWidth", "100%">;
        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "space-between">;
        readonly listStyle: stylex.StyleXClassNameFor<"listStyle", "none">;
        readonly margin: stylex.StyleXClassNameFor<"margin", 0>;
        readonly padding: stylex.StyleXClassNameFor<"padding", 0>;
    }>;
    readonly progressLinesContainer: Readonly<{
        readonly position: stylex.StyleXClassNameFor<"position", "absolute">;
        readonly top: stylex.StyleXClassNameFor<"top", "15%">;
        readonly left: stylex.StyleXClassNameFor<"left", "3rem">;
        readonly right: stylex.StyleXClassNameFor<"right", "3rem">;
        readonly transform: stylex.StyleXClassNameFor<"transform", "translateY(-50%)">;
        readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 1>;
    }>;
    readonly progressLine: Readonly<{
        readonly position: stylex.StyleXClassNameFor<"position", "absolute">;
        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
        readonly height: stylex.StyleXClassNameFor<"height", "0.2rem">;
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "1rem">;
    }>;
    readonly activeProgressLine: Readonly<{
        readonly position: stylex.StyleXClassNameFor<"position", "absolute">;
        readonly height: stylex.StyleXClassNameFor<"height", "0.2rem">;
        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "1rem">;
        readonly transition: stylex.StyleXClassNameFor<"transition", "width 0.3s ease">;
    }>;
    readonly activeProgressLinePrimary: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
    }>;
    readonly activeProgressLineSecondary: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
    }>;
    readonly activeProgressLineTertiary: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
    }>;
    readonly activeProgressLineQuaternary: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
    }>;
    readonly activeProgressLineQuinary: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
    }>;
    readonly stepContainer: Readonly<{
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "space-between">;
        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
        readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 3>;
        readonly flex: stylex.StyleXClassNameFor<"flex", 1>;
        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
    }>;
    readonly baseStep: Readonly<{
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "50%">;
        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", "300">;
        readonly transition: stylex.StyleXClassNameFor<"transition", "all 0.3s ease">;
        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "0.15rem">;
        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
        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 smallStep: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "2.5rem">;
        readonly height: stylex.StyleXClassNameFor<"height", "2.5rem">;
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.4rem">;
    }>;
    readonly mediumStep: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "3rem">;
        readonly height: stylex.StyleXClassNameFor<"height", "3rem">;
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "2rem">;
    }>;
    readonly largeStep: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "3.5rem">;
        readonly height: stylex.StyleXClassNameFor<"height", "3.5rem">;
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "2.4rem">;
    }>;
    readonly step: Readonly<{
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
    }>;
    readonly currentStepPrimary: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly transform: stylex.StyleXClassNameFor<"transform", "scale(1.1)">;
        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "0 0 8px rgba(0, 0, 0, 0.1)">;
    }>;
    readonly currentStepSecondary: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly transform: stylex.StyleXClassNameFor<"transform", "scale(1.1)">;
        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "0 0 8px rgba(0, 197, 149, 0.3)">;
    }>;
    readonly currentStepTertiary: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly transform: stylex.StyleXClassNameFor<"transform", "scale(1.1)">;
        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "0 0 8px rgba(0, 191, 255, 0.3)">;
    }>;
    readonly currentStepQuaternary: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly transform: stylex.StyleXClassNameFor<"transform", "scale(1.1)">;
        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "0 0 8px rgba(245, 115, 115, 0.3)">;
    }>;
    readonly currentStepQuinary: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly transform: stylex.StyleXClassNameFor<"transform", "scale(1.1)">;
        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "0 0 8px rgba(255, 165, 0, 0.3)">;
    }>;
    readonly completedStepPrimary: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
    }>;
    readonly completedStepSecondary: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
    }>;
    readonly completedStepTertiary: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
    }>;
    readonly completedStepQuaternary: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
    }>;
    readonly completedStepQuinary: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
    }>;
    readonly stepNumber: Readonly<{
        readonly margin: stylex.StyleXClassNameFor<"margin", 0>;
    }>;
    readonly stepTitle: Readonly<{
        readonly marginTop: stylex.StyleXClassNameFor<"marginTop", "1.5rem">;
        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", "300">;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "center">;
    }>;
    readonly smallStepTitle: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.2rem">;
        readonly marginTop: stylex.StyleXClassNameFor<"marginTop", "1rem">;
    }>;
    readonly mediumStepTitle: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.6rem">;
        readonly marginTop: stylex.StyleXClassNameFor<"marginTop", "1.5rem">;
    }>;
    readonly largeStepTitle: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "2rem">;
        readonly marginTop: stylex.StyleXClassNameFor<"marginTop", "2rem">;
    }>;
}>;