{
  "widget": {
    "typeFullFqn": "system.cards.html_value_card",
    "type": "latest",
    "sizeX": 7.5,
    "sizeY": 3,
    "config": {
      "datasources": [
        {
          "type": "device",
          "name": "",
          "deviceId": "adfdbaf0-9e04-11f0-ad77-5ba1fa750088",
          "dataKeys": [
            {
              "name": "temperature",
              "type": "timeseries",
              "label": "temperature",
              "color": "#2196f3",
              "settings": {},
              "_hash": 0.3219162896447122
            }
          ],
          "alarmFilterConfig": {
            "statusList": [
              "ACTIVE"
            ]
          }
        }
      ],
      "timewindow": {
        "displayValue": "",
        "selectedTab": 0,
        "realtime": {
          "realtimeType": 1,
          "interval": 1000,
          "timewindowMs": 60000,
          "quickInterval": "CURRENT_DAY",
          "hideInterval": false,
          "hideLastInterval": false,
          "hideQuickInterval": false
        },
        "history": {
          "historyType": 0,
          "interval": 1000,
          "timewindowMs": 60000,
          "fixedTimewindow": {
            "startTimeMs": 1760536154277,
            "endTimeMs": 1760622554277
          },
          "quickInterval": "CURRENT_DAY",
          "hideInterval": false,
          "hideLastInterval": false,
          "hideFixedInterval": false,
          "hideQuickInterval": false
        },
        "aggregation": {
          "type": "AVG",
          "limit": 25000
        }
      },
      "showTitle": false,
      "backgroundColor": "#FFFFFF00",
      "color": "rgba(0, 0, 0, 0)",
      "padding": "0px",
      "settings": {
        "cardHtml": "<div class=\"temperature-card\">\n  <h3>${entityName}</h3>\n  <p class=\"temperature-value\">Temperature: ${temperature:1} °C</p>\n</div>\n",
        "cardCss": ".temperature-card {\n  background-color: #20232a;\n  color: #61dafb;\n  border: 6px solid #2196F3;\n  border-radius: 12px;\n  text-align: center; \n}\n\n.temperature-value {\n  font-size: 36px;\n}\n"
      },
      "title": "Temperature HTML Value Card with CSS",
      "dropShadow": false,
      "enableFullscreen": true,
      "widgetStyle": {},
      "titleStyle": {
        "fontSize": "16px",
        "fontWeight": 400
      },
      "useDashboardTimewindow": true,
      "showLegend": false,
      "actions": {},
      "displayTimewindow": true,
      "widgetCss": "",
      "pageSize": 1024,
      "noDataDisplayMessage": "",
      "showTitleIcon": false,
      "titleTooltip": ""
    },
    "row": 0,
    "col": 0,
    "id": "11ef361d-e31a-7245-b88a-8899c8ac77fd"
  },
  "aliasesInfo": {
    "datasourceAliases": {},
    "targetDeviceAlias": null
  },
  "filtersInfo": {
    "datasourceFilters": {}
  },
  "originalSize": {
    "sizeX": 8,
    "sizeY": 5
  },
  "originalColumns": 24
}