{ "extractedAt": "2026-05-08T03:56:19.826Z", "figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn", "figmaName": "Button/light M", "nodeId": "1545:47447", "type": "COMPONENT_SET", "pageId": "273:43547", "pageName": "— — Buttons", "description": "", "key": "7e9c96c604a49e90dbcc10814468deb6f3fc0482", "variants": [ { "id": "314:46878", "name": "icon=no, style=filling, color=green, status=default, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 74, "x": -17136, "y": 194, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46924", "name": "icon=no, style=filling, color=green, status=disable, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 74, "x": -17136, "y": 394, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46979", "name": "icon=no, style=filling, color=green, status=hover, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 74, "x": -17136, "y": 594, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#00ac39", "v": "VariableID:VariableID:1626:104892", "token": { "cssVar": "--brand-hover", "figmaName": "UX/Brand/Hover", "variableId": "VariableID:1626:104892", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46939", "name": "icon=no, style=filling, color=red, status=disable, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 74, "x": -17136, "y": 444, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46984", "name": "icon=no, style=filling, color=red, status=hover, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 74, "x": -17136, "y": 644, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#eb493a", "v": "VariableID:VariableID:1671:111625", "token": { "cssVar": "--red-hover", "figmaName": "UX/Red/Hover 1", "variableId": "VariableID:1671:111625", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46899", "name": "icon=no, style=filling, color=orange, status=default, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 74, "x": -17136, "y": 294, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46944", "name": "icon=no, style=filling, color=orange, status=disable, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 74, "x": -17136, "y": 494, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46999", "name": "icon=no, style=filling, color=orange, status=hover, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 74, "x": -17136, "y": 694, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e97413", "v": "VariableID:VariableID:1671:114768", "token": { "cssVar": "--orange-hover", "figmaName": "UX/Orange/Hover 1", "variableId": "VariableID:1671:114768", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46884", "name": "icon=no, style=filling, color=red, status=default, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 74, "x": -17136, "y": 244, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46904", "name": "icon=no, style=filling, color=gray 1, status=default, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 74, "x": -17136, "y": 344, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46959", "name": "icon=no, style=filling, color=gray 1, status=disable, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 74, "x": -17136, "y": 544, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "1545:47447", "componentPropertyReferences": null }, { "id": "314:47004", "name": "icon=no, style=filling, color=gray 1, status=hover, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 74, "x": -17136, "y": 744, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46900", "name": "icon=no, style=ghost, color=orange, status=default, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 74, "x": -17004, "y": 294, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46945", "name": "icon=no, style=ghost, color=orange, status=disable, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 74, "x": -17004, "y": 494, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:47000", "name": "icon=no, style=ghost, color=orange, status=hover, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 74, "x": -17004, "y": 694, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 0.15000000596046448, "blendMode": "NORMAL", "hex": "#e26601", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": null, "strategy": "hex-fallback" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } }, { "type": "SOLID", "visible": true, "opacity": 0.20000000298023224, "blendMode": "NORMAL", "hex": "#000000", "token": { "cssVar": "--text-heading", "figmaName": "Color Type/Text/Heading & Button", "variableId": null, "strategy": "hex-fallback" } } ], "v": null, "compositeToken": { "type": "color-mix", "description": "Derived from layered Figma text fills", "layers": [ { "cssVar": "--orange", "opacity": 1 }, { "cssVar": "--text-heading", "opacity": 0.20000000298023224 } ], "cssExpr": "color-mix(in srgb, var(--text-heading) 20%, var(--orange) 80%)" } }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46903", "name": "icon=no, style=ghost, color=gray 1, status=default, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 74, "x": -17004, "y": 344, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46960", "name": "icon=no, style=ghost, color=gray 1, status=disable, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 74, "x": -17004, "y": 544, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "1545:47447", "componentPropertyReferences": null }, { "id": "314:47003", "name": "icon=no, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 74, "x": -17004, "y": 744, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46880", "name": "icon=no, style=ghost, color=green, status=default, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 74, "x": -17004, "y": 194, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#33ab4f", "v": "VariableID:VariableID:312:56336", "token": { "cssVar": "--brand", "figmaName": null, "variableId": "VariableID:312:56336", "strategy": "direct-variable-id-map" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#33ab4f", "v": "VariableID:VariableID:312:56336", "token": { "cssVar": "--brand", "figmaName": null, "variableId": "VariableID:312:56336", "strategy": "direct-variable-id-map" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46923", "name": "icon=no, style=ghost, color=green, status=disable, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 74, "x": -17004, "y": 394, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46980", "name": "icon=no, style=ghost, color=green, status=hover, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 74, "x": -17004, "y": 594, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f1fbf3", "v": "VariableID:VariableID:1626:104890", "token": { "cssVar": "--brand-match", "figmaName": "UX/Brand/Match,Hover", "variableId": "VariableID:1626:104890", "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.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#299f45", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46883", "name": "icon=no, style=ghost, color=red, status=default, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 74, "x": -17004, "y": 244, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46940", "name": "icon=no, style=ghost, color=red, status=disable, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 74, "x": -17004, "y": 444, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46983", "name": "icon=no, style=ghost, color=red, status=hover, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 74, "x": -17004, "y": 644, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 0.15000000596046448, "blendMode": "NORMAL", "hex": "#dc2717", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": null, "strategy": "hex-fallback" } } ], "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.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46902", "name": "icon=no, style=rimeless, color=gray 1, status=default, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 74, "x": -16872, "y": 344, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46881", "name": "icon=no, style=rimeless, color=green, status=default, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 74, "x": -16872, "y": 194, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#33ab4f", "v": "VariableID:VariableID:312:56336", "token": { "cssVar": "--brand", "figmaName": null, "variableId": "VariableID:312:56336", "strategy": "direct-variable-id-map" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46882", "name": "icon=no, style=rimeless, color=red, status=default, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 74, "x": -16872, "y": 244, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46901", "name": "icon=no, style=rimeless, color=orange, status=default, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 74, "x": -16872, "y": 294, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46946", "name": "icon=no, style=rimeless, color=orange, status=disable, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 74, "x": -16872, "y": 494, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:47001", "name": "icon=no, style=rimeless, color=orange, status=hover, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 74, "x": -16872, "y": 694, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 0.15000000596046448, "blendMode": "NORMAL", "hex": "#e26601", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": null, "strategy": "hex-fallback" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } }, { "type": "SOLID", "visible": true, "opacity": 0.20000000298023224, "blendMode": "NORMAL", "hex": "#000000", "token": { "cssVar": "--text-heading", "figmaName": "Color Type/Text/Heading & Button", "variableId": null, "strategy": "hex-fallback" } } ], "v": null, "compositeToken": { "type": "color-mix", "description": "Derived from layered Figma text fills", "layers": [ { "cssVar": "--orange", "opacity": 1 }, { "cssVar": "--text-heading", "opacity": 0.20000000298023224 } ], "cssExpr": "color-mix(in srgb, var(--text-heading) 20%, var(--orange) 80%)" } }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46922", "name": "icon=no, style=rimeless, color=green, status=disable, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 74, "x": -16872, "y": 394, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46981", "name": "icon=no, style=rimeless, color=green, status=hover, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 74, "x": -16872, "y": 594, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f1fbf3", "v": "VariableID:VariableID:1626:104890", "token": { "cssVar": "--brand-match", "figmaName": "UX/Brand/Match,Hover", "variableId": "VariableID:1626:104890", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#299f45", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46941", "name": "icon=no, style=rimeless, color=red, status=disable, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 74, "x": -16872, "y": 444, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46982", "name": "icon=no, style=rimeless, color=red, status=hover, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 74, "x": -16872, "y": 644, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 0.15000000596046448, "blendMode": "NORMAL", "hex": "#dc2717", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": null, "strategy": "hex-fallback" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46961", "name": "icon=no, style=rimeless, color=gray 1, status=disable, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 74, "x": -16872, "y": 544, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "1545:47447", "componentPropertyReferences": null }, { "id": "314:47002", "name": "icon=no, style=rimeless, color=gray 1, status=hover, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 74, "x": -16872, "y": 744, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46874", "name": "icon=no, style=filling, color=green, status=default, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 76, "x": -16344, "y": 194, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46929", "name": "icon=no, style=filling, color=green, status=disable, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 76, "x": -16344, "y": 394, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46974", "name": "icon=no, style=filling, color=green, status=hover, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 76, "x": -16344, "y": 594, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#00ac39", "v": "VariableID:VariableID:1626:104892", "token": { "cssVar": "--brand-hover", "figmaName": "UX/Brand/Hover", "variableId": "VariableID:1626:104892", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46934", "name": "icon=no, style=filling, color=red, status=disable, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 76, "x": -16344, "y": 444, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46989", "name": "icon=no, style=filling, color=red, status=hover, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 76, "x": -16344, "y": 644, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#eb493a", "v": "VariableID:VariableID:1671:111625", "token": { "cssVar": "--red-hover", "figmaName": "UX/Red/Hover 1", "variableId": "VariableID:1671:111625", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46894", "name": "icon=no, style=filling, color=orange, status=default, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 76, "x": -16344, "y": 294, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46949", "name": "icon=no, style=filling, color=orange, status=disable, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 76, "x": -16344, "y": 494, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46994", "name": "icon=no, style=filling, color=orange, status=hover, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 76, "x": -16344, "y": 694, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e97413", "v": "VariableID:VariableID:1671:114768", "token": { "cssVar": "--orange-hover", "figmaName": "UX/Orange/Hover 1", "variableId": "VariableID:1671:114768", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46889", "name": "icon=no, style=filling, color=red, status=default, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 76, "x": -16344, "y": 244, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46909", "name": "icon=no, style=filling, color=gray 1, status=default, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 76, "x": -16344, "y": 344, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46954", "name": "icon=no, style=filling, color=gray 1, status=disable, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 76, "x": -16344, "y": 544, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "token": { "cssVar": "--bg-grey-btn-hv", "figmaName": "Color Type/Background/Hover Grey Button", "variableId": null, "strategy": "hex-fallback" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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", "token": { "cssVar": "--text-grey-dis", "figmaName": "Color Type/Text/Disable Grey Button", "variableId": null, "strategy": "hex-fallback" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:47009", "name": "icon=no, style=filling, color=gray 1, status=hover, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 76, "x": -16344, "y": 744, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46895", "name": "icon=no, style=ghost, color=orange, status=default, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 76, "x": -16205.08984375, "y": 294, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46948", "name": "icon=no, style=ghost, color=orange, status=disable, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 76, "x": -16205.08984375, "y": 494, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46995", "name": "icon=no, style=ghost, color=orange, status=hover, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 76, "x": -16205.08984375, "y": 694, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 0.15000000596046448, "blendMode": "NORMAL", "hex": "#e26601", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": null, "strategy": "hex-fallback" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } }, { "type": "SOLID", "visible": true, "opacity": 0.20000000298023224, "blendMode": "NORMAL", "hex": "#000000", "token": { "cssVar": "--text-heading", "figmaName": "Color Type/Text/Heading & Button", "variableId": null, "strategy": "hex-fallback" } } ], "v": null, "compositeToken": { "type": "color-mix", "description": "Derived from layered Figma text fills", "layers": [ { "cssVar": "--orange", "opacity": 1 }, { "cssVar": "--text-heading", "opacity": 0.20000000298023224 } ], "cssExpr": "color-mix(in srgb, var(--text-heading) 20%, var(--orange) 80%)" } }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46908", "name": "icon=no, style=ghost, color=gray 1, status=default, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 76, "x": -16205.08984375, "y": 344, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46955", "name": "icon=no, style=ghost, color=gray 1, status=disable, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 76, "x": -16205.08984375, "y": 544, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "token": { "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "variableId": null, "strategy": "hex-fallback" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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", "token": { "cssVar": "--text-grey-dis", "figmaName": "Color Type/Text/Disable Grey Button", "variableId": null, "strategy": "hex-fallback" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:47008", "name": "icon=no, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 76, "x": -16205.08984375, "y": 744, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46875", "name": "icon=no, style=ghost, color=green, status=default, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 76, "x": -16205.08984375, "y": 194, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#33ab4f", "v": "VariableID:VariableID:312:56336", "token": { "cssVar": "--brand", "figmaName": null, "variableId": "VariableID:312:56336", "strategy": "direct-variable-id-map" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#33ab4f", "v": "VariableID:VariableID:312:56336", "token": { "cssVar": "--brand", "figmaName": null, "variableId": "VariableID:312:56336", "strategy": "direct-variable-id-map" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46928", "name": "icon=no, style=ghost, color=green, status=disable, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 76, "x": -16205.08984375, "y": 394, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46975", "name": "icon=no, style=ghost, color=green, status=hover, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 76, "x": -16205.08984375, "y": 594, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f1fbf3", "v": "VariableID:VariableID:1626:104890", "token": { "cssVar": "--brand-match", "figmaName": "UX/Brand/Match,Hover", "variableId": "VariableID:1626:104890", "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.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#299f45", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46888", "name": "icon=no, style=ghost, color=red, status=default, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 76, "x": -16205.08984375, "y": 244, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46935", "name": "icon=no, style=ghost, color=red, status=disable, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 76, "x": -16205.08984375, "y": 444, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46988", "name": "icon=no, style=ghost, color=red, status=hover, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 76, "x": -16205.08984375, "y": 644, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 0.15000000596046448, "blendMode": "NORMAL", "hex": "#dc2717", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": null, "strategy": "hex-fallback" } } ], "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.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46907", "name": "icon=no, style=rimeless, color=gray 1, status=default, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 76, "x": -16065.76953125, "y": 344, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46876", "name": "icon=no, style=rimeless, color=green, status=default, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 76, "x": -16065.76953125, "y": 194, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#33ab4f", "v": "VariableID:VariableID:312:56336", "token": { "cssVar": "--brand", "figmaName": null, "variableId": "VariableID:312:56336", "strategy": "direct-variable-id-map" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46887", "name": "icon=no, style=rimeless, color=red, status=default, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 76, "x": -16065.76953125, "y": 244, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46896", "name": "icon=no, style=rimeless, color=orange, status=default, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 76, "x": -16065.76953125, "y": 294, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46947", "name": "icon=no, style=rimeless, color=orange, status=disable, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 76, "x": -16065.76953125, "y": 494, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46996", "name": "icon=no, style=rimeless, color=orange, status=hover, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 76, "x": -16065.76953125, "y": 694, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 0.15000000596046448, "blendMode": "NORMAL", "hex": "#e26601", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": null, "strategy": "hex-fallback" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } }, { "type": "SOLID", "visible": true, "opacity": 0.20000000298023224, "blendMode": "NORMAL", "hex": "#000000", "token": { "cssVar": "--text-heading", "figmaName": "Color Type/Text/Heading & Button", "variableId": null, "strategy": "hex-fallback" } } ], "v": null, "compositeToken": { "type": "color-mix", "description": "Derived from layered Figma text fills", "layers": [ { "cssVar": "--orange", "opacity": 1 }, { "cssVar": "--text-heading", "opacity": 0.20000000298023224 } ], "cssExpr": "color-mix(in srgb, var(--text-heading) 20%, var(--orange) 80%)" } }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46927", "name": "icon=no, style=rimeless, color=green, status=disable, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 76, "x": -16065.76953125, "y": 394, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46976", "name": "icon=no, style=rimeless, color=green, status=hover, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 76, "x": -16065.76953125, "y": 594, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f1fbf3", "v": "VariableID:VariableID:1626:104890", "token": { "cssVar": "--brand-match", "figmaName": "UX/Brand/Match,Hover", "variableId": "VariableID:1626:104890", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#299f45", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46936", "name": "icon=no, style=rimeless, color=red, status=disable, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 76, "x": -16065.76953125, "y": 444, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46987", "name": "icon=no, style=rimeless, color=red, status=hover, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 76, "x": -16065.76953125, "y": 644, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 0.15000000596046448, "blendMode": "NORMAL", "hex": "#dc2717", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": null, "strategy": "hex-fallback" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46956", "name": "icon=no, style=rimeless, color=gray 1, status=disable, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 76, "x": -16065.76953125, "y": 544, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "1545:47447", "componentPropertyReferences": null }, { "id": "314:47007", "name": "icon=no, style=rimeless, color=gray 1, status=hover, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 76, "x": -16065.76953125, "y": 744, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46872", "name": "icon=no, style=filling, color=green, status=default, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 84, "x": -15926.0390625, "y": 194, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46931", "name": "icon=no, style=filling, color=green, status=disable, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 84, "x": -15926.0390625, "y": 394, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46972", "name": "icon=no, style=filling, color=green, status=hover, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 84, "x": -15926.0390625, "y": 594, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#00ac39", "v": "VariableID:VariableID:1626:104892", "token": { "cssVar": "--brand-hover", "figmaName": "UX/Brand/Hover", "variableId": "VariableID:1626:104892", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46932", "name": "icon=no, style=filling, color=red, status=disable, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 84, "x": -15926.0390625, "y": 444, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46991", "name": "icon=no, style=filling, color=red, status=hover, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 84, "x": -15926.0390625, "y": 644, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#eb493a", "v": "VariableID:VariableID:1671:111625", "token": { "cssVar": "--red-hover", "figmaName": "UX/Red/Hover 1", "variableId": "VariableID:1671:111625", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46892", "name": "icon=no, style=filling, color=orange, status=default, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 84, "x": -15926.0390625, "y": 294, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46951", "name": "icon=no, style=filling, color=orange, status=disable, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 84, "x": -15926.0390625, "y": 494, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46992", "name": "icon=no, style=filling, color=orange, status=hover, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 84, "x": -15926.0390625, "y": 694, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e97413", "v": "VariableID:VariableID:1671:114768", "token": { "cssVar": "--orange-hover", "figmaName": "UX/Orange/Hover 1", "variableId": "VariableID:1671:114768", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46891", "name": "icon=no, style=filling, color=red, status=default, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 84, "x": -15926.0390625, "y": 244, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46911", "name": "icon=no, style=filling, color=gray 1, status=default, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 84, "x": -15926.0390625, "y": 344, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46952", "name": "icon=no, style=filling, color=gray 1, status=disable, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 84, "x": -15926.0390625, "y": 544, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "token": { "cssVar": "--bg-grey-btn-hv", "figmaName": "Color Type/Background/Hover Grey Button", "variableId": null, "strategy": "hex-fallback" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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", "token": { "cssVar": "--text-grey-dis", "figmaName": "Color Type/Text/Disable Grey Button", "variableId": null, "strategy": "hex-fallback" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:47011", "name": "icon=no, style=filling, color=gray 1, status=hover, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 84, "x": -15926.0390625, "y": 744, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46893", "name": "icon=no, style=ghost, color=orange, status=default, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 84, "x": -15787.5390625, "y": 294, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46950", "name": "icon=no, style=ghost, color=orange, status=disable, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 84, "x": -15787.5390625, "y": 494, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46993", "name": "icon=no, style=ghost, color=orange, status=hover, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 84, "x": -15787.5390625, "y": 694, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 0.15000000596046448, "blendMode": "NORMAL", "hex": "#e26601", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": null, "strategy": "hex-fallback" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } }, { "type": "SOLID", "visible": true, "opacity": 0.20000000298023224, "blendMode": "NORMAL", "hex": "#000000", "token": { "cssVar": "--text-heading", "figmaName": "Color Type/Text/Heading & Button", "variableId": null, "strategy": "hex-fallback" } } ], "v": null, "compositeToken": { "type": "color-mix", "description": "Derived from layered Figma text fills", "layers": [ { "cssVar": "--orange", "opacity": 1 }, { "cssVar": "--text-heading", "opacity": 0.20000000298023224 } ], "cssExpr": "color-mix(in srgb, var(--text-heading) 20%, var(--orange) 80%)" } }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46910", "name": "icon=no, style=ghost, color=gray 1, status=default, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 84, "x": -15787.5390625, "y": 344, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46953", "name": "icon=no, style=ghost, color=gray 1, status=disable, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 84, "x": -15787.5390625, "y": 544, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "token": { "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "variableId": null, "strategy": "hex-fallback" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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", "token": { "cssVar": "--text-grey-dis", "figmaName": "Color Type/Text/Disable Grey Button", "variableId": null, "strategy": "hex-fallback" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:47010", "name": "icon=no, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 84, "x": -15787.5390625, "y": 744, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46873", "name": "icon=no, style=ghost, color=green, status=default, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 84, "x": -15787.5390625, "y": 194, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#33ab4f", "v": "VariableID:VariableID:312:56336", "token": { "cssVar": "--brand", "figmaName": null, "variableId": "VariableID:312:56336", "strategy": "direct-variable-id-map" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#33ab4f", "v": "VariableID:VariableID:312:56336", "token": { "cssVar": "--brand", "figmaName": null, "variableId": "VariableID:312:56336", "strategy": "direct-variable-id-map" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46930", "name": "icon=no, style=ghost, color=green, status=disable, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 84, "x": -15787.5390625, "y": 394, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46973", "name": "icon=no, style=ghost, color=green, status=hover, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 84, "x": -15787.5390625, "y": 594, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f1fbf3", "v": "VariableID:VariableID:1626:104890", "token": { "cssVar": "--brand-match", "figmaName": "UX/Brand/Match,Hover", "variableId": "VariableID:1626:104890", "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.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#299f45", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46890", "name": "icon=no, style=ghost, color=red, status=default, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 84, "x": -15787.5390625, "y": 244, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46933", "name": "icon=no, style=ghost, color=red, status=disable, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 84, "x": -15787.5390625, "y": 444, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46990", "name": "icon=no, style=ghost, color=red, status=hover, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 84, "x": -15787.5390625, "y": 644, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 0.15000000596046448, "blendMode": "NORMAL", "hex": "#dc2717", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": null, "strategy": "hex-fallback" } } ], "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.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46877", "name": "icon=no, style=filling, color=green, status=default, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 82, "x": -16740, "y": 194, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46926", "name": "icon=no, style=filling, color=green, status=disable, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 82, "x": -16740, "y": 394, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46977", "name": "icon=no, style=filling, color=green, status=hover, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 82, "x": -16740, "y": 594, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#00ac39", "v": "VariableID:VariableID:1626:104892", "token": { "cssVar": "--brand-hover", "figmaName": "UX/Brand/Hover", "variableId": "VariableID:1626:104892", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46937", "name": "icon=no, style=filling, color=red, status=disable, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 82, "x": -16740, "y": 444, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46986", "name": "icon=no, style=filling, color=red, status=hover, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 82, "x": -16740, "y": 644, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#eb493a", "v": "VariableID:VariableID:1671:111625", "token": { "cssVar": "--red-hover", "figmaName": "UX/Red/Hover 1", "variableId": "VariableID:1671:111625", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46897", "name": "icon=no, style=filling, color=orange, status=default, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 82, "x": -16740, "y": 294, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46942", "name": "icon=no, style=filling, color=orange, status=disable, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 82, "x": -16740, "y": 494, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46997", "name": "icon=no, style=filling, color=orange, status=hover, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 82, "x": -16740, "y": 694, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e97413", "v": "VariableID:VariableID:1671:114768", "token": { "cssVar": "--orange-hover", "figmaName": "UX/Orange/Hover 1", "variableId": "VariableID:1671:114768", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46886", "name": "icon=no, style=filling, color=red, status=default, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 82, "x": -16740, "y": 244, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46906", "name": "icon=no, style=filling, color=gray 1, status=default, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 82, "x": -16740, "y": 344, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46957", "name": "icon=no, style=filling, color=gray 1, status=disable, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 82, "x": -16740, "y": 544, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "1545:47447", "componentPropertyReferences": null }, { "id": "314:47006", "name": "icon=no, style=filling, color=gray 1, status=hover, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 82, "x": -16740, "y": 744, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46898", "name": "icon=no, style=ghost, color=orange, status=default, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 82, "x": -16600, "y": 294, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46943", "name": "icon=no, style=ghost, color=orange, status=disable, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 82, "x": -16600, "y": 494, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46998", "name": "icon=no, style=ghost, color=orange, status=hover, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 82, "x": -16600, "y": 694, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 0.15000000596046448, "blendMode": "NORMAL", "hex": "#e26601", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": null, "strategy": "hex-fallback" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } }, { "type": "SOLID", "visible": true, "opacity": 0.20000000298023224, "blendMode": "NORMAL", "hex": "#000000", "token": { "cssVar": "--text-heading", "figmaName": "Color Type/Text/Heading & Button", "variableId": null, "strategy": "hex-fallback" } } ], "v": null, "compositeToken": { "type": "color-mix", "description": "Derived from layered Figma text fills", "layers": [ { "cssVar": "--orange", "opacity": 1 }, { "cssVar": "--text-heading", "opacity": 0.20000000298023224 } ], "cssExpr": "color-mix(in srgb, var(--text-heading) 20%, var(--orange) 80%)" } }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46905", "name": "icon=no, style=ghost, color=gray 1, status=default, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 82, "x": -16600, "y": 344, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46958", "name": "icon=no, style=ghost, color=gray 1, status=disable, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 82, "x": -16600, "y": 544, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "1545:47447", "componentPropertyReferences": null }, { "id": "314:47005", "name": "icon=no, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 82, "x": -16600, "y": 744, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46879", "name": "icon=no, style=ghost, color=green, status=default, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 82, "x": -16600, "y": 194, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#33ab4f", "v": "VariableID:VariableID:312:56336", "token": { "cssVar": "--brand", "figmaName": null, "variableId": "VariableID:312:56336", "strategy": "direct-variable-id-map" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#33ab4f", "v": "VariableID:VariableID:312:56336", "token": { "cssVar": "--brand", "figmaName": null, "variableId": "VariableID:312:56336", "strategy": "direct-variable-id-map" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46925", "name": "icon=no, style=ghost, color=green, status=disable, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 82, "x": -16600, "y": 394, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46978", "name": "icon=no, style=ghost, color=green, status=hover, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 82, "x": -16600, "y": 594, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f1fbf3", "v": "VariableID:VariableID:1626:104890", "token": { "cssVar": "--brand-match", "figmaName": "UX/Brand/Match,Hover", "variableId": "VariableID:1626:104890", "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.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#299f45", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46885", "name": "icon=no, style=ghost, color=red, status=default, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 82, "x": -16600, "y": 244, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46938", "name": "icon=no, style=ghost, color=red, status=disable, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 82, "x": -16600, "y": 444, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "314:46985", "name": "icon=no, style=ghost, color=red, status=hover, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 82, "x": -16600, "y": 644, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 0.15000000596046448, "blendMode": "NORMAL", "hex": "#dc2717", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": null, "strategy": "hex-fallback" } } ], "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.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:33", "name": "icon=right, style=filling, color=green, status=default, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17136, "y": 1191, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:9957;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:39", "name": "icon=right, style=filling, color=green, status=disable, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17136, "y": 1391, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": [ "I1416:9453;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:45", "name": "icon=right, style=filling, color=green, status=hover, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17136, "y": 1591, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#00ac39", "v": "VariableID:VariableID:1626:104892", "token": { "cssVar": "--brand-hover", "figmaName": "UX/Brand/Hover", "variableId": "VariableID:1626:104892", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:11973;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:51", "name": "icon=right, style=filling, color=red, status=disable, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17136, "y": 1441, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:11025;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:57", "name": "icon=right, style=filling, color=red, status=hover, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17136, "y": 1641, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#eb493a", "v": "VariableID:VariableID:1671:111625", "token": { "cssVar": "--red-hover", "figmaName": "UX/Red/Hover 1", "variableId": "VariableID:1671:111625", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:10353;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:63", "name": "icon=right, style=filling, color=orange, status=default, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17136, "y": 1291, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:10605;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:69", "name": "icon=right, style=filling, color=orange, status=disable, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17136, "y": 1491, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:11757;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:75", "name": "icon=right, style=filling, color=orange, status=hover, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17136, "y": 1691, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e97413", "v": "VariableID:VariableID:1671:114768", "token": { "cssVar": "--orange-hover", "figmaName": "UX/Orange/Hover 1", "variableId": "VariableID:1671:114768", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:11121;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:81", "name": "icon=right, style=filling, color=red, status=default, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17136, "y": 1241, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:7041;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:87", "name": "icon=right, style=filling, color=gray 1, status=default, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17136, "y": 1341, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:8793;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:93", "name": "icon=right, style=filling, color=gray 1, status=disable, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17136, "y": 1541, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": [ "I1416:11517;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:99", "name": "icon=right, style=filling, color=gray 1, status=hover, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17136, "y": 1741, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:9801;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:123", "name": "icon=right, style=ghost, color=orange, status=default, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17004, "y": 1291, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:9165;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:129", "name": "icon=right, style=ghost, color=orange, status=disable, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17004, "y": 1491, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:10005;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:135", "name": "icon=right, style=ghost, color=orange, status=hover, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17004, "y": 1691, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 0.15000000596046448, "blendMode": "NORMAL", "hex": "#e26601", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": null, "strategy": "hex-fallback" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } }, { "type": "SOLID", "visible": true, "opacity": 0.20000000298023224, "blendMode": "NORMAL", "hex": "#000000", "token": { "cssVar": "--text-heading", "figmaName": "Color Type/Text/Heading & Button", "variableId": null, "strategy": "hex-fallback" } } ], "v": null, "compositeToken": { "type": "color-mix", "description": "Derived from layered Figma text fills", "layers": [ { "cssVar": "--orange", "opacity": 1 }, { "cssVar": "--text-heading", "opacity": 0.20000000298023224 } ], "cssExpr": "color-mix(in srgb, var(--text-heading) 20%, var(--orange) 80%)" } }, "vectorNodeIds": [ "I1416:8925;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:159", "name": "icon=right, style=ghost, color=gray 1, status=default, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17004, "y": 1341, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:8541;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:165", "name": "icon=right, style=ghost, color=gray 1, status=disable, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17004, "y": 1541, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": [ "I1416:11037;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:171", "name": "icon=right, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17004, "y": 1741, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:10773;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:177", "name": "icon=right, style=ghost, color=green, status=default, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17004, "y": 1191, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#299f45", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#299f45", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:10161;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:183", "name": "icon=right, style=ghost, color=green, status=disable, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17004, "y": 1391, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:11421;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:191", "name": "icon=right, style=ghost, color=green, status=hover, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17004, "y": 1591, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f1fbf3", "v": "VariableID:VariableID:1626:104890", "token": { "cssVar": "--brand-match", "figmaName": "UX/Brand/Match,Hover", "variableId": "VariableID:1626:104890", "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.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#299f45", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:12045;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:197", "name": "icon=right, style=ghost, color=red, status=default, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17004, "y": 1241, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:11133;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:203", "name": "icon=right, style=ghost, color=red, status=disable, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17004, "y": 1441, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:8589;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:207", "name": "icon=right, style=ghost, color=red, status=hover, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17004, "y": 1641, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 0.15000000596046448, "blendMode": "NORMAL", "hex": "#dc2717", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": null, "strategy": "hex-fallback" } } ], "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.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:10113;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:213", "name": "icon=right, style=rimeless, color=gray 1, status=default, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -16872, "y": 1341, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:10785;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:219", "name": "icon=right, style=rimeless, color=green, status=default, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -16872, "y": 1191, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#299f45", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:10449;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:225", "name": "icon=right, style=rimeless, color=red, status=default, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -16872, "y": 1241, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:10533;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:237", "name": "icon=right, style=rimeless, color=orange, status=default, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -16872, "y": 1291, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:10413;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:245", "name": "icon=right, style=rimeless, color=orange, status=disable, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -16872, "y": 1491, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:9981;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:255", "name": "icon=right, style=rimeless, color=orange, status=hover, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -16872, "y": 1691, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 0.15000000596046448, "blendMode": "NORMAL", "hex": "#e26601", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": null, "strategy": "hex-fallback" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } }, { "type": "SOLID", "visible": true, "opacity": 0.20000000298023224, "blendMode": "NORMAL", "hex": "#000000", "token": { "cssVar": "--text-heading", "figmaName": "Color Type/Text/Heading & Button", "variableId": null, "strategy": "hex-fallback" } } ], "v": null, "compositeToken": { "type": "color-mix", "description": "Derived from layered Figma text fills", "layers": [ { "cssVar": "--orange", "opacity": 1 }, { "cssVar": "--text-heading", "opacity": 0.20000000298023224 } ], "cssExpr": "color-mix(in srgb, var(--text-heading) 20%, var(--orange) 80%)" } }, "vectorNodeIds": [ "I1416:10341;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:265", "name": "icon=right, style=rimeless, color=green, status=disable, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -16872, "y": 1391, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:10305;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:275", "name": "icon=right, style=rimeless, color=green, status=hover, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -16872, "y": 1591, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f1fbf3", "v": "VariableID:VariableID:1626:104890", "token": { "cssVar": "--brand-match", "figmaName": "UX/Brand/Match,Hover", "variableId": "VariableID:1626:104890", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#299f45", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:10185;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:285", "name": "icon=right, style=rimeless, color=red, status=disable, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -16872, "y": 1441, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:11601;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:295", "name": "icon=right, style=rimeless, color=red, status=hover, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -16872, "y": 1641, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 0.15000000596046448, "blendMode": "NORMAL", "hex": "#dc2717", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": null, "strategy": "hex-fallback" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:10149;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:305", "name": "icon=right, style=rimeless, color=gray 1, status=disable, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -16872, "y": 1541, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": [ "I1416:7497;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:313", "name": "icon=right, style=rimeless, color=gray 1, status=hover, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -16872, "y": 1741, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:11085;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:331", "name": "icon=right, style=filling, color=green, status=default, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16344, "y": 1191, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:9921;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:333", "name": "icon=right, style=filling, color=green, status=disable, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16344, "y": 1391, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": [ "I1416:9885;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:335", "name": "icon=right, style=filling, color=green, status=hover, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16344, "y": 1591, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#00ac39", "v": "VariableID:VariableID:1626:104892", "token": { "cssVar": "--brand-hover", "figmaName": "UX/Brand/Hover", "variableId": "VariableID:1626:104892", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:9849;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:337", "name": "icon=right, style=filling, color=red, status=disable, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16344, "y": 1441, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:12009;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:339", "name": "icon=right, style=filling, color=red, status=hover, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16344, "y": 1641, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#eb493a", "v": "VariableID:VariableID:1671:111625", "token": { "cssVar": "--red-hover", "figmaName": "UX/Red/Hover 1", "variableId": "VariableID:1671:111625", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:9825;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:341", "name": "icon=right, style=filling, color=orange, status=default, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16344, "y": 1291, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:10389;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:343", "name": "icon=right, style=filling, color=orange, status=disable, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16344, "y": 1491, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:12117;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:345", "name": "icon=right, style=filling, color=orange, status=hover, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16344, "y": 1691, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e97413", "v": "VariableID:VariableID:1671:114768", "token": { "cssVar": "--orange-hover", "figmaName": "UX/Orange/Hover 1", "variableId": "VariableID:1671:114768", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:9789;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:347", "name": "icon=right, style=filling, color=red, status=default, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16344, "y": 1241, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:9765;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:349", "name": "icon=right, style=filling, color=gray 1, status=default, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16344, "y": 1341, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:10101;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:351", "name": "icon=right, style=filling, color=gray 1, status=disable, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16344, "y": 1541, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": [ "I1416:7305;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:353", "name": "icon=right, style=filling, color=gray 1, status=hover, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16344, "y": 1741, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:7197;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:361", "name": "icon=right, style=ghost, color=orange, status=default, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16205.08984375, "y": 1291, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:9669;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:363", "name": "icon=right, style=ghost, color=orange, status=disable, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16205.08984375, "y": 1491, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:9549;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:365", "name": "icon=right, style=ghost, color=orange, status=hover, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16205.08984375, "y": 1691, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 0.15000000596046448, "blendMode": "NORMAL", "hex": "#e26601", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": null, "strategy": "hex-fallback" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } }, { "type": "SOLID", "visible": true, "opacity": 0.20000000298023224, "blendMode": "NORMAL", "hex": "#000000", "token": { "cssVar": "--text-heading", "figmaName": "Color Type/Text/Heading & Button", "variableId": null, "strategy": "hex-fallback" } } ], "v": null, "compositeToken": { "type": "color-mix", "description": "Derived from layered Figma text fills", "layers": [ { "cssVar": "--orange", "opacity": 1 }, { "cssVar": "--text-heading", "opacity": 0.20000000298023224 } ], "cssExpr": "color-mix(in srgb, var(--text-heading) 20%, var(--orange) 80%)" } }, "vectorNodeIds": [ "I1416:9525;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:373", "name": "icon=right, style=ghost, color=gray 1, status=default, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16205.08984375, "y": 1341, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:9729;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:375", "name": "icon=right, style=ghost, color=gray 1, status=disable, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16205.08984375, "y": 1541, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": [ "I1416:9501;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:377", "name": "icon=right, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16205.08984375, "y": 1741, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:9477;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:379", "name": "icon=right, style=ghost, color=green, status=default, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16205.08984375, "y": 1191, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#299f45", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#299f45", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:10737;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:381", "name": "icon=right, style=ghost, color=green, status=disable, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16205.08984375, "y": 1391, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:11661;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:383", "name": "icon=right, style=ghost, color=green, status=hover, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16205.08984375, "y": 1591, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f1fbf3", "v": "VariableID:VariableID:1626:104890", "token": { "cssVar": "--brand-match", "figmaName": "UX/Brand/Match,Hover", "variableId": "VariableID:1626:104890", "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.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#299f45", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:7365;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:385", "name": "icon=right, style=ghost, color=red, status=default, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16205.08984375, "y": 1241, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:9441;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:387", "name": "icon=right, style=ghost, color=red, status=disable, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16205.08984375, "y": 1441, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:9741;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:389", "name": "icon=right, style=ghost, color=red, status=hover, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16205.08984375, "y": 1641, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 0.15000000596046448, "blendMode": "NORMAL", "hex": "#dc2717", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": null, "strategy": "hex-fallback" } } ], "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.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:9405;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:391", "name": "icon=right, style=rimeless, color=gray 1, status=default, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16065.76953125, "y": 1341, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:8877;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:393", "name": "icon=right, style=rimeless, color=green, status=default, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16065.76953125, "y": 1191, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#299f45", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:7569;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:395", "name": "icon=right, style=rimeless, color=red, status=default, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16065.76953125, "y": 1241, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:9345;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:399", "name": "icon=right, style=rimeless, color=orange, status=default, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16065.76953125, "y": 1291, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:9321;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:401", "name": "icon=right, style=rimeless, color=orange, status=disable, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16065.76953125, "y": 1491, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:11433;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:405", "name": "icon=right, style=rimeless, color=orange, status=hover, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16065.76953125, "y": 1691, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 0.15000000596046448, "blendMode": "NORMAL", "hex": "#e26601", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": null, "strategy": "hex-fallback" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } }, { "type": "SOLID", "visible": true, "opacity": 0.20000000298023224, "blendMode": "NORMAL", "hex": "#000000", "token": { "cssVar": "--text-heading", "figmaName": "Color Type/Text/Heading & Button", "variableId": null, "strategy": "hex-fallback" } } ], "v": null, "compositeToken": { "type": "color-mix", "description": "Derived from layered Figma text fills", "layers": [ { "cssVar": "--orange", "opacity": 1 }, { "cssVar": "--text-heading", "opacity": 0.20000000298023224 } ], "cssExpr": "color-mix(in srgb, var(--text-heading) 20%, var(--orange) 80%)" } }, "vectorNodeIds": [ "I1416:11925;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:409", "name": "icon=right, style=rimeless, color=green, status=disable, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16065.76953125, "y": 1391, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:8937;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:413", "name": "icon=right, style=rimeless, color=green, status=hover, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16065.76953125, "y": 1591, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f1fbf3", "v": "VariableID:VariableID:1626:104890", "token": { "cssVar": "--brand-match", "figmaName": "UX/Brand/Match,Hover", "variableId": "VariableID:1626:104890", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#299f45", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:9597;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:417", "name": "icon=right, style=rimeless, color=red, status=disable, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16065.76953125, "y": 1441, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:9285;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:421", "name": "icon=right, style=rimeless, color=red, status=hover, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16065.76953125, "y": 1641, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 0.15000000596046448, "blendMode": "NORMAL", "hex": "#dc2717", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": null, "strategy": "hex-fallback" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:9705;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:425", "name": "icon=right, style=rimeless, color=gray 1, status=disable, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16065.76953125, "y": 1541, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": [ "I1416:9273;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:429", "name": "icon=right, style=rimeless, color=gray 1, status=hover, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16065.76953125, "y": 1741, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:8733;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:921", "name": "icon=right, style=filling, color=green, status=default, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15926.0390625, "y": 1191, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:6705;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:923", "name": "icon=right, style=filling, color=green, status=disable, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15926.0390625, "y": 1391, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": [ "I1416:8217;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:925", "name": "icon=right, style=filling, color=green, status=hover, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15926.0390625, "y": 1591, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#00ac39", "v": "VariableID:VariableID:1626:104892", "token": { "cssVar": "--brand-hover", "figmaName": "UX/Brand/Hover", "variableId": "VariableID:1626:104892", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:8745;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:927", "name": "icon=right, style=filling, color=red, status=disable, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15926.0390625, "y": 1441, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:12129;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:929", "name": "icon=right, style=filling, color=red, status=hover, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15926.0390625, "y": 1641, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#eb493a", "v": "VariableID:VariableID:1671:111625", "token": { "cssVar": "--red-hover", "figmaName": "UX/Red/Hover 1", "variableId": "VariableID:1671:111625", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:10053;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:931", "name": "icon=right, style=filling, color=orange, status=default, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15926.0390625, "y": 1291, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:6681;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:933", "name": "icon=right, style=filling, color=orange, status=disable, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15926.0390625, "y": 1491, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:8037;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:935", "name": "icon=right, style=filling, color=orange, status=hover, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15926.0390625, "y": 1691, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e97413", "v": "VariableID:VariableID:1671:114768", "token": { "cssVar": "--orange-hover", "figmaName": "UX/Orange/Hover 1", "variableId": "VariableID:1671:114768", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:10977;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:937", "name": "icon=right, style=filling, color=red, status=default, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15926.0390625, "y": 1241, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:11337;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:939", "name": "icon=right, style=filling, color=gray 1, status=default, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15926.0390625, "y": 1341, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:10953;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:941", "name": "icon=right, style=filling, color=gray 1, status=disable, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15926.0390625, "y": 1541, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": [ "I1416:11829;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:943", "name": "icon=right, style=filling, color=gray 1, status=hover, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15926.0390625, "y": 1741, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:6669;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:951", "name": "icon=right, style=ghost, color=orange, status=default, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15787.5390625, "y": 1291, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:12237;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:953", "name": "icon=right, style=ghost, color=orange, status=disable, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15787.5390625, "y": 1491, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:6621;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:955", "name": "icon=right, style=ghost, color=orange, status=hover, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15787.5390625, "y": 1691, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 0.15000000596046448, "blendMode": "NORMAL", "hex": "#e26601", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": null, "strategy": "hex-fallback" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } }, { "type": "SOLID", "visible": true, "opacity": 0.20000000298023224, "blendMode": "NORMAL", "hex": "#000000", "token": { "cssVar": "--text-heading", "figmaName": "Color Type/Text/Heading & Button", "variableId": null, "strategy": "hex-fallback" } } ], "v": null, "compositeToken": { "type": "color-mix", "description": "Derived from layered Figma text fills", "layers": [ { "cssVar": "--orange", "opacity": 1 }, { "cssVar": "--text-heading", "opacity": 0.20000000298023224 } ], "cssExpr": "color-mix(in srgb, var(--text-heading) 20%, var(--orange) 80%)" } }, "vectorNodeIds": [ "I1416:6609;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:963", "name": "icon=right, style=ghost, color=gray 1, status=default, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15787.5390625, "y": 1341, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:6561;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:965", "name": "icon=right, style=ghost, color=gray 1, status=disable, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15787.5390625, "y": 1541, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": [ "I1416:6549;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:967", "name": "icon=right, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15787.5390625, "y": 1741, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:19779;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:969", "name": "icon=right, style=ghost, color=green, status=default, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15787.5390625, "y": 1191, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#299f45", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#299f45", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:6537;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:971", "name": "icon=right, style=ghost, color=green, status=disable, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15787.5390625, "y": 1391, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:6525;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:973", "name": "icon=right, style=ghost, color=green, status=hover, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15787.5390625, "y": 1591, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f1fbf3", "v": "VariableID:VariableID:1626:104890", "token": { "cssVar": "--brand-match", "figmaName": "UX/Brand/Match,Hover", "variableId": "VariableID:1626:104890", "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.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#299f45", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:6501;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:975", "name": "icon=right, style=ghost, color=red, status=default, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15787.5390625, "y": 1241, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:10377;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:977", "name": "icon=right, style=ghost, color=red, status=disable, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15787.5390625, "y": 1441, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:6489;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:979", "name": "icon=right, style=ghost, color=red, status=hover, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15787.5390625, "y": 1641, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 0.15000000596046448, "blendMode": "NORMAL", "hex": "#dc2717", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": null, "strategy": "hex-fallback" } } ], "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.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:7533;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:1103", "name": "icon=right, style=filling, color=green, status=default, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16740, "y": 1191, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:6981;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:1107", "name": "icon=right, style=filling, color=green, status=disable, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16740, "y": 1391, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": [ "I1416:5853;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:1111", "name": "icon=right, style=filling, color=green, status=hover, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16740, "y": 1591, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#00ac39", "v": "VariableID:VariableID:1626:104892", "token": { "cssVar": "--brand-hover", "figmaName": "UX/Brand/Hover", "variableId": "VariableID:1626:104892", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:6465;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:1115", "name": "icon=right, style=filling, color=red, status=disable, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16740, "y": 1441, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:5805;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:1119", "name": "icon=right, style=filling, color=red, status=hover, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16740, "y": 1641, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#eb493a", "v": "VariableID:VariableID:1671:111625", "token": { "cssVar": "--red-hover", "figmaName": "UX/Red/Hover 1", "variableId": "VariableID:1671:111625", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:5781;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:1123", "name": "icon=right, style=filling, color=orange, status=default, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16740, "y": 1291, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:11997;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:1127", "name": "icon=right, style=filling, color=orange, status=disable, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16740, "y": 1491, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:11229;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:1131", "name": "icon=right, style=filling, color=orange, status=hover, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16740, "y": 1691, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e97413", "v": "VariableID:VariableID:1671:114768", "token": { "cssVar": "--orange-hover", "figmaName": "UX/Orange/Hover 1", "variableId": "VariableID:1671:114768", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:5757;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:1135", "name": "icon=right, style=filling, color=red, status=default, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16740, "y": 1241, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:10089;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:1139", "name": "icon=right, style=filling, color=gray 1, status=default, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16740, "y": 1341, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:5721;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:1143", "name": "icon=right, style=filling, color=gray 1, status=disable, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16740, "y": 1541, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": [ "I1416:5697;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:1147", "name": "icon=right, style=filling, color=gray 1, status=hover, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16740, "y": 1741, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:5673;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:1163", "name": "icon=right, style=ghost, color=orange, status=default, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16600, "y": 1291, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:5589;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:1167", "name": "icon=right, style=ghost, color=orange, status=disable, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16600, "y": 1491, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:5577;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:1171", "name": "icon=right, style=ghost, color=orange, status=hover, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16600, "y": 1691, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 0.15000000596046448, "blendMode": "NORMAL", "hex": "#e26601", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": null, "strategy": "hex-fallback" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } }, { "type": "SOLID", "visible": true, "opacity": 0.20000000298023224, "blendMode": "NORMAL", "hex": "#000000", "token": { "cssVar": "--text-heading", "figmaName": "Color Type/Text/Heading & Button", "variableId": null, "strategy": "hex-fallback" } } ], "v": null, "compositeToken": { "type": "color-mix", "description": "Derived from layered Figma text fills", "layers": [ { "cssVar": "--orange", "opacity": 1 }, { "cssVar": "--text-heading", "opacity": 0.20000000298023224 } ], "cssExpr": "color-mix(in srgb, var(--text-heading) 20%, var(--orange) 80%)" } }, "vectorNodeIds": [ "I1416:7701;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:1187", "name": "icon=right, style=ghost, color=gray 1, status=default, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16600, "y": 1341, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:7797;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:1191", "name": "icon=right, style=ghost, color=gray 1, status=disable, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16600, "y": 1541, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": [ "I1416:5517;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:1195", "name": "icon=right, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16600, "y": 1741, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:5505;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:1197", "name": "icon=right, style=ghost, color=green, status=default, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16600, "y": 1191, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#299f45", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#299f45", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:5493;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:1201", "name": "icon=right, style=ghost, color=green, status=disable, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16600, "y": 1391, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:6309;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:1205", "name": "icon=right, style=ghost, color=green, status=hover, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16600, "y": 1591, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f1fbf3", "v": "VariableID:VariableID:1626:104890", "token": { "cssVar": "--brand-match", "figmaName": "UX/Brand/Match,Hover", "variableId": "VariableID:1626:104890", "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.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#299f45", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:11889;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:1211", "name": "icon=right, style=ghost, color=red, status=default, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16600, "y": 1241, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:9129;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:1215", "name": "icon=right, style=ghost, color=red, status=disable, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16600, "y": 1441, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:9645;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "330:1219", "name": "icon=right, style=ghost, color=red, status=hover, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16600, "y": 1641, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 0.15000000596046448, "blendMode": "NORMAL", "hex": "#dc2717", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": null, "strategy": "hex-fallback" } } ], "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.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1416:6225;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20198", "name": "icon=left, style=filling, color=green, status=default, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16344, "y": 2212, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20200;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20201", "name": "icon=left, style=filling, color=green, status=disable, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16344, "y": 2412, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": [ "I1421:20203;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20204", "name": "icon=left, style=filling, color=green, status=hover, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16344, "y": 2612, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#00ac39", "v": "VariableID:VariableID:1626:104892", "token": { "cssVar": "--brand-hover", "figmaName": "UX/Brand/Hover", "variableId": "VariableID:1626:104892", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20206;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20207", "name": "icon=left, style=filling, color=red, status=disable, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16344, "y": 2462, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20209;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20210", "name": "icon=left, style=filling, color=red, status=hover, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16344, "y": 2662, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#eb493a", "v": "VariableID:VariableID:1671:111625", "token": { "cssVar": "--red-hover", "figmaName": "UX/Red/Hover 1", "variableId": "VariableID:1671:111625", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20212;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20213", "name": "icon=left, style=filling, color=orange, status=default, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16344, "y": 2312, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20215;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20216", "name": "icon=left, style=filling, color=orange, status=disable, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16344, "y": 2512, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20218;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20219", "name": "icon=left, style=filling, color=orange, status=hover, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16344, "y": 2712, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e97413", "v": "VariableID:VariableID:1671:114768", "token": { "cssVar": "--orange-hover", "figmaName": "UX/Orange/Hover 1", "variableId": "VariableID:1671:114768", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20221;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20222", "name": "icon=left, style=filling, color=red, status=default, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16344, "y": 2262, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20224;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20225", "name": "icon=left, style=filling, color=gray 1, status=default, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16344, "y": 2362, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20227;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20228", "name": "icon=left, style=filling, color=gray 1, status=disable, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16344, "y": 2562, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": [ "I1421:20230;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20231", "name": "icon=left, style=filling, color=gray 1, status=hover, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16344, "y": 2762, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20233;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20243", "name": "icon=left, style=ghost, color=orange, status=default, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16205.08984375, "y": 2312, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20245;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20246", "name": "icon=left, style=ghost, color=orange, status=disable, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16205.08984375, "y": 2512, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20248;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20249", "name": "icon=left, style=ghost, color=orange, status=hover, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16205.08984375, "y": 2712, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 0.15000000596046448, "blendMode": "NORMAL", "hex": "#e26601", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": null, "strategy": "hex-fallback" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } }, { "type": "SOLID", "visible": true, "opacity": 0.20000000298023224, "blendMode": "NORMAL", "hex": "#000000", "token": { "cssVar": "--text-heading", "figmaName": "Color Type/Text/Heading & Button", "variableId": null, "strategy": "hex-fallback" } } ], "v": null, "compositeToken": { "type": "color-mix", "description": "Derived from layered Figma text fills", "layers": [ { "cssVar": "--orange", "opacity": 1 }, { "cssVar": "--text-heading", "opacity": 0.20000000298023224 } ], "cssExpr": "color-mix(in srgb, var(--text-heading) 20%, var(--orange) 80%)" } }, "vectorNodeIds": [ "I1421:20251;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20261", "name": "icon=left, style=ghost, color=gray 1, status=default, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16205.08984375, "y": 2362, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20263;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20264", "name": "icon=left, style=ghost, color=gray 1, status=disable, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16205.08984375, "y": 2562, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": [ "I1421:20266;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20267", "name": "icon=left, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16205.08984375, "y": 2762, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20269;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20270", "name": "icon=left, style=ghost, color=green, status=default, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16205.08984375, "y": 2212, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#299f45", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#299f45", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20272;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20273", "name": "icon=left, style=ghost, color=green, status=disable, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16205.08984375, "y": 2412, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20275;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20276", "name": "icon=left, style=ghost, color=green, status=hover, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16205.08984375, "y": 2612, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f1fbf3", "v": "VariableID:VariableID:1626:104890", "token": { "cssVar": "--brand-match", "figmaName": "UX/Brand/Match,Hover", "variableId": "VariableID:1626:104890", "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.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#299f45", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20278;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20279", "name": "icon=left, style=ghost, color=red, status=default, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16205.08984375, "y": 2262, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20281;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20282", "name": "icon=left, style=ghost, color=red, status=disable, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16205.08984375, "y": 2462, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20284;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20285", "name": "icon=left, style=ghost, color=red, status=hover, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16205.08984375, "y": 2662, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 0.15000000596046448, "blendMode": "NORMAL", "hex": "#dc2717", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": null, "strategy": "hex-fallback" } } ], "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.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20287;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20288", "name": "icon=left, style=rimeless, color=gray 1, status=default, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16065.76953125, "y": 2362, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20290;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20291", "name": "icon=left, style=rimeless, color=green, status=default, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16065.76953125, "y": 2212, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#299f45", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20293;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20294", "name": "icon=left, style=rimeless, color=red, status=default, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16065.76953125, "y": 2262, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20296;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20300", "name": "icon=left, style=rimeless, color=orange, status=default, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16065.76953125, "y": 2312, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20302;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20303", "name": "icon=left, style=rimeless, color=orange, status=disable, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16065.76953125, "y": 2512, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20305;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20306", "name": "icon=left, style=rimeless, color=orange, status=hover, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16065.76953125, "y": 2712, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 0.15000000596046448, "blendMode": "NORMAL", "hex": "#e26601", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": null, "strategy": "hex-fallback" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } }, { "type": "SOLID", "visible": true, "opacity": 0.20000000298023224, "blendMode": "NORMAL", "hex": "#000000", "token": { "cssVar": "--text-heading", "figmaName": "Color Type/Text/Heading & Button", "variableId": null, "strategy": "hex-fallback" } } ], "v": null, "compositeToken": { "type": "color-mix", "description": "Derived from layered Figma text fills", "layers": [ { "cssVar": "--orange", "opacity": 1 }, { "cssVar": "--text-heading", "opacity": 0.20000000298023224 } ], "cssExpr": "color-mix(in srgb, var(--text-heading) 20%, var(--orange) 80%)" } }, "vectorNodeIds": [ "I1421:20308;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20309", "name": "icon=left, style=rimeless, color=green, status=disable, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16065.76953125, "y": 2412, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20311;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20312", "name": "icon=left, style=rimeless, color=green, status=hover, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16065.76953125, "y": 2612, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f1fbf3", "v": "VariableID:VariableID:1626:104890", "token": { "cssVar": "--brand-match", "figmaName": "UX/Brand/Match,Hover", "variableId": "VariableID:1626:104890", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#299f45", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20314;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20315", "name": "icon=left, style=rimeless, color=red, status=disable, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16065.76953125, "y": 2462, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20317;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20318", "name": "icon=left, style=rimeless, color=red, status=hover, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16065.76953125, "y": 2662, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 0.15000000596046448, "blendMode": "NORMAL", "hex": "#dc2717", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": null, "strategy": "hex-fallback" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20320;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20321", "name": "icon=left, style=rimeless, color=gray 1, status=disable, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16065.76953125, "y": 2562, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": [ "I1421:20323;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20324", "name": "icon=left, style=rimeless, color=gray 1, status=hover, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16065.76953125, "y": 2762, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20326;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20963", "name": "icon=left, style=filling, color=green, status=default, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15926.0390625, "y": 2212, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20965;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20966", "name": "icon=left, style=filling, color=green, status=disable, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15926.0390625, "y": 2412, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": [ "I1421:20968;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20969", "name": "icon=left, style=filling, color=green, status=hover, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15926.0390625, "y": 2612, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#00ac39", "v": "VariableID:VariableID:1626:104892", "token": { "cssVar": "--brand-hover", "figmaName": "UX/Brand/Hover", "variableId": "VariableID:1626:104892", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20971;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20972", "name": "icon=left, style=filling, color=red, status=disable, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15926.0390625, "y": 2462, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20974;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20975", "name": "icon=left, style=filling, color=red, status=hover, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15926.0390625, "y": 2662, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#eb493a", "v": "VariableID:VariableID:1671:111625", "token": { "cssVar": "--red-hover", "figmaName": "UX/Red/Hover 1", "variableId": "VariableID:1671:111625", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20977;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20978", "name": "icon=left, style=filling, color=orange, status=default, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15926.0390625, "y": 2312, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20980;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20981", "name": "icon=left, style=filling, color=orange, status=disable, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15926.0390625, "y": 2512, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20983;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20984", "name": "icon=left, style=filling, color=orange, status=hover, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15926.0390625, "y": 2712, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e97413", "v": "VariableID:VariableID:1671:114768", "token": { "cssVar": "--orange-hover", "figmaName": "UX/Orange/Hover 1", "variableId": "VariableID:1671:114768", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20986;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20987", "name": "icon=left, style=filling, color=red, status=default, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15926.0390625, "y": 2262, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20989;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20990", "name": "icon=left, style=filling, color=gray 1, status=default, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15926.0390625, "y": 2362, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20992;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20993", "name": "icon=left, style=filling, color=gray 1, status=disable, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15926.0390625, "y": 2562, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": [ "I1421:20995;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20996", "name": "icon=left, style=filling, color=gray 1, status=hover, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15926.0390625, "y": 2762, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20998;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:21008", "name": "icon=left, style=ghost, color=orange, status=default, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15787.5390625, "y": 2312, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:21010;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:21011", "name": "icon=left, style=ghost, color=orange, status=disable, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15787.5390625, "y": 2512, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:21013;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:21014", "name": "icon=left, style=ghost, color=orange, status=hover, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15787.5390625, "y": 2712, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 0.15000000596046448, "blendMode": "NORMAL", "hex": "#e26601", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": null, "strategy": "hex-fallback" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } }, { "type": "SOLID", "visible": true, "opacity": 0.20000000298023224, "blendMode": "NORMAL", "hex": "#000000", "token": { "cssVar": "--text-heading", "figmaName": "Color Type/Text/Heading & Button", "variableId": null, "strategy": "hex-fallback" } } ], "v": null, "compositeToken": { "type": "color-mix", "description": "Derived from layered Figma text fills", "layers": [ { "cssVar": "--orange", "opacity": 1 }, { "cssVar": "--text-heading", "opacity": 0.20000000298023224 } ], "cssExpr": "color-mix(in srgb, var(--text-heading) 20%, var(--orange) 80%)" } }, "vectorNodeIds": [ "I1421:21016;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:21026", "name": "icon=left, style=ghost, color=gray 1, status=default, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15787.5390625, "y": 2362, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:21028;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:21029", "name": "icon=left, style=ghost, color=gray 1, status=disable, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15787.5390625, "y": 2562, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": [ "I1421:21031;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:21032", "name": "icon=left, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15787.5390625, "y": 2762, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:21034;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:21035", "name": "icon=left, style=ghost, color=green, status=default, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15787.5390625, "y": 2212, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#299f45", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#299f45", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:21037;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:21038", "name": "icon=left, style=ghost, color=green, status=disable, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15787.5390625, "y": 2412, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:21040;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:21041", "name": "icon=left, style=ghost, color=green, status=hover, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15787.5390625, "y": 2612, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f1fbf3", "v": "VariableID:VariableID:1626:104890", "token": { "cssVar": "--brand-match", "figmaName": "UX/Brand/Match,Hover", "variableId": "VariableID:1626:104890", "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.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#299f45", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:21043;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:21044", "name": "icon=left, style=ghost, color=red, status=default, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15787.5390625, "y": 2262, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:21046;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:21047", "name": "icon=left, style=ghost, color=red, status=disable, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15787.5390625, "y": 2462, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:21049;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:21050", "name": "icon=left, style=ghost, color=red, status=hover, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15787.5390625, "y": 2662, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 0.15000000596046448, "blendMode": "NORMAL", "hex": "#dc2717", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": null, "strategy": "hex-fallback" } } ], "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.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:21052;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:19799", "name": "icon=left, style=filling, color=green, status=default, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17136, "y": 2212, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:19801;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:19808", "name": "icon=left, style=filling, color=green, status=disable, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17136, "y": 2412, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": [ "I1421:19810;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:19817", "name": "icon=left, style=filling, color=green, status=hover, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17136, "y": 2612, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#00ac39", "v": "VariableID:VariableID:1626:104892", "token": { "cssVar": "--brand-hover", "figmaName": "UX/Brand/Hover", "variableId": "VariableID:1626:104892", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:19819;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:19826", "name": "icon=left, style=filling, color=red, status=disable, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17136, "y": 2462, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:19828;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:19835", "name": "icon=left, style=filling, color=red, status=hover, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17136, "y": 2662, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#eb493a", "v": "VariableID:VariableID:1671:111625", "token": { "cssVar": "--red-hover", "figmaName": "UX/Red/Hover 1", "variableId": "VariableID:1671:111625", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:19837;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:19844", "name": "icon=left, style=filling, color=orange, status=default, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17136, "y": 2312, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:19846;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:19853", "name": "icon=left, style=filling, color=orange, status=disable, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17136, "y": 2512, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:19855;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:19862", "name": "icon=left, style=filling, color=orange, status=hover, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17136, "y": 2712, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e97413", "v": "VariableID:VariableID:1671:114768", "token": { "cssVar": "--orange-hover", "figmaName": "UX/Orange/Hover 1", "variableId": "VariableID:1671:114768", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:19864;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:19871", "name": "icon=left, style=filling, color=red, status=default, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17136, "y": 2262, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:19873;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:19880", "name": "icon=left, style=filling, color=gray 1, status=default, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17136, "y": 2362, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:19882;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:19889", "name": "icon=left, style=filling, color=gray 1, status=disable, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17136, "y": 2562, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": [ "I1421:19891;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:19898", "name": "icon=left, style=filling, color=gray 1, status=hover, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17136, "y": 2762, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:19900;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:19934", "name": "icon=left, style=ghost, color=orange, status=default, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17004, "y": 2312, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:19936;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:19943", "name": "icon=left, style=ghost, color=orange, status=disable, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17004, "y": 2512, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:19945;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:19952", "name": "icon=left, style=ghost, color=orange, status=hover, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17004, "y": 2712, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 0.15000000596046448, "blendMode": "NORMAL", "hex": "#e26601", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": null, "strategy": "hex-fallback" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } }, { "type": "SOLID", "visible": true, "opacity": 0.20000000298023224, "blendMode": "NORMAL", "hex": "#000000", "token": { "cssVar": "--text-heading", "figmaName": "Color Type/Text/Heading & Button", "variableId": null, "strategy": "hex-fallback" } } ], "v": null, "compositeToken": { "type": "color-mix", "description": "Derived from layered Figma text fills", "layers": [ { "cssVar": "--orange", "opacity": 1 }, { "cssVar": "--text-heading", "opacity": 0.20000000298023224 } ], "cssExpr": "color-mix(in srgb, var(--text-heading) 20%, var(--orange) 80%)" } }, "vectorNodeIds": [ "I1421:19954;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:19988", "name": "icon=left, style=ghost, color=gray 1, status=default, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17004, "y": 2362, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:19990;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:19997", "name": "icon=left, style=ghost, color=gray 1, status=disable, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17004, "y": 2562, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": [ "I1421:19999;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20006", "name": "icon=left, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17004, "y": 2762, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20008;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20015", "name": "icon=left, style=ghost, color=green, status=default, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17004, "y": 2212, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#299f45", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#299f45", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20017;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20024", "name": "icon=left, style=ghost, color=green, status=disable, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17004, "y": 2412, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20026;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20036", "name": "icon=left, style=ghost, color=green, status=hover, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17004, "y": 2612, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f1fbf3", "v": "VariableID:VariableID:1626:104890", "token": { "cssVar": "--brand-match", "figmaName": "UX/Brand/Match,Hover", "variableId": "VariableID:1626:104890", "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.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#299f45", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20038;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20045", "name": "icon=left, style=ghost, color=red, status=default, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17004, "y": 2262, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20047;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20054", "name": "icon=left, style=ghost, color=red, status=disable, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17004, "y": 2462, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20056;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20060", "name": "icon=left, style=ghost, color=red, status=hover, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17004, "y": 2662, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 0.15000000596046448, "blendMode": "NORMAL", "hex": "#dc2717", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": null, "strategy": "hex-fallback" } } ], "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.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20062;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20069", "name": "icon=left, style=rimeless, color=gray 1, status=default, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -16872, "y": 2362, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20071;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20078", "name": "icon=left, style=rimeless, color=green, status=default, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -16872, "y": 2212, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#299f45", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20080;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20087", "name": "icon=left, style=rimeless, color=red, status=default, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -16872, "y": 2262, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20089;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20105", "name": "icon=left, style=rimeless, color=orange, status=default, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -16872, "y": 2312, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20107;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20114", "name": "icon=left, style=rimeless, color=orange, status=disable, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -16872, "y": 2512, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20116;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20123", "name": "icon=left, style=rimeless, color=orange, status=hover, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -16872, "y": 2712, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 0.15000000596046448, "blendMode": "NORMAL", "hex": "#e26601", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": null, "strategy": "hex-fallback" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } }, { "type": "SOLID", "visible": true, "opacity": 0.20000000298023224, "blendMode": "NORMAL", "hex": "#000000", "token": { "cssVar": "--text-heading", "figmaName": "Color Type/Text/Heading & Button", "variableId": null, "strategy": "hex-fallback" } } ], "v": null, "compositeToken": { "type": "color-mix", "description": "Derived from layered Figma text fills", "layers": [ { "cssVar": "--orange", "opacity": 1 }, { "cssVar": "--text-heading", "opacity": 0.20000000298023224 } ], "cssExpr": "color-mix(in srgb, var(--text-heading) 20%, var(--orange) 80%)" } }, "vectorNodeIds": [ "I1421:20125;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20132", "name": "icon=left, style=rimeless, color=green, status=disable, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -16872, "y": 2412, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20134;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20141", "name": "icon=left, style=rimeless, color=green, status=hover, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -16872, "y": 2612, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f1fbf3", "v": "VariableID:VariableID:1626:104890", "token": { "cssVar": "--brand-match", "figmaName": "UX/Brand/Match,Hover", "variableId": "VariableID:1626:104890", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#299f45", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20143;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20150", "name": "icon=left, style=rimeless, color=red, status=disable, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -16872, "y": 2462, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20152;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20159", "name": "icon=left, style=rimeless, color=red, status=hover, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -16872, "y": 2662, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 0.15000000596046448, "blendMode": "NORMAL", "hex": "#dc2717", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": null, "strategy": "hex-fallback" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20161;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20168", "name": "icon=left, style=rimeless, color=gray 1, status=disable, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -16872, "y": 2562, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": [ "I1421:20170;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:20177", "name": "icon=left, style=rimeless, color=gray 1, status=hover, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -16872, "y": 2762, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:20179;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:21236", "name": "icon=left, style=filling, color=green, status=default, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16740, "y": 2212, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:21238;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:21242", "name": "icon=left, style=filling, color=green, status=disable, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16740, "y": 2412, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": [ "I1421:21244;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:21248", "name": "icon=left, style=filling, color=green, status=hover, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16740, "y": 2612, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#00ac39", "v": "VariableID:VariableID:1626:104892", "token": { "cssVar": "--brand-hover", "figmaName": "UX/Brand/Hover", "variableId": "VariableID:1626:104892", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:21250;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:21254", "name": "icon=left, style=filling, color=red, status=disable, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16740, "y": 2462, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:21256;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:21260", "name": "icon=left, style=filling, color=red, status=hover, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16740, "y": 2662, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#eb493a", "v": "VariableID:VariableID:1671:111625", "token": { "cssVar": "--red-hover", "figmaName": "UX/Red/Hover 1", "variableId": "VariableID:1671:111625", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:21262;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:21266", "name": "icon=left, style=filling, color=orange, status=default, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16740, "y": 2312, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:21268;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:21272", "name": "icon=left, style=filling, color=orange, status=disable, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16740, "y": 2512, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:21274;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:21278", "name": "icon=left, style=filling, color=orange, status=hover, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16740, "y": 2712, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e97413", "v": "VariableID:VariableID:1671:114768", "token": { "cssVar": "--orange-hover", "figmaName": "UX/Orange/Hover 1", "variableId": "VariableID:1671:114768", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:21280;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:21284", "name": "icon=left, style=filling, color=red, status=default, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16740, "y": 2262, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:21286;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:21290", "name": "icon=left, style=filling, color=gray 1, status=default, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16740, "y": 2362, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:21292;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:21296", "name": "icon=left, style=filling, color=gray 1, status=disable, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16740, "y": 2562, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": [ "I1421:21298;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:21302", "name": "icon=left, style=filling, color=gray 1, status=hover, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16740, "y": 2762, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:21304;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:21326", "name": "icon=left, style=ghost, color=orange, status=default, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16600, "y": 2312, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:21328;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:21332", "name": "icon=left, style=ghost, color=orange, status=disable, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16600, "y": 2512, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:21334;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:21338", "name": "icon=left, style=ghost, color=orange, status=hover, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16600, "y": 2712, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 0.15000000596046448, "blendMode": "NORMAL", "hex": "#e26601", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": null, "strategy": "hex-fallback" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } }, { "type": "SOLID", "visible": true, "opacity": 0.20000000298023224, "blendMode": "NORMAL", "hex": "#000000", "token": { "cssVar": "--text-heading", "figmaName": "Color Type/Text/Heading & Button", "variableId": null, "strategy": "hex-fallback" } } ], "v": null, "compositeToken": { "type": "color-mix", "description": "Derived from layered Figma text fills", "layers": [ { "cssVar": "--orange", "opacity": 1 }, { "cssVar": "--text-heading", "opacity": 0.20000000298023224 } ], "cssExpr": "color-mix(in srgb, var(--text-heading) 20%, var(--orange) 80%)" } }, "vectorNodeIds": [ "I1421:21340;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:21362", "name": "icon=left, style=ghost, color=gray 1, status=default, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16600, "y": 2362, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:21364;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:21368", "name": "icon=left, style=ghost, color=gray 1, status=disable, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16600, "y": 2562, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": [ "I1421:21370;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:21374", "name": "icon=left, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16600, "y": 2762, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:21376;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:21377", "name": "icon=left, style=ghost, color=green, status=default, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16600, "y": 2212, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#299f45", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#299f45", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:21379;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:21383", "name": "icon=left, style=ghost, color=green, status=disable, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16600, "y": 2412, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:21385;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:21389", "name": "icon=left, style=ghost, color=green, status=hover, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16600, "y": 2612, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f1fbf3", "v": "VariableID:VariableID:1626:104890", "token": { "cssVar": "--brand-match", "figmaName": "UX/Brand/Match,Hover", "variableId": "VariableID:1626:104890", "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.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#299f45", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:21391;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:21398", "name": "icon=left, style=ghost, color=red, status=default, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16600, "y": 2262, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:21400;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:21404", "name": "icon=left, style=ghost, color=red, status=disable, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16600, "y": 2462, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:21406;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "1421:21410", "name": "icon=left, style=ghost, color=red, status=hover, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16600, "y": 2662, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 0.15000000596046448, "blendMode": "NORMAL", "hex": "#dc2717", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": null, "strategy": "hex-fallback" } } ], "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.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1421:21412;2107:20124" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "337:11832", "name": "icon=loading, style=filling, color=green, status=loading, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16344, "y": 3233, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": [ "I1431:49853;1833:86611" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "337:11835", "name": "icon=loading, style=filling, color=red, status=loading, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16344, "y": 3283, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1431:51308;1833:86611" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "337:11838", "name": "icon=loading, style=filling, color=orange, status=loading, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16344, "y": 3333, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1431:49403;1833:86611" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "337:11841", "name": "icon=loading, style=filling, color=gray 1, status=loading, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16344, "y": 3383, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": [ "I1431:53393;1833:86611" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "337:11847", "name": "icon=loading, style=ghost, color=orange, status=loading, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16205.08984375, "y": 3333, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1431:53333;1833:86611" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "337:11853", "name": "icon=loading, style=ghost, color=gray 1, status=loading, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16205.08984375, "y": 3383, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": [ "I1431:53348;1833:86611" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "337:11856", "name": "icon=loading, style=ghost, color=green, status=loading, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16205.08984375, "y": 3233, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1431:51578;1833:86611" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "337:11859", "name": "icon=loading, style=ghost, color=red, status=loading, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16205.08984375, "y": 3283, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1431:53318;1833:86611" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "337:11862", "name": "icon=loading, style=rimeless, color=orange, status=loading, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16065.76953125, "y": 3333, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1431:53288;1833:86611" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "337:11867", "name": "icon=loading, style=rimeless, color=green, status=loading, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16065.76953125, "y": 3233, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1431:51533;1833:86611" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "337:11872", "name": "icon=loading, style=rimeless, color=red, status=loading, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16065.76953125, "y": 3283, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1431:53303;1833:86611" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "337:11877", "name": "icon=loading, style=rimeless, color=gray 1, status=loading, Radius=square, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 96, "x": -16065.76953125, "y": 3383, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": [ "I1431:53273;1833:86611" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "337:12097", "name": "icon=loading, style=filling, color=green, status=loading, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15926.0390625, "y": 3233, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": [ "I1431:51338;1833:86611" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "337:12100", "name": "icon=loading, style=filling, color=red, status=loading, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15926.0390625, "y": 3283, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1431:50363;1833:86611" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "337:12103", "name": "icon=loading, style=filling, color=orange, status=loading, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15926.0390625, "y": 3333, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1431:51443;1833:86611" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "337:12106", "name": "icon=loading, style=filling, color=gray 1, status=loading, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15926.0390625, "y": 3383, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": [ "I1431:53483;1833:86611" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "337:12112", "name": "icon=loading, style=ghost, color=orange, status=loading, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15787.5390625, "y": 3333, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1431:53423;1833:86611" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "337:12118", "name": "icon=loading, style=ghost, color=gray 1, status=loading, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15787.5390625, "y": 3383, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": [ "I1431:53438;1833:86611" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "337:12121", "name": "icon=loading, style=ghost, color=green, status=loading, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15787.5390625, "y": 3233, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1431:51158;1833:86611" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "337:12124", "name": "icon=loading, style=ghost, color=red, status=loading, Radius=round, fixed width=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 104, "x": -15787.5390625, "y": 3283, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1431:53408;1833:86611" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "337:11683", "name": "icon=loading, style=filling, color=green, status=loading, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17136, "y": 3233, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": [ "I1431:52043;1833:86611" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "337:11692", "name": "icon=loading, style=filling, color=red, status=loading, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17136, "y": 3283, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1431:49538;1833:86611" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "337:11701", "name": "icon=loading, style=filling, color=orange, status=loading, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17136, "y": 3333, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1431:50513;1833:86611" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "337:11710", "name": "icon=loading, style=filling, color=gray 1, status=loading, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17136, "y": 3383, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": [ "I1431:53153;1833:86611" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "337:11728", "name": "icon=loading, style=ghost, color=orange, status=loading, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17004, "y": 3333, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1431:53093;1833:86611" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "337:11746", "name": "icon=loading, style=ghost, color=gray 1, status=loading, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17004, "y": 3383, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": [ "I1431:53108;1833:86611" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "337:11755", "name": "icon=loading, style=ghost, color=green, status=loading, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17004, "y": 3233, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1431:51788;1833:86611" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "337:11764", "name": "icon=loading, style=ghost, color=red, status=loading, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -17004, "y": 3283, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1431:53078;1833:86611" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "337:11775", "name": "icon=loading, style=rimeless, color=orange, status=loading, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -16872, "y": 3333, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1431:53048;1833:86611" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "337:11788", "name": "icon=loading, style=rimeless, color=green, status=loading, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -16872, "y": 3233, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1431:51968;1833:86611" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "337:11801", "name": "icon=loading, style=rimeless, color=red, status=loading, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -16872, "y": 3283, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1431:53063;1833:86611" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "337:11814", "name": "icon=loading, style=rimeless, color=gray 1, status=loading, Radius=square, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 94, "x": -16872, "y": 3383, "pH": 16, "pV": 10, "pR": 16, "pB": 10, "gap": 4, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": [ "I1431:53033;1833:86611" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "337:12190", "name": "icon=loading, style=filling, color=green, status=loading, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16740, "y": 3233, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": [ "I1431:50558;1833:86611" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "337:12196", "name": "icon=loading, style=filling, color=red, status=loading, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16740, "y": 3283, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "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" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1431:48953;1833:86611" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "337:12202", "name": "icon=loading, style=filling, color=orange, status=loading, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16740, "y": 3333, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1431:50588;1833:86611" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "337:12208", "name": "icon=loading, style=filling, color=gray 1, status=loading, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16740, "y": 3383, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Button", "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": [ "I1431:53228;1833:86611" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "337:12220", "name": "icon=loading, style=ghost, color=orange, status=loading, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16600, "y": 3333, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1431:53198;1833:86611" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "337:12232", "name": "icon=loading, style=ghost, color=gray 1, status=loading, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16600, "y": 3383, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": [ "I1431:53183;1833:86611" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "337:12238", "name": "icon=loading, style=ghost, color=green, status=loading, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16600, "y": 3233, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1431:50543;1833:86611" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null }, { "id": "337:12244", "name": "icon=loading, style=ghost, color=red, status=loading, Radius=round, fixed width=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 32, "w": 102, "x": -16600, "y": 3283, "pH": 20, "pV": 10, "pR": 20, "pB": 10, "gap": 4, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [], "text": { "characters": "Button", "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": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1431:53213;1833:86611" ], "description": null, "componentSetId": "1545:47447", "componentPropertyReferences": null } ], "tokenizedAt": "2026-05-08T04:02:55.484Z", "tokenizationStrategy": "variable-id-first-then-hex-fallback", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/button_light_m__1545_47447.json", "rawExtractedAt": "2026-05-08T03:56:19.826Z", "rawNodeId": "1545:47447", "rawSha256": "2b5f107cc36f070f7b78d562de65e522eb419b0423265e8fcc86e3238329700c" } }