@atom-learning/components 5.1.0 → 5.1.2

package/dist/stitches.d.ts

@@ -0,0 +1,3830 @@
+import type { CSS as StitchesCSS, PropertyValue, ScaleValue } from '@atom-learning/stitches-react';
+export declare const utils: {
+    bg: (value: PropertyValue<"background">) => {
+        background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
+    };
+    size: (value: ScaleValue<"size"> | number | string) => {
+        height: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
+        width: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
+    };
+    p: (value: ScaleValue<"space"> | number | string) => {
+        padding: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    pt: (value: ScaleValue<"space"> | number | string) => {
+        paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    pr: (value: ScaleValue<"space"> | number | string) => {
+        paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    pb: (value: ScaleValue<"space"> | number | string) => {
+        paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    pl: (value: ScaleValue<"space"> | number | string) => {
+        paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    px: (value: ScaleValue<"space"> | number | string) => {
+        paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    py: (value: ScaleValue<"space"> | number | string) => {
+        paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    m: (value: ScaleValue<"space"> | number | string) => {
+        margin: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    mt: (value: ScaleValue<"space"> | number | string) => {
+        marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    mr: (value: ScaleValue<"space"> | number | string) => {
+        marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    mb: (value: ScaleValue<"space"> | number | string) => {
+        marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    ml: (value: ScaleValue<"space"> | number | string) => {
+        marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    mx: (value: ScaleValue<"space"> | number | string) => {
+        marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    my: (value: ScaleValue<"space"> | number | string) => {
+        marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+};
+export declare const media: {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    reducedMotion: string;
+    allowMotion: string;
+    hover: string;
+};
+declare const stitchesConfig: import("@atom-learning/stitches-react/types/stitches").default<"", {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    reducedMotion: string;
+    allowMotion: string;
+    hover: string;
+}, {
+    colors: {
+        textBold: string;
+        textRegular: string;
+        textSubtle: string;
+        textMinimal: string;
+        background: string;
+        backgroundAccent: string;
+        grey100: string;
+        grey200: string;
+        grey300: string;
+        grey400: string;
+        grey500: string;
+        grey600: string;
+        grey700: string;
+        grey800: string;
+        grey900: string;
+        grey1000: string;
+        grey1100: string;
+        grey1200: string;
+        blue100: string;
+        blue200: string;
+        blue300: string;
+        blue400: string;
+        blue500: string;
+        blue600: string;
+        blue700: string;
+        blue800: string;
+        blue900: string;
+        blue1000: string;
+        blue1100: string;
+        blue1200: string;
+        pink100: string;
+        pink200: string;
+        pink300: string;
+        pink400: string;
+        pink500: string;
+        pink600: string;
+        pink700: string;
+        pink800: string;
+        pink900: string;
+        pink1000: string;
+        pink1100: string;
+        pink1200: string;
+        purple100: string;
+        purple200: string;
+        purple300: string;
+        purple400: string;
+        purple500: string;
+        purple600: string;
+        purple700: string;
+        purple800: string;
+        purple900: string;
+        purple1000: string;
+        purple1100: string;
+        purple1200: string;
+        cyan100: string;
+        cyan200: string;
+        cyan300: string;
+        cyan400: string;
+        cyan500: string;
+        cyan600: string;
+        cyan700: string;
+        cyan800: string;
+        cyan900: string;
+        cyan1000: string;
+        cyan1100: string;
+        cyan1200: string;
+        green100: string;
+        green200: string;
+        green300: string;
+        green400: string;
+        green500: string;
+        green600: string;
+        green700: string;
+        green800: string;
+        green900: string;
+        green1000: string;
+        green1100: string;
+        green1200: string;
+        magenta100: string;
+        magenta200: string;
+        magenta300: string;
+        magenta400: string;
+        magenta500: string;
+        magenta600: string;
+        magenta700: string;
+        magenta800: string;
+        magenta900: string;
+        magenta1000: string;
+        magenta1100: string;
+        magenta1200: string;
+        red100: string;
+        red200: string;
+        red300: string;
+        red400: string;
+        red500: string;
+        red600: string;
+        red700: string;
+        red800: string;
+        red900: string;
+        red1000: string;
+        red1100: string;
+        red1200: string;
+        teal100: string;
+        teal200: string;
+        teal300: string;
+        teal400: string;
+        teal500: string;
+        teal600: string;
+        teal700: string;
+        teal800: string;
+        teal900: string;
+        teal1000: string;
+        teal1100: string;
+        teal1200: string;
+        orange100: string;
+        orange200: string;
+        orange300: string;
+        orange400: string;
+        orange500: string;
+        orange600: string;
+        orange700: string;
+        orange800: string;
+        orange900: string;
+        orange1000: string;
+        orange1100: string;
+        orange1200: string;
+        yellow100: string;
+        yellow200: string;
+        yellow300: string;
+        yellow400: string;
+        yellow500: string;
+        yellow600: string;
+        yellow700: string;
+        yellow800: string;
+        yellow900: string;
+        yellow1000: string;
+        yellow1100: string;
+        yellow1200: string;
+        lime100: string;
+        lime200: string;
+        lime300: string;
+        lime400: string;
+        lime500: string;
+        lime600: string;
+        lime700: string;
+        lime800: string;
+        lime900: string;
+        lime1000: string;
+        lime1100: string;
+        lime1200: string;
+        lapis100: string;
+        lapis200: string;
+        lapis300: string;
+        lapis400: string;
+        lapis500: string;
+        lapis600: string;
+        lapis700: string;
+        lapis800: string;
+        lapis900: string;
+        lapis1000: string;
+        lapis1100: string;
+        lapis1200: string;
+        maroon100: string;
+        maroon200: string;
+        maroon300: string;
+        maroon400: string;
+        maroon500: string;
+        maroon600: string;
+        maroon700: string;
+        maroon800: string;
+        maroon900: string;
+        maroon1000: string;
+        maroon1100: string;
+        maroon1200: string;
+        marsh100: string;
+        marsh200: string;
+        marsh300: string;
+        marsh400: string;
+        marsh500: string;
+        marsh600: string;
+        marsh700: string;
+        marsh800: string;
+        marsh900: string;
+        marsh1000: string;
+        marsh1100: string;
+        marsh1200: string;
+        alpha100: string;
+        alpha150: string;
+        alpha200: string;
+        alpha250: string;
+        alpha600: string;
+        infoLight: string;
+        info: string;
+        infoMid: string;
+        infoDark: string;
+        successLight: string;
+        success: string;
+        successMid: string;
+        successDark: string;
+        dangerLight: string;
+        danger: string;
+        dangerMid: string;
+        dangerDark: string;
+        warningLight: string;
+        warning: string;
+        warningMid: string;
+        warningDark: string;
+        warningText: string;
+        subjectEnglish: string;
+        subjectMaths: string;
+        subjectScience: string;
+        subjectVerbalReasoning: string;
+        subjectNonVerbalReasoning: string;
+        subjectCreativeWriting: string;
+        subjectExamSkills: string;
+        glBlueLight: string;
+        glBluePrimary: string;
+        glBlueDark: string;
+        primary100: string;
+        primary200: string;
+        primary300: string;
+        primary400: string;
+        primary500: string;
+        primary600: string;
+        primary700: string;
+        primary800: string;
+        primary900: string;
+        primary1000: string;
+        primary1100: string;
+        primary1200: string;
+    };
+    space: {
+        "0": string;
+        "1": string;
+        "2": string;
+        "3": string;
+        "4": string;
+        "5": string;
+        "6": string;
+        "7": string;
+        "8": string;
+        "9": string;
+        "24": string;
+    };
+    fontSizes: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+        "4xl": string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
+        display: string;
+        body: string;
+    };
+    sizes: {
+        "0": string;
+        "1": string;
+        "2": string;
+        "3": string;
+        "4": string;
+        "5": string;
+        "6": string;
+        "7": string;
+        "8": string;
+    };
+    radii: {
+        "0": string;
+        "1": string;
+        "2": string;
+        "3": string;
+        round: string;
+    };
+    shadows: {
+        "0": string;
+        "1": string;
+        "2": string;
+        "3": string;
+    };
+    ratios: {
+        "16-9": string;
+        "3-2": string;
+        "4-3": string;
+        "1-1": string;
+        "3-4": string;
+    };
+}, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
+    bg: (value: PropertyValue<"background">) => {
+        background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
+    };
+    size: (value: ScaleValue<"size"> | number | string) => {
+        height: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
+        width: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
+    };
+    p: (value: ScaleValue<"space"> | number | string) => {
+        padding: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    pt: (value: ScaleValue<"space"> | number | string) => {
+        paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    pr: (value: ScaleValue<"space"> | number | string) => {
+        paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    pb: (value: ScaleValue<"space"> | number | string) => {
+        paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    pl: (value: ScaleValue<"space"> | number | string) => {
+        paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    px: (value: ScaleValue<"space"> | number | string) => {
+        paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    py: (value: ScaleValue<"space"> | number | string) => {
+        paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    m: (value: ScaleValue<"space"> | number | string) => {
+        margin: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    mt: (value: ScaleValue<"space"> | number | string) => {
+        marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    mr: (value: ScaleValue<"space"> | number | string) => {
+        marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    mb: (value: ScaleValue<"space"> | number | string) => {
+        marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    ml: (value: ScaleValue<"space"> | number | string) => {
+        marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    mx: (value: ScaleValue<"space"> | number | string) => {
+        marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    my: (value: ScaleValue<"space"> | number | string) => {
+        marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+}>;
+export declare const css: {
+    withConfig: (config: {
+        componentId?: string;
+        displayName?: string;
+        shouldForwardStitchesProp?: (prop: "css" | (string & {})) => boolean | void;
+    }) => import("@atom-learning/stitches-react/types/stitches").CssFunctionType<{
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        reducedMotion: string;
+        allowMotion: string;
+        hover: string;
+    }, {
+        colors: {
+            textBold: string;
+            textRegular: string;
+            textSubtle: string;
+            textMinimal: string;
+            background: string;
+            backgroundAccent: string;
+            grey100: string;
+            grey200: string;
+            grey300: string;
+            grey400: string;
+            grey500: string;
+            grey600: string;
+            grey700: string;
+            grey800: string;
+            grey900: string;
+            grey1000: string;
+            grey1100: string;
+            grey1200: string;
+            blue100: string;
+            blue200: string;
+            blue300: string;
+            blue400: string;
+            blue500: string;
+            blue600: string;
+            blue700: string;
+            blue800: string;
+            blue900: string;
+            blue1000: string;
+            blue1100: string;
+            blue1200: string;
+            pink100: string;
+            pink200: string;
+            pink300: string;
+            pink400: string;
+            pink500: string;
+            pink600: string;
+            pink700: string;
+            pink800: string;
+            pink900: string;
+            pink1000: string;
+            pink1100: string;
+            pink1200: string;
+            purple100: string;
+            purple200: string;
+            purple300: string;
+            purple400: string;
+            purple500: string;
+            purple600: string;
+            purple700: string;
+            purple800: string;
+            purple900: string;
+            purple1000: string;
+            purple1100: string;
+            purple1200: string;
+            cyan100: string;
+            cyan200: string;
+            cyan300: string;
+            cyan400: string;
+            cyan500: string;
+            cyan600: string;
+            cyan700: string;
+            cyan800: string;
+            cyan900: string;
+            cyan1000: string;
+            cyan1100: string;
+            cyan1200: string;
+            green100: string;
+            green200: string;
+            green300: string;
+            green400: string;
+            green500: string;
+            green600: string;
+            green700: string;
+            green800: string;
+            green900: string;
+            green1000: string;
+            green1100: string;
+            green1200: string;
+            magenta100: string;
+            magenta200: string;
+            magenta300: string;
+            magenta400: string;
+            magenta500: string;
+            magenta600: string;
+            magenta700: string;
+            magenta800: string;
+            magenta900: string;
+            magenta1000: string;
+            magenta1100: string;
+            magenta1200: string;
+            red100: string;
+            red200: string;
+            red300: string;
+            red400: string;
+            red500: string;
+            red600: string;
+            red700: string;
+            red800: string;
+            red900: string;
+            red1000: string;
+            red1100: string;
+            red1200: string;
+            teal100: string;
+            teal200: string;
+            teal300: string;
+            teal400: string;
+            teal500: string;
+            teal600: string;
+            teal700: string;
+            teal800: string;
+            teal900: string;
+            teal1000: string;
+            teal1100: string;
+            teal1200: string;
+            orange100: string;
+            orange200: string;
+            orange300: string;
+            orange400: string;
+            orange500: string;
+            orange600: string;
+            orange700: string;
+            orange800: string;
+            orange900: string;
+            orange1000: string;
+            orange1100: string;
+            orange1200: string;
+            yellow100: string;
+            yellow200: string;
+            yellow300: string;
+            yellow400: string;
+            yellow500: string;
+            yellow600: string;
+            yellow700: string;
+            yellow800: string;
+            yellow900: string;
+            yellow1000: string;
+            yellow1100: string;
+            yellow1200: string;
+            lime100: string;
+            lime200: string;
+            lime300: string;
+            lime400: string;
+            lime500: string;
+            lime600: string;
+            lime700: string;
+            lime800: string;
+            lime900: string;
+            lime1000: string;
+            lime1100: string;
+            lime1200: string;
+            lapis100: string;
+            lapis200: string;
+            lapis300: string;
+            lapis400: string;
+            lapis500: string;
+            lapis600: string;
+            lapis700: string;
+            lapis800: string;
+            lapis900: string;
+            lapis1000: string;
+            lapis1100: string;
+            lapis1200: string;
+            maroon100: string;
+            maroon200: string;
+            maroon300: string;
+            maroon400: string;
+            maroon500: string;
+            maroon600: string;
+            maroon700: string;
+            maroon800: string;
+            maroon900: string;
+            maroon1000: string;
+            maroon1100: string;
+            maroon1200: string;
+            marsh100: string;
+            marsh200: string;
+            marsh300: string;
+            marsh400: string;
+            marsh500: string;
+            marsh600: string;
+            marsh700: string;
+            marsh800: string;
+            marsh900: string;
+            marsh1000: string;
+            marsh1100: string;
+            marsh1200: string;
+            alpha100: string;
+            alpha150: string;
+            alpha200: string;
+            alpha250: string;
+            alpha600: string;
+            infoLight: string;
+            info: string;
+            infoMid: string;
+            infoDark: string;
+            successLight: string;
+            success: string;
+            successMid: string;
+            successDark: string;
+            dangerLight: string;
+            danger: string;
+            dangerMid: string;
+            dangerDark: string;
+            warningLight: string;
+            warning: string;
+            warningMid: string;
+            warningDark: string;
+            warningText: string;
+            subjectEnglish: string;
+            subjectMaths: string;
+            subjectScience: string;
+            subjectVerbalReasoning: string;
+            subjectNonVerbalReasoning: string;
+            subjectCreativeWriting: string;
+            subjectExamSkills: string;
+            glBlueLight: string;
+            glBluePrimary: string;
+            glBlueDark: string;
+            primary100: string;
+            primary200: string;
+            primary300: string;
+            primary400: string;
+            primary500: string;
+            primary600: string;
+            primary700: string;
+            primary800: string;
+            primary900: string;
+            primary1000: string;
+            primary1100: string;
+            primary1200: string;
+        };
+        space: {
+            "0": string;
+            "1": string;
+            "2": string;
+            "3": string;
+            "4": string;
+            "5": string;
+            "6": string;
+            "7": string;
+            "8": string;
+            "9": string;
+            "24": string;
+        };
+        fontSizes: {
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            "2xl": string;
+            "3xl": string;
+            "4xl": string;
+        };
+        fonts: {
+            sans: string;
+            mono: string;
+            display: string;
+            body: string;
+        };
+        sizes: {
+            "0": string;
+            "1": string;
+            "2": string;
+            "3": string;
+            "4": string;
+            "5": string;
+            "6": string;
+            "7": string;
+            "8": string;
+        };
+        radii: {
+            "0": string;
+            "1": string;
+            "2": string;
+            "3": string;
+            round: string;
+        };
+        shadows: {
+            "0": string;
+            "1": string;
+            "2": string;
+            "3": string;
+        };
+        ratios: {
+            "16-9": string;
+            "3-2": string;
+            "4-3": string;
+            "1-1": string;
+            "3-4": string;
+        };
+    }, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
+        bg: (value: PropertyValue<"background">) => {
+            background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
+        };
+        size: (value: ScaleValue<"size"> | number | string) => {
+            height: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
+            width: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
+        };
+        p: (value: ScaleValue<"space"> | number | string) => {
+            padding: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        pt: (value: ScaleValue<"space"> | number | string) => {
+            paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        pr: (value: ScaleValue<"space"> | number | string) => {
+            paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        pb: (value: ScaleValue<"space"> | number | string) => {
+            paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        pl: (value: ScaleValue<"space"> | number | string) => {
+            paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        px: (value: ScaleValue<"space"> | number | string) => {
+            paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+            paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        py: (value: ScaleValue<"space"> | number | string) => {
+            paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+            paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        m: (value: ScaleValue<"space"> | number | string) => {
+            margin: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        mt: (value: ScaleValue<"space"> | number | string) => {
+            marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        mr: (value: ScaleValue<"space"> | number | string) => {
+            marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        mb: (value: ScaleValue<"space"> | number | string) => {
+            marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        ml: (value: ScaleValue<"space"> | number | string) => {
+            marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        mx: (value: ScaleValue<"space"> | number | string) => {
+            marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+            marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        my: (value: ScaleValue<"space"> | number | string) => {
+            marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+            marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+    }>;
+} & import("@atom-learning/stitches-react/types/stitches").CssFunctionType<{
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    reducedMotion: string;
+    allowMotion: string;
+    hover: string;
+}, {
+    colors: {
+        textBold: string;
+        textRegular: string;
+        textSubtle: string;
+        textMinimal: string;
+        background: string;
+        backgroundAccent: string;
+        grey100: string;
+        grey200: string;
+        grey300: string;
+        grey400: string;
+        grey500: string;
+        grey600: string;
+        grey700: string;
+        grey800: string;
+        grey900: string;
+        grey1000: string;
+        grey1100: string;
+        grey1200: string;
+        blue100: string;
+        blue200: string;
+        blue300: string;
+        blue400: string;
+        blue500: string;
+        blue600: string;
+        blue700: string;
+        blue800: string;
+        blue900: string;
+        blue1000: string;
+        blue1100: string;
+        blue1200: string;
+        pink100: string;
+        pink200: string;
+        pink300: string;
+        pink400: string;
+        pink500: string;
+        pink600: string;
+        pink700: string;
+        pink800: string;
+        pink900: string;
+        pink1000: string;
+        pink1100: string;
+        pink1200: string;
+        purple100: string;
+        purple200: string;
+        purple300: string;
+        purple400: string;
+        purple500: string;
+        purple600: string;
+        purple700: string;
+        purple800: string;
+        purple900: string;
+        purple1000: string;
+        purple1100: string;
+        purple1200: string;
+        cyan100: string;
+        cyan200: string;
+        cyan300: string;
+        cyan400: string;
+        cyan500: string;
+        cyan600: string;
+        cyan700: string;
+        cyan800: string;
+        cyan900: string;
+        cyan1000: string;
+        cyan1100: string;
+        cyan1200: string;
+        green100: string;
+        green200: string;
+        green300: string;
+        green400: string;
+        green500: string;
+        green600: string;
+        green700: string;
+        green800: string;
+        green900: string;
+        green1000: string;
+        green1100: string;
+        green1200: string;
+        magenta100: string;
+        magenta200: string;
+        magenta300: string;
+        magenta400: string;
+        magenta500: string;
+        magenta600: string;
+        magenta700: string;
+        magenta800: string;
+        magenta900: string;
+        magenta1000: string;
+        magenta1100: string;
+        magenta1200: string;
+        red100: string;
+        red200: string;
+        red300: string;
+        red400: string;
+        red500: string;
+        red600: string;
+        red700: string;
+        red800: string;
+        red900: string;
+        red1000: string;
+        red1100: string;
+        red1200: string;
+        teal100: string;
+        teal200: string;
+        teal300: string;
+        teal400: string;
+        teal500: string;
+        teal600: string;
+        teal700: string;
+        teal800: string;
+        teal900: string;
+        teal1000: string;
+        teal1100: string;
+        teal1200: string;
+        orange100: string;
+        orange200: string;
+        orange300: string;
+        orange400: string;
+        orange500: string;
+        orange600: string;
+        orange700: string;
+        orange800: string;
+        orange900: string;
+        orange1000: string;
+        orange1100: string;
+        orange1200: string;
+        yellow100: string;
+        yellow200: string;
+        yellow300: string;
+        yellow400: string;
+        yellow500: string;
+        yellow600: string;
+        yellow700: string;
+        yellow800: string;
+        yellow900: string;
+        yellow1000: string;
+        yellow1100: string;
+        yellow1200: string;
+        lime100: string;
+        lime200: string;
+        lime300: string;
+        lime400: string;
+        lime500: string;
+        lime600: string;
+        lime700: string;
+        lime800: string;
+        lime900: string;
+        lime1000: string;
+        lime1100: string;
+        lime1200: string;
+        lapis100: string;
+        lapis200: string;
+        lapis300: string;
+        lapis400: string;
+        lapis500: string;
+        lapis600: string;
+        lapis700: string;
+        lapis800: string;
+        lapis900: string;
+        lapis1000: string;
+        lapis1100: string;
+        lapis1200: string;
+        maroon100: string;
+        maroon200: string;
+        maroon300: string;
+        maroon400: string;
+        maroon500: string;
+        maroon600: string;
+        maroon700: string;
+        maroon800: string;
+        maroon900: string;
+        maroon1000: string;
+        maroon1100: string;
+        maroon1200: string;
+        marsh100: string;
+        marsh200: string;
+        marsh300: string;
+        marsh400: string;
+        marsh500: string;
+        marsh600: string;
+        marsh700: string;
+        marsh800: string;
+        marsh900: string;
+        marsh1000: string;
+        marsh1100: string;
+        marsh1200: string;
+        alpha100: string;
+        alpha150: string;
+        alpha200: string;
+        alpha250: string;
+        alpha600: string;
+        infoLight: string;
+        info: string;
+        infoMid: string;
+        infoDark: string;
+        successLight: string;
+        success: string;
+        successMid: string;
+        successDark: string;
+        dangerLight: string;
+        danger: string;
+        dangerMid: string;
+        dangerDark: string;
+        warningLight: string;
+        warning: string;
+        warningMid: string;
+        warningDark: string;
+        warningText: string;
+        subjectEnglish: string;
+        subjectMaths: string;
+        subjectScience: string;
+        subjectVerbalReasoning: string;
+        subjectNonVerbalReasoning: string;
+        subjectCreativeWriting: string;
+        subjectExamSkills: string;
+        glBlueLight: string;
+        glBluePrimary: string;
+        glBlueDark: string;
+        primary100: string;
+        primary200: string;
+        primary300: string;
+        primary400: string;
+        primary500: string;
+        primary600: string;
+        primary700: string;
+        primary800: string;
+        primary900: string;
+        primary1000: string;
+        primary1100: string;
+        primary1200: string;
+    };
+    space: {
+        "0": string;
+        "1": string;
+        "2": string;
+        "3": string;
+        "4": string;
+        "5": string;
+        "6": string;
+        "7": string;
+        "8": string;
+        "9": string;
+        "24": string;
+    };
+    fontSizes: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+        "4xl": string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
+        display: string;
+        body: string;
+    };
+    sizes: {
+        "0": string;
+        "1": string;
+        "2": string;
+        "3": string;
+        "4": string;
+        "5": string;
+        "6": string;
+        "7": string;
+        "8": string;
+    };
+    radii: {
+        "0": string;
+        "1": string;
+        "2": string;
+        "3": string;
+        round: string;
+    };
+    shadows: {
+        "0": string;
+        "1": string;
+        "2": string;
+        "3": string;
+    };
+    ratios: {
+        "16-9": string;
+        "3-2": string;
+        "4-3": string;
+        "1-1": string;
+        "3-4": string;
+    };
+}, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
+    bg: (value: PropertyValue<"background">) => {
+        background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
+    };
+    size: (value: ScaleValue<"size"> | number | string) => {
+        height: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
+        width: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
+    };
+    p: (value: ScaleValue<"space"> | number | string) => {
+        padding: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    pt: (value: ScaleValue<"space"> | number | string) => {
+        paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    pr: (value: ScaleValue<"space"> | number | string) => {
+        paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    pb: (value: ScaleValue<"space"> | number | string) => {
+        paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    pl: (value: ScaleValue<"space"> | number | string) => {
+        paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    px: (value: ScaleValue<"space"> | number | string) => {
+        paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    py: (value: ScaleValue<"space"> | number | string) => {
+        paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    m: (value: ScaleValue<"space"> | number | string) => {
+        margin: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    mt: (value: ScaleValue<"space"> | number | string) => {
+        marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    mr: (value: ScaleValue<"space"> | number | string) => {
+        marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    mb: (value: ScaleValue<"space"> | number | string) => {
+        marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    ml: (value: ScaleValue<"space"> | number | string) => {
+        marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    mx: (value: ScaleValue<"space"> | number | string) => {
+        marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    my: (value: ScaleValue<"space"> | number | string) => {
+        marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+}>, getCssText: () => string, createTheme: <Argument0 extends string | ({
+    colors?: {
+        textBold?: string | number | boolean | undefined;
+        textRegular?: string | number | boolean | undefined;
+        textSubtle?: string | number | boolean | undefined;
+        textMinimal?: string | number | boolean | undefined;
+        background?: string | number | boolean | undefined;
+        backgroundAccent?: string | number | boolean | undefined;
+        grey100?: string | number | boolean | undefined;
+        grey200?: string | number | boolean | undefined;
+        grey300?: string | number | boolean | undefined;
+        grey400?: string | number | boolean | undefined;
+        grey500?: string | number | boolean | undefined;
+        grey600?: string | number | boolean | undefined;
+        grey700?: string | number | boolean | undefined;
+        grey800?: string | number | boolean | undefined;
+        grey900?: string | number | boolean | undefined;
+        grey1000?: string | number | boolean | undefined;
+        grey1100?: string | number | boolean | undefined;
+        grey1200?: string | number | boolean | undefined;
+        blue100?: string | number | boolean | undefined;
+        blue200?: string | number | boolean | undefined;
+        blue300?: string | number | boolean | undefined;
+        blue400?: string | number | boolean | undefined;
+        blue500?: string | number | boolean | undefined;
+        blue600?: string | number | boolean | undefined;
+        blue700?: string | number | boolean | undefined;
+        blue800?: string | number | boolean | undefined;
+        blue900?: string | number | boolean | undefined;
+        blue1000?: string | number | boolean | undefined;
+        blue1100?: string | number | boolean | undefined;
+        blue1200?: string | number | boolean | undefined;
+        pink100?: string | number | boolean | undefined;
+        pink200?: string | number | boolean | undefined;
+        pink300?: string | number | boolean | undefined;
+        pink400?: string | number | boolean | undefined;
+        pink500?: string | number | boolean | undefined;
+        pink600?: string | number | boolean | undefined;
+        pink700?: string | number | boolean | undefined;
+        pink800?: string | number | boolean | undefined;
+        pink900?: string | number | boolean | undefined;
+        pink1000?: string | number | boolean | undefined;
+        pink1100?: string | number | boolean | undefined;
+        pink1200?: string | number | boolean | undefined;
+        purple100?: string | number | boolean | undefined;
+        purple200?: string | number | boolean | undefined;
+        purple300?: string | number | boolean | undefined;
+        purple400?: string | number | boolean | undefined;
+        purple500?: string | number | boolean | undefined;
+        purple600?: string | number | boolean | undefined;
+        purple700?: string | number | boolean | undefined;
+        purple800?: string | number | boolean | undefined;
+        purple900?: string | number | boolean | undefined;
+        purple1000?: string | number | boolean | undefined;
+        purple1100?: string | number | boolean | undefined;
+        purple1200?: string | number | boolean | undefined;
+        cyan100?: string | number | boolean | undefined;
+        cyan200?: string | number | boolean | undefined;
+        cyan300?: string | number | boolean | undefined;
+        cyan400?: string | number | boolean | undefined;
+        cyan500?: string | number | boolean | undefined;
+        cyan600?: string | number | boolean | undefined;
+        cyan700?: string | number | boolean | undefined;
+        cyan800?: string | number | boolean | undefined;
+        cyan900?: string | number | boolean | undefined;
+        cyan1000?: string | number | boolean | undefined;
+        cyan1100?: string | number | boolean | undefined;
+        cyan1200?: string | number | boolean | undefined;
+        green100?: string | number | boolean | undefined;
+        green200?: string | number | boolean | undefined;
+        green300?: string | number | boolean | undefined;
+        green400?: string | number | boolean | undefined;
+        green500?: string | number | boolean | undefined;
+        green600?: string | number | boolean | undefined;
+        green700?: string | number | boolean | undefined;
+        green800?: string | number | boolean | undefined;
+        green900?: string | number | boolean | undefined;
+        green1000?: string | number | boolean | undefined;
+        green1100?: string | number | boolean | undefined;
+        green1200?: string | number | boolean | undefined;
+        magenta100?: string | number | boolean | undefined;
+        magenta200?: string | number | boolean | undefined;
+        magenta300?: string | number | boolean | undefined;
+        magenta400?: string | number | boolean | undefined;
+        magenta500?: string | number | boolean | undefined;
+        magenta600?: string | number | boolean | undefined;
+        magenta700?: string | number | boolean | undefined;
+        magenta800?: string | number | boolean | undefined;
+        magenta900?: string | number | boolean | undefined;
+        magenta1000?: string | number | boolean | undefined;
+        magenta1100?: string | number | boolean | undefined;
+        magenta1200?: string | number | boolean | undefined;
+        red100?: string | number | boolean | undefined;
+        red200?: string | number | boolean | undefined;
+        red300?: string | number | boolean | undefined;
+        red400?: string | number | boolean | undefined;
+        red500?: string | number | boolean | undefined;
+        red600?: string | number | boolean | undefined;
+        red700?: string | number | boolean | undefined;
+        red800?: string | number | boolean | undefined;
+        red900?: string | number | boolean | undefined;
+        red1000?: string | number | boolean | undefined;
+        red1100?: string | number | boolean | undefined;
+        red1200?: string | number | boolean | undefined;
+        teal100?: string | number | boolean | undefined;
+        teal200?: string | number | boolean | undefined;
+        teal300?: string | number | boolean | undefined;
+        teal400?: string | number | boolean | undefined;
+        teal500?: string | number | boolean | undefined;
+        teal600?: string | number | boolean | undefined;
+        teal700?: string | number | boolean | undefined;
+        teal800?: string | number | boolean | undefined;
+        teal900?: string | number | boolean | undefined;
+        teal1000?: string | number | boolean | undefined;
+        teal1100?: string | number | boolean | undefined;
+        teal1200?: string | number | boolean | undefined;
+        orange100?: string | number | boolean | undefined;
+        orange200?: string | number | boolean | undefined;
+        orange300?: string | number | boolean | undefined;
+        orange400?: string | number | boolean | undefined;
+        orange500?: string | number | boolean | undefined;
+        orange600?: string | number | boolean | undefined;
+        orange700?: string | number | boolean | undefined;
+        orange800?: string | number | boolean | undefined;
+        orange900?: string | number | boolean | undefined;
+        orange1000?: string | number | boolean | undefined;
+        orange1100?: string | number | boolean | undefined;
+        orange1200?: string | number | boolean | undefined;
+        yellow100?: string | number | boolean | undefined;
+        yellow200?: string | number | boolean | undefined;
+        yellow300?: string | number | boolean | undefined;
+        yellow400?: string | number | boolean | undefined;
+        yellow500?: string | number | boolean | undefined;
+        yellow600?: string | number | boolean | undefined;
+        yellow700?: string | number | boolean | undefined;
+        yellow800?: string | number | boolean | undefined;
+        yellow900?: string | number | boolean | undefined;
+        yellow1000?: string | number | boolean | undefined;
+        yellow1100?: string | number | boolean | undefined;
+        yellow1200?: string | number | boolean | undefined;
+        lime100?: string | number | boolean | undefined;
+        lime200?: string | number | boolean | undefined;
+        lime300?: string | number | boolean | undefined;
+        lime400?: string | number | boolean | undefined;
+        lime500?: string | number | boolean | undefined;
+        lime600?: string | number | boolean | undefined;
+        lime700?: string | number | boolean | undefined;
+        lime800?: string | number | boolean | undefined;
+        lime900?: string | number | boolean | undefined;
+        lime1000?: string | number | boolean | undefined;
+        lime1100?: string | number | boolean | undefined;
+        lime1200?: string | number | boolean | undefined;
+        lapis100?: string | number | boolean | undefined;
+        lapis200?: string | number | boolean | undefined;
+        lapis300?: string | number | boolean | undefined;
+        lapis400?: string | number | boolean | undefined;
+        lapis500?: string | number | boolean | undefined;
+        lapis600?: string | number | boolean | undefined;
+        lapis700?: string | number | boolean | undefined;
+        lapis800?: string | number | boolean | undefined;
+        lapis900?: string | number | boolean | undefined;
+        lapis1000?: string | number | boolean | undefined;
+        lapis1100?: string | number | boolean | undefined;
+        lapis1200?: string | number | boolean | undefined;
+        maroon100?: string | number | boolean | undefined;
+        maroon200?: string | number | boolean | undefined;
+        maroon300?: string | number | boolean | undefined;
+        maroon400?: string | number | boolean | undefined;
+        maroon500?: string | number | boolean | undefined;
+        maroon600?: string | number | boolean | undefined;
+        maroon700?: string | number | boolean | undefined;
+        maroon800?: string | number | boolean | undefined;
+        maroon900?: string | number | boolean | undefined;
+        maroon1000?: string | number | boolean | undefined;
+        maroon1100?: string | number | boolean | undefined;
+        maroon1200?: string | number | boolean | undefined;
+        marsh100?: string | number | boolean | undefined;
+        marsh200?: string | number | boolean | undefined;
+        marsh300?: string | number | boolean | undefined;
+        marsh400?: string | number | boolean | undefined;
+        marsh500?: string | number | boolean | undefined;
+        marsh600?: string | number | boolean | undefined;
+        marsh700?: string | number | boolean | undefined;
+        marsh800?: string | number | boolean | undefined;
+        marsh900?: string | number | boolean | undefined;
+        marsh1000?: string | number | boolean | undefined;
+        marsh1100?: string | number | boolean | undefined;
+        marsh1200?: string | number | boolean | undefined;
+        alpha100?: string | number | boolean | undefined;
+        alpha150?: string | number | boolean | undefined;
+        alpha200?: string | number | boolean | undefined;
+        alpha250?: string | number | boolean | undefined;
+        alpha600?: string | number | boolean | undefined;
+        infoLight?: string | number | boolean | undefined;
+        info?: string | number | boolean | undefined;
+        infoMid?: string | number | boolean | undefined;
+        infoDark?: string | number | boolean | undefined;
+        successLight?: string | number | boolean | undefined;
+        success?: string | number | boolean | undefined;
+        successMid?: string | number | boolean | undefined;
+        successDark?: string | number | boolean | undefined;
+        dangerLight?: string | number | boolean | undefined;
+        danger?: string | number | boolean | undefined;
+        dangerMid?: string | number | boolean | undefined;
+        dangerDark?: string | number | boolean | undefined;
+        warningLight?: string | number | boolean | undefined;
+        warning?: string | number | boolean | undefined;
+        warningMid?: string | number | boolean | undefined;
+        warningDark?: string | number | boolean | undefined;
+        warningText?: string | number | boolean | undefined;
+        subjectEnglish?: string | number | boolean | undefined;
+        subjectMaths?: string | number | boolean | undefined;
+        subjectScience?: string | number | boolean | undefined;
+        subjectVerbalReasoning?: string | number | boolean | undefined;
+        subjectNonVerbalReasoning?: string | number | boolean | undefined;
+        subjectCreativeWriting?: string | number | boolean | undefined;
+        subjectExamSkills?: string | number | boolean | undefined;
+        glBlueLight?: string | number | boolean | undefined;
+        glBluePrimary?: string | number | boolean | undefined;
+        glBlueDark?: string | number | boolean | undefined;
+        primary100?: string | number | boolean | undefined;
+        primary200?: string | number | boolean | undefined;
+        primary300?: string | number | boolean | undefined;
+        primary400?: string | number | boolean | undefined;
+        primary500?: string | number | boolean | undefined;
+        primary600?: string | number | boolean | undefined;
+        primary700?: string | number | boolean | undefined;
+        primary800?: string | number | boolean | undefined;
+        primary900?: string | number | boolean | undefined;
+        primary1000?: string | number | boolean | undefined;
+        primary1100?: string | number | boolean | undefined;
+        primary1200?: string | number | boolean | undefined;
+    } | undefined;
+    space?: {
+        "0"?: string | number | boolean | undefined;
+        "1"?: string | number | boolean | undefined;
+        "2"?: string | number | boolean | undefined;
+        "3"?: string | number | boolean | undefined;
+        "4"?: string | number | boolean | undefined;
+        "5"?: string | number | boolean | undefined;
+        "6"?: string | number | boolean | undefined;
+        "7"?: string | number | boolean | undefined;
+        "8"?: string | number | boolean | undefined;
+        "9"?: string | number | boolean | undefined;
+        "24"?: string | number | boolean | undefined;
+    } | undefined;
+    fontSizes?: {
+        xs?: string | number | boolean | undefined;
+        sm?: string | number | boolean | undefined;
+        md?: string | number | boolean | undefined;
+        lg?: string | number | boolean | undefined;
+        xl?: string | number | boolean | undefined;
+        "2xl"?: string | number | boolean | undefined;
+        "3xl"?: string | number | boolean | undefined;
+        "4xl"?: string | number | boolean | undefined;
+    } | undefined;
+    fonts?: {
+        sans?: string | number | boolean | undefined;
+        mono?: string | number | boolean | undefined;
+        display?: string | number | boolean | undefined;
+        body?: string | number | boolean | undefined;
+    } | undefined;
+    sizes?: {
+        "0"?: string | number | boolean | undefined;
+        "1"?: string | number | boolean | undefined;
+        "2"?: string | number | boolean | undefined;
+        "3"?: string | number | boolean | undefined;
+        "4"?: string | number | boolean | undefined;
+        "5"?: string | number | boolean | undefined;
+        "6"?: string | number | boolean | undefined;
+        "7"?: string | number | boolean | undefined;
+        "8"?: string | number | boolean | undefined;
+    } | undefined;
+    radii?: {
+        "0"?: string | number | boolean | undefined;
+        "1"?: string | number | boolean | undefined;
+        "2"?: string | number | boolean | undefined;
+        "3"?: string | number | boolean | undefined;
+        round?: string | number | boolean | undefined;
+    } | undefined;
+    shadows?: {
+        "0"?: string | number | boolean | undefined;
+        "1"?: string | number | boolean | undefined;
+        "2"?: string | number | boolean | undefined;
+        "3"?: string | number | boolean | undefined;
+    } | undefined;
+    ratios?: {
+        "16-9"?: string | number | boolean | undefined;
+        "3-2"?: string | number | boolean | undefined;
+        "4-3"?: string | number | boolean | undefined;
+        "1-1"?: string | number | boolean | undefined;
+        "3-4"?: string | number | boolean | undefined;
+    } | undefined;
+} & {
+    [x: string]: {
+        [x: string]: string | number | boolean;
+        [x: number]: string | number | boolean;
+    };
+}), Argument1 extends string | ({
+    colors?: {
+        textBold?: string | number | boolean | undefined;
+        textRegular?: string | number | boolean | undefined;
+        textSubtle?: string | number | boolean | undefined;
+        textMinimal?: string | number | boolean | undefined;
+        background?: string | number | boolean | undefined;
+        backgroundAccent?: string | number | boolean | undefined;
+        grey100?: string | number | boolean | undefined;
+        grey200?: string | number | boolean | undefined;
+        grey300?: string | number | boolean | undefined;
+        grey400?: string | number | boolean | undefined;
+        grey500?: string | number | boolean | undefined;
+        grey600?: string | number | boolean | undefined;
+        grey700?: string | number | boolean | undefined;
+        grey800?: string | number | boolean | undefined;
+        grey900?: string | number | boolean | undefined;
+        grey1000?: string | number | boolean | undefined;
+        grey1100?: string | number | boolean | undefined;
+        grey1200?: string | number | boolean | undefined;
+        blue100?: string | number | boolean | undefined;
+        blue200?: string | number | boolean | undefined;
+        blue300?: string | number | boolean | undefined;
+        blue400?: string | number | boolean | undefined;
+        blue500?: string | number | boolean | undefined;
+        blue600?: string | number | boolean | undefined;
+        blue700?: string | number | boolean | undefined;
+        blue800?: string | number | boolean | undefined;
+        blue900?: string | number | boolean | undefined;
+        blue1000?: string | number | boolean | undefined;
+        blue1100?: string | number | boolean | undefined;
+        blue1200?: string | number | boolean | undefined;
+        pink100?: string | number | boolean | undefined;
+        pink200?: string | number | boolean | undefined;
+        pink300?: string | number | boolean | undefined;
+        pink400?: string | number | boolean | undefined;
+        pink500?: string | number | boolean | undefined;
+        pink600?: string | number | boolean | undefined;
+        pink700?: string | number | boolean | undefined;
+        pink800?: string | number | boolean | undefined;
+        pink900?: string | number | boolean | undefined;
+        pink1000?: string | number | boolean | undefined;
+        pink1100?: string | number | boolean | undefined;
+        pink1200?: string | number | boolean | undefined;
+        purple100?: string | number | boolean | undefined;
+        purple200?: string | number | boolean | undefined;
+        purple300?: string | number | boolean | undefined;
+        purple400?: string | number | boolean | undefined;
+        purple500?: string | number | boolean | undefined;
+        purple600?: string | number | boolean | undefined;
+        purple700?: string | number | boolean | undefined;
+        purple800?: string | number | boolean | undefined;
+        purple900?: string | number | boolean | undefined;
+        purple1000?: string | number | boolean | undefined;
+        purple1100?: string | number | boolean | undefined;
+        purple1200?: string | number | boolean | undefined;
+        cyan100?: string | number | boolean | undefined;
+        cyan200?: string | number | boolean | undefined;
+        cyan300?: string | number | boolean | undefined;
+        cyan400?: string | number | boolean | undefined;
+        cyan500?: string | number | boolean | undefined;
+        cyan600?: string | number | boolean | undefined;
+        cyan700?: string | number | boolean | undefined;
+        cyan800?: string | number | boolean | undefined;
+        cyan900?: string | number | boolean | undefined;
+        cyan1000?: string | number | boolean | undefined;
+        cyan1100?: string | number | boolean | undefined;
+        cyan1200?: string | number | boolean | undefined;
+        green100?: string | number | boolean | undefined;
+        green200?: string | number | boolean | undefined;
+        green300?: string | number | boolean | undefined;
+        green400?: string | number | boolean | undefined;
+        green500?: string | number | boolean | undefined;
+        green600?: string | number | boolean | undefined;
+        green700?: string | number | boolean | undefined;
+        green800?: string | number | boolean | undefined;
+        green900?: string | number | boolean | undefined;
+        green1000?: string | number | boolean | undefined;
+        green1100?: string | number | boolean | undefined;
+        green1200?: string | number | boolean | undefined;
+        magenta100?: string | number | boolean | undefined;
+        magenta200?: string | number | boolean | undefined;
+        magenta300?: string | number | boolean | undefined;
+        magenta400?: string | number | boolean | undefined;
+        magenta500?: string | number | boolean | undefined;
+        magenta600?: string | number | boolean | undefined;
+        magenta700?: string | number | boolean | undefined;
+        magenta800?: string | number | boolean | undefined;
+        magenta900?: string | number | boolean | undefined;
+        magenta1000?: string | number | boolean | undefined;
+        magenta1100?: string | number | boolean | undefined;
+        magenta1200?: string | number | boolean | undefined;
+        red100?: string | number | boolean | undefined;
+        red200?: string | number | boolean | undefined;
+        red300?: string | number | boolean | undefined;
+        red400?: string | number | boolean | undefined;
+        red500?: string | number | boolean | undefined;
+        red600?: string | number | boolean | undefined;
+        red700?: string | number | boolean | undefined;
+        red800?: string | number | boolean | undefined;
+        red900?: string | number | boolean | undefined;
+        red1000?: string | number | boolean | undefined;
+        red1100?: string | number | boolean | undefined;
+        red1200?: string | number | boolean | undefined;
+        teal100?: string | number | boolean | undefined;
+        teal200?: string | number | boolean | undefined;
+        teal300?: string | number | boolean | undefined;
+        teal400?: string | number | boolean | undefined;
+        teal500?: string | number | boolean | undefined;
+        teal600?: string | number | boolean | undefined;
+        teal700?: string | number | boolean | undefined;
+        teal800?: string | number | boolean | undefined;
+        teal900?: string | number | boolean | undefined;
+        teal1000?: string | number | boolean | undefined;
+        teal1100?: string | number | boolean | undefined;
+        teal1200?: string | number | boolean | undefined;
+        orange100?: string | number | boolean | undefined;
+        orange200?: string | number | boolean | undefined;
+        orange300?: string | number | boolean | undefined;
+        orange400?: string | number | boolean | undefined;
+        orange500?: string | number | boolean | undefined;
+        orange600?: string | number | boolean | undefined;
+        orange700?: string | number | boolean | undefined;
+        orange800?: string | number | boolean | undefined;
+        orange900?: string | number | boolean | undefined;
+        orange1000?: string | number | boolean | undefined;
+        orange1100?: string | number | boolean | undefined;
+        orange1200?: string | number | boolean | undefined;
+        yellow100?: string | number | boolean | undefined;
+        yellow200?: string | number | boolean | undefined;
+        yellow300?: string | number | boolean | undefined;
+        yellow400?: string | number | boolean | undefined;
+        yellow500?: string | number | boolean | undefined;
+        yellow600?: string | number | boolean | undefined;
+        yellow700?: string | number | boolean | undefined;
+        yellow800?: string | number | boolean | undefined;
+        yellow900?: string | number | boolean | undefined;
+        yellow1000?: string | number | boolean | undefined;
+        yellow1100?: string | number | boolean | undefined;
+        yellow1200?: string | number | boolean | undefined;
+        lime100?: string | number | boolean | undefined;
+        lime200?: string | number | boolean | undefined;
+        lime300?: string | number | boolean | undefined;
+        lime400?: string | number | boolean | undefined;
+        lime500?: string | number | boolean | undefined;
+        lime600?: string | number | boolean | undefined;
+        lime700?: string | number | boolean | undefined;
+        lime800?: string | number | boolean | undefined;
+        lime900?: string | number | boolean | undefined;
+        lime1000?: string | number | boolean | undefined;
+        lime1100?: string | number | boolean | undefined;
+        lime1200?: string | number | boolean | undefined;
+        lapis100?: string | number | boolean | undefined;
+        lapis200?: string | number | boolean | undefined;
+        lapis300?: string | number | boolean | undefined;
+        lapis400?: string | number | boolean | undefined;
+        lapis500?: string | number | boolean | undefined;
+        lapis600?: string | number | boolean | undefined;
+        lapis700?: string | number | boolean | undefined;
+        lapis800?: string | number | boolean | undefined;
+        lapis900?: string | number | boolean | undefined;
+        lapis1000?: string | number | boolean | undefined;
+        lapis1100?: string | number | boolean | undefined;
+        lapis1200?: string | number | boolean | undefined;
+        maroon100?: string | number | boolean | undefined;
+        maroon200?: string | number | boolean | undefined;
+        maroon300?: string | number | boolean | undefined;
+        maroon400?: string | number | boolean | undefined;
+        maroon500?: string | number | boolean | undefined;
+        maroon600?: string | number | boolean | undefined;
+        maroon700?: string | number | boolean | undefined;
+        maroon800?: string | number | boolean | undefined;
+        maroon900?: string | number | boolean | undefined;
+        maroon1000?: string | number | boolean | undefined;
+        maroon1100?: string | number | boolean | undefined;
+        maroon1200?: string | number | boolean | undefined;
+        marsh100?: string | number | boolean | undefined;
+        marsh200?: string | number | boolean | undefined;
+        marsh300?: string | number | boolean | undefined;
+        marsh400?: string | number | boolean | undefined;
+        marsh500?: string | number | boolean | undefined;
+        marsh600?: string | number | boolean | undefined;
+        marsh700?: string | number | boolean | undefined;
+        marsh800?: string | number | boolean | undefined;
+        marsh900?: string | number | boolean | undefined;
+        marsh1000?: string | number | boolean | undefined;
+        marsh1100?: string | number | boolean | undefined;
+        marsh1200?: string | number | boolean | undefined;
+        alpha100?: string | number | boolean | undefined;
+        alpha150?: string | number | boolean | undefined;
+        alpha200?: string | number | boolean | undefined;
+        alpha250?: string | number | boolean | undefined;
+        alpha600?: string | number | boolean | undefined;
+        infoLight?: string | number | boolean | undefined;
+        info?: string | number | boolean | undefined;
+        infoMid?: string | number | boolean | undefined;
+        infoDark?: string | number | boolean | undefined;
+        successLight?: string | number | boolean | undefined;
+        success?: string | number | boolean | undefined;
+        successMid?: string | number | boolean | undefined;
+        successDark?: string | number | boolean | undefined;
+        dangerLight?: string | number | boolean | undefined;
+        danger?: string | number | boolean | undefined;
+        dangerMid?: string | number | boolean | undefined;
+        dangerDark?: string | number | boolean | undefined;
+        warningLight?: string | number | boolean | undefined;
+        warning?: string | number | boolean | undefined;
+        warningMid?: string | number | boolean | undefined;
+        warningDark?: string | number | boolean | undefined;
+        warningText?: string | number | boolean | undefined;
+        subjectEnglish?: string | number | boolean | undefined;
+        subjectMaths?: string | number | boolean | undefined;
+        subjectScience?: string | number | boolean | undefined;
+        subjectVerbalReasoning?: string | number | boolean | undefined;
+        subjectNonVerbalReasoning?: string | number | boolean | undefined;
+        subjectCreativeWriting?: string | number | boolean | undefined;
+        subjectExamSkills?: string | number | boolean | undefined;
+        glBlueLight?: string | number | boolean | undefined;
+        glBluePrimary?: string | number | boolean | undefined;
+        glBlueDark?: string | number | boolean | undefined;
+        primary100?: string | number | boolean | undefined;
+        primary200?: string | number | boolean | undefined;
+        primary300?: string | number | boolean | undefined;
+        primary400?: string | number | boolean | undefined;
+        primary500?: string | number | boolean | undefined;
+        primary600?: string | number | boolean | undefined;
+        primary700?: string | number | boolean | undefined;
+        primary800?: string | number | boolean | undefined;
+        primary900?: string | number | boolean | undefined;
+        primary1000?: string | number | boolean | undefined;
+        primary1100?: string | number | boolean | undefined;
+        primary1200?: string | number | boolean | undefined;
+    } | undefined;
+    space?: {
+        "0"?: string | number | boolean | undefined;
+        "1"?: string | number | boolean | undefined;
+        "2"?: string | number | boolean | undefined;
+        "3"?: string | number | boolean | undefined;
+        "4"?: string | number | boolean | undefined;
+        "5"?: string | number | boolean | undefined;
+        "6"?: string | number | boolean | undefined;
+        "7"?: string | number | boolean | undefined;
+        "8"?: string | number | boolean | undefined;
+        "9"?: string | number | boolean | undefined;
+        "24"?: string | number | boolean | undefined;
+    } | undefined;
+    fontSizes?: {
+        xs?: string | number | boolean | undefined;
+        sm?: string | number | boolean | undefined;
+        md?: string | number | boolean | undefined;
+        lg?: string | number | boolean | undefined;
+        xl?: string | number | boolean | undefined;
+        "2xl"?: string | number | boolean | undefined;
+        "3xl"?: string | number | boolean | undefined;
+        "4xl"?: string | number | boolean | undefined;
+    } | undefined;
+    fonts?: {
+        sans?: string | number | boolean | undefined;
+        mono?: string | number | boolean | undefined;
+        display?: string | number | boolean | undefined;
+        body?: string | number | boolean | undefined;
+    } | undefined;
+    sizes?: {
+        "0"?: string | number | boolean | undefined;
+        "1"?: string | number | boolean | undefined;
+        "2"?: string | number | boolean | undefined;
+        "3"?: string | number | boolean | undefined;
+        "4"?: string | number | boolean | undefined;
+        "5"?: string | number | boolean | undefined;
+        "6"?: string | number | boolean | undefined;
+        "7"?: string | number | boolean | undefined;
+        "8"?: string | number | boolean | undefined;
+    } | undefined;
+    radii?: {
+        "0"?: string | number | boolean | undefined;
+        "1"?: string | number | boolean | undefined;
+        "2"?: string | number | boolean | undefined;
+        "3"?: string | number | boolean | undefined;
+        round?: string | number | boolean | undefined;
+    } | undefined;
+    shadows?: {
+        "0"?: string | number | boolean | undefined;
+        "1"?: string | number | boolean | undefined;
+        "2"?: string | number | boolean | undefined;
+        "3"?: string | number | boolean | undefined;
+    } | undefined;
+    ratios?: {
+        "16-9"?: string | number | boolean | undefined;
+        "3-2"?: string | number | boolean | undefined;
+        "4-3"?: string | number | boolean | undefined;
+        "1-1"?: string | number | boolean | undefined;
+        "3-4"?: string | number | boolean | undefined;
+    } | undefined;
+} & {
+    [x: string]: {
+        [x: string]: string | number | boolean;
+        [x: number]: string | number | boolean;
+    };
+})>(nameOrScalesArg0: Argument0, nameOrScalesArg1?: Argument1 | undefined) => string & {
+    className: string;
+    selector: string;
+} & (Argument0 extends string ? import("@atom-learning/stitches-react/types/stitches").ThemeTokens<Argument1, ""> : import("@atom-learning/stitches-react/types/stitches").ThemeTokens<Argument0, "">), globalCss: <Styles extends {
+    [K: string]: any;
+}>(...styles: ({
+    '@import'?: unknown;
+    '@font-face'?: unknown;
+} & { [K in keyof Styles]: K extends "@import" ? string | string[] : K extends "@font-face" ? import("@atom-learning/stitches-react/types/css").AtRule.FontFace | import("@atom-learning/stitches-react/types/css").AtRule.FontFace[] : K extends `@keyframes ${string}` ? {
+    [x: string]: import("@atom-learning/stitches-react/types/css-util").CSS<{
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        reducedMotion: string;
+        allowMotion: string;
+        hover: string;
+    }, {
+        colors: {
+            textBold: string;
+            textRegular: string;
+            textSubtle: string;
+            textMinimal: string;
+            background: string;
+            backgroundAccent: string;
+            grey100: string;
+            grey200: string;
+            grey300: string;
+            grey400: string;
+            grey500: string;
+            grey600: string;
+            grey700: string;
+            grey800: string;
+            grey900: string;
+            grey1000: string;
+            grey1100: string;
+            grey1200: string;
+            blue100: string;
+            blue200: string;
+            blue300: string;
+            blue400: string;
+            blue500: string;
+            blue600: string;
+            blue700: string;
+            blue800: string;
+            blue900: string;
+            blue1000: string;
+            blue1100: string;
+            blue1200: string;
+            pink100: string;
+            pink200: string;
+            pink300: string;
+            pink400: string;
+            pink500: string;
+            pink600: string;
+            pink700: string;
+            pink800: string;
+            pink900: string;
+            pink1000: string;
+            pink1100: string;
+            pink1200: string;
+            purple100: string;
+            purple200: string;
+            purple300: string;
+            purple400: string;
+            purple500: string;
+            purple600: string;
+            purple700: string;
+            purple800: string;
+            purple900: string;
+            purple1000: string;
+            purple1100: string;
+            purple1200: string;
+            cyan100: string;
+            cyan200: string;
+            cyan300: string;
+            cyan400: string;
+            cyan500: string;
+            cyan600: string;
+            cyan700: string;
+            cyan800: string;
+            cyan900: string;
+            cyan1000: string;
+            cyan1100: string;
+            cyan1200: string;
+            green100: string;
+            green200: string;
+            green300: string;
+            green400: string;
+            green500: string;
+            green600: string;
+            green700: string;
+            green800: string;
+            green900: string;
+            green1000: string;
+            green1100: string;
+            green1200: string;
+            magenta100: string;
+            magenta200: string;
+            magenta300: string;
+            magenta400: string;
+            magenta500: string;
+            magenta600: string;
+            magenta700: string;
+            magenta800: string;
+            magenta900: string;
+            magenta1000: string;
+            magenta1100: string;
+            magenta1200: string;
+            red100: string;
+            red200: string;
+            red300: string;
+            red400: string;
+            red500: string;
+            red600: string;
+            red700: string;
+            red800: string;
+            red900: string;
+            red1000: string;
+            red1100: string;
+            red1200: string;
+            teal100: string;
+            teal200: string;
+            teal300: string;
+            teal400: string;
+            teal500: string;
+            teal600: string;
+            teal700: string;
+            teal800: string;
+            teal900: string;
+            teal1000: string;
+            teal1100: string;
+            teal1200: string;
+            orange100: string;
+            orange200: string;
+            orange300: string;
+            orange400: string;
+            orange500: string;
+            orange600: string;
+            orange700: string;
+            orange800: string;
+            orange900: string;
+            orange1000: string;
+            orange1100: string;
+            orange1200: string;
+            yellow100: string;
+            yellow200: string;
+            yellow300: string;
+            yellow400: string;
+            yellow500: string;
+            yellow600: string;
+            yellow700: string;
+            yellow800: string;
+            yellow900: string;
+            yellow1000: string;
+            yellow1100: string;
+            yellow1200: string;
+            lime100: string;
+            lime200: string;
+            lime300: string;
+            lime400: string;
+            lime500: string;
+            lime600: string;
+            lime700: string;
+            lime800: string;
+            lime900: string;
+            lime1000: string;
+            lime1100: string;
+            lime1200: string;
+            lapis100: string;
+            lapis200: string;
+            lapis300: string;
+            lapis400: string;
+            lapis500: string;
+            lapis600: string;
+            lapis700: string;
+            lapis800: string;
+            lapis900: string;
+            lapis1000: string;
+            lapis1100: string;
+            lapis1200: string;
+            maroon100: string;
+            maroon200: string;
+            maroon300: string;
+            maroon400: string;
+            maroon500: string;
+            maroon600: string;
+            maroon700: string;
+            maroon800: string;
+            maroon900: string;
+            maroon1000: string;
+            maroon1100: string;
+            maroon1200: string;
+            marsh100: string;
+            marsh200: string;
+            marsh300: string;
+            marsh400: string;
+            marsh500: string;
+            marsh600: string;
+            marsh700: string;
+            marsh800: string;
+            marsh900: string;
+            marsh1000: string;
+            marsh1100: string;
+            marsh1200: string;
+            alpha100: string;
+            alpha150: string;
+            alpha200: string;
+            alpha250: string;
+            alpha600: string;
+            infoLight: string;
+            info: string;
+            infoMid: string;
+            infoDark: string;
+            successLight: string;
+            success: string;
+            successMid: string;
+            successDark: string;
+            dangerLight: string;
+            danger: string;
+            dangerMid: string;
+            dangerDark: string;
+            warningLight: string;
+            warning: string;
+            warningMid: string;
+            warningDark: string;
+            warningText: string;
+            subjectEnglish: string;
+            subjectMaths: string;
+            subjectScience: string;
+            subjectVerbalReasoning: string;
+            subjectNonVerbalReasoning: string;
+            subjectCreativeWriting: string;
+            subjectExamSkills: string;
+            glBlueLight: string;
+            glBluePrimary: string;
+            glBlueDark: string;
+            primary100: string;
+            primary200: string;
+            primary300: string;
+            primary400: string;
+            primary500: string;
+            primary600: string;
+            primary700: string;
+            primary800: string;
+            primary900: string;
+            primary1000: string;
+            primary1100: string;
+            primary1200: string;
+        };
+        space: {
+            "0": string;
+            "1": string;
+            "2": string;
+            "3": string;
+            "4": string;
+            "5": string;
+            "6": string;
+            "7": string;
+            "8": string;
+            "9": string;
+            "24": string;
+        };
+        fontSizes: {
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            "2xl": string;
+            "3xl": string;
+            "4xl": string;
+        };
+        fonts: {
+            sans: string;
+            mono: string;
+            display: string;
+            body: string;
+        };
+        sizes: {
+            "0": string;
+            "1": string;
+            "2": string;
+            "3": string;
+            "4": string;
+            "5": string;
+            "6": string;
+            "7": string;
+            "8": string;
+        };
+        radii: {
+            "0": string;
+            "1": string;
+            "2": string;
+            "3": string;
+            round: string;
+        };
+        shadows: {
+            "0": string;
+            "1": string;
+            "2": string;
+            "3": string;
+        };
+        ratios: {
+            "16-9": string;
+            "3-2": string;
+            "4-3": string;
+            "1-1": string;
+            "3-4": string;
+        };
+    }, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
+        bg: (value: PropertyValue<"background">) => {
+            background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
+        };
+        size: (value: ScaleValue<"size"> | number | string) => {
+            height: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
+            width: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
+        };
+        p: (value: ScaleValue<"space"> | number | string) => {
+            padding: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        pt: (value: ScaleValue<"space"> | number | string) => {
+            paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        pr: (value: ScaleValue<"space"> | number | string) => {
+            paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        pb: (value: ScaleValue<"space"> | number | string) => {
+            paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        pl: (value: ScaleValue<"space"> | number | string) => {
+            paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        px: (value: ScaleValue<"space"> | number | string) => {
+            paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+            paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        py: (value: ScaleValue<"space"> | number | string) => {
+            paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+            paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        m: (value: ScaleValue<"space"> | number | string) => {
+            margin: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        mt: (value: ScaleValue<"space"> | number | string) => {
+            marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        mr: (value: ScaleValue<"space"> | number | string) => {
+            marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        mb: (value: ScaleValue<"space"> | number | string) => {
+            marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        ml: (value: ScaleValue<"space"> | number | string) => {
+            marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        mx: (value: ScaleValue<"space"> | number | string) => {
+            marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+            marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        my: (value: ScaleValue<"space"> | number | string) => {
+            marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+            marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+    }>;
+} : K extends `@property ${string}` ? import("@atom-learning/stitches-react/types/css").AtRule.Property : import("@atom-learning/stitches-react/types/css-util").CSS<{
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    reducedMotion: string;
+    allowMotion: string;
+    hover: string;
+}, {
+    colors: {
+        textBold: string;
+        textRegular: string;
+        textSubtle: string;
+        textMinimal: string;
+        background: string;
+        backgroundAccent: string;
+        grey100: string;
+        grey200: string;
+        grey300: string;
+        grey400: string;
+        grey500: string;
+        grey600: string;
+        grey700: string;
+        grey800: string;
+        grey900: string;
+        grey1000: string;
+        grey1100: string;
+        grey1200: string;
+        blue100: string;
+        blue200: string;
+        blue300: string;
+        blue400: string;
+        blue500: string;
+        blue600: string;
+        blue700: string;
+        blue800: string;
+        blue900: string;
+        blue1000: string;
+        blue1100: string;
+        blue1200: string;
+        pink100: string;
+        pink200: string;
+        pink300: string;
+        pink400: string;
+        pink500: string;
+        pink600: string;
+        pink700: string;
+        pink800: string;
+        pink900: string;
+        pink1000: string;
+        pink1100: string;
+        pink1200: string;
+        purple100: string;
+        purple200: string;
+        purple300: string;
+        purple400: string;
+        purple500: string;
+        purple600: string;
+        purple700: string;
+        purple800: string;
+        purple900: string;
+        purple1000: string;
+        purple1100: string;
+        purple1200: string;
+        cyan100: string;
+        cyan200: string;
+        cyan300: string;
+        cyan400: string;
+        cyan500: string;
+        cyan600: string;
+        cyan700: string;
+        cyan800: string;
+        cyan900: string;
+        cyan1000: string;
+        cyan1100: string;
+        cyan1200: string;
+        green100: string;
+        green200: string;
+        green300: string;
+        green400: string;
+        green500: string;
+        green600: string;
+        green700: string;
+        green800: string;
+        green900: string;
+        green1000: string;
+        green1100: string;
+        green1200: string;
+        magenta100: string;
+        magenta200: string;
+        magenta300: string;
+        magenta400: string;
+        magenta500: string;
+        magenta600: string;
+        magenta700: string;
+        magenta800: string;
+        magenta900: string;
+        magenta1000: string;
+        magenta1100: string;
+        magenta1200: string;
+        red100: string;
+        red200: string;
+        red300: string;
+        red400: string;
+        red500: string;
+        red600: string;
+        red700: string;
+        red800: string;
+        red900: string;
+        red1000: string;
+        red1100: string;
+        red1200: string;
+        teal100: string;
+        teal200: string;
+        teal300: string;
+        teal400: string;
+        teal500: string;
+        teal600: string;
+        teal700: string;
+        teal800: string;
+        teal900: string;
+        teal1000: string;
+        teal1100: string;
+        teal1200: string;
+        orange100: string;
+        orange200: string;
+        orange300: string;
+        orange400: string;
+        orange500: string;
+        orange600: string;
+        orange700: string;
+        orange800: string;
+        orange900: string;
+        orange1000: string;
+        orange1100: string;
+        orange1200: string;
+        yellow100: string;
+        yellow200: string;
+        yellow300: string;
+        yellow400: string;
+        yellow500: string;
+        yellow600: string;
+        yellow700: string;
+        yellow800: string;
+        yellow900: string;
+        yellow1000: string;
+        yellow1100: string;
+        yellow1200: string;
+        lime100: string;
+        lime200: string;
+        lime300: string;
+        lime400: string;
+        lime500: string;
+        lime600: string;
+        lime700: string;
+        lime800: string;
+        lime900: string;
+        lime1000: string;
+        lime1100: string;
+        lime1200: string;
+        lapis100: string;
+        lapis200: string;
+        lapis300: string;
+        lapis400: string;
+        lapis500: string;
+        lapis600: string;
+        lapis700: string;
+        lapis800: string;
+        lapis900: string;
+        lapis1000: string;
+        lapis1100: string;
+        lapis1200: string;
+        maroon100: string;
+        maroon200: string;
+        maroon300: string;
+        maroon400: string;
+        maroon500: string;
+        maroon600: string;
+        maroon700: string;
+        maroon800: string;
+        maroon900: string;
+        maroon1000: string;
+        maroon1100: string;
+        maroon1200: string;
+        marsh100: string;
+        marsh200: string;
+        marsh300: string;
+        marsh400: string;
+        marsh500: string;
+        marsh600: string;
+        marsh700: string;
+        marsh800: string;
+        marsh900: string;
+        marsh1000: string;
+        marsh1100: string;
+        marsh1200: string;
+        alpha100: string;
+        alpha150: string;
+        alpha200: string;
+        alpha250: string;
+        alpha600: string;
+        infoLight: string;
+        info: string;
+        infoMid: string;
+        infoDark: string;
+        successLight: string;
+        success: string;
+        successMid: string;
+        successDark: string;
+        dangerLight: string;
+        danger: string;
+        dangerMid: string;
+        dangerDark: string;
+        warningLight: string;
+        warning: string;
+        warningMid: string;
+        warningDark: string;
+        warningText: string;
+        subjectEnglish: string;
+        subjectMaths: string;
+        subjectScience: string;
+        subjectVerbalReasoning: string;
+        subjectNonVerbalReasoning: string;
+        subjectCreativeWriting: string;
+        subjectExamSkills: string;
+        glBlueLight: string;
+        glBluePrimary: string;
+        glBlueDark: string;
+        primary100: string;
+        primary200: string;
+        primary300: string;
+        primary400: string;
+        primary500: string;
+        primary600: string;
+        primary700: string;
+        primary800: string;
+        primary900: string;
+        primary1000: string;
+        primary1100: string;
+        primary1200: string;
+    };
+    space: {
+        "0": string;
+        "1": string;
+        "2": string;
+        "3": string;
+        "4": string;
+        "5": string;
+        "6": string;
+        "7": string;
+        "8": string;
+        "9": string;
+        "24": string;
+    };
+    fontSizes: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+        "4xl": string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
+        display: string;
+        body: string;
+    };
+    sizes: {
+        "0": string;
+        "1": string;
+        "2": string;
+        "3": string;
+        "4": string;
+        "5": string;
+        "6": string;
+        "7": string;
+        "8": string;
+    };
+    radii: {
+        "0": string;
+        "1": string;
+        "2": string;
+        "3": string;
+        round: string;
+    };
+    shadows: {
+        "0": string;
+        "1": string;
+        "2": string;
+        "3": string;
+    };
+    ratios: {
+        "16-9": string;
+        "3-2": string;
+        "4-3": string;
+        "1-1": string;
+        "3-4": string;
+    };
+}, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
+    bg: (value: PropertyValue<"background">) => {
+        background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
+    };
+    size: (value: ScaleValue<"size"> | number | string) => {
+        height: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
+        width: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
+    };
+    p: (value: ScaleValue<"space"> | number | string) => {
+        padding: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    pt: (value: ScaleValue<"space"> | number | string) => {
+        paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    pr: (value: ScaleValue<"space"> | number | string) => {
+        paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    pb: (value: ScaleValue<"space"> | number | string) => {
+        paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    pl: (value: ScaleValue<"space"> | number | string) => {
+        paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    px: (value: ScaleValue<"space"> | number | string) => {
+        paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    py: (value: ScaleValue<"space"> | number | string) => {
+        paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    m: (value: ScaleValue<"space"> | number | string) => {
+        margin: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    mt: (value: ScaleValue<"space"> | number | string) => {
+        marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    mr: (value: ScaleValue<"space"> | number | string) => {
+        marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    mb: (value: ScaleValue<"space"> | number | string) => {
+        marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    ml: (value: ScaleValue<"space"> | number | string) => {
+        marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    mx: (value: ScaleValue<"space"> | number | string) => {
+        marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    my: (value: ScaleValue<"space"> | number | string) => {
+        marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+}>; })[]) => {
+    (): string;
+}, keyframes: (style: {
+    [offset: string]: import("@atom-learning/stitches-react/types/css-util").CSS<{
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        reducedMotion: string;
+        allowMotion: string;
+        hover: string;
+    }, {
+        colors: {
+            textBold: string;
+            textRegular: string;
+            textSubtle: string;
+            textMinimal: string;
+            background: string;
+            backgroundAccent: string;
+            grey100: string;
+            grey200: string;
+            grey300: string;
+            grey400: string;
+            grey500: string;
+            grey600: string;
+            grey700: string;
+            grey800: string;
+            grey900: string;
+            grey1000: string;
+            grey1100: string;
+            grey1200: string;
+            blue100: string;
+            blue200: string;
+            blue300: string;
+            blue400: string;
+            blue500: string;
+            blue600: string;
+            blue700: string;
+            blue800: string;
+            blue900: string;
+            blue1000: string;
+            blue1100: string;
+            blue1200: string;
+            pink100: string;
+            pink200: string;
+            pink300: string;
+            pink400: string;
+            pink500: string;
+            pink600: string;
+            pink700: string;
+            pink800: string;
+            pink900: string;
+            pink1000: string;
+            pink1100: string;
+            pink1200: string;
+            purple100: string;
+            purple200: string;
+            purple300: string;
+            purple400: string;
+            purple500: string;
+            purple600: string;
+            purple700: string;
+            purple800: string;
+            purple900: string;
+            purple1000: string;
+            purple1100: string;
+            purple1200: string;
+            cyan100: string;
+            cyan200: string;
+            cyan300: string;
+            cyan400: string;
+            cyan500: string;
+            cyan600: string;
+            cyan700: string;
+            cyan800: string;
+            cyan900: string;
+            cyan1000: string;
+            cyan1100: string;
+            cyan1200: string;
+            green100: string;
+            green200: string;
+            green300: string;
+            green400: string;
+            green500: string;
+            green600: string;
+            green700: string;
+            green800: string;
+            green900: string;
+            green1000: string;
+            green1100: string;
+            green1200: string;
+            magenta100: string;
+            magenta200: string;
+            magenta300: string;
+            magenta400: string;
+            magenta500: string;
+            magenta600: string;
+            magenta700: string;
+            magenta800: string;
+            magenta900: string;
+            magenta1000: string;
+            magenta1100: string;
+            magenta1200: string;
+            red100: string;
+            red200: string;
+            red300: string;
+            red400: string;
+            red500: string;
+            red600: string;
+            red700: string;
+            red800: string;
+            red900: string;
+            red1000: string;
+            red1100: string;
+            red1200: string;
+            teal100: string;
+            teal200: string;
+            teal300: string;
+            teal400: string;
+            teal500: string;
+            teal600: string;
+            teal700: string;
+            teal800: string;
+            teal900: string;
+            teal1000: string;
+            teal1100: string;
+            teal1200: string;
+            orange100: string;
+            orange200: string;
+            orange300: string;
+            orange400: string;
+            orange500: string;
+            orange600: string;
+            orange700: string;
+            orange800: string;
+            orange900: string;
+            orange1000: string;
+            orange1100: string;
+            orange1200: string;
+            yellow100: string;
+            yellow200: string;
+            yellow300: string;
+            yellow400: string;
+            yellow500: string;
+            yellow600: string;
+            yellow700: string;
+            yellow800: string;
+            yellow900: string;
+            yellow1000: string;
+            yellow1100: string;
+            yellow1200: string;
+            lime100: string;
+            lime200: string;
+            lime300: string;
+            lime400: string;
+            lime500: string;
+            lime600: string;
+            lime700: string;
+            lime800: string;
+            lime900: string;
+            lime1000: string;
+            lime1100: string;
+            lime1200: string;
+            lapis100: string;
+            lapis200: string;
+            lapis300: string;
+            lapis400: string;
+            lapis500: string;
+            lapis600: string;
+            lapis700: string;
+            lapis800: string;
+            lapis900: string;
+            lapis1000: string;
+            lapis1100: string;
+            lapis1200: string;
+            maroon100: string;
+            maroon200: string;
+            maroon300: string;
+            maroon400: string;
+            maroon500: string;
+            maroon600: string;
+            maroon700: string;
+            maroon800: string;
+            maroon900: string;
+            maroon1000: string;
+            maroon1100: string;
+            maroon1200: string;
+            marsh100: string;
+            marsh200: string;
+            marsh300: string;
+            marsh400: string;
+            marsh500: string;
+            marsh600: string;
+            marsh700: string;
+            marsh800: string;
+            marsh900: string;
+            marsh1000: string;
+            marsh1100: string;
+            marsh1200: string;
+            alpha100: string;
+            alpha150: string;
+            alpha200: string;
+            alpha250: string;
+            alpha600: string;
+            infoLight: string;
+            info: string;
+            infoMid: string;
+            infoDark: string;
+            successLight: string;
+            success: string;
+            successMid: string;
+            successDark: string;
+            dangerLight: string;
+            danger: string;
+            dangerMid: string;
+            dangerDark: string;
+            warningLight: string;
+            warning: string;
+            warningMid: string;
+            warningDark: string;
+            warningText: string;
+            subjectEnglish: string;
+            subjectMaths: string;
+            subjectScience: string;
+            subjectVerbalReasoning: string;
+            subjectNonVerbalReasoning: string;
+            subjectCreativeWriting: string;
+            subjectExamSkills: string;
+            glBlueLight: string;
+            glBluePrimary: string;
+            glBlueDark: string;
+            primary100: string;
+            primary200: string;
+            primary300: string;
+            primary400: string;
+            primary500: string;
+            primary600: string;
+            primary700: string;
+            primary800: string;
+            primary900: string;
+            primary1000: string;
+            primary1100: string;
+            primary1200: string;
+        };
+        space: {
+            "0": string;
+            "1": string;
+            "2": string;
+            "3": string;
+            "4": string;
+            "5": string;
+            "6": string;
+            "7": string;
+            "8": string;
+            "9": string;
+            "24": string;
+        };
+        fontSizes: {
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            "2xl": string;
+            "3xl": string;
+            "4xl": string;
+        };
+        fonts: {
+            sans: string;
+            mono: string;
+            display: string;
+            body: string;
+        };
+        sizes: {
+            "0": string;
+            "1": string;
+            "2": string;
+            "3": string;
+            "4": string;
+            "5": string;
+            "6": string;
+            "7": string;
+            "8": string;
+        };
+        radii: {
+            "0": string;
+            "1": string;
+            "2": string;
+            "3": string;
+            round: string;
+        };
+        shadows: {
+            "0": string;
+            "1": string;
+            "2": string;
+            "3": string;
+        };
+        ratios: {
+            "16-9": string;
+            "3-2": string;
+            "4-3": string;
+            "1-1": string;
+            "3-4": string;
+        };
+    }, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
+        bg: (value: PropertyValue<"background">) => {
+            background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
+        };
+        size: (value: ScaleValue<"size"> | number | string) => {
+            height: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
+            width: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
+        };
+        p: (value: ScaleValue<"space"> | number | string) => {
+            padding: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        pt: (value: ScaleValue<"space"> | number | string) => {
+            paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        pr: (value: ScaleValue<"space"> | number | string) => {
+            paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        pb: (value: ScaleValue<"space"> | number | string) => {
+            paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        pl: (value: ScaleValue<"space"> | number | string) => {
+            paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        px: (value: ScaleValue<"space"> | number | string) => {
+            paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+            paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        py: (value: ScaleValue<"space"> | number | string) => {
+            paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+            paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        m: (value: ScaleValue<"space"> | number | string) => {
+            margin: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        mt: (value: ScaleValue<"space"> | number | string) => {
+            marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        mr: (value: ScaleValue<"space"> | number | string) => {
+            marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        mb: (value: ScaleValue<"space"> | number | string) => {
+            marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        ml: (value: ScaleValue<"space"> | number | string) => {
+            marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        mx: (value: ScaleValue<"space"> | number | string) => {
+            marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+            marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        my: (value: ScaleValue<"space"> | number | string) => {
+            marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+            marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+    }>;
+}) => {
+    (): string;
+    name: string;
+}, styled: {
+    withConfig: (config: {
+        componentId?: string;
+        displayName?: string;
+        shouldForwardStitchesProp?: (prop: "css" | (string & {})) => boolean | void;
+    }) => import("@atom-learning/stitches-react/types/stitches").StyledFunctionType<{
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        reducedMotion: string;
+        allowMotion: string;
+        hover: string;
+    }, {
+        colors: {
+            textBold: string;
+            textRegular: string;
+            textSubtle: string;
+            textMinimal: string;
+            background: string;
+            backgroundAccent: string;
+            grey100: string;
+            grey200: string;
+            grey300: string;
+            grey400: string;
+            grey500: string;
+            grey600: string;
+            grey700: string;
+            grey800: string;
+            grey900: string;
+            grey1000: string;
+            grey1100: string;
+            grey1200: string;
+            blue100: string;
+            blue200: string;
+            blue300: string;
+            blue400: string;
+            blue500: string;
+            blue600: string;
+            blue700: string;
+            blue800: string;
+            blue900: string;
+            blue1000: string;
+            blue1100: string;
+            blue1200: string;
+            pink100: string;
+            pink200: string;
+            pink300: string;
+            pink400: string;
+            pink500: string;
+            pink600: string;
+            pink700: string;
+            pink800: string;
+            pink900: string;
+            pink1000: string;
+            pink1100: string;
+            pink1200: string;
+            purple100: string;
+            purple200: string;
+            purple300: string;
+            purple400: string;
+            purple500: string;
+            purple600: string;
+            purple700: string;
+            purple800: string;
+            purple900: string;
+            purple1000: string;
+            purple1100: string;
+            purple1200: string;
+            cyan100: string;
+            cyan200: string;
+            cyan300: string;
+            cyan400: string;
+            cyan500: string;
+            cyan600: string;
+            cyan700: string;
+            cyan800: string;
+            cyan900: string;
+            cyan1000: string;
+            cyan1100: string;
+            cyan1200: string;
+            green100: string;
+            green200: string;
+            green300: string;
+            green400: string;
+            green500: string;
+            green600: string;
+            green700: string;
+            green800: string;
+            green900: string;
+            green1000: string;
+            green1100: string;
+            green1200: string;
+            magenta100: string;
+            magenta200: string;
+            magenta300: string;
+            magenta400: string;
+            magenta500: string;
+            magenta600: string;
+            magenta700: string;
+            magenta800: string;
+            magenta900: string;
+            magenta1000: string;
+            magenta1100: string;
+            magenta1200: string;
+            red100: string;
+            red200: string;
+            red300: string;
+            red400: string;
+            red500: string;
+            red600: string;
+            red700: string;
+            red800: string;
+            red900: string;
+            red1000: string;
+            red1100: string;
+            red1200: string;
+            teal100: string;
+            teal200: string;
+            teal300: string;
+            teal400: string;
+            teal500: string;
+            teal600: string;
+            teal700: string;
+            teal800: string;
+            teal900: string;
+            teal1000: string;
+            teal1100: string;
+            teal1200: string;
+            orange100: string;
+            orange200: string;
+            orange300: string;
+            orange400: string;
+            orange500: string;
+            orange600: string;
+            orange700: string;
+            orange800: string;
+            orange900: string;
+            orange1000: string;
+            orange1100: string;
+            orange1200: string;
+            yellow100: string;
+            yellow200: string;
+            yellow300: string;
+            yellow400: string;
+            yellow500: string;
+            yellow600: string;
+            yellow700: string;
+            yellow800: string;
+            yellow900: string;
+            yellow1000: string;
+            yellow1100: string;
+            yellow1200: string;
+            lime100: string;
+            lime200: string;
+            lime300: string;
+            lime400: string;
+            lime500: string;
+            lime600: string;
+            lime700: string;
+            lime800: string;
+            lime900: string;
+            lime1000: string;
+            lime1100: string;
+            lime1200: string;
+            lapis100: string;
+            lapis200: string;
+            lapis300: string;
+            lapis400: string;
+            lapis500: string;
+            lapis600: string;
+            lapis700: string;
+            lapis800: string;
+            lapis900: string;
+            lapis1000: string;
+            lapis1100: string;
+            lapis1200: string;
+            maroon100: string;
+            maroon200: string;
+            maroon300: string;
+            maroon400: string;
+            maroon500: string;
+            maroon600: string;
+            maroon700: string;
+            maroon800: string;
+            maroon900: string;
+            maroon1000: string;
+            maroon1100: string;
+            maroon1200: string;
+            marsh100: string;
+            marsh200: string;
+            marsh300: string;
+            marsh400: string;
+            marsh500: string;
+            marsh600: string;
+            marsh700: string;
+            marsh800: string;
+            marsh900: string;
+            marsh1000: string;
+            marsh1100: string;
+            marsh1200: string;
+            alpha100: string;
+            alpha150: string;
+            alpha200: string;
+            alpha250: string;
+            alpha600: string;
+            infoLight: string;
+            info: string;
+            infoMid: string;
+            infoDark: string;
+            successLight: string;
+            success: string;
+            successMid: string;
+            successDark: string;
+            dangerLight: string;
+            danger: string;
+            dangerMid: string;
+            dangerDark: string;
+            warningLight: string;
+            warning: string;
+            warningMid: string;
+            warningDark: string;
+            warningText: string;
+            subjectEnglish: string;
+            subjectMaths: string;
+            subjectScience: string;
+            subjectVerbalReasoning: string;
+            subjectNonVerbalReasoning: string;
+            subjectCreativeWriting: string;
+            subjectExamSkills: string;
+            glBlueLight: string;
+            glBluePrimary: string;
+            glBlueDark: string;
+            primary100: string;
+            primary200: string;
+            primary300: string;
+            primary400: string;
+            primary500: string;
+            primary600: string;
+            primary700: string;
+            primary800: string;
+            primary900: string;
+            primary1000: string;
+            primary1100: string;
+            primary1200: string;
+        };
+        space: {
+            "0": string;
+            "1": string;
+            "2": string;
+            "3": string;
+            "4": string;
+            "5": string;
+            "6": string;
+            "7": string;
+            "8": string;
+            "9": string;
+            "24": string;
+        };
+        fontSizes: {
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            "2xl": string;
+            "3xl": string;
+            "4xl": string;
+        };
+        fonts: {
+            sans: string;
+            mono: string;
+            display: string;
+            body: string;
+        };
+        sizes: {
+            "0": string;
+            "1": string;
+            "2": string;
+            "3": string;
+            "4": string;
+            "5": string;
+            "6": string;
+            "7": string;
+            "8": string;
+        };
+        radii: {
+            "0": string;
+            "1": string;
+            "2": string;
+            "3": string;
+            round: string;
+        };
+        shadows: {
+            "0": string;
+            "1": string;
+            "2": string;
+            "3": string;
+        };
+        ratios: {
+            "16-9": string;
+            "3-2": string;
+            "4-3": string;
+            "1-1": string;
+            "3-4": string;
+        };
+    }, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
+        bg: (value: PropertyValue<"background">) => {
+            background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
+        };
+        size: (value: ScaleValue<"size"> | number | string) => {
+            height: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
+            width: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
+        };
+        p: (value: ScaleValue<"space"> | number | string) => {
+            padding: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        pt: (value: ScaleValue<"space"> | number | string) => {
+            paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        pr: (value: ScaleValue<"space"> | number | string) => {
+            paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        pb: (value: ScaleValue<"space"> | number | string) => {
+            paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        pl: (value: ScaleValue<"space"> | number | string) => {
+            paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        px: (value: ScaleValue<"space"> | number | string) => {
+            paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+            paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        py: (value: ScaleValue<"space"> | number | string) => {
+            paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+            paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        m: (value: ScaleValue<"space"> | number | string) => {
+            margin: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        mt: (value: ScaleValue<"space"> | number | string) => {
+            marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        mr: (value: ScaleValue<"space"> | number | string) => {
+            marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        mb: (value: ScaleValue<"space"> | number | string) => {
+            marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        ml: (value: ScaleValue<"space"> | number | string) => {
+            marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        mx: (value: ScaleValue<"space"> | number | string) => {
+            marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+            marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+        my: (value: ScaleValue<"space"> | number | string) => {
+            marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+            marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        };
+    }>;
+} & import("@atom-learning/stitches-react/types/stitches").StyledFunctionType<{
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    reducedMotion: string;
+    allowMotion: string;
+    hover: string;
+}, {
+    colors: {
+        textBold: string;
+        textRegular: string;
+        textSubtle: string;
+        textMinimal: string;
+        background: string;
+        backgroundAccent: string;
+        grey100: string;
+        grey200: string;
+        grey300: string;
+        grey400: string;
+        grey500: string;
+        grey600: string;
+        grey700: string;
+        grey800: string;
+        grey900: string;
+        grey1000: string;
+        grey1100: string;
+        grey1200: string;
+        blue100: string;
+        blue200: string;
+        blue300: string;
+        blue400: string;
+        blue500: string;
+        blue600: string;
+        blue700: string;
+        blue800: string;
+        blue900: string;
+        blue1000: string;
+        blue1100: string;
+        blue1200: string;
+        pink100: string;
+        pink200: string;
+        pink300: string;
+        pink400: string;
+        pink500: string;
+        pink600: string;
+        pink700: string;
+        pink800: string;
+        pink900: string;
+        pink1000: string;
+        pink1100: string;
+        pink1200: string;
+        purple100: string;
+        purple200: string;
+        purple300: string;
+        purple400: string;
+        purple500: string;
+        purple600: string;
+        purple700: string;
+        purple800: string;
+        purple900: string;
+        purple1000: string;
+        purple1100: string;
+        purple1200: string;
+        cyan100: string;
+        cyan200: string;
+        cyan300: string;
+        cyan400: string;
+        cyan500: string;
+        cyan600: string;
+        cyan700: string;
+        cyan800: string;
+        cyan900: string;
+        cyan1000: string;
+        cyan1100: string;
+        cyan1200: string;
+        green100: string;
+        green200: string;
+        green300: string;
+        green400: string;
+        green500: string;
+        green600: string;
+        green700: string;
+        green800: string;
+        green900: string;
+        green1000: string;
+        green1100: string;
+        green1200: string;
+        magenta100: string;
+        magenta200: string;
+        magenta300: string;
+        magenta400: string;
+        magenta500: string;
+        magenta600: string;
+        magenta700: string;
+        magenta800: string;
+        magenta900: string;
+        magenta1000: string;
+        magenta1100: string;
+        magenta1200: string;
+        red100: string;
+        red200: string;
+        red300: string;
+        red400: string;
+        red500: string;
+        red600: string;
+        red700: string;
+        red800: string;
+        red900: string;
+        red1000: string;
+        red1100: string;
+        red1200: string;
+        teal100: string;
+        teal200: string;
+        teal300: string;
+        teal400: string;
+        teal500: string;
+        teal600: string;
+        teal700: string;
+        teal800: string;
+        teal900: string;
+        teal1000: string;
+        teal1100: string;
+        teal1200: string;
+        orange100: string;
+        orange200: string;
+        orange300: string;
+        orange400: string;
+        orange500: string;
+        orange600: string;
+        orange700: string;
+        orange800: string;
+        orange900: string;
+        orange1000: string;
+        orange1100: string;
+        orange1200: string;
+        yellow100: string;
+        yellow200: string;
+        yellow300: string;
+        yellow400: string;
+        yellow500: string;
+        yellow600: string;
+        yellow700: string;
+        yellow800: string;
+        yellow900: string;
+        yellow1000: string;
+        yellow1100: string;
+        yellow1200: string;
+        lime100: string;
+        lime200: string;
+        lime300: string;
+        lime400: string;
+        lime500: string;
+        lime600: string;
+        lime700: string;
+        lime800: string;
+        lime900: string;
+        lime1000: string;
+        lime1100: string;
+        lime1200: string;
+        lapis100: string;
+        lapis200: string;
+        lapis300: string;
+        lapis400: string;
+        lapis500: string;
+        lapis600: string;
+        lapis700: string;
+        lapis800: string;
+        lapis900: string;
+        lapis1000: string;
+        lapis1100: string;
+        lapis1200: string;
+        maroon100: string;
+        maroon200: string;
+        maroon300: string;
+        maroon400: string;
+        maroon500: string;
+        maroon600: string;
+        maroon700: string;
+        maroon800: string;
+        maroon900: string;
+        maroon1000: string;
+        maroon1100: string;
+        maroon1200: string;
+        marsh100: string;
+        marsh200: string;
+        marsh300: string;
+        marsh400: string;
+        marsh500: string;
+        marsh600: string;
+        marsh700: string;
+        marsh800: string;
+        marsh900: string;
+        marsh1000: string;
+        marsh1100: string;
+        marsh1200: string;
+        alpha100: string;
+        alpha150: string;
+        alpha200: string;
+        alpha250: string;
+        alpha600: string;
+        infoLight: string;
+        info: string;
+        infoMid: string;
+        infoDark: string;
+        successLight: string;
+        success: string;
+        successMid: string;
+        successDark: string;
+        dangerLight: string;
+        danger: string;
+        dangerMid: string;
+        dangerDark: string;
+        warningLight: string;
+        warning: string;
+        warningMid: string;
+        warningDark: string;
+        warningText: string;
+        subjectEnglish: string;
+        subjectMaths: string;
+        subjectScience: string;
+        subjectVerbalReasoning: string;
+        subjectNonVerbalReasoning: string;
+        subjectCreativeWriting: string;
+        subjectExamSkills: string;
+        glBlueLight: string;
+        glBluePrimary: string;
+        glBlueDark: string;
+        primary100: string;
+        primary200: string;
+        primary300: string;
+        primary400: string;
+        primary500: string;
+        primary600: string;
+        primary700: string;
+        primary800: string;
+        primary900: string;
+        primary1000: string;
+        primary1100: string;
+        primary1200: string;
+    };
+    space: {
+        "0": string;
+        "1": string;
+        "2": string;
+        "3": string;
+        "4": string;
+        "5": string;
+        "6": string;
+        "7": string;
+        "8": string;
+        "9": string;
+        "24": string;
+    };
+    fontSizes: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+        "4xl": string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
+        display: string;
+        body: string;
+    };
+    sizes: {
+        "0": string;
+        "1": string;
+        "2": string;
+        "3": string;
+        "4": string;
+        "5": string;
+        "6": string;
+        "7": string;
+        "8": string;
+    };
+    radii: {
+        "0": string;
+        "1": string;
+        "2": string;
+        "3": string;
+        round: string;
+    };
+    shadows: {
+        "0": string;
+        "1": string;
+        "2": string;
+        "3": string;
+    };
+    ratios: {
+        "16-9": string;
+        "3-2": string;
+        "4-3": string;
+        "1-1": string;
+        "3-4": string;
+    };
+}, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
+    bg: (value: PropertyValue<"background">) => {
+        background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
+    };
+    size: (value: ScaleValue<"size"> | number | string) => {
+        height: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
+        width: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
+    };
+    p: (value: ScaleValue<"space"> | number | string) => {
+        padding: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    pt: (value: ScaleValue<"space"> | number | string) => {
+        paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    pr: (value: ScaleValue<"space"> | number | string) => {
+        paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    pb: (value: ScaleValue<"space"> | number | string) => {
+        paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    pl: (value: ScaleValue<"space"> | number | string) => {
+        paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    px: (value: ScaleValue<"space"> | number | string) => {
+        paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    py: (value: ScaleValue<"space"> | number | string) => {
+        paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    m: (value: ScaleValue<"space"> | number | string) => {
+        margin: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    mt: (value: ScaleValue<"space"> | number | string) => {
+        marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    mr: (value: ScaleValue<"space"> | number | string) => {
+        marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    mb: (value: ScaleValue<"space"> | number | string) => {
+        marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    ml: (value: ScaleValue<"space"> | number | string) => {
+        marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    mx: (value: ScaleValue<"space"> | number | string) => {
+        marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    my: (value: ScaleValue<"space"> | number | string) => {
+        marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+}>, theme: string & {
+    className: string;
+    selector: string;
+} & {
+    colors: {
+        textBold: import("@atom-learning/stitches-react/types/theme").Token<"textBold", string, "colors", "">;
+        textRegular: import("@atom-learning/stitches-react/types/theme").Token<"textRegular", string, "colors", "">;
+        textSubtle: import("@atom-learning/stitches-react/types/theme").Token<"textSubtle", string, "colors", "">;
+        textMinimal: import("@atom-learning/stitches-react/types/theme").Token<"textMinimal", string, "colors", "">;
+        background: import("@atom-learning/stitches-react/types/theme").Token<"background", string, "colors", "">;
+        backgroundAccent: import("@atom-learning/stitches-react/types/theme").Token<"backgroundAccent", string, "colors", "">;
+        grey100: import("@atom-learning/stitches-react/types/theme").Token<"grey100", string, "colors", "">;
+        grey200: import("@atom-learning/stitches-react/types/theme").Token<"grey200", string, "colors", "">;
+        grey300: import("@atom-learning/stitches-react/types/theme").Token<"grey300", string, "colors", "">;
+        grey400: import("@atom-learning/stitches-react/types/theme").Token<"grey400", string, "colors", "">;
+        grey500: import("@atom-learning/stitches-react/types/theme").Token<"grey500", string, "colors", "">;
+        grey600: import("@atom-learning/stitches-react/types/theme").Token<"grey600", string, "colors", "">;
+        grey700: import("@atom-learning/stitches-react/types/theme").Token<"grey700", string, "colors", "">;
+        grey800: import("@atom-learning/stitches-react/types/theme").Token<"grey800", string, "colors", "">;
+        grey900: import("@atom-learning/stitches-react/types/theme").Token<"grey900", string, "colors", "">;
+        grey1000: import("@atom-learning/stitches-react/types/theme").Token<"grey1000", string, "colors", "">;
+        grey1100: import("@atom-learning/stitches-react/types/theme").Token<"grey1100", string, "colors", "">;
+        grey1200: import("@atom-learning/stitches-react/types/theme").Token<"grey1200", string, "colors", "">;
+        blue100: import("@atom-learning/stitches-react/types/theme").Token<"blue100", string, "colors", "">;
+        blue200: import("@atom-learning/stitches-react/types/theme").Token<"blue200", string, "colors", "">;
+        blue300: import("@atom-learning/stitches-react/types/theme").Token<"blue300", string, "colors", "">;
+        blue400: import("@atom-learning/stitches-react/types/theme").Token<"blue400", string, "colors", "">;
+        blue500: import("@atom-learning/stitches-react/types/theme").Token<"blue500", string, "colors", "">;
+        blue600: import("@atom-learning/stitches-react/types/theme").Token<"blue600", string, "colors", "">;
+        blue700: import("@atom-learning/stitches-react/types/theme").Token<"blue700", string, "colors", "">;
+        blue800: import("@atom-learning/stitches-react/types/theme").Token<"blue800", string, "colors", "">;
+        blue900: import("@atom-learning/stitches-react/types/theme").Token<"blue900", string, "colors", "">;
+        blue1000: import("@atom-learning/stitches-react/types/theme").Token<"blue1000", string, "colors", "">;
+        blue1100: import("@atom-learning/stitches-react/types/theme").Token<"blue1100", string, "colors", "">;
+        blue1200: import("@atom-learning/stitches-react/types/theme").Token<"blue1200", string, "colors", "">;
+        pink100: import("@atom-learning/stitches-react/types/theme").Token<"pink100", string, "colors", "">;
+        pink200: import("@atom-learning/stitches-react/types/theme").Token<"pink200", string, "colors", "">;
+        pink300: import("@atom-learning/stitches-react/types/theme").Token<"pink300", string, "colors", "">;
+        pink400: import("@atom-learning/stitches-react/types/theme").Token<"pink400", string, "colors", "">;
+        pink500: import("@atom-learning/stitches-react/types/theme").Token<"pink500", string, "colors", "">;
+        pink600: import("@atom-learning/stitches-react/types/theme").Token<"pink600", string, "colors", "">;
+        pink700: import("@atom-learning/stitches-react/types/theme").Token<"pink700", string, "colors", "">;
+        pink800: import("@atom-learning/stitches-react/types/theme").Token<"pink800", string, "colors", "">;
+        pink900: import("@atom-learning/stitches-react/types/theme").Token<"pink900", string, "colors", "">;
+        pink1000: import("@atom-learning/stitches-react/types/theme").Token<"pink1000", string, "colors", "">;
+        pink1100: import("@atom-learning/stitches-react/types/theme").Token<"pink1100", string, "colors", "">;
+        pink1200: import("@atom-learning/stitches-react/types/theme").Token<"pink1200", string, "colors", "">;
+        purple100: import("@atom-learning/stitches-react/types/theme").Token<"purple100", string, "colors", "">;
+        purple200: import("@atom-learning/stitches-react/types/theme").Token<"purple200", string, "colors", "">;
+        purple300: import("@atom-learning/stitches-react/types/theme").Token<"purple300", string, "colors", "">;
+        purple400: import("@atom-learning/stitches-react/types/theme").Token<"purple400", string, "colors", "">;
+        purple500: import("@atom-learning/stitches-react/types/theme").Token<"purple500", string, "colors", "">;
+        purple600: import("@atom-learning/stitches-react/types/theme").Token<"purple600", string, "colors", "">;
+        purple700: import("@atom-learning/stitches-react/types/theme").Token<"purple700", string, "colors", "">;
+        purple800: import("@atom-learning/stitches-react/types/theme").Token<"purple800", string, "colors", "">;
+        purple900: import("@atom-learning/stitches-react/types/theme").Token<"purple900", string, "colors", "">;
+        purple1000: import("@atom-learning/stitches-react/types/theme").Token<"purple1000", string, "colors", "">;
+        purple1100: import("@atom-learning/stitches-react/types/theme").Token<"purple1100", string, "colors", "">;
+        purple1200: import("@atom-learning/stitches-react/types/theme").Token<"purple1200", string, "colors", "">;
+        cyan100: import("@atom-learning/stitches-react/types/theme").Token<"cyan100", string, "colors", "">;
+        cyan200: import("@atom-learning/stitches-react/types/theme").Token<"cyan200", string, "colors", "">;
+        cyan300: import("@atom-learning/stitches-react/types/theme").Token<"cyan300", string, "colors", "">;
+        cyan400: import("@atom-learning/stitches-react/types/theme").Token<"cyan400", string, "colors", "">;
+        cyan500: import("@atom-learning/stitches-react/types/theme").Token<"cyan500", string, "colors", "">;
+        cyan600: import("@atom-learning/stitches-react/types/theme").Token<"cyan600", string, "colors", "">;
+        cyan700: import("@atom-learning/stitches-react/types/theme").Token<"cyan700", string, "colors", "">;
+        cyan800: import("@atom-learning/stitches-react/types/theme").Token<"cyan800", string, "colors", "">;
+        cyan900: import("@atom-learning/stitches-react/types/theme").Token<"cyan900", string, "colors", "">;
+        cyan1000: import("@atom-learning/stitches-react/types/theme").Token<"cyan1000", string, "colors", "">;
+        cyan1100: import("@atom-learning/stitches-react/types/theme").Token<"cyan1100", string, "colors", "">;
+        cyan1200: import("@atom-learning/stitches-react/types/theme").Token<"cyan1200", string, "colors", "">;
+        green100: import("@atom-learning/stitches-react/types/theme").Token<"green100", string, "colors", "">;
+        green200: import("@atom-learning/stitches-react/types/theme").Token<"green200", string, "colors", "">;
+        green300: import("@atom-learning/stitches-react/types/theme").Token<"green300", string, "colors", "">;
+        green400: import("@atom-learning/stitches-react/types/theme").Token<"green400", string, "colors", "">;
+        green500: import("@atom-learning/stitches-react/types/theme").Token<"green500", string, "colors", "">;
+        green600: import("@atom-learning/stitches-react/types/theme").Token<"green600", string, "colors", "">;
+        green700: import("@atom-learning/stitches-react/types/theme").Token<"green700", string, "colors", "">;
+        green800: import("@atom-learning/stitches-react/types/theme").Token<"green800", string, "colors", "">;
+        green900: import("@atom-learning/stitches-react/types/theme").Token<"green900", string, "colors", "">;
+        green1000: import("@atom-learning/stitches-react/types/theme").Token<"green1000", string, "colors", "">;
+        green1100: import("@atom-learning/stitches-react/types/theme").Token<"green1100", string, "colors", "">;
+        green1200: import("@atom-learning/stitches-react/types/theme").Token<"green1200", string, "colors", "">;
+        magenta100: import("@atom-learning/stitches-react/types/theme").Token<"magenta100", string, "colors", "">;
+        magenta200: import("@atom-learning/stitches-react/types/theme").Token<"magenta200", string, "colors", "">;
+        magenta300: import("@atom-learning/stitches-react/types/theme").Token<"magenta300", string, "colors", "">;
+        magenta400: import("@atom-learning/stitches-react/types/theme").Token<"magenta400", string, "colors", "">;
+        magenta500: import("@atom-learning/stitches-react/types/theme").Token<"magenta500", string, "colors", "">;
+        magenta600: import("@atom-learning/stitches-react/types/theme").Token<"magenta600", string, "colors", "">;
+        magenta700: import("@atom-learning/stitches-react/types/theme").Token<"magenta700", string, "colors", "">;
+        magenta800: import("@atom-learning/stitches-react/types/theme").Token<"magenta800", string, "colors", "">;
+        magenta900: import("@atom-learning/stitches-react/types/theme").Token<"magenta900", string, "colors", "">;
+        magenta1000: import("@atom-learning/stitches-react/types/theme").Token<"magenta1000", string, "colors", "">;
+        magenta1100: import("@atom-learning/stitches-react/types/theme").Token<"magenta1100", string, "colors", "">;
+        magenta1200: import("@atom-learning/stitches-react/types/theme").Token<"magenta1200", string, "colors", "">;
+        red100: import("@atom-learning/stitches-react/types/theme").Token<"red100", string, "colors", "">;
+        red200: import("@atom-learning/stitches-react/types/theme").Token<"red200", string, "colors", "">;
+        red300: import("@atom-learning/stitches-react/types/theme").Token<"red300", string, "colors", "">;
+        red400: import("@atom-learning/stitches-react/types/theme").Token<"red400", string, "colors", "">;
+        red500: import("@atom-learning/stitches-react/types/theme").Token<"red500", string, "colors", "">;
+        red600: import("@atom-learning/stitches-react/types/theme").Token<"red600", string, "colors", "">;
+        red700: import("@atom-learning/stitches-react/types/theme").Token<"red700", string, "colors", "">;
+        red800: import("@atom-learning/stitches-react/types/theme").Token<"red800", string, "colors", "">;
+        red900: import("@atom-learning/stitches-react/types/theme").Token<"red900", string, "colors", "">;
+        red1000: import("@atom-learning/stitches-react/types/theme").Token<"red1000", string, "colors", "">;
+        red1100: import("@atom-learning/stitches-react/types/theme").Token<"red1100", string, "colors", "">;
+        red1200: import("@atom-learning/stitches-react/types/theme").Token<"red1200", string, "colors", "">;
+        teal100: import("@atom-learning/stitches-react/types/theme").Token<"teal100", string, "colors", "">;
+        teal200: import("@atom-learning/stitches-react/types/theme").Token<"teal200", string, "colors", "">;
+        teal300: import("@atom-learning/stitches-react/types/theme").Token<"teal300", string, "colors", "">;
+        teal400: import("@atom-learning/stitches-react/types/theme").Token<"teal400", string, "colors", "">;
+        teal500: import("@atom-learning/stitches-react/types/theme").Token<"teal500", string, "colors", "">;
+        teal600: import("@atom-learning/stitches-react/types/theme").Token<"teal600", string, "colors", "">;
+        teal700: import("@atom-learning/stitches-react/types/theme").Token<"teal700", string, "colors", "">;
+        teal800: import("@atom-learning/stitches-react/types/theme").Token<"teal800", string, "colors", "">;
+        teal900: import("@atom-learning/stitches-react/types/theme").Token<"teal900", string, "colors", "">;
+        teal1000: import("@atom-learning/stitches-react/types/theme").Token<"teal1000", string, "colors", "">;
+        teal1100: import("@atom-learning/stitches-react/types/theme").Token<"teal1100", string, "colors", "">;
+        teal1200: import("@atom-learning/stitches-react/types/theme").Token<"teal1200", string, "colors", "">;
+        orange100: import("@atom-learning/stitches-react/types/theme").Token<"orange100", string, "colors", "">;
+        orange200: import("@atom-learning/stitches-react/types/theme").Token<"orange200", string, "colors", "">;
+        orange300: import("@atom-learning/stitches-react/types/theme").Token<"orange300", string, "colors", "">;
+        orange400: import("@atom-learning/stitches-react/types/theme").Token<"orange400", string, "colors", "">;
+        orange500: import("@atom-learning/stitches-react/types/theme").Token<"orange500", string, "colors", "">;
+        orange600: import("@atom-learning/stitches-react/types/theme").Token<"orange600", string, "colors", "">;
+        orange700: import("@atom-learning/stitches-react/types/theme").Token<"orange700", string, "colors", "">;
+        orange800: import("@atom-learning/stitches-react/types/theme").Token<"orange800", string, "colors", "">;
+        orange900: import("@atom-learning/stitches-react/types/theme").Token<"orange900", string, "colors", "">;
+        orange1000: import("@atom-learning/stitches-react/types/theme").Token<"orange1000", string, "colors", "">;
+        orange1100: import("@atom-learning/stitches-react/types/theme").Token<"orange1100", string, "colors", "">;
+        orange1200: import("@atom-learning/stitches-react/types/theme").Token<"orange1200", string, "colors", "">;
+        yellow100: import("@atom-learning/stitches-react/types/theme").Token<"yellow100", string, "colors", "">;
+        yellow200: import("@atom-learning/stitches-react/types/theme").Token<"yellow200", string, "colors", "">;
+        yellow300: import("@atom-learning/stitches-react/types/theme").Token<"yellow300", string, "colors", "">;
+        yellow400: import("@atom-learning/stitches-react/types/theme").Token<"yellow400", string, "colors", "">;
+        yellow500: import("@atom-learning/stitches-react/types/theme").Token<"yellow500", string, "colors", "">;
+        yellow600: import("@atom-learning/stitches-react/types/theme").Token<"yellow600", string, "colors", "">;
+        yellow700: import("@atom-learning/stitches-react/types/theme").Token<"yellow700", string, "colors", "">;
+        yellow800: import("@atom-learning/stitches-react/types/theme").Token<"yellow800", string, "colors", "">;
+        yellow900: import("@atom-learning/stitches-react/types/theme").Token<"yellow900", string, "colors", "">;
+        yellow1000: import("@atom-learning/stitches-react/types/theme").Token<"yellow1000", string, "colors", "">;
+        yellow1100: import("@atom-learning/stitches-react/types/theme").Token<"yellow1100", string, "colors", "">;
+        yellow1200: import("@atom-learning/stitches-react/types/theme").Token<"yellow1200", string, "colors", "">;
+        lime100: import("@atom-learning/stitches-react/types/theme").Token<"lime100", string, "colors", "">;
+        lime200: import("@atom-learning/stitches-react/types/theme").Token<"lime200", string, "colors", "">;
+        lime300: import("@atom-learning/stitches-react/types/theme").Token<"lime300", string, "colors", "">;
+        lime400: import("@atom-learning/stitches-react/types/theme").Token<"lime400", string, "colors", "">;
+        lime500: import("@atom-learning/stitches-react/types/theme").Token<"lime500", string, "colors", "">;
+        lime600: import("@atom-learning/stitches-react/types/theme").Token<"lime600", string, "colors", "">;
+        lime700: import("@atom-learning/stitches-react/types/theme").Token<"lime700", string, "colors", "">;
+        lime800: import("@atom-learning/stitches-react/types/theme").Token<"lime800", string, "colors", "">;
+        lime900: import("@atom-learning/stitches-react/types/theme").Token<"lime900", string, "colors", "">;
+        lime1000: import("@atom-learning/stitches-react/types/theme").Token<"lime1000", string, "colors", "">;
+        lime1100: import("@atom-learning/stitches-react/types/theme").Token<"lime1100", string, "colors", "">;
+        lime1200: import("@atom-learning/stitches-react/types/theme").Token<"lime1200", string, "colors", "">;
+        lapis100: import("@atom-learning/stitches-react/types/theme").Token<"lapis100", string, "colors", "">;
+        lapis200: import("@atom-learning/stitches-react/types/theme").Token<"lapis200", string, "colors", "">;
+        lapis300: import("@atom-learning/stitches-react/types/theme").Token<"lapis300", string, "colors", "">;
+        lapis400: import("@atom-learning/stitches-react/types/theme").Token<"lapis400", string, "colors", "">;
+        lapis500: import("@atom-learning/stitches-react/types/theme").Token<"lapis500", string, "colors", "">;
+        lapis600: import("@atom-learning/stitches-react/types/theme").Token<"lapis600", string, "colors", "">;
+        lapis700: import("@atom-learning/stitches-react/types/theme").Token<"lapis700", string, "colors", "">;
+        lapis800: import("@atom-learning/stitches-react/types/theme").Token<"lapis800", string, "colors", "">;
+        lapis900: import("@atom-learning/stitches-react/types/theme").Token<"lapis900", string, "colors", "">;
+        lapis1000: import("@atom-learning/stitches-react/types/theme").Token<"lapis1000", string, "colors", "">;
+        lapis1100: import("@atom-learning/stitches-react/types/theme").Token<"lapis1100", string, "colors", "">;
+        lapis1200: import("@atom-learning/stitches-react/types/theme").Token<"lapis1200", string, "colors", "">;
+        maroon100: import("@atom-learning/stitches-react/types/theme").Token<"maroon100", string, "colors", "">;
+        maroon200: import("@atom-learning/stitches-react/types/theme").Token<"maroon200", string, "colors", "">;
+        maroon300: import("@atom-learning/stitches-react/types/theme").Token<"maroon300", string, "colors", "">;
+        maroon400: import("@atom-learning/stitches-react/types/theme").Token<"maroon400", string, "colors", "">;
+        maroon500: import("@atom-learning/stitches-react/types/theme").Token<"maroon500", string, "colors", "">;
+        maroon600: import("@atom-learning/stitches-react/types/theme").Token<"maroon600", string, "colors", "">;
+        maroon700: import("@atom-learning/stitches-react/types/theme").Token<"maroon700", string, "colors", "">;
+        maroon800: import("@atom-learning/stitches-react/types/theme").Token<"maroon800", string, "colors", "">;
+        maroon900: import("@atom-learning/stitches-react/types/theme").Token<"maroon900", string, "colors", "">;
+        maroon1000: import("@atom-learning/stitches-react/types/theme").Token<"maroon1000", string, "colors", "">;
+        maroon1100: import("@atom-learning/stitches-react/types/theme").Token<"maroon1100", string, "colors", "">;
+        maroon1200: import("@atom-learning/stitches-react/types/theme").Token<"maroon1200", string, "colors", "">;
+        marsh100: import("@atom-learning/stitches-react/types/theme").Token<"marsh100", string, "colors", "">;
+        marsh200: import("@atom-learning/stitches-react/types/theme").Token<"marsh200", string, "colors", "">;
+        marsh300: import("@atom-learning/stitches-react/types/theme").Token<"marsh300", string, "colors", "">;
+        marsh400: import("@atom-learning/stitches-react/types/theme").Token<"marsh400", string, "colors", "">;
+        marsh500: import("@atom-learning/stitches-react/types/theme").Token<"marsh500", string, "colors", "">;
+        marsh600: import("@atom-learning/stitches-react/types/theme").Token<"marsh600", string, "colors", "">;
+        marsh700: import("@atom-learning/stitches-react/types/theme").Token<"marsh700", string, "colors", "">;
+        marsh800: import("@atom-learning/stitches-react/types/theme").Token<"marsh800", string, "colors", "">;
+        marsh900: import("@atom-learning/stitches-react/types/theme").Token<"marsh900", string, "colors", "">;
+        marsh1000: import("@atom-learning/stitches-react/types/theme").Token<"marsh1000", string, "colors", "">;
+        marsh1100: import("@atom-learning/stitches-react/types/theme").Token<"marsh1100", string, "colors", "">;
+        marsh1200: import("@atom-learning/stitches-react/types/theme").Token<"marsh1200", string, "colors", "">;
+        alpha100: import("@atom-learning/stitches-react/types/theme").Token<"alpha100", string, "colors", "">;
+        alpha150: import("@atom-learning/stitches-react/types/theme").Token<"alpha150", string, "colors", "">;
+        alpha200: import("@atom-learning/stitches-react/types/theme").Token<"alpha200", string, "colors", "">;
+        alpha250: import("@atom-learning/stitches-react/types/theme").Token<"alpha250", string, "colors", "">;
+        alpha600: import("@atom-learning/stitches-react/types/theme").Token<"alpha600", string, "colors", "">;
+        infoLight: import("@atom-learning/stitches-react/types/theme").Token<"infoLight", string, "colors", "">;
+        info: import("@atom-learning/stitches-react/types/theme").Token<"info", string, "colors", "">;
+        infoMid: import("@atom-learning/stitches-react/types/theme").Token<"infoMid", string, "colors", "">;
+        infoDark: import("@atom-learning/stitches-react/types/theme").Token<"infoDark", string, "colors", "">;
+        successLight: import("@atom-learning/stitches-react/types/theme").Token<"successLight", string, "colors", "">;
+        success: import("@atom-learning/stitches-react/types/theme").Token<"success", string, "colors", "">;
+        successMid: import("@atom-learning/stitches-react/types/theme").Token<"successMid", string, "colors", "">;
+        successDark: import("@atom-learning/stitches-react/types/theme").Token<"successDark", string, "colors", "">;
+        dangerLight: import("@atom-learning/stitches-react/types/theme").Token<"dangerLight", string, "colors", "">;
+        danger: import("@atom-learning/stitches-react/types/theme").Token<"danger", string, "colors", "">;
+        dangerMid: import("@atom-learning/stitches-react/types/theme").Token<"dangerMid", string, "colors", "">;
+        dangerDark: import("@atom-learning/stitches-react/types/theme").Token<"dangerDark", string, "colors", "">;
+        warningLight: import("@atom-learning/stitches-react/types/theme").Token<"warningLight", string, "colors", "">;
+        warning: import("@atom-learning/stitches-react/types/theme").Token<"warning", string, "colors", "">;
+        warningMid: import("@atom-learning/stitches-react/types/theme").Token<"warningMid", string, "colors", "">;
+        warningDark: import("@atom-learning/stitches-react/types/theme").Token<"warningDark", string, "colors", "">;
+        warningText: import("@atom-learning/stitches-react/types/theme").Token<"warningText", string, "colors", "">;
+        subjectEnglish: import("@atom-learning/stitches-react/types/theme").Token<"subjectEnglish", string, "colors", "">;
+        subjectMaths: import("@atom-learning/stitches-react/types/theme").Token<"subjectMaths", string, "colors", "">;
+        subjectScience: import("@atom-learning/stitches-react/types/theme").Token<"subjectScience", string, "colors", "">;
+        subjectVerbalReasoning: import("@atom-learning/stitches-react/types/theme").Token<"subjectVerbalReasoning", string, "colors", "">;
+        subjectNonVerbalReasoning: import("@atom-learning/stitches-react/types/theme").Token<"subjectNonVerbalReasoning", string, "colors", "">;
+        subjectCreativeWriting: import("@atom-learning/stitches-react/types/theme").Token<"subjectCreativeWriting", string, "colors", "">;
+        subjectExamSkills: import("@atom-learning/stitches-react/types/theme").Token<"subjectExamSkills", string, "colors", "">;
+        glBlueLight: import("@atom-learning/stitches-react/types/theme").Token<"glBlueLight", string, "colors", "">;
+        glBluePrimary: import("@atom-learning/stitches-react/types/theme").Token<"glBluePrimary", string, "colors", "">;
+        glBlueDark: import("@atom-learning/stitches-react/types/theme").Token<"glBlueDark", string, "colors", "">;
+        primary100: import("@atom-learning/stitches-react/types/theme").Token<"primary100", string, "colors", "">;
+        primary200: import("@atom-learning/stitches-react/types/theme").Token<"primary200", string, "colors", "">;
+        primary300: import("@atom-learning/stitches-react/types/theme").Token<"primary300", string, "colors", "">;
+        primary400: import("@atom-learning/stitches-react/types/theme").Token<"primary400", string, "colors", "">;
+        primary500: import("@atom-learning/stitches-react/types/theme").Token<"primary500", string, "colors", "">;
+        primary600: import("@atom-learning/stitches-react/types/theme").Token<"primary600", string, "colors", "">;
+        primary700: import("@atom-learning/stitches-react/types/theme").Token<"primary700", string, "colors", "">;
+        primary800: import("@atom-learning/stitches-react/types/theme").Token<"primary800", string, "colors", "">;
+        primary900: import("@atom-learning/stitches-react/types/theme").Token<"primary900", string, "colors", "">;
+        primary1000: import("@atom-learning/stitches-react/types/theme").Token<"primary1000", string, "colors", "">;
+        primary1100: import("@atom-learning/stitches-react/types/theme").Token<"primary1100", string, "colors", "">;
+        primary1200: import("@atom-learning/stitches-react/types/theme").Token<"primary1200", string, "colors", "">;
+    };
+    space: {
+        "0": import("@atom-learning/stitches-react/types/theme").Token<"0", string, "space", "">;
+        "1": import("@atom-learning/stitches-react/types/theme").Token<"1", string, "space", "">;
+        "2": import("@atom-learning/stitches-react/types/theme").Token<"2", string, "space", "">;
+        "3": import("@atom-learning/stitches-react/types/theme").Token<"3", string, "space", "">;
+        "4": import("@atom-learning/stitches-react/types/theme").Token<"4", string, "space", "">;
+        "5": import("@atom-learning/stitches-react/types/theme").Token<"5", string, "space", "">;
+        "6": import("@atom-learning/stitches-react/types/theme").Token<"6", string, "space", "">;
+        "7": import("@atom-learning/stitches-react/types/theme").Token<"7", string, "space", "">;
+        "8": import("@atom-learning/stitches-react/types/theme").Token<"8", string, "space", "">;
+        "9": import("@atom-learning/stitches-react/types/theme").Token<"9", string, "space", "">;
+        "24": import("@atom-learning/stitches-react/types/theme").Token<"24", string, "space", "">;
+    };
+    fontSizes: {
+        xs: import("@atom-learning/stitches-react/types/theme").Token<"xs", string, "fontSizes", "">;
+        sm: import("@atom-learning/stitches-react/types/theme").Token<"sm", string, "fontSizes", "">;
+        md: import("@atom-learning/stitches-react/types/theme").Token<"md", string, "fontSizes", "">;
+        lg: import("@atom-learning/stitches-react/types/theme").Token<"lg", string, "fontSizes", "">;
+        xl: import("@atom-learning/stitches-react/types/theme").Token<"xl", string, "fontSizes", "">;
+        "2xl": import("@atom-learning/stitches-react/types/theme").Token<"2xl", string, "fontSizes", "">;
+        "3xl": import("@atom-learning/stitches-react/types/theme").Token<"3xl", string, "fontSizes", "">;
+        "4xl": import("@atom-learning/stitches-react/types/theme").Token<"4xl", string, "fontSizes", "">;
+    };
+    fonts: {
+        sans: import("@atom-learning/stitches-react/types/theme").Token<"sans", string, "fonts", "">;
+        mono: import("@atom-learning/stitches-react/types/theme").Token<"mono", string, "fonts", "">;
+        display: import("@atom-learning/stitches-react/types/theme").Token<"display", string, "fonts", "">;
+        body: import("@atom-learning/stitches-react/types/theme").Token<"body", string, "fonts", "">;
+    };
+    sizes: {
+        "0": import("@atom-learning/stitches-react/types/theme").Token<"0", string, "sizes", "">;
+        "1": import("@atom-learning/stitches-react/types/theme").Token<"1", string, "sizes", "">;
+        "2": import("@atom-learning/stitches-react/types/theme").Token<"2", string, "sizes", "">;
+        "3": import("@atom-learning/stitches-react/types/theme").Token<"3", string, "sizes", "">;
+        "4": import("@atom-learning/stitches-react/types/theme").Token<"4", string, "sizes", "">;
+        "5": import("@atom-learning/stitches-react/types/theme").Token<"5", string, "sizes", "">;
+        "6": import("@atom-learning/stitches-react/types/theme").Token<"6", string, "sizes", "">;
+        "7": import("@atom-learning/stitches-react/types/theme").Token<"7", string, "sizes", "">;
+        "8": import("@atom-learning/stitches-react/types/theme").Token<"8", string, "sizes", "">;
+    };
+    radii: {
+        "0": import("@atom-learning/stitches-react/types/theme").Token<"0", string, "radii", "">;
+        "1": import("@atom-learning/stitches-react/types/theme").Token<"1", string, "radii", "">;
+        "2": import("@atom-learning/stitches-react/types/theme").Token<"2", string, "radii", "">;
+        "3": import("@atom-learning/stitches-react/types/theme").Token<"3", string, "radii", "">;
+        round: import("@atom-learning/stitches-react/types/theme").Token<"round", string, "radii", "">;
+    };
+    shadows: {
+        "0": import("@atom-learning/stitches-react/types/theme").Token<"0", string, "shadows", "">;
+        "1": import("@atom-learning/stitches-react/types/theme").Token<"1", string, "shadows", "">;
+        "2": import("@atom-learning/stitches-react/types/theme").Token<"2", string, "shadows", "">;
+        "3": import("@atom-learning/stitches-react/types/theme").Token<"3", string, "shadows", "">;
+    };
+    ratios: {
+        "16-9": import("@atom-learning/stitches-react/types/theme").Token<"16-9", string, "ratios", "">;
+        "3-2": import("@atom-learning/stitches-react/types/theme").Token<"3-2", string, "ratios", "">;
+        "4-3": import("@atom-learning/stitches-react/types/theme").Token<"4-3", string, "ratios", "">;
+        "1-1": import("@atom-learning/stitches-react/types/theme").Token<"1-1", string, "ratios", "">;
+        "3-4": import("@atom-learning/stitches-react/types/theme").Token<"3-4", string, "ratios", "">;
+    };
+};
+export type CSS = StitchesCSS<typeof stitchesConfig>;
+export {};