{
  "$schema": "https://registry.ui.frontic.com/recipe.schema.json",
  "base": {
    "extends": "overlay-sheet",
    "display": "flex",
    "flexDirection": "column"
  },
  "variants": {
    "side": {
      "top": {
        "borderBottom": "{border.default}"
      },
      "right": {
        "borderLeft": "{border.default}",
        "width": "{spacing.96}"
      },
      "bottom": {
        "borderTop": "{border.default}"
      },
      "left": {
        "borderRight": "{border.default}",
        "width": "{spacing.96}"
      }
    }
  },
  "defaults": {
    "side": "right"
  }
}