npm - @atom-learning/components - Versions diffs - 6.0.0-beta.1 → 6.0.0-beta.10 - Mend

@atom-learning/components 6.0.0-beta.1 → 6.0.0-beta.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (841) hide show

package/dist/stitches.d.ts DELETED Viewed

@@ -1,3885 +0,0 @@
-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;
-        subjectGcseEnglishLiterature: string;
-        subjectGcseMaths: string;
-        subjectGcseChemistry: string;
-        subjectGcsePhysics: string;
-        subjectGcseBiology: 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;
-            subjectGcseEnglishLiterature: string;
-            subjectGcseMaths: string;
-            subjectGcseChemistry: string;
-            subjectGcsePhysics: string;
-            subjectGcseBiology: 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;
-        subjectGcseEnglishLiterature: string;
-        subjectGcseMaths: string;
-        subjectGcseChemistry: string;
-        subjectGcsePhysics: string;
-        subjectGcseBiology: 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;
-        subjectGcseEnglishLiterature?: string | number | boolean | undefined;
-        subjectGcseMaths?: string | number | boolean | undefined;
-        subjectGcseChemistry?: string | number | boolean | undefined;
-        subjectGcsePhysics?: string | number | boolean | undefined;
-        subjectGcseBiology?: 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;
-        subjectGcseEnglishLiterature?: string | number | boolean | undefined;
-        subjectGcseMaths?: string | number | boolean | undefined;
-        subjectGcseChemistry?: string | number | boolean | undefined;
-        subjectGcsePhysics?: string | number | boolean | undefined;
-        subjectGcseBiology?: 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;
-            subjectGcseEnglishLiterature: string;
-            subjectGcseMaths: string;
-            subjectGcseChemistry: string;
-            subjectGcsePhysics: string;
-            subjectGcseBiology: 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;
-        subjectGcseEnglishLiterature: string;
-        subjectGcseMaths: string;
-        subjectGcseChemistry: string;
-        subjectGcsePhysics: string;
-        subjectGcseBiology: 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;
-            subjectGcseEnglishLiterature: string;
-            subjectGcseMaths: string;
-            subjectGcseChemistry: string;
-            subjectGcsePhysics: string;
-            subjectGcseBiology: 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;
-            subjectGcseEnglishLiterature: string;
-            subjectGcseMaths: string;
-            subjectGcseChemistry: string;
-            subjectGcsePhysics: string;
-            subjectGcseBiology: 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;
-        subjectGcseEnglishLiterature: string;
-        subjectGcseMaths: string;
-        subjectGcseChemistry: string;
-        subjectGcsePhysics: string;
-        subjectGcseBiology: 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", "">;
-        subjectGcseEnglishLiterature: import("@atom-learning/stitches-react/types/theme").Token<"subjectGcseEnglishLiterature", string, "colors", "">;
-        subjectGcseMaths: import("@atom-learning/stitches-react/types/theme").Token<"subjectGcseMaths", string, "colors", "">;
-        subjectGcseChemistry: import("@atom-learning/stitches-react/types/theme").Token<"subjectGcseChemistry", string, "colors", "">;
-        subjectGcsePhysics: import("@atom-learning/stitches-react/types/theme").Token<"subjectGcsePhysics", string, "colors", "">;
-        subjectGcseBiology: import("@atom-learning/stitches-react/types/theme").Token<"subjectGcseBiology", 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 {};