{
  "breakpoint": {
    "xs": {
      "$type": "dimension",
      "$value": {
        "value": 480,
        "unit": "px"
      },
      "$description": "Extra-small breakpoint — large phones and up.",
      "$extensions": {
        "com.figma": {
          "hiddenFromPublishing": false,
          "scopes": [
            "WIDTH_HEIGHT"
          ],
          "codeSyntax": {
            "WEB": "var(--breakpoint-xs)"
          }
        }
      }
    },
    "sm": {
      "$type": "dimension",
      "$value": {
        "value": 768,
        "unit": "px"
      },
      "$description": "Small breakpoint — tablets portrait and up.",
      "$extensions": {
        "com.figma": {
          "hiddenFromPublishing": false,
          "scopes": [
            "WIDTH_HEIGHT"
          ],
          "codeSyntax": {
            "WEB": "var(--breakpoint-sm)"
          }
        }
      }
    },
    "md": {
      "$type": "dimension",
      "$value": {
        "value": 992,
        "unit": "px"
      },
      "$description": "Medium breakpoint — tablets landscape / small laptops and up.",
      "$extensions": {
        "com.figma": {
          "hiddenFromPublishing": false,
          "scopes": [
            "WIDTH_HEIGHT"
          ],
          "codeSyntax": {
            "WEB": "var(--breakpoint-md)"
          }
        }
      }
    },
    "lg": {
      "$type": "dimension",
      "$value": {
        "value": 1200,
        "unit": "px"
      },
      "$description": "Large breakpoint — desktops and up.",
      "$extensions": {
        "com.figma": {
          "hiddenFromPublishing": false,
          "scopes": [
            "WIDTH_HEIGHT"
          ],
          "codeSyntax": {
            "WEB": "var(--breakpoint-lg)"
          }
        }
      }
    },
    "xl": {
      "$type": "dimension",
      "$value": {
        "value": 1600,
        "unit": "px"
      },
      "$description": "Extra-large breakpoint — wide desktops and up.",
      "$extensions": {
        "com.figma": {
          "hiddenFromPublishing": false,
          "scopes": [
            "WIDTH_HEIGHT"
          ],
          "codeSyntax": {
            "WEB": "var(--breakpoint-xl)"
          }
        }
      }
    }
  }
}