import * as stylex from '@stylexjs/stylex';
export declare const styles: Readonly<{
    readonly label: Readonly<{
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
    }>;
    readonly container: Readonly<{
        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
        readonly ':focus-within': stylex.StyleXClassNameFor<":focus-within", {
            readonly outline: `2px solid ${stylex.StyleXVar<string>}`;
            readonly outlineOffset: "2px";
            readonly borderRadius: "0.25rem";
        }>;
    }>;
    readonly input: Readonly<{
        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0>;
        readonly position: stylex.StyleXClassNameFor<"position", "absolute">;
        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
        readonly height: stylex.StyleXClassNameFor<"height", "100%">;
        readonly margin: stylex.StyleXClassNameFor<"margin", 0>;
        readonly padding: stylex.StyleXClassNameFor<"padding", 0>;
        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
        readonly ':focus': stylex.StyleXClassNameFor<":focus", {
            readonly outline: "none";
        }>;
        readonly ':focus-visible': stylex.StyleXClassNameFor<":focus-visible", {
            readonly outline: "none";
        }>;
    }>;
    readonly baseSwitchChecked: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "hsl(151.13deg 99.32% 40.28%)">;
    }>;
    readonly baseSwitch: Readonly<{
        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "#b3b3b3">;
        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "3rem">;
        readonly transition: stylex.StyleXClassNameFor<"transition", "300ms all">;
        readonly '::before': stylex.StyleXClassNameFor<"::before", {
            readonly transition: "300ms all";
            readonly content: "\"\"";
            readonly position: "absolute";
            readonly width: "1.5rem";
            readonly height: "1.5rem";
            readonly borderRadius: "4rem";
            readonly top: "50%";
            readonly left: "0.2rem";
            readonly backgroundColor: "white";
            readonly transform: "translate(0, -50%)";
        }>;
    }>;
    readonly smallSwitch: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "4rem">;
        readonly height: stylex.StyleXClassNameFor<"height", "2.2rem">;
        readonly padding: stylex.StyleXClassNameFor<"padding", "0.1rem">;
        readonly '::before': stylex.StyleXClassNameFor<"::before", {
            readonly width: "1.5rem";
            readonly height: "1.5rem";
            readonly top: "50%";
            readonly left: "0.3rem";
            readonly transform: "translate(0, -50%)";
        }>;
    }>;
    readonly mediumSwitch: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "5rem">;
        readonly height: stylex.StyleXClassNameFor<"height", "2.6rem">;
        readonly '::before': stylex.StyleXClassNameFor<"::before", {
            readonly width: "1.8rem";
            readonly height: "1.8rem";
            readonly top: "50%";
            readonly left: "0.5rem";
            readonly transform: "translate(0, -50%)";
        }>;
    }>;
    readonly largeSwitch: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "6rem">;
        readonly height: stylex.StyleXClassNameFor<"height", "2.8rem">;
        readonly '::before': stylex.StyleXClassNameFor<"::before", {
            readonly width: "2rem";
            readonly height: "2rem";
            readonly top: "50%";
            readonly left: "0.5rem";
            readonly transform: "translate(0, -50%)";
        }>;
    }>;
    readonly smallSwitchChecked: Readonly<{
        readonly '::before': stylex.StyleXClassNameFor<"::before", {
            readonly transform: "translate(1.8rem, -50%)";
        }>;
    }>;
    readonly mediumSwitchChecked: Readonly<{
        readonly '::before': stylex.StyleXClassNameFor<"::before", {
            readonly transform: "translate(2.1rem, -50%)";
        }>;
    }>;
    readonly largeSwitchChecked: Readonly<{
        readonly '::before': stylex.StyleXClassNameFor<"::before", {
            readonly transform: "translate(3rem, -50%)";
        }>;
    }>;
    readonly smallLabelLeft: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.8rem">;
        readonly margin: stylex.StyleXClassNameFor<"margin", "0rem 1rem 0rem 0rem">;
    }>;
    readonly mediumLabelLeft: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "2rem">;
        readonly margin: stylex.StyleXClassNameFor<"margin", "0rem 1rem 0rem 0rem">;
    }>;
    readonly largeLabelLeft: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "2.5rem">;
        readonly margin: stylex.StyleXClassNameFor<"margin", "0rem 1.5rem 0rem 0rem">;
    }>;
    readonly smallLabelRight: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.8rem">;
        readonly margin: stylex.StyleXClassNameFor<"margin", "0rem 0rem 0rem 1rem">;
    }>;
    readonly mediumLabelRight: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "2rem">;
        readonly margin: stylex.StyleXClassNameFor<"margin", "0rem 0rem 0rem 1rem">;
    }>;
    readonly largeLabelRight: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "2.5rem">;
        readonly margin: stylex.StyleXClassNameFor<"margin", "0rem 0rem 0rem 1.5rem">;
    }>;
    readonly switchDisabled: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "#b3b3b3">;
    }>;
    readonly switchLabelDisabled: Readonly<{
        readonly color: stylex.StyleXClassNameFor<"color", "#b3b3b3">;
    }>;
    readonly containerDisabled: Readonly<{
        readonly cursor: stylex.StyleXClassNameFor<"cursor", "not-allowed">;
    }>;
}>;