16a23e08bSopenharmony_ci{
26a23e08bSopenharmony_ci  "template": {
36a23e08bSopenharmony_ci    "type": "div",
46a23e08bSopenharmony_ci    "attr": {
56a23e08bSopenharmony_ci      "value": "mediaQuery_test"
66a23e08bSopenharmony_ci    }
76a23e08bSopenharmony_ci  },
86a23e08bSopenharmony_ci  "styles": {
96a23e08bSopenharmony_ci    "@MEDIA": [
106a23e08bSopenharmony_ci      {
116a23e08bSopenharmony_ci        "condition": "(dark-mode:true)",
126a23e08bSopenharmony_ci        ".header": {
136a23e08bSopenharmony_ci          "width": "100%",
146a23e08bSopenharmony_ci          "height": "60px",
156a23e08bSopenharmony_ci          "fontSize": "16px",
166a23e08bSopenharmony_ci          "alignItems": "center",
176a23e08bSopenharmony_ci          "justifyContent": "center"
186a23e08bSopenharmony_ci        },
196a23e08bSopenharmony_ci        ".footer": {
206a23e08bSopenharmony_ci          "width": "100%",
216a23e08bSopenharmony_ci          "height": "40px",
226a23e08bSopenharmony_ci          "alignItems": "center"
236a23e08bSopenharmony_ci        }
246a23e08bSopenharmony_ci      },
256a23e08bSopenharmony_ci      {
266a23e08bSopenharmony_ci        "condition": "(dark-mode:true)",
276a23e08bSopenharmony_ci        ".title": {
286a23e08bSopenharmony_ci          "fontSize": "16px",
296a23e08bSopenharmony_ci          "color": "#333333",
306a23e08bSopenharmony_ci          "alignItems": "center"
316a23e08bSopenharmony_ci        },
326a23e08bSopenharmony_ci        ".container": {
336a23e08bSopenharmony_ci          "width": "500px",
346a23e08bSopenharmony_ci          "height": "500px",
356a23e08bSopenharmony_ci          "backgroundColor": "#fa8072"
366a23e08bSopenharmony_ci        },
376a23e08bSopenharmony_ci        ".button": {
386a23e08bSopenharmony_ci          "paddingTop": "50px",
396a23e08bSopenharmony_ci          "fontSize": "16px",
406a23e08bSopenharmony_ci          "color": "#666666",
416a23e08bSopenharmony_ci          "alignItems": "center",
426a23e08bSopenharmony_ci          "justifyContent": "center"
436a23e08bSopenharmony_ci        }
446a23e08bSopenharmony_ci      }
456a23e08bSopenharmony_ci    ]
466a23e08bSopenharmony_ci  },
476a23e08bSopenharmony_ci  "actions": {},
486a23e08bSopenharmony_ci  "data": {}
496a23e08bSopenharmony_ci}