{ "extractedAt": "2026-05-08T03:56:19.856Z", "figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn", "figmaName": "input box/filled", "nodeId": "1436:32815", "type": "COMPONENT_SET", "pageId": "1421:35865", "pageName": "— — Input/Select box", "description": "", "key": "1f513914bde7e5e2844e785eefe427f0693f6d20", "variants": [ { "id": "1431:54604", "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": -5400.1455078125, "y": 370.687255859375, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:2611:57629", "token": { "cssVar": "--line-deep", "figmaName": "Color Type/Line/Deep Divider", "variableId": "VariableID:2611:57629", "strategy": "normalized-variable-id" } } ], "strokes": [], "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:2611:57611", "token": { "cssVar": "--text-placeholder", "figmaName": "Color Type/Text/Placeholder & Button", "variableId": "VariableID:2611:57611", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "4187:7940", "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": -5400.1455078125, "y": 530.5183715820312, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:2611:57629", "token": { "cssVar": "--line-deep", "figmaName": "Color Type/Line/Deep Divider", "variableId": "VariableID:2611:57629", "strategy": "normalized-variable-id" } } ], "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:2611:57611", "token": { "cssVar": "--text-placeholder", "figmaName": "Color Type/Text/Placeholder & Button", "variableId": "VariableID:2611:57611", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1436:31698", "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.1455078125, "y": 370.687255859375, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:1558:94789", "token": { "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "variableId": "VariableID:1558:94789", "strategy": "normalized-variable-id" } } ], "strokes": [], "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": "1436:32815", "componentPropertyReferences": null }, { "id": "4187:8055", "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.1455078125, "y": 530.5183715820312, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:1558:94789", "token": { "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "variableId": "VariableID:1558:94789", "strategy": "normalized-variable-id" } } ], "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": "1436:32815", "componentPropertyReferences": null }, { "id": "1431:54626", "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": -5400.1455078125, "y": 1226.5064697265625, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "strokes": [], "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": "1436:32815", "componentPropertyReferences": null }, { "id": "4187:8103", "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": -5400.1455078125, "y": 1366.75341796875, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "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": "1436:32815", "componentPropertyReferences": null }, { "id": "1436:31692", "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": -4814.1455078125, "y": 1226.5064697265625, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "strokes": [], "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": [ "I1436:31368;1277:159", "I1436:31368;1845:17670" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "4187:8106", "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": -4814.1455078125, "y": 1366.75341796875, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "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:8107;1277:159", "I4187:8107;1845:17670" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1436:31719", "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.1455078125, "y": 1226.5064697265625, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "strokes": [], "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": [ "I1436:31491;1277:159", "I1436:31491;1845:17670" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "4187:8151", "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.1455078125, "y": 1366.75341796875, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "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:8152;1277:159", "I4187:8152;1845:17670" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1436:31723", "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.1455078125, "y": 1226.5064697265625, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "strokes": [], "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": "1436:32815", "componentPropertyReferences": null }, { "id": "4187:8154", "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.1455078125, "y": 1366.75341796875, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "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": "1436:32815", "componentPropertyReferences": null }, { "id": "1431:54608", "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": -2072.1455078125, "y": 370.6871337890625, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 25, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:1558:94789", "token": { "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "variableId": "VariableID:1558:94789", "strategy": "normalized-variable-id" } } ], "strokes": [], "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": [ "1431:54451", "1431:54452" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "4187:8199", "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": -2072.1455078125, "y": 530.5183715820312, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 25, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:1558:94789", "token": { "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "variableId": "VariableID:1558:94789", "strategy": "normalized-variable-id" } } ], "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:8202", "4187:8203" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1431:54630", "name": "dark theme=off, status=default, enable=on, UX=default, size=XL, feature=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 100, "w": 240, "x": -2072.1455078125, "y": 1226.5064697265625, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 25, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "strokes": [], "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": [ "1431:54483", "1431:54484" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "4187:8247", "name": "dark theme=off, status=default, enable=on, UX=error, size=XL, feature=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 100, "w": 240, "x": -2072.1455078125, "y": 1366.75341796875, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 25, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "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:8250", "4187:8251" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1431:54611", "name": "dark theme=on, status=default, enable=off, UX=default, size=XL, feature=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 100, "w": 240, "x": -2072.1455078125, "y": 690.8040771484375, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 25, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:1558:94789", "token": { "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "variableId": "VariableID:1558:94789", "strategy": "normalized-variable-id" } } ], "strokes": [], "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": [ "1431:54475", "1431:54476" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1431:54633", "name": "dark theme=off, status=default, enable=off, UX=default, size=XL, feature=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 100, "w": 240, "x": -2072.1455078125, "y": 1543.9617919921875, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 25, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "SPACE_BETWEEN", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "strokes": [], "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": [ "1431:54487", "1431:54488" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1431:54618", "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": -2072, "y": 835.3895263671875, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 25, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:1558:94789", "token": { "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "variableId": "VariableID:1558:94789", "strategy": "normalized-variable-id" } } ], "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": [ "1431:54459", "1431:54460" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1431:54635", "name": "dark theme=off, status=default, enable=on, UX=hover, size=XL, feature=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 100, "w": 240, "x": -2072.1455078125, "y": 1671.5941162109375, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 25, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "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": [ "1431:54491", "1431:54492" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1431:54621", "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": -2072, "y": 974.3637084960938, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 25, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:1558:94789", "token": { "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "variableId": "VariableID:1558:94789", "strategy": "normalized-variable-id" } } ], "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": [ "1431:54467", "1431:54468" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1431:54637", "name": "dark theme=off, status=default, enable=on, UX=click, size=XL, feature=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 100, "w": 240, "x": -2072.1455078125, "y": 1790.4169921875, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 25, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "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": [ "1431:54495", "1431:54496" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1431:54609", "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": -1779.1455078125, "y": 370.6871337890625, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 25, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:1558:94789", "token": { "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "variableId": "VariableID:1558:94789", "strategy": "normalized-variable-id" } } ], "strokes": [], "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": [ "1536:5564", "1536:5565" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "4187:8204", "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": -1779.1455078125, "y": 530.5183715820312, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 25, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:1558:94789", "token": { "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "variableId": "VariableID:1558:94789", "strategy": "normalized-variable-id" } } ], "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:8207", "4187:8208" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1431:54631", "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": -1779.1455078125, "y": 1226.5064697265625, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 25, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "strokes": [], "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": [ "1431:54499", "1431:54500" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "4187:8252", "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": -1779.1455078125, "y": 1366.75341796875, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 25, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "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:8255", "4187:8256" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1431:54610", "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": -1779.1455078125, "y": 690.3494873046875, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 25, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:1558:94789", "token": { "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "variableId": "VariableID:1558:94789", "strategy": "normalized-variable-id" } } ], "strokes": [], "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": "#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": [ "1431:54479", "1431:54480" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1431:54632", "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": -1779.1455078125, "y": 1543.5072021484375, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 25, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "strokes": [], "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:2611:57610", "token": { "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "variableId": "VariableID:2611:57610", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "1431:54503", "1431:54504" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1431:54619", "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": -1779.1455078125, "y": 834.0767822265625, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 25, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:1558:94789", "token": { "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "variableId": "VariableID:1558:94789", "strategy": "normalized-variable-id" } } ], "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": [ "1431:54463", "1431:54464" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1431:54634", "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": -1779.1455078125, "y": 1671.1395263671875, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 25, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "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": [ "1431:54507", "1431:54508" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1431:54620", "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": -1779.1455078125, "y": 974.3235473632812, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 5, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:1558:94789", "token": { "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "variableId": "VariableID:1558:94789", "strategy": "normalized-variable-id" } } ], "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": [ "1431:54471", "1431:54472" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1431:54636", "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": -1779.1455078125, "y": 1789.96240234375, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 5, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "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": [ "1924:6429", "1924:6430" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1431:54605", "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": -5107.1455078125, "y": 370.8698425292969, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:2611:57629", "token": { "cssVar": "--line-deep", "figmaName": "Color Type/Line/Deep Divider", "variableId": "VariableID:2611:57629", "strategy": "normalized-variable-id" } } ], "strokes": [], "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:2611:57509", "token": { "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "variableId": "VariableID:2611:57509", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "4187:7943", "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": -5107.1455078125, "y": 530.5183715820312, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:2611:57629", "token": { "cssVar": "--line-deep", "figmaName": "Color Type/Line/Deep Divider", "variableId": "VariableID:2611:57629", "strategy": "normalized-variable-id" } } ], "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:2611:57509", "token": { "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "variableId": "VariableID:2611:57509", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1436:31699", "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.1455078125, "y": 370.6871337890625, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:1558:94789", "token": { "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "variableId": "VariableID:1558:94789", "strategy": "normalized-variable-id" } } ], "strokes": [], "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": "1436:32815", "componentPropertyReferences": null }, { "id": "4187:8058", "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.1455078125, "y": 530.5183715820312, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:1558:94789", "token": { "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "variableId": "VariableID:1558:94789", "strategy": "normalized-variable-id" } } ], "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": "1436:32815", "componentPropertyReferences": null }, { "id": "1431:54627", "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": -5107.1455078125, "y": 1226.5064697265625, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "strokes": [], "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": "1436:32815", "componentPropertyReferences": null }, { "id": "4187:8109", "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": -5107.1455078125, "y": 1366.75341796875, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "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": "1436:32815", "componentPropertyReferences": null }, { "id": "1436:31693", "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": -4521.1455078125, "y": 1226.5064697265625, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "strokes": [], "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": [ "I1436:31381;1277:159", "I1436:31381;1845:17670" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "4187:8112", "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": -4521.1455078125, "y": 1366.75341796875, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "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:8113;1277:159", "I4187:8113;1845:17670" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1436:31718", "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.1455078125, "y": 1226.5064697265625, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "strokes": [], "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": [ "I1436:31494;1277:159", "I1436:31494;1845:17670" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "4187:8157", "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.1455078125, "y": 1366.75341796875, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "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:8158;1277:159", "I4187:8158;1845:17670" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1436:31722", "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.1455078125, "y": 1226.5064697265625, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "strokes": [], "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": "1436:32815", "componentPropertyReferences": null }, { "id": "4187:8160", "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.1455078125, "y": 1366.75341796875, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "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": "1436:32815", "componentPropertyReferences": null }, { "id": "1436:31686", "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": -4814.1455078125, "y": 370.687255859375, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:2611:57629", "token": { "cssVar": "--line-deep", "figmaName": "Color Type/Line/Deep Divider", "variableId": "VariableID:2611:57629", "strategy": "normalized-variable-id" } } ], "strokes": [], "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:2611:57611", "token": { "cssVar": "--text-placeholder", "figmaName": "Color Type/Text/Placeholder & Button", "variableId": "VariableID:2611:57611", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1436:31248;1277:159", "I1436:31248;1845:17670" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "4187:7946", "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": -4814.1455078125, "y": 530.5183715820312, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:2611:57629", "token": { "cssVar": "--line-deep", "figmaName": "Color Type/Line/Deep Divider", "variableId": "VariableID:2611:57629", "strategy": "normalized-variable-id" } } ], "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:2611:57611", "token": { "cssVar": "--text-placeholder", "figmaName": "Color Type/Text/Placeholder & Button", "variableId": "VariableID:2611:57611", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I4187:7947;1277:159", "I4187:7947;1845:17670" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1436:31702", "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.1455078125, "y": 370.687255859375, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:1558:94789", "token": { "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "variableId": "VariableID:1558:94789", "strategy": "normalized-variable-id" } } ], "strokes": [], "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": [ "I1436:31497;1277:159", "I1436:31497;1845:17670" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "4187:8061", "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.1455078125, "y": 530.5183715820312, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:1558:94789", "token": { "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "variableId": "VariableID:1558:94789", "strategy": "normalized-variable-id" } } ], "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:8062;1277:159", "I4187:8062;1845:17670" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1436:31690", "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": -4814.1455078125, "y": 974.3235473632812, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:2611:57629", "token": { "cssVar": "--line-deep", "figmaName": "Color Type/Line/Deep Divider", "variableId": "VariableID:2611:57629", "strategy": "normalized-variable-id" } } ], "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:2611:57611", "token": { "cssVar": "--text-placeholder", "figmaName": "Color Type/Text/Placeholder & Button", "variableId": "VariableID:2611:57611", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1436:31276;1277:159", "I1436:31276;1845:17670" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1436:31716", "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.1455078125, "y": 974.3235473632812, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:1558:94789", "token": { "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "variableId": "VariableID:1558:94789", "strategy": "normalized-variable-id" } } ], "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": [ "I1436:31500;1277:159", "I1436:31500;1845:17670" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1436:31688", "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": -4814.1455078125, "y": 835.259033203125, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:2611:57629", "token": { "cssVar": "--line-deep", "figmaName": "Color Type/Line/Deep Divider", "variableId": "VariableID:2611:57629", "strategy": "normalized-variable-id" } } ], "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:2611:57611", "token": { "cssVar": "--text-placeholder", "figmaName": "Color Type/Text/Placeholder & Button", "variableId": "VariableID:2611:57611", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1436:31319;1277:159", "I1436:31319;1845:17670" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1436:31710", "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.1455078125, "y": 835.259033203125, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:1558:94789", "token": { "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "variableId": "VariableID:1558:94789", "strategy": "normalized-variable-id" } } ], "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": [ "I1436:31503;1277:159", "I1436:31503;1845:17670" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1436:31687", "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": -4521.1455078125, "y": 370.687255859375, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:2611:57629", "token": { "cssVar": "--line-deep", "figmaName": "Color Type/Line/Deep Divider", "variableId": "VariableID:2611:57629", "strategy": "normalized-variable-id" } } ], "strokes": [], "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:2611:57509", "token": { "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "variableId": "VariableID:2611:57509", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1436:31262;1277:159", "I1436:31262;1845:17670" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "4187:7949", "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": -4521.1455078125, "y": 530.5183715820312, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:2611:57629", "token": { "cssVar": "--line-deep", "figmaName": "Color Type/Line/Deep Divider", "variableId": "VariableID:2611:57629", "strategy": "normalized-variable-id" } } ], "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:2611:57509", "token": { "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "variableId": "VariableID:2611:57509", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I4187:7950;1277:159", "I4187:7950;1845:17670" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1436:31703", "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.1455078125, "y": 370.687255859375, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:1558:94789", "token": { "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "variableId": "VariableID:1558:94789", "strategy": "normalized-variable-id" } } ], "strokes": [], "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": [ "I1436:31506;1277:159", "I1436:31506;1845:17670" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "4187:8064", "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.1455078125, "y": 530.5183715820312, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:1558:94789", "token": { "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "variableId": "VariableID:1558:94789", "strategy": "normalized-variable-id" } } ], "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:8065;1277:159", "I4187:8065;1845:17670" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1436:31691", "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": -4521.1455078125, "y": 974.3235473632812, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:2611:57629", "token": { "cssVar": "--line-deep", "figmaName": "Color Type/Line/Deep Divider", "variableId": "VariableID:2611:57629", "strategy": "normalized-variable-id" } } ], "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:2611:57509", "token": { "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "variableId": "VariableID:2611:57509", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1436:31279;1277:159", "I1436:31279;1845:17670", "I1436:31303;1155:24587" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1436:31717", "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.1455078125, "y": 974.3235473632812, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:1558:94789", "token": { "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "variableId": "VariableID:1558:94789", "strategy": "normalized-variable-id" } } ], "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": [ "I1436:31509;1277:159", "I1436:31509;1845:17670", "I1436:31511;1155:24587" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1436:31689", "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": -4521.1455078125, "y": 835.259033203125, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:2611:57629", "token": { "cssVar": "--line-deep", "figmaName": "Color Type/Line/Deep Divider", "variableId": "VariableID:2611:57629", "strategy": "normalized-variable-id" } } ], "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:2611:57509", "token": { "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "variableId": "VariableID:2611:57509", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1436:31322;1277:159", "I1436:31322;1845:17670" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1436:31711", "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.1455078125, "y": 835.259033203125, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:1558:94789", "token": { "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "variableId": "VariableID:1558:94789", "strategy": "normalized-variable-id" } } ], "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": [ "I1436:31513;1277:159", "I1436:31513;1845:17670" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1431:54613", "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": -5400.1455078125, "y": 690.3494873046875, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:2611:57629", "token": { "cssVar": "--line-deep", "figmaName": "Color Type/Line/Deep Divider", "variableId": "VariableID:2611:57629", "strategy": "normalized-variable-id" } } ], "strokes": [], "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:2611:57612", "token": { "cssVar": "--text-disabled", "figmaName": "Color Type/Text/Disable", "variableId": "VariableID:2611:57612", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1436:31705", "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.1455078125, "y": 690.3494873046875, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:1558:94789", "token": { "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "variableId": "VariableID:1558:94789", "strategy": "normalized-variable-id" } } ], "strokes": [], "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": "1436:32815", "componentPropertyReferences": null }, { "id": "1431:54645", "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": -5400.1455078125, "y": 1543.9617919921875, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "strokes": [], "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": "1436:32815", "componentPropertyReferences": null }, { "id": "1436:31724", "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.1455078125, "y": 1543.9617919921875, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "strokes": [], "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": "1436:32815", "componentPropertyReferences": null }, { "id": "1431:54612", "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": -5107.1455078125, "y": 690.3494873046875, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:2611:57629", "token": { "cssVar": "--line-deep", "figmaName": "Color Type/Line/Deep Divider", "variableId": "VariableID:2611:57629", "strategy": "normalized-variable-id" } } ], "strokes": [], "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": "1436:32815", "componentPropertyReferences": null }, { "id": "1436:31704", "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.1455078125, "y": 690.3494873046875, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:1558:94789", "token": { "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "variableId": "VariableID:1558:94789", "strategy": "normalized-variable-id" } } ], "strokes": [], "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": "1436:32815", "componentPropertyReferences": null }, { "id": "1431:54642", "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": -5107.1455078125, "y": 1543.9617919921875, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "strokes": [], "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": "1436:32815", "componentPropertyReferences": null }, { "id": "1436:31725", "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.1455078125, "y": 1543.9617919921875, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "strokes": [], "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": "1436:32815", "componentPropertyReferences": null }, { "id": "1431:54614", "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": -5400.1455078125, "y": 835.259033203125, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:2611:57629", "token": { "cssVar": "--line-deep", "figmaName": "Color Type/Line/Deep Divider", "variableId": "VariableID:2611:57629", "strategy": "normalized-variable-id" } } ], "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:2611:57611", "token": { "cssVar": "--text-placeholder", "figmaName": "Color Type/Text/Placeholder & Button", "variableId": "VariableID:2611:57611", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1436:31706", "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.1455078125, "y": 835.259033203125, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:1558:94789", "token": { "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "variableId": "VariableID:1558:94789", "strategy": "normalized-variable-id" } } ], "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": "1436:32815", "componentPropertyReferences": null }, { "id": "1431:54646", "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": -5400.1455078125, "y": 1671.5941162109375, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "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": "1436:32815", "componentPropertyReferences": null }, { "id": "1436:31694", "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": -4814.1455078125, "y": 1671.5941162109375, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "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": [ "I1436:31438;1277:159", "I1436:31438;1845:17670" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1436:31727", "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.1455078125, "y": 1671.5941162109375, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "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": [ "I1436:31516;1277:159", "I1436:31516;1845:17670" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1436:31731", "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.1455078125, "y": 1671.5941162109375, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "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": "1436:32815", "componentPropertyReferences": null }, { "id": "1431:54625", "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": -5400.1455078125, "y": 974.3235473632812, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:2611:57629", "token": { "cssVar": "--line-deep", "figmaName": "Color Type/Line/Deep Divider", "variableId": "VariableID:2611:57629", "strategy": "normalized-variable-id" } } ], "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:2611:57611", "token": { "cssVar": "--text-placeholder", "figmaName": "Color Type/Text/Placeholder & Button", "variableId": "VariableID:2611:57611", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1436:31712", "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.1455078125, "y": 974.3235473632812, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:1558:94789", "token": { "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "variableId": "VariableID:1558:94789", "strategy": "normalized-variable-id" } } ], "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": "1436:32815", "componentPropertyReferences": null }, { "id": "1431:54647", "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": -5400.1455078125, "y": 1790.4169921875, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "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": "1436:32815", "componentPropertyReferences": null }, { "id": "1436:31696", "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": -4814.1455078125, "y": 1790.4169921875, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "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": [ "I1436:31464;1277:159", "I1436:31464;1845:17670" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1436:31736", "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.1455078125, "y": 1790.4169921875, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "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": [ "I1436:31519;1277:159", "I1436:31519;1845:17670" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1436:31732", "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.1455078125, "y": 1790.4169921875, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "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": "#444444", "v": "VariableID:VariableID:312:56351", "token": { "cssVar": "--text-2", "figmaName": null, "variableId": "VariableID:312:56351", "strategy": "direct-variable-id-map" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1431:54615", "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": -5107.1455078125, "y": 835.259033203125, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:2611:57629", "token": { "cssVar": "--line-deep", "figmaName": "Color Type/Line/Deep Divider", "variableId": "VariableID:2611:57629", "strategy": "normalized-variable-id" } } ], "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:2611:57509", "token": { "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "variableId": "VariableID:2611:57509", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1436:31707", "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.1455078125, "y": 835.259033203125, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:1558:94789", "token": { "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "variableId": "VariableID:1558:94789", "strategy": "normalized-variable-id" } } ], "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": "1436:32815", "componentPropertyReferences": null }, { "id": "1431:54643", "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": -5107.1455078125, "y": 1671.5941162109375, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "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": "1436:32815", "componentPropertyReferences": null }, { "id": "1436:31695", "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": -4521.1455078125, "y": 1671.5941162109375, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "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": [ "I1436:31451;1277:159", "I1436:31451;1845:17670" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1436:31726", "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.1455078125, "y": 1671.5941162109375, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "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": [ "I1436:31522;1277:159", "I1436:31522;1845:17670" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1436:31730", "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.1455078125, "y": 1671.5941162109375, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "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": "1436:32815", "componentPropertyReferences": null }, { "id": "1431:54624", "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": -5107.1455078125, "y": 974.3235473632812, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:2611:57629", "token": { "cssVar": "--line-deep", "figmaName": "Color Type/Line/Deep Divider", "variableId": "VariableID:2611:57629", "strategy": "normalized-variable-id" } } ], "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:2611:57509", "token": { "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "variableId": "VariableID:2611:57509", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1427:47691;1155:24587" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1436:31713", "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.1455078125, "y": 974.3235473632812, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:1558:94789", "token": { "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "variableId": "VariableID:1558:94789", "strategy": "normalized-variable-id" } } ], "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": [ "I1436:1504;1155:24587" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1431:54644", "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": -5107.1455078125, "y": 1790.4169921875, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "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": [ "I1427:47778;1155:24587" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1436:31697", "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": -4521.1455078125, "y": 1790.4169921875, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "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": [ "I1436:31477;1277:159", "I1436:31477;1845:17670", "I1436:31424;1155:24587" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1436:31737", "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.1455078125, "y": 1790.4169921875, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "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": [ "I1436:31525;1277:159", "I1436:31525;1845:17670", "I1436:31527;1155:24587" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1436:31733", "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.1455078125, "y": 1790.4169921875, "pH": 12, "pV": 8, "pR": 12, "pB": 8, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "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": [ "I1436:1441;1155:24587" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1536:5985", "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": -1205.1455078125, "y": 370.687255859375, "pH": 12, "pV": 8, "pR": 12, "pB": 24, "gap": 4, "r": 4, "layoutMode": "VERTICAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:1558:94789", "token": { "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "variableId": "VariableID:1558:94789", "strategy": "normalized-variable-id" } } ], "strokes": [], "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": [ "1536:5555", "1536:5556" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "4187:8209", "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": -1205.1455078125, "y": 530.5183715820312, "pH": 12, "pV": 8, "pR": 12, "pB": 24, "gap": 4, "r": 4, "layoutMode": "VERTICAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:1558:94789", "token": { "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "variableId": "VariableID:1558:94789", "strategy": "normalized-variable-id" } } ], "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:8214", "4187:8215" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1536:5992", "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": -1205.1455078125, "y": 1224.5064697265625, "pH": 12, "pV": 8, "pR": 12, "pB": 24, "gap": 4, "r": 4, "layoutMode": "VERTICAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "strokes": [], "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": [ "1536:5651", "1536:5652" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "4187:8257", "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": -1205.1455078125, "y": 1366.75341796875, "pH": 12, "pV": 8, "pR": 12, "pB": 24, "gap": 4, "r": 4, "layoutMode": "VERTICAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "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:8262", "4187:8263" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1536:5988", "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": -1205.1455078125, "y": 834.0767822265625, "pH": 12, "pV": 8, "pR": 12, "pB": 24, "gap": 4, "r": 4, "layoutMode": "VERTICAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:1558:94789", "token": { "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "variableId": "VariableID:1558:94789", "strategy": "normalized-variable-id" } } ], "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": [ "1536:5607", "1536:5608" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1536:5996", "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": -1205.1455078125, "y": 1669.1395263671875, "pH": 12, "pV": 8, "pR": 12, "pB": 24, "gap": 4, "r": 4, "layoutMode": "VERTICAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "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": [ "1536:5658", "1536:5659" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1536:5991", "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": -1205.1455078125, "y": 972.3235473632812, "pH": 12, "pV": 8, "pR": 12, "pB": 24, "gap": 4, "r": 4, "layoutMode": "VERTICAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:1558:94789", "token": { "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "variableId": "VariableID:1558:94789", "strategy": "normalized-variable-id" } } ], "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": [ "1536:5621", "1536:5622" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1536:5999", "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": -1205.1455078125, "y": 1787.96240234375, "pH": 12, "pV": 8, "pR": 12, "pB": 24, "gap": 4, "r": 4, "layoutMode": "VERTICAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "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": [ "1536:5667", "1536:5668" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1536:5986", "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": -1205.1455078125, "y": 690.3494873046875, "pH": 12, "pV": 8, "pR": 12, "pB": 24, "gap": 4, "r": 4, "layoutMode": "VERTICAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:1558:94789", "token": { "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "variableId": "VariableID:1558:94789", "strategy": "normalized-variable-id" } } ], "strokes": [], "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": "#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": [ "1536:5579", "1536:5580" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1536:5994", "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": -1205.1455078125, "y": 1541.5072021484375, "pH": 12, "pV": 8, "pR": 12, "pB": 24, "gap": 4, "r": 4, "layoutMode": "VERTICAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "strokes": [], "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:2611:57610", "token": { "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "variableId": "VariableID:2611:57610", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "1536:5674", "1536:5675" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1536:5984", "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": -1486.1455078125, "y": 370.687255859375, "pH": 12, "pV": 8, "pR": 12, "pB": 24, "gap": 4, "r": 4, "layoutMode": "VERTICAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:1558:94789", "token": { "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "variableId": "VariableID:1558:94789", "strategy": "normalized-variable-id" } } ], "strokes": [], "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": [ "1536:5572", "1536:5573" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "4187:8216", "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": -1486.1455078125, "y": 530.5183715820312, "pH": 12, "pV": 8, "pR": 12, "pB": 24, "gap": 4, "r": 4, "layoutMode": "VERTICAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:1558:94789", "token": { "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "variableId": "VariableID:1558:94789", "strategy": "normalized-variable-id" } } ], "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:8221", "4187:8222" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1536:5993", "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": -1486.1455078125, "y": 1224.5064697265625, "pH": 12, "pV": 8, "pR": 12, "pB": 24, "gap": 4, "r": 4, "layoutMode": "VERTICAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "strokes": [], "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": [ "1536:5681", "1536:5682" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "4187:8264", "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": -1486.1455078125, "y": 1366.75341796875, "pH": 12, "pV": 8, "pR": 12, "pB": 24, "gap": 4, "r": 4, "layoutMode": "VERTICAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "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:8269", "4187:8270" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1536:5989", "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": -1486.1455078125, "y": 834.0767822265625, "pH": 12, "pV": 8, "pR": 12, "pB": 24, "gap": 4, "r": 4, "layoutMode": "VERTICAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:1558:94789", "token": { "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "variableId": "VariableID:1558:94789", "strategy": "normalized-variable-id" } } ], "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": [ "1536:5614", "1536:5615" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1536:5997", "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": -1486.1455078125, "y": 1669.1395263671875, "pH": 12, "pV": 8, "pR": 12, "pB": 24, "gap": 4, "r": 4, "layoutMode": "VERTICAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "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": [ "1536:5688", "1536:5689" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1536:5990", "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": -1486.1455078125, "y": 972.3235473632812, "pH": 12, "pV": 8, "pR": 12, "pB": 24, "gap": 4, "r": 4, "layoutMode": "VERTICAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:1558:94789", "token": { "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "variableId": "VariableID:1558:94789", "strategy": "normalized-variable-id" } } ], "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": [ "1536:5628", "1536:5629" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1536:5998", "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": -1486.1455078125, "y": 1787.96240234375, "pH": 12, "pV": 8, "pR": 12, "pB": 24, "gap": 4, "r": 4, "layoutMode": "VERTICAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "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": [ "1536:5695", "1536:5696" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1536:5987", "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": -1486.1455078125, "y": 690.3494873046875, "pH": 12, "pV": 8, "pR": 12, "pB": 24, "gap": 4, "r": 4, "layoutMode": "VERTICAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:1558:94789", "token": { "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "variableId": "VariableID:1558:94789", "strategy": "normalized-variable-id" } } ], "strokes": [], "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": [ "1536:5586", "1536:5587" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null }, { "id": "1536:5995", "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": -1486.1455078125, "y": 1541.5072021484375, "pH": 12, "pV": 8, "pR": 12, "pB": 24, "gap": 4, "r": 4, "layoutMode": "VERTICAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "strokes": [], "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": [ "1536:5702", "1536:5703" ], "description": null, "componentSetId": "1436:32815", "componentPropertyReferences": null } ], "tokenizedAt": "2026-05-08T04:02:55.927Z", "tokenizationStrategy": "variable-id-first-then-hex-fallback", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/input_box_filled__1436_32815.json", "rawExtractedAt": "2026-05-08T03:56:19.856Z", "rawNodeId": "1436:32815", "rawSha256": "905d977c27ffb08be567965fa6dfbf0fc770904677a2a555d0aa9a2802600fff" } }