@blockle/blocks 0.11.0 → 0.11.1

package/dist/styles/lib/css/atoms/sprinkles.css.mjs

@@ -1,2095 +1,38 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import "./sprinkles.css.ts.vanilla.mjs";
-import { createSprinkles } from "@vanilla-extract/sprinkles/createRuntimeSprinkles";
+import { defineProperties, createSprinkles } from "@vanilla-extract/sprinkles";
+import { unresponsiveProperties, responsiveProperties } from "./atomicProperties.mjs";
+import { breakpointQuery, breakpointNames } from "./breakpoints.mjs";
 setFileScope("src/lib/css/atoms/sprinkles.css.ts", "@blockle/blocks");
-var atoms = createSprinkles({
-  conditions: void 0,
-  styles: {
-    inset: {
-      mappings: ["insetBlockStart", "insetBlockEnd", "insetInlineStart", "insetInlineEnd"]
-    },
-    backgroundColor: {
-      values: {
-        black: {
-          defaultClass: "rvxbw0"
-        },
-        white: {
-          defaultClass: "rvxbw1"
-        },
-        body: {
-          defaultClass: "rvxbw2"
-        },
-        primaryLight: {
-          defaultClass: "rvxbw3"
-        },
-        primary: {
-          defaultClass: "rvxbw4"
-        },
-        primaryDark: {
-          defaultClass: "rvxbw5"
-        },
-        secondaryLight: {
-          defaultClass: "rvxbw6"
-        },
-        secondary: {
-          defaultClass: "rvxbw7"
-        },
-        secondaryDark: {
-          defaultClass: "rvxbw8"
-        },
-        text: {
-          defaultClass: "rvxbw9"
-        },
-        textLight: {
-          defaultClass: "rvxbwa"
-        },
-        textDark: {
-          defaultClass: "rvxbwb"
-        },
-        danger: {
-          defaultClass: "rvxbwc"
-        },
-        link: {
-          defaultClass: "rvxbwd"
-        },
-        currentColor: {
-          defaultClass: "rvxbwe"
-        }
-      }
-    },
-    borderColor: {
-      values: {
-        black: {
-          defaultClass: "rvxbwf"
-        },
-        white: {
-          defaultClass: "rvxbwg"
-        },
-        body: {
-          defaultClass: "rvxbwh"
-        },
-        primaryLight: {
-          defaultClass: "rvxbwi"
-        },
-        primary: {
-          defaultClass: "rvxbwj"
-        },
-        primaryDark: {
-          defaultClass: "rvxbwk"
-        },
-        secondaryLight: {
-          defaultClass: "rvxbwl"
-        },
-        secondary: {
-          defaultClass: "rvxbwm"
-        },
-        secondaryDark: {
-          defaultClass: "rvxbwn"
-        },
-        text: {
-          defaultClass: "rvxbwo"
-        },
-        textLight: {
-          defaultClass: "rvxbwp"
-        },
-        textDark: {
-          defaultClass: "rvxbwq"
-        },
-        danger: {
-          defaultClass: "rvxbwr"
-        },
-        link: {
-          defaultClass: "rvxbws"
-        },
-        currentColor: {
-          defaultClass: "rvxbwt"
-        }
-      }
-    },
-    borderRadius: {
-      values: {
-        small: {
-          defaultClass: "rvxbwu"
-        },
-        medium: {
-          defaultClass: "rvxbwv"
-        },
-        large: {
-          defaultClass: "rvxbww"
-        },
-        xlarge: {
-          defaultClass: "rvxbwx"
-        }
-      }
-    },
-    borderWidth: {
-      values: {
-        small: {
-          defaultClass: "rvxbwy"
-        },
-        medium: {
-          defaultClass: "rvxbwz"
-        },
-        large: {
-          defaultClass: "rvxbw10"
-        }
-      }
-    },
-    border: {
-      values: {
-        none: {
-          defaultClass: "rvxbw11"
-        }
-      }
-    },
-    insetBlock: {
-      values: {
-        "0": {
-          defaultClass: "rvxbw12"
-        }
-      }
-    },
-    insetBlockStart: {
-      values: {
-        "0": {
-          defaultClass: "rvxbw13"
-        }
-      }
-    },
-    insetBlockEnd: {
-      values: {
-        "0": {
-          defaultClass: "rvxbw14"
-        }
-      }
-    },
-    insetInline: {
-      values: {
-        "0": {
-          defaultClass: "rvxbw15"
-        }
-      }
-    },
-    insetInlineStart: {
-      values: {
-        "0": {
-          defaultClass: "rvxbw16"
-        }
-      }
-    },
-    insetInlineEnd: {
-      values: {
-        "0": {
-          defaultClass: "rvxbw17"
-        }
-      }
-    },
-    boxShadow: {
-      values: {
-        small: {
-          defaultClass: "rvxbw18"
-        },
-        medium: {
-          defaultClass: "rvxbw19"
-        },
-        large: {
-          defaultClass: "rvxbw1a"
-        }
-      }
-    },
-    color: {
-      values: {
-        black: {
-          defaultClass: "rvxbw1b"
-        },
-        white: {
-          defaultClass: "rvxbw1c"
-        },
-        body: {
-          defaultClass: "rvxbw1d"
-        },
-        primaryLight: {
-          defaultClass: "rvxbw1e"
-        },
-        primary: {
-          defaultClass: "rvxbw1f"
-        },
-        primaryDark: {
-          defaultClass: "rvxbw1g"
-        },
-        secondaryLight: {
-          defaultClass: "rvxbw1h"
-        },
-        secondary: {
-          defaultClass: "rvxbw1i"
-        },
-        secondaryDark: {
-          defaultClass: "rvxbw1j"
-        },
-        text: {
-          defaultClass: "rvxbw1k"
-        },
-        textLight: {
-          defaultClass: "rvxbw1l"
-        },
-        textDark: {
-          defaultClass: "rvxbw1m"
-        },
-        danger: {
-          defaultClass: "rvxbw1n"
-        },
-        link: {
-          defaultClass: "rvxbw1o"
-        },
-        currentColor: {
-          defaultClass: "rvxbw1p"
-        }
-      }
-    },
-    cursor: {
-      values: {
-        auto: {
-          defaultClass: "rvxbw1q"
-        },
-        pointer: {
-          defaultClass: "rvxbw1r"
-        }
-      }
-    },
-    fontFamily: {
-      values: {
-        body: {
-          defaultClass: "rvxbw1s"
-        },
-        primary: {
-          defaultClass: "rvxbw1t"
-        },
-        secondary: {
-          defaultClass: "rvxbw1u"
-        }
-      }
-    },
-    fontStyle: {
-      values: {
-        normal: {
-          defaultClass: "rvxbw1v"
-        },
-        italic: {
-          defaultClass: "rvxbw1w"
-        },
-        oblique: {
-          defaultClass: "rvxbw1x"
-        }
-      }
-    },
-    fontWeight: {
-      values: {
-        regular: {
-          defaultClass: "rvxbw1y"
-        },
-        medium: {
-          defaultClass: "rvxbw1z"
-        },
-        strong: {
-          defaultClass: "rvxbw20"
-        }
-      }
-    },
-    lineHeight: {
-      values: {
-        xsmall: {
-          defaultClass: "rvxbw21"
-        },
-        small: {
-          defaultClass: "rvxbw22"
-        },
-        medium: {
-          defaultClass: "rvxbw23"
-        },
-        large: {
-          defaultClass: "rvxbw24"
-        },
-        xlarge: {
-          defaultClass: "rvxbw25"
-        }
-      }
-    },
-    blockSize: {
-      values: {
-        auto: {
-          defaultClass: "rvxbw26"
-        },
-        full: {
-          defaultClass: "rvxbw27"
-        },
-        "fit-content": {
-          defaultClass: "rvxbw28"
-        }
-      }
-    },
-    maxBlockSize: {
-      values: {
-        auto: {
-          defaultClass: "rvxbw29"
-        },
-        full: {
-          defaultClass: "rvxbw2a"
-        },
-        "fit-content": {
-          defaultClass: "rvxbw2b"
-        }
-      }
-    },
-    inlineSize: {
-      values: {
-        auto: {
-          defaultClass: "rvxbw2c"
-        },
-        full: {
-          defaultClass: "rvxbw2d"
-        },
-        "fit-content": {
-          defaultClass: "rvxbw2e"
-        }
-      }
-    },
-    maxInlineSize: {
-      values: {
-        auto: {
-          defaultClass: "rvxbw2f"
-        },
-        full: {
-          defaultClass: "rvxbw2g"
-        },
-        "fit-content": {
-          defaultClass: "rvxbw2h"
-        }
-      }
-    },
-    opacity: {
-      values: {
-        "0": {
-          defaultClass: "rvxbw2i"
-        },
-        "1": {
-          defaultClass: "rvxbw2j"
-        }
-      }
-    },
-    overflow: {
-      values: {
-        hidden: {
-          defaultClass: "rvxbw2k"
-        },
-        scroll: {
-          defaultClass: "rvxbw2l"
-        },
-        visible: {
-          defaultClass: "rvxbw2m"
-        },
-        auto: {
-          defaultClass: "rvxbw2n"
-        }
-      }
-    },
-    overflowBlock: {
-      values: {
-        hidden: {
-          defaultClass: "rvxbw2o"
-        },
-        scroll: {
-          defaultClass: "rvxbw2p"
-        },
-        visible: {
-          defaultClass: "rvxbw2q"
-        },
-        auto: {
-          defaultClass: "rvxbw2r"
-        }
-      }
-    },
-    overflowInline: {
-      values: {
-        hidden: {
-          defaultClass: "rvxbw2s"
-        },
-        scroll: {
-          defaultClass: "rvxbw2t"
-        },
-        visible: {
-          defaultClass: "rvxbw2u"
-        },
-        auto: {
-          defaultClass: "rvxbw2v"
-        }
-      }
-    },
-    pointerEvents: {
-      values: {
-        none: {
-          defaultClass: "rvxbw2w"
-        }
-      }
-    },
-    textDecoration: {
-      values: {
-        overline: {
-          defaultClass: "rvxbw2x"
-        },
-        "line-through": {
-          defaultClass: "rvxbw2y"
-        },
-        underline: {
-          defaultClass: "rvxbw2z"
-        },
-        none: {
-          defaultClass: "rvxbw30"
-        }
-      }
-    },
-    textTransform: {
-      values: {
-        lowercase: {
-          defaultClass: "rvxbw31"
-        },
-        uppercase: {
-          defaultClass: "rvxbw32"
-        },
-        capitalize: {
-          defaultClass: "rvxbw33"
-        }
-      }
-    },
-    textWrap: {
-      values: {
-        balance: {
-          defaultClass: "rvxbw34"
-        },
-        wrap: {
-          defaultClass: "rvxbw35"
-        }
-      }
-    },
-    transition: {
-      values: {
-        slow: {
-          defaultClass: "rvxbw36"
-        },
-        normal: {
-          defaultClass: "rvxbw37"
-        },
-        fast: {
-          defaultClass: "rvxbw38"
-        }
-      }
-    },
-    userSelect: {
-      values: {
-        none: {
-          defaultClass: "rvxbw39"
-        }
-      }
-    },
-    whiteSpace: {
-      values: {
-        nowrap: {
-          defaultClass: "rvxbw3a"
-        },
-        pre: {
-          defaultClass: "rvxbw3b"
-        },
-        "pre-line": {
-          defaultClass: "rvxbw3c"
-        },
-        "pre-wrap": {
-          defaultClass: "rvxbw3d"
-        }
-      }
-    },
-    wordBreak: {
-      values: {
-        "break-word": {
-          defaultClass: "rvxbw3e"
-        }
-      }
-    },
-    wordWrap: {
-      values: {
-        "break-word": {
-          defaultClass: "rvxbw3f"
-        }
-      }
-    }
+const unresponsiveAtomicProperties = defineProperties({
+  properties: unresponsiveProperties,
+  shorthands: {
+    inset: ["insetBlockStart", "insetBlockEnd", "insetInlineStart", "insetInlineEnd"]
   }
-}, function() {
-  var x = {
-    conditions: {
-      defaultCondition: "mobile",
-      conditionNames: ["mobile", "tablet", "desktop", "wide"],
-      responsiveArray: ["mobile", "tablet", "desktop", "wide"]
-    },
-    styles: {
-      margin: {
-        mappings: ["marginBlockStart", "marginBlockEnd", "marginInlineStart", "marginInlineEnd"]
-      },
-      marginBlock: {
-        mappings: ["marginBlockStart", "marginBlockEnd"]
-      },
-      marginInline: {
-        mappings: ["marginInlineStart", "marginInlineEnd"]
-      },
-      placeItems: {
-        mappings: ["justifyContent", "alignItems"]
-      },
-      alignContent: {
-        values: {
-          stretch: {
-            conditions: {
-              mobile: "rvxbw3g",
-              tablet: "rvxbw3h",
-              desktop: "rvxbw3i",
-              wide: "rvxbw3j"
-            },
-            defaultClass: "rvxbw3g"
-          },
-          center: {
-            conditions: {
-              mobile: "rvxbw3k",
-              tablet: "rvxbw3l",
-              desktop: "rvxbw3m",
-              wide: "rvxbw3n"
-            },
-            defaultClass: "rvxbw3k"
-          },
-          "flex-start": {
-            conditions: {
-              mobile: "rvxbw3o",
-              tablet: "rvxbw3p",
-              desktop: "rvxbw3q",
-              wide: "rvxbw3r"
-            },
-            defaultClass: "rvxbw3o"
-          },
-          "flex-end": {
-            conditions: {
-              mobile: "rvxbw3s",
-              tablet: "rvxbw3t",
-              desktop: "rvxbw3u",
-              wide: "rvxbw3v"
-            },
-            defaultClass: "rvxbw3s"
-          }
-        },
-        responsiveArray: void 0
-      },
-      alignItems: {
-        values: {
-          stretch: {
-            conditions: {
-              mobile: "rvxbw3w",
-              tablet: "rvxbw3x",
-              desktop: "rvxbw3y",
-              wide: "rvxbw3z"
-            },
-            defaultClass: "rvxbw3w"
-          },
-          center: {
-            conditions: {
-              mobile: "rvxbw40",
-              tablet: "rvxbw41",
-              desktop: "rvxbw42",
-              wide: "rvxbw43"
-            },
-            defaultClass: "rvxbw40"
-          },
-          "flex-start": {
-            conditions: {
-              mobile: "rvxbw44",
-              tablet: "rvxbw45",
-              desktop: "rvxbw46",
-              wide: "rvxbw47"
-            },
-            defaultClass: "rvxbw44"
-          },
-          "flex-end": {
-            conditions: {
-              mobile: "rvxbw48",
-              tablet: "rvxbw49",
-              desktop: "rvxbw4a",
-              wide: "rvxbw4b"
-            },
-            defaultClass: "rvxbw48"
-          }
-        },
-        responsiveArray: void 0
-      },
-      alignSelf: {
-        values: {
-          stretch: {
-            conditions: {
-              mobile: "rvxbw4c",
-              tablet: "rvxbw4d",
-              desktop: "rvxbw4e",
-              wide: "rvxbw4f"
-            },
-            defaultClass: "rvxbw4c"
-          },
-          center: {
-            conditions: {
-              mobile: "rvxbw4g",
-              tablet: "rvxbw4h",
-              desktop: "rvxbw4i",
-              wide: "rvxbw4j"
-            },
-            defaultClass: "rvxbw4g"
-          },
-          "flex-start": {
-            conditions: {
-              mobile: "rvxbw4k",
-              tablet: "rvxbw4l",
-              desktop: "rvxbw4m",
-              wide: "rvxbw4n"
-            },
-            defaultClass: "rvxbw4k"
-          },
-          "flex-end": {
-            conditions: {
-              mobile: "rvxbw4o",
-              tablet: "rvxbw4p",
-              desktop: "rvxbw4q",
-              wide: "rvxbw4r"
-            },
-            defaultClass: "rvxbw4o"
-          }
-        },
-        responsiveArray: void 0
-      },
-      columnGap: {
-        values: {
-          none: {
-            conditions: {
-              mobile: "rvxbw4s",
-              tablet: "rvxbw4t",
-              desktop: "rvxbw4u",
-              wide: "rvxbw4v"
-            },
-            defaultClass: "rvxbw4s"
-          },
-          gutter: {
-            conditions: {
-              mobile: "rvxbw4w",
-              tablet: "rvxbw4x",
-              desktop: "rvxbw4y",
-              wide: "rvxbw4z"
-            },
-            defaultClass: "rvxbw4w"
-          },
-          xsmall: {
-            conditions: {
-              mobile: "rvxbw50",
-              tablet: "rvxbw51",
-              desktop: "rvxbw52",
-              wide: "rvxbw53"
-            },
-            defaultClass: "rvxbw50"
-          },
-          small: {
-            conditions: {
-              mobile: "rvxbw54",
-              tablet: "rvxbw55",
-              desktop: "rvxbw56",
-              wide: "rvxbw57"
-            },
-            defaultClass: "rvxbw54"
-          },
-          medium: {
-            conditions: {
-              mobile: "rvxbw58",
-              tablet: "rvxbw59",
-              desktop: "rvxbw5a",
-              wide: "rvxbw5b"
-            },
-            defaultClass: "rvxbw58"
-          },
-          large: {
-            conditions: {
-              mobile: "rvxbw5c",
-              tablet: "rvxbw5d",
-              desktop: "rvxbw5e",
-              wide: "rvxbw5f"
-            },
-            defaultClass: "rvxbw5c"
-          },
-          xlarge: {
-            conditions: {
-              mobile: "rvxbw5g",
-              tablet: "rvxbw5h",
-              desktop: "rvxbw5i",
-              wide: "rvxbw5j"
-            },
-            defaultClass: "rvxbw5g"
-          }
-        },
-        responsiveArray: void 0
-      },
-      display: {
-        values: {
-          none: {
-            conditions: {
-              mobile: "rvxbw5k",
-              tablet: "rvxbw5l",
-              desktop: "rvxbw5m",
-              wide: "rvxbw5n"
-            },
-            defaultClass: "rvxbw5k"
-          },
-          flex: {
-            conditions: {
-              mobile: "rvxbw5o",
-              tablet: "rvxbw5p",
-              desktop: "rvxbw5q",
-              wide: "rvxbw5r"
-            },
-            defaultClass: "rvxbw5o"
-          },
-          "inline-flex": {
-            conditions: {
-              mobile: "rvxbw5s",
-              tablet: "rvxbw5t",
-              desktop: "rvxbw5u",
-              wide: "rvxbw5v"
-            },
-            defaultClass: "rvxbw5s"
-          },
-          block: {
-            conditions: {
-              mobile: "rvxbw5w",
-              tablet: "rvxbw5x",
-              desktop: "rvxbw5y",
-              wide: "rvxbw5z"
-            },
-            defaultClass: "rvxbw5w"
-          },
-          inline: {
-            conditions: {
-              mobile: "rvxbw60",
-              tablet: "rvxbw61",
-              desktop: "rvxbw62",
-              wide: "rvxbw63"
-            },
-            defaultClass: "rvxbw60"
-          },
-          "inline-block": {
-            conditions: {
-              mobile: "rvxbw64",
-              tablet: "rvxbw65",
-              desktop: "rvxbw66",
-              wide: "rvxbw67"
-            },
-            defaultClass: "rvxbw64"
-          },
-          grid: {
-            conditions: {
-              mobile: "rvxbw68",
-              tablet: "rvxbw69",
-              desktop: "rvxbw6a",
-              wide: "rvxbw6b"
-            },
-            defaultClass: "rvxbw68"
-          },
-          "inline-grid": {
-            conditions: {
-              mobile: "rvxbw6c",
-              tablet: "rvxbw6d",
-              desktop: "rvxbw6e",
-              wide: "rvxbw6f"
-            },
-            defaultClass: "rvxbw6c"
-          }
-        },
-        responsiveArray: void 0
-      },
-      flex: {
-        values: {
-          "1": {
-            conditions: {
-              mobile: "rvxbw6g",
-              tablet: "rvxbw6h",
-              desktop: "rvxbw6i",
-              wide: "rvxbw6j"
-            },
-            defaultClass: "rvxbw6g"
-          }
-        },
-        responsiveArray: void 0
-      },
-      flexDirection: {
-        values: {
-          row: {
-            conditions: {
-              mobile: "rvxbw6k",
-              tablet: "rvxbw6l",
-              desktop: "rvxbw6m",
-              wide: "rvxbw6n"
-            },
-            defaultClass: "rvxbw6k"
-          },
-          "row-reverse": {
-            conditions: {
-              mobile: "rvxbw6o",
-              tablet: "rvxbw6p",
-              desktop: "rvxbw6q",
-              wide: "rvxbw6r"
-            },
-            defaultClass: "rvxbw6o"
-          },
-          column: {
-            conditions: {
-              mobile: "rvxbw6s",
-              tablet: "rvxbw6t",
-              desktop: "rvxbw6u",
-              wide: "rvxbw6v"
-            },
-            defaultClass: "rvxbw6s"
-          },
-          "column-reverse": {
-            conditions: {
-              mobile: "rvxbw6w",
-              tablet: "rvxbw6x",
-              desktop: "rvxbw6y",
-              wide: "rvxbw6z"
-            },
-            defaultClass: "rvxbw6w"
-          }
-        },
-        responsiveArray: void 0
-      },
-      flexGrow: {
-        values: {
-          "0": {
-            conditions: {
-              mobile: "rvxbw70",
-              tablet: "rvxbw71",
-              desktop: "rvxbw72",
-              wide: "rvxbw73"
-            },
-            defaultClass: "rvxbw70"
-          },
-          "1": {
-            conditions: {
-              mobile: "rvxbw74",
-              tablet: "rvxbw75",
-              desktop: "rvxbw76",
-              wide: "rvxbw77"
-            },
-            defaultClass: "rvxbw74"
-          }
-        },
-        responsiveArray: void 0
-      },
-      flexShrink: {
-        values: {
-          "0": {
-            conditions: {
-              mobile: "rvxbw78",
-              tablet: "rvxbw79",
-              desktop: "rvxbw7a",
-              wide: "rvxbw7b"
-            },
-            defaultClass: "rvxbw78"
-          },
-          "1": {
-            conditions: {
-              mobile: "rvxbw7c",
-              tablet: "rvxbw7d",
-              desktop: "rvxbw7e",
-              wide: "rvxbw7f"
-            },
-            defaultClass: "rvxbw7c"
-          }
-        },
-        responsiveArray: void 0
-      },
-      flexWrap: {
-        values: {
-          nowrap: {
-            conditions: {
-              mobile: "rvxbw7g",
-              tablet: "rvxbw7h",
-              desktop: "rvxbw7i",
-              wide: "rvxbw7j"
-            },
-            defaultClass: "rvxbw7g"
-          },
-          wrap: {
-            conditions: {
-              mobile: "rvxbw7k",
-              tablet: "rvxbw7l",
-              desktop: "rvxbw7m",
-              wide: "rvxbw7n"
-            },
-            defaultClass: "rvxbw7k"
-          }
-        },
-        responsiveArray: void 0
-      },
-      fontSize: {
-        values: {
-          xsmall: {
-            conditions: {
-              mobile: "rvxbw7o",
-              tablet: "rvxbw7p",
-              desktop: "rvxbw7q",
-              wide: "rvxbw7r"
-            },
-            defaultClass: "rvxbw7o"
-          },
-          small: {
-            conditions: {
-              mobile: "rvxbw7s",
-              tablet: "rvxbw7t",
-              desktop: "rvxbw7u",
-              wide: "rvxbw7v"
-            },
-            defaultClass: "rvxbw7s"
-          },
-          medium: {
-            conditions: {
-              mobile: "rvxbw7w",
-              tablet: "rvxbw7x",
-              desktop: "rvxbw7y",
-              wide: "rvxbw7z"
-            },
-            defaultClass: "rvxbw7w"
-          },
-          large: {
-            conditions: {
-              mobile: "rvxbw80",
-              tablet: "rvxbw81",
-              desktop: "rvxbw82",
-              wide: "rvxbw83"
-            },
-            defaultClass: "rvxbw80"
-          },
-          xlarge: {
-            conditions: {
-              mobile: "rvxbw84",
-              tablet: "rvxbw85",
-              desktop: "rvxbw86",
-              wide: "rvxbw87"
-            },
-            defaultClass: "rvxbw84"
-          }
-        },
-        responsiveArray: void 0
-      },
-      gap: {
-        values: {
-          none: {
-            conditions: {
-              mobile: "rvxbw88",
-              tablet: "rvxbw89",
-              desktop: "rvxbw8a",
-              wide: "rvxbw8b"
-            },
-            defaultClass: "rvxbw88"
-          },
-          gutter: {
-            conditions: {
-              mobile: "rvxbw8c",
-              tablet: "rvxbw8d",
-              desktop: "rvxbw8e",
-              wide: "rvxbw8f"
-            },
-            defaultClass: "rvxbw8c"
-          },
-          xsmall: {
-            conditions: {
-              mobile: "rvxbw8g",
-              tablet: "rvxbw8h",
-              desktop: "rvxbw8i",
-              wide: "rvxbw8j"
-            },
-            defaultClass: "rvxbw8g"
-          },
-          small: {
-            conditions: {
-              mobile: "rvxbw8k",
-              tablet: "rvxbw8l",
-              desktop: "rvxbw8m",
-              wide: "rvxbw8n"
-            },
-            defaultClass: "rvxbw8k"
-          },
-          medium: {
-            conditions: {
-              mobile: "rvxbw8o",
-              tablet: "rvxbw8p",
-              desktop: "rvxbw8q",
-              wide: "rvxbw8r"
-            },
-            defaultClass: "rvxbw8o"
-          },
-          large: {
-            conditions: {
-              mobile: "rvxbw8s",
-              tablet: "rvxbw8t",
-              desktop: "rvxbw8u",
-              wide: "rvxbw8v"
-            },
-            defaultClass: "rvxbw8s"
-          },
-          xlarge: {
-            conditions: {
-              mobile: "rvxbw8w",
-              tablet: "rvxbw8x",
-              desktop: "rvxbw8y",
-              wide: "rvxbw8z"
-            },
-            defaultClass: "rvxbw8w"
-          }
-        },
-        responsiveArray: void 0
-      },
-      justifyContent: {
-        values: {
-          "flex-start": {
-            conditions: {
-              mobile: "rvxbw90",
-              tablet: "rvxbw91",
-              desktop: "rvxbw92",
-              wide: "rvxbw93"
-            },
-            defaultClass: "rvxbw90"
-          },
-          "flex-end": {
-            conditions: {
-              mobile: "rvxbw94",
-              tablet: "rvxbw95",
-              desktop: "rvxbw96",
-              wide: "rvxbw97"
-            },
-            defaultClass: "rvxbw94"
-          },
-          center: {
-            conditions: {
-              mobile: "rvxbw98",
-              tablet: "rvxbw99",
-              desktop: "rvxbw9a",
-              wide: "rvxbw9b"
-            },
-            defaultClass: "rvxbw98"
-          },
-          "space-between": {
-            conditions: {
-              mobile: "rvxbw9c",
-              tablet: "rvxbw9d",
-              desktop: "rvxbw9e",
-              wide: "rvxbw9f"
-            },
-            defaultClass: "rvxbw9c"
-          },
-          "space-around": {
-            conditions: {
-              mobile: "rvxbw9g",
-              tablet: "rvxbw9h",
-              desktop: "rvxbw9i",
-              wide: "rvxbw9j"
-            },
-            defaultClass: "rvxbw9g"
-          }
-        },
-        responsiveArray: void 0
-      },
-      marginBlockStart: {
-        values: {
-          auto: {
-            conditions: {
-              mobile: "rvxbw9k",
-              tablet: "rvxbw9l",
-              desktop: "rvxbw9m",
-              wide: "rvxbw9n"
-            },
-            defaultClass: "rvxbw9k"
-          },
-          none: {
-            conditions: {
-              mobile: "rvxbw9o",
-              tablet: "rvxbw9p",
-              desktop: "rvxbw9q",
-              wide: "rvxbw9r"
-            },
-            defaultClass: "rvxbw9o"
-          },
-          gutter: {
-            conditions: {
-              mobile: "rvxbw9s",
-              tablet: "rvxbw9t",
-              desktop: "rvxbw9u",
-              wide: "rvxbw9v"
-            },
-            defaultClass: "rvxbw9s"
-          },
-          xsmall: {
-            conditions: {
-              mobile: "rvxbw9w",
-              tablet: "rvxbw9x",
-              desktop: "rvxbw9y",
-              wide: "rvxbw9z"
-            },
-            defaultClass: "rvxbw9w"
-          },
-          small: {
-            conditions: {
-              mobile: "rvxbwa0",
-              tablet: "rvxbwa1",
-              desktop: "rvxbwa2",
-              wide: "rvxbwa3"
-            },
-            defaultClass: "rvxbwa0"
-          },
-          medium: {
-            conditions: {
-              mobile: "rvxbwa4",
-              tablet: "rvxbwa5",
-              desktop: "rvxbwa6",
-              wide: "rvxbwa7"
-            },
-            defaultClass: "rvxbwa4"
-          },
-          large: {
-            conditions: {
-              mobile: "rvxbwa8",
-              tablet: "rvxbwa9",
-              desktop: "rvxbwaa",
-              wide: "rvxbwab"
-            },
-            defaultClass: "rvxbwa8"
-          },
-          xlarge: {
-            conditions: {
-              mobile: "rvxbwac",
-              tablet: "rvxbwad",
-              desktop: "rvxbwae",
-              wide: "rvxbwaf"
-            },
-            defaultClass: "rvxbwac"
-          }
-        },
-        responsiveArray: void 0
-      },
-      marginBlockEnd: {
-        values: {
-          auto: {
-            conditions: {
-              mobile: "rvxbwag",
-              tablet: "rvxbwah",
-              desktop: "rvxbwai",
-              wide: "rvxbwaj"
-            },
-            defaultClass: "rvxbwag"
-          },
-          none: {
-            conditions: {
-              mobile: "rvxbwak",
-              tablet: "rvxbwal",
-              desktop: "rvxbwam",
-              wide: "rvxbwan"
-            },
-            defaultClass: "rvxbwak"
-          },
-          gutter: {
-            conditions: {
-              mobile: "rvxbwao",
-              tablet: "rvxbwap",
-              desktop: "rvxbwaq",
-              wide: "rvxbwar"
-            },
-            defaultClass: "rvxbwao"
-          },
-          xsmall: {
-            conditions: {
-              mobile: "rvxbwas",
-              tablet: "rvxbwat",
-              desktop: "rvxbwau",
-              wide: "rvxbwav"
-            },
-            defaultClass: "rvxbwas"
-          },
-          small: {
-            conditions: {
-              mobile: "rvxbwaw",
-              tablet: "rvxbwax",
-              desktop: "rvxbway",
-              wide: "rvxbwaz"
-            },
-            defaultClass: "rvxbwaw"
-          },
-          medium: {
-            conditions: {
-              mobile: "rvxbwb0",
-              tablet: "rvxbwb1",
-              desktop: "rvxbwb2",
-              wide: "rvxbwb3"
-            },
-            defaultClass: "rvxbwb0"
-          },
-          large: {
-            conditions: {
-              mobile: "rvxbwb4",
-              tablet: "rvxbwb5",
-              desktop: "rvxbwb6",
-              wide: "rvxbwb7"
-            },
-            defaultClass: "rvxbwb4"
-          },
-          xlarge: {
-            conditions: {
-              mobile: "rvxbwb8",
-              tablet: "rvxbwb9",
-              desktop: "rvxbwba",
-              wide: "rvxbwbb"
-            },
-            defaultClass: "rvxbwb8"
-          }
-        },
-        responsiveArray: void 0
-      },
-      marginInlineStart: {
-        values: {
-          auto: {
-            conditions: {
-              mobile: "rvxbwbc",
-              tablet: "rvxbwbd",
-              desktop: "rvxbwbe",
-              wide: "rvxbwbf"
-            },
-            defaultClass: "rvxbwbc"
-          },
-          none: {
-            conditions: {
-              mobile: "rvxbwbg",
-              tablet: "rvxbwbh",
-              desktop: "rvxbwbi",
-              wide: "rvxbwbj"
-            },
-            defaultClass: "rvxbwbg"
-          },
-          gutter: {
-            conditions: {
-              mobile: "rvxbwbk",
-              tablet: "rvxbwbl",
-              desktop: "rvxbwbm",
-              wide: "rvxbwbn"
-            },
-            defaultClass: "rvxbwbk"
-          },
-          xsmall: {
-            conditions: {
-              mobile: "rvxbwbo",
-              tablet: "rvxbwbp",
-              desktop: "rvxbwbq",
-              wide: "rvxbwbr"
-            },
-            defaultClass: "rvxbwbo"
-          },
-          small: {
-            conditions: {
-              mobile: "rvxbwbs",
-              tablet: "rvxbwbt",
-              desktop: "rvxbwbu",
-              wide: "rvxbwbv"
-            },
-            defaultClass: "rvxbwbs"
-          },
-          medium: {
-            conditions: {
-              mobile: "rvxbwbw",
-              tablet: "rvxbwbx",
-              desktop: "rvxbwby",
-              wide: "rvxbwbz"
-            },
-            defaultClass: "rvxbwbw"
-          },
-          large: {
-            conditions: {
-              mobile: "rvxbwc0",
-              tablet: "rvxbwc1",
-              desktop: "rvxbwc2",
-              wide: "rvxbwc3"
-            },
-            defaultClass: "rvxbwc0"
-          },
-          xlarge: {
-            conditions: {
-              mobile: "rvxbwc4",
-              tablet: "rvxbwc5",
-              desktop: "rvxbwc6",
-              wide: "rvxbwc7"
-            },
-            defaultClass: "rvxbwc4"
-          }
-        },
-        responsiveArray: void 0
-      },
-      marginInlineEnd: {
-        values: {
-          auto: {
-            conditions: {
-              mobile: "rvxbwc8",
-              tablet: "rvxbwc9",
-              desktop: "rvxbwca",
-              wide: "rvxbwcb"
-            },
-            defaultClass: "rvxbwc8"
-          },
-          none: {
-            conditions: {
-              mobile: "rvxbwcc",
-              tablet: "rvxbwcd",
-              desktop: "rvxbwce",
-              wide: "rvxbwcf"
-            },
-            defaultClass: "rvxbwcc"
-          },
-          gutter: {
-            conditions: {
-              mobile: "rvxbwcg",
-              tablet: "rvxbwch",
-              desktop: "rvxbwci",
-              wide: "rvxbwcj"
-            },
-            defaultClass: "rvxbwcg"
-          },
-          xsmall: {
-            conditions: {
-              mobile: "rvxbwck",
-              tablet: "rvxbwcl",
-              desktop: "rvxbwcm",
-              wide: "rvxbwcn"
-            },
-            defaultClass: "rvxbwck"
-          },
-          small: {
-            conditions: {
-              mobile: "rvxbwco",
-              tablet: "rvxbwcp",
-              desktop: "rvxbwcq",
-              wide: "rvxbwcr"
-            },
-            defaultClass: "rvxbwco"
-          },
-          medium: {
-            conditions: {
-              mobile: "rvxbwcs",
-              tablet: "rvxbwct",
-              desktop: "rvxbwcu",
-              wide: "rvxbwcv"
-            },
-            defaultClass: "rvxbwcs"
-          },
-          large: {
-            conditions: {
-              mobile: "rvxbwcw",
-              tablet: "rvxbwcx",
-              desktop: "rvxbwcy",
-              wide: "rvxbwcz"
-            },
-            defaultClass: "rvxbwcw"
-          },
-          xlarge: {
-            conditions: {
-              mobile: "rvxbwd0",
-              tablet: "rvxbwd1",
-              desktop: "rvxbwd2",
-              wide: "rvxbwd3"
-            },
-            defaultClass: "rvxbwd0"
-          }
-        },
-        responsiveArray: void 0
-      },
-      outline: {
-        values: {
-          none: {
-            conditions: {
-              mobile: "rvxbwd4",
-              tablet: "rvxbwd5",
-              desktop: "rvxbwd6",
-              wide: "rvxbwd7"
-            },
-            defaultClass: "rvxbwd4"
-          }
-        },
-        responsiveArray: void 0
-      },
-      padding: {
-        values: {
-          none: {
-            conditions: {
-              mobile: "rvxbwd8",
-              tablet: "rvxbwd9",
-              desktop: "rvxbwda",
-              wide: "rvxbwdb"
-            },
-            defaultClass: "rvxbwd8"
-          },
-          gutter: {
-            conditions: {
-              mobile: "rvxbwdc",
-              tablet: "rvxbwdd",
-              desktop: "rvxbwde",
-              wide: "rvxbwdf"
-            },
-            defaultClass: "rvxbwdc"
-          },
-          xsmall: {
-            conditions: {
-              mobile: "rvxbwdg",
-              tablet: "rvxbwdh",
-              desktop: "rvxbwdi",
-              wide: "rvxbwdj"
-            },
-            defaultClass: "rvxbwdg"
-          },
-          small: {
-            conditions: {
-              mobile: "rvxbwdk",
-              tablet: "rvxbwdl",
-              desktop: "rvxbwdm",
-              wide: "rvxbwdn"
-            },
-            defaultClass: "rvxbwdk"
-          },
-          medium: {
-            conditions: {
-              mobile: "rvxbwdo",
-              tablet: "rvxbwdp",
-              desktop: "rvxbwdq",
-              wide: "rvxbwdr"
-            },
-            defaultClass: "rvxbwdo"
-          },
-          large: {
-            conditions: {
-              mobile: "rvxbwds",
-              tablet: "rvxbwdt",
-              desktop: "rvxbwdu",
-              wide: "rvxbwdv"
-            },
-            defaultClass: "rvxbwds"
-          },
-          xlarge: {
-            conditions: {
-              mobile: "rvxbwdw",
-              tablet: "rvxbwdx",
-              desktop: "rvxbwdy",
-              wide: "rvxbwdz"
-            },
-            defaultClass: "rvxbwdw"
-          }
-        },
-        responsiveArray: void 0
-      },
-      paddingBlock: {
-        values: {
-          none: {
-            conditions: {
-              mobile: "rvxbwe0",
-              tablet: "rvxbwe1",
-              desktop: "rvxbwe2",
-              wide: "rvxbwe3"
-            },
-            defaultClass: "rvxbwe0"
-          },
-          gutter: {
-            conditions: {
-              mobile: "rvxbwe4",
-              tablet: "rvxbwe5",
-              desktop: "rvxbwe6",
-              wide: "rvxbwe7"
-            },
-            defaultClass: "rvxbwe4"
-          },
-          xsmall: {
-            conditions: {
-              mobile: "rvxbwe8",
-              tablet: "rvxbwe9",
-              desktop: "rvxbwea",
-              wide: "rvxbweb"
-            },
-            defaultClass: "rvxbwe8"
-          },
-          small: {
-            conditions: {
-              mobile: "rvxbwec",
-              tablet: "rvxbwed",
-              desktop: "rvxbwee",
-              wide: "rvxbwef"
-            },
-            defaultClass: "rvxbwec"
-          },
-          medium: {
-            conditions: {
-              mobile: "rvxbweg",
-              tablet: "rvxbweh",
-              desktop: "rvxbwei",
-              wide: "rvxbwej"
-            },
-            defaultClass: "rvxbweg"
-          },
-          large: {
-            conditions: {
-              mobile: "rvxbwek",
-              tablet: "rvxbwel",
-              desktop: "rvxbwem",
-              wide: "rvxbwen"
-            },
-            defaultClass: "rvxbwek"
-          },
-          xlarge: {
-            conditions: {
-              mobile: "rvxbweo",
-              tablet: "rvxbwep",
-              desktop: "rvxbweq",
-              wide: "rvxbwer"
-            },
-            defaultClass: "rvxbweo"
-          }
-        },
-        responsiveArray: void 0
-      },
-      paddingBlockStart: {
-        values: {
-          none: {
-            conditions: {
-              mobile: "rvxbwes",
-              tablet: "rvxbwet",
-              desktop: "rvxbweu",
-              wide: "rvxbwev"
-            },
-            defaultClass: "rvxbwes"
-          },
-          gutter: {
-            conditions: {
-              mobile: "rvxbwew",
-              tablet: "rvxbwex",
-              desktop: "rvxbwey",
-              wide: "rvxbwez"
-            },
-            defaultClass: "rvxbwew"
-          },
-          xsmall: {
-            conditions: {
-              mobile: "rvxbwf0",
-              tablet: "rvxbwf1",
-              desktop: "rvxbwf2",
-              wide: "rvxbwf3"
-            },
-            defaultClass: "rvxbwf0"
-          },
-          small: {
-            conditions: {
-              mobile: "rvxbwf4",
-              tablet: "rvxbwf5",
-              desktop: "rvxbwf6",
-              wide: "rvxbwf7"
-            },
-            defaultClass: "rvxbwf4"
-          },
-          medium: {
-            conditions: {
-              mobile: "rvxbwf8",
-              tablet: "rvxbwf9",
-              desktop: "rvxbwfa",
-              wide: "rvxbwfb"
-            },
-            defaultClass: "rvxbwf8"
-          },
-          large: {
-            conditions: {
-              mobile: "rvxbwfc",
-              tablet: "rvxbwfd",
-              desktop: "rvxbwfe",
-              wide: "rvxbwff"
-            },
-            defaultClass: "rvxbwfc"
-          },
-          xlarge: {
-            conditions: {
-              mobile: "rvxbwfg",
-              tablet: "rvxbwfh",
-              desktop: "rvxbwfi",
-              wide: "rvxbwfj"
-            },
-            defaultClass: "rvxbwfg"
-          }
-        },
-        responsiveArray: void 0
-      },
-      paddingBlockEnd: {
-        values: {
-          none: {
-            conditions: {
-              mobile: "rvxbwfk",
-              tablet: "rvxbwfl",
-              desktop: "rvxbwfm",
-              wide: "rvxbwfn"
-            },
-            defaultClass: "rvxbwfk"
-          },
-          gutter: {
-            conditions: {
-              mobile: "rvxbwfo",
-              tablet: "rvxbwfp",
-              desktop: "rvxbwfq",
-              wide: "rvxbwfr"
-            },
-            defaultClass: "rvxbwfo"
-          },
-          xsmall: {
-            conditions: {
-              mobile: "rvxbwfs",
-              tablet: "rvxbwft",
-              desktop: "rvxbwfu",
-              wide: "rvxbwfv"
-            },
-            defaultClass: "rvxbwfs"
-          },
-          small: {
-            conditions: {
-              mobile: "rvxbwfw",
-              tablet: "rvxbwfx",
-              desktop: "rvxbwfy",
-              wide: "rvxbwfz"
-            },
-            defaultClass: "rvxbwfw"
-          },
-          medium: {
-            conditions: {
-              mobile: "rvxbwg0",
-              tablet: "rvxbwg1",
-              desktop: "rvxbwg2",
-              wide: "rvxbwg3"
-            },
-            defaultClass: "rvxbwg0"
-          },
-          large: {
-            conditions: {
-              mobile: "rvxbwg4",
-              tablet: "rvxbwg5",
-              desktop: "rvxbwg6",
-              wide: "rvxbwg7"
-            },
-            defaultClass: "rvxbwg4"
-          },
-          xlarge: {
-            conditions: {
-              mobile: "rvxbwg8",
-              tablet: "rvxbwg9",
-              desktop: "rvxbwga",
-              wide: "rvxbwgb"
-            },
-            defaultClass: "rvxbwg8"
-          }
-        },
-        responsiveArray: void 0
-      },
-      paddingInline: {
-        values: {
-          none: {
-            conditions: {
-              mobile: "rvxbwgc",
-              tablet: "rvxbwgd",
-              desktop: "rvxbwge",
-              wide: "rvxbwgf"
-            },
-            defaultClass: "rvxbwgc"
-          },
-          gutter: {
-            conditions: {
-              mobile: "rvxbwgg",
-              tablet: "rvxbwgh",
-              desktop: "rvxbwgi",
-              wide: "rvxbwgj"
-            },
-            defaultClass: "rvxbwgg"
-          },
-          xsmall: {
-            conditions: {
-              mobile: "rvxbwgk",
-              tablet: "rvxbwgl",
-              desktop: "rvxbwgm",
-              wide: "rvxbwgn"
-            },
-            defaultClass: "rvxbwgk"
-          },
-          small: {
-            conditions: {
-              mobile: "rvxbwgo",
-              tablet: "rvxbwgp",
-              desktop: "rvxbwgq",
-              wide: "rvxbwgr"
-            },
-            defaultClass: "rvxbwgo"
-          },
-          medium: {
-            conditions: {
-              mobile: "rvxbwgs",
-              tablet: "rvxbwgt",
-              desktop: "rvxbwgu",
-              wide: "rvxbwgv"
-            },
-            defaultClass: "rvxbwgs"
-          },
-          large: {
-            conditions: {
-              mobile: "rvxbwgw",
-              tablet: "rvxbwgx",
-              desktop: "rvxbwgy",
-              wide: "rvxbwgz"
-            },
-            defaultClass: "rvxbwgw"
-          },
-          xlarge: {
-            conditions: {
-              mobile: "rvxbwh0",
-              tablet: "rvxbwh1",
-              desktop: "rvxbwh2",
-              wide: "rvxbwh3"
-            },
-            defaultClass: "rvxbwh0"
-          }
-        },
-        responsiveArray: void 0
-      },
-      paddingInlineStart: {
-        values: {
-          none: {
-            conditions: {
-              mobile: "rvxbwh4",
-              tablet: "rvxbwh5",
-              desktop: "rvxbwh6",
-              wide: "rvxbwh7"
-            },
-            defaultClass: "rvxbwh4"
-          },
-          gutter: {
-            conditions: {
-              mobile: "rvxbwh8",
-              tablet: "rvxbwh9",
-              desktop: "rvxbwha",
-              wide: "rvxbwhb"
-            },
-            defaultClass: "rvxbwh8"
-          },
-          xsmall: {
-            conditions: {
-              mobile: "rvxbwhc",
-              tablet: "rvxbwhd",
-              desktop: "rvxbwhe",
-              wide: "rvxbwhf"
-            },
-            defaultClass: "rvxbwhc"
-          },
-          small: {
-            conditions: {
-              mobile: "rvxbwhg",
-              tablet: "rvxbwhh",
-              desktop: "rvxbwhi",
-              wide: "rvxbwhj"
-            },
-            defaultClass: "rvxbwhg"
-          },
-          medium: {
-            conditions: {
-              mobile: "rvxbwhk",
-              tablet: "rvxbwhl",
-              desktop: "rvxbwhm",
-              wide: "rvxbwhn"
-            },
-            defaultClass: "rvxbwhk"
-          },
-          large: {
-            conditions: {
-              mobile: "rvxbwho",
-              tablet: "rvxbwhp",
-              desktop: "rvxbwhq",
-              wide: "rvxbwhr"
-            },
-            defaultClass: "rvxbwho"
-          },
-          xlarge: {
-            conditions: {
-              mobile: "rvxbwhs",
-              tablet: "rvxbwht",
-              desktop: "rvxbwhu",
-              wide: "rvxbwhv"
-            },
-            defaultClass: "rvxbwhs"
-          }
-        },
-        responsiveArray: void 0
-      },
-      paddingInlineEnd: {
-        values: {
-          none: {
-            conditions: {
-              mobile: "rvxbwhw",
-              tablet: "rvxbwhx",
-              desktop: "rvxbwhy",
-              wide: "rvxbwhz"
-            },
-            defaultClass: "rvxbwhw"
-          },
-          gutter: {
-            conditions: {
-              mobile: "rvxbwi0",
-              tablet: "rvxbwi1",
-              desktop: "rvxbwi2",
-              wide: "rvxbwi3"
-            },
-            defaultClass: "rvxbwi0"
-          },
-          xsmall: {
-            conditions: {
-              mobile: "rvxbwi4",
-              tablet: "rvxbwi5",
-              desktop: "rvxbwi6",
-              wide: "rvxbwi7"
-            },
-            defaultClass: "rvxbwi4"
-          },
-          small: {
-            conditions: {
-              mobile: "rvxbwi8",
-              tablet: "rvxbwi9",
-              desktop: "rvxbwia",
-              wide: "rvxbwib"
-            },
-            defaultClass: "rvxbwi8"
-          },
-          medium: {
-            conditions: {
-              mobile: "rvxbwic",
-              tablet: "rvxbwid",
-              desktop: "rvxbwie",
-              wide: "rvxbwif"
-            },
-            defaultClass: "rvxbwic"
-          },
-          large: {
-            conditions: {
-              mobile: "rvxbwig",
-              tablet: "rvxbwih",
-              desktop: "rvxbwii",
-              wide: "rvxbwij"
-            },
-            defaultClass: "rvxbwig"
-          },
-          xlarge: {
-            conditions: {
-              mobile: "rvxbwik",
-              tablet: "rvxbwil",
-              desktop: "rvxbwim",
-              wide: "rvxbwin"
-            },
-            defaultClass: "rvxbwik"
-          }
-        },
-        responsiveArray: void 0
-      },
-      position: {
-        values: {
-          relative: {
-            conditions: {
-              mobile: "rvxbwio",
-              tablet: "rvxbwip",
-              desktop: "rvxbwiq",
-              wide: "rvxbwir"
-            },
-            defaultClass: "rvxbwio"
-          },
-          fixed: {
-            conditions: {
-              mobile: "rvxbwis",
-              tablet: "rvxbwit",
-              desktop: "rvxbwiu",
-              wide: "rvxbwiv"
-            },
-            defaultClass: "rvxbwis"
-          },
-          absolute: {
-            conditions: {
-              mobile: "rvxbwiw",
-              tablet: "rvxbwix",
-              desktop: "rvxbwiy",
-              wide: "rvxbwiz"
-            },
-            defaultClass: "rvxbwiw"
-          },
-          sticky: {
-            conditions: {
-              mobile: "rvxbwj0",
-              tablet: "rvxbwj1",
-              desktop: "rvxbwj2",
-              wide: "rvxbwj3"
-            },
-            defaultClass: "rvxbwj0"
-          },
-          "static": {
-            conditions: {
-              mobile: "rvxbwj4",
-              tablet: "rvxbwj5",
-              desktop: "rvxbwj6",
-              wide: "rvxbwj7"
-            },
-            defaultClass: "rvxbwj4"
-          }
-        },
-        responsiveArray: void 0
-      },
-      rowGap: {
-        values: {
-          none: {
-            conditions: {
-              mobile: "rvxbwj8",
-              tablet: "rvxbwj9",
-              desktop: "rvxbwja",
-              wide: "rvxbwjb"
-            },
-            defaultClass: "rvxbwj8"
-          },
-          gutter: {
-            conditions: {
-              mobile: "rvxbwjc",
-              tablet: "rvxbwjd",
-              desktop: "rvxbwje",
-              wide: "rvxbwjf"
-            },
-            defaultClass: "rvxbwjc"
-          },
-          xsmall: {
-            conditions: {
-              mobile: "rvxbwjg",
-              tablet: "rvxbwjh",
-              desktop: "rvxbwji",
-              wide: "rvxbwjj"
-            },
-            defaultClass: "rvxbwjg"
-          },
-          small: {
-            conditions: {
-              mobile: "rvxbwjk",
-              tablet: "rvxbwjl",
-              desktop: "rvxbwjm",
-              wide: "rvxbwjn"
-            },
-            defaultClass: "rvxbwjk"
-          },
-          medium: {
-            conditions: {
-              mobile: "rvxbwjo",
-              tablet: "rvxbwjp",
-              desktop: "rvxbwjq",
-              wide: "rvxbwjr"
-            },
-            defaultClass: "rvxbwjo"
-          },
-          large: {
-            conditions: {
-              mobile: "rvxbwjs",
-              tablet: "rvxbwjt",
-              desktop: "rvxbwju",
-              wide: "rvxbwjv"
-            },
-            defaultClass: "rvxbwjs"
-          },
-          xlarge: {
-            conditions: {
-              mobile: "rvxbwjw",
-              tablet: "rvxbwjx",
-              desktop: "rvxbwjy",
-              wide: "rvxbwjz"
-            },
-            defaultClass: "rvxbwjw"
-          }
-        },
-        responsiveArray: void 0
-      },
-      textAlign: {
-        values: {
-          center: {
-            conditions: {
-              mobile: "rvxbwk0",
-              tablet: "rvxbwk1",
-              desktop: "rvxbwk2",
-              wide: "rvxbwk3"
-            },
-            defaultClass: "rvxbwk0"
-          },
-          left: {
-            conditions: {
-              mobile: "rvxbwk4",
-              tablet: "rvxbwk5",
-              desktop: "rvxbwk6",
-              wide: "rvxbwk7"
-            },
-            defaultClass: "rvxbwk4"
-          },
-          right: {
-            conditions: {
-              mobile: "rvxbwk8",
-              tablet: "rvxbwk9",
-              desktop: "rvxbwka",
-              wide: "rvxbwkb"
-            },
-            defaultClass: "rvxbwk8"
-          },
-          justify: {
-            conditions: {
-              mobile: "rvxbwkc",
-              tablet: "rvxbwkd",
-              desktop: "rvxbwke",
-              wide: "rvxbwkf"
-            },
-            defaultClass: "rvxbwkc"
-          }
-        },
-        responsiveArray: void 0
-      }
+});
+const responsiveAtomicProperties = defineProperties({
+  defaultCondition: "mobile",
+  conditions: {
+    mobile: {},
+    tablet: {
+      "@media": breakpointQuery("tablet")
+    },
+    desktop: {
+      "@media": breakpointQuery("desktop")
+    },
+    wide: {
+      "@media": breakpointQuery("wide")
     }
-  };
-  x.styles.alignContent.responsiveArray = x.conditions.responsiveArray;
-  x.styles.alignItems.responsiveArray = x.conditions.responsiveArray;
-  x.styles.alignSelf.responsiveArray = x.conditions.responsiveArray;
-  x.styles.columnGap.responsiveArray = x.conditions.responsiveArray;
-  x.styles.display.responsiveArray = x.conditions.responsiveArray;
-  x.styles.flex.responsiveArray = x.conditions.responsiveArray;
-  x.styles.flexDirection.responsiveArray = x.conditions.responsiveArray;
-  x.styles.flexGrow.responsiveArray = x.conditions.responsiveArray;
-  x.styles.flexShrink.responsiveArray = x.conditions.responsiveArray;
-  x.styles.flexWrap.responsiveArray = x.conditions.responsiveArray;
-  x.styles.fontSize.responsiveArray = x.conditions.responsiveArray;
-  x.styles.gap.responsiveArray = x.conditions.responsiveArray;
-  x.styles.justifyContent.responsiveArray = x.conditions.responsiveArray;
-  x.styles.marginBlockStart.responsiveArray = x.conditions.responsiveArray;
-  x.styles.marginBlockEnd.responsiveArray = x.conditions.responsiveArray;
-  x.styles.marginInlineStart.responsiveArray = x.conditions.responsiveArray;
-  x.styles.marginInlineEnd.responsiveArray = x.conditions.responsiveArray;
-  x.styles.outline.responsiveArray = x.conditions.responsiveArray;
-  x.styles.padding.responsiveArray = x.conditions.responsiveArray;
-  x.styles.paddingBlock.responsiveArray = x.conditions.responsiveArray;
-  x.styles.paddingBlockStart.responsiveArray = x.conditions.responsiveArray;
-  x.styles.paddingBlockEnd.responsiveArray = x.conditions.responsiveArray;
-  x.styles.paddingInline.responsiveArray = x.conditions.responsiveArray;
-  x.styles.paddingInlineStart.responsiveArray = x.conditions.responsiveArray;
-  x.styles.paddingInlineEnd.responsiveArray = x.conditions.responsiveArray;
-  x.styles.position.responsiveArray = x.conditions.responsiveArray;
-  x.styles.rowGap.responsiveArray = x.conditions.responsiveArray;
-  x.styles.textAlign.responsiveArray = x.conditions.responsiveArray;
-  return x;
-}());
+  },
+  responsiveArray: breakpointNames,
+  properties: responsiveProperties,
+  shorthands: {
+    margin: ["marginBlockStart", "marginBlockEnd", "marginInlineStart", "marginInlineEnd"],
+    marginBlock: ["marginBlockStart", "marginBlockEnd"],
+    marginInline: ["marginInlineStart", "marginInlineEnd"],
+    placeItems: ["justifyContent", "alignItems"]
+  }
+});
+const atoms = createSprinkles(unresponsiveAtomicProperties, responsiveAtomicProperties);
 endFileScope();
 export {
   atoms