{ "extractedAt": "2026-05-08T03:56:19.858Z", "figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn", "figmaName": "Drop down List/Item", "nodeId": "1561:8390", "type": "COMPONENT_SET", "pageId": "1421:35865", "pageName": "— — Input/Select box", "description": "", "key": "f59a78aba935d0084774b27b60e592006912c31c", "variants": [ { "id": "1561:8409", "name": "Theme=Light, Type=Radio, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=No", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 3045, "pH": 12, "pV": null, "pR": 8, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Option 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "v": "VariableID:VariableID:1558:94792", "token": { "cssVar": "--color-grey-13", "figmaName": "UX/Grey/grey-13 #141414", "variableId": "VariableID:1558:94792", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1561:8411;1473:3223", "I1561:8411;1544:5765" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null }, { "id": "1563:85134", "name": "Theme=Light, Type=Radio, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=Yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 3117, "pH": 12, "pV": null, "pR": 8, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "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": "Option 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "v": "VariableID:VariableID:1558:94792", "token": { "cssVar": "--color-grey-13", "figmaName": "UX/Grey/grey-13 #141414", "variableId": "VariableID:1558:94792", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1563:85136;1473:3223", "I1563:85136;1544:5765" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null }, { "id": "1561:8412", "name": "Theme=Light, Type=Radio, Is Parent=No, Checked=No, Active=No, Disabled=Yes, Hover=No", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 3189, "pH": 12, "pV": null, "pR": 8, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Option 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57612", "token": { "cssVar": "--text-disabled", "figmaName": "Color Type/Text/Disable", "variableId": "VariableID:2611:57612", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1561:8414;1473:3223", "I1561:8414;1544:5765" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null }, { "id": "1682:51964", "name": "Theme=Light, Type=Radio, Is Parent=No, Checked=No, Active=No, Disabled=Yes, Hover=Yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 3261, "pH": 12, "pV": null, "pR": 8, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "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": "Option 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57612", "token": { "cssVar": "--text-disabled", "figmaName": "Color Type/Text/Disable", "variableId": "VariableID:2611:57612", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1682:51966;1473:3223", "I1682:51966;1544:5765" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null }, { "id": "1561:8415", "name": "Theme=Light, Type=Radio, Is Parent=No, Checked=Yes, Active=No, Disabled=No, Hover=No", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 3333, "pH": 12, "pV": null, "pR": 8, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Option 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "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": [ "I1561:8417;1473:3223", "I1561:8417;1544:5765" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null }, { "id": "1563:89488", "name": "Theme=Light, Type=Radio, Is Parent=No, Checked=Yes, Active=Yes, Disabled=No, Hover=No", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 3405, "pH": 12, "pV": null, "pR": 8, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Option 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "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": [ "I1563:89490;1473:3223", "I1563:89490;1544:5765" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null }, { "id": "1563:85151", "name": "Theme=Light, Type=Radio, Is Parent=No, Checked=Yes, Active=No, Disabled=No, Hover=Yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 3477, "pH": 12, "pV": null, "pR": 8, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "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": "Option 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "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": [ "I1563:85153;1473:3223", "I1563:85153;1544:5765" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null }, { "id": "1561:8418", "name": "Theme=Light, Type=Radio, Is Parent=No, Checked=Yes, Active=No, Disabled=Yes, Hover=No", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 3549, "pH": 12, "pV": null, "pR": 8, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Option 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "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" } }, { "type": "SOLID", "visible": true, "opacity": 0.699999988079071, "blendMode": "NORMAL", "hex": "#ffffff", "token": { "cssVar": "--text-heading", "figmaName": "Color Type/Text/Heading & Button", "variableId": null, "strategy": "derived-overlay-heading-button" } } ], "v": null, "compositeToken": { "type": "color-mix", "description": "Derived from layered Figma text fills", "layers": [ { "cssVar": "--brand", "opacity": 1 }, { "cssVar": "--text-heading", "opacity": 0.699999988079071 } ], "cssExpr": "color-mix(in srgb, var(--text-heading) 70%, var(--brand) 30%)" } }, "vectorNodeIds": [ "I1561:8420;1473:3223", "I1561:8420;1544:5765" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null }, { "id": "1561:8433", "name": "Theme=Light, Type=Multi, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=No", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 3621, "pH": 12, "pV": null, "pR": 8, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Option 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "v": "VariableID:VariableID:1558:94792", "token": { "cssVar": "--color-grey-13", "figmaName": "UX/Grey/grey-13 #141414", "variableId": "VariableID:1558:94792", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1561:8435;1473:3223", "I1561:8435;1544:5765" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null }, { "id": "1563:85362", "name": "Theme=Light, Type=Multi, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=Yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 3693, "pH": 12, "pV": null, "pR": 8, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "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": "Option 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "v": "VariableID:VariableID:1558:94792", "token": { "cssVar": "--color-grey-13", "figmaName": "UX/Grey/grey-13 #141414", "variableId": "VariableID:1558:94792", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1563:85364;1473:3223", "I1563:85364;1544:5765" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null }, { "id": "1561:8436", "name": "Theme=Light, Type=Multi, Is Parent=No, Checked=No, Active=No, Disabled=Yes, Hover=No", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 3765, "pH": 12, "pV": null, "pR": 8, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Option 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57612", "token": { "cssVar": "--text-disabled", "figmaName": "Color Type/Text/Disable", "variableId": "VariableID:2611:57612", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1561:8438;1473:3223", "I1561:8438;1544:5765" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null }, { "id": "1561:8439", "name": "Theme=Light, Type=Multi, Is Parent=No, Checked=Yes, Active=No, Disabled=No, Hover=No", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 3837, "pH": 12, "pV": null, "pR": 8, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Option 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "v": "VariableID:VariableID:1558:94792", "token": { "cssVar": "--color-grey-13", "figmaName": "UX/Grey/grey-13 #141414", "variableId": "VariableID:1558:94792", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1561:8441;1480:74525", "I1561:8441;1480:76742" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null }, { "id": "2678:49968", "name": "Theme=Light, Type=Multi, Is Parent=No, Checked=Yes, Active=No, Disabled=No, Hover=Yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 3909, "pH": 12, "pV": null, "pR": 8, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "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": "Option 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "v": "VariableID:VariableID:1558:94792", "token": { "cssVar": "--color-grey-13", "figmaName": "UX/Grey/grey-13 #141414", "variableId": "VariableID:1558:94792", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I2678:49970;1480:74525", "I2678:49970;1480:76742" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null }, { "id": "1563:85168", "name": "Theme=Light, Type=Multi, Is Parent=No, Checked=Yes, Active=No, Disabled=Yes, Hover=Yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 3981, "pH": 12, "pV": null, "pR": 8, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "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": "Option 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57612", "token": { "cssVar": "--text-disabled", "figmaName": "Color Type/Text/Disable", "variableId": "VariableID:2611:57612", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1563:85170;1473:3223", "I1563:85170;1544:5765" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null }, { "id": "1561:8442", "name": "Theme=Light, Type=Multi, Is Parent=No, Checked=Yes, Active=No, Disabled=Yes, Hover=No", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 4053, "pH": 12, "pV": null, "pR": 8, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Option 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57612", "token": { "cssVar": "--text-disabled", "figmaName": "Color Type/Text/Disable", "variableId": "VariableID:2611:57612", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1561:8444;1473:3223", "I1561:8444;1544:5765" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null }, { "id": "1561:8397", "name": "Theme=Light, Type=Radio, Is Parent=Yes, Checked=No, Active=No, Disabled=No, Hover=No", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 4125, "pH": 12, "pV": null, "pR": 8, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Option 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "v": "VariableID:VariableID:1558:94792", "token": { "cssVar": "--color-grey-13", "figmaName": "UX/Grey/grey-13 #141414", "variableId": "VariableID:1558:94792", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1561:8399;1473:3223", "I1561:8399;1544:5765" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null }, { "id": "1563:85204", "name": "Theme=Light, Type=Radio, Is Parent=Yes, Checked=No, Active=No, Disabled=No, Hover=Yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 4197, "pH": 12, "pV": null, "pR": 8, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "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": "Option 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "v": "VariableID:VariableID:1558:94792", "token": { "cssVar": "--color-grey-13", "figmaName": "UX/Grey/grey-13 #141414", "variableId": "VariableID:1558:94792", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1563:85206;1473:3223", "I1563:85206;1544:5765" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null }, { "id": "1561:8400", "name": "Theme=Light, Type=Radio, Is Parent=Yes, Checked=No, Active=No, Disabled=Yes, Hover=No", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 4269, "pH": 12, "pV": null, "pR": 8, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Option 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57612", "token": { "cssVar": "--text-disabled", "figmaName": "Color Type/Text/Disable", "variableId": "VariableID:2611:57612", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1561:8402;1473:3223", "I1561:8402;1544:5765" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null }, { "id": "1561:8403", "name": "Theme=Light, Type=Radio, Is Parent=Yes, Checked=Yes, Active=No, Disabled=No, Hover=No", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 4341, "pH": 12, "pV": null, "pR": 8, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Option 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "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": [ "I1561:8405;1473:3223", "I1561:8405;1544:5765" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null }, { "id": "1563:87991", "name": "Theme=Light, Type=Radio, Is Parent=Yes, Checked=Yes, Active=Yes, Disabled=No, Hover=No", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 4413, "pH": 12, "pV": null, "pR": 8, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "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": "Option 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "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": [ "I1563:87993;1473:3223", "I1563:87993;1544:5765" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null }, { "id": "1563:85117", "name": "Theme=Light, Type=Radio, Is Parent=Yes, Checked=Yes, Active=No, Disabled=No, Hover=Yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 4485, "pH": 12, "pV": null, "pR": 8, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "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": "Option 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "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": [ "I1563:85119;1473:3223", "I1563:85119;1544:5765" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null }, { "id": "1561:8406", "name": "Theme=Light, Type=Radio, Is Parent=Yes, Checked=Yes, Active=No, Disabled=Yes, Hover=No", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 4557, "pH": 12, "pV": null, "pR": 8, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Option", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "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": [ "I1561:8408;1473:3223", "I1561:8408;1544:5765" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null }, { "id": "1561:8421", "name": "Theme=Light, Type=Multi, Is Parent=Yes, Checked=No, Active=No, Disabled=No, Hover=No", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 4629, "pH": 12, "pV": null, "pR": 8, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Option 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "v": "VariableID:VariableID:1558:94792", "token": { "cssVar": "--color-grey-13", "figmaName": "UX/Grey/grey-13 #141414", "variableId": "VariableID:1558:94792", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1561:8423;1473:3223", "I1561:8423;1544:5765" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null }, { "id": "1563:85290", "name": "Theme=Light, Type=Multi, Is Parent=Yes, Checked=No, Active=No, Disabled=No, Hover=Yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 4701, "pH": 12, "pV": null, "pR": 8, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "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": "Option 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "v": "VariableID:VariableID:1558:94792", "token": { "cssVar": "--color-grey-13", "figmaName": "UX/Grey/grey-13 #141414", "variableId": "VariableID:1558:94792", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1563:85292;1473:3223", "I1563:85292;1544:5765" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null }, { "id": "1561:8424", "name": "Theme=Light, Type=Multi, Is Parent=Yes, Checked=No, Active=No, Disabled=Yes, Hover=No", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 4773, "pH": 12, "pV": null, "pR": 8, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Option 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57612", "token": { "cssVar": "--text-disabled", "figmaName": "Color Type/Text/Disable", "variableId": "VariableID:2611:57612", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1561:8426;1473:3223", "I1561:8426;1544:5765" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null }, { "id": "1561:8427", "name": "Theme=Light, Type=Multi, Is Parent=Yes, Checked=Yes, Active=No, Disabled=No, Hover=No", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 4845, "pH": 12, "pV": null, "pR": 8, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Option 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "v": "VariableID:VariableID:1558:94792", "token": { "cssVar": "--color-grey-13", "figmaName": "UX/Grey/grey-13 #141414", "variableId": "VariableID:1558:94792", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1561:8429;1473:3223", "I1561:8429;1544:5765" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null }, { "id": "1563:85326", "name": "Theme=Light, Type=Multi, Is Parent=Yes, Checked=Yes, Active=No, Disabled=No, Hover=Yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 4917, "pH": 12, "pV": null, "pR": 8, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "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": "Option 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "v": "VariableID:VariableID:1558:94792", "token": { "cssVar": "--color-grey-13", "figmaName": "UX/Grey/grey-13 #141414", "variableId": "VariableID:1558:94792", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1563:85328;1473:3223", "I1563:85328;1544:5765" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null }, { "id": "1561:8430", "name": "Theme=Light, Type=Multi, Is Parent=Yes, Checked=Yes, Active=No, Disabled=Yes, Hover=No", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 4989, "pH": 12, "pV": null, "pR": 8, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Option 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57612", "token": { "cssVar": "--text-disabled", "figmaName": "Color Type/Text/Disable", "variableId": "VariableID:2611:57612", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1561:8432;1473:3223", "I1561:8432;1544:5765" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null }, { "id": "1561:8445", "name": "Theme=Light, Type=Multi, Is Parent=Yes, Checked=Yes, Active=Yes, Disabled=No, Hover=No", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 5061, "pH": 12, "pV": null, "pR": 8, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "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": "Option 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "v": "VariableID:VariableID:2611:57509", "token": { "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "variableId": "VariableID:2611:57509", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1561:8447;1473:3223", "I1561:8447;1544:5765" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null }, { "id": "1563:85186", "name": "Theme=Light, Type=Multi, Is Parent=Yes, Checked=Yes, Active=Yes, Disabled=No, Hover=Yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 5133, "pH": 12, "pV": null, "pR": 8, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "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": "Option 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "v": "VariableID:VariableID:2611:57509", "token": { "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "variableId": "VariableID:2611:57509", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1563:85188;1473:3223", "I1563:85188;1544:5765" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null }, { "id": "1563:84847", "name": "Theme=Light, Type=Multi, Is Parent=No, Checked=Yes, Active=Yes, Disabled=No, Hover=No", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 5205, "pH": 12, "pV": null, "pR": 8, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Option 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "v": "VariableID:VariableID:2611:57509", "token": { "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "variableId": "VariableID:2611:57509", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1563:84849;1473:3223", "I1563:84849;1544:5765" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null }, { "id": "1563:85221", "name": "Theme=Light, Type=Multi, Is Parent=No, Checked=Yes, Active=Yes, Disabled=No, Hover=Yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 5277, "pH": 12, "pV": null, "pR": 8, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "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": "Option 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "v": "VariableID:VariableID:2611:57509", "token": { "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "variableId": "VariableID:2611:57509", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1563:85223;1473:3223", "I1563:85223;1544:5765" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null }, { "id": "1561:8391", "name": "Theme=Light, Type=Selected, Is Parent=Yes, Checked=Yes, Active=No, Disabled=No, Hover=No", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 5349, "pH": 12, "pV": null, "pR": 8, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Option 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "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": [ "I1561:8393;1480:74525", "I1561:8393;1480:76742" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null }, { "id": "1563:85255", "name": "Theme=Light, Type=Selected, Is Parent=Yes, Checked=Yes, Active=No, Disabled=No, Hover=Yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 5421, "pH": 12, "pV": null, "pR": 8, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "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": "Option 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "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": [ "I1563:85257;1480:74525", "I1563:85257;1480:76742" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null }, { "id": "1561:8394", "name": "Theme=Light, Type=Selected, Is Parent=Yes, Checked=Yes, Active=No, Disabled=Yes, Hover=No", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 5493, "pH": 12, "pV": null, "pR": 8, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Option 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "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" } }, { "type": "SOLID", "visible": true, "opacity": 0.699999988079071, "blendMode": "NORMAL", "hex": "#ffffff", "token": { "cssVar": "--text-heading", "figmaName": "Color Type/Text/Heading & Button", "variableId": null, "strategy": "derived-overlay-heading-button" } } ], "v": null, "compositeToken": { "type": "color-mix", "description": "Derived from layered Figma text fills", "layers": [ { "cssVar": "--brand", "opacity": 1 }, { "cssVar": "--text-heading", "opacity": 0.699999988079071 } ], "cssExpr": "color-mix(in srgb, var(--text-heading) 70%, var(--brand) 30%)" } }, "vectorNodeIds": [ "I1561:8396;1480:74525", "I1561:8396;1480:76742" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null }, { "id": "1563:94663", "name": "Theme=Light, Type=Selected, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=No", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 5565, "pH": 12, "pV": null, "pR": 8, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Option 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "v": "VariableID:VariableID:1558:94792", "token": { "cssVar": "--color-grey-13", "figmaName": "UX/Grey/grey-13 #141414", "variableId": "VariableID:1558:94792", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1563:94665;1480:74525", "I1563:94665;1480:76742" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null }, { "id": "2675:47972", "name": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=No", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 5637, "pH": 12, "pV": null, "pR": 12, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Operation 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "v": "VariableID:VariableID:2611:57509", "token": { "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "variableId": "VariableID:2611:57509", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I2675:47973;1548:32070;1565:61260", "I2675:47973;1548:32070;1355:28332", "I2675:47973;1548:32070;1355:28333", "I2675:47973;1548:32070;1565:61646", "I2675:47974;1473:3223", "I2675:47974;1544:5765" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null }, { "id": "2678:48188", "name": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=Yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 5709, "pH": 12, "pV": null, "pR": 12, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "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": "Operation 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "v": "VariableID:VariableID:2611:57509", "token": { "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "variableId": "VariableID:2611:57509", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I2678:48189;1548:32070;1565:61260", "I2678:48189;1548:32070;1355:28332", "I2678:48189;1548:32070;1355:28333", "I2678:48189;1548:32070;1565:61646", "I2678:48190;1473:3223", "I2678:48190;1544:5765" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null }, { "id": "2675:47975", "name": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=Yes, Active=Yes, Disabled=No, Hover=No", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 5781, "pH": 12, "pV": null, "pR": 12, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "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": "Operation 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "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": [ "I2675:47976;1548:32070;1565:61260", "I2675:47976;1548:32070;1355:28332", "I2675:47976;1548:32070;1355:28333", "I2675:47976;1548:32070;1565:61646", "I2675:47977;1473:3223", "I2675:47977;1544:5765" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null }, { "id": "2678:48923", "name": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=Yes, Active=No, Disabled=No, Hover=No", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 5853, "pH": 12, "pV": null, "pR": 12, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "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": "Operation 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "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": [ "I2678:48924;1548:32070;1565:61260", "I2678:48924;1548:32070;1355:28332", "I2678:48924;1548:32070;1355:28333", "I2678:48924;1548:32070;1565:61646", "I2678:48925;1473:3223", "I2678:48925;1544:5765" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null }, { "id": "2675:47978", "name": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=Yes, Active=Yes, Disabled=No, Hover=Yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 5925, "pH": 12, "pV": null, "pR": 12, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "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": "Operation 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "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" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I2675:47979;1548:32070;1565:61260", "I2675:47979;1548:32070;1355:28332", "I2675:47979;1548:32070;1355:28333", "I2675:47979;1548:32070;1565:61646", "I2675:47980;1473:3223", "I2675:47980;1544:5765" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null }, { "id": "2675:47981", "name": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=No, Active=No, Disabled=Yes, Hover=No", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 32, "w": 240, "x": -4653, "y": 5997, "pH": 12, "pV": null, "pR": 12, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Operation 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57612", "token": { "cssVar": "--text-disabled", "figmaName": "Color Type/Text/Disable", "variableId": "VariableID:2611:57612", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I2675:47982;1548:32070;1565:61260", "I2675:47982;1548:32070;1355:28332", "I2675:47982;1548:32070;1355:28333", "I2675:47982;1548:32070;1565:61646", "I2675:47983;1473:3223", "I2675:47983;1544:5765" ], "description": null, "componentSetId": "1561:8390", "componentPropertyReferences": null } ], "tokenizedAt": "2026-05-08T04:02:55.550Z", "tokenizationStrategy": "variable-id-first-then-hex-fallback", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/drop_down_list_item__1561_8390.json", "rawExtractedAt": "2026-05-08T03:56:19.858Z", "rawNodeId": "1561:8390", "rawSha256": "05c22e4445e1a2ff6f37238365be3d2aad5b3c072d48b4ceefdbc79923ad47e5" } }