{
  "$schema": "https://registry.ui.frontic.com/recipe.schema.json",
  "base": {
    "extends": [
      "overlay-modal",
      "surface-inset"
    ],
    "gap": "{spacing.6}",
    "paddingX": "{spacing.6}",
    "marginX": "auto",
    "display": "grid",
    "@md": {
      "paddingX": "{spacing.8}"
    }
  },
  "variants": {
    "size": {
      "md": {
        "maxWidth": "{container.xs}",
        "@md": {
          "maxWidth": "{container.md}"
        }
      },
      "sm": {
        "maxWidth": "{container.xs}"
      }
    }
  },
  "defaults": {
    "size": "md"
  }
}