import * as stylex from '@stylexjs/stylex';
export declare const styles: Readonly<{
    readonly calendarContainer: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "42rem">;
        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "1rem">;
        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 contentContainer: Readonly<{
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly gap: stylex.StyleXClassNameFor<"gap", "3rem">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
        readonly height: stylex.StyleXClassNameFor<"height", "32rem">;
    }>;
    readonly calendarSection: Readonly<{
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
        readonly flex: stylex.StyleXClassNameFor<"flex", 1>;
    }>;
    readonly timePickerSection: Readonly<{
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
        readonly flex: stylex.StyleXClassNameFor<"flex", "0 0 auto">;
        readonly height: stylex.StyleXClassNameFor<"height", "100%">;
    }>;
    readonly timePickerContainer: Readonly<{
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "row">;
        readonly gap: stylex.StyleXClassNameFor<"gap", "1rem">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "flex-start">;
        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "flex-start">;
        readonly paddingTop: stylex.StyleXClassNameFor<"paddingTop", "0rem">;
        readonly height: stylex.StyleXClassNameFor<"height", "100%">;
    }>;
    readonly smallCalendarContainer: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "56rem">;
        readonly padding: stylex.StyleXClassNameFor<"padding", "1rem">;
    }>;
    readonly mediumCalendarContainer: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "60rem">;
        readonly padding: stylex.StyleXClassNameFor<"padding", "1.5rem">;
    }>;
    readonly largeCalendarContainer: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "64rem">;
        readonly padding: stylex.StyleXClassNameFor<"padding", "2rem">;
    }>;
    readonly bigCalendarContainer: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "68rem">;
        readonly padding: stylex.StyleXClassNameFor<"padding", "3rem">;
    }>;
    readonly iconBase: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "2rem">;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly transition: stylex.StyleXClassNameFor<"transition", "color 0.2s ease">;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly color: "inherit";
        }>;
    }>;
    readonly navigation: Readonly<{
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "space-between">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
    }>;
    readonly navigationButtons: Readonly<{
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly gap: stylex.StyleXClassNameFor<"gap", "0.5rem">;
    }>;
    readonly smallNavigation: Readonly<{
        readonly padding: stylex.StyleXClassNameFor<"padding", "0rem 0rem 2.5rem 0rem">;
    }>;
    readonly mediumNavigation: Readonly<{
        readonly padding: stylex.StyleXClassNameFor<"padding", "0rem 0rem 2.5rem 0rem">;
    }>;
    readonly largeNavigation: Readonly<{
        readonly padding: stylex.StyleXClassNameFor<"padding", "0rem 0rem 3rem 0rem">;
    }>;
    readonly bigNavigation: Readonly<{
        readonly padding: stylex.StyleXClassNameFor<"padding", "0rem 0rem 4rem 0rem">;
    }>;
    readonly smallTypography: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.2rem">;
    }>;
    readonly mediumTypography: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.4rem">;
    }>;
    readonly largeTypography: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.8rem">;
    }>;
    readonly bigTypography: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "2.3rem">;
    }>;
    readonly baseButton: Readonly<{
        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly backgroundColor: "rgba(0,0,0,0.05)";
        }>;
    }>;
    readonly smallButton: Readonly<{
        readonly padding: stylex.StyleXClassNameFor<"padding", "0.2rem">;
        readonly margin: stylex.StyleXClassNameFor<"margin", "0rem 0rem 0rem 0.5rem">;
        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "0.5rem">;
    }>;
    readonly mediumButton: Readonly<{
        readonly padding: stylex.StyleXClassNameFor<"padding", "0.5rem">;
        readonly margin: stylex.StyleXClassNameFor<"margin", "0rem 0rem 0rem 0.5rem">;
        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "0.7rem">;
    }>;
    readonly largeButton: Readonly<{
        readonly padding: stylex.StyleXClassNameFor<"padding", "0.7rem">;
        readonly margin: stylex.StyleXClassNameFor<"margin", "0rem 0rem 0rem 0.5rem">;
        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "1rem">;
    }>;
    readonly bigButton: Readonly<{
        readonly padding: stylex.StyleXClassNameFor<"padding", "1rem">;
        readonly margin: stylex.StyleXClassNameFor<"margin", "0rem 0rem 0rem 0.5rem">;
        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "1rem">;
    }>;
    readonly smallContentContainer: Readonly<{
        readonly height: stylex.StyleXClassNameFor<"height", "28rem">;
    }>;
    readonly mediumContentContainer: Readonly<{
        readonly height: stylex.StyleXClassNameFor<"height", "32rem">;
    }>;
    readonly largeContentContainer: Readonly<{
        readonly height: stylex.StyleXClassNameFor<"height", "36rem">;
    }>;
    readonly bigContentContainer: Readonly<{
        readonly height: stylex.StyleXClassNameFor<"height", "40rem">;
    }>;
    readonly smallTimePickerSection: Readonly<{
        readonly paddingTop: stylex.StyleXClassNameFor<"paddingTop", "0rem">;
    }>;
    readonly mediumTimePickerSection: Readonly<{
        readonly paddingTop: stylex.StyleXClassNameFor<"paddingTop", "0rem">;
    }>;
    readonly largeTimePickerSection: Readonly<{
        readonly paddingTop: stylex.StyleXClassNameFor<"paddingTop", "0rem">;
    }>;
    readonly bigTimePickerSection: Readonly<{
        readonly paddingTop: stylex.StyleXClassNameFor<"paddingTop", "0rem">;
    }>;
}>;