{
  "$schema": "https://registry.ui.frontic.com/recipe.schema.json",
  "base": {
    "rounded": "{rounded.none}",
    "typography": "{typography.small}",
    "gap": "{spacing.1.5}",
    "padding": "{spacing.3}",
    "display": "flex",
    "alignItems": "center",
    "icon": {
      "size": "{spacing.3.5}"
    },
    "hover": {
      "backgroundColor": "{colors.muted}"
    },
    "focus": {
      "backgroundColor": "{colors.muted}"
    },
    "current": {
      "backgroundColor": "{colors.muted/50}"
    }
  },
  "variants": {
    "place": {
      "panel": {},
      "bar": {
        "typography": "{typography.ui}",
        "height": "{spacing.9}",
        "paddingX": "{spacing.4.5}",
        "paddingY": "{spacing.2.5}"
      }
    }
  },
  "defaults": {
    "place": "panel"
  }
}