{
  "$schema": "https://registry.ui.frontic.com/recipe.schema.json",
  "base": {
    "extends": [
      "overlay-modal",
      "surface-inset"
    ],
    "gap": "{spacing.6}",
    "paddingX": "{spacing.6}",
    "width": "full",
    "@md": {
      "paddingX": "{spacing.8}"
    }
  },
  "variants": {
    "layout": {
      "fill": {
        "display": "flex",
        "flexDirection": "column"
      },
      "scroll": {
        "display": "grid",
        "maxWidth": "{container.lg}"
      }
    }
  },
  "defaults": {
    "layout": "fill"
  }
}