@obolnetwork/obol-ui 1.0.1

package/dist/stitches.config.d.ts

@@ -0,0 +1,3199 @@
+/// <reference types="react" />
+import type * as Stitches from "@stitches/react";
+export type { VariantProps } from "@stitches/react";
+export declare const mediaQueryKeys: {
+    readonly xs: "(max-width: 520px)";
+    readonly sm: "(max-width: 900px)";
+    readonly md: "(max-width: 1200px)";
+    readonly lg: "(max-width: 1800px)";
+};
+export declare const styled: <Type extends import("@stitches/react/types/util").Function | keyof JSX.IntrinsicElements | import("react").ComponentType<any>, Composers extends (string | import("@stitches/react/types/util").Function | import("react").ComponentType<any> | {
+    [name: string]: unknown;
+})[], CSS_1 = import("@stitches/react/types/css-util").CSS<{
+    motion: "(prefers-reduced-motion)";
+    hover: "(any-hover: hover)";
+    dark: "(prefers-color-scheme: dark)";
+    light: "(prefers-color-scheme: light)";
+    xs: "(max-width: 520px)";
+    sm: "(max-width: 900px)";
+    md: "(max-width: 1200px)";
+    lg: "(max-width: 1800px)";
+}, {
+    colors: {
+        white: string;
+        black: string;
+        lightBackground: string;
+        obolBlue: string;
+        primaryBgDefault: string;
+        primaryBgDefaultHover: string;
+        primaryTextDefault: string;
+        secondaryBgDefault: string;
+        secondaryBgHover: string;
+        grayBgDefault: string;
+        gray2BgDefault: string;
+        neutralDark: string;
+        navButtonBgDefault: string;
+        navButtonBgHover: string;
+        cardBackgroundDark: string;
+        cardBackgroundLight: string;
+        textMiddle: string;
+        textLight: string;
+        textTabHover: string;
+        textTabInactive: string;
+        textGreenDark: string;
+        textGreenLight: string;
+        textGreen1: string;
+        textGreen2: string;
+        textGreen3: string;
+        textGreenHover: string;
+        textCreateHover: string;
+        textGrayHover: string;
+        txButton: string;
+        obolGreen: string;
+        obolGreenHover: string;
+        obolGreenLight: string;
+        obolDarkDark: string;
+        obolDisabled: string;
+        linkButtonHover: string;
+        coordinate: string;
+        coordinateHover: string;
+        test: string;
+        testHover: string;
+        create: string;
+        createHover: string;
+        light: string;
+        body: string;
+        muted: string;
+        menu: string;
+        bg01: string;
+        bg02: string;
+        bg03: string;
+        bg04: string;
+        bg05: string;
+    };
+    space: {
+        1: string;
+        2: string;
+        xxxs: string;
+        xxs: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+        "4xl": string;
+        "5xl": string;
+        "6xl": string;
+        "7xl": string;
+    };
+    sizes: {
+        1: string;
+        2: string;
+        xxxs: string;
+        xxs: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+        "4xl": string;
+        "5xl": string;
+        "6xl": string;
+        "7xl": string;
+        max: string;
+        min: string;
+        full: string;
+    };
+    radii: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        round: string;
+        pill: string;
+    };
+    fontSizes: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+    };
+    fontWeights: {
+        hairline: number;
+        thin: number;
+        light: number;
+        normal: number;
+        medium: number;
+        semibold: number;
+        bold: number;
+        extrabold: number;
+        black: number;
+    };
+    lineHeights: {
+        normal: string;
+        none: number;
+        shorter: number;
+        short: number;
+        base: number;
+        tall: number;
+        tall2: number;
+        taller: string;
+    };
+    letterSpacings: {
+        tighter: string;
+        tight: string;
+        normal: string;
+        wide: string;
+        wider: string;
+        widest: string;
+    };
+    borderWidths: unknown;
+    borderStyles: unknown;
+    shadows: unknown;
+    zIndices: unknown;
+    transitions: unknown;
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    p: (value: Stitches.PropertyValue<"padding">) => {
+        padding: {
+            readonly [Stitches.$$PropertyValue]: "padding";
+        };
+    };
+    pt: (value: Stitches.PropertyValue<"paddingTop">) => {
+        paddingTop: {
+            readonly [Stitches.$$PropertyValue]: "paddingTop";
+        };
+    };
+    pr: (value: Stitches.PropertyValue<"paddingRight">) => {
+        paddingRight: {
+            readonly [Stitches.$$PropertyValue]: "paddingRight";
+        };
+    };
+    pb: (value: Stitches.PropertyValue<"paddingBottom">) => {
+        paddingBottom: {
+            readonly [Stitches.$$PropertyValue]: "paddingBottom";
+        };
+    };
+    pl: (value: Stitches.PropertyValue<"paddingLeft">) => {
+        paddingLeft: {
+            readonly [Stitches.$$PropertyValue]: "paddingLeft";
+        };
+    };
+    px: (value: Stitches.PropertyValue<"paddingLeft">) => {
+        paddingLeft: {
+            readonly [Stitches.$$PropertyValue]: "paddingLeft";
+        };
+        paddingRight: {
+            readonly [Stitches.$$PropertyValue]: "paddingLeft";
+        };
+    };
+    py: (value: Stitches.PropertyValue<"paddingTop">) => {
+        paddingTop: {
+            readonly [Stitches.$$PropertyValue]: "paddingTop";
+        };
+        paddingBottom: {
+            readonly [Stitches.$$PropertyValue]: "paddingTop";
+        };
+    };
+    m: (value: Stitches.PropertyValue<"margin">) => {
+        margin: {
+            readonly [Stitches.$$PropertyValue]: "margin";
+        };
+    };
+    mt: (value: Stitches.PropertyValue<"marginTop">) => {
+        marginTop: {
+            readonly [Stitches.$$PropertyValue]: "marginTop";
+        };
+    };
+    mr: (value: Stitches.PropertyValue<"marginRight">) => {
+        marginRight: {
+            readonly [Stitches.$$PropertyValue]: "marginRight";
+        };
+    };
+    mb: (value: Stitches.PropertyValue<"marginBottom">) => {
+        marginBottom: {
+            readonly [Stitches.$$PropertyValue]: "marginBottom";
+        };
+    };
+    ml: (value: Stitches.PropertyValue<"marginLeft">) => {
+        marginLeft: {
+            readonly [Stitches.$$PropertyValue]: "marginLeft";
+        };
+    };
+    mx: (value: Stitches.PropertyValue<"marginLeft">) => {
+        marginLeft: {
+            readonly [Stitches.$$PropertyValue]: "marginLeft";
+        };
+        marginRight: {
+            readonly [Stitches.$$PropertyValue]: "marginLeft";
+        };
+    };
+    my: (value: Stitches.PropertyValue<"marginTop">) => {
+        marginTop: {
+            readonly [Stitches.$$PropertyValue]: "marginTop";
+        };
+        marginBottom: {
+            readonly [Stitches.$$PropertyValue]: "marginTop";
+        };
+    };
+    ta: (value: Stitches.PropertyValue<"textAlign">) => {
+        textAlign: {
+            readonly [Stitches.$$PropertyValue]: "textAlign";
+        };
+    };
+    fd: (value: Stitches.PropertyValue<"flexDirection">) => {
+        flexDirection: {
+            readonly [Stitches.$$PropertyValue]: "flexDirection";
+        };
+    };
+    fw: (value: Stitches.PropertyValue<"flexWrap">) => {
+        flexWrap: {
+            readonly [Stitches.$$PropertyValue]: "flexWrap";
+        };
+    };
+    ai: (value: Stitches.PropertyValue<"alignItems">) => {
+        alignItems: {
+            readonly [Stitches.$$PropertyValue]: "alignItems";
+        };
+    };
+    ac: (value: Stitches.PropertyValue<"alignContent">) => {
+        alignContent: {
+            readonly [Stitches.$$PropertyValue]: "alignContent";
+        };
+    };
+    jc: (value: Stitches.PropertyValue<"justifyContent">) => {
+        justifyContent: {
+            readonly [Stitches.$$PropertyValue]: "justifyContent";
+        };
+    };
+    as: (value: Stitches.PropertyValue<"alignSelf">) => {
+        alignSelf: {
+            readonly [Stitches.$$PropertyValue]: "alignSelf";
+        };
+    };
+    fg: (value: Stitches.PropertyValue<"flexGrow">) => {
+        flexGrow: {
+            readonly [Stitches.$$PropertyValue]: "flexGrow";
+        };
+    };
+    fs: (value: Stitches.PropertyValue<"flexShrink">) => {
+        flexShrink: {
+            readonly [Stitches.$$PropertyValue]: "flexShrink";
+        };
+    };
+    fb: (value: Stitches.PropertyValue<"flexBasis">) => {
+        flexBasis: {
+            readonly [Stitches.$$PropertyValue]: "flexBasis";
+        };
+    };
+    bc: (value: Stitches.PropertyValue<"backgroundColor">) => {
+        backgroundColor: {
+            readonly [Stitches.$$PropertyValue]: "backgroundColor";
+        };
+    };
+    br: (value: Stitches.PropertyValue<"borderRadius">) => {
+        borderRadius: {
+            readonly [Stitches.$$PropertyValue]: "borderRadius";
+        };
+    };
+    btrr: (value: Stitches.PropertyValue<"borderTopRightRadius">) => {
+        borderTopRightRadius: {
+            readonly [Stitches.$$PropertyValue]: "borderTopRightRadius";
+        };
+    };
+    bbrr: (value: Stitches.PropertyValue<"borderBottomRightRadius">) => {
+        borderBottomRightRadius: {
+            readonly [Stitches.$$PropertyValue]: "borderBottomRightRadius";
+        };
+    };
+    bblr: (value: Stitches.PropertyValue<"borderBottomLeftRadius">) => {
+        borderBottomLeftRadius: {
+            readonly [Stitches.$$PropertyValue]: "borderBottomLeftRadius";
+        };
+    };
+    btlr: (value: Stitches.PropertyValue<"borderTopLeftRadius">) => {
+        borderTopLeftRadius: {
+            readonly [Stitches.$$PropertyValue]: "borderTopLeftRadius";
+        };
+    };
+    bs: (value: Stitches.PropertyValue<"boxShadow">) => {
+        boxShadow: {
+            readonly [Stitches.$$PropertyValue]: "boxShadow";
+        };
+    };
+    lh: (value: Stitches.PropertyValue<"lineHeight">) => {
+        lineHeight: {
+            readonly [Stitches.$$PropertyValue]: "lineHeight";
+        };
+    };
+    ox: (value: Stitches.PropertyValue<"overflowX">) => {
+        overflowX: {
+            readonly [Stitches.$$PropertyValue]: "overflowX";
+        };
+    };
+    oy: (value: Stitches.PropertyValue<"overflowY">) => {
+        overflowY: {
+            readonly [Stitches.$$PropertyValue]: "overflowY";
+        };
+    };
+    pe: (value: Stitches.PropertyValue<"pointerEvents">) => {
+        pointerEvents: {
+            readonly [Stitches.$$PropertyValue]: "pointerEvents";
+        };
+    };
+    us: (value: Stitches.PropertyValue<"userSelect">) => {
+        WebkitUserSelect: {
+            readonly [Stitches.$$PropertyValue]: "userSelect";
+        };
+        userSelect: {
+            readonly [Stitches.$$PropertyValue]: "userSelect";
+        };
+    };
+    userSelect: (value: Stitches.PropertyValue<"userSelect">) => {
+        WebkitUserSelect: {
+            readonly [Stitches.$$PropertyValue]: "userSelect";
+        };
+        userSelect: {
+            readonly [Stitches.$$PropertyValue]: "userSelect";
+        };
+    };
+    size: (value: Stitches.PropertyValue<"width">) => {
+        width: {
+            readonly [Stitches.$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [Stitches.$$PropertyValue]: "width";
+        };
+    };
+    appearance: (value: Stitches.PropertyValue<"appearance">) => {
+        WebkitAppearance: {
+            readonly [Stitches.$$PropertyValue]: "appearance";
+        };
+        appearance: {
+            readonly [Stitches.$$PropertyValue]: "appearance";
+        };
+    };
+    backgroundClip: (value: Stitches.PropertyValue<"backgroundClip">) => {
+        WebkitBackgroundClip: {
+            readonly [Stitches.$$PropertyValue]: "backgroundClip";
+        };
+        backgroundClip: {
+            readonly [Stitches.$$PropertyValue]: "backgroundClip";
+        };
+    };
+}>>(type: Type, ...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("@stitches/react/types/util").Function | import("react").ComponentType<any> ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex<CSS_1> & {
+    variants?: {
+        [x: string]: {
+            [x: string]: CSS_1;
+            [x: number]: CSS_1;
+        };
+    } | undefined;
+    compoundVariants?: (("variants" extends keyof Composers[K] ? { [Name in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]> | undefined; } : import("@stitches/react/types/util").WideObject) & {
+        css: CSS_1;
+    })[] | undefined;
+    defaultVariants?: ("variants" extends keyof Composers[K] ? { [Name_1 in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]> | undefined; } : import("@stitches/react/types/util").WideObject) | undefined;
+} & CSS_1 & { [K2 in keyof Composers[K]]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS_1 ? CSS_1[K2] : unknown; }; }) => import("@stitches/react/types/styled-component").StyledComponent<Type, import("@stitches/react/types/styled-component").StyledComponentProps<Composers>, {
+    motion: "(prefers-reduced-motion)";
+    hover: "(any-hover: hover)";
+    dark: "(prefers-color-scheme: dark)";
+    light: "(prefers-color-scheme: light)";
+    xs: "(max-width: 520px)";
+    sm: "(max-width: 900px)";
+    md: "(max-width: 1200px)";
+    lg: "(max-width: 1800px)";
+}, import("@stitches/react/types/css-util").CSS<{
+    motion: "(prefers-reduced-motion)";
+    hover: "(any-hover: hover)";
+    dark: "(prefers-color-scheme: dark)";
+    light: "(prefers-color-scheme: light)";
+    xs: "(max-width: 520px)";
+    sm: "(max-width: 900px)";
+    md: "(max-width: 1200px)";
+    lg: "(max-width: 1800px)";
+}, {
+    colors: {
+        white: string;
+        black: string;
+        lightBackground: string;
+        obolBlue: string;
+        primaryBgDefault: string;
+        primaryBgDefaultHover: string;
+        primaryTextDefault: string;
+        secondaryBgDefault: string;
+        secondaryBgHover: string;
+        grayBgDefault: string;
+        gray2BgDefault: string;
+        neutralDark: string;
+        navButtonBgDefault: string;
+        navButtonBgHover: string;
+        cardBackgroundDark: string;
+        cardBackgroundLight: string;
+        textMiddle: string;
+        textLight: string;
+        textTabHover: string;
+        textTabInactive: string;
+        textGreenDark: string;
+        textGreenLight: string;
+        textGreen1: string;
+        textGreen2: string;
+        textGreen3: string;
+        textGreenHover: string;
+        textCreateHover: string;
+        textGrayHover: string;
+        txButton: string;
+        obolGreen: string;
+        obolGreenHover: string;
+        obolGreenLight: string;
+        obolDarkDark: string;
+        obolDisabled: string;
+        linkButtonHover: string;
+        coordinate: string;
+        coordinateHover: string;
+        test: string;
+        testHover: string;
+        create: string;
+        createHover: string;
+        light: string;
+        body: string;
+        muted: string;
+        menu: string;
+        bg01: string;
+        bg02: string;
+        bg03: string;
+        bg04: string;
+        bg05: string;
+    };
+    space: {
+        1: string;
+        2: string;
+        xxxs: string;
+        xxs: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+        "4xl": string;
+        "5xl": string;
+        "6xl": string;
+        "7xl": string;
+    };
+    sizes: {
+        1: string;
+        2: string;
+        xxxs: string;
+        xxs: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+        "4xl": string;
+        "5xl": string;
+        "6xl": string;
+        "7xl": string;
+        max: string;
+        min: string;
+        full: string;
+    };
+    radii: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        round: string;
+        pill: string;
+    };
+    fontSizes: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+    };
+    fontWeights: {
+        hairline: number;
+        thin: number;
+        light: number;
+        normal: number;
+        medium: number;
+        semibold: number;
+        bold: number;
+        extrabold: number;
+        black: number;
+    };
+    lineHeights: {
+        normal: string;
+        none: number;
+        shorter: number;
+        short: number;
+        base: number;
+        tall: number;
+        tall2: number;
+        taller: string;
+    };
+    letterSpacings: {
+        tighter: string;
+        tight: string;
+        normal: string;
+        wide: string;
+        wider: string;
+        widest: string;
+    };
+    borderWidths: unknown;
+    borderStyles: unknown;
+    shadows: unknown;
+    zIndices: unknown;
+    transitions: unknown;
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    p: (value: Stitches.PropertyValue<"padding">) => {
+        padding: {
+            readonly [Stitches.$$PropertyValue]: "padding";
+        };
+    };
+    pt: (value: Stitches.PropertyValue<"paddingTop">) => {
+        paddingTop: {
+            readonly [Stitches.$$PropertyValue]: "paddingTop";
+        };
+    };
+    pr: (value: Stitches.PropertyValue<"paddingRight">) => {
+        paddingRight: {
+            readonly [Stitches.$$PropertyValue]: "paddingRight";
+        };
+    };
+    pb: (value: Stitches.PropertyValue<"paddingBottom">) => {
+        paddingBottom: {
+            readonly [Stitches.$$PropertyValue]: "paddingBottom";
+        };
+    };
+    pl: (value: Stitches.PropertyValue<"paddingLeft">) => {
+        paddingLeft: {
+            readonly [Stitches.$$PropertyValue]: "paddingLeft";
+        };
+    };
+    px: (value: Stitches.PropertyValue<"paddingLeft">) => {
+        paddingLeft: {
+            readonly [Stitches.$$PropertyValue]: "paddingLeft";
+        };
+        paddingRight: {
+            readonly [Stitches.$$PropertyValue]: "paddingLeft";
+        };
+    };
+    py: (value: Stitches.PropertyValue<"paddingTop">) => {
+        paddingTop: {
+            readonly [Stitches.$$PropertyValue]: "paddingTop";
+        };
+        paddingBottom: {
+            readonly [Stitches.$$PropertyValue]: "paddingTop";
+        };
+    };
+    m: (value: Stitches.PropertyValue<"margin">) => {
+        margin: {
+            readonly [Stitches.$$PropertyValue]: "margin";
+        };
+    };
+    mt: (value: Stitches.PropertyValue<"marginTop">) => {
+        marginTop: {
+            readonly [Stitches.$$PropertyValue]: "marginTop";
+        };
+    };
+    mr: (value: Stitches.PropertyValue<"marginRight">) => {
+        marginRight: {
+            readonly [Stitches.$$PropertyValue]: "marginRight";
+        };
+    };
+    mb: (value: Stitches.PropertyValue<"marginBottom">) => {
+        marginBottom: {
+            readonly [Stitches.$$PropertyValue]: "marginBottom";
+        };
+    };
+    ml: (value: Stitches.PropertyValue<"marginLeft">) => {
+        marginLeft: {
+            readonly [Stitches.$$PropertyValue]: "marginLeft";
+        };
+    };
+    mx: (value: Stitches.PropertyValue<"marginLeft">) => {
+        marginLeft: {
+            readonly [Stitches.$$PropertyValue]: "marginLeft";
+        };
+        marginRight: {
+            readonly [Stitches.$$PropertyValue]: "marginLeft";
+        };
+    };
+    my: (value: Stitches.PropertyValue<"marginTop">) => {
+        marginTop: {
+            readonly [Stitches.$$PropertyValue]: "marginTop";
+        };
+        marginBottom: {
+            readonly [Stitches.$$PropertyValue]: "marginTop";
+        };
+    };
+    ta: (value: Stitches.PropertyValue<"textAlign">) => {
+        textAlign: {
+            readonly [Stitches.$$PropertyValue]: "textAlign";
+        };
+    };
+    fd: (value: Stitches.PropertyValue<"flexDirection">) => {
+        flexDirection: {
+            readonly [Stitches.$$PropertyValue]: "flexDirection";
+        };
+    };
+    fw: (value: Stitches.PropertyValue<"flexWrap">) => {
+        flexWrap: {
+            readonly [Stitches.$$PropertyValue]: "flexWrap";
+        };
+    };
+    ai: (value: Stitches.PropertyValue<"alignItems">) => {
+        alignItems: {
+            readonly [Stitches.$$PropertyValue]: "alignItems";
+        };
+    };
+    ac: (value: Stitches.PropertyValue<"alignContent">) => {
+        alignContent: {
+            readonly [Stitches.$$PropertyValue]: "alignContent";
+        };
+    };
+    jc: (value: Stitches.PropertyValue<"justifyContent">) => {
+        justifyContent: {
+            readonly [Stitches.$$PropertyValue]: "justifyContent";
+        };
+    };
+    as: (value: Stitches.PropertyValue<"alignSelf">) => {
+        alignSelf: {
+            readonly [Stitches.$$PropertyValue]: "alignSelf";
+        };
+    };
+    fg: (value: Stitches.PropertyValue<"flexGrow">) => {
+        flexGrow: {
+            readonly [Stitches.$$PropertyValue]: "flexGrow";
+        };
+    };
+    fs: (value: Stitches.PropertyValue<"flexShrink">) => {
+        flexShrink: {
+            readonly [Stitches.$$PropertyValue]: "flexShrink";
+        };
+    };
+    fb: (value: Stitches.PropertyValue<"flexBasis">) => {
+        flexBasis: {
+            readonly [Stitches.$$PropertyValue]: "flexBasis";
+        };
+    };
+    bc: (value: Stitches.PropertyValue<"backgroundColor">) => {
+        backgroundColor: {
+            readonly [Stitches.$$PropertyValue]: "backgroundColor";
+        };
+    };
+    br: (value: Stitches.PropertyValue<"borderRadius">) => {
+        borderRadius: {
+            readonly [Stitches.$$PropertyValue]: "borderRadius";
+        };
+    };
+    btrr: (value: Stitches.PropertyValue<"borderTopRightRadius">) => {
+        borderTopRightRadius: {
+            readonly [Stitches.$$PropertyValue]: "borderTopRightRadius";
+        };
+    };
+    bbrr: (value: Stitches.PropertyValue<"borderBottomRightRadius">) => {
+        borderBottomRightRadius: {
+            readonly [Stitches.$$PropertyValue]: "borderBottomRightRadius";
+        };
+    };
+    bblr: (value: Stitches.PropertyValue<"borderBottomLeftRadius">) => {
+        borderBottomLeftRadius: {
+            readonly [Stitches.$$PropertyValue]: "borderBottomLeftRadius";
+        };
+    };
+    btlr: (value: Stitches.PropertyValue<"borderTopLeftRadius">) => {
+        borderTopLeftRadius: {
+            readonly [Stitches.$$PropertyValue]: "borderTopLeftRadius";
+        };
+    };
+    bs: (value: Stitches.PropertyValue<"boxShadow">) => {
+        boxShadow: {
+            readonly [Stitches.$$PropertyValue]: "boxShadow";
+        };
+    };
+    lh: (value: Stitches.PropertyValue<"lineHeight">) => {
+        lineHeight: {
+            readonly [Stitches.$$PropertyValue]: "lineHeight";
+        };
+    };
+    ox: (value: Stitches.PropertyValue<"overflowX">) => {
+        overflowX: {
+            readonly [Stitches.$$PropertyValue]: "overflowX";
+        };
+    };
+    oy: (value: Stitches.PropertyValue<"overflowY">) => {
+        overflowY: {
+            readonly [Stitches.$$PropertyValue]: "overflowY";
+        };
+    };
+    pe: (value: Stitches.PropertyValue<"pointerEvents">) => {
+        pointerEvents: {
+            readonly [Stitches.$$PropertyValue]: "pointerEvents";
+        };
+    };
+    us: (value: Stitches.PropertyValue<"userSelect">) => {
+        WebkitUserSelect: {
+            readonly [Stitches.$$PropertyValue]: "userSelect";
+        };
+        userSelect: {
+            readonly [Stitches.$$PropertyValue]: "userSelect";
+        };
+    };
+    userSelect: (value: Stitches.PropertyValue<"userSelect">) => {
+        WebkitUserSelect: {
+            readonly [Stitches.$$PropertyValue]: "userSelect";
+        };
+        userSelect: {
+            readonly [Stitches.$$PropertyValue]: "userSelect";
+        };
+    };
+    size: (value: Stitches.PropertyValue<"width">) => {
+        width: {
+            readonly [Stitches.$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [Stitches.$$PropertyValue]: "width";
+        };
+    };
+    appearance: (value: Stitches.PropertyValue<"appearance">) => {
+        WebkitAppearance: {
+            readonly [Stitches.$$PropertyValue]: "appearance";
+        };
+        appearance: {
+            readonly [Stitches.$$PropertyValue]: "appearance";
+        };
+    };
+    backgroundClip: (value: Stitches.PropertyValue<"backgroundClip">) => {
+        WebkitBackgroundClip: {
+            readonly [Stitches.$$PropertyValue]: "backgroundClip";
+        };
+        backgroundClip: {
+            readonly [Stitches.$$PropertyValue]: "backgroundClip";
+        };
+    };
+}>>, css: <Composers extends (string | import("@stitches/react/types/util").Function | import("react").ExoticComponent<any> | import("react").JSXElementConstructor<any> | {
+    [name: string]: unknown;
+})[], CSS_1 = import("@stitches/react/types/css-util").CSS<{
+    motion: "(prefers-reduced-motion)";
+    hover: "(any-hover: hover)";
+    dark: "(prefers-color-scheme: dark)";
+    light: "(prefers-color-scheme: light)";
+    xs: "(max-width: 520px)";
+    sm: "(max-width: 900px)";
+    md: "(max-width: 1200px)";
+    lg: "(max-width: 1800px)";
+}, {
+    colors: {
+        white: string;
+        black: string;
+        lightBackground: string;
+        obolBlue: string;
+        primaryBgDefault: string;
+        primaryBgDefaultHover: string;
+        primaryTextDefault: string;
+        secondaryBgDefault: string;
+        secondaryBgHover: string;
+        grayBgDefault: string;
+        gray2BgDefault: string;
+        neutralDark: string;
+        navButtonBgDefault: string;
+        navButtonBgHover: string;
+        cardBackgroundDark: string;
+        cardBackgroundLight: string;
+        textMiddle: string;
+        textLight: string;
+        textTabHover: string;
+        textTabInactive: string;
+        textGreenDark: string;
+        textGreenLight: string;
+        textGreen1: string;
+        textGreen2: string;
+        textGreen3: string;
+        textGreenHover: string;
+        textCreateHover: string;
+        textGrayHover: string;
+        txButton: string;
+        obolGreen: string;
+        obolGreenHover: string;
+        obolGreenLight: string;
+        obolDarkDark: string;
+        obolDisabled: string;
+        linkButtonHover: string;
+        coordinate: string;
+        coordinateHover: string;
+        test: string;
+        testHover: string;
+        create: string;
+        createHover: string;
+        light: string;
+        body: string;
+        muted: string;
+        menu: string;
+        bg01: string;
+        bg02: string;
+        bg03: string;
+        bg04: string;
+        bg05: string;
+    };
+    space: {
+        1: string;
+        2: string;
+        xxxs: string;
+        xxs: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+        "4xl": string;
+        "5xl": string;
+        "6xl": string;
+        "7xl": string;
+    };
+    sizes: {
+        1: string;
+        2: string;
+        xxxs: string;
+        xxs: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+        "4xl": string;
+        "5xl": string;
+        "6xl": string;
+        "7xl": string;
+        max: string;
+        min: string;
+        full: string;
+    };
+    radii: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        round: string;
+        pill: string;
+    };
+    fontSizes: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+    };
+    fontWeights: {
+        hairline: number;
+        thin: number;
+        light: number;
+        normal: number;
+        medium: number;
+        semibold: number;
+        bold: number;
+        extrabold: number;
+        black: number;
+    };
+    lineHeights: {
+        normal: string;
+        none: number;
+        shorter: number;
+        short: number;
+        base: number;
+        tall: number;
+        tall2: number;
+        taller: string;
+    };
+    letterSpacings: {
+        tighter: string;
+        tight: string;
+        normal: string;
+        wide: string;
+        wider: string;
+        widest: string;
+    };
+    borderWidths: unknown;
+    borderStyles: unknown;
+    shadows: unknown;
+    zIndices: unknown;
+    transitions: unknown;
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    p: (value: Stitches.PropertyValue<"padding">) => {
+        padding: {
+            readonly [Stitches.$$PropertyValue]: "padding";
+        };
+    };
+    pt: (value: Stitches.PropertyValue<"paddingTop">) => {
+        paddingTop: {
+            readonly [Stitches.$$PropertyValue]: "paddingTop";
+        };
+    };
+    pr: (value: Stitches.PropertyValue<"paddingRight">) => {
+        paddingRight: {
+            readonly [Stitches.$$PropertyValue]: "paddingRight";
+        };
+    };
+    pb: (value: Stitches.PropertyValue<"paddingBottom">) => {
+        paddingBottom: {
+            readonly [Stitches.$$PropertyValue]: "paddingBottom";
+        };
+    };
+    pl: (value: Stitches.PropertyValue<"paddingLeft">) => {
+        paddingLeft: {
+            readonly [Stitches.$$PropertyValue]: "paddingLeft";
+        };
+    };
+    px: (value: Stitches.PropertyValue<"paddingLeft">) => {
+        paddingLeft: {
+            readonly [Stitches.$$PropertyValue]: "paddingLeft";
+        };
+        paddingRight: {
+            readonly [Stitches.$$PropertyValue]: "paddingLeft";
+        };
+    };
+    py: (value: Stitches.PropertyValue<"paddingTop">) => {
+        paddingTop: {
+            readonly [Stitches.$$PropertyValue]: "paddingTop";
+        };
+        paddingBottom: {
+            readonly [Stitches.$$PropertyValue]: "paddingTop";
+        };
+    };
+    m: (value: Stitches.PropertyValue<"margin">) => {
+        margin: {
+            readonly [Stitches.$$PropertyValue]: "margin";
+        };
+    };
+    mt: (value: Stitches.PropertyValue<"marginTop">) => {
+        marginTop: {
+            readonly [Stitches.$$PropertyValue]: "marginTop";
+        };
+    };
+    mr: (value: Stitches.PropertyValue<"marginRight">) => {
+        marginRight: {
+            readonly [Stitches.$$PropertyValue]: "marginRight";
+        };
+    };
+    mb: (value: Stitches.PropertyValue<"marginBottom">) => {
+        marginBottom: {
+            readonly [Stitches.$$PropertyValue]: "marginBottom";
+        };
+    };
+    ml: (value: Stitches.PropertyValue<"marginLeft">) => {
+        marginLeft: {
+            readonly [Stitches.$$PropertyValue]: "marginLeft";
+        };
+    };
+    mx: (value: Stitches.PropertyValue<"marginLeft">) => {
+        marginLeft: {
+            readonly [Stitches.$$PropertyValue]: "marginLeft";
+        };
+        marginRight: {
+            readonly [Stitches.$$PropertyValue]: "marginLeft";
+        };
+    };
+    my: (value: Stitches.PropertyValue<"marginTop">) => {
+        marginTop: {
+            readonly [Stitches.$$PropertyValue]: "marginTop";
+        };
+        marginBottom: {
+            readonly [Stitches.$$PropertyValue]: "marginTop";
+        };
+    };
+    ta: (value: Stitches.PropertyValue<"textAlign">) => {
+        textAlign: {
+            readonly [Stitches.$$PropertyValue]: "textAlign";
+        };
+    };
+    fd: (value: Stitches.PropertyValue<"flexDirection">) => {
+        flexDirection: {
+            readonly [Stitches.$$PropertyValue]: "flexDirection";
+        };
+    };
+    fw: (value: Stitches.PropertyValue<"flexWrap">) => {
+        flexWrap: {
+            readonly [Stitches.$$PropertyValue]: "flexWrap";
+        };
+    };
+    ai: (value: Stitches.PropertyValue<"alignItems">) => {
+        alignItems: {
+            readonly [Stitches.$$PropertyValue]: "alignItems";
+        };
+    };
+    ac: (value: Stitches.PropertyValue<"alignContent">) => {
+        alignContent: {
+            readonly [Stitches.$$PropertyValue]: "alignContent";
+        };
+    };
+    jc: (value: Stitches.PropertyValue<"justifyContent">) => {
+        justifyContent: {
+            readonly [Stitches.$$PropertyValue]: "justifyContent";
+        };
+    };
+    as: (value: Stitches.PropertyValue<"alignSelf">) => {
+        alignSelf: {
+            readonly [Stitches.$$PropertyValue]: "alignSelf";
+        };
+    };
+    fg: (value: Stitches.PropertyValue<"flexGrow">) => {
+        flexGrow: {
+            readonly [Stitches.$$PropertyValue]: "flexGrow";
+        };
+    };
+    fs: (value: Stitches.PropertyValue<"flexShrink">) => {
+        flexShrink: {
+            readonly [Stitches.$$PropertyValue]: "flexShrink";
+        };
+    };
+    fb: (value: Stitches.PropertyValue<"flexBasis">) => {
+        flexBasis: {
+            readonly [Stitches.$$PropertyValue]: "flexBasis";
+        };
+    };
+    bc: (value: Stitches.PropertyValue<"backgroundColor">) => {
+        backgroundColor: {
+            readonly [Stitches.$$PropertyValue]: "backgroundColor";
+        };
+    };
+    br: (value: Stitches.PropertyValue<"borderRadius">) => {
+        borderRadius: {
+            readonly [Stitches.$$PropertyValue]: "borderRadius";
+        };
+    };
+    btrr: (value: Stitches.PropertyValue<"borderTopRightRadius">) => {
+        borderTopRightRadius: {
+            readonly [Stitches.$$PropertyValue]: "borderTopRightRadius";
+        };
+    };
+    bbrr: (value: Stitches.PropertyValue<"borderBottomRightRadius">) => {
+        borderBottomRightRadius: {
+            readonly [Stitches.$$PropertyValue]: "borderBottomRightRadius";
+        };
+    };
+    bblr: (value: Stitches.PropertyValue<"borderBottomLeftRadius">) => {
+        borderBottomLeftRadius: {
+            readonly [Stitches.$$PropertyValue]: "borderBottomLeftRadius";
+        };
+    };
+    btlr: (value: Stitches.PropertyValue<"borderTopLeftRadius">) => {
+        borderTopLeftRadius: {
+            readonly [Stitches.$$PropertyValue]: "borderTopLeftRadius";
+        };
+    };
+    bs: (value: Stitches.PropertyValue<"boxShadow">) => {
+        boxShadow: {
+            readonly [Stitches.$$PropertyValue]: "boxShadow";
+        };
+    };
+    lh: (value: Stitches.PropertyValue<"lineHeight">) => {
+        lineHeight: {
+            readonly [Stitches.$$PropertyValue]: "lineHeight";
+        };
+    };
+    ox: (value: Stitches.PropertyValue<"overflowX">) => {
+        overflowX: {
+            readonly [Stitches.$$PropertyValue]: "overflowX";
+        };
+    };
+    oy: (value: Stitches.PropertyValue<"overflowY">) => {
+        overflowY: {
+            readonly [Stitches.$$PropertyValue]: "overflowY";
+        };
+    };
+    pe: (value: Stitches.PropertyValue<"pointerEvents">) => {
+        pointerEvents: {
+            readonly [Stitches.$$PropertyValue]: "pointerEvents";
+        };
+    };
+    us: (value: Stitches.PropertyValue<"userSelect">) => {
+        WebkitUserSelect: {
+            readonly [Stitches.$$PropertyValue]: "userSelect";
+        };
+        userSelect: {
+            readonly [Stitches.$$PropertyValue]: "userSelect";
+        };
+    };
+    userSelect: (value: Stitches.PropertyValue<"userSelect">) => {
+        WebkitUserSelect: {
+            readonly [Stitches.$$PropertyValue]: "userSelect";
+        };
+        userSelect: {
+            readonly [Stitches.$$PropertyValue]: "userSelect";
+        };
+    };
+    size: (value: Stitches.PropertyValue<"width">) => {
+        width: {
+            readonly [Stitches.$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [Stitches.$$PropertyValue]: "width";
+        };
+    };
+    appearance: (value: Stitches.PropertyValue<"appearance">) => {
+        WebkitAppearance: {
+            readonly [Stitches.$$PropertyValue]: "appearance";
+        };
+        appearance: {
+            readonly [Stitches.$$PropertyValue]: "appearance";
+        };
+    };
+    backgroundClip: (value: Stitches.PropertyValue<"backgroundClip">) => {
+        WebkitBackgroundClip: {
+            readonly [Stitches.$$PropertyValue]: "backgroundClip";
+        };
+        backgroundClip: {
+            readonly [Stitches.$$PropertyValue]: "backgroundClip";
+        };
+    };
+}>>(...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("@stitches/react/types/util").Function | import("react").ExoticComponent<any> | import("react").JSXElementConstructor<any> ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex<CSS_1> & {
+    variants?: {
+        [x: string]: {
+            [x: string]: CSS_1;
+            [x: number]: CSS_1;
+        };
+    } | undefined;
+    compoundVariants?: (("variants" extends keyof Composers[K] ? { [Name in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]> | undefined; } : import("@stitches/react/types/util").WideObject) & {
+        css: CSS_1;
+    })[] | undefined;
+    defaultVariants?: ("variants" extends keyof Composers[K] ? { [Name_1 in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]> | undefined; } : import("@stitches/react/types/util").WideObject) | undefined;
+} & CSS_1 & { [K2 in keyof Composers[K]]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS_1 ? CSS_1[K2] : unknown; }; }) => import("@stitches/react/types/styled-component").CssComponent<import("@stitches/react/types/styled-component").StyledComponentType<Composers>, import("@stitches/react/types/styled-component").StyledComponentProps<Composers>, {
+    motion: "(prefers-reduced-motion)";
+    hover: "(any-hover: hover)";
+    dark: "(prefers-color-scheme: dark)";
+    light: "(prefers-color-scheme: light)";
+    xs: "(max-width: 520px)";
+    sm: "(max-width: 900px)";
+    md: "(max-width: 1200px)";
+    lg: "(max-width: 1800px)";
+}, CSS_1>, 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("@stitches/react/types/css").AtRule.FontFace | import("@stitches/react/types/css").AtRule.FontFace[] : K extends `@keyframes ${string}` ? {
+    [x: string]: import("@stitches/react/types/css-util").CSS<{
+        motion: "(prefers-reduced-motion)";
+        hover: "(any-hover: hover)";
+        dark: "(prefers-color-scheme: dark)";
+        light: "(prefers-color-scheme: light)";
+        xs: "(max-width: 520px)";
+        sm: "(max-width: 900px)";
+        md: "(max-width: 1200px)";
+        lg: "(max-width: 1800px)";
+    }, {
+        colors: {
+            white: string;
+            black: string;
+            lightBackground: string;
+            obolBlue: string;
+            primaryBgDefault: string;
+            primaryBgDefaultHover: string;
+            primaryTextDefault: string;
+            secondaryBgDefault: string;
+            secondaryBgHover: string;
+            grayBgDefault: string;
+            gray2BgDefault: string;
+            neutralDark: string;
+            navButtonBgDefault: string;
+            navButtonBgHover: string;
+            cardBackgroundDark: string;
+            cardBackgroundLight: string;
+            textMiddle: string;
+            textLight: string;
+            textTabHover: string;
+            textTabInactive: string;
+            textGreenDark: string;
+            textGreenLight: string;
+            textGreen1: string;
+            textGreen2: string;
+            textGreen3: string;
+            textGreenHover: string;
+            textCreateHover: string;
+            textGrayHover: string;
+            txButton: string;
+            obolGreen: string;
+            obolGreenHover: string;
+            obolGreenLight: string;
+            obolDarkDark: string;
+            obolDisabled: string;
+            linkButtonHover: string;
+            coordinate: string;
+            coordinateHover: string;
+            test: string;
+            testHover: string;
+            create: string;
+            createHover: string;
+            light: string;
+            body: string;
+            muted: string;
+            menu: string;
+            bg01: string;
+            bg02: string;
+            bg03: string;
+            bg04: string;
+            bg05: string;
+        };
+        space: {
+            1: string;
+            2: string;
+            xxxs: string;
+            xxs: string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            "2xl": string;
+            "3xl": string;
+            "4xl": string;
+            "5xl": string;
+            "6xl": string;
+            "7xl": string;
+        };
+        sizes: {
+            1: string;
+            2: string;
+            xxxs: string;
+            xxs: string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            "2xl": string;
+            "3xl": string;
+            "4xl": string;
+            "5xl": string;
+            "6xl": string;
+            "7xl": string;
+            max: string;
+            min: string;
+            full: string;
+        };
+        radii: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            round: string;
+            pill: string;
+        };
+        fontSizes: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+            10: string;
+        };
+        fontWeights: {
+            hairline: number;
+            thin: number;
+            light: number;
+            normal: number;
+            medium: number;
+            semibold: number;
+            bold: number;
+            extrabold: number;
+            black: number;
+        };
+        lineHeights: {
+            normal: string;
+            none: number;
+            shorter: number;
+            short: number;
+            base: number;
+            tall: number;
+            tall2: number;
+            taller: string;
+        };
+        letterSpacings: {
+            tighter: string;
+            tight: string;
+            normal: string;
+            wide: string;
+            wider: string;
+            widest: string;
+        };
+        borderWidths: unknown;
+        borderStyles: unknown;
+        shadows: unknown;
+        zIndices: unknown;
+        transitions: unknown;
+    }, import("@stitches/react/types/config").DefaultThemeMap, {
+        p: (value: Stitches.PropertyValue<"padding">) => {
+            padding: {
+                readonly [Stitches.$$PropertyValue]: "padding";
+            };
+        };
+        pt: (value: Stitches.PropertyValue<"paddingTop">) => {
+            paddingTop: {
+                readonly [Stitches.$$PropertyValue]: "paddingTop";
+            };
+        };
+        pr: (value: Stitches.PropertyValue<"paddingRight">) => {
+            paddingRight: {
+                readonly [Stitches.$$PropertyValue]: "paddingRight";
+            };
+        };
+        pb: (value: Stitches.PropertyValue<"paddingBottom">) => {
+            paddingBottom: {
+                readonly [Stitches.$$PropertyValue]: "paddingBottom";
+            };
+        };
+        pl: (value: Stitches.PropertyValue<"paddingLeft">) => {
+            paddingLeft: {
+                readonly [Stitches.$$PropertyValue]: "paddingLeft";
+            };
+        };
+        px: (value: Stitches.PropertyValue<"paddingLeft">) => {
+            paddingLeft: {
+                readonly [Stitches.$$PropertyValue]: "paddingLeft";
+            };
+            paddingRight: {
+                readonly [Stitches.$$PropertyValue]: "paddingLeft";
+            };
+        };
+        py: (value: Stitches.PropertyValue<"paddingTop">) => {
+            paddingTop: {
+                readonly [Stitches.$$PropertyValue]: "paddingTop";
+            };
+            paddingBottom: {
+                readonly [Stitches.$$PropertyValue]: "paddingTop";
+            };
+        };
+        m: (value: Stitches.PropertyValue<"margin">) => {
+            margin: {
+                readonly [Stitches.$$PropertyValue]: "margin";
+            };
+        };
+        mt: (value: Stitches.PropertyValue<"marginTop">) => {
+            marginTop: {
+                readonly [Stitches.$$PropertyValue]: "marginTop";
+            };
+        };
+        mr: (value: Stitches.PropertyValue<"marginRight">) => {
+            marginRight: {
+                readonly [Stitches.$$PropertyValue]: "marginRight";
+            };
+        };
+        mb: (value: Stitches.PropertyValue<"marginBottom">) => {
+            marginBottom: {
+                readonly [Stitches.$$PropertyValue]: "marginBottom";
+            };
+        };
+        ml: (value: Stitches.PropertyValue<"marginLeft">) => {
+            marginLeft: {
+                readonly [Stitches.$$PropertyValue]: "marginLeft";
+            };
+        };
+        mx: (value: Stitches.PropertyValue<"marginLeft">) => {
+            marginLeft: {
+                readonly [Stitches.$$PropertyValue]: "marginLeft";
+            };
+            marginRight: {
+                readonly [Stitches.$$PropertyValue]: "marginLeft";
+            };
+        };
+        my: (value: Stitches.PropertyValue<"marginTop">) => {
+            marginTop: {
+                readonly [Stitches.$$PropertyValue]: "marginTop";
+            };
+            marginBottom: {
+                readonly [Stitches.$$PropertyValue]: "marginTop";
+            };
+        };
+        ta: (value: Stitches.PropertyValue<"textAlign">) => {
+            textAlign: {
+                readonly [Stitches.$$PropertyValue]: "textAlign";
+            };
+        };
+        fd: (value: Stitches.PropertyValue<"flexDirection">) => {
+            flexDirection: {
+                readonly [Stitches.$$PropertyValue]: "flexDirection";
+            };
+        };
+        fw: (value: Stitches.PropertyValue<"flexWrap">) => {
+            flexWrap: {
+                readonly [Stitches.$$PropertyValue]: "flexWrap";
+            };
+        };
+        ai: (value: Stitches.PropertyValue<"alignItems">) => {
+            alignItems: {
+                readonly [Stitches.$$PropertyValue]: "alignItems";
+            };
+        };
+        ac: (value: Stitches.PropertyValue<"alignContent">) => {
+            alignContent: {
+                readonly [Stitches.$$PropertyValue]: "alignContent";
+            };
+        };
+        jc: (value: Stitches.PropertyValue<"justifyContent">) => {
+            justifyContent: {
+                readonly [Stitches.$$PropertyValue]: "justifyContent";
+            };
+        };
+        as: (value: Stitches.PropertyValue<"alignSelf">) => {
+            alignSelf: {
+                readonly [Stitches.$$PropertyValue]: "alignSelf";
+            };
+        };
+        fg: (value: Stitches.PropertyValue<"flexGrow">) => {
+            flexGrow: {
+                readonly [Stitches.$$PropertyValue]: "flexGrow";
+            };
+        };
+        fs: (value: Stitches.PropertyValue<"flexShrink">) => {
+            flexShrink: {
+                readonly [Stitches.$$PropertyValue]: "flexShrink";
+            };
+        };
+        fb: (value: Stitches.PropertyValue<"flexBasis">) => {
+            flexBasis: {
+                readonly [Stitches.$$PropertyValue]: "flexBasis";
+            };
+        };
+        bc: (value: Stitches.PropertyValue<"backgroundColor">) => {
+            backgroundColor: {
+                readonly [Stitches.$$PropertyValue]: "backgroundColor";
+            };
+        };
+        br: (value: Stitches.PropertyValue<"borderRadius">) => {
+            borderRadius: {
+                readonly [Stitches.$$PropertyValue]: "borderRadius";
+            };
+        };
+        btrr: (value: Stitches.PropertyValue<"borderTopRightRadius">) => {
+            borderTopRightRadius: {
+                readonly [Stitches.$$PropertyValue]: "borderTopRightRadius";
+            };
+        };
+        bbrr: (value: Stitches.PropertyValue<"borderBottomRightRadius">) => {
+            borderBottomRightRadius: {
+                readonly [Stitches.$$PropertyValue]: "borderBottomRightRadius";
+            };
+        };
+        bblr: (value: Stitches.PropertyValue<"borderBottomLeftRadius">) => {
+            borderBottomLeftRadius: {
+                readonly [Stitches.$$PropertyValue]: "borderBottomLeftRadius";
+            };
+        };
+        btlr: (value: Stitches.PropertyValue<"borderTopLeftRadius">) => {
+            borderTopLeftRadius: {
+                readonly [Stitches.$$PropertyValue]: "borderTopLeftRadius";
+            };
+        };
+        bs: (value: Stitches.PropertyValue<"boxShadow">) => {
+            boxShadow: {
+                readonly [Stitches.$$PropertyValue]: "boxShadow";
+            };
+        };
+        lh: (value: Stitches.PropertyValue<"lineHeight">) => {
+            lineHeight: {
+                readonly [Stitches.$$PropertyValue]: "lineHeight";
+            };
+        };
+        ox: (value: Stitches.PropertyValue<"overflowX">) => {
+            overflowX: {
+                readonly [Stitches.$$PropertyValue]: "overflowX";
+            };
+        };
+        oy: (value: Stitches.PropertyValue<"overflowY">) => {
+            overflowY: {
+                readonly [Stitches.$$PropertyValue]: "overflowY";
+            };
+        };
+        pe: (value: Stitches.PropertyValue<"pointerEvents">) => {
+            pointerEvents: {
+                readonly [Stitches.$$PropertyValue]: "pointerEvents";
+            };
+        };
+        us: (value: Stitches.PropertyValue<"userSelect">) => {
+            WebkitUserSelect: {
+                readonly [Stitches.$$PropertyValue]: "userSelect";
+            };
+            userSelect: {
+                readonly [Stitches.$$PropertyValue]: "userSelect";
+            };
+        };
+        userSelect: (value: Stitches.PropertyValue<"userSelect">) => {
+            WebkitUserSelect: {
+                readonly [Stitches.$$PropertyValue]: "userSelect";
+            };
+            userSelect: {
+                readonly [Stitches.$$PropertyValue]: "userSelect";
+            };
+        };
+        size: (value: Stitches.PropertyValue<"width">) => {
+            width: {
+                readonly [Stitches.$$PropertyValue]: "width";
+            };
+            height: {
+                readonly [Stitches.$$PropertyValue]: "width";
+            };
+        };
+        appearance: (value: Stitches.PropertyValue<"appearance">) => {
+            WebkitAppearance: {
+                readonly [Stitches.$$PropertyValue]: "appearance";
+            };
+            appearance: {
+                readonly [Stitches.$$PropertyValue]: "appearance";
+            };
+        };
+        backgroundClip: (value: Stitches.PropertyValue<"backgroundClip">) => {
+            WebkitBackgroundClip: {
+                readonly [Stitches.$$PropertyValue]: "backgroundClip";
+            };
+            backgroundClip: {
+                readonly [Stitches.$$PropertyValue]: "backgroundClip";
+            };
+        };
+    }>;
+} : K extends `@property ${string}` ? import("@stitches/react/types/css").AtRule.Property : import("@stitches/react/types/css-util").CSS<{
+    motion: "(prefers-reduced-motion)";
+    hover: "(any-hover: hover)";
+    dark: "(prefers-color-scheme: dark)";
+    light: "(prefers-color-scheme: light)";
+    xs: "(max-width: 520px)";
+    sm: "(max-width: 900px)";
+    md: "(max-width: 1200px)";
+    lg: "(max-width: 1800px)";
+}, {
+    colors: {
+        white: string;
+        black: string;
+        lightBackground: string;
+        obolBlue: string;
+        primaryBgDefault: string;
+        primaryBgDefaultHover: string;
+        primaryTextDefault: string;
+        secondaryBgDefault: string;
+        secondaryBgHover: string;
+        grayBgDefault: string;
+        gray2BgDefault: string;
+        neutralDark: string;
+        navButtonBgDefault: string;
+        navButtonBgHover: string;
+        cardBackgroundDark: string;
+        cardBackgroundLight: string;
+        textMiddle: string;
+        textLight: string;
+        textTabHover: string;
+        textTabInactive: string;
+        textGreenDark: string;
+        textGreenLight: string;
+        textGreen1: string;
+        textGreen2: string;
+        textGreen3: string;
+        textGreenHover: string;
+        textCreateHover: string;
+        textGrayHover: string;
+        txButton: string;
+        obolGreen: string;
+        obolGreenHover: string;
+        obolGreenLight: string;
+        obolDarkDark: string;
+        obolDisabled: string;
+        linkButtonHover: string;
+        coordinate: string;
+        coordinateHover: string;
+        test: string;
+        testHover: string;
+        create: string;
+        createHover: string;
+        light: string;
+        body: string;
+        muted: string;
+        menu: string;
+        bg01: string;
+        bg02: string;
+        bg03: string;
+        bg04: string;
+        bg05: string;
+    };
+    space: {
+        1: string;
+        2: string;
+        xxxs: string;
+        xxs: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+        "4xl": string;
+        "5xl": string;
+        "6xl": string;
+        "7xl": string;
+    };
+    sizes: {
+        1: string;
+        2: string;
+        xxxs: string;
+        xxs: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+        "4xl": string;
+        "5xl": string;
+        "6xl": string;
+        "7xl": string;
+        max: string;
+        min: string;
+        full: string;
+    };
+    radii: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        round: string;
+        pill: string;
+    };
+    fontSizes: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+    };
+    fontWeights: {
+        hairline: number;
+        thin: number;
+        light: number;
+        normal: number;
+        medium: number;
+        semibold: number;
+        bold: number;
+        extrabold: number;
+        black: number;
+    };
+    lineHeights: {
+        normal: string;
+        none: number;
+        shorter: number;
+        short: number;
+        base: number;
+        tall: number;
+        tall2: number;
+        taller: string;
+    };
+    letterSpacings: {
+        tighter: string;
+        tight: string;
+        normal: string;
+        wide: string;
+        wider: string;
+        widest: string;
+    };
+    borderWidths: unknown;
+    borderStyles: unknown;
+    shadows: unknown;
+    zIndices: unknown;
+    transitions: unknown;
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    p: (value: Stitches.PropertyValue<"padding">) => {
+        padding: {
+            readonly [Stitches.$$PropertyValue]: "padding";
+        };
+    };
+    pt: (value: Stitches.PropertyValue<"paddingTop">) => {
+        paddingTop: {
+            readonly [Stitches.$$PropertyValue]: "paddingTop";
+        };
+    };
+    pr: (value: Stitches.PropertyValue<"paddingRight">) => {
+        paddingRight: {
+            readonly [Stitches.$$PropertyValue]: "paddingRight";
+        };
+    };
+    pb: (value: Stitches.PropertyValue<"paddingBottom">) => {
+        paddingBottom: {
+            readonly [Stitches.$$PropertyValue]: "paddingBottom";
+        };
+    };
+    pl: (value: Stitches.PropertyValue<"paddingLeft">) => {
+        paddingLeft: {
+            readonly [Stitches.$$PropertyValue]: "paddingLeft";
+        };
+    };
+    px: (value: Stitches.PropertyValue<"paddingLeft">) => {
+        paddingLeft: {
+            readonly [Stitches.$$PropertyValue]: "paddingLeft";
+        };
+        paddingRight: {
+            readonly [Stitches.$$PropertyValue]: "paddingLeft";
+        };
+    };
+    py: (value: Stitches.PropertyValue<"paddingTop">) => {
+        paddingTop: {
+            readonly [Stitches.$$PropertyValue]: "paddingTop";
+        };
+        paddingBottom: {
+            readonly [Stitches.$$PropertyValue]: "paddingTop";
+        };
+    };
+    m: (value: Stitches.PropertyValue<"margin">) => {
+        margin: {
+            readonly [Stitches.$$PropertyValue]: "margin";
+        };
+    };
+    mt: (value: Stitches.PropertyValue<"marginTop">) => {
+        marginTop: {
+            readonly [Stitches.$$PropertyValue]: "marginTop";
+        };
+    };
+    mr: (value: Stitches.PropertyValue<"marginRight">) => {
+        marginRight: {
+            readonly [Stitches.$$PropertyValue]: "marginRight";
+        };
+    };
+    mb: (value: Stitches.PropertyValue<"marginBottom">) => {
+        marginBottom: {
+            readonly [Stitches.$$PropertyValue]: "marginBottom";
+        };
+    };
+    ml: (value: Stitches.PropertyValue<"marginLeft">) => {
+        marginLeft: {
+            readonly [Stitches.$$PropertyValue]: "marginLeft";
+        };
+    };
+    mx: (value: Stitches.PropertyValue<"marginLeft">) => {
+        marginLeft: {
+            readonly [Stitches.$$PropertyValue]: "marginLeft";
+        };
+        marginRight: {
+            readonly [Stitches.$$PropertyValue]: "marginLeft";
+        };
+    };
+    my: (value: Stitches.PropertyValue<"marginTop">) => {
+        marginTop: {
+            readonly [Stitches.$$PropertyValue]: "marginTop";
+        };
+        marginBottom: {
+            readonly [Stitches.$$PropertyValue]: "marginTop";
+        };
+    };
+    ta: (value: Stitches.PropertyValue<"textAlign">) => {
+        textAlign: {
+            readonly [Stitches.$$PropertyValue]: "textAlign";
+        };
+    };
+    fd: (value: Stitches.PropertyValue<"flexDirection">) => {
+        flexDirection: {
+            readonly [Stitches.$$PropertyValue]: "flexDirection";
+        };
+    };
+    fw: (value: Stitches.PropertyValue<"flexWrap">) => {
+        flexWrap: {
+            readonly [Stitches.$$PropertyValue]: "flexWrap";
+        };
+    };
+    ai: (value: Stitches.PropertyValue<"alignItems">) => {
+        alignItems: {
+            readonly [Stitches.$$PropertyValue]: "alignItems";
+        };
+    };
+    ac: (value: Stitches.PropertyValue<"alignContent">) => {
+        alignContent: {
+            readonly [Stitches.$$PropertyValue]: "alignContent";
+        };
+    };
+    jc: (value: Stitches.PropertyValue<"justifyContent">) => {
+        justifyContent: {
+            readonly [Stitches.$$PropertyValue]: "justifyContent";
+        };
+    };
+    as: (value: Stitches.PropertyValue<"alignSelf">) => {
+        alignSelf: {
+            readonly [Stitches.$$PropertyValue]: "alignSelf";
+        };
+    };
+    fg: (value: Stitches.PropertyValue<"flexGrow">) => {
+        flexGrow: {
+            readonly [Stitches.$$PropertyValue]: "flexGrow";
+        };
+    };
+    fs: (value: Stitches.PropertyValue<"flexShrink">) => {
+        flexShrink: {
+            readonly [Stitches.$$PropertyValue]: "flexShrink";
+        };
+    };
+    fb: (value: Stitches.PropertyValue<"flexBasis">) => {
+        flexBasis: {
+            readonly [Stitches.$$PropertyValue]: "flexBasis";
+        };
+    };
+    bc: (value: Stitches.PropertyValue<"backgroundColor">) => {
+        backgroundColor: {
+            readonly [Stitches.$$PropertyValue]: "backgroundColor";
+        };
+    };
+    br: (value: Stitches.PropertyValue<"borderRadius">) => {
+        borderRadius: {
+            readonly [Stitches.$$PropertyValue]: "borderRadius";
+        };
+    };
+    btrr: (value: Stitches.PropertyValue<"borderTopRightRadius">) => {
+        borderTopRightRadius: {
+            readonly [Stitches.$$PropertyValue]: "borderTopRightRadius";
+        };
+    };
+    bbrr: (value: Stitches.PropertyValue<"borderBottomRightRadius">) => {
+        borderBottomRightRadius: {
+            readonly [Stitches.$$PropertyValue]: "borderBottomRightRadius";
+        };
+    };
+    bblr: (value: Stitches.PropertyValue<"borderBottomLeftRadius">) => {
+        borderBottomLeftRadius: {
+            readonly [Stitches.$$PropertyValue]: "borderBottomLeftRadius";
+        };
+    };
+    btlr: (value: Stitches.PropertyValue<"borderTopLeftRadius">) => {
+        borderTopLeftRadius: {
+            readonly [Stitches.$$PropertyValue]: "borderTopLeftRadius";
+        };
+    };
+    bs: (value: Stitches.PropertyValue<"boxShadow">) => {
+        boxShadow: {
+            readonly [Stitches.$$PropertyValue]: "boxShadow";
+        };
+    };
+    lh: (value: Stitches.PropertyValue<"lineHeight">) => {
+        lineHeight: {
+            readonly [Stitches.$$PropertyValue]: "lineHeight";
+        };
+    };
+    ox: (value: Stitches.PropertyValue<"overflowX">) => {
+        overflowX: {
+            readonly [Stitches.$$PropertyValue]: "overflowX";
+        };
+    };
+    oy: (value: Stitches.PropertyValue<"overflowY">) => {
+        overflowY: {
+            readonly [Stitches.$$PropertyValue]: "overflowY";
+        };
+    };
+    pe: (value: Stitches.PropertyValue<"pointerEvents">) => {
+        pointerEvents: {
+            readonly [Stitches.$$PropertyValue]: "pointerEvents";
+        };
+    };
+    us: (value: Stitches.PropertyValue<"userSelect">) => {
+        WebkitUserSelect: {
+            readonly [Stitches.$$PropertyValue]: "userSelect";
+        };
+        userSelect: {
+            readonly [Stitches.$$PropertyValue]: "userSelect";
+        };
+    };
+    userSelect: (value: Stitches.PropertyValue<"userSelect">) => {
+        WebkitUserSelect: {
+            readonly [Stitches.$$PropertyValue]: "userSelect";
+        };
+        userSelect: {
+            readonly [Stitches.$$PropertyValue]: "userSelect";
+        };
+    };
+    size: (value: Stitches.PropertyValue<"width">) => {
+        width: {
+            readonly [Stitches.$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [Stitches.$$PropertyValue]: "width";
+        };
+    };
+    appearance: (value: Stitches.PropertyValue<"appearance">) => {
+        WebkitAppearance: {
+            readonly [Stitches.$$PropertyValue]: "appearance";
+        };
+        appearance: {
+            readonly [Stitches.$$PropertyValue]: "appearance";
+        };
+    };
+    backgroundClip: (value: Stitches.PropertyValue<"backgroundClip">) => {
+        WebkitBackgroundClip: {
+            readonly [Stitches.$$PropertyValue]: "backgroundClip";
+        };
+        backgroundClip: {
+            readonly [Stitches.$$PropertyValue]: "backgroundClip";
+        };
+    };
+}>; })[]) => () => string, keyframes: (style: {
+    [offset: string]: import("@stitches/react/types/css-util").CSS<{
+        motion: "(prefers-reduced-motion)";
+        hover: "(any-hover: hover)";
+        dark: "(prefers-color-scheme: dark)";
+        light: "(prefers-color-scheme: light)";
+        xs: "(max-width: 520px)";
+        sm: "(max-width: 900px)";
+        md: "(max-width: 1200px)";
+        lg: "(max-width: 1800px)";
+    }, {
+        colors: {
+            white: string;
+            black: string;
+            lightBackground: string;
+            obolBlue: string;
+            primaryBgDefault: string;
+            primaryBgDefaultHover: string;
+            primaryTextDefault: string;
+            secondaryBgDefault: string;
+            secondaryBgHover: string;
+            grayBgDefault: string;
+            gray2BgDefault: string;
+            neutralDark: string;
+            navButtonBgDefault: string;
+            navButtonBgHover: string;
+            cardBackgroundDark: string;
+            cardBackgroundLight: string;
+            textMiddle: string;
+            textLight: string;
+            textTabHover: string;
+            textTabInactive: string;
+            textGreenDark: string;
+            textGreenLight: string;
+            textGreen1: string;
+            textGreen2: string;
+            textGreen3: string;
+            textGreenHover: string;
+            textCreateHover: string;
+            textGrayHover: string;
+            txButton: string;
+            obolGreen: string;
+            obolGreenHover: string;
+            obolGreenLight: string;
+            obolDarkDark: string;
+            obolDisabled: string;
+            linkButtonHover: string;
+            coordinate: string;
+            coordinateHover: string;
+            test: string;
+            testHover: string;
+            create: string;
+            createHover: string;
+            light: string;
+            body: string;
+            muted: string;
+            menu: string;
+            bg01: string;
+            bg02: string;
+            bg03: string;
+            bg04: string;
+            bg05: string;
+        };
+        space: {
+            1: string;
+            2: string;
+            xxxs: string;
+            xxs: string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            "2xl": string;
+            "3xl": string;
+            "4xl": string;
+            "5xl": string;
+            "6xl": string;
+            "7xl": string;
+        };
+        sizes: {
+            1: string;
+            2: string;
+            xxxs: string;
+            xxs: string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            "2xl": string;
+            "3xl": string;
+            "4xl": string;
+            "5xl": string;
+            "6xl": string;
+            "7xl": string;
+            max: string;
+            min: string;
+            full: string;
+        };
+        radii: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            round: string;
+            pill: string;
+        };
+        fontSizes: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+            10: string;
+        };
+        fontWeights: {
+            hairline: number;
+            thin: number;
+            light: number;
+            normal: number;
+            medium: number;
+            semibold: number;
+            bold: number;
+            extrabold: number;
+            black: number;
+        };
+        lineHeights: {
+            normal: string;
+            none: number;
+            shorter: number;
+            short: number;
+            base: number;
+            tall: number;
+            tall2: number;
+            taller: string;
+        };
+        letterSpacings: {
+            tighter: string;
+            tight: string;
+            normal: string;
+            wide: string;
+            wider: string;
+            widest: string;
+        };
+        borderWidths: unknown;
+        borderStyles: unknown;
+        shadows: unknown;
+        zIndices: unknown;
+        transitions: unknown;
+    }, import("@stitches/react/types/config").DefaultThemeMap, {
+        p: (value: Stitches.PropertyValue<"padding">) => {
+            padding: {
+                readonly [Stitches.$$PropertyValue]: "padding";
+            };
+        };
+        pt: (value: Stitches.PropertyValue<"paddingTop">) => {
+            paddingTop: {
+                readonly [Stitches.$$PropertyValue]: "paddingTop";
+            };
+        };
+        pr: (value: Stitches.PropertyValue<"paddingRight">) => {
+            paddingRight: {
+                readonly [Stitches.$$PropertyValue]: "paddingRight";
+            };
+        };
+        pb: (value: Stitches.PropertyValue<"paddingBottom">) => {
+            paddingBottom: {
+                readonly [Stitches.$$PropertyValue]: "paddingBottom";
+            };
+        };
+        pl: (value: Stitches.PropertyValue<"paddingLeft">) => {
+            paddingLeft: {
+                readonly [Stitches.$$PropertyValue]: "paddingLeft";
+            };
+        };
+        px: (value: Stitches.PropertyValue<"paddingLeft">) => {
+            paddingLeft: {
+                readonly [Stitches.$$PropertyValue]: "paddingLeft";
+            };
+            paddingRight: {
+                readonly [Stitches.$$PropertyValue]: "paddingLeft";
+            };
+        };
+        py: (value: Stitches.PropertyValue<"paddingTop">) => {
+            paddingTop: {
+                readonly [Stitches.$$PropertyValue]: "paddingTop";
+            };
+            paddingBottom: {
+                readonly [Stitches.$$PropertyValue]: "paddingTop";
+            };
+        };
+        m: (value: Stitches.PropertyValue<"margin">) => {
+            margin: {
+                readonly [Stitches.$$PropertyValue]: "margin";
+            };
+        };
+        mt: (value: Stitches.PropertyValue<"marginTop">) => {
+            marginTop: {
+                readonly [Stitches.$$PropertyValue]: "marginTop";
+            };
+        };
+        mr: (value: Stitches.PropertyValue<"marginRight">) => {
+            marginRight: {
+                readonly [Stitches.$$PropertyValue]: "marginRight";
+            };
+        };
+        mb: (value: Stitches.PropertyValue<"marginBottom">) => {
+            marginBottom: {
+                readonly [Stitches.$$PropertyValue]: "marginBottom";
+            };
+        };
+        ml: (value: Stitches.PropertyValue<"marginLeft">) => {
+            marginLeft: {
+                readonly [Stitches.$$PropertyValue]: "marginLeft";
+            };
+        };
+        mx: (value: Stitches.PropertyValue<"marginLeft">) => {
+            marginLeft: {
+                readonly [Stitches.$$PropertyValue]: "marginLeft";
+            };
+            marginRight: {
+                readonly [Stitches.$$PropertyValue]: "marginLeft";
+            };
+        };
+        my: (value: Stitches.PropertyValue<"marginTop">) => {
+            marginTop: {
+                readonly [Stitches.$$PropertyValue]: "marginTop";
+            };
+            marginBottom: {
+                readonly [Stitches.$$PropertyValue]: "marginTop";
+            };
+        };
+        ta: (value: Stitches.PropertyValue<"textAlign">) => {
+            textAlign: {
+                readonly [Stitches.$$PropertyValue]: "textAlign";
+            };
+        };
+        fd: (value: Stitches.PropertyValue<"flexDirection">) => {
+            flexDirection: {
+                readonly [Stitches.$$PropertyValue]: "flexDirection";
+            };
+        };
+        fw: (value: Stitches.PropertyValue<"flexWrap">) => {
+            flexWrap: {
+                readonly [Stitches.$$PropertyValue]: "flexWrap";
+            };
+        };
+        ai: (value: Stitches.PropertyValue<"alignItems">) => {
+            alignItems: {
+                readonly [Stitches.$$PropertyValue]: "alignItems";
+            };
+        };
+        ac: (value: Stitches.PropertyValue<"alignContent">) => {
+            alignContent: {
+                readonly [Stitches.$$PropertyValue]: "alignContent";
+            };
+        };
+        jc: (value: Stitches.PropertyValue<"justifyContent">) => {
+            justifyContent: {
+                readonly [Stitches.$$PropertyValue]: "justifyContent";
+            };
+        };
+        as: (value: Stitches.PropertyValue<"alignSelf">) => {
+            alignSelf: {
+                readonly [Stitches.$$PropertyValue]: "alignSelf";
+            };
+        };
+        fg: (value: Stitches.PropertyValue<"flexGrow">) => {
+            flexGrow: {
+                readonly [Stitches.$$PropertyValue]: "flexGrow";
+            };
+        };
+        fs: (value: Stitches.PropertyValue<"flexShrink">) => {
+            flexShrink: {
+                readonly [Stitches.$$PropertyValue]: "flexShrink";
+            };
+        };
+        fb: (value: Stitches.PropertyValue<"flexBasis">) => {
+            flexBasis: {
+                readonly [Stitches.$$PropertyValue]: "flexBasis";
+            };
+        };
+        bc: (value: Stitches.PropertyValue<"backgroundColor">) => {
+            backgroundColor: {
+                readonly [Stitches.$$PropertyValue]: "backgroundColor";
+            };
+        };
+        br: (value: Stitches.PropertyValue<"borderRadius">) => {
+            borderRadius: {
+                readonly [Stitches.$$PropertyValue]: "borderRadius";
+            };
+        };
+        btrr: (value: Stitches.PropertyValue<"borderTopRightRadius">) => {
+            borderTopRightRadius: {
+                readonly [Stitches.$$PropertyValue]: "borderTopRightRadius";
+            };
+        };
+        bbrr: (value: Stitches.PropertyValue<"borderBottomRightRadius">) => {
+            borderBottomRightRadius: {
+                readonly [Stitches.$$PropertyValue]: "borderBottomRightRadius";
+            };
+        };
+        bblr: (value: Stitches.PropertyValue<"borderBottomLeftRadius">) => {
+            borderBottomLeftRadius: {
+                readonly [Stitches.$$PropertyValue]: "borderBottomLeftRadius";
+            };
+        };
+        btlr: (value: Stitches.PropertyValue<"borderTopLeftRadius">) => {
+            borderTopLeftRadius: {
+                readonly [Stitches.$$PropertyValue]: "borderTopLeftRadius";
+            };
+        };
+        bs: (value: Stitches.PropertyValue<"boxShadow">) => {
+            boxShadow: {
+                readonly [Stitches.$$PropertyValue]: "boxShadow";
+            };
+        };
+        lh: (value: Stitches.PropertyValue<"lineHeight">) => {
+            lineHeight: {
+                readonly [Stitches.$$PropertyValue]: "lineHeight";
+            };
+        };
+        ox: (value: Stitches.PropertyValue<"overflowX">) => {
+            overflowX: {
+                readonly [Stitches.$$PropertyValue]: "overflowX";
+            };
+        };
+        oy: (value: Stitches.PropertyValue<"overflowY">) => {
+            overflowY: {
+                readonly [Stitches.$$PropertyValue]: "overflowY";
+            };
+        };
+        pe: (value: Stitches.PropertyValue<"pointerEvents">) => {
+            pointerEvents: {
+                readonly [Stitches.$$PropertyValue]: "pointerEvents";
+            };
+        };
+        us: (value: Stitches.PropertyValue<"userSelect">) => {
+            WebkitUserSelect: {
+                readonly [Stitches.$$PropertyValue]: "userSelect";
+            };
+            userSelect: {
+                readonly [Stitches.$$PropertyValue]: "userSelect";
+            };
+        };
+        userSelect: (value: Stitches.PropertyValue<"userSelect">) => {
+            WebkitUserSelect: {
+                readonly [Stitches.$$PropertyValue]: "userSelect";
+            };
+            userSelect: {
+                readonly [Stitches.$$PropertyValue]: "userSelect";
+            };
+        };
+        size: (value: Stitches.PropertyValue<"width">) => {
+            width: {
+                readonly [Stitches.$$PropertyValue]: "width";
+            };
+            height: {
+                readonly [Stitches.$$PropertyValue]: "width";
+            };
+        };
+        appearance: (value: Stitches.PropertyValue<"appearance">) => {
+            WebkitAppearance: {
+                readonly [Stitches.$$PropertyValue]: "appearance";
+            };
+            appearance: {
+                readonly [Stitches.$$PropertyValue]: "appearance";
+            };
+        };
+        backgroundClip: (value: Stitches.PropertyValue<"backgroundClip">) => {
+            WebkitBackgroundClip: {
+                readonly [Stitches.$$PropertyValue]: "backgroundClip";
+            };
+            backgroundClip: {
+                readonly [Stitches.$$PropertyValue]: "backgroundClip";
+            };
+        };
+    }>;
+}) => {
+    (): string;
+    name: string;
+}, getCssText: () => string, theme: string & {
+    className: string;
+    selector: string;
+} & {
+    colors: {
+        white: import("@stitches/react/types/theme").Token<"white", string, "colors", "">;
+        black: import("@stitches/react/types/theme").Token<"black", string, "colors", "">;
+        lightBackground: import("@stitches/react/types/theme").Token<"lightBackground", string, "colors", "">;
+        obolBlue: import("@stitches/react/types/theme").Token<"obolBlue", string, "colors", "">;
+        primaryBgDefault: import("@stitches/react/types/theme").Token<"primaryBgDefault", string, "colors", "">;
+        primaryBgDefaultHover: import("@stitches/react/types/theme").Token<"primaryBgDefaultHover", string, "colors", "">;
+        primaryTextDefault: import("@stitches/react/types/theme").Token<"primaryTextDefault", string, "colors", "">;
+        secondaryBgDefault: import("@stitches/react/types/theme").Token<"secondaryBgDefault", string, "colors", "">;
+        secondaryBgHover: import("@stitches/react/types/theme").Token<"secondaryBgHover", string, "colors", "">;
+        grayBgDefault: import("@stitches/react/types/theme").Token<"grayBgDefault", string, "colors", "">;
+        gray2BgDefault: import("@stitches/react/types/theme").Token<"gray2BgDefault", string, "colors", "">;
+        neutralDark: import("@stitches/react/types/theme").Token<"neutralDark", string, "colors", "">;
+        navButtonBgDefault: import("@stitches/react/types/theme").Token<"navButtonBgDefault", string, "colors", "">;
+        navButtonBgHover: import("@stitches/react/types/theme").Token<"navButtonBgHover", string, "colors", "">;
+        cardBackgroundDark: import("@stitches/react/types/theme").Token<"cardBackgroundDark", string, "colors", "">;
+        cardBackgroundLight: import("@stitches/react/types/theme").Token<"cardBackgroundLight", string, "colors", "">;
+        textMiddle: import("@stitches/react/types/theme").Token<"textMiddle", string, "colors", "">;
+        textLight: import("@stitches/react/types/theme").Token<"textLight", string, "colors", "">;
+        textTabHover: import("@stitches/react/types/theme").Token<"textTabHover", string, "colors", "">;
+        textTabInactive: import("@stitches/react/types/theme").Token<"textTabInactive", string, "colors", "">;
+        textGreenDark: import("@stitches/react/types/theme").Token<"textGreenDark", string, "colors", "">;
+        textGreenLight: import("@stitches/react/types/theme").Token<"textGreenLight", string, "colors", "">;
+        textGreen1: import("@stitches/react/types/theme").Token<"textGreen1", string, "colors", "">;
+        textGreen2: import("@stitches/react/types/theme").Token<"textGreen2", string, "colors", "">;
+        textGreen3: import("@stitches/react/types/theme").Token<"textGreen3", string, "colors", "">;
+        textGreenHover: import("@stitches/react/types/theme").Token<"textGreenHover", string, "colors", "">;
+        textCreateHover: import("@stitches/react/types/theme").Token<"textCreateHover", string, "colors", "">;
+        textGrayHover: import("@stitches/react/types/theme").Token<"textGrayHover", string, "colors", "">;
+        txButton: import("@stitches/react/types/theme").Token<"txButton", string, "colors", "">;
+        obolGreen: import("@stitches/react/types/theme").Token<"obolGreen", string, "colors", "">;
+        obolGreenHover: import("@stitches/react/types/theme").Token<"obolGreenHover", string, "colors", "">;
+        obolGreenLight: import("@stitches/react/types/theme").Token<"obolGreenLight", string, "colors", "">;
+        obolDarkDark: import("@stitches/react/types/theme").Token<"obolDarkDark", string, "colors", "">;
+        obolDisabled: import("@stitches/react/types/theme").Token<"obolDisabled", string, "colors", "">;
+        linkButtonHover: import("@stitches/react/types/theme").Token<"linkButtonHover", string, "colors", "">;
+        coordinate: import("@stitches/react/types/theme").Token<"coordinate", string, "colors", "">;
+        coordinateHover: import("@stitches/react/types/theme").Token<"coordinateHover", string, "colors", "">;
+        test: import("@stitches/react/types/theme").Token<"test", string, "colors", "">;
+        testHover: import("@stitches/react/types/theme").Token<"testHover", string, "colors", "">;
+        create: import("@stitches/react/types/theme").Token<"create", string, "colors", "">;
+        createHover: import("@stitches/react/types/theme").Token<"createHover", string, "colors", "">;
+        light: import("@stitches/react/types/theme").Token<"light", string, "colors", "">;
+        body: import("@stitches/react/types/theme").Token<"body", string, "colors", "">;
+        muted: import("@stitches/react/types/theme").Token<"muted", string, "colors", "">;
+        menu: import("@stitches/react/types/theme").Token<"menu", string, "colors", "">;
+        bg01: import("@stitches/react/types/theme").Token<"bg01", string, "colors", "">;
+        bg02: import("@stitches/react/types/theme").Token<"bg02", string, "colors", "">;
+        bg03: import("@stitches/react/types/theme").Token<"bg03", string, "colors", "">;
+        bg04: import("@stitches/react/types/theme").Token<"bg04", string, "colors", "">;
+        bg05: import("@stitches/react/types/theme").Token<"bg05", string, "colors", "">;
+    };
+    space: {
+        1: import("@stitches/react/types/theme").Token<"1", string, "space", "">;
+        2: import("@stitches/react/types/theme").Token<"2", string, "space", "">;
+        xxxs: import("@stitches/react/types/theme").Token<"xxxs", string, "space", "">;
+        xxs: import("@stitches/react/types/theme").Token<"xxs", string, "space", "">;
+        xs: import("@stitches/react/types/theme").Token<"xs", string, "space", "">;
+        sm: import("@stitches/react/types/theme").Token<"sm", string, "space", "">;
+        md: import("@stitches/react/types/theme").Token<"md", string, "space", "">;
+        lg: import("@stitches/react/types/theme").Token<"lg", string, "space", "">;
+        xl: import("@stitches/react/types/theme").Token<"xl", string, "space", "">;
+        "2xl": import("@stitches/react/types/theme").Token<"2xl", string, "space", "">;
+        "3xl": import("@stitches/react/types/theme").Token<"3xl", string, "space", "">;
+        "4xl": import("@stitches/react/types/theme").Token<"4xl", string, "space", "">;
+        "5xl": import("@stitches/react/types/theme").Token<"5xl", string, "space", "">;
+        "6xl": import("@stitches/react/types/theme").Token<"6xl", string, "space", "">;
+        "7xl": import("@stitches/react/types/theme").Token<"7xl", string, "space", "">;
+    };
+    sizes: {
+        1: import("@stitches/react/types/theme").Token<"1", string, "sizes", "">;
+        2: import("@stitches/react/types/theme").Token<"2", string, "sizes", "">;
+        xxxs: import("@stitches/react/types/theme").Token<"xxxs", string, "sizes", "">;
+        xxs: import("@stitches/react/types/theme").Token<"xxs", string, "sizes", "">;
+        xs: import("@stitches/react/types/theme").Token<"xs", string, "sizes", "">;
+        sm: import("@stitches/react/types/theme").Token<"sm", string, "sizes", "">;
+        md: import("@stitches/react/types/theme").Token<"md", string, "sizes", "">;
+        lg: import("@stitches/react/types/theme").Token<"lg", string, "sizes", "">;
+        xl: import("@stitches/react/types/theme").Token<"xl", string, "sizes", "">;
+        "2xl": import("@stitches/react/types/theme").Token<"2xl", string, "sizes", "">;
+        "3xl": import("@stitches/react/types/theme").Token<"3xl", string, "sizes", "">;
+        "4xl": import("@stitches/react/types/theme").Token<"4xl", string, "sizes", "">;
+        "5xl": import("@stitches/react/types/theme").Token<"5xl", string, "sizes", "">;
+        "6xl": import("@stitches/react/types/theme").Token<"6xl", string, "sizes", "">;
+        "7xl": import("@stitches/react/types/theme").Token<"7xl", string, "sizes", "">;
+        max: import("@stitches/react/types/theme").Token<"max", string, "sizes", "">;
+        min: import("@stitches/react/types/theme").Token<"min", string, "sizes", "">;
+        full: import("@stitches/react/types/theme").Token<"full", string, "sizes", "">;
+    };
+    radii: {
+        1: import("@stitches/react/types/theme").Token<"1", string, "radii", "">;
+        2: import("@stitches/react/types/theme").Token<"2", string, "radii", "">;
+        3: import("@stitches/react/types/theme").Token<"3", string, "radii", "">;
+        4: import("@stitches/react/types/theme").Token<"4", string, "radii", "">;
+        5: import("@stitches/react/types/theme").Token<"5", string, "radii", "">;
+        round: import("@stitches/react/types/theme").Token<"round", string, "radii", "">;
+        pill: import("@stitches/react/types/theme").Token<"pill", string, "radii", "">;
+    };
+    fontSizes: {
+        1: import("@stitches/react/types/theme").Token<"1", string, "fontSizes", "">;
+        2: import("@stitches/react/types/theme").Token<"2", string, "fontSizes", "">;
+        3: import("@stitches/react/types/theme").Token<"3", string, "fontSizes", "">;
+        4: import("@stitches/react/types/theme").Token<"4", string, "fontSizes", "">;
+        5: import("@stitches/react/types/theme").Token<"5", string, "fontSizes", "">;
+        6: import("@stitches/react/types/theme").Token<"6", string, "fontSizes", "">;
+        7: import("@stitches/react/types/theme").Token<"7", string, "fontSizes", "">;
+        8: import("@stitches/react/types/theme").Token<"8", string, "fontSizes", "">;
+        9: import("@stitches/react/types/theme").Token<"9", string, "fontSizes", "">;
+        10: import("@stitches/react/types/theme").Token<"10", string, "fontSizes", "">;
+    };
+    fontWeights: {
+        hairline: import("@stitches/react/types/theme").Token<"hairline", string, "fontWeights", "">;
+        thin: import("@stitches/react/types/theme").Token<"thin", string, "fontWeights", "">;
+        light: import("@stitches/react/types/theme").Token<"light", string, "fontWeights", "">;
+        normal: import("@stitches/react/types/theme").Token<"normal", string, "fontWeights", "">;
+        medium: import("@stitches/react/types/theme").Token<"medium", string, "fontWeights", "">;
+        semibold: import("@stitches/react/types/theme").Token<"semibold", string, "fontWeights", "">;
+        bold: import("@stitches/react/types/theme").Token<"bold", string, "fontWeights", "">;
+        extrabold: import("@stitches/react/types/theme").Token<"extrabold", string, "fontWeights", "">;
+        black: import("@stitches/react/types/theme").Token<"black", string, "fontWeights", "">;
+    };
+    lineHeights: {
+        normal: import("@stitches/react/types/theme").Token<"normal", string, "lineHeights", "">;
+        none: import("@stitches/react/types/theme").Token<"none", string, "lineHeights", "">;
+        shorter: import("@stitches/react/types/theme").Token<"shorter", string, "lineHeights", "">;
+        short: import("@stitches/react/types/theme").Token<"short", string, "lineHeights", "">;
+        base: import("@stitches/react/types/theme").Token<"base", string, "lineHeights", "">;
+        tall: import("@stitches/react/types/theme").Token<"tall", string, "lineHeights", "">;
+        tall2: import("@stitches/react/types/theme").Token<"tall2", string, "lineHeights", "">;
+        taller: import("@stitches/react/types/theme").Token<"taller", string, "lineHeights", "">;
+    };
+    letterSpacings: {
+        tighter: import("@stitches/react/types/theme").Token<"tighter", string, "letterSpacings", "">;
+        tight: import("@stitches/react/types/theme").Token<"tight", string, "letterSpacings", "">;
+        normal: import("@stitches/react/types/theme").Token<"normal", string, "letterSpacings", "">;
+        wide: import("@stitches/react/types/theme").Token<"wide", string, "letterSpacings", "">;
+        wider: import("@stitches/react/types/theme").Token<"wider", string, "letterSpacings", "">;
+        widest: import("@stitches/react/types/theme").Token<"widest", string, "letterSpacings", "">;
+    };
+    borderWidths: {};
+    borderStyles: {};
+    shadows: {};
+    zIndices: {};
+    transitions: {};
+}, createTheme: <Argument0 extends string | ({
+    colors?: {
+        white?: string | number | boolean | undefined;
+        black?: string | number | boolean | undefined;
+        lightBackground?: string | number | boolean | undefined;
+        obolBlue?: string | number | boolean | undefined;
+        primaryBgDefault?: string | number | boolean | undefined;
+        primaryBgDefaultHover?: string | number | boolean | undefined;
+        primaryTextDefault?: string | number | boolean | undefined;
+        secondaryBgDefault?: string | number | boolean | undefined;
+        secondaryBgHover?: string | number | boolean | undefined;
+        grayBgDefault?: string | number | boolean | undefined;
+        gray2BgDefault?: string | number | boolean | undefined;
+        neutralDark?: string | number | boolean | undefined;
+        navButtonBgDefault?: string | number | boolean | undefined;
+        navButtonBgHover?: string | number | boolean | undefined;
+        cardBackgroundDark?: string | number | boolean | undefined;
+        cardBackgroundLight?: string | number | boolean | undefined;
+        textMiddle?: string | number | boolean | undefined;
+        textLight?: string | number | boolean | undefined;
+        textTabHover?: string | number | boolean | undefined;
+        textTabInactive?: string | number | boolean | undefined;
+        textGreenDark?: string | number | boolean | undefined;
+        textGreenLight?: string | number | boolean | undefined;
+        textGreen1?: string | number | boolean | undefined;
+        textGreen2?: string | number | boolean | undefined;
+        textGreen3?: string | number | boolean | undefined;
+        textGreenHover?: string | number | boolean | undefined;
+        textCreateHover?: string | number | boolean | undefined;
+        textGrayHover?: string | number | boolean | undefined;
+        txButton?: string | number | boolean | undefined;
+        obolGreen?: string | number | boolean | undefined;
+        obolGreenHover?: string | number | boolean | undefined;
+        obolGreenLight?: string | number | boolean | undefined;
+        obolDarkDark?: string | number | boolean | undefined;
+        obolDisabled?: string | number | boolean | undefined;
+        linkButtonHover?: string | number | boolean | undefined;
+        coordinate?: string | number | boolean | undefined;
+        coordinateHover?: string | number | boolean | undefined;
+        test?: string | number | boolean | undefined;
+        testHover?: string | number | boolean | undefined;
+        create?: string | number | boolean | undefined;
+        createHover?: string | number | boolean | undefined;
+        light?: string | number | boolean | undefined;
+        body?: string | number | boolean | undefined;
+        muted?: string | number | boolean | undefined;
+        menu?: string | number | boolean | undefined;
+        bg01?: string | number | boolean | undefined;
+        bg02?: string | number | boolean | undefined;
+        bg03?: string | number | boolean | undefined;
+        bg04?: string | number | boolean | undefined;
+        bg05?: string | number | boolean | undefined;
+    } | undefined;
+    space?: {
+        1?: string | number | boolean | undefined;
+        2?: string | number | boolean | undefined;
+        xxxs?: string | number | boolean | undefined;
+        xxs?: string | number | boolean | undefined;
+        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;
+        "5xl"?: string | number | boolean | undefined;
+        "6xl"?: string | number | boolean | undefined;
+        "7xl"?: string | number | boolean | undefined;
+    } | undefined;
+    sizes?: {
+        1?: string | number | boolean | undefined;
+        2?: string | number | boolean | undefined;
+        xxxs?: string | number | boolean | undefined;
+        xxs?: string | number | boolean | undefined;
+        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;
+        "5xl"?: string | number | boolean | undefined;
+        "6xl"?: string | number | boolean | undefined;
+        "7xl"?: string | number | boolean | undefined;
+        max?: string | number | boolean | undefined;
+        min?: string | number | boolean | undefined;
+        full?: string | number | boolean | undefined;
+    } | undefined;
+    radii?: {
+        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;
+        round?: string | number | boolean | undefined;
+        pill?: string | number | boolean | undefined;
+    } | undefined;
+    fontSizes?: {
+        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;
+        10?: string | number | boolean | undefined;
+    } | undefined;
+    fontWeights?: {
+        hairline?: string | number | boolean | undefined;
+        thin?: string | number | boolean | undefined;
+        light?: string | number | boolean | undefined;
+        normal?: string | number | boolean | undefined;
+        medium?: string | number | boolean | undefined;
+        semibold?: string | number | boolean | undefined;
+        bold?: string | number | boolean | undefined;
+        extrabold?: string | number | boolean | undefined;
+        black?: string | number | boolean | undefined;
+    } | undefined;
+    lineHeights?: {
+        normal?: string | number | boolean | undefined;
+        none?: string | number | boolean | undefined;
+        shorter?: string | number | boolean | undefined;
+        short?: string | number | boolean | undefined;
+        base?: string | number | boolean | undefined;
+        tall?: string | number | boolean | undefined;
+        tall2?: string | number | boolean | undefined;
+        taller?: string | number | boolean | undefined;
+    } | undefined;
+    letterSpacings?: {
+        tighter?: string | number | boolean | undefined;
+        tight?: string | number | boolean | undefined;
+        normal?: string | number | boolean | undefined;
+        wide?: string | number | boolean | undefined;
+        wider?: string | number | boolean | undefined;
+        widest?: string | number | boolean | undefined;
+    } | undefined;
+    borderWidths?: {} | undefined;
+    borderStyles?: {} | undefined;
+    shadows?: {} | undefined;
+    zIndices?: {} | undefined;
+    transitions?: {} | undefined;
+} & {
+    [x: string]: {
+        [x: string]: string | number | boolean;
+        [x: number]: string | number | boolean;
+    };
+}), Argument1 extends string | ({
+    colors?: {
+        white?: string | number | boolean | undefined;
+        black?: string | number | boolean | undefined;
+        lightBackground?: string | number | boolean | undefined;
+        obolBlue?: string | number | boolean | undefined;
+        primaryBgDefault?: string | number | boolean | undefined;
+        primaryBgDefaultHover?: string | number | boolean | undefined;
+        primaryTextDefault?: string | number | boolean | undefined;
+        secondaryBgDefault?: string | number | boolean | undefined;
+        secondaryBgHover?: string | number | boolean | undefined;
+        grayBgDefault?: string | number | boolean | undefined;
+        gray2BgDefault?: string | number | boolean | undefined;
+        neutralDark?: string | number | boolean | undefined;
+        navButtonBgDefault?: string | number | boolean | undefined;
+        navButtonBgHover?: string | number | boolean | undefined;
+        cardBackgroundDark?: string | number | boolean | undefined;
+        cardBackgroundLight?: string | number | boolean | undefined;
+        textMiddle?: string | number | boolean | undefined;
+        textLight?: string | number | boolean | undefined;
+        textTabHover?: string | number | boolean | undefined;
+        textTabInactive?: string | number | boolean | undefined;
+        textGreenDark?: string | number | boolean | undefined;
+        textGreenLight?: string | number | boolean | undefined;
+        textGreen1?: string | number | boolean | undefined;
+        textGreen2?: string | number | boolean | undefined;
+        textGreen3?: string | number | boolean | undefined;
+        textGreenHover?: string | number | boolean | undefined;
+        textCreateHover?: string | number | boolean | undefined;
+        textGrayHover?: string | number | boolean | undefined;
+        txButton?: string | number | boolean | undefined;
+        obolGreen?: string | number | boolean | undefined;
+        obolGreenHover?: string | number | boolean | undefined;
+        obolGreenLight?: string | number | boolean | undefined;
+        obolDarkDark?: string | number | boolean | undefined;
+        obolDisabled?: string | number | boolean | undefined;
+        linkButtonHover?: string | number | boolean | undefined;
+        coordinate?: string | number | boolean | undefined;
+        coordinateHover?: string | number | boolean | undefined;
+        test?: string | number | boolean | undefined;
+        testHover?: string | number | boolean | undefined;
+        create?: string | number | boolean | undefined;
+        createHover?: string | number | boolean | undefined;
+        light?: string | number | boolean | undefined;
+        body?: string | number | boolean | undefined;
+        muted?: string | number | boolean | undefined;
+        menu?: string | number | boolean | undefined;
+        bg01?: string | number | boolean | undefined;
+        bg02?: string | number | boolean | undefined;
+        bg03?: string | number | boolean | undefined;
+        bg04?: string | number | boolean | undefined;
+        bg05?: string | number | boolean | undefined;
+    } | undefined;
+    space?: {
+        1?: string | number | boolean | undefined;
+        2?: string | number | boolean | undefined;
+        xxxs?: string | number | boolean | undefined;
+        xxs?: string | number | boolean | undefined;
+        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;
+        "5xl"?: string | number | boolean | undefined;
+        "6xl"?: string | number | boolean | undefined;
+        "7xl"?: string | number | boolean | undefined;
+    } | undefined;
+    sizes?: {
+        1?: string | number | boolean | undefined;
+        2?: string | number | boolean | undefined;
+        xxxs?: string | number | boolean | undefined;
+        xxs?: string | number | boolean | undefined;
+        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;
+        "5xl"?: string | number | boolean | undefined;
+        "6xl"?: string | number | boolean | undefined;
+        "7xl"?: string | number | boolean | undefined;
+        max?: string | number | boolean | undefined;
+        min?: string | number | boolean | undefined;
+        full?: string | number | boolean | undefined;
+    } | undefined;
+    radii?: {
+        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;
+        round?: string | number | boolean | undefined;
+        pill?: string | number | boolean | undefined;
+    } | undefined;
+    fontSizes?: {
+        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;
+        10?: string | number | boolean | undefined;
+    } | undefined;
+    fontWeights?: {
+        hairline?: string | number | boolean | undefined;
+        thin?: string | number | boolean | undefined;
+        light?: string | number | boolean | undefined;
+        normal?: string | number | boolean | undefined;
+        medium?: string | number | boolean | undefined;
+        semibold?: string | number | boolean | undefined;
+        bold?: string | number | boolean | undefined;
+        extrabold?: string | number | boolean | undefined;
+        black?: string | number | boolean | undefined;
+    } | undefined;
+    lineHeights?: {
+        normal?: string | number | boolean | undefined;
+        none?: string | number | boolean | undefined;
+        shorter?: string | number | boolean | undefined;
+        short?: string | number | boolean | undefined;
+        base?: string | number | boolean | undefined;
+        tall?: string | number | boolean | undefined;
+        tall2?: string | number | boolean | undefined;
+        taller?: string | number | boolean | undefined;
+    } | undefined;
+    letterSpacings?: {
+        tighter?: string | number | boolean | undefined;
+        tight?: string | number | boolean | undefined;
+        normal?: string | number | boolean | undefined;
+        wide?: string | number | boolean | undefined;
+        wider?: string | number | boolean | undefined;
+        widest?: string | number | boolean | undefined;
+    } | undefined;
+    borderWidths?: {} | undefined;
+    borderStyles?: {} | undefined;
+    shadows?: {} | undefined;
+    zIndices?: {} | undefined;
+    transitions?: {} | 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("@stitches/react/types/stitches").ThemeTokens<Argument1, ""> : import("@stitches/react/types/stitches").ThemeTokens<Argument0, "">), config: {
+    prefix: "";
+    media: {
+        motion: "(prefers-reduced-motion)";
+        hover: "(any-hover: hover)";
+        dark: "(prefers-color-scheme: dark)";
+        light: "(prefers-color-scheme: light)";
+        xs: "(max-width: 520px)";
+        sm: "(max-width: 900px)";
+        md: "(max-width: 1200px)";
+        lg: "(max-width: 1800px)";
+    };
+    theme: {
+        colors: {
+            white: string;
+            black: string;
+            lightBackground: string;
+            obolBlue: string;
+            primaryBgDefault: string;
+            primaryBgDefaultHover: string;
+            primaryTextDefault: string;
+            secondaryBgDefault: string;
+            secondaryBgHover: string;
+            grayBgDefault: string;
+            gray2BgDefault: string;
+            neutralDark: string;
+            navButtonBgDefault: string;
+            navButtonBgHover: string;
+            cardBackgroundDark: string;
+            cardBackgroundLight: string;
+            textMiddle: string;
+            textLight: string;
+            textTabHover: string;
+            textTabInactive: string;
+            textGreenDark: string;
+            textGreenLight: string;
+            textGreen1: string;
+            textGreen2: string;
+            textGreen3: string;
+            textGreenHover: string;
+            textCreateHover: string;
+            textGrayHover: string;
+            txButton: string;
+            obolGreen: string;
+            obolGreenHover: string;
+            obolGreenLight: string;
+            obolDarkDark: string;
+            obolDisabled: string;
+            linkButtonHover: string;
+            coordinate: string;
+            coordinateHover: string;
+            test: string;
+            testHover: string;
+            create: string;
+            createHover: string;
+            light: string;
+            body: string;
+            muted: string;
+            menu: string;
+            bg01: string;
+            bg02: string;
+            bg03: string;
+            bg04: string;
+            bg05: string;
+        };
+        space: {
+            1: string;
+            2: string;
+            xxxs: string;
+            xxs: string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            "2xl": string;
+            "3xl": string;
+            "4xl": string;
+            "5xl": string;
+            "6xl": string;
+            "7xl": string;
+        };
+        sizes: {
+            1: string;
+            2: string;
+            xxxs: string;
+            xxs: string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            "2xl": string;
+            "3xl": string;
+            "4xl": string;
+            "5xl": string;
+            "6xl": string;
+            "7xl": string;
+            max: string;
+            min: string;
+            full: string;
+        };
+        radii: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            round: string;
+            pill: string;
+        };
+        fontSizes: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+            10: string;
+        };
+        fontWeights: {
+            hairline: number;
+            thin: number;
+            light: number;
+            normal: number;
+            medium: number;
+            semibold: number;
+            bold: number;
+            extrabold: number;
+            black: number;
+        };
+        lineHeights: {
+            normal: string;
+            none: number;
+            shorter: number;
+            short: number;
+            base: number;
+            tall: number;
+            tall2: number;
+            taller: string;
+        };
+        letterSpacings: {
+            tighter: string;
+            tight: string;
+            normal: string;
+            wide: string;
+            wider: string;
+            widest: string;
+        };
+        borderWidths: unknown;
+        borderStyles: unknown;
+        shadows: unknown;
+        zIndices: unknown;
+        transitions: unknown;
+    };
+    themeMap: import("@stitches/react/types/config").DefaultThemeMap;
+    utils: {
+        p: (value: Stitches.PropertyValue<"padding">) => {
+            padding: {
+                readonly [Stitches.$$PropertyValue]: "padding";
+            };
+        };
+        pt: (value: Stitches.PropertyValue<"paddingTop">) => {
+            paddingTop: {
+                readonly [Stitches.$$PropertyValue]: "paddingTop";
+            };
+        };
+        pr: (value: Stitches.PropertyValue<"paddingRight">) => {
+            paddingRight: {
+                readonly [Stitches.$$PropertyValue]: "paddingRight";
+            };
+        };
+        pb: (value: Stitches.PropertyValue<"paddingBottom">) => {
+            paddingBottom: {
+                readonly [Stitches.$$PropertyValue]: "paddingBottom";
+            };
+        };
+        pl: (value: Stitches.PropertyValue<"paddingLeft">) => {
+            paddingLeft: {
+                readonly [Stitches.$$PropertyValue]: "paddingLeft";
+            };
+        };
+        px: (value: Stitches.PropertyValue<"paddingLeft">) => {
+            paddingLeft: {
+                readonly [Stitches.$$PropertyValue]: "paddingLeft";
+            };
+            paddingRight: {
+                readonly [Stitches.$$PropertyValue]: "paddingLeft";
+            };
+        };
+        py: (value: Stitches.PropertyValue<"paddingTop">) => {
+            paddingTop: {
+                readonly [Stitches.$$PropertyValue]: "paddingTop";
+            };
+            paddingBottom: {
+                readonly [Stitches.$$PropertyValue]: "paddingTop";
+            };
+        };
+        m: (value: Stitches.PropertyValue<"margin">) => {
+            margin: {
+                readonly [Stitches.$$PropertyValue]: "margin";
+            };
+        };
+        mt: (value: Stitches.PropertyValue<"marginTop">) => {
+            marginTop: {
+                readonly [Stitches.$$PropertyValue]: "marginTop";
+            };
+        };
+        mr: (value: Stitches.PropertyValue<"marginRight">) => {
+            marginRight: {
+                readonly [Stitches.$$PropertyValue]: "marginRight";
+            };
+        };
+        mb: (value: Stitches.PropertyValue<"marginBottom">) => {
+            marginBottom: {
+                readonly [Stitches.$$PropertyValue]: "marginBottom";
+            };
+        };
+        ml: (value: Stitches.PropertyValue<"marginLeft">) => {
+            marginLeft: {
+                readonly [Stitches.$$PropertyValue]: "marginLeft";
+            };
+        };
+        mx: (value: Stitches.PropertyValue<"marginLeft">) => {
+            marginLeft: {
+                readonly [Stitches.$$PropertyValue]: "marginLeft";
+            };
+            marginRight: {
+                readonly [Stitches.$$PropertyValue]: "marginLeft";
+            };
+        };
+        my: (value: Stitches.PropertyValue<"marginTop">) => {
+            marginTop: {
+                readonly [Stitches.$$PropertyValue]: "marginTop";
+            };
+            marginBottom: {
+                readonly [Stitches.$$PropertyValue]: "marginTop";
+            };
+        };
+        ta: (value: Stitches.PropertyValue<"textAlign">) => {
+            textAlign: {
+                readonly [Stitches.$$PropertyValue]: "textAlign";
+            };
+        };
+        fd: (value: Stitches.PropertyValue<"flexDirection">) => {
+            flexDirection: {
+                readonly [Stitches.$$PropertyValue]: "flexDirection";
+            };
+        };
+        fw: (value: Stitches.PropertyValue<"flexWrap">) => {
+            flexWrap: {
+                readonly [Stitches.$$PropertyValue]: "flexWrap";
+            };
+        };
+        ai: (value: Stitches.PropertyValue<"alignItems">) => {
+            alignItems: {
+                readonly [Stitches.$$PropertyValue]: "alignItems";
+            };
+        };
+        ac: (value: Stitches.PropertyValue<"alignContent">) => {
+            alignContent: {
+                readonly [Stitches.$$PropertyValue]: "alignContent";
+            };
+        };
+        jc: (value: Stitches.PropertyValue<"justifyContent">) => {
+            justifyContent: {
+                readonly [Stitches.$$PropertyValue]: "justifyContent";
+            };
+        };
+        as: (value: Stitches.PropertyValue<"alignSelf">) => {
+            alignSelf: {
+                readonly [Stitches.$$PropertyValue]: "alignSelf";
+            };
+        };
+        fg: (value: Stitches.PropertyValue<"flexGrow">) => {
+            flexGrow: {
+                readonly [Stitches.$$PropertyValue]: "flexGrow";
+            };
+        };
+        fs: (value: Stitches.PropertyValue<"flexShrink">) => {
+            flexShrink: {
+                readonly [Stitches.$$PropertyValue]: "flexShrink";
+            };
+        };
+        fb: (value: Stitches.PropertyValue<"flexBasis">) => {
+            flexBasis: {
+                readonly [Stitches.$$PropertyValue]: "flexBasis";
+            };
+        };
+        bc: (value: Stitches.PropertyValue<"backgroundColor">) => {
+            backgroundColor: {
+                readonly [Stitches.$$PropertyValue]: "backgroundColor";
+            };
+        };
+        br: (value: Stitches.PropertyValue<"borderRadius">) => {
+            borderRadius: {
+                readonly [Stitches.$$PropertyValue]: "borderRadius";
+            };
+        };
+        btrr: (value: Stitches.PropertyValue<"borderTopRightRadius">) => {
+            borderTopRightRadius: {
+                readonly [Stitches.$$PropertyValue]: "borderTopRightRadius";
+            };
+        };
+        bbrr: (value: Stitches.PropertyValue<"borderBottomRightRadius">) => {
+            borderBottomRightRadius: {
+                readonly [Stitches.$$PropertyValue]: "borderBottomRightRadius";
+            };
+        };
+        bblr: (value: Stitches.PropertyValue<"borderBottomLeftRadius">) => {
+            borderBottomLeftRadius: {
+                readonly [Stitches.$$PropertyValue]: "borderBottomLeftRadius";
+            };
+        };
+        btlr: (value: Stitches.PropertyValue<"borderTopLeftRadius">) => {
+            borderTopLeftRadius: {
+                readonly [Stitches.$$PropertyValue]: "borderTopLeftRadius";
+            };
+        };
+        bs: (value: Stitches.PropertyValue<"boxShadow">) => {
+            boxShadow: {
+                readonly [Stitches.$$PropertyValue]: "boxShadow";
+            };
+        };
+        lh: (value: Stitches.PropertyValue<"lineHeight">) => {
+            lineHeight: {
+                readonly [Stitches.$$PropertyValue]: "lineHeight";
+            };
+        };
+        ox: (value: Stitches.PropertyValue<"overflowX">) => {
+            overflowX: {
+                readonly [Stitches.$$PropertyValue]: "overflowX";
+            };
+        };
+        oy: (value: Stitches.PropertyValue<"overflowY">) => {
+            overflowY: {
+                readonly [Stitches.$$PropertyValue]: "overflowY";
+            };
+        };
+        pe: (value: Stitches.PropertyValue<"pointerEvents">) => {
+            pointerEvents: {
+                readonly [Stitches.$$PropertyValue]: "pointerEvents";
+            };
+        };
+        us: (value: Stitches.PropertyValue<"userSelect">) => {
+            WebkitUserSelect: {
+                readonly [Stitches.$$PropertyValue]: "userSelect";
+            };
+            userSelect: {
+                readonly [Stitches.$$PropertyValue]: "userSelect";
+            };
+        };
+        userSelect: (value: Stitches.PropertyValue<"userSelect">) => {
+            WebkitUserSelect: {
+                readonly [Stitches.$$PropertyValue]: "userSelect";
+            };
+            userSelect: {
+                readonly [Stitches.$$PropertyValue]: "userSelect";
+            };
+        };
+        size: (value: Stitches.PropertyValue<"width">) => {
+            width: {
+                readonly [Stitches.$$PropertyValue]: "width";
+            };
+            height: {
+                readonly [Stitches.$$PropertyValue]: "width";
+            };
+        };
+        appearance: (value: Stitches.PropertyValue<"appearance">) => {
+            WebkitAppearance: {
+                readonly [Stitches.$$PropertyValue]: "appearance";
+            };
+            appearance: {
+                readonly [Stitches.$$PropertyValue]: "appearance";
+            };
+        };
+        backgroundClip: (value: Stitches.PropertyValue<"backgroundClip">) => {
+            WebkitBackgroundClip: {
+                readonly [Stitches.$$PropertyValue]: "backgroundClip";
+            };
+            backgroundClip: {
+                readonly [Stitches.$$PropertyValue]: "backgroundClip";
+            };
+        };
+    };
+};
+export declare const globalStyles: () => string;
+export declare type CSS = Stitches.CSS<typeof config>;