{
  "$schema": "https://registry.ui.frontic.com/recipe.schema.json",
  "base": {
    "width": "{spacing.4}",
    "display": "flex"
  },
  "variants": {
    "mode": {
      "default": {},
      "offcanvas": {
        "hover": {
          "backgroundColor": "{colors.card}"
        }
      }
    }
  },
  "defaults": {
    "mode": "default"
  }
}