@homebound/beam 2.378.1 → 2.379.1

package/dist/Css.d.ts

@@ -1,4407 +0,0 @@
-import { Properties as Properties1 } from "csstype";
-/** Given a type X, and the user's proposed type T, only allow keys in X and nothing else. */
-export type Only<X, T> = X & Record<Exclude<keyof T, keyof X>, never>;
-export type Properties = Properties1<string | 0, string>;
-export type Typography = "tiny" | "tinyMd" | "tinySb" | "tinyBd" | "xs" | "xsMd" | "xsSb" | "xsBd" | "sm" | "smMd" | "smSb" | "smBd" | "base" | "baseMd" | "baseSb" | "baseBd" | "lg" | "lgMd" | "lgSb" | "lgBd" | "xl" | "xlMd" | "xlSb" | "xlBd" | "xl2" | "xl2Md" | "xl2Sb" | "xl2Bd" | "xl3" | "xl3Md" | "xl3Sb" | "xl3Bd" | "xl4" | "xl4Md" | "xl4Sb" | "xl4Bd" | "xl5" | "xl5Md" | "xl5Sb" | "xl5Bd";
-type Opts<T> = {
-    rules: T;
-    enabled: boolean;
-    important: boolean;
-    selector: string | undefined;
-};
-declare class CssBuilder<T extends Properties> {
-    private opts;
-    constructor(opts: Opts<T>);
-    private get rules();
-    private get enabled();
-    private get selector();
-    private newCss;
-    /** Sets `borderStyle: "solid"; borderWidth: "1px"`. */
-    get ba(): CssBuilder<T & {
-        borderStyle: import("csstype").Property.BorderStyle | undefined;
-    } & {
-        borderWidth: import("csstype").Property.BorderWidth<string | 0> | undefined;
-    }>;
-    /** Sets `borderTopStyle: "solid"; borderTopWidth: "1px"`. */
-    get bt(): CssBuilder<T & {
-        borderTopStyle: import("csstype").Property.BorderTopStyle | undefined;
-    } & {
-        borderTopWidth: import("csstype").Property.BorderTopWidth<string | 0> | undefined;
-    }>;
-    /** Sets `borderRightStyle: "solid"; borderRightWidth: "1px"`. */
-    get br(): CssBuilder<T & {
-        borderRightStyle: import("csstype").Property.BorderRightStyle | undefined;
-    } & {
-        borderRightWidth: import("csstype").Property.BorderRightWidth<string | 0> | undefined;
-    }>;
-    /** Sets `borderBottomStyle: "solid"; borderBottomWidth: "1px"`. */
-    get bb(): CssBuilder<T & {
-        borderBottomStyle: import("csstype").Property.BorderBottomStyle | undefined;
-    } & {
-        borderBottomWidth: import("csstype").Property.BorderBottomWidth<string | 0> | undefined;
-    }>;
-    /** Sets `borderLeftStyle: "solid"; borderLeftWidth: "1px"`. */
-    get bl(): CssBuilder<T & {
-        borderLeftStyle: import("csstype").Property.BorderLeftStyle | undefined;
-    } & {
-        borderLeftWidth: import("csstype").Property.BorderLeftWidth<string | 0> | undefined;
-    }>;
-    /** Sets `borderStyle: "none"; borderWidth: "0"`. */
-    get bn(): CssBuilder<T & {
-        borderStyle: import("csstype").Property.BorderStyle | undefined;
-    } & {
-        borderWidth: import("csstype").Property.BorderWidth<string | 0> | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(255,255,255,1)"`. */
-    get bcWhite(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(0,0,0,0)"`. */
-    get bcTransparent(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(255, 253, 253, 1)"`. */
-    get bcGray50(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(247, 245, 245, 1)"`. */
-    get bcGray100(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(236, 235, 235, 1)"`. */
-    get bcGray200(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(221, 220, 220, 1)"`. */
-    get bcGray300(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(201, 201, 201, 1)"`. */
-    get bcGray400(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(175, 175, 175, 1)"`. */
-    get bcGray500(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(141, 141, 141, 1)"`. */
-    get bcGray600(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(100, 100, 100, 1)"`. */
-    get bcGray700(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(53, 53, 53, 1)"`. */
-    get bcGray800(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(36, 36, 36, 1)"`. */
-    get bcGray900(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(239, 246, 255, 1)"`. */
-    get bcBlue50(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(219, 234, 254, 1)"`. */
-    get bcBlue100(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(191, 219, 254, 1)"`. */
-    get bcBlue200(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(147, 197, 253, 1)"`. */
-    get bcBlue300(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(96, 165, 250, 1)"`. */
-    get bcBlue400(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(59, 130, 246, 1)"`. */
-    get bcBlue500(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(37, 99, 235, 1)"`. */
-    get bcBlue600(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(29, 78, 216, 1)"`. */
-    get bcBlue700(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(30, 64, 175, 1)"`. */
-    get bcBlue800(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(30, 58, 138, 1)"`. */
-    get bcBlue900(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(254, 242, 242, 1)"`. */
-    get bcRed50(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(254, 226, 226, 1)"`. */
-    get bcRed100(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(254, 202, 202, 1)"`. */
-    get bcRed200(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(252, 165, 165, 1)"`. */
-    get bcRed300(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(248, 113, 113, 1)"`. */
-    get bcRed400(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(239, 68, 68, 1)"`. */
-    get bcRed500(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(220, 38, 38, 1)"`. */
-    get bcRed600(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(185, 28, 28, 1)"`. */
-    get bcRed700(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(153, 27, 27, 1)"`. */
-    get bcRed800(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(127, 29, 29, 1)"`. */
-    get bcRed900(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(254, 252, 232, 1)"`. */
-    get bcYellow50(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(254, 249, 195, 1)"`. */
-    get bcYellow100(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(254, 240, 138, 1)"`. */
-    get bcYellow200(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(253, 224, 71, 1)"`. */
-    get bcYellow300(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(250, 204, 21, 1)"`. */
-    get bcYellow400(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(234, 179, 8, 1)"`. */
-    get bcYellow500(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(202, 138, 4, 1)"`. */
-    get bcYellow600(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(161, 98, 7, 1)"`. */
-    get bcYellow700(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(133, 77, 14, 1)"`. */
-    get bcYellow800(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(113, 63, 18, 1)"`. */
-    get bcYellow900(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(236, 253, 245, 1)"`. */
-    get bcGreen50(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(209, 250, 229, 1)"`. */
-    get bcGreen100(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(167, 243, 208, 1)"`. */
-    get bcGreen200(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(110, 231, 183, 1)"`. */
-    get bcGreen300(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(52, 211, 153, 1)"`. */
-    get bcGreen400(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(16, 185, 129, 1)"`. */
-    get bcGreen500(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(5, 150, 105, 1)"`. */
-    get bcGreen600(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(4, 120, 87, 1)"`. */
-    get bcGreen700(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(6, 95, 70, 1)"`. */
-    get bcGreen800(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(6, 78, 59, 1)"`. */
-    get bcGreen900(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(245, 243, 255, 1)"`. */
-    get bcPurple50(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(237, 233, 254, 1)"`. */
-    get bcPurple100(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(221, 214, 254, 1)"`. */
-    get bcPurple200(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(196, 181, 253, 1)"`. */
-    get bcPurple300(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(167, 139, 250, 1)"`. */
-    get bcPurple400(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(139, 92, 246, 1)"`. */
-    get bcPurple500(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(124, 58, 237, 1)"`. */
-    get bcPurple600(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(109, 40, 217, 1)"`. */
-    get bcPurple700(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(91, 33, 182, 1)"`. */
-    get bcPurple800(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(76, 29, 149, 1)"`. */
-    get bcPurple900(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(255, 247, 237, 1)"`. */
-    get bcOrange50(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(255, 237, 213, 1)"`. */
-    get bcOrange100(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(254, 215, 170, 1)"`. */
-    get bcOrange200(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(253, 186, 116, 1)"`. */
-    get bcOrange300(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(251, 146, 60, 1)"`. */
-    get bcOrange400(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(249, 115, 22, 1)"`. */
-    get bcOrange500(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(234, 88, 12, 1)"`. */
-    get bcOrange600(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(194, 65, 12, 1)"`. */
-    get bcOrange700(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(154, 52, 18, 1)"`. */
-    get bcOrange800(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: "rgba(124, 45, 18, 1)"`. */
-    get bcOrange900(): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderColor: value`. */
-    bc(value: Properties["borderColor"]): CssBuilder<T & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    }>;
-    /** Sets `borderRadius: "0"`. */
-    get br0(): CssBuilder<T & {
-        borderRadius: import("csstype").Property.BorderRadius<string | 0> | undefined;
-    }>;
-    /** Sets `borderRadius: "4px"`. */
-    get br4(): CssBuilder<T & {
-        borderRadius: import("csstype").Property.BorderRadius<string | 0> | undefined;
-    }>;
-    /** Sets `borderRadius: "8px"`. */
-    get br8(): CssBuilder<T & {
-        borderRadius: import("csstype").Property.BorderRadius<string | 0> | undefined;
-    }>;
-    /** Sets `borderRadius: "12px"`. */
-    get br12(): CssBuilder<T & {
-        borderRadius: import("csstype").Property.BorderRadius<string | 0> | undefined;
-    }>;
-    /** Sets `borderRadius: "16px"`. */
-    get br16(): CssBuilder<T & {
-        borderRadius: import("csstype").Property.BorderRadius<string | 0> | undefined;
-    }>;
-    /** Sets `borderRadius: "24px"`. */
-    get br24(): CssBuilder<T & {
-        borderRadius: import("csstype").Property.BorderRadius<string | 0> | undefined;
-    }>;
-    /** Sets `borderRadius: "100%"`. */
-    get br100(): CssBuilder<T & {
-        borderRadius: import("csstype").Property.BorderRadius<string | 0> | undefined;
-    }>;
-    /** Sets `borderRadius: value`. */
-    borderRadius(value: Properties["borderRadius"]): CssBuilder<T & {
-        borderRadius: import("csstype").Property.BorderRadius<string | 0> | undefined;
-    }>;
-    /** Sets `borderTopRightRadius: "4px"; borderTopLeftRadius: "4px"`. */
-    get brt4(): CssBuilder<T & {
-        borderTopRightRadius: import("csstype").Property.BorderTopRightRadius<string | 0> | undefined;
-    } & {
-        borderTopLeftRadius: import("csstype").Property.BorderTopLeftRadius<string | 0> | undefined;
-    }>;
-    /** Sets `borderBottomRightRadius: "4px"; borderBottomLeftRadius: "4px"`. */
-    get brb4(): CssBuilder<T & {
-        borderBottomRightRadius: import("csstype").Property.BorderBottomRightRadius<string | 0> | undefined;
-    } & {
-        borderBottomLeftRadius: import("csstype").Property.BorderBottomLeftRadius<string | 0> | undefined;
-    }>;
-    /** Sets `borderStyle: "dashed"`. */
-    get bsDashed(): CssBuilder<T & {
-        borderStyle: import("csstype").Property.BorderStyle | undefined;
-    }>;
-    /** Sets `borderStyle: "dotted"`. */
-    get bsDotted(): CssBuilder<T & {
-        borderStyle: import("csstype").Property.BorderStyle | undefined;
-    }>;
-    /** Sets `borderStyle: "none"`. */
-    get bsn(): CssBuilder<T & {
-        borderStyle: import("csstype").Property.BorderStyle | undefined;
-    }>;
-    /** Sets `borderStyle: "solid"`. */
-    get bss(): CssBuilder<T & {
-        borderStyle: import("csstype").Property.BorderStyle | undefined;
-    }>;
-    /** Sets `borderStyle: value`. */
-    bs(value: Properties["borderStyle"]): CssBuilder<T & {
-        borderStyle: import("csstype").Property.BorderStyle | undefined;
-    }>;
-    /** Sets `borderWidth: "1px"`. */
-    get bw1(): CssBuilder<T & {
-        borderWidth: import("csstype").Property.BorderWidth<string | 0> | undefined;
-    }>;
-    /** Sets `borderWidth: "2px"`. */
-    get bw2(): CssBuilder<T & {
-        borderWidth: import("csstype").Property.BorderWidth<string | 0> | undefined;
-    }>;
-    /** Sets `borderWidth: value`. */
-    bw(value: Properties["borderWidth"]): CssBuilder<T & {
-        borderWidth: import("csstype").Property.BorderWidth<string | 0> | undefined;
-    }>;
-    /** Sets `boxShadow: "none"`. */
-    get bsh0(): CssBuilder<T & {
-        boxShadow: import("csstype").Property.BoxShadow | undefined;
-    }>;
-    /** Sets `boxShadow: "0px 4px 8px rgba(53, 53, 53, 0.08), 0px 2px 16px rgba(53, 53, 53, 0.03);"`. */
-    get bshBasic(): CssBuilder<T & {
-        boxShadow: import("csstype").Property.BoxShadow | undefined;
-    }>;
-    /** Sets `boxShadow: "0px 4px 8px rgba(53, 53, 53, 0.1), 0px 2px 24px rgba(53, 53, 53, 0.08);"`. */
-    get bshHover(): CssBuilder<T & {
-        boxShadow: import("csstype").Property.BoxShadow | undefined;
-    }>;
-    /** Sets `boxShadow: "0px 0px 0px 2px rgba(255,255,255,1), 0px 0px 0px 4px rgba(29, 78, 216, 1)"`. */
-    get bshFocus(): CssBuilder<T & {
-        boxShadow: import("csstype").Property.BoxShadow | undefined;
-    }>;
-    /** Sets `boxShadow: "0px 0px 0px 2px rgba(255,255,255,1), 0px 0px 0px 4px rgba(153, 27, 27, 1)"`. */
-    get bshDanger(): CssBuilder<T & {
-        boxShadow: import("csstype").Property.BoxShadow | undefined;
-    }>;
-    /** Sets `boxShadow: "0px 20px 25px -5px rgba(0,0,0,0.1), 0px 10px 10px -5px rgba(0,0,0,0.04)"`. */
-    get bshModal(): CssBuilder<T & {
-        boxShadow: import("csstype").Property.BoxShadow | undefined;
-    }>;
-    /** Sets `boxShadow: value`. */
-    boxShadow(value: Properties["boxShadow"]): CssBuilder<T & {
-        boxShadow: import("csstype").Property.BoxShadow | undefined;
-    }>;
-    /** Sets `containerType: "size"`. */
-    get cts(): CssBuilder<T & {
-        containerType: import("csstype").Property.ContainerType | undefined;
-    }>;
-    /** Sets `containerType: "inline-size"`. */
-    get ctis(): CssBuilder<T & {
-        containerType: import("csstype").Property.ContainerType | undefined;
-    }>;
-    /** Sets `containerType: "normal"`. */
-    get ctn(): CssBuilder<T & {
-        containerType: import("csstype").Property.ContainerType | undefined;
-    }>;
-    /** Sets `containerType: value`. */
-    ct(value: Properties["containerType"]): CssBuilder<T & {
-        containerType: import("csstype").Property.ContainerType | undefined;
-    }>;
-    /** Sets `containerName: value`. */
-    cn(value: Properties["containerName"]): CssBuilder<T & {
-        containerName: import("csstype").Property.ContainerName | undefined;
-    }>;
-    /** Sets `top: "0px"`. */
-    get top0(): CssBuilder<T & {
-        top: import("csstype").Property.Top<string | 0> | undefined;
-    }>;
-    /** Sets `top: "8px"`. */
-    get top1(): CssBuilder<T & {
-        top: import("csstype").Property.Top<string | 0> | undefined;
-    }>;
-    /** Sets `top: "16px"`. */
-    get top2(): CssBuilder<T & {
-        top: import("csstype").Property.Top<string | 0> | undefined;
-    }>;
-    /** Sets `top: "24px"`. */
-    get top3(): CssBuilder<T & {
-        top: import("csstype").Property.Top<string | 0> | undefined;
-    }>;
-    /** Sets `top: "32px"`. */
-    get top4(): CssBuilder<T & {
-        top: import("csstype").Property.Top<string | 0> | undefined;
-    }>;
-    /** Sets `top: "40px"`. */
-    get top5(): CssBuilder<T & {
-        top: import("csstype").Property.Top<string | 0> | undefined;
-    }>;
-    /** Sets `top: "48px"`. */
-    get top6(): CssBuilder<T & {
-        top: import("csstype").Property.Top<string | 0> | undefined;
-    }>;
-    /** Sets `top: "56px"`. */
-    get top7(): CssBuilder<T & {
-        top: import("csstype").Property.Top<string | 0> | undefined;
-    }>;
-    /** Sets `top: "64px"`. */
-    get top8(): CssBuilder<T & {
-        top: import("csstype").Property.Top<string | 0> | undefined;
-    }>;
-    /** Sets `top: "v"`. */
-    top(v: number | string): CssBuilder<T & {
-        top: import("csstype").Property.Top<string | 0> | undefined;
-    }>;
-    /** Sets `top: px`. */
-    topPx(px: number): CssBuilder<T & {
-        top: import("csstype").Property.Top<string | 0> | undefined;
-    }>;
-    /** Sets `right: "0px"`. */
-    get right0(): CssBuilder<T & {
-        right: import("csstype").Property.Right<string | 0> | undefined;
-    }>;
-    /** Sets `right: "8px"`. */
-    get right1(): CssBuilder<T & {
-        right: import("csstype").Property.Right<string | 0> | undefined;
-    }>;
-    /** Sets `right: "16px"`. */
-    get right2(): CssBuilder<T & {
-        right: import("csstype").Property.Right<string | 0> | undefined;
-    }>;
-    /** Sets `right: "24px"`. */
-    get right3(): CssBuilder<T & {
-        right: import("csstype").Property.Right<string | 0> | undefined;
-    }>;
-    /** Sets `right: "32px"`. */
-    get right4(): CssBuilder<T & {
-        right: import("csstype").Property.Right<string | 0> | undefined;
-    }>;
-    /** Sets `right: "40px"`. */
-    get right5(): CssBuilder<T & {
-        right: import("csstype").Property.Right<string | 0> | undefined;
-    }>;
-    /** Sets `right: "48px"`. */
-    get right6(): CssBuilder<T & {
-        right: import("csstype").Property.Right<string | 0> | undefined;
-    }>;
-    /** Sets `right: "56px"`. */
-    get right7(): CssBuilder<T & {
-        right: import("csstype").Property.Right<string | 0> | undefined;
-    }>;
-    /** Sets `right: "64px"`. */
-    get right8(): CssBuilder<T & {
-        right: import("csstype").Property.Right<string | 0> | undefined;
-    }>;
-    /** Sets `right: "v"`. */
-    right(v: number | string): CssBuilder<T & {
-        right: import("csstype").Property.Right<string | 0> | undefined;
-    }>;
-    /** Sets `right: px`. */
-    rightPx(px: number): CssBuilder<T & {
-        right: import("csstype").Property.Right<string | 0> | undefined;
-    }>;
-    /** Sets `bottom: "0px"`. */
-    get bottom0(): CssBuilder<T & {
-        bottom: import("csstype").Property.Bottom<string | 0> | undefined;
-    }>;
-    /** Sets `bottom: "8px"`. */
-    get bottom1(): CssBuilder<T & {
-        bottom: import("csstype").Property.Bottom<string | 0> | undefined;
-    }>;
-    /** Sets `bottom: "16px"`. */
-    get bottom2(): CssBuilder<T & {
-        bottom: import("csstype").Property.Bottom<string | 0> | undefined;
-    }>;
-    /** Sets `bottom: "24px"`. */
-    get bottom3(): CssBuilder<T & {
-        bottom: import("csstype").Property.Bottom<string | 0> | undefined;
-    }>;
-    /** Sets `bottom: "32px"`. */
-    get bottom4(): CssBuilder<T & {
-        bottom: import("csstype").Property.Bottom<string | 0> | undefined;
-    }>;
-    /** Sets `bottom: "40px"`. */
-    get bottom5(): CssBuilder<T & {
-        bottom: import("csstype").Property.Bottom<string | 0> | undefined;
-    }>;
-    /** Sets `bottom: "48px"`. */
-    get bottom6(): CssBuilder<T & {
-        bottom: import("csstype").Property.Bottom<string | 0> | undefined;
-    }>;
-    /** Sets `bottom: "56px"`. */
-    get bottom7(): CssBuilder<T & {
-        bottom: import("csstype").Property.Bottom<string | 0> | undefined;
-    }>;
-    /** Sets `bottom: "64px"`. */
-    get bottom8(): CssBuilder<T & {
-        bottom: import("csstype").Property.Bottom<string | 0> | undefined;
-    }>;
-    /** Sets `bottom: "v"`. */
-    bottom(v: number | string): CssBuilder<T & {
-        bottom: import("csstype").Property.Bottom<string | 0> | undefined;
-    }>;
-    /** Sets `bottom: px`. */
-    bottomPx(px: number): CssBuilder<T & {
-        bottom: import("csstype").Property.Bottom<string | 0> | undefined;
-    }>;
-    /** Sets `left: "0px"`. */
-    get left0(): CssBuilder<T & {
-        left: import("csstype").Property.Left<string | 0> | undefined;
-    }>;
-    /** Sets `left: "8px"`. */
-    get left1(): CssBuilder<T & {
-        left: import("csstype").Property.Left<string | 0> | undefined;
-    }>;
-    /** Sets `left: "16px"`. */
-    get left2(): CssBuilder<T & {
-        left: import("csstype").Property.Left<string | 0> | undefined;
-    }>;
-    /** Sets `left: "24px"`. */
-    get left3(): CssBuilder<T & {
-        left: import("csstype").Property.Left<string | 0> | undefined;
-    }>;
-    /** Sets `left: "32px"`. */
-    get left4(): CssBuilder<T & {
-        left: import("csstype").Property.Left<string | 0> | undefined;
-    }>;
-    /** Sets `left: "40px"`. */
-    get left5(): CssBuilder<T & {
-        left: import("csstype").Property.Left<string | 0> | undefined;
-    }>;
-    /** Sets `left: "48px"`. */
-    get left6(): CssBuilder<T & {
-        left: import("csstype").Property.Left<string | 0> | undefined;
-    }>;
-    /** Sets `left: "56px"`. */
-    get left7(): CssBuilder<T & {
-        left: import("csstype").Property.Left<string | 0> | undefined;
-    }>;
-    /** Sets `left: "64px"`. */
-    get left8(): CssBuilder<T & {
-        left: import("csstype").Property.Left<string | 0> | undefined;
-    }>;
-    /** Sets `left: "v"`. */
-    left(v: number | string): CssBuilder<T & {
-        left: import("csstype").Property.Left<string | 0> | undefined;
-    }>;
-    /** Sets `left: px`. */
-    leftPx(px: number): CssBuilder<T & {
-        left: import("csstype").Property.Left<string | 0> | undefined;
-    }>;
-    /** Sets `cursor: "pointer"`. */
-    get cursorPointer(): CssBuilder<T & {
-        cursor: import("csstype").Property.Cursor | undefined;
-    }>;
-    /** Sets `cursor: "not-allowed"`. */
-    get cursorNotAllowed(): CssBuilder<T & {
-        cursor: import("csstype").Property.Cursor | undefined;
-    }>;
-    /** Sets `cursor: value`. */
-    cursor(value: Properties["cursor"]): CssBuilder<T & {
-        cursor: import("csstype").Property.Cursor | undefined;
-    }>;
-    /** Sets `display: "none"`. */
-    get dn(): CssBuilder<T & {
-        display: import("csstype").Property.Display | undefined;
-    }>;
-    /** Sets `display: "block"`. */
-    get db(): CssBuilder<T & {
-        display: import("csstype").Property.Display | undefined;
-    }>;
-    /** Sets `display: "inline-block"`. */
-    get dib(): CssBuilder<T & {
-        display: import("csstype").Property.Display | undefined;
-    }>;
-    /** Sets `display: "inline-table"`. */
-    get dit(): CssBuilder<T & {
-        display: import("csstype").Property.Display | undefined;
-    }>;
-    /** Sets `display: "table"`. */
-    get dt(): CssBuilder<T & {
-        display: import("csstype").Property.Display | undefined;
-    }>;
-    /** Sets `display: "table-cell"`. */
-    get dtc(): CssBuilder<T & {
-        display: import("csstype").Property.Display | undefined;
-    }>;
-    /** Sets `display: "table-row"`. */
-    get dtRow(): CssBuilder<T & {
-        display: import("csstype").Property.Display | undefined;
-    }>;
-    /** Sets `display: "table-column"`. */
-    get dtColumn(): CssBuilder<T & {
-        display: import("csstype").Property.Display | undefined;
-    }>;
-    /** Sets `display: "table-column-group"`. */
-    get dtColumnGroup(): CssBuilder<T & {
-        display: import("csstype").Property.Display | undefined;
-    }>;
-    /** Sets `display: "grid"`. */
-    get dg(): CssBuilder<T & {
-        display: import("csstype").Property.Display | undefined;
-    }>;
-    /** Sets `display: "inline-grid"`. */
-    get dig(): CssBuilder<T & {
-        display: import("csstype").Property.Display | undefined;
-    }>;
-    /** Sets `display: "flex"`. */
-    get df(): CssBuilder<T & {
-        display: import("csstype").Property.Display | undefined;
-    }>;
-    /** Sets `display: "inline-flex"`. */
-    get dif(): CssBuilder<T & {
-        display: import("csstype").Property.Display | undefined;
-    }>;
-    /** Sets `display: value`. */
-    display(value: Properties["display"]): CssBuilder<T & {
-        display: import("csstype").Property.Display | undefined;
-    }>;
-    /** Sets `flex: "initial"`. */
-    get fi(): CssBuilder<T & {
-        flex: import("csstype").Property.Flex<string | 0> | undefined;
-    }>;
-    /** Sets `flex: "auto"`. */
-    get fa(): CssBuilder<T & {
-        flex: import("csstype").Property.Flex<string | 0> | undefined;
-    }>;
-    /** Sets `flex: "none"`. */
-    get fn(): CssBuilder<T & {
-        flex: import("csstype").Property.Flex<string | 0> | undefined;
-    }>;
-    /** Sets `flex: "1"`. */
-    get f1(): CssBuilder<T & {
-        flex: import("csstype").Property.Flex<string | 0> | undefined;
-    }>;
-    /** Sets `flex: "2"`. */
-    get f2(): CssBuilder<T & {
-        flex: import("csstype").Property.Flex<string | 0> | undefined;
-    }>;
-    /** Sets `flex: "3"`. */
-    get f3(): CssBuilder<T & {
-        flex: import("csstype").Property.Flex<string | 0> | undefined;
-    }>;
-    /** Sets `flex: "4"`. */
-    get f4(): CssBuilder<T & {
-        flex: import("csstype").Property.Flex<string | 0> | undefined;
-    }>;
-    /** Sets `flex: "5"`. */
-    get f5(): CssBuilder<T & {
-        flex: import("csstype").Property.Flex<string | 0> | undefined;
-    }>;
-    /** Sets `flex: value`. */
-    f(value: Properties["flex"]): CssBuilder<T & {
-        flex: import("csstype").Property.Flex<string | 0> | undefined;
-    }>;
-    /** Sets `justifyContent: "flex-start"`. */
-    get jcfs(): CssBuilder<T & {
-        justifyContent: import("csstype").Property.JustifyContent | undefined;
-    }>;
-    /** Sets `justifyContent: "flex-end"`. */
-    get jcfe(): CssBuilder<T & {
-        justifyContent: import("csstype").Property.JustifyContent | undefined;
-    }>;
-    /** Sets `justifyContent: "center"`. */
-    get jcc(): CssBuilder<T & {
-        justifyContent: import("csstype").Property.JustifyContent | undefined;
-    }>;
-    /** Sets `justifyContent: "space-between"`. */
-    get jcsb(): CssBuilder<T & {
-        justifyContent: import("csstype").Property.JustifyContent | undefined;
-    }>;
-    /** Sets `justifyContent: "space-around"`. */
-    get jcsa(): CssBuilder<T & {
-        justifyContent: import("csstype").Property.JustifyContent | undefined;
-    }>;
-    /** Sets `justifyContent: "space-evenly"`. */
-    get jcse(): CssBuilder<T & {
-        justifyContent: import("csstype").Property.JustifyContent | undefined;
-    }>;
-    /** Sets `justifyContent: value`. */
-    jc(value: Properties["justifyContent"]): CssBuilder<T & {
-        justifyContent: import("csstype").Property.JustifyContent | undefined;
-    }>;
-    /** Sets `justifySelf: "auto"`. */
-    get jsa(): CssBuilder<T & {
-        justifySelf: import("csstype").Property.JustifySelf | undefined;
-    }>;
-    /** Sets `justifySelf: "center"`. */
-    get jsc(): CssBuilder<T & {
-        justifySelf: import("csstype").Property.JustifySelf | undefined;
-    }>;
-    /** Sets `justifySelf: "start"`. */
-    get jss(): CssBuilder<T & {
-        justifySelf: import("csstype").Property.JustifySelf | undefined;
-    }>;
-    /** Sets `justifySelf: "end"`. */
-    get jse(): CssBuilder<T & {
-        justifySelf: import("csstype").Property.JustifySelf | undefined;
-    }>;
-    /** Sets `justifySelf: value`. */
-    js(value: Properties["justifySelf"]): CssBuilder<T & {
-        justifySelf: import("csstype").Property.JustifySelf | undefined;
-    }>;
-    /** Sets `justifyItems: "flex-start"`. */
-    get jifs(): CssBuilder<T & {
-        justifyItems: import("csstype").Property.JustifyItems | undefined;
-    }>;
-    /** Sets `justifyItems: "flex-end"`. */
-    get jife(): CssBuilder<T & {
-        justifyItems: import("csstype").Property.JustifyItems | undefined;
-    }>;
-    /** Sets `justifyItems: "center"`. */
-    get jic(): CssBuilder<T & {
-        justifyItems: import("csstype").Property.JustifyItems | undefined;
-    }>;
-    /** Sets `justifyItems: "space-between"`. */
-    get jisb(): CssBuilder<T & {
-        justifyItems: import("csstype").Property.JustifyItems | undefined;
-    }>;
-    /** Sets `justifyItems: "space-around"`. */
-    get jisa(): CssBuilder<T & {
-        justifyItems: import("csstype").Property.JustifyItems | undefined;
-    }>;
-    /** Sets `justifyItems: "space-evenly"`. */
-    get jise(): CssBuilder<T & {
-        justifyItems: import("csstype").Property.JustifyItems | undefined;
-    }>;
-    /** Sets `justifyItems: value`. */
-    ji(value: Properties["justifyItems"]): CssBuilder<T & {
-        justifyItems: import("csstype").Property.JustifyItems | undefined;
-    }>;
-    /** Sets `alignSelf: "flex-start"`. */
-    get asfs(): CssBuilder<T & {
-        alignSelf: import("csstype").Property.AlignSelf | undefined;
-    }>;
-    /** Sets `alignSelf: "flex-end"`. */
-    get asfe(): CssBuilder<T & {
-        alignSelf: import("csstype").Property.AlignSelf | undefined;
-    }>;
-    /** Sets `alignSelf: "center"`. */
-    get asc(): CssBuilder<T & {
-        alignSelf: import("csstype").Property.AlignSelf | undefined;
-    }>;
-    /** Sets `alignSelf: "baseline"`. */
-    get asb(): CssBuilder<T & {
-        alignSelf: import("csstype").Property.AlignSelf | undefined;
-    }>;
-    /** Sets `alignSelf: "stretch"`. */
-    get asStretch(): CssBuilder<T & {
-        alignSelf: import("csstype").Property.AlignSelf | undefined;
-    }>;
-    /** Sets `alignSelf: value`. */
-    as(value: Properties["alignSelf"]): CssBuilder<T & {
-        alignSelf: import("csstype").Property.AlignSelf | undefined;
-    }>;
-    /** Sets `alignItems: "flex-start"`. */
-    get aifs(): CssBuilder<T & {
-        alignItems: import("csstype").Property.AlignItems | undefined;
-    }>;
-    /** Sets `alignItems: "flex-end"`. */
-    get aife(): CssBuilder<T & {
-        alignItems: import("csstype").Property.AlignItems | undefined;
-    }>;
-    /** Sets `alignItems: "start"`. */
-    get ais(): CssBuilder<T & {
-        alignItems: import("csstype").Property.AlignItems | undefined;
-    }>;
-    /** Sets `alignItems: "end"`. */
-    get aie(): CssBuilder<T & {
-        alignItems: import("csstype").Property.AlignItems | undefined;
-    }>;
-    /** Sets `alignItems: "center"`. */
-    get aic(): CssBuilder<T & {
-        alignItems: import("csstype").Property.AlignItems | undefined;
-    }>;
-    /** Sets `alignItems: "baseline"`. */
-    get aib(): CssBuilder<T & {
-        alignItems: import("csstype").Property.AlignItems | undefined;
-    }>;
-    /** Sets `alignItems: "stretch"`. */
-    get aiStretch(): CssBuilder<T & {
-        alignItems: import("csstype").Property.AlignItems | undefined;
-    }>;
-    /** Sets `alignItems: value`. */
-    ai(value: Properties["alignItems"]): CssBuilder<T & {
-        alignItems: import("csstype").Property.AlignItems | undefined;
-    }>;
-    /** Sets `placeSelf: "auto"`. */
-    get psa(): CssBuilder<T & {
-        placeSelf: import("csstype").Property.PlaceSelf | undefined;
-    }>;
-    /** Sets `placeSelf: "center"`. */
-    get psc(): CssBuilder<T & {
-        placeSelf: import("csstype").Property.PlaceSelf | undefined;
-    }>;
-    /** Sets `placeSelf: "start"`. */
-    get pss(): CssBuilder<T & {
-        placeSelf: import("csstype").Property.PlaceSelf | undefined;
-    }>;
-    /** Sets `placeSelf: "end"`. */
-    get pse(): CssBuilder<T & {
-        placeSelf: import("csstype").Property.PlaceSelf | undefined;
-    }>;
-    /** Sets `placeSelf: "flex-start"`. */
-    get psfs(): CssBuilder<T & {
-        placeSelf: import("csstype").Property.PlaceSelf | undefined;
-    }>;
-    /** Sets `placeSelf: "flex-end"`. */
-    get psfe(): CssBuilder<T & {
-        placeSelf: import("csstype").Property.PlaceSelf | undefined;
-    }>;
-    /** Sets `placeSelf: "stretch"`. */
-    get psStretch(): CssBuilder<T & {
-        placeSelf: import("csstype").Property.PlaceSelf | undefined;
-    }>;
-    /** Sets `placeSelf: value`. */
-    ps(value: Properties["placeSelf"]): CssBuilder<T & {
-        placeSelf: import("csstype").Property.PlaceSelf | undefined;
-    }>;
-    /** Sets `placeContent: "center"`. */
-    get pcc(): CssBuilder<T & {
-        placeContent: import("csstype").Property.PlaceContent | undefined;
-    }>;
-    /** Sets `placeContent: "start"`. */
-    get pcs(): CssBuilder<T & {
-        placeContent: import("csstype").Property.PlaceContent | undefined;
-    }>;
-    /** Sets `placeContent: "end"`. */
-    get pce(): CssBuilder<T & {
-        placeContent: import("csstype").Property.PlaceContent | undefined;
-    }>;
-    /** Sets `placeContent: "space-between"`. */
-    get pcsb(): CssBuilder<T & {
-        placeContent: import("csstype").Property.PlaceContent | undefined;
-    }>;
-    /** Sets `placeContent: "space-around"`. */
-    get pcsa(): CssBuilder<T & {
-        placeContent: import("csstype").Property.PlaceContent | undefined;
-    }>;
-    /** Sets `placeContent: "space-evenly"`. */
-    get pcse(): CssBuilder<T & {
-        placeContent: import("csstype").Property.PlaceContent | undefined;
-    }>;
-    /** Sets `placeContent: "baseline"`. */
-    get pcb(): CssBuilder<T & {
-        placeContent: import("csstype").Property.PlaceContent | undefined;
-    }>;
-    /** Sets `placeContent: "stretch"`. */
-    get pcStretch(): CssBuilder<T & {
-        placeContent: import("csstype").Property.PlaceContent | undefined;
-    }>;
-    /** Sets `placeContent: value`. */
-    pc(value: Properties["placeContent"]): CssBuilder<T & {
-        placeContent: import("csstype").Property.PlaceContent | undefined;
-    }>;
-    /** Sets `placeItems: "center"`. */
-    get pic(): CssBuilder<T & {
-        placeItems: import("csstype").Property.PlaceItems | undefined;
-    }>;
-    /** Sets `placeItems: "start"`. */
-    get pis(): CssBuilder<T & {
-        placeItems: import("csstype").Property.PlaceItems | undefined;
-    }>;
-    /** Sets `placeItems: "end"`. */
-    get pie(): CssBuilder<T & {
-        placeItems: import("csstype").Property.PlaceItems | undefined;
-    }>;
-    /** Sets `placeItems: "space-between"`. */
-    get pisb(): CssBuilder<T & {
-        placeItems: import("csstype").Property.PlaceItems | undefined;
-    }>;
-    /** Sets `placeItems: "space-around"`. */
-    get pisa(): CssBuilder<T & {
-        placeItems: import("csstype").Property.PlaceItems | undefined;
-    }>;
-    /** Sets `placeItems: "space-evenly"`. */
-    get pise(): CssBuilder<T & {
-        placeItems: import("csstype").Property.PlaceItems | undefined;
-    }>;
-    /** Sets `placeItems: "baseline"`. */
-    get pib(): CssBuilder<T & {
-        placeItems: import("csstype").Property.PlaceItems | undefined;
-    }>;
-    /** Sets `placeItems: "stretch"`. */
-    get piStretch(): CssBuilder<T & {
-        placeItems: import("csstype").Property.PlaceItems | undefined;
-    }>;
-    /** Sets `placeItems: value`. */
-    pi(value: Properties["placeItems"]): CssBuilder<T & {
-        placeItems: import("csstype").Property.PlaceItems | undefined;
-    }>;
-    /** Sets `flexBasis: "100%"`. */
-    get fb1(): CssBuilder<T & {
-        flexBasis: import("csstype").Property.FlexBasis<string | 0> | undefined;
-    }>;
-    /** Sets `flexBasis: "50%"`. */
-    get fb2(): CssBuilder<T & {
-        flexBasis: import("csstype").Property.FlexBasis<string | 0> | undefined;
-    }>;
-    /** Sets `flexBasis: "33.333333%"`. */
-    get fb3(): CssBuilder<T & {
-        flexBasis: import("csstype").Property.FlexBasis<string | 0> | undefined;
-    }>;
-    /** Sets `flexBasis: "25%"`. */
-    get fb4(): CssBuilder<T & {
-        flexBasis: import("csstype").Property.FlexBasis<string | 0> | undefined;
-    }>;
-    /** Sets `flexBasis: "20%"`. */
-    get fb5(): CssBuilder<T & {
-        flexBasis: import("csstype").Property.FlexBasis<string | 0> | undefined;
-    }>;
-    /** Sets `flexBasis: "16.666666%"`. */
-    get fb6(): CssBuilder<T & {
-        flexBasis: import("csstype").Property.FlexBasis<string | 0> | undefined;
-    }>;
-    /** Sets `flexBasis: "14.285714%"`. */
-    get fb7(): CssBuilder<T & {
-        flexBasis: import("csstype").Property.FlexBasis<string | 0> | undefined;
-    }>;
-    /** Sets `flexBasis: "12.5%"`. */
-    get fb0(): CssBuilder<T & {
-        flexBasis: import("csstype").Property.FlexBasis<string | 0> | undefined;
-    }>;
-    /** Sets `flexBasis: value`. */
-    fb(value: Properties["flexBasis"]): CssBuilder<T & {
-        flexBasis: import("csstype").Property.FlexBasis<string | 0> | undefined;
-    }>;
-    /** Sets `flexGrow: 0`. */
-    get fg0(): CssBuilder<T & {
-        flexGrow: import("csstype").Property.FlexGrow | undefined;
-    }>;
-    /** Sets `flexGrow: 1`. */
-    get fg1(): CssBuilder<T & {
-        flexGrow: import("csstype").Property.FlexGrow | undefined;
-    }>;
-    /** Sets `flexGrow: value`. */
-    flexGrow(value: Properties["flexGrow"]): CssBuilder<T & {
-        flexGrow: import("csstype").Property.FlexGrow | undefined;
-    }>;
-    /** Sets `flexShrink: 0`. */
-    get fs0(): CssBuilder<T & {
-        flexShrink: import("csstype").Property.FlexShrink | undefined;
-    }>;
-    /** Sets `flexShrink: 1`. */
-    get fs1(): CssBuilder<T & {
-        flexShrink: import("csstype").Property.FlexShrink | undefined;
-    }>;
-    /** Sets `flexShrink: value`. */
-    flexShrink(value: Properties["flexShrink"]): CssBuilder<T & {
-        flexShrink: import("csstype").Property.FlexShrink | undefined;
-    }>;
-    /** Sets `flexDirection: "row"`. */
-    get fdr(): CssBuilder<T & {
-        flexDirection: import("csstype").Property.FlexDirection | undefined;
-    }>;
-    /** Sets `flexDirection: "row-reverse"`. */
-    get fdrr(): CssBuilder<T & {
-        flexDirection: import("csstype").Property.FlexDirection | undefined;
-    }>;
-    /** Sets `flexDirection: "column"`. */
-    get fdc(): CssBuilder<T & {
-        flexDirection: import("csstype").Property.FlexDirection | undefined;
-    }>;
-    /** Sets `flexDirection: "column-reverse"`. */
-    get fdcr(): CssBuilder<T & {
-        flexDirection: import("csstype").Property.FlexDirection | undefined;
-    }>;
-    /** Sets `flexDirection: value`. */
-    fd(value: Properties["flexDirection"]): CssBuilder<T & {
-        flexDirection: import("csstype").Property.FlexDirection | undefined;
-    }>;
-    /** Sets `flexWrap: "wrap"`. */
-    get fww(): CssBuilder<T & {
-        flexWrap: import("csstype").Property.FlexWrap | undefined;
-    }>;
-    /** Sets `flexWrap: "wrap-reverse"`. */
-    get fwr(): CssBuilder<T & {
-        flexWrap: import("csstype").Property.FlexWrap | undefined;
-    }>;
-    /** Sets `flexWrap: "nowrap"`. */
-    get fwnw(): CssBuilder<T & {
-        flexWrap: import("csstype").Property.FlexWrap | undefined;
-    }>;
-    /** Sets `flexWrap: value`. */
-    flexWrap(value: Properties["flexWrap"]): CssBuilder<T & {
-        flexWrap: import("csstype").Property.FlexWrap | undefined;
-    }>;
-    /** Sets `order: value`. */
-    order(value: Properties["order"]): CssBuilder<T & {
-        order: import("csstype").Property.Order | undefined;
-    }>;
-    /** Sets `float: "left"`. */
-    get fl(): CssBuilder<T & {
-        float: import("csstype").Property.Float | undefined;
-    }>;
-    /** Sets `float: "right"`. */
-    get fr(): CssBuilder<T & {
-        float: import("csstype").Property.Float | undefined;
-    }>;
-    /** Sets `float: value`. */
-    float(value: Properties["float"]): CssBuilder<T & {
-        float: import("csstype").Property.Float | undefined;
-    }>;
-    /** Sets `fontWeight: "normal"`. */
-    get fwn(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    }>;
-    /** Sets `fontWeight: "bold"`. */
-    get fwb(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    }>;
-    /** Sets `fontWeight: 100`. */
-    get fw1(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    }>;
-    /** Sets `fontWeight: 200`. */
-    get fw2(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    }>;
-    /** Sets `fontWeight: 300`. */
-    get fw3(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    }>;
-    /** Sets `fontWeight: 400`. */
-    get fw4(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    }>;
-    /** Sets `fontWeight: 500`. */
-    get fw5(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    }>;
-    /** Sets `fontWeight: 600`. */
-    get fw6(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    }>;
-    /** Sets `fontWeight: 700`. */
-    get fw7(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    }>;
-    /** Sets `fontWeight: 800`. */
-    get fw8(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    }>;
-    /** Sets `fontWeight: 900`. */
-    get fw9(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    }>;
-    /** Sets `fontWeight: value`. */
-    fw(value: Properties["fontWeight"]): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    }>;
-    /** Sets `gridTemplateColumns: value`. */
-    gtc(value: Properties["gridTemplateColumns"]): CssBuilder<T & {
-        gridTemplateColumns: import("csstype").Property.GridTemplateColumns<string | 0> | undefined;
-    }>;
-    /** Sets `gridTemplateRows: value`. */
-    gtr(value: Properties["gridTemplateRows"]): CssBuilder<T & {
-        gridTemplateRows: import("csstype").Property.GridTemplateRows<string | 0> | undefined;
-    }>;
-    /** Sets `gridRow: value`. */
-    gr(value: Properties["gridRow"]): CssBuilder<T & {
-        gridRow: import("csstype").Property.GridRow | undefined;
-    }>;
-    /** Sets `gridColumn: value`. */
-    gc(value: Properties["gridColumn"]): CssBuilder<T & {
-        gridColumn: import("csstype").Property.GridColumn | undefined;
-    }>;
-    /** Sets `gridAutoRows: value`. */
-    gar(value: Properties["gridAutoRows"]): CssBuilder<T & {
-        gridAutoRows: import("csstype").Property.GridAutoRows<string | 0> | undefined;
-    }>;
-    /** Sets `gridAutoColumns: value`. */
-    gac(value: Properties["gridAutoColumns"]): CssBuilder<T & {
-        gridAutoColumns: import("csstype").Property.GridAutoColumns<string | 0> | undefined;
-    }>;
-    /** Sets `gap: "0px"`. */
-    get gap0(): CssBuilder<T & {
-        gap: import("csstype").Property.Gap<string | 0> | undefined;
-    }>;
-    /** Sets `gap: "8px"`. */
-    get gap1(): CssBuilder<T & {
-        gap: import("csstype").Property.Gap<string | 0> | undefined;
-    }>;
-    /** Sets `gap: "16px"`. */
-    get gap2(): CssBuilder<T & {
-        gap: import("csstype").Property.Gap<string | 0> | undefined;
-    }>;
-    /** Sets `gap: "24px"`. */
-    get gap3(): CssBuilder<T & {
-        gap: import("csstype").Property.Gap<string | 0> | undefined;
-    }>;
-    /** Sets `gap: "32px"`. */
-    get gap4(): CssBuilder<T & {
-        gap: import("csstype").Property.Gap<string | 0> | undefined;
-    }>;
-    /** Sets `gap: "40px"`. */
-    get gap5(): CssBuilder<T & {
-        gap: import("csstype").Property.Gap<string | 0> | undefined;
-    }>;
-    /** Sets `gap: "48px"`. */
-    get gap6(): CssBuilder<T & {
-        gap: import("csstype").Property.Gap<string | 0> | undefined;
-    }>;
-    /** Sets `gap: "56px"`. */
-    get gap7(): CssBuilder<T & {
-        gap: import("csstype").Property.Gap<string | 0> | undefined;
-    }>;
-    /** Sets `gap: "64px"`. */
-    get gap8(): CssBuilder<T & {
-        gap: import("csstype").Property.Gap<string | 0> | undefined;
-    }>;
-    /** Sets `gap: "v"`. */
-    gap(v: number | string): CssBuilder<T & {
-        gap: import("csstype").Property.Gap<string | 0> | undefined;
-    }>;
-    /** Sets `gap: px`. */
-    gapPx(px: number): CssBuilder<T & {
-        gap: import("csstype").Property.Gap<string | 0> | undefined;
-    }>;
-    /** Sets `rowGap: "0px"`. */
-    get rg0(): CssBuilder<T & {
-        rowGap: import("csstype").Property.RowGap<string | 0> | undefined;
-    }>;
-    /** Sets `rowGap: "8px"`. */
-    get rg1(): CssBuilder<T & {
-        rowGap: import("csstype").Property.RowGap<string | 0> | undefined;
-    }>;
-    /** Sets `rowGap: "16px"`. */
-    get rg2(): CssBuilder<T & {
-        rowGap: import("csstype").Property.RowGap<string | 0> | undefined;
-    }>;
-    /** Sets `rowGap: "24px"`. */
-    get rg3(): CssBuilder<T & {
-        rowGap: import("csstype").Property.RowGap<string | 0> | undefined;
-    }>;
-    /** Sets `rowGap: "32px"`. */
-    get rg4(): CssBuilder<T & {
-        rowGap: import("csstype").Property.RowGap<string | 0> | undefined;
-    }>;
-    /** Sets `rowGap: "40px"`. */
-    get rg5(): CssBuilder<T & {
-        rowGap: import("csstype").Property.RowGap<string | 0> | undefined;
-    }>;
-    /** Sets `rowGap: "48px"`. */
-    get rg6(): CssBuilder<T & {
-        rowGap: import("csstype").Property.RowGap<string | 0> | undefined;
-    }>;
-    /** Sets `rowGap: "56px"`. */
-    get rg7(): CssBuilder<T & {
-        rowGap: import("csstype").Property.RowGap<string | 0> | undefined;
-    }>;
-    /** Sets `rowGap: "64px"`. */
-    get rg8(): CssBuilder<T & {
-        rowGap: import("csstype").Property.RowGap<string | 0> | undefined;
-    }>;
-    /** Sets `rowGap: "v"`. */
-    rg(v: number | string): CssBuilder<T & {
-        rowGap: import("csstype").Property.RowGap<string | 0> | undefined;
-    }>;
-    /** Sets `rowGap: px`. */
-    rgPx(px: number): CssBuilder<T & {
-        rowGap: import("csstype").Property.RowGap<string | 0> | undefined;
-    }>;
-    /** Sets `columnGap: "0px"`. */
-    get cg0(): CssBuilder<T & {
-        columnGap: import("csstype").Property.ColumnGap<string | 0> | undefined;
-    }>;
-    /** Sets `columnGap: "8px"`. */
-    get cg1(): CssBuilder<T & {
-        columnGap: import("csstype").Property.ColumnGap<string | 0> | undefined;
-    }>;
-    /** Sets `columnGap: "16px"`. */
-    get cg2(): CssBuilder<T & {
-        columnGap: import("csstype").Property.ColumnGap<string | 0> | undefined;
-    }>;
-    /** Sets `columnGap: "24px"`. */
-    get cg3(): CssBuilder<T & {
-        columnGap: import("csstype").Property.ColumnGap<string | 0> | undefined;
-    }>;
-    /** Sets `columnGap: "32px"`. */
-    get cg4(): CssBuilder<T & {
-        columnGap: import("csstype").Property.ColumnGap<string | 0> | undefined;
-    }>;
-    /** Sets `columnGap: "40px"`. */
-    get cg5(): CssBuilder<T & {
-        columnGap: import("csstype").Property.ColumnGap<string | 0> | undefined;
-    }>;
-    /** Sets `columnGap: "48px"`. */
-    get cg6(): CssBuilder<T & {
-        columnGap: import("csstype").Property.ColumnGap<string | 0> | undefined;
-    }>;
-    /** Sets `columnGap: "56px"`. */
-    get cg7(): CssBuilder<T & {
-        columnGap: import("csstype").Property.ColumnGap<string | 0> | undefined;
-    }>;
-    /** Sets `columnGap: "64px"`. */
-    get cg8(): CssBuilder<T & {
-        columnGap: import("csstype").Property.ColumnGap<string | 0> | undefined;
-    }>;
-    /** Sets `columnGap: "v"`. */
-    cg(v: number | string): CssBuilder<T & {
-        columnGap: import("csstype").Property.ColumnGap<string | 0> | undefined;
-    }>;
-    /** Sets `columnGap: px`. */
-    cgPx(px: number): CssBuilder<T & {
-        columnGap: import("csstype").Property.ColumnGap<string | 0> | undefined;
-    }>;
-    /** Sets `height: "0px"`. */
-    get h0(): CssBuilder<T & {
-        height: import("csstype").Property.Height<string | 0> | undefined;
-    }>;
-    /** Sets `height: "8px"`. */
-    get h1(): CssBuilder<T & {
-        height: import("csstype").Property.Height<string | 0> | undefined;
-    }>;
-    /** Sets `height: "16px"`. */
-    get h2(): CssBuilder<T & {
-        height: import("csstype").Property.Height<string | 0> | undefined;
-    }>;
-    /** Sets `height: "24px"`. */
-    get h3(): CssBuilder<T & {
-        height: import("csstype").Property.Height<string | 0> | undefined;
-    }>;
-    /** Sets `height: "32px"`. */
-    get h4(): CssBuilder<T & {
-        height: import("csstype").Property.Height<string | 0> | undefined;
-    }>;
-    /** Sets `height: "40px"`. */
-    get h5(): CssBuilder<T & {
-        height: import("csstype").Property.Height<string | 0> | undefined;
-    }>;
-    /** Sets `height: "48px"`. */
-    get h6(): CssBuilder<T & {
-        height: import("csstype").Property.Height<string | 0> | undefined;
-    }>;
-    /** Sets `height: "56px"`. */
-    get h7(): CssBuilder<T & {
-        height: import("csstype").Property.Height<string | 0> | undefined;
-    }>;
-    /** Sets `height: "64px"`. */
-    get h8(): CssBuilder<T & {
-        height: import("csstype").Property.Height<string | 0> | undefined;
-    }>;
-    /** Sets `height: "auto"`. */
-    get ha(): CssBuilder<T & {
-        height: import("csstype").Property.Height<string | 0> | undefined;
-    }>;
-    /** Sets `height: "v"`. */
-    h(v: number | string): CssBuilder<T & {
-        height: import("csstype").Property.Height<string | 0> | undefined;
-    }>;
-    /** Sets `height: px`. */
-    hPx(px: number): CssBuilder<T & {
-        height: import("csstype").Property.Height<string | 0> | undefined;
-    }>;
-    /** Sets `height: "25%"`. */
-    get h25(): CssBuilder<T & {
-        height: import("csstype").Property.Height<string | 0> | undefined;
-    }>;
-    /** Sets `height: "50%"`. */
-    get h50(): CssBuilder<T & {
-        height: import("csstype").Property.Height<string | 0> | undefined;
-    }>;
-    /** Sets `height: "75%"`. */
-    get h75(): CssBuilder<T & {
-        height: import("csstype").Property.Height<string | 0> | undefined;
-    }>;
-    /** Sets `height: "100%"`. */
-    get h100(): CssBuilder<T & {
-        height: import("csstype").Property.Height<string | 0> | undefined;
-    }>;
-    /** Sets `height: "25vh"`. */
-    get vh25(): CssBuilder<T & {
-        height: import("csstype").Property.Height<string | 0> | undefined;
-    }>;
-    /** Sets `height: "50vh"`. */
-    get vh50(): CssBuilder<T & {
-        height: import("csstype").Property.Height<string | 0> | undefined;
-    }>;
-    /** Sets `height: "75vh"`. */
-    get vh75(): CssBuilder<T & {
-        height: import("csstype").Property.Height<string | 0> | undefined;
-    }>;
-    /** Sets `height: "100vh"`. */
-    get vh100(): CssBuilder<T & {
-        height: import("csstype").Property.Height<string | 0> | undefined;
-    }>;
-    /** Sets `height: "fit-content"`. */
-    get hfc(): CssBuilder<T & {
-        height: import("csstype").Property.Height<string | 0> | undefined;
-    }>;
-    /** Sets `height: "max-content"`. */
-    get hmaxc(): CssBuilder<T & {
-        height: import("csstype").Property.Height<string | 0> | undefined;
-    }>;
-    /** Sets `height: "min-content"`. */
-    get hminc(): CssBuilder<T & {
-        height: import("csstype").Property.Height<string | 0> | undefined;
-    }>;
-    /** Sets `minHeight: 0`. */
-    get mh0(): CssBuilder<T & {
-        minHeight: import("csstype").Property.MinHeight<string | 0> | undefined;
-    }>;
-    /** Sets `minHeight: "25%"`. */
-    get mh25(): CssBuilder<T & {
-        minHeight: import("csstype").Property.MinHeight<string | 0> | undefined;
-    }>;
-    /** Sets `minHeight: "50%"`. */
-    get mh50(): CssBuilder<T & {
-        minHeight: import("csstype").Property.MinHeight<string | 0> | undefined;
-    }>;
-    /** Sets `minHeight: "75%"`. */
-    get mh75(): CssBuilder<T & {
-        minHeight: import("csstype").Property.MinHeight<string | 0> | undefined;
-    }>;
-    /** Sets `minHeight: "100%"`. */
-    get mh100(): CssBuilder<T & {
-        minHeight: import("csstype").Property.MinHeight<string | 0> | undefined;
-    }>;
-    /** Sets `minHeight: "100vh"`. */
-    get mvh100(): CssBuilder<T & {
-        minHeight: import("csstype").Property.MinHeight<string | 0> | undefined;
-    }>;
-    /** Sets `minHeight: value`. */
-    mh(value: Properties["minHeight"]): CssBuilder<T & {
-        minHeight: import("csstype").Property.MinHeight<string | 0> | undefined;
-    }>;
-    /** Sets `minHeight: px`. */
-    mhPx(px: number): CssBuilder<T & {
-        minHeight: import("csstype").Property.MinHeight<string | 0> | undefined;
-    }>;
-    /** Sets `maxHeight: "0"`. */
-    get maxh0(): CssBuilder<T & {
-        maxHeight: import("csstype").Property.MaxHeight<string | 0> | undefined;
-    }>;
-    /** Sets `maxHeight: "25%"`. */
-    get maxh25(): CssBuilder<T & {
-        maxHeight: import("csstype").Property.MaxHeight<string | 0> | undefined;
-    }>;
-    /** Sets `maxHeight: "50%"`. */
-    get maxh50(): CssBuilder<T & {
-        maxHeight: import("csstype").Property.MaxHeight<string | 0> | undefined;
-    }>;
-    /** Sets `maxHeight: "75%"`. */
-    get maxh75(): CssBuilder<T & {
-        maxHeight: import("csstype").Property.MaxHeight<string | 0> | undefined;
-    }>;
-    /** Sets `maxHeight: "100%"`. */
-    get maxh100(): CssBuilder<T & {
-        maxHeight: import("csstype").Property.MaxHeight<string | 0> | undefined;
-    }>;
-    /** Sets `maxHeight: value`. */
-    maxh(value: Properties["maxHeight"]): CssBuilder<T & {
-        maxHeight: import("csstype").Property.MaxHeight<string | 0> | undefined;
-    }>;
-    /** Sets `maxHeight: px`. */
-    maxhPx(px: number): CssBuilder<T & {
-        maxHeight: import("csstype").Property.MaxHeight<string | 0> | undefined;
-    }>;
-    /** Sets `height: px; width: px`. */
-    sqPx(px: number): CssBuilder<T & {
-        height: import("csstype").Property.Height<string | 0> | undefined;
-    } & {
-        width: import("csstype").Property.Width<string | 0> | undefined;
-    }>;
-    /** Sets `overflow: "hidden"; display: "-webkit-box"; WebkitBoxOrient: "vertical"; textOverflow: "ellipsis"; WebkitLineClamp: 1`. */
-    get lineClamp1(): CssBuilder<T & {
-        overflow: import("csstype").Property.Overflow | undefined;
-    } & {
-        display: import("csstype").Property.Display | undefined;
-    } & {
-        WebkitBoxOrient: import("csstype").Property.BoxOrient | undefined;
-    } & {
-        textOverflow: import("csstype").Property.TextOverflow | undefined;
-    } & {
-        WebkitLineClamp: import("csstype").Property.WebkitLineClamp | undefined;
-    }>;
-    /** Sets `overflow: "hidden"; display: "-webkit-box"; WebkitBoxOrient: "vertical"; textOverflow: "ellipsis"; WebkitLineClamp: 2`. */
-    get lineClamp2(): CssBuilder<T & {
-        overflow: import("csstype").Property.Overflow | undefined;
-    } & {
-        display: import("csstype").Property.Display | undefined;
-    } & {
-        WebkitBoxOrient: import("csstype").Property.BoxOrient | undefined;
-    } & {
-        textOverflow: import("csstype").Property.TextOverflow | undefined;
-    } & {
-        WebkitLineClamp: import("csstype").Property.WebkitLineClamp | undefined;
-    }>;
-    /** Sets `overflow: "hidden"; display: "-webkit-box"; WebkitBoxOrient: "vertical"; textOverflow: "ellipsis"; WebkitLineClamp: 3`. */
-    get lineClamp3(): CssBuilder<T & {
-        overflow: import("csstype").Property.Overflow | undefined;
-    } & {
-        display: import("csstype").Property.Display | undefined;
-    } & {
-        WebkitBoxOrient: import("csstype").Property.BoxOrient | undefined;
-    } & {
-        textOverflow: import("csstype").Property.TextOverflow | undefined;
-    } & {
-        WebkitLineClamp: import("csstype").Property.WebkitLineClamp | undefined;
-    }>;
-    /** Sets `overflow: "hidden"; display: "-webkit-box"; WebkitBoxOrient: "vertical"; textOverflow: "ellipsis"; WebkitLineClamp: 4`. */
-    get lineClamp4(): CssBuilder<T & {
-        overflow: import("csstype").Property.Overflow | undefined;
-    } & {
-        display: import("csstype").Property.Display | undefined;
-    } & {
-        WebkitBoxOrient: import("csstype").Property.BoxOrient | undefined;
-    } & {
-        textOverflow: import("csstype").Property.TextOverflow | undefined;
-    } & {
-        WebkitLineClamp: import("csstype").Property.WebkitLineClamp | undefined;
-    }>;
-    /** Sets `overflow: "hidden"; display: "-webkit-box"; WebkitBoxOrient: "vertical"; textOverflow: "ellipsis"; WebkitLineClamp: 5`. */
-    get lineClamp5(): CssBuilder<T & {
-        overflow: import("csstype").Property.Overflow | undefined;
-    } & {
-        display: import("csstype").Property.Display | undefined;
-    } & {
-        WebkitBoxOrient: import("csstype").Property.BoxOrient | undefined;
-    } & {
-        textOverflow: import("csstype").Property.TextOverflow | undefined;
-    } & {
-        WebkitLineClamp: import("csstype").Property.WebkitLineClamp | undefined;
-    }>;
-    /** Sets `overflow: "hidden"; display: "-webkit-box"; WebkitBoxOrient: "vertical"; textOverflow: "ellipsis"; WebkitLineClamp: 6`. */
-    get lineClamp6(): CssBuilder<T & {
-        overflow: import("csstype").Property.Overflow | undefined;
-    } & {
-        display: import("csstype").Property.Display | undefined;
-    } & {
-        WebkitBoxOrient: import("csstype").Property.BoxOrient | undefined;
-    } & {
-        textOverflow: import("csstype").Property.TextOverflow | undefined;
-    } & {
-        WebkitLineClamp: import("csstype").Property.WebkitLineClamp | undefined;
-    }>;
-    /** Sets `WebkitLineClamp: "unset"`. */
-    get lineClampNone(): CssBuilder<T & {
-        WebkitLineClamp: import("csstype").Property.WebkitLineClamp | undefined;
-    }>;
-    /** Sets `WebkitLineClamp: value`. */
-    lineClamp(value: Properties["WebkitLineClamp"]): CssBuilder<T & {
-        WebkitLineClamp: import("csstype").Property.WebkitLineClamp | undefined;
-    } & {
-        overflow: import("csstype").Property.Overflow | undefined;
-    } & {
-        display: import("csstype").Property.Display | undefined;
-    } & {
-        WebkitBoxOrient: import("csstype").Property.BoxOrient | undefined;
-    } & {
-        textOverflow: import("csstype").Property.TextOverflow | undefined;
-    }>;
-    /** Sets `objectFit: "contain"`. */
-    get objectContain(): CssBuilder<T & {
-        objectFit: import("csstype").Property.ObjectFit | undefined;
-    }>;
-    /** Sets `objectFit: "cover"`. */
-    get objectCover(): CssBuilder<T & {
-        objectFit: import("csstype").Property.ObjectFit | undefined;
-    }>;
-    /** Sets `objectFit: "fill"`. */
-    get objectFill(): CssBuilder<T & {
-        objectFit: import("csstype").Property.ObjectFit | undefined;
-    }>;
-    /** Sets `objectFit: "none"`. */
-    get objectNone(): CssBuilder<T & {
-        objectFit: import("csstype").Property.ObjectFit | undefined;
-    }>;
-    /** Sets `objectFit: "scale-down"`. */
-    get objectScaleDown(): CssBuilder<T & {
-        objectFit: import("csstype").Property.ObjectFit | undefined;
-    }>;
-    /** Sets `objectFit: value`. */
-    objectFit(value: Properties["objectFit"]): CssBuilder<T & {
-        objectFit: import("csstype").Property.ObjectFit | undefined;
-    }>;
-    /** Sets `opacity: "0"`. */
-    get o0(): CssBuilder<T & {
-        opacity: import("csstype").Property.Opacity | undefined;
-    }>;
-    /** Sets `opacity: "0.25"`. */
-    get o25(): CssBuilder<T & {
-        opacity: import("csstype").Property.Opacity | undefined;
-    }>;
-    /** Sets `opacity: "0.5"`. */
-    get o50(): CssBuilder<T & {
-        opacity: import("csstype").Property.Opacity | undefined;
-    }>;
-    /** Sets `opacity: "0.75"`. */
-    get o75(): CssBuilder<T & {
-        opacity: import("csstype").Property.Opacity | undefined;
-    }>;
-    /** Sets `opacity: "1"`. */
-    get o100(): CssBuilder<T & {
-        opacity: import("csstype").Property.Opacity | undefined;
-    }>;
-    /** Sets `opacity: value`. */
-    o(value: Properties["opacity"]): CssBuilder<T & {
-        opacity: import("csstype").Property.Opacity | undefined;
-    }>;
-    /** Sets `outline: "1px solid"`. */
-    get outline1(): CssBuilder<T & {
-        outline: import("csstype").Property.Outline<string | 0> | undefined;
-    }>;
-    /** Sets `outline: "1px solid transparent"`. */
-    get outlineTransparent(): CssBuilder<T & {
-        outline: import("csstype").Property.Outline<string | 0> | undefined;
-    }>;
-    /** Sets `outline: "0"`. */
-    get outline0(): CssBuilder<T & {
-        outline: import("csstype").Property.Outline<string | 0> | undefined;
-    }>;
-    /** Sets `outline: value`. */
-    outline(value: Properties["outline"]): CssBuilder<T & {
-        outline: import("csstype").Property.Outline<string | 0> | undefined;
-    }>;
-    /** Sets `overflow: "visible"`. */
-    get ov(): CssBuilder<T & {
-        overflow: import("csstype").Property.Overflow | undefined;
-    }>;
-    /** Sets `overflow: "hidden"`. */
-    get oh(): CssBuilder<T & {
-        overflow: import("csstype").Property.Overflow | undefined;
-    }>;
-    /** Sets `overflow: "scroll"`. */
-    get os(): CssBuilder<T & {
-        overflow: import("csstype").Property.Overflow | undefined;
-    }>;
-    /** Sets `overflow: "auto"`. */
-    get oa(): CssBuilder<T & {
-        overflow: import("csstype").Property.Overflow | undefined;
-    }>;
-    /** Sets `overflow: value`. */
-    overflow(value: Properties["overflow"]): CssBuilder<T & {
-        overflow: import("csstype").Property.Overflow | undefined;
-    }>;
-    /** Sets `overflowY: "visible"`. */
-    get oyv(): CssBuilder<T & {
-        overflowY: import("csstype").Property.OverflowY | undefined;
-    }>;
-    /** Sets `overflowY: "hidden"`. */
-    get oyh(): CssBuilder<T & {
-        overflowY: import("csstype").Property.OverflowY | undefined;
-    }>;
-    /** Sets `overflowY: "scroll"`. */
-    get oys(): CssBuilder<T & {
-        overflowY: import("csstype").Property.OverflowY | undefined;
-    }>;
-    /** Sets `overflowY: "auto"`. */
-    get oya(): CssBuilder<T & {
-        overflowY: import("csstype").Property.OverflowY | undefined;
-    }>;
-    /** Sets `overflowY: value`. */
-    overflowY(value: Properties["overflowY"]): CssBuilder<T & {
-        overflowY: import("csstype").Property.OverflowY | undefined;
-    }>;
-    /** Sets `overflowX: "visible"`. */
-    get oxv(): CssBuilder<T & {
-        overflowX: import("csstype").Property.OverflowX | undefined;
-    }>;
-    /** Sets `overflowX: "hidden"`. */
-    get oxh(): CssBuilder<T & {
-        overflowX: import("csstype").Property.OverflowX | undefined;
-    }>;
-    /** Sets `overflowX: "scroll"`. */
-    get oxs(): CssBuilder<T & {
-        overflowX: import("csstype").Property.OverflowX | undefined;
-    }>;
-    /** Sets `overflowX: "auto"`. */
-    get oxa(): CssBuilder<T & {
-        overflowX: import("csstype").Property.OverflowX | undefined;
-    }>;
-    /** Sets `overflowX: value`. */
-    overflowX(value: Properties["overflowX"]): CssBuilder<T & {
-        overflowX: import("csstype").Property.OverflowX | undefined;
-    }>;
-    /** Sets `position: "absolute"`. */
-    get absolute(): CssBuilder<T & {
-        position: import("csstype").Property.Position | undefined;
-    }>;
-    /** Sets `position: "fixed"`. */
-    get fixed(): CssBuilder<T & {
-        position: import("csstype").Property.Position | undefined;
-    }>;
-    /** Sets `position: "static"`. */
-    get static(): CssBuilder<T & {
-        position: import("csstype").Property.Position | undefined;
-    }>;
-    /** Sets `position: "relative"`. */
-    get relative(): CssBuilder<T & {
-        position: import("csstype").Property.Position | undefined;
-    }>;
-    /** Sets `position: "sticky"`. */
-    get sticky(): CssBuilder<T & {
-        position: import("csstype").Property.Position | undefined;
-    }>;
-    /** Sets `position: value`. */
-    position(value: Properties["position"]): CssBuilder<T & {
-        position: import("csstype").Property.Position | undefined;
-    }>;
-    /** Sets `color: "rgba(255,255,255,1)"`. */
-    get white(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(0,0,0,0)"`. */
-    get transparent(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(255, 253, 253, 1)"`. */
-    get gray50(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(247, 245, 245, 1)"`. */
-    get gray100(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(236, 235, 235, 1)"`. */
-    get gray200(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(221, 220, 220, 1)"`. */
-    get gray300(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(201, 201, 201, 1)"`. */
-    get gray400(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(175, 175, 175, 1)"`. */
-    get gray500(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(141, 141, 141, 1)"`. */
-    get gray600(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(100, 100, 100, 1)"`. */
-    get gray700(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(53, 53, 53, 1)"`. */
-    get gray800(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(36, 36, 36, 1)"`. */
-    get gray900(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(239, 246, 255, 1)"`. */
-    get blue50(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(219, 234, 254, 1)"`. */
-    get blue100(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(191, 219, 254, 1)"`. */
-    get blue200(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(147, 197, 253, 1)"`. */
-    get blue300(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(96, 165, 250, 1)"`. */
-    get blue400(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(59, 130, 246, 1)"`. */
-    get blue500(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(37, 99, 235, 1)"`. */
-    get blue600(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(29, 78, 216, 1)"`. */
-    get blue700(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(30, 64, 175, 1)"`. */
-    get blue800(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(30, 58, 138, 1)"`. */
-    get blue900(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(254, 242, 242, 1)"`. */
-    get red50(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(254, 226, 226, 1)"`. */
-    get red100(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(254, 202, 202, 1)"`. */
-    get red200(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(252, 165, 165, 1)"`. */
-    get red300(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(248, 113, 113, 1)"`. */
-    get red400(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(239, 68, 68, 1)"`. */
-    get red500(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(220, 38, 38, 1)"`. */
-    get red600(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(185, 28, 28, 1)"`. */
-    get red700(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(153, 27, 27, 1)"`. */
-    get red800(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(127, 29, 29, 1)"`. */
-    get red900(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(254, 252, 232, 1)"`. */
-    get yellow50(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(254, 249, 195, 1)"`. */
-    get yellow100(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(254, 240, 138, 1)"`. */
-    get yellow200(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(253, 224, 71, 1)"`. */
-    get yellow300(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(250, 204, 21, 1)"`. */
-    get yellow400(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(234, 179, 8, 1)"`. */
-    get yellow500(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(202, 138, 4, 1)"`. */
-    get yellow600(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(161, 98, 7, 1)"`. */
-    get yellow700(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(133, 77, 14, 1)"`. */
-    get yellow800(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(113, 63, 18, 1)"`. */
-    get yellow900(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(236, 253, 245, 1)"`. */
-    get green50(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(209, 250, 229, 1)"`. */
-    get green100(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(167, 243, 208, 1)"`. */
-    get green200(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(110, 231, 183, 1)"`. */
-    get green300(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(52, 211, 153, 1)"`. */
-    get green400(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(16, 185, 129, 1)"`. */
-    get green500(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(5, 150, 105, 1)"`. */
-    get green600(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(4, 120, 87, 1)"`. */
-    get green700(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(6, 95, 70, 1)"`. */
-    get green800(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(6, 78, 59, 1)"`. */
-    get green900(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(245, 243, 255, 1)"`. */
-    get purple50(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(237, 233, 254, 1)"`. */
-    get purple100(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(221, 214, 254, 1)"`. */
-    get purple200(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(196, 181, 253, 1)"`. */
-    get purple300(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(167, 139, 250, 1)"`. */
-    get purple400(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(139, 92, 246, 1)"`. */
-    get purple500(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(124, 58, 237, 1)"`. */
-    get purple600(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(109, 40, 217, 1)"`. */
-    get purple700(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(91, 33, 182, 1)"`. */
-    get purple800(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(76, 29, 149, 1)"`. */
-    get purple900(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(255, 247, 237, 1)"`. */
-    get orange50(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(255, 237, 213, 1)"`. */
-    get orange100(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(254, 215, 170, 1)"`. */
-    get orange200(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(253, 186, 116, 1)"`. */
-    get orange300(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(251, 146, 60, 1)"`. */
-    get orange400(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(249, 115, 22, 1)"`. */
-    get orange500(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(234, 88, 12, 1)"`. */
-    get orange600(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(194, 65, 12, 1)"`. */
-    get orange700(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(154, 52, 18, 1)"`. */
-    get orange800(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: "rgba(124, 45, 18, 1)"`. */
-    get orange900(): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `color: value`. */
-    color(value: Properties["color"]): CssBuilder<T & {
-        color: import("csstype").Property.Color | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(255,255,255,1)"`. */
-    get bgWhite(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(0,0,0,0)"`. */
-    get bgTransparent(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(255, 253, 253, 1)"`. */
-    get bgGray50(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(247, 245, 245, 1)"`. */
-    get bgGray100(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(236, 235, 235, 1)"`. */
-    get bgGray200(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(221, 220, 220, 1)"`. */
-    get bgGray300(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(201, 201, 201, 1)"`. */
-    get bgGray400(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(175, 175, 175, 1)"`. */
-    get bgGray500(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(141, 141, 141, 1)"`. */
-    get bgGray600(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(100, 100, 100, 1)"`. */
-    get bgGray700(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(53, 53, 53, 1)"`. */
-    get bgGray800(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(36, 36, 36, 1)"`. */
-    get bgGray900(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(239, 246, 255, 1)"`. */
-    get bgBlue50(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(219, 234, 254, 1)"`. */
-    get bgBlue100(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(191, 219, 254, 1)"`. */
-    get bgBlue200(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(147, 197, 253, 1)"`. */
-    get bgBlue300(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(96, 165, 250, 1)"`. */
-    get bgBlue400(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(59, 130, 246, 1)"`. */
-    get bgBlue500(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(37, 99, 235, 1)"`. */
-    get bgBlue600(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(29, 78, 216, 1)"`. */
-    get bgBlue700(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(30, 64, 175, 1)"`. */
-    get bgBlue800(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(30, 58, 138, 1)"`. */
-    get bgBlue900(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(254, 242, 242, 1)"`. */
-    get bgRed50(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(254, 226, 226, 1)"`. */
-    get bgRed100(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(254, 202, 202, 1)"`. */
-    get bgRed200(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(252, 165, 165, 1)"`. */
-    get bgRed300(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(248, 113, 113, 1)"`. */
-    get bgRed400(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(239, 68, 68, 1)"`. */
-    get bgRed500(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(220, 38, 38, 1)"`. */
-    get bgRed600(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(185, 28, 28, 1)"`. */
-    get bgRed700(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(153, 27, 27, 1)"`. */
-    get bgRed800(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(127, 29, 29, 1)"`. */
-    get bgRed900(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(254, 252, 232, 1)"`. */
-    get bgYellow50(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(254, 249, 195, 1)"`. */
-    get bgYellow100(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(254, 240, 138, 1)"`. */
-    get bgYellow200(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(253, 224, 71, 1)"`. */
-    get bgYellow300(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(250, 204, 21, 1)"`. */
-    get bgYellow400(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(234, 179, 8, 1)"`. */
-    get bgYellow500(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(202, 138, 4, 1)"`. */
-    get bgYellow600(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(161, 98, 7, 1)"`. */
-    get bgYellow700(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(133, 77, 14, 1)"`. */
-    get bgYellow800(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(113, 63, 18, 1)"`. */
-    get bgYellow900(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(236, 253, 245, 1)"`. */
-    get bgGreen50(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(209, 250, 229, 1)"`. */
-    get bgGreen100(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(167, 243, 208, 1)"`. */
-    get bgGreen200(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(110, 231, 183, 1)"`. */
-    get bgGreen300(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(52, 211, 153, 1)"`. */
-    get bgGreen400(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(16, 185, 129, 1)"`. */
-    get bgGreen500(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(5, 150, 105, 1)"`. */
-    get bgGreen600(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(4, 120, 87, 1)"`. */
-    get bgGreen700(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(6, 95, 70, 1)"`. */
-    get bgGreen800(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(6, 78, 59, 1)"`. */
-    get bgGreen900(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(245, 243, 255, 1)"`. */
-    get bgPurple50(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(237, 233, 254, 1)"`. */
-    get bgPurple100(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(221, 214, 254, 1)"`. */
-    get bgPurple200(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(196, 181, 253, 1)"`. */
-    get bgPurple300(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(167, 139, 250, 1)"`. */
-    get bgPurple400(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(139, 92, 246, 1)"`. */
-    get bgPurple500(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(124, 58, 237, 1)"`. */
-    get bgPurple600(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(109, 40, 217, 1)"`. */
-    get bgPurple700(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(91, 33, 182, 1)"`. */
-    get bgPurple800(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(76, 29, 149, 1)"`. */
-    get bgPurple900(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(255, 247, 237, 1)"`. */
-    get bgOrange50(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(255, 237, 213, 1)"`. */
-    get bgOrange100(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(254, 215, 170, 1)"`. */
-    get bgOrange200(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(253, 186, 116, 1)"`. */
-    get bgOrange300(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(251, 146, 60, 1)"`. */
-    get bgOrange400(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(249, 115, 22, 1)"`. */
-    get bgOrange500(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(234, 88, 12, 1)"`. */
-    get bgOrange600(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(194, 65, 12, 1)"`. */
-    get bgOrange700(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(154, 52, 18, 1)"`. */
-    get bgOrange800(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: "rgba(124, 45, 18, 1)"`. */
-    get bgOrange900(): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `backgroundColor: value`. */
-    bgColor(value: Properties["backgroundColor"]): CssBuilder<T & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `fill: "rgba(255,255,255,1)"`. */
-    get fWhite(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(0,0,0,0)"`. */
-    get fTransparent(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(255, 253, 253, 1)"`. */
-    get fGray50(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(247, 245, 245, 1)"`. */
-    get fGray100(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(236, 235, 235, 1)"`. */
-    get fGray200(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(221, 220, 220, 1)"`. */
-    get fGray300(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(201, 201, 201, 1)"`. */
-    get fGray400(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(175, 175, 175, 1)"`. */
-    get fGray500(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(141, 141, 141, 1)"`. */
-    get fGray600(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(100, 100, 100, 1)"`. */
-    get fGray700(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(53, 53, 53, 1)"`. */
-    get fGray800(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(36, 36, 36, 1)"`. */
-    get fGray900(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(239, 246, 255, 1)"`. */
-    get fBlue50(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(219, 234, 254, 1)"`. */
-    get fBlue100(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(191, 219, 254, 1)"`. */
-    get fBlue200(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(147, 197, 253, 1)"`. */
-    get fBlue300(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(96, 165, 250, 1)"`. */
-    get fBlue400(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(59, 130, 246, 1)"`. */
-    get fBlue500(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(37, 99, 235, 1)"`. */
-    get fBlue600(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(29, 78, 216, 1)"`. */
-    get fBlue700(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(30, 64, 175, 1)"`. */
-    get fBlue800(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(30, 58, 138, 1)"`. */
-    get fBlue900(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(254, 242, 242, 1)"`. */
-    get fRed50(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(254, 226, 226, 1)"`. */
-    get fRed100(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(254, 202, 202, 1)"`. */
-    get fRed200(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(252, 165, 165, 1)"`. */
-    get fRed300(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(248, 113, 113, 1)"`. */
-    get fRed400(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(239, 68, 68, 1)"`. */
-    get fRed500(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(220, 38, 38, 1)"`. */
-    get fRed600(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(185, 28, 28, 1)"`. */
-    get fRed700(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(153, 27, 27, 1)"`. */
-    get fRed800(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(127, 29, 29, 1)"`. */
-    get fRed900(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(254, 252, 232, 1)"`. */
-    get fYellow50(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(254, 249, 195, 1)"`. */
-    get fYellow100(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(254, 240, 138, 1)"`. */
-    get fYellow200(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(253, 224, 71, 1)"`. */
-    get fYellow300(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(250, 204, 21, 1)"`. */
-    get fYellow400(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(234, 179, 8, 1)"`. */
-    get fYellow500(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(202, 138, 4, 1)"`. */
-    get fYellow600(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(161, 98, 7, 1)"`. */
-    get fYellow700(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(133, 77, 14, 1)"`. */
-    get fYellow800(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(113, 63, 18, 1)"`. */
-    get fYellow900(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(236, 253, 245, 1)"`. */
-    get fGreen50(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(209, 250, 229, 1)"`. */
-    get fGreen100(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(167, 243, 208, 1)"`. */
-    get fGreen200(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(110, 231, 183, 1)"`. */
-    get fGreen300(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(52, 211, 153, 1)"`. */
-    get fGreen400(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(16, 185, 129, 1)"`. */
-    get fGreen500(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(5, 150, 105, 1)"`. */
-    get fGreen600(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(4, 120, 87, 1)"`. */
-    get fGreen700(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(6, 95, 70, 1)"`. */
-    get fGreen800(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(6, 78, 59, 1)"`. */
-    get fGreen900(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(245, 243, 255, 1)"`. */
-    get fPurple50(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(237, 233, 254, 1)"`. */
-    get fPurple100(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(221, 214, 254, 1)"`. */
-    get fPurple200(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(196, 181, 253, 1)"`. */
-    get fPurple300(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(167, 139, 250, 1)"`. */
-    get fPurple400(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(139, 92, 246, 1)"`. */
-    get fPurple500(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(124, 58, 237, 1)"`. */
-    get fPurple600(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(109, 40, 217, 1)"`. */
-    get fPurple700(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(91, 33, 182, 1)"`. */
-    get fPurple800(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(76, 29, 149, 1)"`. */
-    get fPurple900(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(255, 247, 237, 1)"`. */
-    get fOrange50(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(255, 237, 213, 1)"`. */
-    get fOrange100(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(254, 215, 170, 1)"`. */
-    get fOrange200(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(253, 186, 116, 1)"`. */
-    get fOrange300(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(251, 146, 60, 1)"`. */
-    get fOrange400(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(249, 115, 22, 1)"`. */
-    get fOrange500(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(234, 88, 12, 1)"`. */
-    get fOrange600(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(194, 65, 12, 1)"`. */
-    get fOrange700(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(154, 52, 18, 1)"`. */
-    get fOrange800(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: "rgba(124, 45, 18, 1)"`. */
-    get fOrange900(): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `fill: value`. */
-    fill(value: Properties["fill"]): CssBuilder<T & {
-        fill: import("csstype").Property.Fill | undefined;
-    }>;
-    /** Sets `marginTop: "0px"`. */
-    get mt0(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
-    }>;
-    /** Sets `marginTop: "8px"`. */
-    get mt1(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
-    }>;
-    /** Sets `marginTop: "16px"`. */
-    get mt2(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
-    }>;
-    /** Sets `marginTop: "24px"`. */
-    get mt3(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
-    }>;
-    /** Sets `marginTop: "32px"`. */
-    get mt4(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
-    }>;
-    /** Sets `marginTop: "40px"`. */
-    get mt5(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
-    }>;
-    /** Sets `marginTop: "48px"`. */
-    get mt6(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
-    }>;
-    /** Sets `marginTop: "56px"`. */
-    get mt7(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
-    }>;
-    /** Sets `marginTop: "64px"`. */
-    get mt8(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
-    }>;
-    /** Sets `marginTop: "auto"`. */
-    get mta(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
-    }>;
-    /** Sets `marginTop: "v"`. */
-    mt(v: number | string): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
-    }>;
-    /** Sets `marginTop: px`. */
-    mtPx(px: number): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
-    }>;
-    /** Sets `marginRight: "0px"`. */
-    get mr0(): CssBuilder<T & {
-        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
-    }>;
-    /** Sets `marginRight: "8px"`. */
-    get mr1(): CssBuilder<T & {
-        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
-    }>;
-    /** Sets `marginRight: "16px"`. */
-    get mr2(): CssBuilder<T & {
-        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
-    }>;
-    /** Sets `marginRight: "24px"`. */
-    get mr3(): CssBuilder<T & {
-        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
-    }>;
-    /** Sets `marginRight: "32px"`. */
-    get mr4(): CssBuilder<T & {
-        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
-    }>;
-    /** Sets `marginRight: "40px"`. */
-    get mr5(): CssBuilder<T & {
-        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
-    }>;
-    /** Sets `marginRight: "48px"`. */
-    get mr6(): CssBuilder<T & {
-        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
-    }>;
-    /** Sets `marginRight: "56px"`. */
-    get mr7(): CssBuilder<T & {
-        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
-    }>;
-    /** Sets `marginRight: "64px"`. */
-    get mr8(): CssBuilder<T & {
-        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
-    }>;
-    /** Sets `marginRight: "auto"`. */
-    get mra(): CssBuilder<T & {
-        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
-    }>;
-    /** Sets `marginRight: "v"`. */
-    mr(v: number | string): CssBuilder<T & {
-        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
-    }>;
-    /** Sets `marginRight: px`. */
-    mrPx(px: number): CssBuilder<T & {
-        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
-    }>;
-    /** Sets `marginBottom: "0px"`. */
-    get mb0(): CssBuilder<T & {
-        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
-    }>;
-    /** Sets `marginBottom: "8px"`. */
-    get mb1(): CssBuilder<T & {
-        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
-    }>;
-    /** Sets `marginBottom: "16px"`. */
-    get mb2(): CssBuilder<T & {
-        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
-    }>;
-    /** Sets `marginBottom: "24px"`. */
-    get mb3(): CssBuilder<T & {
-        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
-    }>;
-    /** Sets `marginBottom: "32px"`. */
-    get mb4(): CssBuilder<T & {
-        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
-    }>;
-    /** Sets `marginBottom: "40px"`. */
-    get mb5(): CssBuilder<T & {
-        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
-    }>;
-    /** Sets `marginBottom: "48px"`. */
-    get mb6(): CssBuilder<T & {
-        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
-    }>;
-    /** Sets `marginBottom: "56px"`. */
-    get mb7(): CssBuilder<T & {
-        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
-    }>;
-    /** Sets `marginBottom: "64px"`. */
-    get mb8(): CssBuilder<T & {
-        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
-    }>;
-    /** Sets `marginBottom: "auto"`. */
-    get mba(): CssBuilder<T & {
-        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
-    }>;
-    /** Sets `marginBottom: "v"`. */
-    mb(v: number | string): CssBuilder<T & {
-        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
-    }>;
-    /** Sets `marginBottom: px`. */
-    mbPx(px: number): CssBuilder<T & {
-        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
-    }>;
-    /** Sets `marginLeft: "0px"`. */
-    get ml0(): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
-    }>;
-    /** Sets `marginLeft: "8px"`. */
-    get ml1(): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
-    }>;
-    /** Sets `marginLeft: "16px"`. */
-    get ml2(): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
-    }>;
-    /** Sets `marginLeft: "24px"`. */
-    get ml3(): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
-    }>;
-    /** Sets `marginLeft: "32px"`. */
-    get ml4(): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
-    }>;
-    /** Sets `marginLeft: "40px"`. */
-    get ml5(): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
-    }>;
-    /** Sets `marginLeft: "48px"`. */
-    get ml6(): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
-    }>;
-    /** Sets `marginLeft: "56px"`. */
-    get ml7(): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
-    }>;
-    /** Sets `marginLeft: "64px"`. */
-    get ml8(): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
-    }>;
-    /** Sets `marginLeft: "auto"`. */
-    get mla(): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
-    }>;
-    /** Sets `marginLeft: "v"`. */
-    ml(v: number | string): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
-    }>;
-    /** Sets `marginLeft: px`. */
-    mlPx(px: number): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
-    }>;
-    /** Sets `marginLeft: "0px"; marginRight: "0px"`. */
-    get mx0(): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
-    } & {
-        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
-    }>;
-    /** Sets `marginLeft: "8px"; marginRight: "8px"`. */
-    get mx1(): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
-    } & {
-        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
-    }>;
-    /** Sets `marginLeft: "16px"; marginRight: "16px"`. */
-    get mx2(): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
-    } & {
-        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
-    }>;
-    /** Sets `marginLeft: "24px"; marginRight: "24px"`. */
-    get mx3(): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
-    } & {
-        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
-    }>;
-    /** Sets `marginLeft: "32px"; marginRight: "32px"`. */
-    get mx4(): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
-    } & {
-        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
-    }>;
-    /** Sets `marginLeft: "40px"; marginRight: "40px"`. */
-    get mx5(): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
-    } & {
-        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
-    }>;
-    /** Sets `marginLeft: "48px"; marginRight: "48px"`. */
-    get mx6(): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
-    } & {
-        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
-    }>;
-    /** Sets `marginLeft: "56px"; marginRight: "56px"`. */
-    get mx7(): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
-    } & {
-        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
-    }>;
-    /** Sets `marginLeft: "64px"; marginRight: "64px"`. */
-    get mx8(): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
-    } & {
-        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
-    }>;
-    /** Sets `marginLeft: "auto"; marginRight: "auto"`. */
-    get mxa(): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
-    } & {
-        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
-    }>;
-    /** Sets `marginLeft: "v"; marginRight: "v"`. */
-    mx(v: number | string): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
-    } & {
-        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
-    }>;
-    /** Sets `marginLeft: px; marginRight: px`. */
-    mxPx(px: number): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
-    } & {
-        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
-    }>;
-    /** Sets `marginTop: "0px"; marginBottom: "0px"`. */
-    get my0(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
-    } & {
-        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
-    }>;
-    /** Sets `marginTop: "8px"; marginBottom: "8px"`. */
-    get my1(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
-    } & {
-        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
-    }>;
-    /** Sets `marginTop: "16px"; marginBottom: "16px"`. */
-    get my2(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
-    } & {
-        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
-    }>;
-    /** Sets `marginTop: "24px"; marginBottom: "24px"`. */
-    get my3(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
-    } & {
-        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
-    }>;
-    /** Sets `marginTop: "32px"; marginBottom: "32px"`. */
-    get my4(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
-    } & {
-        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
-    }>;
-    /** Sets `marginTop: "40px"; marginBottom: "40px"`. */
-    get my5(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
-    } & {
-        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
-    }>;
-    /** Sets `marginTop: "48px"; marginBottom: "48px"`. */
-    get my6(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
-    } & {
-        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
-    }>;
-    /** Sets `marginTop: "56px"; marginBottom: "56px"`. */
-    get my7(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
-    } & {
-        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
-    }>;
-    /** Sets `marginTop: "64px"; marginBottom: "64px"`. */
-    get my8(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
-    } & {
-        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
-    }>;
-    /** Sets `marginTop: "auto"; marginBottom: "auto"`. */
-    get mya(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
-    } & {
-        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
-    }>;
-    /** Sets `marginTop: "v"; marginBottom: "v"`. */
-    my(v: number | string): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
-    } & {
-        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
-    }>;
-    /** Sets `marginTop: px; marginBottom: px`. */
-    myPx(px: number): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
-    } & {
-        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
-    }>;
-    /** Sets `marginTop: "0px"; marginBottom: "0px"; marginRight: "0px"; marginLeft: "0px"`. */
-    get m0(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
-    } & {
-        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
-    } & {
-        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
-    } & {
-        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
-    }>;
-    /** Sets `marginTop: "8px"; marginBottom: "8px"; marginRight: "8px"; marginLeft: "8px"`. */
-    get m1(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
-    } & {
-        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
-    } & {
-        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
-    } & {
-        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
-    }>;
-    /** Sets `marginTop: "16px"; marginBottom: "16px"; marginRight: "16px"; marginLeft: "16px"`. */
-    get m2(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
-    } & {
-        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
-    } & {
-        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
-    } & {
-        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
-    }>;
-    /** Sets `marginTop: "24px"; marginBottom: "24px"; marginRight: "24px"; marginLeft: "24px"`. */
-    get m3(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
-    } & {
-        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
-    } & {
-        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
-    } & {
-        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
-    }>;
-    /** Sets `marginTop: "32px"; marginBottom: "32px"; marginRight: "32px"; marginLeft: "32px"`. */
-    get m4(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
-    } & {
-        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
-    } & {
-        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
-    } & {
-        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
-    }>;
-    /** Sets `marginTop: "40px"; marginBottom: "40px"; marginRight: "40px"; marginLeft: "40px"`. */
-    get m5(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
-    } & {
-        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
-    } & {
-        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
-    } & {
-        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
-    }>;
-    /** Sets `marginTop: "48px"; marginBottom: "48px"; marginRight: "48px"; marginLeft: "48px"`. */
-    get m6(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
-    } & {
-        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
-    } & {
-        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
-    } & {
-        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
-    }>;
-    /** Sets `marginTop: "56px"; marginBottom: "56px"; marginRight: "56px"; marginLeft: "56px"`. */
-    get m7(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
-    } & {
-        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
-    } & {
-        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
-    } & {
-        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
-    }>;
-    /** Sets `marginTop: "64px"; marginBottom: "64px"; marginRight: "64px"; marginLeft: "64px"`. */
-    get m8(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
-    } & {
-        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
-    } & {
-        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
-    } & {
-        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
-    }>;
-    /** Sets `marginTop: "auto"; marginBottom: "auto"; marginRight: "auto"; marginLeft: "auto"`. */
-    get ma(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
-    } & {
-        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
-    } & {
-        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
-    } & {
-        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
-    }>;
-    /** Sets `marginTop: "v"; marginBottom: "v"; marginRight: "v"; marginLeft: "v"`. */
-    m(v: number | string): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
-    } & {
-        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
-    } & {
-        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
-    } & {
-        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
-    }>;
-    /** Sets `marginTop: px; marginBottom: px; marginRight: px; marginLeft: px`. */
-    mPx(px: number): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
-    } & {
-        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
-    } & {
-        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
-    } & {
-        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
-    }>;
-    /** Sets `paddingTop: "0px"`. */
-    get pt0(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
-    }>;
-    /** Sets `paddingTop: "8px"`. */
-    get pt1(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
-    }>;
-    /** Sets `paddingTop: "16px"`. */
-    get pt2(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
-    }>;
-    /** Sets `paddingTop: "24px"`. */
-    get pt3(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
-    }>;
-    /** Sets `paddingTop: "32px"`. */
-    get pt4(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
-    }>;
-    /** Sets `paddingTop: "40px"`. */
-    get pt5(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
-    }>;
-    /** Sets `paddingTop: "48px"`. */
-    get pt6(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
-    }>;
-    /** Sets `paddingTop: "56px"`. */
-    get pt7(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
-    }>;
-    /** Sets `paddingTop: "64px"`. */
-    get pt8(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
-    }>;
-    /** Sets `paddingTop: "v"`. */
-    pt(v: number | string): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
-    }>;
-    /** Sets `paddingTop: px`. */
-    ptPx(px: number): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
-    }>;
-    /** Sets `paddingRight: "0px"`. */
-    get pr0(): CssBuilder<T & {
-        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
-    }>;
-    /** Sets `paddingRight: "8px"`. */
-    get pr1(): CssBuilder<T & {
-        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
-    }>;
-    /** Sets `paddingRight: "16px"`. */
-    get pr2(): CssBuilder<T & {
-        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
-    }>;
-    /** Sets `paddingRight: "24px"`. */
-    get pr3(): CssBuilder<T & {
-        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
-    }>;
-    /** Sets `paddingRight: "32px"`. */
-    get pr4(): CssBuilder<T & {
-        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
-    }>;
-    /** Sets `paddingRight: "40px"`. */
-    get pr5(): CssBuilder<T & {
-        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
-    }>;
-    /** Sets `paddingRight: "48px"`. */
-    get pr6(): CssBuilder<T & {
-        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
-    }>;
-    /** Sets `paddingRight: "56px"`. */
-    get pr7(): CssBuilder<T & {
-        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
-    }>;
-    /** Sets `paddingRight: "64px"`. */
-    get pr8(): CssBuilder<T & {
-        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
-    }>;
-    /** Sets `paddingRight: "v"`. */
-    pr(v: number | string): CssBuilder<T & {
-        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
-    }>;
-    /** Sets `paddingRight: px`. */
-    prPx(px: number): CssBuilder<T & {
-        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
-    }>;
-    /** Sets `paddingBottom: "0px"`. */
-    get pb0(): CssBuilder<T & {
-        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
-    }>;
-    /** Sets `paddingBottom: "8px"`. */
-    get pb1(): CssBuilder<T & {
-        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
-    }>;
-    /** Sets `paddingBottom: "16px"`. */
-    get pb2(): CssBuilder<T & {
-        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
-    }>;
-    /** Sets `paddingBottom: "24px"`. */
-    get pb3(): CssBuilder<T & {
-        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
-    }>;
-    /** Sets `paddingBottom: "32px"`. */
-    get pb4(): CssBuilder<T & {
-        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
-    }>;
-    /** Sets `paddingBottom: "40px"`. */
-    get pb5(): CssBuilder<T & {
-        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
-    }>;
-    /** Sets `paddingBottom: "48px"`. */
-    get pb6(): CssBuilder<T & {
-        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
-    }>;
-    /** Sets `paddingBottom: "56px"`. */
-    get pb7(): CssBuilder<T & {
-        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
-    }>;
-    /** Sets `paddingBottom: "64px"`. */
-    get pb8(): CssBuilder<T & {
-        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
-    }>;
-    /** Sets `paddingBottom: "v"`. */
-    pb(v: number | string): CssBuilder<T & {
-        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
-    }>;
-    /** Sets `paddingBottom: px`. */
-    pbPx(px: number): CssBuilder<T & {
-        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
-    }>;
-    /** Sets `paddingLeft: "0px"`. */
-    get pl0(): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
-    }>;
-    /** Sets `paddingLeft: "8px"`. */
-    get pl1(): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
-    }>;
-    /** Sets `paddingLeft: "16px"`. */
-    get pl2(): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
-    }>;
-    /** Sets `paddingLeft: "24px"`. */
-    get pl3(): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
-    }>;
-    /** Sets `paddingLeft: "32px"`. */
-    get pl4(): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
-    }>;
-    /** Sets `paddingLeft: "40px"`. */
-    get pl5(): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
-    }>;
-    /** Sets `paddingLeft: "48px"`. */
-    get pl6(): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
-    }>;
-    /** Sets `paddingLeft: "56px"`. */
-    get pl7(): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
-    }>;
-    /** Sets `paddingLeft: "64px"`. */
-    get pl8(): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
-    }>;
-    /** Sets `paddingLeft: "v"`. */
-    pl(v: number | string): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
-    }>;
-    /** Sets `paddingLeft: px`. */
-    plPx(px: number): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
-    }>;
-    /** Sets `paddingLeft: "0px"; paddingRight: "0px"`. */
-    get px0(): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
-    } & {
-        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
-    }>;
-    /** Sets `paddingLeft: "8px"; paddingRight: "8px"`. */
-    get px1(): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
-    } & {
-        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
-    }>;
-    /** Sets `paddingLeft: "16px"; paddingRight: "16px"`. */
-    get px2(): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
-    } & {
-        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
-    }>;
-    /** Sets `paddingLeft: "24px"; paddingRight: "24px"`. */
-    get px3(): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
-    } & {
-        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
-    }>;
-    /** Sets `paddingLeft: "32px"; paddingRight: "32px"`. */
-    get px4(): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
-    } & {
-        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
-    }>;
-    /** Sets `paddingLeft: "40px"; paddingRight: "40px"`. */
-    get px5(): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
-    } & {
-        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
-    }>;
-    /** Sets `paddingLeft: "48px"; paddingRight: "48px"`. */
-    get px6(): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
-    } & {
-        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
-    }>;
-    /** Sets `paddingLeft: "56px"; paddingRight: "56px"`. */
-    get px7(): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
-    } & {
-        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
-    }>;
-    /** Sets `paddingLeft: "64px"; paddingRight: "64px"`. */
-    get px8(): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
-    } & {
-        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
-    }>;
-    /** Sets `paddingLeft: "v"; paddingRight: "v"`. */
-    px(v: number | string): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
-    } & {
-        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
-    }>;
-    /** Sets `paddingLeft: px; paddingRight: px`. */
-    pxPx(px: number): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
-    } & {
-        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
-    }>;
-    /** Sets `paddingTop: "0px"; paddingBottom: "0px"`. */
-    get py0(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
-    } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
-    }>;
-    /** Sets `paddingTop: "8px"; paddingBottom: "8px"`. */
-    get py1(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
-    } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
-    }>;
-    /** Sets `paddingTop: "16px"; paddingBottom: "16px"`. */
-    get py2(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
-    } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
-    }>;
-    /** Sets `paddingTop: "24px"; paddingBottom: "24px"`. */
-    get py3(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
-    } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
-    }>;
-    /** Sets `paddingTop: "32px"; paddingBottom: "32px"`. */
-    get py4(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
-    } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
-    }>;
-    /** Sets `paddingTop: "40px"; paddingBottom: "40px"`. */
-    get py5(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
-    } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
-    }>;
-    /** Sets `paddingTop: "48px"; paddingBottom: "48px"`. */
-    get py6(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
-    } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
-    }>;
-    /** Sets `paddingTop: "56px"; paddingBottom: "56px"`. */
-    get py7(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
-    } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
-    }>;
-    /** Sets `paddingTop: "64px"; paddingBottom: "64px"`. */
-    get py8(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
-    } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
-    }>;
-    /** Sets `paddingTop: "v"; paddingBottom: "v"`. */
-    py(v: number | string): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
-    } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
-    }>;
-    /** Sets `paddingTop: px; paddingBottom: px`. */
-    pyPx(px: number): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
-    } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
-    }>;
-    /** Sets `paddingTop: "0px"; paddingBottom: "0px"; paddingRight: "0px"; paddingLeft: "0px"`. */
-    get p0(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
-    } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
-    } & {
-        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
-    } & {
-        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
-    }>;
-    /** Sets `paddingTop: "8px"; paddingBottom: "8px"; paddingRight: "8px"; paddingLeft: "8px"`. */
-    get p1(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
-    } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
-    } & {
-        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
-    } & {
-        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
-    }>;
-    /** Sets `paddingTop: "16px"; paddingBottom: "16px"; paddingRight: "16px"; paddingLeft: "16px"`. */
-    get p2(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
-    } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
-    } & {
-        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
-    } & {
-        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
-    }>;
-    /** Sets `paddingTop: "24px"; paddingBottom: "24px"; paddingRight: "24px"; paddingLeft: "24px"`. */
-    get p3(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
-    } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
-    } & {
-        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
-    } & {
-        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
-    }>;
-    /** Sets `paddingTop: "32px"; paddingBottom: "32px"; paddingRight: "32px"; paddingLeft: "32px"`. */
-    get p4(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
-    } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
-    } & {
-        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
-    } & {
-        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
-    }>;
-    /** Sets `paddingTop: "40px"; paddingBottom: "40px"; paddingRight: "40px"; paddingLeft: "40px"`. */
-    get p5(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
-    } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
-    } & {
-        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
-    } & {
-        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
-    }>;
-    /** Sets `paddingTop: "48px"; paddingBottom: "48px"; paddingRight: "48px"; paddingLeft: "48px"`. */
-    get p6(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
-    } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
-    } & {
-        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
-    } & {
-        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
-    }>;
-    /** Sets `paddingTop: "56px"; paddingBottom: "56px"; paddingRight: "56px"; paddingLeft: "56px"`. */
-    get p7(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
-    } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
-    } & {
-        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
-    } & {
-        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
-    }>;
-    /** Sets `paddingTop: "64px"; paddingBottom: "64px"; paddingRight: "64px"; paddingLeft: "64px"`. */
-    get p8(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
-    } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
-    } & {
-        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
-    } & {
-        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
-    }>;
-    /** Sets `paddingTop: "v"; paddingBottom: "v"; paddingRight: "v"; paddingLeft: "v"`. */
-    p(v: number | string): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
-    } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
-    } & {
-        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
-    } & {
-        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
-    }>;
-    /** Sets `paddingTop: px; paddingBottom: px; paddingRight: px; paddingLeft: px`. */
-    pPx(px: number): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
-    } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
-    } & {
-        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
-    } & {
-        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
-    }>;
-    /** Sets `textAlign: "left"`. */
-    get tal(): CssBuilder<T & {
-        textAlign: import("csstype").Property.TextAlign | undefined;
-    }>;
-    /** Sets `textAlign: "center"`. */
-    get tac(): CssBuilder<T & {
-        textAlign: import("csstype").Property.TextAlign | undefined;
-    }>;
-    /** Sets `textAlign: "right"`. */
-    get tar(): CssBuilder<T & {
-        textAlign: import("csstype").Property.TextAlign | undefined;
-    }>;
-    /** Sets `textAlign: "justify"`. */
-    get taj(): CssBuilder<T & {
-        textAlign: import("csstype").Property.TextAlign | undefined;
-    }>;
-    /** Sets `textAlign: value`. */
-    ta(value: Properties["textAlign"]): CssBuilder<T & {
-        textAlign: import("csstype").Property.TextAlign | undefined;
-    }>;
-    /** Sets `textDecoration: "none"`. */
-    get tdn(): CssBuilder<T & {
-        textDecoration: import("csstype").Property.TextDecoration<string | 0> | undefined;
-    }>;
-    /** Sets `textDecoration: "line-through"`. */
-    get tdlt(): CssBuilder<T & {
-        textDecoration: import("csstype").Property.TextDecoration<string | 0> | undefined;
-    }>;
-    /** Sets `textDecoration: "underline"`. */
-    get tdu(): CssBuilder<T & {
-        textDecoration: import("csstype").Property.TextDecoration<string | 0> | undefined;
-    }>;
-    /** Sets `textDecoration: value`. */
-    textDecoration(value: Properties["textDecoration"]): CssBuilder<T & {
-        textDecoration: import("csstype").Property.TextDecoration<string | 0> | undefined;
-    }>;
-    /** Sets `textTransform: "capitalize"`. */
-    get ttc(): CssBuilder<T & {
-        textTransform: import("csstype").Property.TextTransform | undefined;
-    }>;
-    /** Sets `textTransform: "lowercase"`. */
-    get ttl(): CssBuilder<T & {
-        textTransform: import("csstype").Property.TextTransform | undefined;
-    }>;
-    /** Sets `textTransform: "uppercase"`. */
-    get ttu(): CssBuilder<T & {
-        textTransform: import("csstype").Property.TextTransform | undefined;
-    }>;
-    /** Sets `textTransform: "none"`. */
-    get ttn(): CssBuilder<T & {
-        textTransform: import("csstype").Property.TextTransform | undefined;
-    }>;
-    /** Sets `textTransform: value`. */
-    tt(value: Properties["textTransform"]): CssBuilder<T & {
-        textTransform: import("csstype").Property.TextTransform | undefined;
-    }>;
-    /** Sets `fontWeight: 400; fontSize: "10px"; lineHeight: "14px"`. */
-    get tiny(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `fontWeight: 500; fontSize: "10px"; lineHeight: "14px"`. */
-    get tinyMd(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `fontWeight: 600; fontSize: "10px"; lineHeight: "14px"`. */
-    get tinySb(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `fontWeight: 700; fontSize: "10px"; lineHeight: "14px"`. */
-    get tinyBd(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `fontWeight: 400; fontSize: "12px"; lineHeight: "16px"`. */
-    get xs(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `fontWeight: 500; fontSize: "12px"; lineHeight: "16px"`. */
-    get xsMd(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `fontWeight: 600; fontSize: "12px"; lineHeight: "16px"`. */
-    get xsSb(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `fontWeight: 700; fontSize: "12px"; lineHeight: "16px"`. */
-    get xsBd(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `fontWeight: 400; fontSize: "14px"; lineHeight: "20px"`. */
-    get sm(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `fontWeight: 500; fontSize: "14px"; lineHeight: "20px"`. */
-    get smMd(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `fontWeight: 600; fontSize: "14px"; lineHeight: "20px"`. */
-    get smSb(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `fontWeight: 700; fontSize: "14px"; lineHeight: "20px"`. */
-    get smBd(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `fontWeight: 400; fontSize: "16px"; lineHeight: "24px"`. */
-    get base(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `fontWeight: 500; fontSize: "16px"; lineHeight: "24px"`. */
-    get baseMd(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `fontWeight: 600; fontSize: "16px"; lineHeight: "24px"`. */
-    get baseSb(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `fontWeight: 700; fontSize: "16px"; lineHeight: "24px"`. */
-    get baseBd(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `fontWeight: 400; fontSize: "18px"; lineHeight: "28px"`. */
-    get lg(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `fontWeight: 500; fontSize: "18px"; lineHeight: "28px"`. */
-    get lgMd(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `fontWeight: 600; fontSize: "18px"; lineHeight: "28px"`. */
-    get lgSb(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `fontWeight: 700; fontSize: "18px"; lineHeight: "28px"`. */
-    get lgBd(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `fontWeight: 400; fontSize: "20px"; lineHeight: "28px"`. */
-    get xl(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `fontWeight: 500; fontSize: "20px"; lineHeight: "28px"`. */
-    get xlMd(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `fontWeight: 600; fontSize: "20px"; lineHeight: "28px"`. */
-    get xlSb(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `fontWeight: 700; fontSize: "20px"; lineHeight: "28px"`. */
-    get xlBd(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `fontWeight: 400; fontSize: "24px"; lineHeight: "32px"`. */
-    get xl2(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `fontWeight: 500; fontSize: "24px"; lineHeight: "32px"`. */
-    get xl2Md(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `fontWeight: 600; fontSize: "24px"; lineHeight: "32px"`. */
-    get xl2Sb(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `fontWeight: 700; fontSize: "24px"; lineHeight: "32px"`. */
-    get xl2Bd(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `fontWeight: 400; fontSize: "30px"; lineHeight: "36px"`. */
-    get xl3(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `fontWeight: 500; fontSize: "30px"; lineHeight: "36px"`. */
-    get xl3Md(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `fontWeight: 600; fontSize: "30px"; lineHeight: "36px"`. */
-    get xl3Sb(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `fontWeight: 700; fontSize: "30px"; lineHeight: "36px"`. */
-    get xl3Bd(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `fontWeight: 400; fontSize: "36px"; lineHeight: "40px"`. */
-    get xl4(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `fontWeight: 500; fontSize: "36px"; lineHeight: "40px"`. */
-    get xl4Md(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `fontWeight: 600; fontSize: "36px"; lineHeight: "40px"`. */
-    get xl4Sb(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `fontWeight: 700; fontSize: "36px"; lineHeight: "40px"`. */
-    get xl4Bd(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `fontWeight: 400; fontSize: "48px"; lineHeight: "48px"`. */
-    get xl5(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `fontWeight: 500; fontSize: "48px"; lineHeight: "48px"`. */
-    get xl5Md(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `fontWeight: 600; fontSize: "48px"; lineHeight: "48px"`. */
-    get xl5Sb(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `fontWeight: 700; fontSize: "48px"; lineHeight: "48px"`. */
-    get xl5Bd(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `maxWidth: "30em"`. */
-    get measure(): CssBuilder<T & {
-        maxWidth: import("csstype").Property.MaxWidth<string | 0> | undefined;
-    }>;
-    /** Sets `maxWidth: "34em"`. */
-    get measureWide(): CssBuilder<T & {
-        maxWidth: import("csstype").Property.MaxWidth<string | 0> | undefined;
-    }>;
-    /** Sets `maxWidth: "20em"`. */
-    get measureNarrow(): CssBuilder<T & {
-        maxWidth: import("csstype").Property.MaxWidth<string | 0> | undefined;
-    }>;
-    /** Sets `textIndent: "1em"; marginTop: 0; marginBottom: 0`. */
-    get indent(): CssBuilder<T & {
-        textIndent: import("csstype").Property.TextIndent<string | 0> | undefined;
-    } & {
-        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
-    } & {
-        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
-    }>;
-    /** Sets `fontVariant: "small-caps"`. */
-    get smallCaps(): CssBuilder<T & {
-        fontVariant: import("csstype").Property.FontVariant | undefined;
-    }>;
-    /** Sets `whiteSpace: "nowrap"; overflow: "hidden"; textOverflow: "ellipsis"`. */
-    get truncate(): CssBuilder<T & {
-        whiteSpace: import("csstype").Property.WhiteSpace | undefined;
-    } & {
-        overflow: import("csstype").Property.Overflow | undefined;
-    } & {
-        textOverflow: import("csstype").Property.TextOverflow | undefined;
-    }>;
-    /** Sets `fontSize: value`. */
-    fs(value: Properties["fontSize"]): CssBuilder<T & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    }>;
-    /** Sets `fontSize: px`. */
-    fsPx(px: number): CssBuilder<T & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    }>;
-    /** Sets `lineHeight: value`. */
-    lh(value: Properties["lineHeight"]): CssBuilder<T & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `lineHeight: px`. */
-    lhPx(px: number): CssBuilder<T & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    }>;
-    /** Sets `userSelect: "none"`. */
-    get usn(): CssBuilder<T & {
-        userSelect: import("csstype").Property.UserSelect | undefined;
-    }>;
-    /** Sets `userSelect: "text"`. */
-    get ust(): CssBuilder<T & {
-        userSelect: import("csstype").Property.UserSelect | undefined;
-    }>;
-    /** Sets `userSelect: "all"`. */
-    get usAll(): CssBuilder<T & {
-        userSelect: import("csstype").Property.UserSelect | undefined;
-    }>;
-    /** Sets `userSelect: "auto"`. */
-    get usAuto(): CssBuilder<T & {
-        userSelect: import("csstype").Property.UserSelect | undefined;
-    }>;
-    /** Sets `userSelect: value`. */
-    select(value: Properties["userSelect"]): CssBuilder<T & {
-        userSelect: import("csstype").Property.UserSelect | undefined;
-    }>;
-    /** Sets `verticalAlign: "baseline"`. */
-    get vaBaseline(): CssBuilder<T & {
-        verticalAlign: import("csstype").Property.VerticalAlign<string | 0> | undefined;
-    }>;
-    /** Sets `verticalAlign: "middle"`. */
-    get vam(): CssBuilder<T & {
-        verticalAlign: import("csstype").Property.VerticalAlign<string | 0> | undefined;
-    }>;
-    /** Sets `verticalAlign: "top"`. */
-    get vat(): CssBuilder<T & {
-        verticalAlign: import("csstype").Property.VerticalAlign<string | 0> | undefined;
-    }>;
-    /** Sets `verticalAlign: "bottom"`. */
-    get vaBottom(): CssBuilder<T & {
-        verticalAlign: import("csstype").Property.VerticalAlign<string | 0> | undefined;
-    }>;
-    /** Sets `verticalAlign: value`. */
-    va(value: Properties["verticalAlign"]): CssBuilder<T & {
-        verticalAlign: import("csstype").Property.VerticalAlign<string | 0> | undefined;
-    }>;
-    /** Sets `visibility: "visible"`. */
-    get vv(): CssBuilder<T & {
-        visibility: import("csstype").Property.Visibility | undefined;
-    }>;
-    /** Sets `visibility: "hidden"`. */
-    get vh(): CssBuilder<T & {
-        visibility: import("csstype").Property.Visibility | undefined;
-    }>;
-    /** Sets `visibility: value`. */
-    visibility(value: Properties["visibility"]): CssBuilder<T & {
-        visibility: import("csstype").Property.Visibility | undefined;
-    }>;
-    /** Sets `whiteSpace: "pre"`. */
-    get wsp(): CssBuilder<T & {
-        whiteSpace: import("csstype").Property.WhiteSpace | undefined;
-    }>;
-    /** Sets `whiteSpace: "normal"`. */
-    get wsn(): CssBuilder<T & {
-        whiteSpace: import("csstype").Property.WhiteSpace | undefined;
-    }>;
-    /** Sets `whiteSpace: "nowrap"`. */
-    get wsnw(): CssBuilder<T & {
-        whiteSpace: import("csstype").Property.WhiteSpace | undefined;
-    }>;
-    /** Sets `whiteSpace: "break-spaces"`. */
-    get wsbs(): CssBuilder<T & {
-        whiteSpace: import("csstype").Property.WhiteSpace | undefined;
-    }>;
-    /** Sets `whiteSpace: "pre-wrap"`. */
-    get wspw(): CssBuilder<T & {
-        whiteSpace: import("csstype").Property.WhiteSpace | undefined;
-    }>;
-    /** Sets `whiteSpace: "pre-line"`. */
-    get wspl(): CssBuilder<T & {
-        whiteSpace: import("csstype").Property.WhiteSpace | undefined;
-    }>;
-    /** Sets `whiteSpace: value`. */
-    whiteSpace(value: Properties["whiteSpace"]): CssBuilder<T & {
-        whiteSpace: import("csstype").Property.WhiteSpace | undefined;
-    }>;
-    /** Sets `width: "25%"`. */
-    get w25(): CssBuilder<T & {
-        width: import("csstype").Property.Width<string | 0> | undefined;
-    }>;
-    /** Sets `width: "50%"`. */
-    get w50(): CssBuilder<T & {
-        width: import("csstype").Property.Width<string | 0> | undefined;
-    }>;
-    /** Sets `width: "75%"`. */
-    get w75(): CssBuilder<T & {
-        width: import("csstype").Property.Width<string | 0> | undefined;
-    }>;
-    /** Sets `width: "100%"`. */
-    get w100(): CssBuilder<T & {
-        width: import("csstype").Property.Width<string | 0> | undefined;
-    }>;
-    /** Sets `width: "fit-content"`. */
-    get wfc(): CssBuilder<T & {
-        width: import("csstype").Property.Width<string | 0> | undefined;
-    }>;
-    /** Sets `width: "max-content"`. */
-    get wmaxc(): CssBuilder<T & {
-        width: import("csstype").Property.Width<string | 0> | undefined;
-    }>;
-    /** Sets `width: "min-content"`. */
-    get wminc(): CssBuilder<T & {
-        width: import("csstype").Property.Width<string | 0> | undefined;
-    }>;
-    /** Sets `minWidth: 0`. */
-    get mw0(): CssBuilder<T & {
-        minWidth: import("csstype").Property.MinWidth<string | 0> | undefined;
-    }>;
-    /** Sets `minWidth: "25%"`. */
-    get mw25(): CssBuilder<T & {
-        minWidth: import("csstype").Property.MinWidth<string | 0> | undefined;
-    }>;
-    /** Sets `minWidth: "50%"`. */
-    get mw50(): CssBuilder<T & {
-        minWidth: import("csstype").Property.MinWidth<string | 0> | undefined;
-    }>;
-    /** Sets `minWidth: "75%"`. */
-    get mw75(): CssBuilder<T & {
-        minWidth: import("csstype").Property.MinWidth<string | 0> | undefined;
-    }>;
-    /** Sets `minWidth: "100%"`. */
-    get mw100(): CssBuilder<T & {
-        minWidth: import("csstype").Property.MinWidth<string | 0> | undefined;
-    }>;
-    /** Sets `minWidth: "fit-content"`. */
-    get mwfc(): CssBuilder<T & {
-        minWidth: import("csstype").Property.MinWidth<string | 0> | undefined;
-    }>;
-    /** Sets `minWidth: "min-content"`. */
-    get mwminc(): CssBuilder<T & {
-        minWidth: import("csstype").Property.MinWidth<string | 0> | undefined;
-    }>;
-    /** Sets `minWidth: "max-content"`. */
-    get mwmaxc(): CssBuilder<T & {
-        minWidth: import("csstype").Property.MinWidth<string | 0> | undefined;
-    }>;
-    /** Sets `minWidth: value`. */
-    mw(value: Properties["minWidth"]): CssBuilder<T & {
-        minWidth: import("csstype").Property.MinWidth<string | 0> | undefined;
-    }>;
-    /** Sets `minWidth: px`. */
-    mwPx(px: number): CssBuilder<T & {
-        minWidth: import("csstype").Property.MinWidth<string | 0> | undefined;
-    }>;
-    /** Sets `maxWidth: "0"`. */
-    get maxw0(): CssBuilder<T & {
-        maxWidth: import("csstype").Property.MaxWidth<string | 0> | undefined;
-    }>;
-    /** Sets `maxWidth: "25%"`. */
-    get maxw25(): CssBuilder<T & {
-        maxWidth: import("csstype").Property.MaxWidth<string | 0> | undefined;
-    }>;
-    /** Sets `maxWidth: "50%"`. */
-    get maxw50(): CssBuilder<T & {
-        maxWidth: import("csstype").Property.MaxWidth<string | 0> | undefined;
-    }>;
-    /** Sets `maxWidth: "75%"`. */
-    get maxw75(): CssBuilder<T & {
-        maxWidth: import("csstype").Property.MaxWidth<string | 0> | undefined;
-    }>;
-    /** Sets `maxWidth: "100%"`. */
-    get maxw100(): CssBuilder<T & {
-        maxWidth: import("csstype").Property.MaxWidth<string | 0> | undefined;
-    }>;
-    /** Sets `maxWidth: "fit-content"`. */
-    get maxwfc(): CssBuilder<T & {
-        maxWidth: import("csstype").Property.MaxWidth<string | 0> | undefined;
-    }>;
-    /** Sets `maxWidth: "min-content"`. */
-    get maxwminc(): CssBuilder<T & {
-        maxWidth: import("csstype").Property.MaxWidth<string | 0> | undefined;
-    }>;
-    /** Sets `maxWidth: "max-content"`. */
-    get maxwmaxc(): CssBuilder<T & {
-        maxWidth: import("csstype").Property.MaxWidth<string | 0> | undefined;
-    }>;
-    /** Sets `maxWidth: value`. */
-    maxw(value: Properties["maxWidth"]): CssBuilder<T & {
-        maxWidth: import("csstype").Property.MaxWidth<string | 0> | undefined;
-    }>;
-    /** Sets `maxWidth: px`. */
-    maxwPx(px: number): CssBuilder<T & {
-        maxWidth: import("csstype").Property.MaxWidth<string | 0> | undefined;
-    }>;
-    /** Sets `width: "0px"`. */
-    get w0(): CssBuilder<T & {
-        width: import("csstype").Property.Width<string | 0> | undefined;
-    }>;
-    /** Sets `width: "8px"`. */
-    get w1(): CssBuilder<T & {
-        width: import("csstype").Property.Width<string | 0> | undefined;
-    }>;
-    /** Sets `width: "16px"`. */
-    get w2(): CssBuilder<T & {
-        width: import("csstype").Property.Width<string | 0> | undefined;
-    }>;
-    /** Sets `width: "24px"`. */
-    get w3(): CssBuilder<T & {
-        width: import("csstype").Property.Width<string | 0> | undefined;
-    }>;
-    /** Sets `width: "32px"`. */
-    get w4(): CssBuilder<T & {
-        width: import("csstype").Property.Width<string | 0> | undefined;
-    }>;
-    /** Sets `width: "40px"`. */
-    get w5(): CssBuilder<T & {
-        width: import("csstype").Property.Width<string | 0> | undefined;
-    }>;
-    /** Sets `width: "48px"`. */
-    get w6(): CssBuilder<T & {
-        width: import("csstype").Property.Width<string | 0> | undefined;
-    }>;
-    /** Sets `width: "56px"`. */
-    get w7(): CssBuilder<T & {
-        width: import("csstype").Property.Width<string | 0> | undefined;
-    }>;
-    /** Sets `width: "64px"`. */
-    get w8(): CssBuilder<T & {
-        width: import("csstype").Property.Width<string | 0> | undefined;
-    }>;
-    /** Sets `width: "auto"`. */
-    get wa(): CssBuilder<T & {
-        width: import("csstype").Property.Width<string | 0> | undefined;
-    }>;
-    /** Sets `width: "v"`. */
-    w(v: number | string): CssBuilder<T & {
-        width: import("csstype").Property.Width<string | 0> | undefined;
-    }>;
-    /** Sets `width: px`. */
-    wPx(px: number): CssBuilder<T & {
-        width: import("csstype").Property.Width<string | 0> | undefined;
-    }>;
-    /** Sets `wordBreak: "normal"`. */
-    get wbn(): CssBuilder<T & {
-        wordBreak: import("csstype").Property.WordBreak | undefined;
-    }>;
-    /** Sets `wordBreak: "break-all"`. */
-    get wbba(): CssBuilder<T & {
-        wordBreak: import("csstype").Property.WordBreak | undefined;
-    }>;
-    /** Sets `wordBreak: "keep-all"`. */
-    get wbka(): CssBuilder<T & {
-        wordBreak: import("csstype").Property.WordBreak | undefined;
-    }>;
-    /** Sets `wordBreak: "break-word"`. */
-    get wbbw(): CssBuilder<T & {
-        wordBreak: import("csstype").Property.WordBreak | undefined;
-    }>;
-    /** Sets `wordBreak: value`. */
-    wordBreak(value: Properties["wordBreak"]): CssBuilder<T & {
-        wordBreak: import("csstype").Property.WordBreak | undefined;
-    }>;
-    /** Sets `zIndex: 0`. */
-    get z0(): CssBuilder<T & {
-        zIndex: import("csstype").Property.ZIndex | undefined;
-    }>;
-    /** Sets `zIndex: 1`. */
-    get z1(): CssBuilder<T & {
-        zIndex: import("csstype").Property.ZIndex | undefined;
-    }>;
-    /** Sets `zIndex: 2`. */
-    get z2(): CssBuilder<T & {
-        zIndex: import("csstype").Property.ZIndex | undefined;
-    }>;
-    /** Sets `zIndex: 3`. */
-    get z3(): CssBuilder<T & {
-        zIndex: import("csstype").Property.ZIndex | undefined;
-    }>;
-    /** Sets `zIndex: 4`. */
-    get z4(): CssBuilder<T & {
-        zIndex: import("csstype").Property.ZIndex | undefined;
-    }>;
-    /** Sets `zIndex: 5`. */
-    get z5(): CssBuilder<T & {
-        zIndex: import("csstype").Property.ZIndex | undefined;
-    }>;
-    /** Sets `zIndex: 999`. */
-    get z999(): CssBuilder<T & {
-        zIndex: import("csstype").Property.ZIndex | undefined;
-    }>;
-    /** Sets `zIndex: 9999`. */
-    get z9999(): CssBuilder<T & {
-        zIndex: import("csstype").Property.ZIndex | undefined;
-    }>;
-    /** Sets `zIndex: "inherit"`. */
-    get zInherit(): CssBuilder<T & {
-        zIndex: import("csstype").Property.ZIndex | undefined;
-    }>;
-    /** Sets `zIndex: "initial"`. */
-    get zInitial(): CssBuilder<T & {
-        zIndex: import("csstype").Property.ZIndex | undefined;
-    }>;
-    /** Sets `zIndex: "unset"`. */
-    get zUnset(): CssBuilder<T & {
-        zIndex: import("csstype").Property.ZIndex | undefined;
-    }>;
-    /** Sets `zIndex: value`. */
-    z(value: Properties["zIndex"]): CssBuilder<T & {
-        zIndex: import("csstype").Property.ZIndex | undefined;
-    }>;
-    /** Sets `fontFamily: "'Inter', sans-serif"`. */
-    get sansSerif(): CssBuilder<T & {
-        fontFamily: import("csstype").Property.FontFamily | undefined;
-    }>;
-    /** Sets `fontFamily: value`. */
-    fontFamily(value: Properties["fontFamily"]): CssBuilder<T & {
-        fontFamily: import("csstype").Property.FontFamily | undefined;
-    }>;
-    /** Sets `transition: "background-color 200ms, border-color 200ms, box-shadow 200ms, left 200ms, right 200ms, margin 200ms"`. */
-    get transition(): CssBuilder<T & {
-        transition: import("csstype").Property.Transition<string> | undefined;
-    }>;
-    /** Sets `fontWeight: 500; fontSize: "14px"; lineHeight: "20px"; outline: 0; borderRadius: "4px"; display: "inline-flex"; alignItems: "center"; whiteSpace: "nowrap"; transition: "background-color 200ms, border-color 200ms, box-shadow 200ms, left 200ms, right 200ms, margin 200ms"`. */
-    get buttonBase(): CssBuilder<T & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    } & {
-        outline: import("csstype").Property.Outline<string | 0> | undefined;
-    } & {
-        borderRadius: import("csstype").Property.BorderRadius<string | 0> | undefined;
-    } & {
-        display: import("csstype").Property.Display | undefined;
-    } & {
-        alignItems: import("csstype").Property.AlignItems | undefined;
-    } & {
-        whiteSpace: import("csstype").Property.WhiteSpace | undefined;
-    } & {
-        transition: import("csstype").Property.Transition<string> | undefined;
-    }>;
-    /** Sets `padding: 0; margin: 0; listStyle: "none"`. */
-    get listReset(): CssBuilder<T & {
-        padding: import("csstype").Property.Padding<string | 0> | undefined;
-    } & {
-        margin: import("csstype").Property.Margin<string | 0> | undefined;
-    } & {
-        listStyle: import("csstype").Property.ListStyle | undefined;
-    }>;
-    /** Sets `position: "fixed"; top: 0; bottom: 0; left: 0; right: 0; display: "flex"; alignItems: "center"; justifyContent: "center"; backgroundColor: "rgba(36,36,36,0.6)"`. */
-    get underlay(): CssBuilder<T & {
-        position: import("csstype").Property.Position | undefined;
-    } & {
-        top: import("csstype").Property.Top<string | 0> | undefined;
-    } & {
-        bottom: import("csstype").Property.Bottom<string | 0> | undefined;
-    } & {
-        left: import("csstype").Property.Left<string | 0> | undefined;
-    } & {
-        right: import("csstype").Property.Right<string | 0> | undefined;
-    } & {
-        display: import("csstype").Property.Display | undefined;
-    } & {
-        alignItems: import("csstype").Property.AlignItems | undefined;
-    } & {
-        justifyContent: import("csstype").Property.JustifyContent | undefined;
-    } & {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    }>;
-    /** Sets `position: "absolute"; overflow: "hidden"; clip: "inset(50%)"; clipPath: ""; border: 0; height: "1px"; margin: "-1px"; width: "1px"; padding: 0; whiteSpace: "nowrap"; opacity: 0`. */
-    get visuallyHidden(): CssBuilder<T & {
-        position: import("csstype").Property.Position | undefined;
-    } & {
-        overflow: import("csstype").Property.Overflow | undefined;
-    } & {
-        clip: import("csstype").Property.Clip | undefined;
-    } & {
-        clipPath: import("csstype").Property.ClipPath | undefined;
-    } & {
-        border: import("csstype").Property.Border<string | 0> | undefined;
-    } & {
-        height: import("csstype").Property.Height<string | 0> | undefined;
-    } & {
-        margin: import("csstype").Property.Margin<string | 0> | undefined;
-    } & {
-        width: import("csstype").Property.Width<string | 0> | undefined;
-    } & {
-        padding: import("csstype").Property.Padding<string | 0> | undefined;
-    } & {
-        whiteSpace: import("csstype").Property.WhiteSpace | undefined;
-    } & {
-        opacity: import("csstype").Property.Opacity | undefined;
-    }>;
-    /** Sets `content: "''"`. */
-    get contentEmpty(): CssBuilder<T & {
-        content: import("csstype").Property.Content | undefined;
-    }>;
-    get $(): T;
-    if(bp: Breakpoint): CssBuilder<T>;
-    if(cond: boolean): CssBuilder<T>;
-    if(attr: string, value: boolean | string): CssBuilder<T>;
-    get onHover(): CssBuilder<T>;
-    ifContainer(props: ContainerProps): CssBuilder<T>;
-    get ifPrint(): CssBuilder<T>;
-    get ifSm(): CssBuilder<T>;
-    get ifMd(): CssBuilder<T>;
-    get ifSmOrMd(): CssBuilder<T>;
-    get ifMdAndUp(): CssBuilder<T>;
-    get ifMdAndDown(): CssBuilder<T>;
-    get ifLg(): CssBuilder<T>;
-    get ifMdOrLg(): CssBuilder<T>;
-    get else(): CssBuilder<T>;
-    get important(): CssBuilder<T>;
-    /** Adds new properties, either a specific key/value or a Properties object, to the current css. */
-    add<P extends Properties>(props: P): CssBuilder<T & P>;
-    add<K extends keyof Properties>(prop: K, value: Properties[K]): CssBuilder<T & {
-        [U in K]: Properties[K];
-    }>;
-    /** Adds new properties, either a specific key/value or a Properties object, to a nested selector. */
-    addIn<P extends Properties>(selector: string, props: P | undefined): CssBuilder<T & P>;
-    addIn<K extends keyof Properties>(selector: string, prop: K, value: Properties[K]): CssBuilder<T & {
-        [U in K]: Properties[K];
-    }>;
-}
-/** Converts `inc` into pixels value with a `px` suffix. */
-export declare function maybeInc(inc: number | string): string;
-/** Converts `inc` into pixels. */
-export declare function increment(inc: number): number;
-/** Convert `pixels` to a `px` units string so it's not ambiguous. */
-export declare function px(pixels: number): string;
-export declare enum Palette {
-    White = "rgba(255,255,255,1)",
-    Transparent = "rgba(0,0,0,0)",
-    Gray50 = "rgba(255, 253, 253, 1)",
-    Gray100 = "rgba(247, 245, 245, 1)",
-    Gray200 = "rgba(236, 235, 235, 1)",
-    Gray300 = "rgba(221, 220, 220, 1)",
-    Gray400 = "rgba(201, 201, 201, 1)",
-    Gray500 = "rgba(175, 175, 175, 1)",
-    Gray600 = "rgba(141, 141, 141, 1)",
-    Gray700 = "rgba(100, 100, 100, 1)",
-    Gray800 = "rgba(53, 53, 53, 1)",
-    Gray900 = "rgba(36, 36, 36, 1)",
-    Blue50 = "rgba(239, 246, 255, 1)",
-    Blue100 = "rgba(219, 234, 254, 1)",
-    Blue200 = "rgba(191, 219, 254, 1)",
-    Blue300 = "rgba(147, 197, 253, 1)",
-    Blue400 = "rgba(96, 165, 250, 1)",
-    Blue500 = "rgba(59, 130, 246, 1)",
-    Blue600 = "rgba(37, 99, 235, 1)",
-    Blue700 = "rgba(29, 78, 216, 1)",
-    Blue800 = "rgba(30, 64, 175, 1)",
-    Blue900 = "rgba(30, 58, 138, 1)",
-    Red50 = "rgba(254, 242, 242, 1)",
-    Red100 = "rgba(254, 226, 226, 1)",
-    Red200 = "rgba(254, 202, 202, 1)",
-    Red300 = "rgba(252, 165, 165, 1)",
-    Red400 = "rgba(248, 113, 113, 1)",
-    Red500 = "rgba(239, 68, 68, 1)",
-    Red600 = "rgba(220, 38, 38, 1)",
-    Red700 = "rgba(185, 28, 28, 1)",
-    Red800 = "rgba(153, 27, 27, 1)",
-    Red900 = "rgba(127, 29, 29, 1)",
-    Yellow50 = "rgba(254, 252, 232, 1)",
-    Yellow100 = "rgba(254, 249, 195, 1)",
-    Yellow200 = "rgba(254, 240, 138, 1)",
-    Yellow300 = "rgba(253, 224, 71, 1)",
-    Yellow400 = "rgba(250, 204, 21, 1)",
-    Yellow500 = "rgba(234, 179, 8, 1)",
-    Yellow600 = "rgba(202, 138, 4, 1)",
-    Yellow700 = "rgba(161, 98, 7, 1)",
-    Yellow800 = "rgba(133, 77, 14, 1)",
-    Yellow900 = "rgba(113, 63, 18, 1)",
-    Green50 = "rgba(236, 253, 245, 1)",
-    Green100 = "rgba(209, 250, 229, 1)",
-    Green200 = "rgba(167, 243, 208, 1)",
-    Green300 = "rgba(110, 231, 183, 1)",
-    Green400 = "rgba(52, 211, 153, 1)",
-    Green500 = "rgba(16, 185, 129, 1)",
-    Green600 = "rgba(5, 150, 105, 1)",
-    Green700 = "rgba(4, 120, 87, 1)",
-    Green800 = "rgba(6, 95, 70, 1)",
-    Green900 = "rgba(6, 78, 59, 1)",
-    Purple50 = "rgba(245, 243, 255, 1)",
-    Purple100 = "rgba(237, 233, 254, 1)",
-    Purple200 = "rgba(221, 214, 254, 1)",
-    Purple300 = "rgba(196, 181, 253, 1)",
-    Purple400 = "rgba(167, 139, 250, 1)",
-    Purple500 = "rgba(139, 92, 246, 1)",
-    Purple600 = "rgba(124, 58, 237, 1)",
-    Purple700 = "rgba(109, 40, 217, 1)",
-    Purple800 = "rgba(91, 33, 182, 1)",
-    Purple900 = "rgba(76, 29, 149, 1)",
-    Orange50 = "rgba(255, 247, 237, 1)",
-    Orange100 = "rgba(255, 237, 213, 1)",
-    Orange200 = "rgba(254, 215, 170, 1)",
-    Orange300 = "rgba(253, 186, 116, 1)",
-    Orange400 = "rgba(251, 146, 60, 1)",
-    Orange500 = "rgba(249, 115, 22, 1)",
-    Orange600 = "rgba(234, 88, 12, 1)",
-    Orange700 = "rgba(194, 65, 12, 1)",
-    Orange800 = "rgba(154, 52, 18, 1)",
-    Orange900 = "rgba(124, 45, 18, 1)"
-}
-/** A shortcut for defining Xss types. */
-export type Xss<P extends keyof Properties> = Pick<Properties, P>;
-/** An entry point for Css expressions. CssBuilder is immutable so this is safe to share. */
-export declare const Css: CssBuilder<{}>;
-export type Margin = "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft";
-export type Padding = "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft";
-export type Font = "fontSize" | "fontWeight" | "lineHeight";
-export type Breakpoint = "print" | "sm" | "md" | "smOrMd" | "mdAndUp" | "mdAndDown" | "lg" | "mdOrLg";
-export declare enum Breakpoints {
-    print = "@media print",
-    sm = "@media screen and (max-width:599px)",
-    md = "@media screen and (min-width:600px) and (max-width:1024px)",
-    smOrMd = "@media screen and (max-width:1024px)",
-    mdAndUp = "@media screen and (min-width:600px)",
-    mdAndDown = "@media screen and (max-width:1024px)",
-    lg = "@media screen and (min-width:1025px)",
-    mdOrLg = "@media screen and (min-width:600px)"
-}
-/**
- * Utility to help write `@container` queries
- *
- * @param name - The name of the container.
- * @param lt - The maximum width of the container inclusive.
- * @param gt - The minimum width of the container exclusive.
- */
-type ContainerProps = {
-    name?: string;
-} & ({
-    lt: number;
-} | {
-    gt: number;
-} | {
-    lt: number;
-    gt: number;
-});
-export declare function Container(props: ContainerProps): string;
-export {};
-//# sourceMappingURL=Css.d.ts.map