{
  "extractedAt": "2026-05-08T03:56:19.856Z",
  "figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
  "figmaName": "input box/line",
  "nodeId": "1818:8063",
  "type": "COMPONENT_SET",
  "pageId": "1421:35865",
  "pageName": "— — Input/Select box",
  "description": "",
  "key": "fb1c1b49e6350a1a556fbd69a8149e10ed03004f",
  "variants": [
    {
      "id": "1818:8064",
      "name": "dark theme=on, status=default, enable=on, UX=default, size=M, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 240,
      "x": -5548.07275390625,
      "y": -1884.212158203125,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#595959",
          "v": "VariableID:VariableID:1558:94787",
          "token": {
            "cssVar": "--color-grey-8",
            "figmaName": "UX/Grey/grey-8 #595959",
            "variableId": "VariableID:1558:94787",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#7b7b7b",
            "v": "VariableID:VariableID:1608:170962",
            "token": {
              "cssVar": "--color-grey-7",
              "figmaName": "UX/Grey/grey-7 #7B7B7B",
              "variableId": "VariableID:1608:170962",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "4187:7696",
      "name": "dark theme=on, status=default, enable=on, UX=error, size=M, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 240,
      "x": -5548.07275390625,
      "y": -1742.999755859375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#ea4233",
          "v": "VariableID:VariableID:1671:111623",
          "token": {
            "cssVar": "--red",
            "figmaName": "UX/Red/Default",
            "variableId": "VariableID:1671:111623",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#7b7b7b",
            "v": "VariableID:VariableID:1608:170962",
            "token": {
              "cssVar": "--color-grey-7",
              "figmaName": "UX/Grey/grey-7 #7B7B7B",
              "variableId": "VariableID:1608:170962",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:45977",
      "name": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 40,
      "w": 300,
      "x": -3818.07275390625,
      "y": -1884.212158203125,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#595959",
          "v": "VariableID:VariableID:1558:94787",
          "token": {
            "cssVar": "--color-grey-8",
            "figmaName": "UX/Grey/grey-8 #595959",
            "variableId": "VariableID:1558:94787",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#7b7b7b",
            "v": "VariableID:VariableID:1608:170962",
            "token": {
              "cssVar": "--color-grey-7",
              "figmaName": "UX/Grey/grey-7 #7B7B7B",
              "variableId": "VariableID:1608:170962",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "4187:7801",
      "name": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 40,
      "w": 300,
      "x": -3818.07275390625,
      "y": -1742.999755859375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#ea4233",
          "v": "VariableID:VariableID:1671:111623",
          "token": {
            "cssVar": "--red",
            "figmaName": "UX/Red/Default",
            "variableId": "VariableID:1671:111623",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#7b7b7b",
            "v": "VariableID:VariableID:1608:170962",
            "token": {
              "cssVar": "--color-grey-7",
              "figmaName": "UX/Grey/grey-7 #7B7B7B",
              "variableId": "VariableID:1608:170962",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1818:8068",
      "name": "dark theme=off, status=default, enable=on, UX=default, size=M, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 240,
      "x": -5548.07275390625,
      "y": -1023.7991943359375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#cccccc",
          "v": "VariableID:VariableID:1558:94785",
          "token": {
            "cssVar": "--color-grey-5",
            "figmaName": "UX/Grey/grey-5 #CCCCCC",
            "variableId": "VariableID:1558:94785",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#9e9e9e",
            "v": "VariableID:VariableID:1558:94786",
            "token": {
              "cssVar": "--color-grey-6",
              "figmaName": "UX/Grey/grey-6 #9E9E9E",
              "variableId": "VariableID:1558:94786",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "4187:7845",
      "name": "dark theme=off, status=default, enable=on, UX=error, size=M, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 240,
      "x": -5548.07275390625,
      "y": -906.4923706054688,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#dc2717",
          "v": "VariableID:VariableID:1671:111623",
          "token": {
            "cssVar": "--red",
            "figmaName": "UX/Red/Default",
            "variableId": "VariableID:1671:111623",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#9e9e9e",
            "v": "VariableID:VariableID:1558:94786",
            "token": {
              "cssVar": "--color-grey-6",
              "figmaName": "UX/Grey/grey-6 #9E9E9E",
              "variableId": "VariableID:1558:94786",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:45979",
      "name": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 40,
      "w": 300,
      "x": -3818.07275390625,
      "y": -1023.7991943359375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#cccccc",
          "v": "VariableID:VariableID:1558:94785",
          "token": {
            "cssVar": "--color-grey-5",
            "figmaName": "UX/Grey/grey-5 #CCCCCC",
            "variableId": "VariableID:1558:94785",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#9e9e9e",
            "v": "VariableID:VariableID:1558:94786",
            "token": {
              "cssVar": "--color-grey-6",
              "figmaName": "UX/Grey/grey-6 #9E9E9E",
              "variableId": "VariableID:1558:94786",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "4187:7889",
      "name": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 40,
      "w": 300,
      "x": -3818.07275390625,
      "y": -906.4923706054688,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#dc2717",
          "v": "VariableID:VariableID:1671:111623",
          "token": {
            "cssVar": "--red",
            "figmaName": "UX/Red/Default",
            "variableId": "VariableID:1671:111623",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#9e9e9e",
            "v": "VariableID:VariableID:1558:94786",
            "token": {
              "cssVar": "--color-grey-6",
              "figmaName": "UX/Grey/grey-6 #9E9E9E",
              "variableId": "VariableID:1558:94786",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1818:8070",
      "name": "dark theme=off, status=default, enable=on, UX=default, size=M, feature=yes",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 240,
      "x": -4962.07275390625,
      "y": -1023.7991943359375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#cccccc",
          "v": "VariableID:VariableID:1558:94785",
          "token": {
            "cssVar": "--color-grey-5",
            "figmaName": "UX/Grey/grey-5 #CCCCCC",
            "variableId": "VariableID:1558:94785",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#9e9e9e",
            "v": "VariableID:VariableID:1558:94786",
            "token": {
              "cssVar": "--color-grey-6",
              "figmaName": "UX/Grey/grey-6 #9E9E9E",
              "variableId": "VariableID:1558:94786",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I1818:8071;1277:159",
        "I1818:8071;1845:17670"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "4187:7847",
      "name": "dark theme=off, status=default, enable=on, UX=error, size=M, feature=yes",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 240,
      "x": -4962.07275390625,
      "y": -906.4923706054688,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#dc2717",
          "v": "VariableID:VariableID:1671:111623",
          "token": {
            "cssVar": "--red",
            "figmaName": "UX/Red/Default",
            "variableId": "VariableID:1671:111623",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#9e9e9e",
            "v": "VariableID:VariableID:1558:94786",
            "token": {
              "cssVar": "--color-grey-6",
              "figmaName": "UX/Grey/grey-6 #9E9E9E",
              "variableId": "VariableID:1558:94786",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I4187:7848;1277:159",
        "I4187:7848;1845:17670"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:45981",
      "name": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=yes",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 40,
      "w": 300,
      "x": -3112.07275390625,
      "y": -1023.7991943359375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#cccccc",
          "v": "VariableID:VariableID:1558:94785",
          "token": {
            "cssVar": "--color-grey-5",
            "figmaName": "UX/Grey/grey-5 #CCCCCC",
            "variableId": "VariableID:1558:94785",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#9e9e9e",
            "v": "VariableID:VariableID:1558:94786",
            "token": {
              "cssVar": "--color-grey-6",
              "figmaName": "UX/Grey/grey-6 #9E9E9E",
              "variableId": "VariableID:1558:94786",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I1858:45982;1277:159",
        "I1858:45982;1845:17670"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "4187:7891",
      "name": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=yes",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 40,
      "w": 300,
      "x": -3112.07275390625,
      "y": -906.4923706054688,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#dc2717",
          "v": "VariableID:VariableID:1671:111623",
          "token": {
            "cssVar": "--red",
            "figmaName": "UX/Red/Default",
            "variableId": "VariableID:1671:111623",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#9e9e9e",
            "v": "VariableID:VariableID:1558:94786",
            "token": {
              "cssVar": "--color-grey-6",
              "figmaName": "UX/Grey/grey-6 #9E9E9E",
              "variableId": "VariableID:1558:94786",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I4187:7892;1277:159",
        "I4187:7892;1845:17670"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1818:8146",
      "name": "dark theme=on, status=normal, enable=on, UX=default, size=M, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 240,
      "x": -5255.07275390625,
      "y": -1884.029541015625,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#595959",
          "v": "VariableID:VariableID:1558:94787",
          "token": {
            "cssVar": "--color-grey-8",
            "figmaName": "UX/Grey/grey-8 #595959",
            "variableId": "VariableID:1558:94787",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#f8f8f8",
            "v": "VariableID:VariableID:1558:94782",
            "token": {
              "cssVar": "--color-grey-2",
              "figmaName": "UX/Grey/grey-2 #F8F8F8",
              "variableId": "VariableID:1558:94782",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "4187:7698",
      "name": "dark theme=on, status=normal, enable=on, UX=error, size=M, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 240,
      "x": -5255.07275390625,
      "y": -1742.999755859375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#ea4233",
          "v": "VariableID:VariableID:1671:111623",
          "token": {
            "cssVar": "--red",
            "figmaName": "UX/Red/Default",
            "variableId": "VariableID:1671:111623",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#f8f8f8",
            "v": "VariableID:VariableID:1558:94782",
            "token": {
              "cssVar": "--color-grey-2",
              "figmaName": "UX/Grey/grey-2 #F8F8F8",
              "variableId": "VariableID:1558:94782",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:45984",
      "name": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 40,
      "w": 300,
      "x": -3465.07275390625,
      "y": -1884.029541015625,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#595959",
          "v": "VariableID:VariableID:1558:94787",
          "token": {
            "cssVar": "--color-grey-8",
            "figmaName": "UX/Grey/grey-8 #595959",
            "variableId": "VariableID:1558:94787",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#f8f8f8",
            "v": "VariableID:VariableID:1558:94782",
            "token": {
              "cssVar": "--color-grey-2",
              "figmaName": "UX/Grey/grey-2 #F8F8F8",
              "variableId": "VariableID:1558:94782",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "4187:7803",
      "name": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 40,
      "w": 300,
      "x": -3465.07275390625,
      "y": -1742.999755859375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#ea4233",
          "v": "VariableID:VariableID:1671:111623",
          "token": {
            "cssVar": "--red",
            "figmaName": "UX/Red/Default",
            "variableId": "VariableID:1671:111623",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#f8f8f8",
            "v": "VariableID:VariableID:1558:94782",
            "token": {
              "cssVar": "--color-grey-2",
              "figmaName": "UX/Grey/grey-2 #F8F8F8",
              "variableId": "VariableID:1558:94782",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1818:8150",
      "name": "dark theme=off, status=normal, enable=on, UX=default, size=M, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 240,
      "x": -5255.07275390625,
      "y": -1023.7991943359375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#cccccc",
          "v": "VariableID:VariableID:1558:94785",
          "token": {
            "cssVar": "--color-grey-5",
            "figmaName": "UX/Grey/grey-5 #CCCCCC",
            "variableId": "VariableID:1558:94785",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#141414",
            "v": "VariableID:VariableID:1558:94792",
            "token": {
              "cssVar": "--color-grey-13",
              "figmaName": "UX/Grey/grey-13 #141414",
              "variableId": "VariableID:1558:94792",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "4187:7850",
      "name": "dark theme=off, status=normal, enable=on, UX=error, size=M, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 240,
      "x": -5255.07275390625,
      "y": -906.4923706054688,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#dc2717",
          "v": "VariableID:VariableID:1671:111623",
          "token": {
            "cssVar": "--red",
            "figmaName": "UX/Red/Default",
            "variableId": "VariableID:1671:111623",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#141414",
            "v": "VariableID:VariableID:1558:94792",
            "token": {
              "cssVar": "--color-grey-13",
              "figmaName": "UX/Grey/grey-13 #141414",
              "variableId": "VariableID:1558:94792",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:45986",
      "name": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 40,
      "w": 300,
      "x": -3465.07275390625,
      "y": -1023.7991943359375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#cccccc",
          "v": "VariableID:VariableID:1558:94785",
          "token": {
            "cssVar": "--color-grey-5",
            "figmaName": "UX/Grey/grey-5 #CCCCCC",
            "variableId": "VariableID:1558:94785",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#141414",
            "v": "VariableID:VariableID:1558:94792",
            "token": {
              "cssVar": "--color-grey-13",
              "figmaName": "UX/Grey/grey-13 #141414",
              "variableId": "VariableID:1558:94792",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "4187:7894",
      "name": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 40,
      "w": 300,
      "x": -3465.07275390625,
      "y": -906.4923706054688,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#dc2717",
          "v": "VariableID:VariableID:1671:111623",
          "token": {
            "cssVar": "--red",
            "figmaName": "UX/Red/Default",
            "variableId": "VariableID:1671:111623",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#141414",
            "v": "VariableID:VariableID:1558:94792",
            "token": {
              "cssVar": "--color-grey-13",
              "figmaName": "UX/Grey/grey-13 #141414",
              "variableId": "VariableID:1558:94792",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1818:8152",
      "name": "dark theme=off, status=normal, enable=on, UX=default, size=M, feature=yes",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 240,
      "x": -4669.07275390625,
      "y": -1023.7991943359375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#cccccc",
          "v": "VariableID:VariableID:1558:94785",
          "token": {
            "cssVar": "--color-grey-5",
            "figmaName": "UX/Grey/grey-5 #CCCCCC",
            "variableId": "VariableID:1558:94785",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#141414",
            "v": "VariableID:VariableID:1558:94792",
            "token": {
              "cssVar": "--color-grey-13",
              "figmaName": "UX/Grey/grey-13 #141414",
              "variableId": "VariableID:1558:94792",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I1818:8153;1277:159",
        "I1818:8153;1845:17670"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "4187:7852",
      "name": "dark theme=off, status=normal, enable=on, UX=error, size=M, feature=yes",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 240,
      "x": -4669.07275390625,
      "y": -906.4923706054688,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#dc2717",
          "v": "VariableID:VariableID:1671:111623",
          "token": {
            "cssVar": "--red",
            "figmaName": "UX/Red/Default",
            "variableId": "VariableID:1671:111623",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#141414",
            "v": "VariableID:VariableID:1558:94792",
            "token": {
              "cssVar": "--color-grey-13",
              "figmaName": "UX/Grey/grey-13 #141414",
              "variableId": "VariableID:1558:94792",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I4187:7853;1277:159",
        "I4187:7853;1845:17670"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:45988",
      "name": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=yes",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 40,
      "w": 300,
      "x": -2759.07275390625,
      "y": -1023.7991943359375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#cccccc",
          "v": "VariableID:VariableID:1558:94785",
          "token": {
            "cssVar": "--color-grey-5",
            "figmaName": "UX/Grey/grey-5 #CCCCCC",
            "variableId": "VariableID:1558:94785",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#141414",
            "v": "VariableID:VariableID:1558:94792",
            "token": {
              "cssVar": "--color-grey-13",
              "figmaName": "UX/Grey/grey-13 #141414",
              "variableId": "VariableID:1558:94792",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I1858:45989;1277:159",
        "I1858:45989;1845:17670"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "4187:7896",
      "name": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=yes",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 40,
      "w": 300,
      "x": -2759.07275390625,
      "y": -906.4923706054688,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#dc2717",
          "v": "VariableID:VariableID:1671:111623",
          "token": {
            "cssVar": "--red",
            "figmaName": "UX/Red/Default",
            "variableId": "VariableID:1671:111623",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#141414",
            "v": "VariableID:VariableID:1558:94792",
            "token": {
              "cssVar": "--color-grey-13",
              "figmaName": "UX/Grey/grey-13 #141414",
              "variableId": "VariableID:1558:94792",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I4187:7897;1277:159",
        "I4187:7897;1845:17670"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1818:8160",
      "name": "dark theme=on, status=default, enable=on, UX=default, size=M, feature=yes",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 240,
      "x": -4962.07275390625,
      "y": -1884.212158203125,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#595959",
          "v": "VariableID:VariableID:1558:94787",
          "token": {
            "cssVar": "--color-grey-8",
            "figmaName": "UX/Grey/grey-8 #595959",
            "variableId": "VariableID:1558:94787",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#7b7b7b",
            "v": "VariableID:VariableID:1608:170962",
            "token": {
              "cssVar": "--color-grey-7",
              "figmaName": "UX/Grey/grey-7 #7B7B7B",
              "variableId": "VariableID:1608:170962",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I1818:8161;1277:159",
        "I1818:8161;1845:17670"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "4187:7700",
      "name": "dark theme=on, status=default, enable=on, UX=error, size=M, feature=yes",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 240,
      "x": -4962.07275390625,
      "y": -1742.999755859375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#ea4233",
          "v": "VariableID:VariableID:1671:111623",
          "token": {
            "cssVar": "--red",
            "figmaName": "UX/Red/Default",
            "variableId": "VariableID:1671:111623",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#7b7b7b",
            "v": "VariableID:VariableID:1608:170962",
            "token": {
              "cssVar": "--color-grey-7",
              "figmaName": "UX/Grey/grey-7 #7B7B7B",
              "variableId": "VariableID:1608:170962",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I4187:7701;1277:159",
        "I4187:7701;1845:17670"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:45991",
      "name": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=yes",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 40,
      "w": 300,
      "x": -3112.07275390625,
      "y": -1884.212158203125,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#595959",
          "v": "VariableID:VariableID:1558:94787",
          "token": {
            "cssVar": "--color-grey-8",
            "figmaName": "UX/Grey/grey-8 #595959",
            "variableId": "VariableID:1558:94787",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#7b7b7b",
            "v": "VariableID:VariableID:1608:170962",
            "token": {
              "cssVar": "--color-grey-7",
              "figmaName": "UX/Grey/grey-7 #7B7B7B",
              "variableId": "VariableID:1608:170962",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I1858:45992;1277:159",
        "I1858:45992;1845:17670"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "4187:7805",
      "name": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=yes",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 40,
      "w": 300,
      "x": -3112.07275390625,
      "y": -1742.999755859375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#ea4233",
          "v": "VariableID:VariableID:1671:111623",
          "token": {
            "cssVar": "--red",
            "figmaName": "UX/Red/Default",
            "variableId": "VariableID:1671:111623",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#7b7b7b",
            "v": "VariableID:VariableID:1608:170962",
            "token": {
              "cssVar": "--color-grey-7",
              "figmaName": "UX/Grey/grey-7 #7B7B7B",
              "variableId": "VariableID:1608:170962",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I4187:7806;1277:159",
        "I4187:7806;1845:17670"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1818:8166",
      "name": "dark theme=on, status=default, enable=on, UX=click, size=M, feature=yes",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 240,
      "x": -4962.07275390625,
      "y": -1251.6702880859375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#2fb54e",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "|Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#7b7b7b",
            "v": "VariableID:VariableID:1608:170962",
            "token": {
              "cssVar": "--color-grey-7",
              "figmaName": "UX/Grey/grey-7 #7B7B7B",
              "variableId": "VariableID:1608:170962",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I1818:8167;1277:159",
        "I1818:8167;1845:17670"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:45994",
      "name": "dark theme=on, status=default, enable=on, UX=click, size=L, feature=yes",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 40,
      "w": 300,
      "x": -3112.07275390625,
      "y": -1251.6702880859375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#2fb54e",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "|Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#7b7b7b",
            "v": "VariableID:VariableID:1608:170962",
            "token": {
              "cssVar": "--color-grey-7",
              "figmaName": "UX/Grey/grey-7 #7B7B7B",
              "variableId": "VariableID:1608:170962",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I1858:45995;1277:159",
        "I1858:45995;1845:17670"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1818:8172",
      "name": "dark theme=on, status=default, enable=on, UX=hover, size=M, feature=yes",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 240,
      "x": -4962.07275390625,
      "y": -1412.368408203125,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#2fb54e",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#7b7b7b",
            "v": "VariableID:VariableID:1608:170962",
            "token": {
              "cssVar": "--color-grey-7",
              "figmaName": "UX/Grey/grey-7 #7B7B7B",
              "variableId": "VariableID:1608:170962",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I1818:8173;1277:159",
        "I1818:8173;1845:17670"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:45997",
      "name": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=yes",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 40,
      "w": 300,
      "x": -3112.07275390625,
      "y": -1412.369140625,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#2fb54e",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#7b7b7b",
            "v": "VariableID:VariableID:1608:170962",
            "token": {
              "cssVar": "--color-grey-7",
              "figmaName": "UX/Grey/grey-7 #7B7B7B",
              "variableId": "VariableID:1608:170962",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I1858:45998;1277:159",
        "I1858:45998;1845:17670"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1818:8178",
      "name": "dark theme=on, status=normal, enable=on, UX=default, size=M, feature=yes",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 240,
      "x": -4669.07275390625,
      "y": -1884.212158203125,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#595959",
          "v": "VariableID:VariableID:1558:94787",
          "token": {
            "cssVar": "--color-grey-8",
            "figmaName": "UX/Grey/grey-8 #595959",
            "variableId": "VariableID:1558:94787",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#f8f8f8",
            "v": "VariableID:VariableID:1558:94782",
            "token": {
              "cssVar": "--color-grey-2",
              "figmaName": "UX/Grey/grey-2 #F8F8F8",
              "variableId": "VariableID:1558:94782",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I1818:8179;1277:159",
        "I1818:8179;1845:17670"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "4187:7703",
      "name": "dark theme=on, status=normal, enable=on, UX=error, size=M, feature=yes",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 240,
      "x": -4669.07275390625,
      "y": -1742.999755859375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#ea4233",
          "v": "VariableID:VariableID:1671:111623",
          "token": {
            "cssVar": "--red",
            "figmaName": "UX/Red/Default",
            "variableId": "VariableID:1671:111623",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#f8f8f8",
            "v": "VariableID:VariableID:1558:94782",
            "token": {
              "cssVar": "--color-grey-2",
              "figmaName": "UX/Grey/grey-2 #F8F8F8",
              "variableId": "VariableID:1558:94782",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I4187:7704;1277:159",
        "I4187:7704;1845:17670"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:46000",
      "name": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=yes",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 40,
      "w": 300,
      "x": -2759.07275390625,
      "y": -1884.212158203125,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#595959",
          "v": "VariableID:VariableID:1558:94787",
          "token": {
            "cssVar": "--color-grey-8",
            "figmaName": "UX/Grey/grey-8 #595959",
            "variableId": "VariableID:1558:94787",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#f8f8f8",
            "v": "VariableID:VariableID:1558:94782",
            "token": {
              "cssVar": "--color-grey-2",
              "figmaName": "UX/Grey/grey-2 #F8F8F8",
              "variableId": "VariableID:1558:94782",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I1858:46001;1277:159",
        "I1858:46001;1845:17670"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "4187:7808",
      "name": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=yes",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 40,
      "w": 300,
      "x": -2759.07275390625,
      "y": -1742.999755859375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#ea4233",
          "v": "VariableID:VariableID:1671:111623",
          "token": {
            "cssVar": "--red",
            "figmaName": "UX/Red/Default",
            "variableId": "VariableID:1671:111623",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#f8f8f8",
            "v": "VariableID:VariableID:1558:94782",
            "token": {
              "cssVar": "--color-grey-2",
              "figmaName": "UX/Grey/grey-2 #F8F8F8",
              "variableId": "VariableID:1558:94782",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I4187:7809;1277:159",
        "I4187:7809;1845:17670"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1818:8184",
      "name": "dark theme=on, status=normal, enable=on, UX=click, size=M, feature=yes",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 240,
      "x": -4669.07275390625,
      "y": -1251.6702880859375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#2fb54e",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Content|",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#f8f8f8",
            "v": "VariableID:VariableID:1558:94782",
            "token": {
              "cssVar": "--color-grey-2",
              "figmaName": "UX/Grey/grey-2 #F8F8F8",
              "variableId": "VariableID:1558:94782",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I1818:8185;1277:159",
        "I1818:8185;1845:17670",
        "I1818:8187;1155:24587"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:46003",
      "name": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=yes",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 40,
      "w": 300,
      "x": -2759.07275390625,
      "y": -1251.6702880859375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#2fb54e",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Content|",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#f8f8f8",
            "v": "VariableID:VariableID:1558:94782",
            "token": {
              "cssVar": "--color-grey-2",
              "figmaName": "UX/Grey/grey-2 #F8F8F8",
              "variableId": "VariableID:1558:94782",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I1858:46004;1277:159",
        "I1858:46004;1845:17670",
        "I1858:46006;1155:24587"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1818:8192",
      "name": "dark theme=on, status=normal, enable=on, UX=hover, size=M, feature=yes",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 240,
      "x": -4669.07275390625,
      "y": -1412.368408203125,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#2fb54e",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#f8f8f8",
            "v": "VariableID:VariableID:1558:94782",
            "token": {
              "cssVar": "--color-grey-2",
              "figmaName": "UX/Grey/grey-2 #F8F8F8",
              "variableId": "VariableID:1558:94782",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I1818:8193;1277:159",
        "I1818:8193;1845:17670"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:46007",
      "name": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=yes",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 40,
      "w": 300,
      "x": -2759.07275390625,
      "y": -1412.369140625,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#2fb54e",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#f8f8f8",
            "v": "VariableID:VariableID:1558:94782",
            "token": {
              "cssVar": "--color-grey-2",
              "figmaName": "UX/Grey/grey-2 #F8F8F8",
              "variableId": "VariableID:1558:94782",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I1858:46008;1277:159",
        "I1858:46008;1845:17670"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1818:8198",
      "name": "dark theme=on, status=default, enable=off, UX=default, size=M, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 240,
      "x": -5548.07275390625,
      "y": -1568.07763671875,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#595959",
          "v": "VariableID:VariableID:1558:94787",
          "token": {
            "cssVar": "--color-grey-8",
            "figmaName": "UX/Grey/grey-8 #595959",
            "variableId": "VariableID:1558:94787",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#595959",
            "v": "VariableID:VariableID:1558:94787",
            "token": {
              "cssVar": "--color-grey-8",
              "figmaName": "UX/Grey/grey-8 #595959",
              "variableId": "VariableID:1558:94787",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:46010",
      "name": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 40,
      "w": 300,
      "x": -3818.07275390625,
      "y": -1568.07763671875,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#595959",
          "v": "VariableID:VariableID:1558:94787",
          "token": {
            "cssVar": "--color-grey-8",
            "figmaName": "UX/Grey/grey-8 #595959",
            "variableId": "VariableID:1558:94787",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#595959",
            "v": "VariableID:VariableID:1558:94787",
            "token": {
              "cssVar": "--color-grey-8",
              "figmaName": "UX/Grey/grey-8 #595959",
              "variableId": "VariableID:1558:94787",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1818:8202",
      "name": "dark theme=off, status=default, enable=off, UX=default, size=M, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 240,
      "x": -5548.07275390625,
      "y": -786.4578857421875,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#cccccc",
          "v": "VariableID:VariableID:1558:94785",
          "token": {
            "cssVar": "--color-grey-5",
            "figmaName": "UX/Grey/grey-5 #CCCCCC",
            "variableId": "VariableID:1558:94785",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#cccccc",
            "v": "VariableID:VariableID:1558:94785",
            "token": {
              "cssVar": "--color-grey-5",
              "figmaName": "UX/Grey/grey-5 #CCCCCC",
              "variableId": "VariableID:1558:94785",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:46012",
      "name": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 40,
      "w": 300,
      "x": -3818.07275390625,
      "y": -786.4578857421875,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#cccccc",
          "v": "VariableID:VariableID:1558:94785",
          "token": {
            "cssVar": "--color-grey-5",
            "figmaName": "UX/Grey/grey-5 #CCCCCC",
            "variableId": "VariableID:1558:94785",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#cccccc",
            "v": "VariableID:VariableID:1558:94785",
            "token": {
              "cssVar": "--color-grey-5",
              "figmaName": "UX/Grey/grey-5 #CCCCCC",
              "variableId": "VariableID:1558:94785",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1818:8206",
      "name": "dark theme=on, status=normal, enable=off, UX=default, size=M, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 240,
      "x": -5255.07275390625,
      "y": -1568.07763671875,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#595959",
          "v": "VariableID:VariableID:1558:94787",
          "token": {
            "cssVar": "--color-grey-8",
            "figmaName": "UX/Grey/grey-8 #595959",
            "variableId": "VariableID:1558:94787",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#9e9e9e",
            "v": "VariableID:VariableID:2611:57610",
            "token": {
              "cssVar": "--text-tips",
              "figmaName": "Color Type/Text/Tips",
              "variableId": "VariableID:2611:57610",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:46014",
      "name": "dark theme=on, status=normal, enable=off, UX=default, size=L, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 40,
      "w": 300,
      "x": -3465.07275390625,
      "y": -1568.07763671875,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#595959",
          "v": "VariableID:VariableID:1558:94787",
          "token": {
            "cssVar": "--color-grey-8",
            "figmaName": "UX/Grey/grey-8 #595959",
            "variableId": "VariableID:1558:94787",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#9e9e9e",
            "v": "VariableID:VariableID:2611:57610",
            "token": {
              "cssVar": "--text-tips",
              "figmaName": "Color Type/Text/Tips",
              "variableId": "VariableID:2611:57610",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1818:8210",
      "name": "dark theme=off, status=normal, enable=off, UX=default, size=M, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 240,
      "x": -5255.07275390625,
      "y": -786.4578857421875,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#cccccc",
          "v": "VariableID:VariableID:1558:94785",
          "token": {
            "cssVar": "--color-grey-5",
            "figmaName": "UX/Grey/grey-5 #CCCCCC",
            "variableId": "VariableID:1558:94785",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#595959",
            "v": "VariableID:VariableID:2611:57610",
            "token": {
              "cssVar": "--text-tips",
              "figmaName": "Color Type/Text/Tips",
              "variableId": "VariableID:2611:57610",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:46016",
      "name": "dark theme=off, status=normal, enable=off, UX=default, size=L, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 40,
      "w": 300,
      "x": -3465.07275390625,
      "y": -786.4578857421875,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#cccccc",
          "v": "VariableID:VariableID:1558:94785",
          "token": {
            "cssVar": "--color-grey-5",
            "figmaName": "UX/Grey/grey-5 #CCCCCC",
            "variableId": "VariableID:1558:94785",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#595959",
            "v": "VariableID:VariableID:2611:57610",
            "token": {
              "cssVar": "--text-tips",
              "figmaName": "Color Type/Text/Tips",
              "variableId": "VariableID:2611:57610",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1818:8214",
      "name": "dark theme=on, status=default, enable=on, UX=hover, size=M, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 240,
      "x": -5548.07275390625,
      "y": -1412.368408203125,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#2fb54e",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#7b7b7b",
            "v": "VariableID:VariableID:1608:170962",
            "token": {
              "cssVar": "--color-grey-7",
              "figmaName": "UX/Grey/grey-7 #7B7B7B",
              "variableId": "VariableID:1608:170962",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:46018",
      "name": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 40,
      "w": 300,
      "x": -3818.07275390625,
      "y": -1412.369140625,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#2fb54e",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#7b7b7b",
            "v": "VariableID:VariableID:1608:170962",
            "token": {
              "cssVar": "--color-grey-7",
              "figmaName": "UX/Grey/grey-7 #7B7B7B",
              "variableId": "VariableID:1608:170962",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1818:8218",
      "name": "dark theme=off, status=default, enable=on, UX=hover, size=M, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 240,
      "x": -5548.07275390625,
      "y": -641.5482177734375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#299f45",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#9e9e9e",
            "v": "VariableID:VariableID:1558:94786",
            "token": {
              "cssVar": "--color-grey-6",
              "figmaName": "UX/Grey/grey-6 #9E9E9E",
              "variableId": "VariableID:1558:94786",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:46020",
      "name": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 40,
      "w": 300,
      "x": -3818.07275390625,
      "y": -641.5482177734375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#299f45",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#9e9e9e",
            "v": "VariableID:VariableID:1558:94786",
            "token": {
              "cssVar": "--color-grey-6",
              "figmaName": "UX/Grey/grey-6 #9E9E9E",
              "variableId": "VariableID:1558:94786",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1818:8220",
      "name": "dark theme=off, status=default, enable=on, UX=hover, size=M, feature=yes",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 240,
      "x": -4962.07275390625,
      "y": -641.5482177734375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#299f45",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#9e9e9e",
            "v": "VariableID:VariableID:1558:94786",
            "token": {
              "cssVar": "--color-grey-6",
              "figmaName": "UX/Grey/grey-6 #9E9E9E",
              "variableId": "VariableID:1558:94786",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I1818:8221;1277:159",
        "I1818:8221;1845:17670"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:46022",
      "name": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=yes",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 40,
      "w": 300,
      "x": -3112.07275390625,
      "y": -641.5482177734375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#299f45",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#9e9e9e",
            "v": "VariableID:VariableID:1558:94786",
            "token": {
              "cssVar": "--color-grey-6",
              "figmaName": "UX/Grey/grey-6 #9E9E9E",
              "variableId": "VariableID:1558:94786",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I1858:46023;1277:159",
        "I1858:46023;1845:17670"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1818:8228",
      "name": "dark theme=on, status=default, enable=on, UX=click, size=M, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 240,
      "x": -5548.07275390625,
      "y": -1251.6702880859375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#2fb54e",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "|Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#7b7b7b",
            "v": "VariableID:VariableID:1608:170962",
            "token": {
              "cssVar": "--color-grey-7",
              "figmaName": "UX/Grey/grey-7 #7B7B7B",
              "variableId": "VariableID:1608:170962",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:46025",
      "name": "dark theme=on, status=default, enable=on, UX=click, size=L, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 40,
      "w": 300,
      "x": -3818.07275390625,
      "y": -1251.6702880859375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#2fb54e",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "|Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#7b7b7b",
            "v": "VariableID:VariableID:1608:170962",
            "token": {
              "cssVar": "--color-grey-7",
              "figmaName": "UX/Grey/grey-7 #7B7B7B",
              "variableId": "VariableID:1608:170962",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1818:8232",
      "name": "dark theme=off, status=default, enable=on, UX=click, size=M, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 240,
      "x": -5548.07275390625,
      "y": -499.2313232421875,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#299f45",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "|Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#9e9e9e",
            "v": "VariableID:VariableID:1558:94786",
            "token": {
              "cssVar": "--color-grey-6",
              "figmaName": "UX/Grey/grey-6 #9E9E9E",
              "variableId": "VariableID:1558:94786",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:46027",
      "name": "dark theme=off, status=default, enable=on, UX=click, size=L, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 40,
      "w": 300,
      "x": -3818.07275390625,
      "y": -499.2313232421875,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#299f45",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "|Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#9e9e9e",
            "v": "VariableID:VariableID:1558:94786",
            "token": {
              "cssVar": "--color-grey-6",
              "figmaName": "UX/Grey/grey-6 #9E9E9E",
              "variableId": "VariableID:1558:94786",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1818:8234",
      "name": "dark theme=off, status=default, enable=on, UX=click, size=M, feature=yes",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 240,
      "x": -4962.07275390625,
      "y": -499.2313232421875,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#299f45",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "|Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#9e9e9e",
            "v": "VariableID:VariableID:1558:94786",
            "token": {
              "cssVar": "--color-grey-6",
              "figmaName": "UX/Grey/grey-6 #9E9E9E",
              "variableId": "VariableID:1558:94786",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I1818:8235;1277:159",
        "I1818:8235;1845:17670"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:46029",
      "name": "dark theme=off, status=default, enable=on, UX=click, size=L, feature=yes",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 40,
      "w": 300,
      "x": -3112.07275390625,
      "y": -499.2313232421875,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#299f45",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "|Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#9e9e9e",
            "v": "VariableID:VariableID:1558:94786",
            "token": {
              "cssVar": "--color-grey-6",
              "figmaName": "UX/Grey/grey-6 #9E9E9E",
              "variableId": "VariableID:1558:94786",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I1858:46030;1277:159",
        "I1858:46030;1845:17670"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1818:8242",
      "name": "dark theme=on, status=normal, enable=on, UX=hover, size=M, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 240,
      "x": -5255.07275390625,
      "y": -1412.368408203125,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#2fb54e",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#f8f8f8",
            "v": "VariableID:VariableID:1558:94782",
            "token": {
              "cssVar": "--color-grey-2",
              "figmaName": "UX/Grey/grey-2 #F8F8F8",
              "variableId": "VariableID:1558:94782",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:46032",
      "name": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 40,
      "w": 300,
      "x": -3465.07275390625,
      "y": -1412.369140625,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#2fb54e",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#f8f8f8",
            "v": "VariableID:VariableID:1558:94782",
            "token": {
              "cssVar": "--color-grey-2",
              "figmaName": "UX/Grey/grey-2 #F8F8F8",
              "variableId": "VariableID:1558:94782",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1818:8246",
      "name": "dark theme=off, status=normal, enable=on, UX=hover, size=M, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 240,
      "x": -5255.07275390625,
      "y": -641.5482177734375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#299f45",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#141414",
            "v": "VariableID:VariableID:1558:94792",
            "token": {
              "cssVar": "--color-grey-13",
              "figmaName": "UX/Grey/grey-13 #141414",
              "variableId": "VariableID:1558:94792",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:46034",
      "name": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 40,
      "w": 300,
      "x": -3465.07275390625,
      "y": -641.5482177734375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#299f45",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#141414",
            "v": "VariableID:VariableID:1558:94792",
            "token": {
              "cssVar": "--color-grey-13",
              "figmaName": "UX/Grey/grey-13 #141414",
              "variableId": "VariableID:1558:94792",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1818:8248",
      "name": "dark theme=off, status=normal, enable=on, UX=hover, size=M, feature=yes",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 240,
      "x": -4669.07275390625,
      "y": -641.5482177734375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#299f45",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#141414",
            "v": "VariableID:VariableID:1558:94792",
            "token": {
              "cssVar": "--color-grey-13",
              "figmaName": "UX/Grey/grey-13 #141414",
              "variableId": "VariableID:1558:94792",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I1818:8249;1277:159",
        "I1818:8249;1845:17670"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:46036",
      "name": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=yes",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 40,
      "w": 300,
      "x": -2759.07275390625,
      "y": -641.5482177734375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#299f45",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#141414",
            "v": "VariableID:VariableID:1558:94792",
            "token": {
              "cssVar": "--color-grey-13",
              "figmaName": "UX/Grey/grey-13 #141414",
              "variableId": "VariableID:1558:94792",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I1858:46037;1277:159",
        "I1858:46037;1845:17670"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1818:8256",
      "name": "dark theme=on, status=normal, enable=on, UX=click, size=M, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 240,
      "x": -5255.07275390625,
      "y": -1251.6702880859375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#2fb54e",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Content|",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#f8f8f8",
            "v": "VariableID:VariableID:1558:94782",
            "token": {
              "cssVar": "--color-grey-2",
              "figmaName": "UX/Grey/grey-2 #F8F8F8",
              "variableId": "VariableID:1558:94782",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I1818:8258;1155:24587"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:46039",
      "name": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 40,
      "w": 300,
      "x": -3465.07275390625,
      "y": -1251.6702880859375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#2fb54e",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Content|",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#f8f8f8",
            "v": "VariableID:VariableID:1558:94782",
            "token": {
              "cssVar": "--color-grey-2",
              "figmaName": "UX/Grey/grey-2 #F8F8F8",
              "variableId": "VariableID:1558:94782",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I1858:46041;1155:24587"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1818:8262",
      "name": "dark theme=off, status=normal, enable=on, UX=click, size=M, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 240,
      "x": -5255.07275390625,
      "y": -499.2313232421875,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#299f45",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Content|",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#141414",
            "v": "VariableID:VariableID:1558:94792",
            "token": {
              "cssVar": "--color-grey-13",
              "figmaName": "UX/Grey/grey-13 #141414",
              "variableId": "VariableID:1558:94792",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I1818:8264;1155:24587"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:46042",
      "name": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 40,
      "w": 300,
      "x": -3465.07275390625,
      "y": -499.2313232421875,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#299f45",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Content|",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#141414",
            "v": "VariableID:VariableID:1558:94792",
            "token": {
              "cssVar": "--color-grey-13",
              "figmaName": "UX/Grey/grey-13 #141414",
              "variableId": "VariableID:1558:94792",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I1858:46044;1155:24587"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1818:8265",
      "name": "dark theme=off, status=normal, enable=on, UX=click, size=M, feature=yes",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 32,
      "w": 240,
      "x": -4669.07275390625,
      "y": -499.2313232421875,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#299f45",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Content|",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#141414",
            "v": "VariableID:VariableID:1558:94792",
            "token": {
              "cssVar": "--color-grey-13",
              "figmaName": "UX/Grey/grey-13 #141414",
              "variableId": "VariableID:1558:94792",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I1818:8266;1277:159",
        "I1818:8266;1845:17670",
        "I1818:8268;1155:24587"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:46045",
      "name": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=yes",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 40,
      "w": 300,
      "x": -2759.07275390625,
      "y": -499.2313232421875,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 8,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#299f45",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Content|",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#141414",
            "v": "VariableID:VariableID:1558:94792",
            "token": {
              "cssVar": "--color-grey-13",
              "figmaName": "UX/Grey/grey-13 #141414",
              "variableId": "VariableID:1558:94792",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I1858:46046;1277:159",
        "I1858:46046;1845:17670",
        "I1858:46048;1155:24587"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:47005",
      "name": "dark theme=on, status=default, enable=on, UX=default, size=XL, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 100,
      "w": 240,
      "x": -2053,
      "y": -1884.4853515625,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 25,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#595959",
          "v": "VariableID:VariableID:1558:94787",
          "token": {
            "cssVar": "--color-grey-8",
            "figmaName": "UX/Grey/grey-8 #595959",
            "variableId": "VariableID:1558:94787",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#7b7b7b",
            "v": "VariableID:VariableID:1608:170962",
            "token": {
              "cssVar": "--color-grey-7",
              "figmaName": "UX/Grey/grey-7 #7B7B7B",
              "variableId": "VariableID:1608:170962",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "1858:46795",
        "1858:46796"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "4187:8345",
      "name": "dark theme=on, status=default, enable=on, UX=error, size=XL, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 100,
      "w": 240,
      "x": -2053,
      "y": -1742.999755859375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 25,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#ea4233",
          "v": "VariableID:VariableID:1671:111623",
          "token": {
            "cssVar": "--red",
            "figmaName": "UX/Red/Default",
            "variableId": "VariableID:1671:111623",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#7b7b7b",
            "v": "VariableID:VariableID:1608:170962",
            "token": {
              "cssVar": "--color-grey-7",
              "figmaName": "UX/Grey/grey-7 #7B7B7B",
              "variableId": "VariableID:1608:170962",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "4187:8348",
        "4187:8349"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:47020",
      "name": "dark theme=off, status=Filled, enable=on, UX=default, size=XL, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 100,
      "w": 240,
      "x": -2053,
      "y": -1024.072265625,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 25,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#cccccc",
          "v": "VariableID:VariableID:1558:94785",
          "token": {
            "cssVar": "--color-grey-5",
            "figmaName": "UX/Grey/grey-5 #CCCCCC",
            "variableId": "VariableID:1558:94785",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#9e9e9e",
            "v": "VariableID:VariableID:1558:94786",
            "token": {
              "cssVar": "--color-grey-6",
              "figmaName": "UX/Grey/grey-6 #9E9E9E",
              "variableId": "VariableID:1558:94786",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "1858:46817",
        "1858:46818"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "4187:8297",
      "name": "dark theme=off, status=Filled, enable=on, UX=error, size=XL, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 100,
      "w": 240,
      "x": -2053,
      "y": -906.4923706054688,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 25,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#dc2717",
          "v": "VariableID:VariableID:1671:111623",
          "token": {
            "cssVar": "--red",
            "figmaName": "UX/Red/Default",
            "variableId": "VariableID:1671:111623",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#9e9e9e",
            "v": "VariableID:VariableID:1558:94786",
            "token": {
              "cssVar": "--color-grey-6",
              "figmaName": "UX/Grey/grey-6 #9E9E9E",
              "variableId": "VariableID:1558:94786",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "4187:8300",
        "4187:8301"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:47009",
      "name": "dark theme=on, status=Filled, enable=off, UX=default, size=XL, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 100,
      "w": 240,
      "x": -2053,
      "y": -1568.07763671875,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 25,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#595959",
          "v": "VariableID:VariableID:1558:94787",
          "token": {
            "cssVar": "--color-grey-8",
            "figmaName": "UX/Grey/grey-8 #595959",
            "variableId": "VariableID:1558:94787",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#595959",
            "v": "VariableID:VariableID:1558:94787",
            "token": {
              "cssVar": "--color-grey-8",
              "figmaName": "UX/Grey/grey-8 #595959",
              "variableId": "VariableID:1558:94787",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "1858:46805",
        "1858:46806"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:47027",
      "name": "dark theme=off, status=Filled, enable=off, UX=default, size=XL, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 100,
      "w": 240,
      "x": -2053,
      "y": -786.4578857421875,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 25,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#cccccc",
          "v": "VariableID:VariableID:1558:94785",
          "token": {
            "cssVar": "--color-grey-5",
            "figmaName": "UX/Grey/grey-5 #CCCCCC",
            "variableId": "VariableID:1558:94785",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#cccccc",
            "v": "VariableID:VariableID:1558:94785",
            "token": {
              "cssVar": "--color-grey-5",
              "figmaName": "UX/Grey/grey-5 #CCCCCC",
              "variableId": "VariableID:1558:94785",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "1858:46821",
        "1858:46822"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:47012",
      "name": "dark theme=on, status=default, enable=on, UX=hover, size=XL, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 100,
      "w": 240,
      "x": -2053,
      "y": -1412.1873779296875,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 25,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#2fb54e",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#7b7b7b",
            "v": "VariableID:VariableID:1608:170962",
            "token": {
              "cssVar": "--color-grey-7",
              "figmaName": "UX/Grey/grey-7 #7B7B7B",
              "variableId": "VariableID:1608:170962",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "1858:46813",
        "1858:46814"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:47028",
      "name": "dark theme=off, status=Filled, enable=on, UX=hover, size=XL, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 100,
      "w": 240,
      "x": -2053,
      "y": -641.5482177734375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 25,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": "SPACE_BETWEEN",
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#299f45",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#9e9e9e",
            "v": "VariableID:VariableID:1558:94786",
            "token": {
              "cssVar": "--color-grey-6",
              "figmaName": "UX/Grey/grey-6 #9E9E9E",
              "variableId": "VariableID:1558:94786",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "1858:46809",
        "1858:46810"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:47019",
      "name": "dark theme=on, status=default, enable=on, UX=click, size=XL, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 100,
      "w": 240,
      "x": -2053,
      "y": -1251.6702880859375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 25,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#2fb54e",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "|Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#7b7b7b",
            "v": "VariableID:VariableID:1608:170962",
            "token": {
              "cssVar": "--color-grey-7",
              "figmaName": "UX/Grey/grey-7 #7B7B7B",
              "variableId": "VariableID:1608:170962",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "1858:46825",
        "1858:46826"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:47035",
      "name": "dark theme=off, status=Filled, enable=on, UX=click, size=XL, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 100,
      "w": 240,
      "x": -2053,
      "y": -499.2313232421875,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 22,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": null,
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#299f45",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "|Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#9e9e9e",
            "v": "VariableID:VariableID:1558:94786",
            "token": {
              "cssVar": "--color-grey-6",
              "figmaName": "UX/Grey/grey-6 #9E9E9E",
              "variableId": "VariableID:1558:94786",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "1858:46829",
        "1858:46830"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:47006",
      "name": "dark theme=on, status=normal, enable=on, UX=default, size=XL, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 100,
      "w": 240,
      "x": -1760,
      "y": -1884.4853515625,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 25,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#595959",
          "v": "VariableID:VariableID:1558:94787",
          "token": {
            "cssVar": "--color-grey-8",
            "figmaName": "UX/Grey/grey-8 #595959",
            "variableId": "VariableID:1558:94787",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Remark",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#f8f8f8",
            "v": "VariableID:VariableID:1558:94782",
            "token": {
              "cssVar": "--color-grey-2",
              "figmaName": "UX/Grey/grey-2 #F8F8F8",
              "variableId": "VariableID:1558:94782",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "1858:46833",
        "1858:46834"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "4187:8350",
      "name": "dark theme=on, status=normal, enable=on, UX=error, size=XL, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 100,
      "w": 240,
      "x": -1760,
      "y": -1742.999755859375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 25,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#ea4233",
          "v": "VariableID:VariableID:1671:111623",
          "token": {
            "cssVar": "--red",
            "figmaName": "UX/Red/Default",
            "variableId": "VariableID:1671:111623",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Remark",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#f8f8f8",
            "v": "VariableID:VariableID:1558:94782",
            "token": {
              "cssVar": "--color-grey-2",
              "figmaName": "UX/Grey/grey-2 #F8F8F8",
              "variableId": "VariableID:1558:94782",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "4187:8353",
        "4187:8354"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:47021",
      "name": "dark theme=off, status=normal, enable=on, UX=default, size=XL, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 100,
      "w": 240,
      "x": -1760,
      "y": -1024.072265625,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 25,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#cccccc",
          "v": "VariableID:VariableID:1558:94785",
          "token": {
            "cssVar": "--color-grey-5",
            "figmaName": "UX/Grey/grey-5 #CCCCCC",
            "variableId": "VariableID:1558:94785",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Remark",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#141414",
            "v": "VariableID:VariableID:1558:94792",
            "token": {
              "cssVar": "--color-grey-13",
              "figmaName": "UX/Grey/grey-13 #141414",
              "variableId": "VariableID:1558:94792",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "1858:46837",
        "1858:46838"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "4187:8302",
      "name": "dark theme=off, status=normal, enable=on, UX=error, size=XL, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 100,
      "w": 240,
      "x": -1760,
      "y": -906.4923706054688,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 25,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#dc2717",
          "v": "VariableID:VariableID:1671:111623",
          "token": {
            "cssVar": "--red",
            "figmaName": "UX/Red/Default",
            "variableId": "VariableID:1671:111623",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Remark",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#141414",
            "v": "VariableID:VariableID:1558:94792",
            "token": {
              "cssVar": "--color-grey-13",
              "figmaName": "UX/Grey/grey-13 #141414",
              "variableId": "VariableID:1558:94792",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "4187:8305",
        "4187:8306"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:47010",
      "name": "dark theme=on, status=normal, enable=off, UX=default, size=XL, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 100,
      "w": 240,
      "x": -1760,
      "y": -1568.07763671875,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 25,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#595959",
          "v": "VariableID:VariableID:1558:94787",
          "token": {
            "cssVar": "--color-grey-8",
            "figmaName": "UX/Grey/grey-8 #595959",
            "variableId": "VariableID:1558:94787",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Remark",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#595959",
            "v": "VariableID:VariableID:1558:94787",
            "token": {
              "cssVar": "--color-grey-8",
              "figmaName": "UX/Grey/grey-8 #595959",
              "variableId": "VariableID:1558:94787",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "1858:46841",
        "1858:46842"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:47026",
      "name": "dark theme=off, status=normal, enable=off, UX=default, size=XL, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 100,
      "w": 240,
      "x": -1760,
      "y": -786.4578857421875,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 25,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#cccccc",
          "v": "VariableID:VariableID:1558:94785",
          "token": {
            "cssVar": "--color-grey-5",
            "figmaName": "UX/Grey/grey-5 #CCCCCC",
            "variableId": "VariableID:1558:94785",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Remark",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#cccccc",
            "v": "VariableID:VariableID:1558:94785",
            "token": {
              "cssVar": "--color-grey-5",
              "figmaName": "UX/Grey/grey-5 #CCCCCC",
              "variableId": "VariableID:1558:94785",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "1858:46845",
        "1858:46846"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:47013",
      "name": "dark theme=on, status=normal, enable=on, UX=hover, size=XL, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 100,
      "w": 240,
      "x": -1760,
      "y": -1413.8243408203125,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 25,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": "SPACE_BETWEEN",
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#2fb54e",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Remark",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#f8f8f8",
            "v": "VariableID:VariableID:1558:94782",
            "token": {
              "cssVar": "--color-grey-2",
              "figmaName": "UX/Grey/grey-2 #F8F8F8",
              "variableId": "VariableID:1558:94782",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "1858:46849",
        "1858:46850"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:47029",
      "name": "dark theme=off, status=normal, enable=on, UX=hover, size=XL, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 100,
      "w": 240,
      "x": -1760,
      "y": -641.5482177734375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 25,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": "SPACE_BETWEEN",
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#299f45",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Remark",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#141414",
            "v": "VariableID:VariableID:1558:94792",
            "token": {
              "cssVar": "--color-grey-13",
              "figmaName": "UX/Grey/grey-13 #141414",
              "variableId": "VariableID:1558:94792",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "1858:46853",
        "1858:46854"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:47018",
      "name": "dark theme=on, status=normal, enable=on, UX=click, size=XL, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 100,
      "w": 240,
      "x": -1760,
      "y": -1251.6702880859375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 5,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#2fb54e",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Remark|",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#f8f8f8",
            "v": "VariableID:VariableID:1558:94782",
            "token": {
              "cssVar": "--color-grey-2",
              "figmaName": "UX/Grey/grey-2 #F8F8F8",
              "variableId": "VariableID:1558:94782",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "1858:46856",
        "1858:46857"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:47034",
      "name": "dark theme=off, status=normal, enable=on, UX=click, size=XL, feature=no",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 100,
      "w": 240,
      "x": -1760,
      "y": -499.2313232421875,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 8,
      "gap": 4,
      "r": 4,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#299f45",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Remark|",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#141414",
            "v": "VariableID:VariableID:1558:94792",
            "token": {
              "cssVar": "--color-grey-13",
              "figmaName": "UX/Grey/grey-13 #141414",
              "variableId": "VariableID:1558:94792",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "1858:46798",
        "1858:46799"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:47008",
      "name": "dark theme=on, status=normal, enable=on, UX=default, size=XL, feature=text count",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 100,
      "w": 240,
      "x": -1186,
      "y": -1884.485107421875,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 24,
      "gap": 4,
      "r": 4,
      "layoutMode": "VERTICAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": null,
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#595959",
          "v": "VariableID:VariableID:1558:94787",
          "token": {
            "cssVar": "--color-grey-8",
            "figmaName": "UX/Grey/grey-8 #595959",
            "variableId": "VariableID:1558:94787",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Remark",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#f8f8f8",
            "v": "VariableID:VariableID:1558:94782",
            "token": {
              "cssVar": "--color-grey-2",
              "figmaName": "UX/Grey/grey-2 #F8F8F8",
              "variableId": "VariableID:1558:94782",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "1858:46866",
        "1858:46867"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "4187:8355",
      "name": "dark theme=on, status=normal, enable=on, UX=error, size=XL, feature=text count",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 100,
      "w": 240,
      "x": -1186,
      "y": -1742.999755859375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 24,
      "gap": 4,
      "r": 4,
      "layoutMode": "VERTICAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": null,
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#ea4233",
          "v": "VariableID:VariableID:1671:111623",
          "token": {
            "cssVar": "--red",
            "figmaName": "UX/Red/Default",
            "variableId": "VariableID:1671:111623",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Remark",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#f8f8f8",
            "v": "VariableID:VariableID:1558:94782",
            "token": {
              "cssVar": "--color-grey-2",
              "figmaName": "UX/Grey/grey-2 #F8F8F8",
              "variableId": "VariableID:1558:94782",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "4187:8360",
        "4187:8361"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:47023",
      "name": "dark theme=off, status=normal, enable=on, UX=default, size=XL, feature=text count",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 100,
      "w": 240,
      "x": -1186,
      "y": -1026.072265625,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 24,
      "gap": 4,
      "r": 4,
      "layoutMode": "VERTICAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": null,
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#cccccc",
          "v": "VariableID:VariableID:1558:94785",
          "token": {
            "cssVar": "--color-grey-5",
            "figmaName": "UX/Grey/grey-5 #CCCCCC",
            "variableId": "VariableID:1558:94785",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Remark",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#141414",
            "v": "VariableID:VariableID:1558:94792",
            "token": {
              "cssVar": "--color-grey-13",
              "figmaName": "UX/Grey/grey-13 #141414",
              "variableId": "VariableID:1558:94792",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "1858:46873",
        "1858:46874"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "4187:8307",
      "name": "dark theme=off, status=normal, enable=on, UX=error, size=XL, feature=text count",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 100,
      "w": 240,
      "x": -1186,
      "y": -906.4923706054688,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 24,
      "gap": 4,
      "r": 4,
      "layoutMode": "VERTICAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": null,
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#dc2717",
          "v": "VariableID:VariableID:1671:111623",
          "token": {
            "cssVar": "--red",
            "figmaName": "UX/Red/Default",
            "variableId": "VariableID:1671:111623",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Remark",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#141414",
            "v": "VariableID:VariableID:1558:94792",
            "token": {
              "cssVar": "--color-grey-13",
              "figmaName": "UX/Grey/grey-13 #141414",
              "variableId": "VariableID:1558:94792",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "4187:8312",
        "4187:8313"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:47015",
      "name": "dark theme=on, status=normal, enable=on, UX=hover, size=XL, feature=text count",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 100,
      "w": 240,
      "x": -1186,
      "y": -1413.8243408203125,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 24,
      "gap": 4,
      "r": 4,
      "layoutMode": "VERTICAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": null,
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#2fb54e",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Remark",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#f8f8f8",
            "v": "VariableID:VariableID:1558:94782",
            "token": {
              "cssVar": "--color-grey-2",
              "figmaName": "UX/Grey/grey-2 #F8F8F8",
              "variableId": "VariableID:1558:94782",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "1858:46880",
        "1858:46881"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:47031",
      "name": "dark theme=off, status=normal, enable=on, UX=hover, size=XL, feature=text count",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 100,
      "w": 240,
      "x": -1186,
      "y": -641.5482177734375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 24,
      "gap": 4,
      "r": 4,
      "layoutMode": "VERTICAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": null,
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#299f45",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Remark",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#141414",
            "v": "VariableID:VariableID:1558:94792",
            "token": {
              "cssVar": "--color-grey-13",
              "figmaName": "UX/Grey/grey-13 #141414",
              "variableId": "VariableID:1558:94792",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "1858:46887",
        "1858:46888"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:47016",
      "name": "dark theme=on, status=normal, enable=on, UX=click, size=XL, feature=text count",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 100,
      "w": 240,
      "x": -1186,
      "y": -1251.6702880859375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 24,
      "gap": 4,
      "r": 4,
      "layoutMode": "VERTICAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": null,
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#2fb54e",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Remark|",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#f8f8f8",
            "v": "VariableID:VariableID:1558:94782",
            "token": {
              "cssVar": "--color-grey-2",
              "figmaName": "UX/Grey/grey-2 #F8F8F8",
              "variableId": "VariableID:1558:94782",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "1858:46896",
        "1858:46897"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:47032",
      "name": "dark theme=off, status=normal, enable=on, UX=click, size=XL, feature=text count",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 100,
      "w": 240,
      "x": -1186,
      "y": -499.2313232421875,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 24,
      "gap": 4,
      "r": 4,
      "layoutMode": "VERTICAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": null,
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#299f45",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Remark|",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#141414",
            "v": "VariableID:VariableID:1558:94792",
            "token": {
              "cssVar": "--color-grey-13",
              "figmaName": "UX/Grey/grey-13 #141414",
              "variableId": "VariableID:1558:94792",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "1858:46905",
        "1858:46906"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:47036",
      "name": "dark theme=on, status=normal, enable=off, UX=default, size=XL, feature=text count",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 100,
      "w": 240,
      "x": -1186,
      "y": -1568.07763671875,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 24,
      "gap": 4,
      "r": 4,
      "layoutMode": "VERTICAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": null,
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#595959",
          "v": "VariableID:VariableID:1558:94787",
          "token": {
            "cssVar": "--color-grey-8",
            "figmaName": "UX/Grey/grey-8 #595959",
            "variableId": "VariableID:1558:94787",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Remark",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#595959",
            "v": "VariableID:VariableID:1558:94787",
            "token": {
              "cssVar": "--color-grey-8",
              "figmaName": "UX/Grey/grey-8 #595959",
              "variableId": "VariableID:1558:94787",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "1858:46912",
        "1858:46913"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:47024",
      "name": "dark theme=off, status=normal, enable=off, UX=default, size=XL, feature=text count",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 100,
      "w": 240,
      "x": -1186,
      "y": -786.4578857421875,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 24,
      "gap": 4,
      "r": 4,
      "layoutMode": "VERTICAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": null,
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#cccccc",
          "v": "VariableID:VariableID:1558:94785",
          "token": {
            "cssVar": "--color-grey-5",
            "figmaName": "UX/Grey/grey-5 #CCCCCC",
            "variableId": "VariableID:1558:94785",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Remark",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#141414",
            "v": "VariableID:VariableID:1558:94792",
            "token": {
              "cssVar": "--color-grey-13",
              "figmaName": "UX/Grey/grey-13 #141414",
              "variableId": "VariableID:1558:94792",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "1858:46919",
        "1858:46920"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:47007",
      "name": "dark theme=on, status=default, enable=on, UX=default, size=XL, feature=text count",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 100,
      "w": 240,
      "x": -1467,
      "y": -1884.485107421875,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 24,
      "gap": 4,
      "r": 4,
      "layoutMode": "VERTICAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": null,
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#595959",
          "v": "VariableID:VariableID:1558:94787",
          "token": {
            "cssVar": "--color-grey-8",
            "figmaName": "UX/Grey/grey-8 #595959",
            "variableId": "VariableID:1558:94787",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#7b7b7b",
            "v": "VariableID:VariableID:1608:170962",
            "token": {
              "cssVar": "--color-grey-7",
              "figmaName": "UX/Grey/grey-7 #7B7B7B",
              "variableId": "VariableID:1608:170962",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "1858:46926",
        "1858:46927"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "4187:8362",
      "name": "dark theme=on, status=default, enable=on, UX=error, size=XL, feature=text count",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 100,
      "w": 240,
      "x": -1467,
      "y": -1742.999755859375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 24,
      "gap": 4,
      "r": 4,
      "layoutMode": "VERTICAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": null,
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#ea4233",
          "v": "VariableID:VariableID:1671:111623",
          "token": {
            "cssVar": "--red",
            "figmaName": "UX/Red/Default",
            "variableId": "VariableID:1671:111623",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#7b7b7b",
            "v": "VariableID:VariableID:1608:170962",
            "token": {
              "cssVar": "--color-grey-7",
              "figmaName": "UX/Grey/grey-7 #7B7B7B",
              "variableId": "VariableID:1608:170962",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "4187:8367",
        "4187:8368"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:47022",
      "name": "dark theme=off, status=default, enable=on, UX=default, size=XL, feature=text count",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 100,
      "w": 240,
      "x": -1467,
      "y": -1026.072265625,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 24,
      "gap": 4,
      "r": 4,
      "layoutMode": "VERTICAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": null,
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#cccccc",
          "v": "VariableID:VariableID:1558:94785",
          "token": {
            "cssVar": "--color-grey-5",
            "figmaName": "UX/Grey/grey-5 #CCCCCC",
            "variableId": "VariableID:1558:94785",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#9e9e9e",
            "v": "VariableID:VariableID:1558:94786",
            "token": {
              "cssVar": "--color-grey-6",
              "figmaName": "UX/Grey/grey-6 #9E9E9E",
              "variableId": "VariableID:1558:94786",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "1858:46933",
        "1858:46934"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "4187:8314",
      "name": "dark theme=off, status=default, enable=on, UX=error, size=XL, feature=text count",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 100,
      "w": 240,
      "x": -1467,
      "y": -906.4923706054688,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 24,
      "gap": 4,
      "r": 4,
      "layoutMode": "VERTICAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": null,
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#dc2717",
          "v": "VariableID:VariableID:1671:111623",
          "token": {
            "cssVar": "--red",
            "figmaName": "UX/Red/Default",
            "variableId": "VariableID:1671:111623",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#9e9e9e",
            "v": "VariableID:VariableID:1558:94786",
            "token": {
              "cssVar": "--color-grey-6",
              "figmaName": "UX/Grey/grey-6 #9E9E9E",
              "variableId": "VariableID:1558:94786",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "4187:8319",
        "4187:8320"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:47014",
      "name": "dark theme=on, status=default, enable=on, UX=hover, size=XL, feature=text count",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 100,
      "w": 240,
      "x": -1467,
      "y": -1413.8243408203125,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 24,
      "gap": 4,
      "r": 4,
      "layoutMode": "VERTICAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": null,
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#2fb54e",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#7b7b7b",
            "v": "VariableID:VariableID:1608:170962",
            "token": {
              "cssVar": "--color-grey-7",
              "figmaName": "UX/Grey/grey-7 #7B7B7B",
              "variableId": "VariableID:1608:170962",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "1858:46940",
        "1858:46941"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:47030",
      "name": "dark theme=off, status=default, enable=on, UX=hover, size=XL, feature=text count",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 100,
      "w": 240,
      "x": -1467,
      "y": -641.5482177734375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 24,
      "gap": 4,
      "r": 4,
      "layoutMode": "VERTICAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": null,
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#299f45",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#9e9e9e",
            "v": "VariableID:VariableID:1558:94786",
            "token": {
              "cssVar": "--color-grey-6",
              "figmaName": "UX/Grey/grey-6 #9E9E9E",
              "variableId": "VariableID:1558:94786",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "1858:46947",
        "1858:46948"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:47017",
      "name": "dark theme=on, status=default, enable=on, UX=click, size=XL, feature=text count",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 100,
      "w": 240,
      "x": -1467,
      "y": -1251.6702880859375,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 24,
      "gap": 4,
      "r": 4,
      "layoutMode": "VERTICAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": null,
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#2fb54e",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "|Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#7b7b7b",
            "v": "VariableID:VariableID:1608:170962",
            "token": {
              "cssVar": "--color-grey-7",
              "figmaName": "UX/Grey/grey-7 #7B7B7B",
              "variableId": "VariableID:1608:170962",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "1858:46954",
        "1858:46955"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:47033",
      "name": "dark theme=off, status=default, enable=on, UX=click, size=XL, feature=text count",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 100,
      "w": 240,
      "x": -1467,
      "y": -499.2313232421875,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 24,
      "gap": 4,
      "r": 4,
      "layoutMode": "VERTICAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": null,
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#299f45",
          "v": "VariableID:VariableID:1626:104889",
          "token": {
            "cssVar": "--brand",
            "figmaName": "UX/Brand/Brand",
            "variableId": "VariableID:1626:104889",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "|Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#9e9e9e",
            "v": "VariableID:VariableID:1558:94786",
            "token": {
              "cssVar": "--color-grey-6",
              "figmaName": "UX/Grey/grey-6 #9E9E9E",
              "variableId": "VariableID:1558:94786",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "1858:46961",
        "1858:46962"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:47011",
      "name": "dark theme=on, status=default, enable=off, UX=default, size=XL, feature=text count",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 100,
      "w": 240,
      "x": -1467,
      "y": -1568.07763671875,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 24,
      "gap": 4,
      "r": 4,
      "layoutMode": "VERTICAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": null,
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#595959",
          "v": "VariableID:VariableID:1558:94787",
          "token": {
            "cssVar": "--color-grey-8",
            "figmaName": "UX/Grey/grey-8 #595959",
            "variableId": "VariableID:1558:94787",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#595959",
            "v": "VariableID:VariableID:1558:94787",
            "token": {
              "cssVar": "--color-grey-8",
              "figmaName": "UX/Grey/grey-8 #595959",
              "variableId": "VariableID:1558:94787",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "1858:46968",
        "1858:46969"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    },
    {
      "id": "1858:47025",
      "name": "dark theme=off, status=default, enable=off, UX=default, size=XL, feature=text count",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 100,
      "w": 240,
      "x": -1467,
      "y": -786.4578857421875,
      "pH": 12,
      "pV": 8,
      "pR": 12,
      "pB": 24,
      "gap": 4,
      "r": 4,
      "layoutMode": "VERTICAL",
      "primaryAxisAlignItems": null,
      "counterAxisAlignItems": null,
      "fills": [],
      "strokes": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#cccccc",
          "v": "VariableID:VariableID:1558:94785",
          "token": {
            "cssVar": "--color-grey-5",
            "figmaName": "UX/Grey/grey-5 #CCCCCC",
            "variableId": "VariableID:1558:94785",
            "strategy": "normalized-variable-id"
          }
        }
      ],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Enter Content",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 400,
        "lineHeightPx": 21,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#cccccc",
            "v": "VariableID:VariableID:1558:94785",
            "token": {
              "cssVar": "--color-grey-5",
              "figmaName": "UX/Grey/grey-5 #CCCCCC",
              "variableId": "VariableID:1558:94785",
              "strategy": "normalized-variable-id"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "1858:46975",
        "1858:46976"
      ],
      "description": null,
      "componentSetId": "1818:8063",
      "componentPropertyReferences": null
    }
  ],
  "tokenizedAt": "2026-05-08T04:02:55.929Z",
  "tokenizationStrategy": "variable-id-first-then-hex-fallback",
  "source": {
    "sourceLayer": "figma-data/raw/components",
    "sourceFile": "figma-data/raw/components/input_box_line__1818_8063.json",
    "rawExtractedAt": "2026-05-08T03:56:19.856Z",
    "rawNodeId": "1818:8063",
    "rawSha256": "04cd2f9c93132d1e66ddffe28d6572fc15a8ccdd81a23da8899f76b4adc4ab01"
  }
}
