@record-evolution/widget-scada 1.0.2

package/dist/scada_symbols/right-heat-pump.svg

@@ -0,0 +1,948 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:tb="https://thingsboard.io/svg" width="800" height="600" fill="none" version="1.1" viewBox="0 0 800 600"><tb:metadata xmlns=""><![CDATA[{
+  "title": "Right heat pump",
+  "description": "Right heat pump with configurable connectors, running animation and various states.",
+  "searchTags": [
+    "pump",
+    "heat"
+  ],
+  "widgetSizeX": 4,
+  "widgetSizeY": 3,
+  "stateRenderFunction": "var levelUpButton = ctx.tags.levelUpButton;\nvar levelDownButton = ctx.tags.levelDownButton;\nvar levelArrowUp = ctx.tags.levelArrowUp;\nvar levelArrowDown = ctx.tags.levelArrowDown;\nvar powerButtonBackground = ctx.tags.powerButtonBackground;\nvar powerButtonIcons = ctx.tags.powerButtonIcon;\n\nvar temperature = ctx.values.temperature;\nvar running = ctx.values.running;\nvar minTemperature = ctx.properties.minTemperature;\nvar maxTemperature = ctx.properties.maxTemperature;\nvar disabledPowerColor = ctx.properties.disabledPowerButtonBackground;\nvar enabledPowerColor = ctx.properties.powerButtonBackground;\n\nvar levelUpEnabled = running && temperature < maxTemperature;\nvar levelDownEnabled = running && temperature > minTemperature;\n\nif (running) {\n    powerButtonBackground[0].attr({fill: enabledPowerColor});\n    powerButtonIcons.forEach(e => e.attr({fill: disabledPowerColor}));\n} else {\n    powerButtonBackground[0].attr({fill: disabledPowerColor});\n    powerButtonIcons.forEach(e => e.attr({fill: enabledPowerColor}));\n}\n\nif (levelUpEnabled) {\n    ctx.api.enable(levelUpButton);\n    levelArrowUp[0].attr({fill: '#647484'});\n} else {\n    ctx.api.disable(levelUpButton);\n    levelArrowUp[0].attr({fill: '#777'});\n}\n   \nif (levelDownEnabled) {\n    ctx.api.enable(levelDownButton);\n    levelArrowDown[0].attr({fill: '#647484'});\n} else {\n    ctx.api.disable(levelDownButton);\n    levelArrowDown[0].attr({fill: '#777'});\n}",
+  "tags": [
+    {
+      "tag": "background",
+      "stateRenderFunction": "var color = ctx.properties.heatPumpColor;\nelement.attr({fill: color});",
+      "actions": null
+    },
+    {
+      "tag": "clickArea",
+      "stateRenderFunction": null,
+      "actions": {
+        "click": {
+          "actionFunction": "ctx.api.callAction(event, 'click');"
+        }
+      }
+    },
+    {
+      "tag": "fan",
+      "stateRenderFunction": "var running = ctx.values.running;\nvar speed = ctx.values.rotationAnimationSpeed;\nvar fanRotate = ctx.api.cssAnimation(element);\nif (running) {\n    if (!fanRotate) {\n        fanRotate = ctx.api.cssAnimate(element, 2000)\n                                      .rotate(360).loop().speed(speed);\n    } else {\n        fanRotate.speed(speed).play();\n    }\n} else {\n    if (fanRotate) {\n        fanRotate.pause();\n    }\n}",
+      "actions": null
+    },
+    {
+      "tag": "fan-blade",
+      "stateRenderFunction": "var color = ctx.properties.stoppedColor;\nif (ctx.values.critical) {\n    color = ctx.properties.criticalColor;\n} else if (ctx.values.warning) {\n    color = ctx.properties.warningColor;\n} else if (ctx.values.running) {\n    color = ctx.properties.runningColor;\n}\nelement.attr({fill: color});\n\nvar elementCriticalAnimation = element.remember('criticalAnimation');\nvar criticalAnimation = ctx.values.critical && ctx.values.criticalAnimation;\n\nif (elementCriticalAnimation !== criticalAnimation) {\n    element.remember('criticalAnimation', criticalAnimation);\n    if (criticalAnimation) {\n        ctx.api.cssAnimate(element, 500).attr({opacity: 0.15}).loop(0, true);\n    } else {\n        ctx.api.resetCssAnimation(element);\n    }\n}",
+      "actions": null
+    },
+    {
+      "tag": "levelDownButton",
+      "stateRenderFunction": null,
+      "actions": {
+        "click": {
+          "actionFunction": "if (ctx.values.running) {\n    var temperature = ctx.values.temperature; \n    var minTemperature = ctx.properties.minTemperature;\n    var step = ctx.properties.temperatureStep;\n    \n    var newTemperature = Math.max(minTemperature, temperature - step);\n    ctx.api.setValue('temperature', newTemperature);\n    ctx.api.callAction(event, 'updateTemperatureState', newTemperature, {\n        error: () => {\n            ctx.api.setValue('temperature', temperature);\n        }\n    });\n}"
+        }
+      }
+    },
+    {
+      "tag": "levelUpButton",
+      "stateRenderFunction": null,
+      "actions": {
+        "click": {
+          "actionFunction": "if (ctx.values.running) {\n    var temperature = ctx.values.temperature; \n    var temperature = ctx.values.temperature; \n    var maxTemperature = ctx.properties.maxTemperature;\n    var minTemperature = ctx.properties.minTemperature;\n    var step = ctx.properties.temperatureStep;\n    var newTemperature = temperature || minTemperature === 0 ? Math.min(maxTemperature, temperature + step) : minTemperature;\n    ctx.api.setValue('temperature', newTemperature);\n    ctx.api.callAction(event, 'updateTemperatureState', newTemperature, {\n        error: () => {\n            ctx.api.setValue('temperature', temperature);\n        }\n    });\n}"
+        }
+      }
+    },
+    {
+      "tag": "pipe-background",
+      "stateRenderFunction": "var color = ctx.properties.pipeColor;\nelement.attr({fill: color});",
+      "actions": null
+    },
+    {
+      "tag": "power-button",
+      "stateRenderFunction": null,
+      "actions": {
+        "click": {
+          "actionFunction": "var rinning = ctx.values.running;\nvar action = rinning ? 'stop' : 'run';\n\nctx.api.callAction(event, action, undefined, {\n  next: () => {\n     ctx.api.setValue('running', !rinning);\n  }\n});"
+        }
+      }
+    },
+    {
+      "tag": "value-box-background",
+      "stateRenderFunction": "var color = ctx.properties.valueBoxBackground;\nelement.attr({fill: color});",
+      "actions": null
+    },
+    {
+      "tag": "value-text",
+      "stateRenderFunction": "var valueTextFont = ctx.properties.valueTextFont;\nvar valueTextColor = ctx.properties.valueTextColor;\nvar currentVolume = ctx.values.temperature;\nvar decimals = Math.floor(ctx.properties.temperatureStep) === ctx.properties.temperatureStep;\nvar valueText = ctx.api.formatValue(currentVolume, {units: ctx.properties.units, decimals: decimals ? 0 : 1, ignoreUnitSymbol: !ctx.properties.valueUnits});\nctx.api.font(element, valueTextFont, valueTextColor);\nctx.api.text(element, valueText);",
+      "actions": null
+    }
+  ],
+  "behavior": [
+    {
+      "id": "running",
+      "name": "{i18n:scada.symbol.running}",
+      "hint": "{i18n:scada.symbol.running-hint}",
+      "group": null,
+      "type": "value",
+      "valueType": "BOOLEAN",
+      "trueLabel": null,
+      "falseLabel": null,
+      "stateLabel": "{i18n:scada.symbol.running}",
+      "defaultGetValueSettings": {
+        "action": "GET_ATTRIBUTE",
+        "defaultValue": false,
+        "executeRpc": {
+          "method": "getState",
+          "requestTimeout": 5000,
+          "requestPersistent": false,
+          "persistentPollingInterval": 1000
+        },
+        "getAttribute": {
+          "scope": "SHARED_SCOPE",
+          "key": "running"
+        },
+        "getTimeSeries": {
+          "key": "state"
+        },
+        "dataToValue": {
+          "type": "NONE",
+          "dataToValueFunction": "/* Should return boolean value */\nreturn data;",
+          "compareToValue": true
+        }
+      },
+      "defaultSetValueSettings": null,
+      "defaultWidgetActionSettings": null
+    },
+    {
+      "id": "temperature",
+      "name": "{i18n:scada.symbol.temperature}",
+      "hint": "{i18n:scada.symbol.temperature-hint}",
+      "group": null,
+      "type": "value",
+      "valueType": "DOUBLE",
+      "trueLabel": null,
+      "falseLabel": null,
+      "stateLabel": null,
+      "defaultGetValueSettings": {
+        "action": "GET_TIME_SERIES",
+        "defaultValue": null,
+        "executeRpc": {
+          "method": "getState",
+          "requestTimeout": 5000,
+          "requestPersistent": false,
+          "persistentPollingInterval": 1000
+        },
+        "getAttribute": {
+          "scope": null,
+          "key": "state"
+        },
+        "getTimeSeries": {
+          "key": "temperature"
+        },
+        "dataToValue": {
+          "type": "NONE",
+          "dataToValueFunction": "/* Should return boolean value */\nreturn data;"
+        }
+      },
+      "defaultSetValueSettings": null,
+      "defaultWidgetActionSettings": null
+    },
+    {
+      "id": "updateTemperatureState",
+      "name": "{i18n:scada.symbol.update-temperature}",
+      "hint": "{i18n:scada.symbol.update-temperature-hint}",
+      "group": null,
+      "type": "action",
+      "valueType": "DOUBLE",
+      "trueLabel": null,
+      "falseLabel": null,
+      "stateLabel": null,
+      "defaultGetValueSettings": null,
+      "defaultSetValueSettings": {
+        "action": "ADD_TIME_SERIES",
+        "executeRpc": {
+          "method": "setState",
+          "requestTimeout": 5000,
+          "requestPersistent": false,
+          "persistentPollingInterval": 1000
+        },
+        "setAttribute": {
+          "scope": "SERVER_SCOPE",
+          "key": "state"
+        },
+        "putTimeSeries": {
+          "key": "temperature"
+        },
+        "valueToData": {
+          "type": "VALUE",
+          "constantValue": false,
+          "valueToDataFunction": "/* Convert input boolean value to RPC parameters or attribute/time-series value */\nreturn value;"
+        }
+      },
+      "defaultWidgetActionSettings": null
+    },
+    {
+      "id": "run",
+      "name": "{i18n:scada.symbol.run}",
+      "hint": "{i18n:scada.symbol.run-hint}",
+      "group": null,
+      "type": "action",
+      "valueType": "BOOLEAN",
+      "trueLabel": null,
+      "falseLabel": null,
+      "stateLabel": null,
+      "defaultGetValueSettings": null,
+      "defaultSetValueSettings": {
+        "action": "SET_ATTRIBUTE",
+        "executeRpc": {
+          "method": "setState",
+          "requestTimeout": 5000,
+          "requestPersistent": false,
+          "persistentPollingInterval": 1000
+        },
+        "setAttribute": {
+          "scope": "SHARED_SCOPE",
+          "key": "running"
+        },
+        "putTimeSeries": {
+          "key": "state"
+        },
+        "valueToData": {
+          "type": "CONSTANT",
+          "constantValue": true,
+          "valueToDataFunction": "/* Convert input boolean value to RPC parameters or attribute/time-series value */\nreturn value;"
+        }
+      },
+      "defaultWidgetActionSettings": null
+    },
+    {
+      "id": "stop",
+      "name": "{i18n:scada.symbol.stop}",
+      "hint": "{i18n:scada.symbol.stop-hint}",
+      "group": null,
+      "type": "action",
+      "valueType": "BOOLEAN",
+      "trueLabel": null,
+      "falseLabel": null,
+      "stateLabel": null,
+      "defaultGetValueSettings": null,
+      "defaultSetValueSettings": {
+        "action": "SET_ATTRIBUTE",
+        "executeRpc": {
+          "method": "setState",
+          "requestTimeout": 5000,
+          "requestPersistent": false,
+          "persistentPollingInterval": 1000
+        },
+        "setAttribute": {
+          "scope": "SHARED_SCOPE",
+          "key": "running"
+        },
+        "putTimeSeries": {
+          "key": "state"
+        },
+        "valueToData": {
+          "type": "CONSTANT",
+          "constantValue": false,
+          "valueToDataFunction": "/* Convert input boolean value to RPC parameters or attribute/time-series value */\nreturn value;"
+        }
+      },
+      "defaultWidgetActionSettings": null
+    },
+    {
+      "id": "warning",
+      "name": "{i18n:scada.symbol.warning-state}",
+      "hint": "{i18n:scada.symbol.warning-state-hint}",
+      "group": null,
+      "type": "value",
+      "valueType": "BOOLEAN",
+      "trueLabel": null,
+      "falseLabel": null,
+      "stateLabel": "{i18n:scada.symbol.warning}",
+      "defaultGetValueSettings": {
+        "action": "GET_ALARM_STATUS",
+        "defaultValue": false,
+        "executeRpc": {
+          "method": "getState",
+          "requestTimeout": 5000,
+          "requestPersistent": false,
+          "persistentPollingInterval": 1000
+        },
+        "getAttribute": {
+          "scope": null,
+          "key": "state"
+        },
+        "getTimeSeries": {
+          "key": "state"
+        },
+        "getAlarmStatus": {
+          "severityList": [
+            "MAJOR",
+            "MINOR",
+            "WARNING",
+            "INDETERMINATE"
+          ],
+          "typeList": null
+        },
+        "dataToValue": {
+          "type": "NONE",
+          "dataToValueFunction": "/* Should return boolean value */\nreturn data;",
+          "compareToValue": true
+        }
+      },
+      "defaultSetValueSettings": null,
+      "defaultWidgetActionSettings": null
+    },
+    {
+      "id": "critical",
+      "name": "{i18n:scada.symbol.critical-state}",
+      "hint": "{i18n:scada.symbol.critical-state-hint}",
+      "group": null,
+      "type": "value",
+      "valueType": "BOOLEAN",
+      "trueLabel": null,
+      "falseLabel": null,
+      "stateLabel": "{i18n:scada.symbol.critical}",
+      "defaultGetValueSettings": {
+        "action": "GET_ALARM_STATUS",
+        "defaultValue": false,
+        "executeRpc": {
+          "method": "getState",
+          "requestTimeout": 5000,
+          "requestPersistent": false,
+          "persistentPollingInterval": 1000
+        },
+        "getAttribute": {
+          "scope": null,
+          "key": "state"
+        },
+        "getTimeSeries": {
+          "key": "state"
+        },
+        "getAlarmStatus": {
+          "severityList": [
+            "CRITICAL"
+          ],
+          "typeList": null
+        },
+        "dataToValue": {
+          "type": "NONE",
+          "dataToValueFunction": "/* Should return boolean value */\nreturn data;",
+          "compareToValue": true
+        }
+      },
+      "defaultSetValueSettings": null,
+      "defaultWidgetActionSettings": null
+    },
+    {
+      "id": "criticalAnimation",
+      "name": "{i18n:scada.symbol.critical-state-animation}",
+      "hint": "{i18n:scada.symbol.critical-state-animation-hint}",
+      "group": null,
+      "type": "value",
+      "valueType": "BOOLEAN",
+      "trueLabel": null,
+      "falseLabel": null,
+      "stateLabel": "{i18n:scada.symbol.animation}",
+      "defaultGetValueSettings": {
+        "action": "DO_NOTHING",
+        "defaultValue": false,
+        "executeRpc": {
+          "method": "getState",
+          "requestTimeout": 5000,
+          "requestPersistent": false,
+          "persistentPollingInterval": 1000
+        },
+        "getAttribute": {
+          "key": "state",
+          "scope": null
+        },
+        "getTimeSeries": {
+          "key": "state"
+        },
+        "dataToValue": {
+          "type": "NONE",
+          "compareToValue": true,
+          "dataToValueFunction": "/* Should return boolean value */\nreturn data;"
+        }
+      },
+      "defaultSetValueSettings": null,
+      "defaultWidgetActionSettings": null
+    },
+    {
+      "id": "rotationAnimationSpeed",
+      "name": "{i18n:scada.symbol.rotation-animation-speed}",
+      "hint": "{i18n:scada.symbol.rotation-animation-speed-hint}",
+      "group": null,
+      "type": "value",
+      "valueType": "DOUBLE",
+      "trueLabel": null,
+      "falseLabel": null,
+      "stateLabel": null,
+      "defaultGetValueSettings": {
+        "action": "DO_NOTHING",
+        "defaultValue": 1,
+        "executeRpc": {
+          "method": "getState",
+          "requestTimeout": 5000,
+          "requestPersistent": false,
+          "persistentPollingInterval": 1000
+        },
+        "getAttribute": {
+          "scope": null,
+          "key": "state"
+        },
+        "getTimeSeries": {
+          "key": "state"
+        },
+        "dataToValue": {
+          "type": "NONE",
+          "dataToValueFunction": "/* Should return boolean value */\nreturn data;"
+        }
+      },
+      "defaultSetValueSettings": null,
+      "defaultWidgetActionSettings": null
+    },
+    {
+      "id": "click",
+      "name": "{i18n:scada.symbol.on-click}",
+      "hint": "{i18n:scada.symbol.on-click-hint}",
+      "group": null,
+      "type": "widgetAction",
+      "valueType": "BOOLEAN",
+      "trueLabel": null,
+      "falseLabel": null,
+      "stateLabel": null,
+      "defaultGetValueSettings": null,
+      "defaultSetValueSettings": null,
+      "defaultWidgetActionSettings": {
+        "type": "doNothing",
+        "targetDashboardStateId": null,
+        "openRightLayout": false,
+        "setEntityId": false,
+        "stateEntityParamName": null
+      }
+    }
+  ],
+  "properties": [
+    {
+      "id": "minTemperature",
+      "name": "{i18n:scada.symbol.temperature}",
+      "type": "number",
+      "default": 10,
+      "required": true,
+      "subLabel": "Min",
+      "divider": true,
+      "rowClass": "column-xs",
+      "min": 0,
+      "step": 1,
+      "disabled": false,
+      "visible": true
+    },
+    {
+      "id": "maxTemperature",
+      "name": "{i18n:scada.symbol.temperature}",
+      "type": "number",
+      "default": 45,
+      "required": true,
+      "subLabel": "Max",
+      "min": 0,
+      "step": 1,
+      "disabled": false,
+      "visible": true
+    },
+    {
+      "id": "temperatureStep",
+      "name": "{i18n:scada.symbol.temperature-step}",
+      "type": "number",
+      "default": 1,
+      "required": true,
+      "step": 0.5,
+      "disabled": false,
+      "visible": true
+    },
+    {
+      "id": "valueTextColor",
+      "name": "{i18n:scada.symbol.value-text}",
+      "type": "color",
+      "default": "#000000C2",
+      "disabled": false,
+      "visible": true
+    },
+    {
+      "id": "valueTextFont",
+      "name": "{i18n:scada.symbol.value-text}",
+      "type": "font",
+      "default": {
+        "size": 40,
+        "sizeUnit": "px",
+        "family": "Roboto",
+        "weight": "500",
+        "style": "normal"
+      },
+      "disabled": false,
+      "visible": true
+    },
+    {
+      "id": "valueUnits",
+      "name": "{i18n:scada.symbol.value-units}",
+      "type": "switch",
+      "default": false,
+      "disabled": false,
+      "visible": true
+    },
+    {
+      "id": "units",
+      "name": "{i18n:scada.symbol.value-units}",
+      "type": "units",
+      "default": "°C",
+      "supportsUnitConversion": true,
+      "disabled": false,
+      "visible": true
+    },
+    {
+      "id": "valueBoxBackground",
+      "name": "{i18n:scada.symbol.value-box-background}",
+      "type": "color",
+      "default": "#FFFFFF",
+      "disabled": false,
+      "visible": true
+    },
+    {
+      "id": "powerButtonBackground",
+      "name": "{i18n:scada.symbol.power-button-background}",
+      "type": "color",
+      "default": "#1ABB48",
+      "subLabel": "Enabled",
+      "divider": true,
+      "rowClass": "column-xs",
+      "disabled": false,
+      "visible": true
+    },
+    {
+      "id": "disabledPowerButtonBackground",
+      "name": "{i18n:scada.symbol.power-button-background}",
+      "type": "color",
+      "default": "#FFFFFF",
+      "subLabel": "Disabled",
+      "disabled": false,
+      "visible": true
+    },
+    {
+      "id": "runningColor",
+      "name": "{i18n:scada.symbol.running-color}",
+      "type": "color",
+      "default": "#1C943E",
+      "disabled": false,
+      "visible": true
+    },
+    {
+      "id": "stoppedColor",
+      "name": "{i18n:scada.symbol.stopped-color}",
+      "type": "color",
+      "default": "#696969",
+      "disabled": false,
+      "visible": true
+    },
+    {
+      "id": "warningColor",
+      "name": "{i18n:scada.symbol.warning-color}",
+      "type": "color",
+      "default": "#FAA405",
+      "disabled": false,
+      "visible": true
+    },
+    {
+      "id": "criticalColor",
+      "name": "{i18n:scada.symbol.critical-color}",
+      "type": "color",
+      "default": "#D12730",
+      "disabled": false,
+      "visible": true
+    },
+    {
+      "id": "heatPumpColor",
+      "name": "{i18n:scada.symbol.heat-pump-color}",
+      "type": "color",
+      "default": "#E5E5E5",
+      "disabled": false,
+      "visible": true
+    },
+    {
+      "id": "pipeColor",
+      "name": "{i18n:scada.symbol.pipe-color}",
+      "type": "color",
+      "default": "#FFFFFF",
+      "disabled": false,
+      "visible": true
+    }
+  ]
+}]]></tb:metadata>
+<rect x="254" y="571" width="300" height="29" rx="7" fill="#fff"/><rect x="254" y="571" width="300" height="29" rx="7" fill="url(#paint0_linear_1826_356190)"/><rect x="255.5" y="572.5" width="297" height="26" rx="5.5" stroke="#000" stroke-opacity=".12" stroke-width="3"/><path d="m307 545h194l32 26h-258l32-26z" fill="#fff"/><path d="m307 545h194l32 26h-258l32-26z" fill="url(#paint1_linear_1826_356190)"/><path d="m279.22 569.5 28.308-23h192.93l28.308 23h-249.55z" stroke="#000" stroke-opacity=".12" stroke-width="3"/><rect transform="matrix(-1 0 0 1 767 0)" width="763" height="545" rx="12" fill="#E5E5E5"/><rect transform="matrix(-1 0 0 1 767 0)" width="763" height="545" rx="12" fill="url(#paint2_linear_1826_356190)"/><rect transform="matrix(-1 0 0 1 764 0)" x="-1.5" y="1.5" width="760" height="542" rx="10.5" stroke="#000" stroke-opacity=".12" stroke-width="3"/><path d="m767 12c0-6.6274-5.373-12-12-12h-739c-6.6274 0-12 5.3726-12 12v521c0 6.627 5.3726 12 12 12h739c6.627 0 12-5.373 12-12v-521z" fill="#4A4848" fill-opacity=".5"/><rect transform="matrix(-1 0 0 1 801 50)" x="-1.5" y="1.5" width="11" height="97" rx="5.5" fill="#D9D9D9" stroke="#727171" stroke-width="3"/><path d="m790 64h-23v72h23v-72z" fill="#fff" tb:tag="pipe-background"/><path d="m790 64h-23v72h23v-72z" fill="url(#paint3_linear_1826_356190)"/><path d="m788.5 65.5h-20v69h20v-69z" stroke="#000" stroke-opacity=".12" stroke-width="3"/><rect transform="matrix(-1 0 0 1 801 250)" x="-1.5" y="1.5" width="11" height="97" rx="5.5" fill="#D9D9D9" stroke="#727171" stroke-width="3"/><path d="m790 264h-23v72h23v-72z" fill="#fff" tb:tag="pipe-background"/><path d="m790 264h-23v72h23v-72z" fill="url(#paint4_linear_1826_356190)"/><path d="m788.5 265.5h-20v69h20v-69z" stroke="#000" stroke-opacity=".12" stroke-width="3"/><rect x="4" width="763" height="545" rx="12" fill="#E5E5E5" tb:tag="background"/><rect x="4" width="763" height="545" rx="12" fill="url(#paint5_linear_1826_356190)"/><rect x="5.5" y="1.5" width="760" height="542" rx="10.5" stroke="#000" stroke-opacity=".12" stroke-width="3"/><g filter="url(#filter0_d_1826_356190)">
+  <path d="m767 12c0-6.6274-5.373-12-12-12h-739c-6.6274 0-12 5.3726-12 12v521c0 6.627 5.3726 12 12 12h161.7c0.532 0 1.002-0.027 1.529-0.1 13.196-1.836 202.34-29.137 319.77-101.9 151.45-93.843 252.83-258.48 266.44-281.34 1.072-1.801 1.565-3.765 1.565-5.86v-143.8z" fill="#E5E5E5" tb:tag="background"/>
+  <path d="m767 12c0-6.6274-5.373-12-12-12h-739c-6.6274 0-12 5.3726-12 12v521c0 6.627 5.3726 12 12 12h161.7c0.532 0 1.002-0.027 1.529-0.1 13.196-1.836 202.34-29.137 319.77-101.9 151.45-93.843 252.83-258.48 266.44-281.34 1.072-1.801 1.565-3.765 1.565-5.86v-143.8z" fill="url(#paint6_linear_1826_356190)"/>
+  <path d="m765.5 12c0-5.799-4.701-10.5-10.5-10.5h-739c-5.799 0-10.5 4.701-10.5 10.5v521c0 5.799 4.701 10.5 10.5 10.5h161.7c0.475 0 0.875-0.024 1.322-0.086 6.567-0.913 57.094-8.188 120.64-24.32 63.568-16.138 140.03-41.11 198.55-77.369 151.12-93.639 252.34-258 265.94-280.83 0.922-1.549 1.354-3.244 1.354-5.093v-143.8z" stroke="#000" stroke-opacity=".12" stroke-width="3"/>
+ </g><g filter="url(#filter2_ii_1826_356190)">
+  <path d="m499 82c0-6.6274 5.373-12 12-12h157c6.627 0 12 5.3726 12 12v56c0 6.627-5.373 12-12 12h-157c-6.627 0-12-5.373-12-12v-56z" fill="#FFFEFE" tb:tag="value-box-background"/>
+  <path d="m500 82c0-6.0751 4.925-11 11-11h157c6.075 0 11 4.9249 11 11v56c0 6.075-4.925 11-11 11h-157c-6.075 0-11-4.925-11-11v-56z" stroke="#fff" stroke-width="2"/>
+  <text x="589.51953" y="113.75" fill="#000000" font-family="Roboto, sans-serif" font-size="40px" font-weight="500" tb:tag="value-text" xml:space="preserve" text-anchor="middle"><tspan dominant-baseline="middle">27</tspan></text>
+ </g><circle cx="274" cy="278.2" r="180" fill="#B6B4B4"/><circle cx="274" cy="278.2" r="180" fill="url(#paint7_radial_1826_356190)"/><circle cx="274" cy="278.2" r="178.5" stroke="#000" stroke-opacity=".12" stroke-width="3"/><g transform="translate(93.999 97.999)" tb:tag="fan">
+  <circle cx="180" cy="180.2" r="180" fill="#b6b4b4"/>
+  <circle cx="180" cy="180.2" r="178.5" stroke="#000" stroke-opacity=".12" stroke-width="3"/>
+  <circle cx="180" cy="180.2" r="180" fill="url(#paint0_radial_2156_297796)" style="fill:url(#paint0_radial_2156_297796)"/>
+  <g fill="#1c943e" filter="url(#filter0_i_2156_297796)">
+   <path d="m162.45 272.72c-12.534-22.386 4.659-55.098 12.57-72.678 5.14-0.653 4.849-0.958 16.333-2.834 1.64-0.268 19.237 10.828 33.189 10.442 13.953-0.387 43.406-6.31 54.781 12.202 11.374 18.512 8.359 48.668-36.52 72.471-44.879 23.802-69.19 0.335-80.353-19.603z" tb:tag="fan-blade"/>
+   <path d="m114.19 101.25c25.288 4.328 39.917 38.264 48.614 55.469-2.723 4.408-2.303 4.373-8.065 14.483-0.823 1.444-20.515 8.152-28.987 19.244-8.472 11.093-22.384 37.721-43.93 34.927-21.547-2.794-43.101-24.098-33.394-73.963 9.7068-49.864 43.24-54.015 65.763-50.16z" tb:tag="fan-blade"/>
+   <path d="m278.85 148.75c-15.152 20.705-52.05 18.663-71.327 18.775-2.731-4.403-2.888-4.012-9.366-13.677-0.926-1.381 1.852-21.998-4.298-34.527-6.151-12.53-23.78-36.857-11.67-54.896 12.11-18.04 40.79-27.831 81.093 3.0948 40.302 30.926 29.062 62.791 15.568 81.231z" tb:tag="fan-blade"/>
+  </g>
+ </g><mask id="path-36-inside-1_1826_356190" fill="white">
+  <path d="m454 280.2c0 99.411-80.589 180-180 180s-180-80.589-180-180 80.589-180 180-180 180 80.589 180 180zm-331.96 0c0 83.926 68.035 151.96 151.96 151.96s151.96-68.035 151.96-151.96c0-83.925-68.035-151.96-151.96-151.96s-151.96 68.036-151.96 151.96z"/>
+ </mask><path d="m454 280.2c0 99.411-80.589 180-180 180s-180-80.589-180-180 80.589-180 180-180 180 80.589 180 180zm-331.96 0c0 83.926 68.035 151.96 151.96 151.96s151.96-68.035 151.96-151.96c0-83.925-68.035-151.96-151.96-151.96s-151.96 68.036-151.96 151.96z" fill="#fff"/><path d="m454 280.2c0 99.411-80.589 180-180 180s-180-80.589-180-180 80.589-180 180-180 180 80.589 180 180zm-331.96 0c0 83.926 68.035 151.96 151.96 151.96s151.96-68.035 151.96-151.96c0-83.925-68.035-151.96-151.96-151.96s-151.96 68.036-151.96 151.96z" fill="url(#paint8_linear_1826_356190)"/><path d="m454 280.2c0 99.411-80.589 180-180 180s-180-80.589-180-180 80.589-180 180-180 180 80.589 180 180zm-331.96 0c0 83.926 68.035 151.96 151.96 151.96s151.96-68.035 151.96-151.96c0-83.925-68.035-151.96-151.96-151.96s-151.96 68.036-151.96 151.96z" mask="url(#path-36-inside-1_1826_356190)" stroke="#000" stroke-opacity=".12" stroke-width="8"/><line x1="275.6" x2="275.6" y1="116.27" y2="254.49" stroke="url(#paint9_linear_1826_356190)" stroke-width="3.2143"/><line x1="275.6" x2="275.6" y1="305.91" y2="444.13" stroke="url(#paint10_linear_1826_356190)" stroke-width="3.2143"/><line x1="299.71" x2="437.93" y1="278.59" y2="278.59" stroke="url(#paint11_linear_1826_356190)" stroke-width="3.2143"/><line x1="110.07" x2="248.28" y1="278.59" y2="278.59" stroke="url(#paint12_linear_1826_356190)" stroke-width="3.2143"/><path d="m158.28 162.88 96.755 97.696" stroke="url(#paint13_linear_1826_356190)" stroke-width="3.2143"/><line x1="294.42" x2="394.06" y1="298.35" y2="397.99" stroke="url(#paint14_linear_1826_356190)" stroke-width="3.2143"/><line x1="157.15" x2="253.58" y1="394.78" y2="298.35" stroke="url(#paint15_linear_1826_356190)" stroke-width="3.2143"/><path d="m295.36 259.78 97.565-95.292" stroke="url(#paint16_linear_1826_356190)" stroke-width="3.2143"/><path d="m443.06 278.91c0 1.949-1.58 3.529-3.529 3.529s-3.529-1.58-3.529-3.529 1.58-3.529 3.529-3.529 3.529 1.58 3.529 3.529z" fill="url(#paint17_linear_1826_356190)"/><circle cx="434.28" cy="323.12" r="3.5292" fill="url(#paint18_linear_1826_356190)"/><circle cx="417.77" cy="363.02" r="3.5292" fill="url(#paint19_linear_1826_356190)"/><path d="m396.46 397.21c0 1.95-1.581 3.53-3.53 3.53s-3.529-1.58-3.529-3.53c0-1.949 1.58-3.529 3.529-3.529s3.53 1.58 3.53 3.529z" fill="url(#paint20_linear_1826_356190)"/><circle cx="356.99" cy="423.87" r="3.5292" fill="url(#paint21_linear_1826_356190)"/><circle cx="316.96" cy="440.47" r="3.5292" fill="url(#paint22_linear_1826_356190)"/><path d="m278.82 445.74c0 1.949-1.58 3.529-3.53 3.529-1.949 0-3.529-1.58-3.529-3.529s1.58-3.529 3.529-3.529c1.95 0 3.53 1.58 3.53 3.529z" fill="url(#paint23_linear_1826_356190)"/><circle cx="230.42" cy="440.31" r="3.5292" fill="url(#paint24_linear_1826_356190)"/><circle cx="190.52" cy="423.59" r="3.5292" fill="url(#paint25_linear_1826_356190)"/><path d="m159.59 395.92c0 1.949-1.581 3.529-3.53 3.529s-3.529-1.58-3.529-3.529 1.58-3.529 3.529-3.529 3.53 1.58 3.53 3.529z" fill="url(#paint26_linear_1826_356190)"/><circle cx="130.07" cy="362.73" r="3.5292" fill="url(#paint27_linear_1826_356190)"/><circle cx="113.68" cy="322.95" r="3.5292" fill="url(#paint28_linear_1826_356190)"/><circle cx="108.12" cy="278.9" r="3.5292" fill="url(#paint29_linear_1826_356190)"/><circle cx="114.03" cy="236.14" r="3.5292" fill="url(#paint30_linear_1826_356190)"/><circle cx="130.66" cy="196.66" r="3.5292" fill="url(#paint31_linear_1826_356190)"/><circle cx="157.51" cy="162.1" r="3.5292" fill="url(#paint32_linear_1826_356190)"/><circle cx="191.58" cy="136.21" r="3.5292" fill="url(#paint33_linear_1826_356190)"/><circle cx="232.31" cy="119.6" r="3.5292" fill="url(#paint34_linear_1826_356190)"/><circle cx="275.96" cy="114.33" r="3.5292" fill="url(#paint35_linear_1826_356190)"/><circle cx="318.57" cy="120.38" r="3.5292" fill="url(#paint36_linear_1826_356190)"/><circle cx="357.91" cy="137.08" r="3.5292" fill="url(#paint37_linear_1826_356190)"/><circle cx="392.51" cy="164.13" r="3.5292" fill="url(#paint38_linear_1826_356190)"/><circle cx="418.35" cy="198.42" r="3.5292" fill="url(#paint39_linear_1826_356190)"/><circle cx="434.76" cy="239.12" r="3.5292" fill="url(#paint40_linear_1826_356190)"/><g filter="url(#filter6_i_1826_356190)">
+  <circle cx="273.56" cy="279.76" r="49.821" stroke="#AFAFAF" stroke-width="3.2143"/>
+ </g><g filter="url(#filter7_i_1826_356190)">
+  <circle cx="273.56" cy="279.76" r="88.393" stroke="#AFAFAF" stroke-width="3.2143"/>
+ </g><g filter="url(#filter8_i_1826_356190)">
+  <circle cx="273.56" cy="279.76" r="126.96" stroke="#AFAFAF" stroke-width="3.2143"/>
+ </g><circle cx="274" cy="280.2" r="32.143" fill="#E0E0E0"/><circle transform="rotate(90 298.91 279.4)" cx="298.91" cy="279.4" r="3.2143" fill="url(#paint41_linear_1826_356190)"/><circle transform="rotate(135 292.18 297.25)" cx="292.18" cy="297.25" r="3.2143" fill="url(#paint42_linear_1826_356190)"/><circle transform="rotate(180.22 274.7 305.11)" cx="274.7" cy="305.11" r="3.2143" fill="url(#paint43_linear_1826_356190)"/><circle transform="rotate(225.21 256.89 298.32)" cx="256.89" cy="298.32" r="3.2143" fill="url(#paint44_linear_1826_356190)"/><circle transform="rotate(-89.558 249.08 280.81)" cx="249.08" cy="280.81" r="3.2143" fill="url(#paint45_linear_1826_356190)"/><circle transform="rotate(-44.584 255.93 263.03)" cx="255.93" cy="263.03" r="3.2143" fill="url(#paint46_linear_1826_356190)"/><circle transform="rotate(45.624 291.24 262.19)" cx="291.24" cy="262.19" r="3.2143" fill="url(#paint47_linear_1826_356190)"/><circle cx="273.2" cy="255.29" r="3.2143" fill="url(#paint48_linear_1826_356190)"/><path d="m260.5 0s-256.83 0-256.83 91.259v447.25c0 3.6111 6.8379 6.3205 15.273 6.3205h733.1c8.4344 0 15.273-2.7094 15.273-6.3205v-447.25c0-91.259-252.27-91.259-252.27-91.259h-129.55zm256.09 110.6c-4.9204 0-8.9092 1.7075-8.9092 3.8138v409.17c0 2.1063 3.9888 3.8138 8.9092 3.8138h56c4.9204 0 8.9092-1.7075 8.9092-3.8138v-409.17c0-2.1063-3.9888-3.8138-8.9092-3.8138z" fill="#000" fill-opacity="0" tb:tag="clickArea"/><g filter="url(#filter1_i_1826_356190)" tb:tag="power-button">
+  <path d="m680 440c0 22.644-18.355 41-40.998 41s-40.998-18.356-40.998-41 18.355-41 40.998-41 40.998 18.356 40.998 41z" fill="#1C943E" tb:tag="powerButtonBackground"/>
+  <path d="m679.1 440c0 22.151-17.956 40.107-40.105 40.107s-40.105-17.956-40.105-40.107 17.956-40.107 40.105-40.107 40.105 17.956 40.105 40.107z" stroke="#fff" stroke-width="1.7857"/>
+  <path d="m635.03 426.64c0-0.91-0.867-1.572-1.71-1.231-5.712 2.306-9.751 7.988-9.751 14.632 0 8.689 6.908 15.732 15.43 15.732 8.521 0 15.429-7.043 15.429-15.732 0-6.644-4.04-12.327-9.752-14.633-0.843-0.34-1.71 0.321-1.71 1.231 0 0.594 0.383 1.115 0.929 1.348 4.594 1.958 7.855 6.592 7.855 12.054 0 7.259-5.758 13.054-12.751 13.054-6.994 0-12.751-5.795-12.751-13.054 0-5.462 3.26-10.095 7.853-12.054 0.547-0.233 0.929-0.753 0.929-1.347z" clip-rule="evenodd" fill="#fff" fill-rule="evenodd" tb:tag="powerButtonIcon"/>
+  <path d="m638.12 423.31c0-0.487 0.395-0.881 0.882-0.881s0.882 0.394 0.882 0.881v14.457c0 0.487-0.395 0.881-0.882 0.881s-0.882-0.394-0.882-0.881v-14.457z" fill="#fff" tb:tag="powerButtonIcon"/>
+ </g><g filter="url(#filter3_i_1826_356190)" tb:tag="levelUpButton">
+  <path d="m584.3 201.99c0 22.639-18.424 40.991-41.151 40.991-22.726 0-41.15-18.352-41.15-40.991s18.424-40.991 41.15-40.991c22.727 0 41.151 18.352 41.151 40.991z" fill="#000" fill-opacity=".06"/>
+  <path d="m559.63 208.92c0.891 0 1.337-1.077 0.707-1.707l-16.128-16.128c-0.39-0.39-1.023-0.39-1.414 0l-16.127 16.128c-0.63 0.63-0.184 1.707 0.707 1.707h32.255z" fill="#647484" tb:tag="levelArrowUp"/>
+ </g><path d="m583.3 201.99c0 22.083-17.972 39.991-40.151 39.991-22.178 0-40.15-17.908-40.15-39.991s17.972-39.991 40.15-39.991c22.179 0 40.151 17.908 40.151 39.991z" stroke="#fff" stroke-width="2"/><g filter="url(#filter4_i_1826_356190)" tb:tag="levelDownButton">
+  <path d="m676.3 201.99c0 22.639-18.424 40.991-41.151 40.991-22.726 0-41.15-18.352-41.15-40.991s18.424-40.991 41.15-40.991c22.727 0 41.151 18.352 41.151 40.991z" fill="#000" fill-opacity=".06"/>
+  <path d="m651.63 194.08c0.891 0 1.337 1.077 0.707 1.707l-16.128 16.128c-0.39 0.39-1.023 0.39-1.414 0l-16.127-16.128c-0.63-0.63-0.184-1.707 0.707-1.707h32.255z" fill="#647484" tb:tag="levelArrowDown"/>
+ </g><path d="m675.3 201.99c0 22.083-17.972 39.991-40.151 39.991-22.178 0-40.15-17.908-40.15-39.991s17.972-39.991 40.15-39.991c22.179 0 40.151 17.908 40.151 39.991z" stroke="#fff" stroke-width="2"/><defs>
+  <filter id="filter0_d_1826_356190" x="0" y="0" width="771" height="553" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
+   <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+   <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+   <feOffset dy="4"/>
+   <feGaussianBlur stdDeviation="2"/>
+   <feComposite in2="hardAlpha" operator="out"/>
+   <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+   <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_1826_356190"/>
+   <feBlend in="SourceGraphic" in2="effect1_dropShadow_1826_356190" result="shape"/>
+  </filter>
+  <filter id="filter1_i_1826_356190" x="593.54" y="399" width="86.46" height="86.464" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
+   <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+   <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+   <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+   <feOffset dx="-4.46429" dy="4.46429"/>
+   <feGaussianBlur stdDeviation="3.57143"/>
+   <feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/>
+   <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
+   <feBlend in2="shape" result="effect1_innerShadow_1826_356190"/>
+  </filter>
+  <filter id="filter2_ii_1826_356190" x="497" y="68" width="185" height="84" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
+   <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+   <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+   <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+   <feOffset dx="-2" dy="2"/>
+   <feGaussianBlur stdDeviation="3"/>
+   <feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/>
+   <feColorMatrix values="0 0 0 0 0.445833 0 0 0 0 0.445833 0 0 0 0 0.445833 0 0 0 0.5 0"/>
+   <feBlend in2="shape" result="effect1_innerShadow_1826_356190"/>
+   <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+   <feOffset dx="2" dy="-2"/>
+   <feGaussianBlur stdDeviation="2"/>
+   <feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/>
+   <feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0"/>
+   <feBlend in2="effect1_innerShadow_1826_356190" result="effect2_innerShadow_1826_356190"/>
+  </filter>
+  <filter id="filter3_i_1826_356190" x="497.54" y="161" width="86.765" height="86.447" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
+   <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+   <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+   <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+   <feOffset dx="-4.46429" dy="4.46429"/>
+   <feGaussianBlur stdDeviation="3.57143"/>
+   <feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/>
+   <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
+   <feBlend in2="shape" result="effect1_innerShadow_1826_356190"/>
+  </filter>
+  <filter id="filter4_i_1826_356190" x="589.54" y="161" width="86.765" height="86.447" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
+   <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+   <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+   <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+   <feOffset dx="-4.46429" dy="4.46429"/>
+   <feGaussianBlur stdDeviation="3.57143"/>
+   <feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/>
+   <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
+   <feBlend in2="shape" result="effect1_innerShadow_1826_356190"/>
+  </filter>
+  <filter id="filter6_i_1826_356190" x="222.13" y="228.33" width="106.07" height="106.07" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
+   <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+   <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+   <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+   <feOffset dx="3.21429" dy="3.21429"/>
+   <feGaussianBlur stdDeviation="1.60714"/>
+   <feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/>
+   <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+   <feBlend in2="shape" result="effect1_innerShadow_1826_356190"/>
+  </filter>
+  <filter id="filter7_i_1826_356190" x="183.56" y="189.76" width="183.21" height="183.21" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
+   <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+   <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+   <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+   <feOffset dx="3.21429" dy="3.21429"/>
+   <feGaussianBlur stdDeviation="1.60714"/>
+   <feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/>
+   <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+   <feBlend in2="shape" result="effect1_innerShadow_1826_356190"/>
+  </filter>
+  <filter id="filter8_i_1826_356190" x="144.99" y="151.19" width="260.36" height="260.36" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
+   <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+   <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+   <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+   <feOffset dx="3.21429" dy="3.21429"/>
+   <feGaussianBlur stdDeviation="1.60714"/>
+   <feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/>
+   <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+   <feBlend in2="shape" result="effect1_innerShadow_1826_356190"/>
+  </filter>
+  <linearGradient id="paint0_linear_1826_356190" x1="260.82" x2="271.38" y1="585.5" y2="639.46" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#727171" stop-opacity=".2" offset="0"/>
+   <stop stop-color="#727171" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint1_linear_1826_356190" x1="533" x2="277.43" y1="558.16" y2="533.16" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#727171" offset="0"/>
+   <stop stop-color="#727171" stop-opacity=".35" offset=".26388"/>
+   <stop stop-color="#727171" stop-opacity=".1" offset=".41759"/>
+   <stop stop-color="#fff" stop-opacity="0" offset=".49829"/>
+   <stop stop-color="#727171" stop-opacity=".1" offset=".58094"/>
+   <stop stop-color="#727171" stop-opacity=".35" offset=".71855"/>
+   <stop stop-color="#727171" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint2_linear_1826_356190" x1="763" x2=".00025493" y1="256.15" y2="257.65" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#020202" stop-opacity=".35" offset="0"/>
+   <stop stop-color="#020202" stop-opacity=".12" offset=".02629"/>
+   <stop stop-color="#fff" stop-opacity=".12" offset=".11617"/>
+   <stop stop-color="#fff" stop-opacity=".3" offset=".49829"/>
+   <stop stop-color="#fff" stop-opacity=".12" offset=".88762"/>
+   <stop stop-color="#020202" stop-opacity=".12" offset=".96591"/>
+   <stop stop-color="#020202" stop-opacity=".35" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint3_linear_1826_356190" x1="784.02" x2="785.44" y1="64" y2="135.98" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#727171" offset="0"/>
+   <stop stop-color="#727171" stop-opacity=".35" offset=".26388"/>
+   <stop stop-color="#727171" stop-opacity=".1" offset=".41759"/>
+   <stop stop-color="#fff" stop-opacity="0" offset=".49829"/>
+   <stop stop-color="#727171" stop-opacity=".1" offset=".58094"/>
+   <stop stop-color="#727171" stop-opacity=".35" offset=".71855"/>
+   <stop stop-color="#727171" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint4_linear_1826_356190" x1="784.02" x2="785.44" y1="264" y2="335.98" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#727171" offset="0"/>
+   <stop stop-color="#727171" stop-opacity=".35" offset=".26388"/>
+   <stop stop-color="#727171" stop-opacity=".1" offset=".41759"/>
+   <stop stop-color="#fff" stop-opacity="0" offset=".49829"/>
+   <stop stop-color="#727171" stop-opacity=".1" offset=".58094"/>
+   <stop stop-color="#727171" stop-opacity=".35" offset=".71855"/>
+   <stop stop-color="#727171" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint5_linear_1826_356190" x1="767" x2="4.0002" y1="256.15" y2="257.65" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#020202" stop-opacity=".35" offset="0"/>
+   <stop stop-color="#020202" stop-opacity=".12" offset=".02629"/>
+   <stop stop-color="#fff" stop-opacity=".12" offset=".11617"/>
+   <stop stop-color="#fff" stop-opacity=".3" offset=".49829"/>
+   <stop stop-color="#fff" stop-opacity=".12" offset=".88762"/>
+   <stop stop-color="#020202" stop-opacity=".12" offset=".96591"/>
+   <stop stop-color="#020202" stop-opacity=".35" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint6_linear_1826_356190" x1="4" x2="767" y1="256.15" y2="257.65" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#020202" stop-opacity=".35" offset="0"/>
+   <stop stop-color="#020202" stop-opacity=".12" offset=".02629"/>
+   <stop stop-color="#fff" stop-opacity=".12" offset=".11617"/>
+   <stop stop-color="#fff" stop-opacity=".3" offset=".49829"/>
+   <stop stop-color="#fff" stop-opacity=".12" offset=".88762"/>
+   <stop stop-color="#020202" stop-opacity=".12" offset=".96591"/>
+   <stop stop-color="#020202" stop-opacity=".35" offset="1"/>
+  </linearGradient>
+  <radialGradient id="paint7_radial_1826_356190" cx="0" cy="0" r="1" gradientTransform="translate(274 278.62) rotate(180.27) scale(180 180.42)" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#020202" stop-opacity=".35" offset="0"/>
+   <stop stop-color="#020202" stop-opacity=".12" offset=".36906"/>
+   <stop stop-color="#fff" stop-opacity=".12" offset=".70499"/>
+   <stop stop-color="#fff" stop-opacity=".15" offset=".99966"/>
+  </radialGradient>
+  <linearGradient id="paint8_linear_1826_356190" x1="152.5" x2="404.5" y1="145.2" y2="419.7" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#727171" stop-opacity=".4" offset="0"/>
+   <stop stop-color="#727171" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint9_linear_1826_356190" x1="275" x2="274" y1="178.95" y2="178.95" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#D0D0D0" offset="0"/>
+   <stop stop-color="#6A6A6A" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint10_linear_1826_356190" x1="275" x2="274" y1="368.59" y2="368.59" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#D0D0D0" offset="0"/>
+   <stop stop-color="#6A6A6A" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint11_linear_1826_356190" x1="362.39" x2="362.39" y1="279.2" y2="280.2" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#D0D0D0" offset="0"/>
+   <stop stop-color="#6A6A6A" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint12_linear_1826_356190" x1="172.75" x2="172.75" y1="279.2" y2="280.2" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#D0D0D0" offset="0"/>
+   <stop stop-color="#6A6A6A" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint13_linear_1826_356190" x1="203.48" x2="201.2" y1="206.74" y2="209.01" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#D0D0D0" offset="0"/>
+   <stop stop-color="#6A6A6A" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint14_linear_1826_356190" x1="339.18" x2="338.47" y1="343.97" y2="344.67" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#D0D0D0" offset="0"/>
+   <stop stop-color="#6A6A6A" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint15_linear_1826_356190" x1="201.31" x2="202.01" y1="351.48" y2="352.18" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#D0D0D0" offset="0"/>
+   <stop stop-color="#6A6A6A" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint16_linear_1826_356190" x1="338.28" x2="341.5" y1="214.31" y2="217.52" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#D0D0D0" offset="0"/>
+   <stop stop-color="#6A6A6A" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint17_linear_1826_356190" x1="442.18" x2="436.89" y1="276.26" y2="281.55" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#fff" offset="0"/>
+   <stop stop-color="#B6B6B6" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint18_linear_1826_356190" x1="436.93" x2="431.64" y1="320.47" y2="325.76" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#fff" offset="0"/>
+   <stop stop-color="#B6B6B6" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint19_linear_1826_356190" x1="420.42" x2="415.12" y1="360.37" y2="365.66" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#fff" offset="0"/>
+   <stop stop-color="#B6B6B6" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint20_linear_1826_356190" x1="395.58" x2="390.28" y1="394.56" y2="399.85" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#fff" offset="0"/>
+   <stop stop-color="#B6B6B6" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint21_linear_1826_356190" x1="359.63" x2="354.34" y1="421.22" y2="426.52" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#fff" offset="0"/>
+   <stop stop-color="#B6B6B6" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint22_linear_1826_356190" x1="319.61" x2="314.32" y1="437.82" y2="443.12" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#fff" offset="0"/>
+   <stop stop-color="#B6B6B6" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint23_linear_1826_356190" x1="277.94" x2="272.65" y1="443.09" y2="448.38" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#fff" offset="0"/>
+   <stop stop-color="#B6B6B6" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint24_linear_1826_356190" x1="233.07" x2="227.78" y1="437.66" y2="442.95" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#fff" offset="0"/>
+   <stop stop-color="#B6B6B6" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint25_linear_1826_356190" x1="193.17" x2="187.87" y1="420.94" y2="426.24" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#fff" offset="0"/>
+   <stop stop-color="#B6B6B6" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint26_linear_1826_356190" x1="158.71" x2="153.42" y1="393.27" y2="398.56" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#fff" offset="0"/>
+   <stop stop-color="#B6B6B6" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint27_linear_1826_356190" x1="132.72" x2="127.42" y1="360.09" y2="365.38" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#fff" offset="0"/>
+   <stop stop-color="#B6B6B6" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint28_linear_1826_356190" x1="116.32" x2="111.03" y1="320.31" y2="325.6" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#fff" offset="0"/>
+   <stop stop-color="#B6B6B6" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint29_linear_1826_356190" x1="110.77" x2="105.47" y1="276.25" y2="281.55" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#fff" offset="0"/>
+   <stop stop-color="#B6B6B6" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint30_linear_1826_356190" x1="116.68" x2="111.39" y1="233.49" y2="238.78" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#fff" offset="0"/>
+   <stop stop-color="#B6B6B6" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint31_linear_1826_356190" x1="133.3" x2="128.01" y1="194.02" y2="199.31" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#fff" offset="0"/>
+   <stop stop-color="#B6B6B6" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint32_linear_1826_356190" x1="160.16" x2="154.87" y1="159.45" y2="164.75" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#fff" offset="0"/>
+   <stop stop-color="#B6B6B6" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint33_linear_1826_356190" x1="194.22" x2="188.93" y1="133.57" y2="138.86" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#fff" offset="0"/>
+   <stop stop-color="#B6B6B6" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint34_linear_1826_356190" x1="234.96" x2="229.67" y1="116.96" y2="122.25" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#fff" offset="0"/>
+   <stop stop-color="#B6B6B6" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint35_linear_1826_356190" x1="278.6" x2="273.31" y1="111.68" y2="116.98" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#fff" offset="0"/>
+   <stop stop-color="#B6B6B6" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint36_linear_1826_356190" x1="321.21" x2="315.92" y1="117.73" y2="123.02" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#fff" offset="0"/>
+   <stop stop-color="#B6B6B6" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint37_linear_1826_356190" x1="360.56" x2="355.26" y1="134.43" y2="139.72" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#fff" offset="0"/>
+   <stop stop-color="#B6B6B6" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint38_linear_1826_356190" x1="395.16" x2="389.86" y1="161.48" y2="166.78" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#fff" offset="0"/>
+   <stop stop-color="#B6B6B6" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint39_linear_1826_356190" x1="421" x2="415.71" y1="195.77" y2="201.07" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#fff" offset="0"/>
+   <stop stop-color="#B6B6B6" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint40_linear_1826_356190" x1="437.4" x2="432.11" y1="236.47" y2="241.76" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#fff" offset="0"/>
+   <stop stop-color="#B6B6B6" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint41_linear_1826_356190" x1="296.5" x2="301.32" y1="276.99" y2="281.81" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#aaa" offset="0"/>
+   <stop stop-color="#747373" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint42_linear_1826_356190" x1="288.44" x2="295.26" y1="297.16" y2="297.16" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#aaa" offset="0"/>
+   <stop stop-color="#747373" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint43_linear_1826_356190" x1="272.2" x2="277.01" y1="307.54" y2="302.7" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#aaa" offset="0"/>
+   <stop stop-color="#747373" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint44_linear_1826_356190" x1="256.47" x2="256.44" y1="301.64" y2="294.82" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#aaa" offset="0"/>
+   <stop stop-color="#747373" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint45_linear_1826_356190" x1="251.32" x2="246.46" y1="283.21" y2="278.42" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#aaa" offset="0"/>
+   <stop stop-color="#747373" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint46_linear_1826_356190" x1="258.84" x2="252.02" y1="262.92" y2="262.97" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#aaa" offset="0"/>
+   <stop stop-color="#747373" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint47_linear_1826_356190" x1="290.61" x2="290.68" y1="258.71" y2="265.53" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#aaa" offset="0"/>
+   <stop stop-color="#747373" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint48_linear_1826_356190" x1="275.61" x2="270.79" y1="252.88" y2="257.7" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#aaa" offset="0"/>
+   <stop stop-color="#747373" offset="1"/>
+  </linearGradient>
+  <radialGradient id="paint0_radial_2156_297796" cx="0" cy="0" r="1" gradientTransform="matrix(-180 -.84824 .85021 -180.42 180 180.62)" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#020202" stop-opacity=".35" offset="0"/>
+   <stop stop-color="#020202" stop-opacity=".12" offset=".36906"/>
+   <stop stop-color="#fff" stop-opacity=".12" offset=".70499"/>
+   <stop stop-color="#fff" stop-opacity=".15" offset=".99966"/>
+  </radialGradient>
+  <filter id="filter0_i_2156_297796" x="46.03" y="47.527" width="245.24" height="267.69" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
+   <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+   <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+   <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+   <feOffset dy="12.8571"/>
+   <feGaussianBlur stdDeviation="6.42857"/>
+   <feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/>
+   <feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"/>
+   <feBlend in2="shape" result="effect1_innerShadow_2156_297796"/>
+  </filter>
+ </defs>
+</svg>