{
  "$schema": "https://registry.ui.frontic.com/recipe.schema.json",
  "base": {
    "display": "flex",
    "height": "svh"
  },
  "variants": {
    "edge": {
      "start": {
        "borderEnd": "{border.default}"
      },
      "end": {
        "borderStart": "{border.default}"
      },
      "padded": {
        "padding": "{spacing.2}"
      }
    },
    "width": {
      "icon": {
        "width": "{spacing.12}"
      },
      "icon-padded": {
        "width": "{spacing.16.5}"
      }
    }
  },
  "defaults": {
    "edge": "start"
  }
}