<p>The composite figure below is made up of semicircles and a rectangle.</p><CompositeRectangleSemiCircle data-props='{ "adjacent_circles": [ { "radius": { "label": { "text": "4 m", "show": true }, "color": "black", "show_radius": false }, "diameter": { "label": { "text": "8 m", "show": false }, "line_style": "dashed" }, "color": "#D8D8DF", "position": "top", "show_center": false }, { "radius": { "label": { "text": "4 m", "show": true }, "color": "black", "show_radius": false }, "diameter": { "label": { "text": "8 m", "show": true }, "line_style": "dashed" }, "color": "#D8D8DF", "position": "bottom", "show_center": false }, { "radius": { "label": { "text": "6 m", "show": true }, "color": "black", "show_radius": false }, "diameter": { "label": { "text": "12 m", "show": true }, "line_style": "dashed" }, "color": "#D8D8DF", "position": "right", "show_center": false }, { "radius": { "label": { "text": "6 m", "show": true }, "color": "black", "show_radius": false }, "diameter": { "label": { "text": "12 m", "show": false }, "line_style": "dashed" }, "color": "#D8D8DF", "position": "left", "show_center": false } ], "rectangle": { "height": { "value": 12, "label": { "text": "12 m", "show": true }, "side": "right" }, "width": { "value": 8, "label": { "text": "8 m", "show": true }, "side": "bottom" }, "color": "#D8D8DF" }, "debug": false}'></CompositeRectangleSemiCircle ><p>What is the area of the given composite figure? <br><highlight data-color="#666" data-style="italic">Round your answer to the nearest hundredth.</highlight></p>