{
  "version": "2.6",
  "children": [
    {
      "type": "frame",
      "id": "simpleMarketCard",
      "x": 0,
      "y": 0,
      "name": "Simple Market Card",
      "theme": {
        "Mode": "Light",
        "Base": "Neutral",
        "Accent": "Default"
      },
      "enabled": false,
      "clip": true,
      "width": 350,
      "height": 200,
      "fill": "#ffffffff",
      "layout": "none"
    },
    {
      "type": "frame",
      "id": "marketCard",
      "x": 20,
      "y": 20,
      "width": 310,
      "height": 160,
      "fill": "#ffffffff",
      "cornerRadius": 8,
      "stroke": {
        "align": "inside",
        "thickness": 1,
        "fill": "#e7e7e7ff"
      },
      "layout": "none",
      "children": [
        {
          "type": "frame",
          "id": "marketImage",
          "x": 12,
          "y": 12,
          "width": 40,
          "height": 40,
          "fill": "#f0f0f0",
          "cornerRadius": 4,
          "layout": "none"
        },
        {
          "type": "text",
          "id": "marketTitle",
          "x": 60,
          "y": 12,
          "name": "Mamdan opens city-owned grocery store b...",
          "fill": "#000000",
          "textGrowth": "fixed-width-height",
          "width": 169,
          "height": 16,
          "content": "Mamdan opens city-owned grocery store b...",
          "fontFamily": "Inter",
          "fontSize": 14,
          "fontWeight": "500"
        },
        {
          "type": "frame",
          "id": "chanceContainer",
          "x": 258,
          "y": 12,
          "width": 42,
          "height": 40,
          "layout": "none",
          "children": [
            {
              "type": "frame",
              "id": "progressBar",
              "x": 0,
              "y": 0,
              "width": 40,
              "height": 40,
              "fill": "#ffffff",
              "cornerRadius": 20,
              "stroke": {
                "align": "center",
                "thickness": 4,
                "fill": "#e0e0e0"
              },
              "layout": "none",
              "children": [
                {
                  "type": "frame",
                  "id": "progressFill",
                  "x": 2,
                  "y": 2,
                  "width": 36,
                  "height": 36,
                  "fill": "#ffffff",
                  "cornerRadius": 18,
                  "stroke": {
                    "align": "center",
                    "thickness": 4,
                    "fill": "#ff0000"
                  },
                  "layout": "none"
                },
                {
                  "type": "text",
                  "id": "chanceValue",
                  "x": 10,
                  "y": 12,
                  "fill": "#ff0000",
                  "content": "17%",
                  "fontFamily": "Inter",
                  "fontSize": 12,
                  "fontWeight": "600"
                }
              ]
            },
            {
              "type": "text",
              "id": "chanceLabel",
              "x": 0,
              "y": 42,
              "fill": "#808080",
              "content": "chance",
              "fontFamily": "Inter",
              "fontSize": 10,
              "fontWeight": "normal"
            }
          ]
        },
        {
          "type": "frame",
          "id": "optionYes",
          "x": 12,
          "y": 72,
          "width": 149,
          "height": 40,
          "fill": "#e6f9e6",
          "cornerRadius": 4,
          "layout": "none",
          "children": [
            {
              "type": "text",
              "id": "optionTextYes",
              "x": 61,
              "y": 10,
              "fill": "#008000",
              "content": "Yes",
              "fontFamily": "Inter",
              "fontSize": 16,
              "fontWeight": "500"
            }
          ]
        },
        {
          "type": "frame",
          "id": "optionNo",
          "x": 166,
          "y": 72,
          "width": 132,
          "height": 40,
          "fill": "#ffe6e6",
          "cornerRadius": 4,
          "layout": "none",
          "children": [
            {
              "type": "text",
              "id": "optionTextNo",
              "x": 55,
              "y": 10,
              "fill": "#ff0000",
              "content": "No",
              "fontFamily": "Inter",
              "fontSize": 16,
              "fontWeight": "500"
            }
          ]
        },
        {
          "type": "text",
          "id": "marketInfo",
          "x": 12,
          "y": 124,
          "fill": "#808080",
          "content": "$155k Vol.",
          "fontFamily": "Inter",
          "fontSize": 12,
          "fontWeight": "normal"
        },
        {
          "type": "icon_font",
          "id": "giftIcon",
          "x": 240,
          "y": 124,
          "width": 16,
          "height": 16,
          "iconFontName": "gift",
          "iconFontFamily": "mdi",
          "fill": "#808080"
        },
        {
          "type": "icon_font",
          "id": "bookmarkIcon",
          "x": 270,
          "y": 124,
          "width": 16,
          "height": 16,
          "iconFontName": "bookmark",
          "iconFontFamily": "mdi",
          "fill": "#808080"
        }
      ]
    }
  ]
}