{
  "extractedAt": "2026-05-08T03:56:19.859Z",
  "figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
  "figmaName": "Badge",
  "nodeId": "4821:1665",
  "type": "COMPONENT_SET",
  "pageId": "4265:5942",
  "pageName": "— — Other Components",
  "description": "",
  "key": "4db5246d0782fe13bcc01747a7a2578c2da77b2a",
  "variants": [
    {
      "id": "4821:1662",
      "name": "Type=Circle, Color=Green, Tag=Filled",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 24,
      "w": 24,
      "x": 10054,
      "y": 953,
      "pH": null,
      "pV": null,
      "pR": null,
      "pB": null,
      "gap": 10,
      "r": 16,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": "CENTER",
      "counterAxisAlignItems": "CENTER",
      "fills": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#2fb54e",
          "v": "VariableID:VariableID:1626:104889"
        }
      ],
      "strokes": [],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "5",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 12,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 16,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#ffffff",
            "v": "VariableID:VariableID:4263:102"
          }
        ],
        "v": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "4821:1665",
      "componentPropertyReferences": null
    },
    {
      "id": "4895:1363",
      "name": "Type=Circle, Color=Green, Tag=Line",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 24,
      "w": 24,
      "x": 10102,
      "y": 953,
      "pH": null,
      "pV": null,
      "pR": null,
      "pB": null,
      "gap": 10,
      "r": 16,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": "CENTER",
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#2fb54e",
          "v": "VariableID:VariableID:1626:104889"
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "5",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 12,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 16,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#2fb54e",
            "v": "VariableID:VariableID:1626:104889"
          }
        ],
        "v": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "4821:1665",
      "componentPropertyReferences": null
    },
    {
      "id": "4821:1663",
      "name": "Type=Circle, Color=Blue, Tag=Filled",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 24,
      "w": 24,
      "x": 10150,
      "y": 953,
      "pH": null,
      "pV": null,
      "pR": null,
      "pB": null,
      "gap": 10,
      "r": 16,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": "CENTER",
      "counterAxisAlignItems": "CENTER",
      "fills": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#3892f3",
          "v": "VariableID:VariableID:1671:114779"
        }
      ],
      "strokes": [],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "5",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 12,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 16,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#ffffff",
            "v": "VariableID:VariableID:4263:102"
          }
        ],
        "v": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "4821:1665",
      "componentPropertyReferences": null
    },
    {
      "id": "4895:1365",
      "name": "Type=Circle, Color=Blue, Tag=Line",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 24,
      "w": 24,
      "x": 10198,
      "y": 953,
      "pH": null,
      "pV": null,
      "pR": null,
      "pB": null,
      "gap": 10,
      "r": 16,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": "CENTER",
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#3892f3",
          "v": "VariableID:VariableID:1671:114779"
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "5",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 12,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 16,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#3892f3",
            "v": "VariableID:VariableID:1671:114779"
          }
        ],
        "v": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "4821:1665",
      "componentPropertyReferences": null
    },
    {
      "id": "4821:1661",
      "name": "Type=Circle, Color=Orange, Tag=Filled",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 24,
      "w": 24,
      "x": 10246,
      "y": 953,
      "pH": null,
      "pV": null,
      "pR": null,
      "pB": null,
      "gap": 10,
      "r": 16,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": "CENTER",
      "counterAxisAlignItems": "CENTER",
      "fills": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#f68512",
          "v": "VariableID:VariableID:1671:114765"
        }
      ],
      "strokes": [],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "5",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 12,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 16,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#ffffff",
            "v": "VariableID:VariableID:4263:102"
          }
        ],
        "v": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "4821:1665",
      "componentPropertyReferences": null
    },
    {
      "id": "4895:1367",
      "name": "Type=Circle, Color=Orange, Tag=Line",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 24,
      "w": 24,
      "x": 10054,
      "y": 1001,
      "pH": null,
      "pV": null,
      "pR": null,
      "pB": null,
      "gap": 10,
      "r": 16,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": "CENTER",
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#f68512",
          "v": "VariableID:VariableID:1671:114765"
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "5",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 12,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 16,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#f68512",
            "v": "VariableID:VariableID:1671:114765"
          }
        ],
        "v": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "4821:1665",
      "componentPropertyReferences": null
    },
    {
      "id": "4821:1660",
      "name": "Type=Circle, Color=Red, Tag=Filled",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 24,
      "w": 24,
      "x": 10102,
      "y": 1001,
      "pH": null,
      "pV": null,
      "pR": null,
      "pB": null,
      "gap": 10,
      "r": 16,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": "CENTER",
      "counterAxisAlignItems": "CENTER",
      "fills": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#ea4233",
          "v": "VariableID:VariableID:1671:111623"
        }
      ],
      "strokes": [],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "5",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 12,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 16,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#ffffff",
            "v": "VariableID:VariableID:4263:102"
          }
        ],
        "v": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "4821:1665",
      "componentPropertyReferences": null
    },
    {
      "id": "4895:1369",
      "name": "Type=Circle, Color=Red, Tag=Line",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 24,
      "w": 24,
      "x": 10150,
      "y": 1001,
      "pH": null,
      "pV": null,
      "pR": null,
      "pB": null,
      "gap": 10,
      "r": 16,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": "CENTER",
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#ea4233",
          "v": "VariableID:VariableID:1671:111623"
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "5",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 12,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 16,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#ea4233",
            "v": "VariableID:VariableID:1671:111623"
          }
        ],
        "v": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "4821:1665",
      "componentPropertyReferences": null
    },
    {
      "id": "4993:1547",
      "name": "Type=Circle, Color=Neutral, Tag=Line",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 24,
      "w": 24,
      "x": 10198,
      "y": 1001,
      "pH": null,
      "pV": null,
      "pR": null,
      "pB": null,
      "gap": 10,
      "r": 16,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": "CENTER",
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#353535",
          "v": "VariableID:VariableID:2611:57629"
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "5",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 12,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 16,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#f8f8f8",
            "v": "VariableID:VariableID:2611:57509"
          }
        ],
        "v": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "4821:1665",
      "componentPropertyReferences": null
    },
    {
      "id": "4993:1549",
      "name": "Type=Circle, Color=Neutral, Tag=Filled",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 24,
      "w": 24,
      "x": 10246,
      "y": 1001,
      "pH": null,
      "pV": null,
      "pR": null,
      "pB": null,
      "gap": 10,
      "r": 16,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": "CENTER",
      "counterAxisAlignItems": "CENTER",
      "fills": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#262626",
          "v": "VariableID:VariableID:2611:57621"
        }
      ],
      "strokes": [],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "5",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 12,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 16,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#f8f8f8",
            "v": "VariableID:VariableID:2611:57509"
          }
        ],
        "v": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "4821:1665",
      "componentPropertyReferences": null
    },
    {
      "id": "4821:1668",
      "name": "Type=Rectangle, Color=Green, Tag=Filled",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 24,
      "w": 52,
      "x": 10054,
      "y": 1049,
      "pH": 12,
      "pV": 4,
      "pR": 12,
      "pB": 4,
      "gap": null,
      "r": 16,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": "CENTER",
      "counterAxisAlignItems": "CENTER",
      "fills": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#2fb54e",
          "v": "VariableID:VariableID:1626:104889"
        }
      ],
      "strokes": [],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Done",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 12,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 16,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#ffffff",
            "v": "VariableID:VariableID:4263:102"
          }
        ],
        "v": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "4821:1665",
      "componentPropertyReferences": null
    },
    {
      "id": "4895:1371",
      "name": "Type=Rectangle, Color=Green, Tag=Line",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 24,
      "w": 52,
      "x": 10130,
      "y": 1049,
      "pH": 12,
      "pV": 4,
      "pR": 12,
      "pB": 4,
      "gap": null,
      "r": 16,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": "CENTER",
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#2fb54e",
          "v": "VariableID:VariableID:1626:104889"
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Done",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 12,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 16,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#2fb54e",
            "v": "VariableID:VariableID:1626:104889"
          }
        ],
        "v": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "4821:1665",
      "componentPropertyReferences": null
    },
    {
      "id": "4821:1669",
      "name": "Type=Rectangle, Color=Blue, Tag=Filled",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 24,
      "w": 58,
      "x": 10206,
      "y": 1049,
      "pH": 12,
      "pV": 4,
      "pR": 12,
      "pB": 4,
      "gap": null,
      "r": 16,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": "CENTER",
      "counterAxisAlignItems": "CENTER",
      "fills": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#3892f3",
          "v": "VariableID:VariableID:1671:114779"
        }
      ],
      "strokes": [],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Active",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 12,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 16,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#ffffff",
            "v": "VariableID:VariableID:4263:102"
          }
        ],
        "v": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "4821:1665",
      "componentPropertyReferences": null
    },
    {
      "id": "4895:1373",
      "name": "Type=Rectangle, Color=Blue, Tag=Line",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 24,
      "w": 58,
      "x": 10054,
      "y": 1097,
      "pH": 12,
      "pV": 4,
      "pR": 12,
      "pB": 4,
      "gap": null,
      "r": 16,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": "CENTER",
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#3892f3",
          "v": "VariableID:VariableID:1671:114779"
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Active",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 12,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 16,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#3892f3",
            "v": "VariableID:VariableID:1671:114779"
          }
        ],
        "v": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "4821:1665",
      "componentPropertyReferences": null
    },
    {
      "id": "4821:1667",
      "name": "Type=Rectangle, Color=Orange, Tag=Filled",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 24,
      "w": 52,
      "x": 10136,
      "y": 1097,
      "pH": 12,
      "pV": 4,
      "pR": 12,
      "pB": 4,
      "gap": null,
      "r": 16,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": "CENTER",
      "counterAxisAlignItems": "CENTER",
      "fills": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#f68512",
          "v": "VariableID:VariableID:1671:114765"
        }
      ],
      "strokes": [],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Warn",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 12,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 16,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#ffffff",
            "v": "VariableID:VariableID:4263:102"
          }
        ],
        "v": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "4821:1665",
      "componentPropertyReferences": null
    },
    {
      "id": "4895:1375",
      "name": "Type=Rectangle, Color=Orange, Tag=Line",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 24,
      "w": 52,
      "x": 10212,
      "y": 1097,
      "pH": 12,
      "pV": 4,
      "pR": 12,
      "pB": 4,
      "gap": null,
      "r": 16,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": "CENTER",
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#f68512",
          "v": "VariableID:VariableID:1671:114765"
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Warn",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 12,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 16,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#f68512",
            "v": "VariableID:VariableID:1671:114765"
          }
        ],
        "v": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "4821:1665",
      "componentPropertyReferences": null
    },
    {
      "id": "4821:1666",
      "name": "Type=Rectangle, Color=Red, Tag=Filled",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 24,
      "w": 50,
      "x": 10054,
      "y": 1145,
      "pH": 12,
      "pV": 4,
      "pR": 12,
      "pB": 4,
      "gap": null,
      "r": 16,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": "CENTER",
      "counterAxisAlignItems": "CENTER",
      "fills": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#ea4233",
          "v": "VariableID:VariableID:1671:111623"
        }
      ],
      "strokes": [],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Error",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 12,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 16,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#ffffff",
            "v": "VariableID:VariableID:4263:102"
          }
        ],
        "v": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "4821:1665",
      "componentPropertyReferences": null
    },
    {
      "id": "4895:1377",
      "name": "Type=Rectangle, Color=Red, Tag=Line",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 24,
      "w": 50,
      "x": 10128,
      "y": 1145,
      "pH": 12,
      "pV": 4,
      "pR": 12,
      "pB": 4,
      "gap": null,
      "r": 16,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": "CENTER",
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#ea4233",
          "v": "VariableID:VariableID:1671:111623"
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Error",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 12,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 16,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#ea4233",
            "v": "VariableID:VariableID:1671:111623"
          }
        ],
        "v": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "4821:1665",
      "componentPropertyReferences": null
    },
    {
      "id": "4993:1553",
      "name": "Type=Rectangle, Color=Neutral, Tag=Line",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 24,
      "w": 48,
      "x": 10202,
      "y": 1145,
      "pH": 12,
      "pV": 4,
      "pR": 12,
      "pB": 4,
      "gap": null,
      "r": 16,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": "CENTER",
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#353535",
          "v": "VariableID:VariableID:2611:57629"
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Msg",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 12,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 16,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#f8f8f8",
            "v": "VariableID:VariableID:2611:57509"
          }
        ],
        "v": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "4821:1665",
      "componentPropertyReferences": null
    },
    {
      "id": "4993:1551",
      "name": "Type=Rectangle, Color=Neutral, Tag=Filled",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 24,
      "w": 48,
      "x": 10054,
      "y": 1193,
      "pH": 12,
      "pV": 4,
      "pR": 12,
      "pB": 4,
      "gap": null,
      "r": 16,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": "CENTER",
      "counterAxisAlignItems": "CENTER",
      "fills": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#262626",
          "v": "VariableID:VariableID:2611:57621"
        }
      ],
      "strokes": [],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Msg",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 12,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 16,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#f8f8f8",
            "v": "VariableID:VariableID:2611:57509"
          }
        ],
        "v": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "4821:1665",
      "componentPropertyReferences": null
    }
  ]
}