From 5f1b6075982b872b5db4e2195e53d19529278d5c Mon Sep 17 00:00:00 2001
From: Jacobo Aragunde Pérez <jaragunde@igalia.com>
Date: Wed, 20 Dec 2023 11:53:09 +0100
Subject: Style refresh with square grid motif and blue palette.

It tries to follow the visual language of the flutter sample apps.

Bug-AGL: SPEC-4041
Change-Id: Ie942a1d883e8f7f2a78f2ccf94fcd91b4438b911
---
 src/images/HMI_HVAC_Active.svg               |   93 +-
 src/images/HMI_HVAC_AirDown_Active.svg       |  201 +-
 src/images/HMI_HVAC_AirDown_Inactive.svg     |   78 +-
 src/images/HMI_HVAC_AirRight_Active.svg      |  207 ++-
 src/images/HMI_HVAC_AirRight_Inactive.svg    |   78 +-
 src/images/HMI_HVAC_AirUp_Active.svg         |  214 ++-
 src/images/HMI_HVAC_AirUp_Inactive.svg       |   87 +-
 src/images/HMI_HVAC_Circulation_Active.svg   |  181 +-
 src/images/HMI_HVAC_Circulation_Inactive.svg |  115 +-
 src/images/HMI_HVAC_Fan_Icon.svg             |  125 +-
 src/images/HMI_HVAC_Front_Active.svg         |  186 +-
 src/images/HMI_HVAC_Front_Inactive.svg       |   78 +-
 src/images/HMI_HVAC_Inactive.svg             |   75 +-
 src/images/HMI_HVAC_Left_Chair_OFF.svg       |  103 +-
 src/images/HMI_HVAC_Left_Chair_ON.svg        |  143 +-
 src/images/HMI_HVAC_Rear_Active.svg          |  310 +++-
 src/images/HMI_HVAC_Rear_Inactive.svg        |  137 +-
 src/images/HMI_HVAC_Right_Chair_OFF.svg      |  106 +-
 src/images/HMI_HVAC_Right_Chair_ON.svg       |  147 +-
 src/images/dashboardTextures.svg             | 2527 ++++++++++++++++++++++++++
 src/images/horizontal_background.png         |  Bin 753195 -> 0 bytes
 src/images/vertical_background.png           |  Bin 719555 -> 0 bytes
 src/styles/720.scss                          |    6 +-
 src/styles/app.scss                          |    8 +-
 src/styles/landscape.scss                    |    3 +-
 src/styles/portrait.scss                     |    5 +-
 26 files changed, 4297 insertions(+), 916 deletions(-)
 create mode 100644 src/images/dashboardTextures.svg
 delete mode 100644 src/images/horizontal_background.png
 delete mode 100644 src/images/vertical_background.png

(limited to 'src')

diff --git a/src/images/HMI_HVAC_Active.svg b/src/images/HMI_HVAC_Active.svg
index 71e6aa0..263c69e 100644
--- a/src/images/HMI_HVAC_Active.svg
+++ b/src/images/HMI_HVAC_Active.svg
@@ -1,19 +1,42 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
-	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
-	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
-	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
-	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
-	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
-	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
-	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
-	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
-]>
-<svg version="1.1" id="Layer_2" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
-	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 318 219"
-	 style="enable-background:new 0 0 318 219;" xml:space="preserve">
-<style type="text/css">
+
+<svg
+   version="1.1"
+   id="Layer_2"
+   x="0px"
+   y="0px"
+   viewBox="0 0 318 219"
+   style="enable-background:new 0 0 318 219;"
+   xml:space="preserve"
+   sodipodi:docname="HMI_HVAC_Active.svg"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:ns="&amp;ns_ai;"><defs
+   id="defs3" /><sodipodi:namedview
+   id="namedview3"
+   pagecolor="#ffffff"
+   bordercolor="#000000"
+   borderopacity="0.25"
+   inkscape:showpageshadow="2"
+   inkscape:pageopacity="0.0"
+   inkscape:pagecheckerboard="0"
+   inkscape:deskcolor="#d1d1d1"
+   inkscape:zoom="5.3196347"
+   inkscape:cx="158.93948"
+   inkscape:cy="109.5"
+   inkscape:window-width="2560"
+   inkscape:window-height="1371"
+   inkscape:window-x="0"
+   inkscape:window-y="0"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="Layer_2" />
+<style
+   type="text/css"
+   id="style1">
 	.st0{fill:#0DF9FF;}
 	.st1{font-family:'Roboto-Light';}
 	.st2{font-size:88.6888px;}
@@ -21,14 +44,40 @@
 	.st4{letter-spacing:-3;}
 	.st5{fill:none;stroke:url(#SVGID_1_);stroke-miterlimit:10;}
 </style>
-<switch>
-	<g i:extraneous="self">
-		<g>
-			<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="20.6039" y1="240.7292" x2="297.3961" y2="-21.7292">
-				<stop  offset="0" style="stop-color:#00ADDC"/>
-				<stop  offset="1" style="stop-color:#6BFBFF"/>
+<switch
+   id="switch3"
+   style="stroke:#c1d8ff;stroke-opacity:1;fill:#2962ff;fill-opacity:1">
+	<g
+   ns:extraneous="self"
+   id="g3"
+   style="stroke:#c1d8ff;stroke-opacity:1;fill:#2962ff;fill-opacity:1">
+		<g
+   id="g2"
+   style="stroke:#c1d8ff;stroke-opacity:1;fill:#2962ff;fill-opacity:1">
+			<linearGradient
+   id="SVGID_1_"
+   gradientUnits="userSpaceOnUse"
+   x1="20.6039"
+   y1="240.7292"
+   x2="297.3961"
+   y2="-21.7292">
+				<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop1" />
+				<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop2" />
 			</linearGradient>
-			<rect x="0.5" y="0.5" class="st5" width="317" height="218"/>
+			<rect
+   x="0.5"
+   y="0.5"
+   class="st5"
+   width="317"
+   height="218"
+   id="rect2"
+   style="stroke:#c1d8ff;stroke-opacity:1;fill:#2962ff;fill-opacity:1" />
 		</g>
 	</g>
 </switch>
diff --git a/src/images/HMI_HVAC_AirDown_Active.svg b/src/images/HMI_HVAC_AirDown_Active.svg
index 85dd533..1ab52ab 100644
--- a/src/images/HMI_HVAC_AirDown_Active.svg
+++ b/src/images/HMI_HVAC_AirDown_Active.svg
@@ -1,66 +1,161 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
-	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
-	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
-	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
-	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
-	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
-	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
-	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
-	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
-]>
-<svg version="1.1" id="Layer_2" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
-	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 140 140"
-	 style="enable-background:new 0 0 140 140;" xml:space="preserve">
-<style type="text/css">
+
+<svg
+   version="1.1"
+   id="Layer_2"
+   x="0px"
+   y="0px"
+   viewBox="0 0 140 140"
+   style="enable-background:new 0 0 140 140;"
+   xml:space="preserve"
+   sodipodi:docname="HMI_HVAC_AirDown_Active.svg"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+   id="defs11">
+	
+
+		
+	
+			
+			
+			
+		
+				<linearGradient
+   id="SVGID_1_"
+   gradientUnits="userSpaceOnUse"
+   x1="-30.516001"
+   y1="171.18649"
+   x2="175.7655"
+   y2="-26.5646"
+   gradientTransform="matrix(1,0.00546456,-0.00546456,1,-2.5085,-2.852)">
+					<stop
+   offset="0"
+   style="stop-color:#c1d8ff;stop-opacity:1;"
+   id="stop1" />
+					<stop
+   offset="1"
+   style="stop-color:#0DF9FF"
+   id="stop2" />
+				</linearGradient>
+				
+			</defs><sodipodi:namedview
+   id="namedview11"
+   pagecolor="#ffffff"
+   bordercolor="#000000"
+   borderopacity="0.25"
+   inkscape:showpageshadow="2"
+   inkscape:pageopacity="0.0"
+   inkscape:pagecheckerboard="0"
+   inkscape:deskcolor="#d1d1d1"
+   inkscape:zoom="8.3214286"
+   inkscape:cx="70"
+   inkscape:cy="70"
+   inkscape:window-width="2560"
+   inkscape:window-height="1371"
+   inkscape:window-x="0"
+   inkscape:window-y="0"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="Layer_2" />
+<style
+   type="text/css"
+   id="style1">
 	.st0{fill:url(#SVGID_1_);}
 	.st1{fill:url(#SVGID_2_);}
 	.st2{fill:url(#SVGID_3_);}
 	.st3{fill:url(#SVGID_4_);}
 </style>
-<switch>
-	<g i:extraneous="self">
-		<g>
-			<g>
-				<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-30.516" y1="171.1865" x2="175.7655" y2="-26.5646" gradientTransform="matrix(1 5.464556e-03 -5.464556e-03 1 -2.5085 -2.852)">
-					<stop  offset="0" style="stop-color:#00ADDC"/>
-					<stop  offset="1" style="stop-color:#0DF9FF"/>
-				</linearGradient>
-				<path class="st0" d="M70.1,138.1c-0.1,0-0.3,0-0.4,0C31.9,137.9,1.3,107,1.5,69.2C1.7,31.5,32.4,1,70,1c0.1,0,0.3,0,0.4,0
-					c37.8,0.2,68.4,31.1,68.2,68.9l0,0C138.4,107.6,107.7,138.1,70.1,138.1z M70,3.4C33.7,3.4,4.1,32.8,3.9,69.2
-					c-0.2,36.5,29.3,66.3,65.8,66.5c0.1,0,0.2,0,0.4,0c36.3,0,65.9-29.4,66.1-65.8c0.2-36.5-29.3-66.3-65.8-66.5
-					C70.3,3.4,70.2,3.4,70,3.4z"/>
-			</g>
-			<g>
-				<g>
-					<g>
-						<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="-101.4773" y1="281.1379" x2="140.6279" y2="12.7169">
-							<stop  offset="0" style="stop-color:#00ADDC"/>
-							<stop  offset="1" style="stop-color:#6BFBFF"/>
+<ellipse
+   style="opacity:1;fill:#2962ff;fill-opacity:1;stroke:none;stroke-width:1.54683"
+   id="path1"
+   cx="70.51873"
+   cy="69.59594"
+   rx="67.354645"
+   ry="67.364502" /><path
+   class="st0"
+   d="m 70.1,138.1 c -0.1,0 -0.3,0 -0.4,0 C 31.9,137.9 1.3,107 1.5,69.2 1.7,31.5 32.4,1 70,1 c 0.1,0 0.3,0 0.4,0 37.8,0.2 68.4,31.1 68.2,68.9 v 0 c -0.2,37.7 -30.9,68.2 -68.5,68.2 z M 70,3.4 C 33.7,3.4 4.1,32.8 3.9,69.2 c -0.2,36.5 29.3,66.3 65.8,66.5 0.1,0 0.2,0 0.4,0 36.3,0 65.9,-29.4 66.1,-65.8 0.2,-36.5 -29.3,-66.3 -65.8,-66.5 -0.1,0 -0.2,0 -0.4,0 z"
+   id="path2"
+   style="fill:#c1d8ff;fill-opacity:1" /><g
+   id="g8"
+   style="fill:#c1d8ff;fill-opacity:1">
+				<g
+   id="g7"
+   style="fill:#c1d8ff;fill-opacity:1">
+					<g
+   id="g6"
+   style="fill:#c1d8ff;fill-opacity:1">
+						<linearGradient
+   id="SVGID_2_"
+   gradientUnits="userSpaceOnUse"
+   x1="-101.4773"
+   y1="281.13791"
+   x2="140.6279"
+   y2="12.7169">
+							<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop3" />
+							<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop4" />
 						</linearGradient>
-						<path class="st1" d="M96.9,64.7c-3.4-1.7-7.5-0.3-9.2,3.1l-10,19.9l-20.2-5.2c-2-0.5-4,0.2-5.2,1.9l-15.4,20.9
-							c-1.6,2.2-1.2,5.3,1.1,6.9c0.9,0.7,1.9,1,2.9,1c1.5,0,3-0.7,4-2L58.3,93l21.3,5.5c0.1,0.1,0.2,0.1,0.4,0.2
-							c1,0.5,2,0.7,3.1,0.7c2.5,0,5-1.4,6.2-3.8L100,74C101.7,70.6,100.4,66.4,96.9,64.7z"/>
-						<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="-105.1744" y1="277.8033" x2="136.9309" y2="9.3823">
-							<stop  offset="0" style="stop-color:#00ADDC"/>
-							<stop  offset="1" style="stop-color:#6BFBFF"/>
+						<path
+   class="st1"
+   d="M 96.9,64.7 C 93.5,63 89.4,64.4 87.7,67.8 l -10,19.9 -20.2,-5.2 c -2,-0.5 -4,0.2 -5.2,1.9 l -15.4,20.9 c -1.6,2.2 -1.2,5.3 1.1,6.9 0.9,0.7 1.9,1 2.9,1 1.5,0 3,-0.7 4,-2 L 58.3,93 79.6,98.5 c 0.1,0.1 0.2,0.1 0.4,0.2 1,0.5 2,0.7 3.1,0.7 2.5,0 5,-1.4 6.2,-3.8 L 100,74 c 1.7,-3.4 0.4,-7.6 -3.1,-9.3 z"
+   id="path4"
+   style="fill:#c1d8ff;fill-opacity:1" />
+						<linearGradient
+   id="SVGID_3_"
+   gradientUnits="userSpaceOnUse"
+   x1="-105.1744"
+   y1="277.80331"
+   x2="136.93089"
+   y2="9.3823004">
+							<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop5" />
+							<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop6" />
 						</linearGradient>
-						<circle class="st2" cx="97.3" cy="53.4" r="8.3"/>
+						<circle
+   class="st2"
+   cx="97.300003"
+   cy="53.400002"
+   r="8.3000002"
+   id="circle6"
+   style="fill:#c1d8ff;fill-opacity:1" />
 					</g>
 				</g>
-			</g>
-			<g>
-				<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="-131.1376" y1="254.3855" x2="110.9676" y2="-14.0356">
-					<stop  offset="0" style="stop-color:#00ADDC"/>
-					<stop  offset="1" style="stop-color:#6BFBFF"/>
+			</g><g
+   id="g9"
+   style="fill:#c1d8ff;fill-opacity:1">
+				<linearGradient
+   id="SVGID_4_"
+   gradientUnits="userSpaceOnUse"
+   x1="-131.1376"
+   y1="254.3855"
+   x2="110.9676"
+   y2="-14.0356">
+					<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop8" />
+					<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop9" />
 				</linearGradient>
-				<path class="st3" d="M52.2,72.4c-0.4,0-0.7-0.1-0.9-0.4L37.9,57.8c-0.4-0.4-0.7-1.3-0.1-1.9l0.3-0.3h8.9V34.9
-					c0-0.8,0.6-1.4,1.4-1.4h8c0.8,0,1.4,0.6,1.4,1.4v21.6h-0.5v1h-1.5v-22h-6.9v22h-8.5l11.8,12.5l11.9-12.6v-1.9h2l0.3,0.3
-					c0.4,0.4,0.7,1.4,0.1,2L53.2,72C52.9,72.2,52.6,72.4,52.2,72.4z M65.1,56.4C65.1,56.4,65.1,56.4,65.1,56.4L65.1,56.4z
-					 M39.4,56.4L39.4,56.4C39.4,56.4,39.4,56.4,39.4,56.4z"/>
+				<path
+   class="st3"
+   d="m 52.2,72.4 c -0.4,0 -0.7,-0.1 -0.9,-0.4 L 37.9,57.8 c -0.4,-0.4 -0.7,-1.3 -0.1,-1.9 l 0.3,-0.3 H 47 V 34.9 c 0,-0.8 0.6,-1.4 1.4,-1.4 h 8 c 0.8,0 1.4,0.6 1.4,1.4 v 21.6 h -0.5 v 1 h -1.5 v -22 h -6.9 v 22 H 40.4 L 52.2,70 64.1,57.4 v -1.9 h 2 l 0.3,0.3 c 0.4,0.4 0.7,1.4 0.1,2 L 53.2,72 c -0.3,0.2 -0.6,0.4 -1,0.4 z m 12.9,-16 z m -25.7,0 z"
+   id="path9"
+   style="fill:#c1d8ff;fill-opacity:1" />
 			</g>
-		</g>
-	</g>
-</switch>
 </svg>
diff --git a/src/images/HMI_HVAC_AirDown_Inactive.svg b/src/images/HMI_HVAC_AirDown_Inactive.svg
index a013f4b..a2dc787 100644
--- a/src/images/HMI_HVAC_AirDown_Inactive.svg
+++ b/src/images/HMI_HVAC_AirDown_Inactive.svg
@@ -2,14 +2,6 @@
 <!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 
 <svg
-   xmlns:i="&amp;ns_ai;"
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    version="1.1"
    id="Layer_2"
    x="0px"
@@ -17,8 +9,15 @@
    viewBox="0 0 140 140"
    style="enable-background:new 0 0 140 140;"
    xml:space="preserve"
-   inkscape:version="0.91 r13725"
-   sodipodi:docname="HMI_HVAC_AirDown_Inactive.svg"><metadata
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
+   sodipodi:docname="HMI_HVAC_AirDown_Inactive.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"><metadata
      id="metadata27"><rdf:RDF><cc:Work
          rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
@@ -32,38 +31,45 @@
      inkscape:pageopacity="0"
      inkscape:pageshadow="2"
      inkscape:window-width="2560"
-     inkscape:window-height="1464"
+     inkscape:window-height="1371"
      id="namedview23"
      showgrid="false"
-     inkscape:zoom="1.6857143"
-     inkscape:cx="-188.94068"
-     inkscape:cy="70"
+     inkscape:zoom="9.5358401"
+     inkscape:cx="64.441097"
+     inkscape:cy="63.49729"
      inkscape:window-x="0"
      inkscape:window-y="0"
      inkscape:window-maximized="1"
-     inkscape:current-layer="Layer_2" /><style
+     inkscape:current-layer="Layer_2"
+     inkscape:showpageshadow="2"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1" /><style
      type="text/css"
      id="style3">
 	.st0{fill:#848286;}
 	.st1{fill:none;stroke:#848286;stroke-width:2;stroke-miterlimit:10;}
-</style><switch
-     id="switch5"><g
-       i:extraneous="self"
-       id="g7"><g
-         id="g9"><path
-           class="st0"
-           d="M70,138c-0.1,0-0.3,0-0.4,0c-37.8-0.2-68.3-31.1-68.1-68.9C1.7,31.5,32.4,1,70,1c0.1,0,0.3,0,0.4,0     c37.8,0.2,68.3,31.1,68.1,68.9l0,0C138.3,107.5,107.6,138,70,138z M70,3.4C33.7,3.4,4.1,32.8,3.9,69.1     c-0.2,36.4,29.3,66.3,65.7,66.5c0.1,0,0.2,0,0.4,0c36.3,0,65.9-29.4,66.1-65.7c0.2-36.4-29.3-66.3-65.7-66.5     C70.2,3.4,70.1,3.4,70,3.4z"
-           id="path11" /></g><g
-         id="g13"><g
-           id="g15"><path
-             class="st0"
-             d="M96.9,64.7c-3.4-1.7-7.5-0.3-9.2,3.1l-10,19.9l-20.2-5.2c-2-0.5-4,0.2-5.2,1.9l-15.4,20.9      c-1.6,2.2-1.2,5.3,1.1,6.9c0.9,0.7,1.9,1,2.9,1c1.5,0,3-0.7,4-2l13.4-18.2l21.3,5.5c0.1,0.1,0.2,0.1,0.4,0.2      c1,0.5,2,0.7,3.1,0.7c2.5,0,5-1.4,6.2-3.8L100,73.9C101.7,70.5,100.3,66.4,96.9,64.7z"
-             id="path17" /><circle
-             class="st0"
-             cx="97.2"
-             cy="53.3"
-             r="8.3"
-             id="circle19" /></g></g><path
-         class="st1"
-         d="M57.3,56.5h-0.5V34.9c0-0.2-0.2-0.4-0.4-0.4h-8c-0.2,0-0.4,0.2-0.4,0.4v21.6h-9.4c-0.1,0.1,0,0.4,0.1,0.6    L52,71.3c0.1,0.1,0.3,0.1,0.4,0l13.4-14.2c0.1-0.1,0-0.4-0.1-0.6h-1.6"
-         id="path21" /></g></switch></svg>
\ No newline at end of file
+</style><ellipse
+     style="opacity:0.43;fill:#1a237e;fill-opacity:1;stroke:none;stroke-width:1.54651"
+     id="path1"
+     cx="69.47506"
+     cy="69.236649"
+     rx="67.215584"
+     ry="67.476166" /><path
+     class="st0"
+     d="m 70,138 c -0.1,0 -0.3,0 -0.4,0 C 31.8,137.8 1.3,106.9 1.5,69.1 1.7,31.5 32.4,1 70,1 c 0.1,0 0.3,0 0.4,0 37.8,0.2 68.3,31.1 68.1,68.9 v 0 C 138.3,107.5 107.6,138 70,138 Z M 70,3.4 C 33.7,3.4 4.1,32.8 3.9,69.1 c -0.2,36.4 29.3,66.3 65.7,66.5 0.1,0 0.2,0 0.4,0 36.3,0 65.9,-29.4 66.1,-65.7 0.2,-36.4 -29.3,-66.3 -65.7,-66.5 -0.2,0 -0.3,0 -0.4,0 z"
+     id="path11"
+     style="fill:#1c2d92;fill-opacity:1" /><path
+     class="st0"
+     d="M 96.9,64.7 C 93.5,63 89.4,64.4 87.7,67.8 l -10,19.9 -20.2,-5.2 c -2,-0.5 -4,0.2 -5.2,1.9 l -15.4,20.9 c -1.6,2.2 -1.2,5.3 1.1,6.9 0.9,0.7 1.9,1 2.9,1 1.5,0 3,-0.7 4,-2 L 58.3,93 79.6,98.5 c 0.1,0.1 0.2,0.1 0.4,0.2 1,0.5 2,0.7 3.1,0.7 2.5,0 5,-1.4 6.2,-3.8 L 100,73.9 c 1.7,-3.4 0.3,-7.5 -3.1,-9.2 z"
+     id="path17"
+     style="fill:#1c2d92;fill-opacity:1" /><circle
+     class="st0"
+     cx="97.199997"
+     cy="53.299999"
+     r="8.3000002"
+     id="circle19"
+     style="fill:#1c2d92;fill-opacity:1" /><path
+     class="st1"
+     d="M 57.3,56.5 H 56.8 V 34.9 c 0,-0.2 -0.2,-0.4 -0.4,-0.4 h -8 c -0.2,0 -0.4,0.2 -0.4,0.4 v 21.6 h -9.4 c -0.1,0.1 0,0.4 0.1,0.6 L 52,71.3 c 0.1,0.1 0.3,0.1 0.4,0 L 65.8,57.1 c 0.1,-0.1 0,-0.4 -0.1,-0.6 h -1.6"
+     id="path21"
+     style="stroke:#1c2d92;stroke-opacity:1" /></svg>
diff --git a/src/images/HMI_HVAC_AirRight_Active.svg b/src/images/HMI_HVAC_AirRight_Active.svg
index cfb9452..1c019dd 100644
--- a/src/images/HMI_HVAC_AirRight_Active.svg
+++ b/src/images/HMI_HVAC_AirRight_Active.svg
@@ -1,69 +1,166 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
-	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
-	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
-	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
-	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
-	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
-	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
-	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
-	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
-]>
-<svg version="1.1" id="Layer_2" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
-	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 140 140"
-	 style="enable-background:new 0 0 140 140;" xml:space="preserve">
-<style type="text/css">
+
+<svg
+   version="1.1"
+   id="Layer_2"
+   x="0px"
+   y="0px"
+   viewBox="0 0 140 140"
+   style="enable-background:new 0 0 140 140;"
+   xml:space="preserve"
+   sodipodi:docname="HMI_HVAC_AirRight_Active.svg"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+   id="defs10">
+	
+
+		
+	
+			
+			
+			
+			
+		</defs><sodipodi:namedview
+   id="namedview10"
+   pagecolor="#ffffff"
+   bordercolor="#000000"
+   borderopacity="0.25"
+   inkscape:showpageshadow="2"
+   inkscape:pageopacity="0.0"
+   inkscape:pagecheckerboard="0"
+   inkscape:deskcolor="#d1d1d1"
+   inkscape:zoom="8.3214286"
+   inkscape:cx="70"
+   inkscape:cy="70"
+   inkscape:window-width="2560"
+   inkscape:window-height="1371"
+   inkscape:window-x="0"
+   inkscape:window-y="0"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="Layer_2" />
+<style
+   type="text/css"
+   id="style1">
 	.st0{fill:url(#SVGID_1_);}
 	.st1{fill:url(#SVGID_2_);}
 	.st2{fill:url(#SVGID_3_);}
 	.st3{fill:url(#SVGID_4_);}
 </style>
-<switch>
-	<g i:extraneous="self">
-		<g>
-			<g>
-				<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-12.9122" y1="161.8499" x2="136.9379" y2="-4.2002">
-					<stop  offset="0" style="stop-color:#00ADDC"/>
-					<stop  offset="1" style="stop-color:#6BFBFF"/>
+<ellipse
+   style="fill:#2962ff;fill-opacity:1;stroke:none;stroke-width:1.54683"
+   id="path1"
+   cx="70.354645"
+   cy="70.364502"
+   rx="67.354645"
+   ry="67.364502" /><g
+   id="g2"
+   style="fill:#c1d8ff;fill-opacity:1">
+				<linearGradient
+   id="SVGID_1_"
+   gradientUnits="userSpaceOnUse"
+   x1="-12.9122"
+   y1="161.8499"
+   x2="136.9379"
+   y2="-4.2002001">
+					<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop1" />
+					<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop2" />
 				</linearGradient>
-				<path class="st0" d="M70,138.5c-0.1,0-0.3,0-0.4,0c-18.3-0.1-35.5-7.3-48.3-20.3C8.4,105.2,1.4,87.9,1.5,69.6
-					c0.1-18.3,7.3-35.5,20.3-48.3C34.7,8.5,51.8,1.5,70,1.5c0.1,0,0.3,0,0.4,0c18.3,0.1,35.5,7.3,48.3,20.3
-					c12.9,13,19.9,30.2,19.8,48.5l0,0C138.3,108,107.6,138.5,70,138.5z M70,3.9c-17.5,0-34,6.8-46.5,19.1C11,35.4,4,52,3.9,69.6
-					c-0.1,17.7,6.7,34.3,19.1,46.8s29,19.5,46.6,19.6c0.1,0,0.2,0,0.4,0c36.3,0,65.9-29.4,66.1-65.7c0.1-17.7-6.7-34.3-19.1-46.8
-					C104.6,11,88,4,70.4,3.9C70.2,3.9,70.1,3.9,70,3.9z"/>
-			</g>
-			<g>
-				<g>
-					<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="-2.2981" y1="171.5389" x2="147.6513" y2="5.3788">
-						<stop  offset="0" style="stop-color:#00ADDC"/>
-						<stop  offset="1" style="stop-color:#6BFBFF"/>
+				<path
+   class="st0"
+   d="m 70,138.5 c -0.1,0 -0.3,0 -0.4,0 C 51.3,138.4 34.1,131.2 21.3,118.2 8.4,105.2 1.4,87.9 1.5,69.6 1.6,51.3 8.8,34.1 21.8,21.3 34.7,8.5 51.8,1.5 70,1.5 c 0.1,0 0.3,0 0.4,0 18.3,0.1 35.5,7.3 48.3,20.3 12.9,13 19.9,30.2 19.8,48.5 v 0 C 138.3,108 107.6,138.5 70,138.5 Z M 70,3.9 C 52.5,3.9 36,10.7 23.5,23 11,35.4 4,52 3.9,69.6 c -0.1,17.7 6.7,34.3 19.1,46.8 12.4,12.5 29,19.5 46.6,19.6 0.1,0 0.2,0 0.4,0 36.3,0 65.9,-29.4 66.1,-65.7 C 136.2,52.6 129.4,36 117,23.5 104.6,11 88,4 70.4,3.9 c -0.2,0 -0.3,0 -0.4,0 z"
+   id="path2"
+   style="fill:#c1d8ff;fill-opacity:1" />
+			</g><g
+   id="g5"
+   style="fill:#c1d8ff;fill-opacity:1">
+				<g
+   id="g4"
+   style="fill:#c1d8ff;fill-opacity:1">
+					<linearGradient
+   id="SVGID_2_"
+   gradientUnits="userSpaceOnUse"
+   x1="-2.2981"
+   y1="171.53889"
+   x2="147.65131"
+   y2="5.3787999">
+						<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop3" />
+						<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop4" />
 					</linearGradient>
-					<path class="st1" d="M96.9,65.2c-3.4-1.7-7.5-0.3-9.2,3.1l-10,19.9L57.5,83c-2-0.5-4,0.2-5.2,1.9l-15.4,20.9
-						c-1.6,2.2-1.2,5.3,1.1,6.9c0.9,0.7,1.9,1,2.9,1c1.5,0,3-0.7,4-2l13.4-18.2l21.3,5.5c0.1,0.1,0.2,0.1,0.4,0.2
-						c1,0.5,2,0.7,3.1,0.7c2.5,0,5-1.4,6.2-3.8L100,74.4C101.7,71,100.3,66.9,96.9,65.2z"/>
+					<path
+   class="st1"
+   d="m 96.9,65.2 c -3.4,-1.7 -7.5,-0.3 -9.2,3.1 L 77.7,88.2 57.5,83 c -2,-0.5 -4,0.2 -5.2,1.9 l -15.4,20.9 c -1.6,2.2 -1.2,5.3 1.1,6.9 0.9,0.7 1.9,1 2.9,1 1.5,0 3,-0.7 4,-2 L 58.3,93.5 79.6,99 c 0.1,0.1 0.2,0.1 0.4,0.2 1,0.5 2,0.7 3.1,0.7 2.5,0 5,-1.4 6.2,-3.8 L 100,74.4 c 1.7,-3.4 0.3,-7.5 -3.1,-9.2 z"
+   id="path4"
+   style="fill:#c1d8ff;fill-opacity:1" />
 				</g>
-			</g>
-			<g>
-				<g>
-					<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="-6.0031" y1="168.1953" x2="143.9462" y2="2.0352">
-						<stop  offset="0" style="stop-color:#00ADDC"/>
-						<stop  offset="1" style="stop-color:#6BFBFF"/>
+			</g><g
+   id="g7"
+   style="fill:#c1d8ff;fill-opacity:1">
+				<g
+   id="g6"
+   style="fill:#c1d8ff;fill-opacity:1">
+					<linearGradient
+   id="SVGID_3_"
+   gradientUnits="userSpaceOnUse"
+   x1="-6.0030999"
+   y1="168.1953"
+   x2="143.9462"
+   y2="2.0352001">
+						<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop5" />
+						<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop6" />
 					</linearGradient>
-					<circle class="st2" cx="97.2" cy="53.8" r="8.3"/>
+					<circle
+   class="st2"
+   cx="97.199997"
+   cy="53.799999"
+   r="8.3000002"
+   id="circle6"
+   style="fill:#c1d8ff;fill-opacity:1" />
 				</g>
-			</g>
-			<g>
-				<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="-32.1525" y1="144.5971" x2="117.7968" y2="-21.563">
-					<stop  offset="0" style="stop-color:#00ADDC"/>
-					<stop  offset="1" style="stop-color:#6BFBFF"/>
+			</g><g
+   id="g8"
+   style="fill:#c1d8ff;fill-opacity:1">
+				<linearGradient
+   id="SVGID_4_"
+   gradientUnits="userSpaceOnUse"
+   x1="-32.1525"
+   y1="144.59711"
+   x2="117.7968"
+   y2="-21.563">
+					<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop7" />
+					<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop8" />
 				</linearGradient>
-				<path class="st3" d="M55.9,68.3c-0.4,0-0.7-0.1-1-0.4l-0.4-0.4v-8.7H34.1c-0.9,0-1.6-0.7-1.6-1.6v-8c0-0.9,0.7-1.6,1.6-1.6h21.6
-					v0.7h1.2v1.7h-22v6.5h22v8.3l12-11.3L56.3,41.4h-1.8v-2.1l0.4-0.4c0.6-0.5,1.6-0.7,2.2-0.1l14.2,13.4c0.3,0.3,0.5,0.7,0.5,1.1
-					s-0.2,0.8-0.5,1.1L57.1,67.8C56.8,68.1,56.3,68.3,55.9,68.3z M55.5,66.1C55.5,66.1,55.5,66.1,55.5,66.1L55.5,66.1z M55.5,40.6
-					C55.5,40.6,55.5,40.6,55.5,40.6L55.5,40.6z"/>
+				<path
+   class="st3"
+   d="m 55.9,68.3 c -0.4,0 -0.7,-0.1 -1,-0.4 L 54.5,67.5 V 58.8 H 34.1 c -0.9,0 -1.6,-0.7 -1.6,-1.6 v -8 c 0,-0.9 0.7,-1.6 1.6,-1.6 h 21.6 v 0.7 h 1.2 V 50 h -22 v 6.5 h 22 v 8.3 L 68.9,53.5 56.3,41.4 h -1.8 v -2.1 l 0.4,-0.4 c 0.6,-0.5 1.6,-0.7 2.2,-0.1 l 14.2,13.4 c 0.3,0.3 0.5,0.7 0.5,1.1 0,0.4 -0.2,0.8 -0.5,1.1 L 57.1,67.8 c -0.3,0.3 -0.8,0.5 -1.2,0.5 z m -0.4,-2.2 z m 0,-25.5 z"
+   id="path8"
+   style="fill:#c1d8ff;fill-opacity:1" />
 			</g>
-		</g>
-	</g>
-</switch>
 </svg>
diff --git a/src/images/HMI_HVAC_AirRight_Inactive.svg b/src/images/HMI_HVAC_AirRight_Inactive.svg
index 991a773..30b8448 100644
--- a/src/images/HMI_HVAC_AirRight_Inactive.svg
+++ b/src/images/HMI_HVAC_AirRight_Inactive.svg
@@ -2,14 +2,6 @@
 <!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 
 <svg
-   xmlns:i="&amp;ns_ai;"
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    version="1.1"
    id="Layer_2"
    x="0px"
@@ -17,8 +9,16 @@
    viewBox="0 0 140 140"
    style="enable-background:new 0 0 140 140;"
    xml:space="preserve"
-   inkscape:version="0.91 r13725"
-   sodipodi:docname="HMI_HVAC_AirRight_Inactive.svg"><metadata
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
+   sodipodi:docname="HMI_HVAC_AirRight_Inactive.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:i="&amp;#38;ns_ai;"><metadata
      id="metadata35"><rdf:RDF><cc:Work
          rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
@@ -32,41 +32,63 @@
      inkscape:pageopacity="0"
      inkscape:pageshadow="2"
      inkscape:window-width="2560"
-     inkscape:window-height="1464"
+     inkscape:window-height="1371"
      id="namedview31"
      showgrid="false"
-     inkscape:zoom="1.6857143"
-     inkscape:cx="-212.9661"
-     inkscape:cy="70"
+     inkscape:zoom="6.7428572"
+     inkscape:cx="102.25636"
+     inkscape:cy="75.26483"
      inkscape:window-x="0"
      inkscape:window-y="0"
      inkscape:window-maximized="1"
-     inkscape:current-layer="Layer_2" /><style
+     inkscape:current-layer="Layer_2"
+     inkscape:showpageshadow="2"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1" /><style
      type="text/css"
      id="style3">
 	.st0{fill:#848286;}
 </style><switch
-     id="switch5"><g
+     id="switch5"
+     style="fill:#1c2d92;fill-opacity:1"><g
        i:extraneous="self"
-       id="g7"><g
-         id="g9"><g
-           id="g11"><path
+       id="g7"
+       style="fill:#1c2d92;fill-opacity:1"><g
+         id="g9"
+         style="fill:#1c2d92;fill-opacity:1"><g
+           id="g11"
+           style="fill:#1c2d92;fill-opacity:1"><path
              class="st0"
              d="M70,138.5c-0.1,0-0.3,0-0.4,0c-18.3-0.1-35.5-7.3-48.3-20.3C8.4,105.2,1.4,87.9,1.5,69.6      c0.1-18.3,7.3-35.5,20.3-48.3C34.7,8.5,51.8,1.5,70,1.5c0.1,0,0.3,0,0.4,0c18.3,0.1,35.5,7.3,48.3,20.3      c12.9,13,19.9,30.2,19.8,48.5l0,0C138.3,108,107.6,138.5,70,138.5z M70,3.9c-17.5,0-34,6.8-46.5,19.1C11,35.4,4,52,3.9,69.6      c-0.1,17.7,6.7,34.3,19.1,46.8s29,19.5,46.6,19.6c0.1,0,0.2,0,0.4,0c36.3,0,65.9-29.4,66.1-65.7c0.1-17.7-6.7-34.3-19.1-46.8      C104.6,11,88,4,70.4,3.9C70.2,3.9,70.1,3.9,70,3.9z"
-             id="path13" /></g><g
-           id="g15"><g
-             id="g17"><path
+             id="path13"
+             style="fill:#1c2d92;fill-opacity:1" /></g><g
+           id="g15"
+           style="fill:#1c2d92;fill-opacity:1"><g
+             id="g17"
+             style="fill:#1c2d92;fill-opacity:1"><path
                class="st0"
                d="M96.9,65.2c-3.4-1.7-7.5-0.3-9.2,3.1l-10,19.9L57.5,83c-2-0.5-4,0.2-5.2,1.9l-15.4,20.9       c-1.6,2.2-1.2,5.3,1.1,6.9c0.9,0.7,1.9,1,2.9,1c1.5,0,3-0.7,4-2l13.4-18.2l21.3,5.5c0.1,0.1,0.2,0.1,0.4,0.2       c1,0.5,2,0.7,3.1,0.7c2.5,0,5-1.4,6.2-3.8L100,74.4C101.7,71,100.3,66.9,96.9,65.2z"
-               id="path19" /></g></g><g
-           id="g21"><g
-             id="g23"><circle
+               id="path19"
+               style="fill:#1c2d92;fill-opacity:1" /></g></g><g
+           id="g21"
+           style="fill:#1c2d92;fill-opacity:1"><g
+             id="g23"
+             style="fill:#1c2d92;fill-opacity:1"><circle
                class="st0"
                cx="97.2"
                cy="53.8"
                r="8.3"
-               id="circle25" /></g></g><g
-           id="g27"><path
+               id="circle25"
+               style="fill:#1c2d92;fill-opacity:1" /></g></g><g
+           id="g27"
+           style="fill:#1c2d92;fill-opacity:1"><path
              class="st0"
              d="M55.9,68.3c-0.4,0-0.7-0.1-1-0.4l-0.4-0.4v-8.7H34.1c-0.9,0-1.6-0.7-1.6-1.6v-8c0-0.9,0.7-1.6,1.6-1.6h21.6      v0.7h1.2v1.7h-22v6.5h22v8.3l12-11.3L56.3,41.4h-1.8v-2.1l0.4-0.4c0.6-0.5,1.6-0.7,2.2-0.1l14.2,13.4c0.3,0.3,0.5,0.7,0.5,1.1      s-0.2,0.8-0.5,1.1L57.1,67.8C56.8,68.1,56.3,68.3,55.9,68.3z M55.5,66.1C55.5,66.1,55.5,66.1,55.5,66.1L55.5,66.1z M55.5,40.6      C55.5,40.6,55.5,40.6,55.5,40.6L55.5,40.6z"
-             id="path29" /></g></g></g></switch></svg>
\ No newline at end of file
+             id="path29"
+             style="fill:#1c2d92;fill-opacity:1" /></g></g></g></switch><ellipse
+     style="opacity:0.43;fill:#1a237e;fill-opacity:1;stroke:none;stroke-width:1.54651"
+     id="path1"
+     cx="70.253067"
+     cy="69.812416"
+     rx="67.215584"
+     ry="67.476166" /></svg>
diff --git a/src/images/HMI_HVAC_AirUp_Active.svg b/src/images/HMI_HVAC_AirUp_Active.svg
index f168a39..d1ef118 100644
--- a/src/images/HMI_HVAC_AirUp_Active.svg
+++ b/src/images/HMI_HVAC_AirUp_Active.svg
@@ -1,71 +1,183 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
-	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
-	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
-	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
-	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
-	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
-	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
-	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
-	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
-]>
-<svg version="1.1" id="Layer_2" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
-	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 140 140"
-	 style="enable-background:new 0 0 140 140;" xml:space="preserve">
-<style type="text/css">
+
+<svg
+   version="1.1"
+   id="Layer_2"
+   x="0px"
+   y="0px"
+   viewBox="0 0 140 140"
+   style="enable-background:new 0 0 140 140;"
+   xml:space="preserve"
+   sodipodi:docname="HMI_HVAC_AirUp_Active.svg"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:ns="&amp;ns_ai;"><defs
+   id="defs12" /><sodipodi:namedview
+   id="namedview12"
+   pagecolor="#ffffff"
+   bordercolor="#000000"
+   borderopacity="0.25"
+   inkscape:showpageshadow="2"
+   inkscape:pageopacity="0.0"
+   inkscape:pagecheckerboard="0"
+   inkscape:deskcolor="#d1d1d1"
+   inkscape:zoom="8.3214286"
+   inkscape:cx="70"
+   inkscape:cy="70"
+   inkscape:window-width="2560"
+   inkscape:window-height="1371"
+   inkscape:window-x="0"
+   inkscape:window-y="0"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="Layer_2" />
+<style
+   type="text/css"
+   id="style1">
 	.st0{fill:url(#SVGID_1_);}
 	.st1{fill:url(#SVGID_2_);}
 	.st2{fill:url(#SVGID_3_);}
 	.st3{fill:url(#SVGID_4_);}
 </style>
-<switch>
-	<g i:extraneous="self">
-		<g>
-			<g>
-				<g>
-					<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="13.3039" y1="158.6924" x2="149.6532" y2="-54.6065">
-						<stop  offset="0" style="stop-color:#00ADDC"/>
-						<stop  offset="1" style="stop-color:#6BFBFF"/>
+<ellipse
+   style="fill:#2962ff;fill-opacity:1;stroke:none;stroke-width:1.54683"
+   id="path1"
+   cx="70.354645"
+   cy="70.364502"
+   rx="67.354645"
+   ry="67.364502" /><switch
+   id="switch12"
+   style="fill:#c1d8ff;fill-opacity:1">
+	<g
+   ns:extraneous="self"
+   id="g12"
+   style="fill:#c1d8ff;fill-opacity:1">
+		<g
+   id="g11"
+   style="fill:#c1d8ff;fill-opacity:1">
+			<g
+   id="g3"
+   style="fill:#c1d8ff;fill-opacity:1">
+				<g
+   id="g2"
+   style="fill:#c1d8ff;fill-opacity:1">
+					<linearGradient
+   id="SVGID_1_"
+   gradientUnits="userSpaceOnUse"
+   x1="13.3039"
+   y1="158.6924"
+   x2="149.6532"
+   y2="-54.6065">
+						<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop1" />
+						<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop2" />
 					</linearGradient>
-					<path class="st0" d="M70,138.5c-0.1,0-0.3,0-0.4,0c-37.8-0.2-68.3-31.1-68.1-68.9C1.7,32,32.4,1.5,70,1.5c0.1,0,0.3,0,0.4,0
-						c37.8,0.2,68.3,31.1,68.1,68.9l0,0C138.3,108,107.6,138.5,70,138.5z M70,3.9C33.7,3.9,4.1,33.3,3.9,69.6
-						c-0.2,36.4,29.3,66.3,65.7,66.5c0.1,0,0.2,0,0.4,0c36.3,0,65.9-29.4,66.1-65.7c0.2-36.4-29.3-66.3-65.7-66.5
-						C70.2,3.9,70.1,3.9,70,3.9z"/>
+					<path
+   class="st0"
+   d="M70,138.5c-0.1,0-0.3,0-0.4,0c-37.8-0.2-68.3-31.1-68.1-68.9C1.7,32,32.4,1.5,70,1.5c0.1,0,0.3,0,0.4,0       c37.8,0.2,68.3,31.1,68.1,68.9l0,0C138.3,108,107.6,138.5,70,138.5z M70,3.9C33.7,3.9,4.1,33.3,3.9,69.6       c-0.2,36.4,29.3,66.3,65.7,66.5c0.1,0,0.2,0,0.4,0c36.3,0,65.9-29.4,66.1-65.7c0.2-36.4-29.3-66.3-65.7-66.5       C70.2,3.9,70.1,3.9,70,3.9z"
+   id="path2"
+   style="fill:#c1d8ff;fill-opacity:1" />
 				</g>
 			</g>
-			<g>
-				<g>
-					<g>
-						<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="22.352" y1="164.5598" x2="158.7924" y2="-48.8816">
-							<stop  offset="0" style="stop-color:#00ADDC"/>
-							<stop  offset="1" style="stop-color:#6BFBFF"/>
+			<g
+   id="g8"
+   style="fill:#c1d8ff;fill-opacity:1">
+				<g
+   id="g5"
+   style="fill:#c1d8ff;fill-opacity:1">
+					<g
+   id="g4"
+   style="fill:#c1d8ff;fill-opacity:1">
+						<linearGradient
+   id="SVGID_2_"
+   gradientUnits="userSpaceOnUse"
+   x1="22.352"
+   y1="164.5598"
+   x2="158.7924"
+   y2="-48.8816">
+							<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop3" />
+							<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop4" />
 						</linearGradient>
-						<path class="st1" d="M96.9,65.2c-3.4-1.7-7.5-0.3-9.2,3.1l-10,19.9L57.5,83c-2-0.5-4,0.2-5.2,1.9l-15.4,20.9
-							c-1.6,2.2-1.2,5.3,1.1,6.9c0.9,0.7,1.9,1,2.9,1c1.5,0,3-0.7,4-2l13.4-18.2l21.3,5.5c0.1,0.1,0.2,0.1,0.4,0.2
-							c1,0.5,2,0.7,3.1,0.7c2.5,0,5-1.4,6.2-3.8L100,74.4C101.7,71,100.3,66.9,96.9,65.2z"/>
+						<path
+   class="st1"
+   d="M96.9,65.2c-3.4-1.7-7.5-0.3-9.2,3.1l-10,19.9L57.5,83c-2-0.5-4,0.2-5.2,1.9l-15.4,20.9        c-1.6,2.2-1.2,5.3,1.1,6.9c0.9,0.7,1.9,1,2.9,1c1.5,0,3-0.7,4-2l13.4-18.2l21.3,5.5c0.1,0.1,0.2,0.1,0.4,0.2        c1,0.5,2,0.7,3.1,0.7c2.5,0,5-1.4,6.2-3.8L100,74.4C101.7,71,100.3,66.9,96.9,65.2z"
+   id="path4"
+   style="fill:#c1d8ff;fill-opacity:1" />
 					</g>
 				</g>
-				<g>
-					<g>
-						<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="25.2431" y1="166.4079" x2="161.6835" y2="-47.0335">
-							<stop  offset="0" style="stop-color:#00ADDC"/>
-							<stop  offset="1" style="stop-color:#6BFBFF"/>
+				<g
+   id="g7"
+   style="fill:#c1d8ff;fill-opacity:1">
+					<g
+   id="g6"
+   style="fill:#c1d8ff;fill-opacity:1">
+						<linearGradient
+   id="SVGID_3_"
+   gradientUnits="userSpaceOnUse"
+   x1="25.2431"
+   y1="166.4079"
+   x2="161.6835"
+   y2="-47.0335">
+							<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop5" />
+							<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop6" />
 						</linearGradient>
-						<circle class="st2" cx="97.2" cy="53.8" r="8.3"/>
+						<circle
+   class="st2"
+   cx="97.2"
+   cy="53.8"
+   r="8.3"
+   id="circle6"
+   style="fill:#c1d8ff;fill-opacity:1" />
 					</g>
 				</g>
 			</g>
-			<g>
-				<g>
-					<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="-7.1392" y1="145.7078" x2="129.3011" y2="-67.7336">
-						<stop  offset="0" style="stop-color:#00ADDC"/>
-						<stop  offset="1" style="stop-color:#6BFBFF"/>
+			<g
+   id="g10"
+   style="fill:#c1d8ff;fill-opacity:1">
+				<g
+   id="g9"
+   style="fill:#c1d8ff;fill-opacity:1">
+					<linearGradient
+   id="SVGID_4_"
+   gradientUnits="userSpaceOnUse"
+   x1="-7.1392"
+   y1="145.7078"
+   x2="129.3011"
+   y2="-67.7336">
+						<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop8" />
+						<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop9" />
 					</linearGradient>
-					<path class="st3" d="M55.9,73h-8c-0.9,0-1.6-0.7-1.6-1.6V49.8h0.7v-1.2h1.7v22h6.5v-22h8.3l-11.3-12L40.2,49.2V51h-2.1
-						l-0.4-0.4c-0.5-0.6-0.7-1.6-0.1-2.2L51,34.2c0.3-0.3,0.7-0.5,1.1-0.5c0,0,0,0,0,0c0.4,0,0.8,0.2,1.1,0.5l13.4,14.2
-						c0.5,0.6,0.7,1.6,0.1,2.2L66.3,51h-8.7v20.4C57.5,72.3,56.8,73,55.9,73z M64.8,50.1C64.8,50.1,64.8,50.1,64.8,50.1L64.8,50.1z
-						 M39.4,50L39.4,50C39.4,50.1,39.4,50.1,39.4,50z"/>
+					<path
+   class="st3"
+   d="M55.9,73h-8c-0.9,0-1.6-0.7-1.6-1.6V49.8h0.7v-1.2h1.7v22h6.5v-22h8.3l-11.3-12L40.2,49.2V51h-2.1       l-0.4-0.4c-0.5-0.6-0.7-1.6-0.1-2.2L51,34.2c0.3-0.3,0.7-0.5,1.1-0.5c0,0,0,0,0,0c0.4,0,0.8,0.2,1.1,0.5l13.4,14.2       c0.5,0.6,0.7,1.6,0.1,2.2L66.3,51h-8.7v20.4C57.5,72.3,56.8,73,55.9,73z M64.8,50.1C64.8,50.1,64.8,50.1,64.8,50.1L64.8,50.1z        M39.4,50L39.4,50C39.4,50.1,39.4,50.1,39.4,50z"
+   id="path9"
+   style="fill:#c1d8ff;fill-opacity:1" />
 				</g>
 			</g>
 		</g>
diff --git a/src/images/HMI_HVAC_AirUp_Inactive.svg b/src/images/HMI_HVAC_AirUp_Inactive.svg
index 39e1fa1..6cd9786 100644
--- a/src/images/HMI_HVAC_AirUp_Inactive.svg
+++ b/src/images/HMI_HVAC_AirUp_Inactive.svg
@@ -2,14 +2,6 @@
 <!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 
 <svg
-   xmlns:i="&amp;ns_ai;"
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    version="1.1"
    id="Layer_2"
    x="0px"
@@ -17,8 +9,16 @@
    viewBox="0 0 140 140"
    style="enable-background:new 0 0 140 140;"
    xml:space="preserve"
-   inkscape:version="0.91 r13725"
-   sodipodi:docname="HMI_HVAC_AirUp_Inactive.svg"><metadata
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
+   sodipodi:docname="HMI_HVAC_AirUp_Inactive.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:i="&amp;#38;ns_ai;"><metadata
      id="metadata41"><rdf:RDF><cc:Work
          rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
@@ -32,44 +32,69 @@
      inkscape:pageopacity="0"
      inkscape:pageshadow="2"
      inkscape:window-width="2560"
-     inkscape:window-height="1464"
+     inkscape:window-height="1371"
      id="namedview37"
      showgrid="false"
-     inkscape:zoom="1.6857143"
-     inkscape:cx="-186.5678"
-     inkscape:cy="70"
+     inkscape:zoom="6.7428572"
+     inkscape:cx="64.735169"
+     inkscape:cy="71.705508"
      inkscape:window-x="0"
      inkscape:window-y="0"
      inkscape:window-maximized="1"
-     inkscape:current-layer="Layer_2" /><style
+     inkscape:current-layer="Layer_2"
+     inkscape:showpageshadow="2"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1" /><style
      type="text/css"
      id="style3">
 	.st0{fill:#848286;}
 </style><switch
-     id="switch5"><g
+     id="switch5"
+     style="fill:#1c2d92;fill-opacity:1"><g
        i:extraneous="self"
-       id="g7"><g
-         id="g9"><g
-           id="g11"><g
-             id="g13"><path
+       id="g7"
+       style="fill:#1c2d92;fill-opacity:1"><g
+         id="g9"
+         style="fill:#1c2d92;fill-opacity:1"><g
+           id="g11"
+           style="fill:#1c2d92;fill-opacity:1"><g
+             id="g13"
+             style="fill:#1c2d92;fill-opacity:1"><path
                class="st0"
                d="M70,138.5c-0.1,0-0.3,0-0.4,0c-37.8-0.2-68.3-31.1-68.1-68.9C1.7,32,32.4,1.5,70,1.5c0.1,0,0.3,0,0.4,0       c37.8,0.2,68.3,31.1,68.1,68.9l0,0C138.3,108,107.6,138.5,70,138.5z M70,3.9C33.7,3.9,4.1,33.3,3.9,69.6       c-0.2,36.4,29.3,66.3,65.7,66.5c0.1,0,0.2,0,0.4,0c36.3,0,65.9-29.4,66.1-65.7c0.2-36.4-29.3-66.3-65.7-66.5       C70.2,3.9,70.1,3.9,70,3.9z"
-               id="path15" /></g></g><g
-           id="g17"><g
-             id="g19"><g
-               id="g21"><path
+               id="path15"
+               style="fill:#1c2d92;fill-opacity:1" /></g></g><g
+           id="g17"
+           style="fill:#1c2d92;fill-opacity:1"><g
+             id="g19"
+             style="fill:#1c2d92;fill-opacity:1"><g
+               id="g21"
+               style="fill:#1c2d92;fill-opacity:1"><path
                  class="st0"
                  d="M96.9,65.2c-3.4-1.7-7.5-0.3-9.2,3.1l-10,19.9L57.5,83c-2-0.5-4,0.2-5.2,1.9l-15.4,20.9        c-1.6,2.2-1.2,5.3,1.1,6.9c0.9,0.7,1.9,1,2.9,1c1.5,0,3-0.7,4-2l13.4-18.2l21.3,5.5c0.1,0.1,0.2,0.1,0.4,0.2        c1,0.5,2,0.7,3.1,0.7c2.5,0,5-1.4,6.2-3.8L100,74.4C101.7,71,100.3,66.9,96.9,65.2z"
-                 id="path23" /></g></g><g
-             id="g25"><g
-               id="g27"><circle
+                 id="path23"
+                 style="fill:#1c2d92;fill-opacity:1" /></g></g><g
+             id="g25"
+             style="fill:#1c2d92;fill-opacity:1"><g
+               id="g27"
+               style="fill:#1c2d92;fill-opacity:1"><circle
                  class="st0"
                  cx="97.2"
                  cy="53.8"
                  r="8.3"
-                 id="circle29" /></g></g></g><g
-           id="g31"><g
-             id="g33"><path
+                 id="circle29"
+                 style="fill:#1c2d92;fill-opacity:1" /></g></g></g><g
+           id="g31"
+           style="fill:#1c2d92;fill-opacity:1"><g
+             id="g33"
+             style="fill:#1c2d92;fill-opacity:1"><path
                class="st0"
                d="M55.9,73h-8c-0.9,0-1.6-0.7-1.6-1.6V49.8h0.7v-1.2h1.7v22h6.5v-22h8.3l-11.3-12L40.2,49.2V51h-2.1       l-0.4-0.4c-0.5-0.6-0.7-1.6-0.1-2.2L51,34.2c0.3-0.3,0.7-0.5,1.1-0.5c0,0,0,0,0,0c0.4,0,0.8,0.2,1.1,0.5l13.4,14.2       c0.5,0.6,0.7,1.6,0.1,2.2L66.3,51h-8.7v20.4C57.5,72.3,56.8,73,55.9,73z M64.8,50.1C64.8,50.1,64.8,50.1,64.8,50.1L64.8,50.1z        M39.4,50L39.4,50C39.4,50.1,39.4,50.1,39.4,50z"
-               id="path35" /></g></g></g></g></switch></svg>
\ No newline at end of file
+               id="path35"
+               style="fill:#1c2d92;fill-opacity:1" /></g></g></g></g></switch><ellipse
+     style="opacity:0.43;fill:#1a237e;fill-opacity:1;stroke:none;stroke-width:1.54651"
+     id="path1"
+     cx="69.625656"
+     cy="69.39521"
+     rx="67.215584"
+     ry="67.476166" /></svg>
diff --git a/src/images/HMI_HVAC_Circulation_Active.svg b/src/images/HMI_HVAC_Circulation_Active.svg
index def92bb..0b280f4 100644
--- a/src/images/HMI_HVAC_Circulation_Active.svg
+++ b/src/images/HMI_HVAC_Circulation_Active.svg
@@ -1,87 +1,94 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
-	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
-	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
-	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
-	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
-	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
-	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
-	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
-	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
-]>
-<svg version="1.1" id="Layer_2" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
-	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 318 219"
-	 style="enable-background:new 0 0 318 219;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:url(#SVGID_1_);}
-	.st1{fill:url(#SVGID_2_);}
-	.st2{fill:url(#SVGID_3_);}
-	.st3{fill:url(#SVGID_4_);}
-	.st4{fill:url(#SVGID_5_);}
-	.st5{fill:url(#SVGID_6_);}
-	.st6{fill:url(#SVGID_7_);}
-	.st7{fill:url(#SVGID_8_);}
-	.st8{fill:none;stroke:url(#SVGID_9_);stroke-miterlimit:10;}
-</style>
-<switch>
-	<g i:extraneous="self">
-		<g>
-			<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="124.8906" y1="222.9002" x2="297.9268" y2="83.4753">
-				<stop  offset="0" style="stop-color:#00ADDC"/>
-				<stop  offset="1" style="stop-color:#6BFBFF"/>
-			</linearGradient>
-			<path class="st0" d="M218.2,164.1c-5.7,0-11.1-2.2-15.2-6.3c-4.1-4.1-6.3-9.5-6.3-15.2l2,0c0,5.2,2,10.1,5.7,13.8
-				c3.7,3.7,8.6,5.7,13.8,5.7c0,0,0,0,0,0c10.8,0,19.5-8.8,19.5-19.6l2,0C239.7,154.4,230.1,164.1,218.2,164.1
-				C218.2,164.1,218.2,164.1,218.2,164.1z"/>
-			<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="77.6338" y1="164.2511" x2="250.67" y2="24.8262">
-				<stop  offset="0" style="stop-color:#00ADDC"/>
-				<stop  offset="1" style="stop-color:#6BFBFF"/>
-			</linearGradient>
-			<path class="st1" d="M97.9,164.3c-5.7,0-11.1-2.2-15.2-6.3c-4.1-4.1-6.3-9.5-6.3-15.2l2,0c0,5.2,2,10.1,5.7,13.8
-				c3.7,3.7,8.6,5.7,13.8,5.7c0,0,0,0,0,0c5.2,0,10.1-2,13.8-5.7c3.7-3.7,5.7-8.6,5.7-13.8l2,0c0,5.7-2.2,11.2-6.3,15.2
-				C109.1,162,103.7,164.3,97.9,164.3C97.9,164.3,97.9,164.3,97.9,164.3z"/>
-			<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="93.334" y1="183.7362" x2="266.3703" y2="44.3113">
-				<stop  offset="0" style="stop-color:#00ADDC"/>
-				<stop  offset="1" style="stop-color:#6BFBFF"/>
-			</linearGradient>
-			<polygon class="st2" points="118.1,140.2 118.1,138.2 179.3,138.1 179.3,140.1 			"/>
-			<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="49.8941" y1="129.8242" x2="222.9303" y2="-9.6007">
-				<stop  offset="0" style="stop-color:#00ADDC"/>
-				<stop  offset="1" style="stop-color:#6BFBFF"/>
-			</linearGradient>
-			<path class="st3" d="M63.5,140.2c-8.5,0-14.7-14.3-14.7-21.7l0-0.2l6.2-25.2l1.9,0.5l-6.2,25.1c0,3.7,1.6,8.6,3.9,12.6
-				c2.6,4.5,5.8,7,8.8,7c0,0,0,0,0,0l13.8,0l0,2L63.5,140.2C63.5,140.2,63.5,140.2,63.5,140.2z"/>
-			<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="93.1771" y1="183.5415" x2="266.2133" y2="44.1166">
-				<stop  offset="0" style="stop-color:#00ADDC"/>
-				<stop  offset="1" style="stop-color:#6BFBFF"/>
-			</linearGradient>
-			<path class="st4" d="M238.7,140l0-2l15.8,0c2.7,0,5.9-5.8,8.7-15.4c2.2-7.7,3.8-16.7,3.9-20.8l-49-18.5L189.3,49l-35.5,0.1l0-2
-				l36.4-0.1l29.1,34.5l49.8,18.9l0,0.7c0,3.9-1.5,13.5-4,22.1c-3.2,11.2-6.8,16.9-10.6,16.9L238.7,140z"/>
-			<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="40.6173" y1="118.311" x2="213.6535" y2="-21.1139">
-				<stop  offset="0" style="stop-color:#00ADDC"/>
-				<stop  offset="1" style="stop-color:#6BFBFF"/>
-			</linearGradient>
-			<path class="st5" d="M56.7,94.1l-1.2-1.6l21.1-15.9l14.2-18.9c0.6-1,6.2-10.6,18.3-10.6l44.7-0.1l0,2l-44.7,0.1
-				c-11.2,0-16.3,9.3-16.5,9.6l-0.1,0.1L77.9,78.1L56.7,94.1z"/>
-			<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="70.8807" y1="155.8701" x2="243.917" y2="16.4452">
-				<stop  offset="0" style="stop-color:#00ADDC"/>
-				<stop  offset="1" style="stop-color:#6BFBFF"/>
-			</linearGradient>
-			<path class="st6" d="M126.1,111.9c-5.5,0-10.7-2.1-14.5-6c-3.9-3.9-6-9.1-6.1-14.6c0-5.5,2.1-10.7,6-14.6c3.9-3.9,9.1-6,14.6-6.1
-				l57.1-0.1l0,2l-57.1,0.1c-5,0-9.6,1.9-13.1,5.5c-3.5,3.5-5.4,8.2-5.4,13.2c0,5,1.9,9.6,5.5,13.1c3.5,3.5,8.2,5.4,13.1,5.4
-				c0,0,0,0,0,0l57.1-0.1l0,2L126.1,111.9C126.2,111.9,126.1,111.9,126.1,111.9z"/>
-			<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="85.2865" y1="173.7487" x2="258.3227" y2="34.3238">
-				<stop  offset="0" style="stop-color:#00ADDC"/>
-				<stop  offset="1" style="stop-color:#6BFBFF"/>
-			</linearGradient>
-			<polygon class="st7" points="153.9,121.7 153.2,119.8 180.1,110.8 153.2,101.9 153.8,100 186.4,110.8 			"/>
-			<linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="20.6643" y1="240.7757" x2="297.3357" y2="-21.7757">
-				<stop  offset="0" style="stop-color:#00ADDC"/>
-				<stop  offset="1" style="stop-color:#6BFBFF"/>
-			</linearGradient>
-			<rect x="0.5" y="0.5" class="st8" width="317" height="218"/>
-		</g>
-	</g>
-</switch>
-</svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   version="1.1"
+   id="Layer_2"
+   x="0px"
+   y="0px"
+   viewBox="0 0 318 219"
+   style="enable-background:new 0 0 318 219;"
+   xml:space="preserve"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
+   sodipodi:docname="HMI_HVAC_Circulation_Inactive.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"><metadata
+     id="metadata33"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs31" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2560"
+     inkscape:window-height="1371"
+     id="namedview29"
+     showgrid="false"
+     inkscape:zoom="3.0479855"
+     inkscape:cx="112.69739"
+     inkscape:cy="102.19865"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Layer_2"
+     inkscape:showpageshadow="2"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1" /><style
+     type="text/css"
+     id="style3">
+	.st0{fill:#848286;}
+	.st1{fill:none;stroke:#848286;stroke-miterlimit:10;}
+</style><rect
+     x="0.5"
+     y="0.5"
+     class="st1"
+     width="317"
+     height="218"
+     id="rect27"
+     style="stroke:#c1d8ff;stroke-opacity:1;fill:#2962ff;fill-opacity:1" /><path
+     class="st0"
+     d="m 218.2,164.1 c -5.7,0 -11.1,-2.2 -15.2,-6.3 -4.1,-4.1 -6.3,-9.5 -6.3,-15.2 h 2 c 0,5.2 2,10.1 5.7,13.8 3.7,3.7 8.6,5.7 13.8,5.7 0,0 0,0 0,0 10.8,0 19.5,-8.8 19.5,-19.6 h 2 c 0,11.9 -9.6,21.6 -21.5,21.6 z"
+     id="path11"
+     style="fill:#c1d8ff;fill-opacity:1" /><path
+     class="st0"
+     d="m 97.9,164.3 c -5.7,0 -11.1,-2.2 -15.2,-6.3 -4.1,-4.1 -6.3,-9.5 -6.3,-15.2 h 2 c 0,5.2 2,10.1 5.7,13.8 3.7,3.7 8.6,5.7 13.8,5.7 0,0 0,0 0,0 5.2,0 10.1,-2 13.8,-5.7 3.7,-3.7 5.7,-8.6 5.7,-13.8 h 2 c 0,5.7 -2.2,11.2 -6.3,15.2 -4,4 -9.4,6.3 -15.2,6.3 z"
+     id="path13"
+     style="fill:#c1d8ff;fill-opacity:1" /><rect
+     x="117.89621"
+     y="138.31786"
+     transform="rotate(-0.08392909)"
+     class="st0"
+     width="61.200066"
+     height="2.0000021"
+     id="rect15"
+     style="stroke-width:1;fill:#c1d8ff;fill-opacity:1" /><path
+     class="st0"
+     d="m 63.5,140.2 c -8.5,0 -14.7,-14.3 -14.7,-21.7 v -0.2 l 6.2,-25.2 1.9,0.5 -6.2,25.1 c 0,3.7 1.6,8.6 3.9,12.6 2.6,4.5 5.8,7 8.8,7 0,0 0,0 0,0 h 13.8 v 2 z"
+     id="path17"
+     style="fill:#c1d8ff;fill-opacity:1" /><path
+     class="st0"
+     d="m 238.7,140 v -2 h 15.8 c 2.7,0 5.9,-5.8 8.7,-15.4 2.2,-7.7 3.8,-16.7 3.9,-20.8 L 218.1,83.3 189.3,49 153.8,49.1 v -2 l 36.4,-0.1 29.1,34.5 49.8,18.9 v 0.7 c 0,3.9 -1.5,13.5 -4,22.1 -3.2,11.2 -6.8,16.9 -10.6,16.9 z"
+     id="path19"
+     style="fill:#c1d8ff;fill-opacity:1" /><path
+     class="st0"
+     d="M 56.7,94.1 55.5,92.5 76.6,76.6 90.8,57.7 c 0.6,-1 6.2,-10.6 18.3,-10.6 L 153.8,47 v 2 l -44.7,0.1 c -11.2,0 -16.3,9.3 -16.5,9.6 l -0.1,0.1 -14.6,19.3 z"
+     id="path21"
+     style="fill:#c1d8ff;fill-opacity:1" /><path
+     class="st0"
+     d="m 126.1,111.9 c -5.5,0 -10.7,-2.1 -14.5,-6 -3.9,-3.9 -6,-9.1 -6.1,-14.6 0,-5.5 2.1,-10.7 6,-14.6 3.9,-3.9 9.1,-6 14.6,-6.1 l 57.1,-0.1 v 2 l -57.1,0.1 c -5,0 -9.6,1.9 -13.1,5.5 -3.5,3.5 -5.4,8.2 -5.4,13.2 0,5 1.9,9.6 5.5,13.1 3.5,3.5 8.2,5.4 13.1,5.4 0,0 0,0 0,0 l 57.1,-0.1 v 2 l -57.2,0.2 c 0.1,0 0,0 0,0 z"
+     id="path23"
+     style="fill:#c1d8ff;fill-opacity:1" /><polygon
+     class="st0"
+     points="153.9,121.7 153.2,119.8 180.1,110.8 153.2,101.9 153.8,100 186.4,110.8 "
+     id="polygon25"
+     style="fill:#c1d8ff;fill-opacity:1" /></svg>
diff --git a/src/images/HMI_HVAC_Circulation_Inactive.svg b/src/images/HMI_HVAC_Circulation_Inactive.svg
index 9c7d43f..2d23141 100644
--- a/src/images/HMI_HVAC_Circulation_Inactive.svg
+++ b/src/images/HMI_HVAC_Circulation_Inactive.svg
@@ -2,14 +2,6 @@
 <!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 
 <svg
-   xmlns:i="&amp;ns_ai;"
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    version="1.1"
    id="Layer_2"
    x="0px"
@@ -17,8 +9,15 @@
    viewBox="0 0 318 219"
    style="enable-background:new 0 0 318 219;"
    xml:space="preserve"
-   inkscape:version="0.91 r13725"
-   sodipodi:docname="HMI_HVAC_Circulation_Inactive.svg"><metadata
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
+   sodipodi:docname="HMI_HVAC_Circulation_Inactive.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"><metadata
      id="metadata33"><rdf:RDF><cc:Work
          rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
@@ -32,56 +31,64 @@
      inkscape:pageopacity="0"
      inkscape:pageshadow="2"
      inkscape:window-width="2560"
-     inkscape:window-height="1464"
+     inkscape:window-height="1371"
      id="namedview29"
      showgrid="false"
-     inkscape:zoom="1.0776256"
-     inkscape:cx="-290.59958"
-     inkscape:cy="109.5"
+     inkscape:zoom="4.3105024"
+     inkscape:cx="118.19968"
+     inkscape:cy="100.10434"
      inkscape:window-x="0"
      inkscape:window-y="0"
      inkscape:window-maximized="1"
-     inkscape:current-layer="Layer_2" /><style
+     inkscape:current-layer="Layer_2"
+     inkscape:showpageshadow="2"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1" /><style
      type="text/css"
      id="style3">
 	.st0{fill:#848286;}
 	.st1{fill:none;stroke:#848286;stroke-miterlimit:10;}
-</style><switch
-     id="switch5"><g
-       i:extraneous="self"
-       id="g7"><g
-         id="g9"><path
-           class="st0"
-           d="M218.2,164.1c-5.7,0-11.1-2.2-15.2-6.3c-4.1-4.1-6.3-9.5-6.3-15.2l2,0c0,5.2,2,10.1,5.7,13.8     c3.7,3.7,8.6,5.7,13.8,5.7c0,0,0,0,0,0c10.8,0,19.5-8.8,19.5-19.6l2,0C239.7,154.4,230.1,164.1,218.2,164.1     C218.2,164.1,218.2,164.1,218.2,164.1z"
-           id="path11" /><path
-           class="st0"
-           d="M97.9,164.3c-5.7,0-11.1-2.2-15.2-6.3c-4.1-4.1-6.3-9.5-6.3-15.2l2,0c0,5.2,2,10.1,5.7,13.8     c3.7,3.7,8.6,5.7,13.8,5.7c0,0,0,0,0,0c5.2,0,10.1-2,13.8-5.7c3.7-3.7,5.7-8.6,5.7-13.8l2,0c0,5.7-2.2,11.2-6.3,15.2     C109.1,162,103.7,164.3,97.9,164.3C97.9,164.3,97.9,164.3,97.9,164.3z"
-           id="path13" /><rect
-           x="118.1"
-           y="138.1"
-           transform="matrix(1 -1.464842e-03 1.464842e-03 1 -0.2036 0.218)"
-           class="st0"
-           width="61.2"
-           height="2"
-           id="rect15" /><path
-           class="st0"
-           d="M63.5,140.2c-8.5,0-14.7-14.3-14.7-21.7l0-0.2l6.2-25.2l1.9,0.5l-6.2,25.1c0,3.7,1.6,8.6,3.9,12.6     c2.6,4.5,5.8,7,8.8,7c0,0,0,0,0,0l13.8,0l0,2L63.5,140.2C63.5,140.2,63.5,140.2,63.5,140.2z"
-           id="path17" /><path
-           class="st0"
-           d="M238.7,140l0-2l15.8,0c2.7,0,5.9-5.8,8.7-15.4c2.2-7.7,3.8-16.7,3.9-20.8l-49-18.5L189.3,49l-35.5,0.1l0-2     l36.4-0.1l29.1,34.5l49.8,18.9l0,0.7c0,3.9-1.5,13.5-4,22.1c-3.2,11.2-6.8,16.9-10.6,16.9L238.7,140z"
-           id="path19" /><path
-           class="st0"
-           d="M56.7,94.1l-1.2-1.6l21.1-15.9l14.2-18.9c0.6-1,6.2-10.6,18.3-10.6l44.7-0.1l0,2l-44.7,0.1     c-11.2,0-16.3,9.3-16.5,9.6l-0.1,0.1L77.9,78.1L56.7,94.1z"
-           id="path21" /><path
-           class="st0"
-           d="M126.1,111.9c-5.5,0-10.7-2.1-14.5-6c-3.9-3.9-6-9.1-6.1-14.6c0-5.5,2.1-10.7,6-14.6c3.9-3.9,9.1-6,14.6-6.1     l57.1-0.1l0,2l-57.1,0.1c-5,0-9.6,1.9-13.1,5.5c-3.5,3.5-5.4,8.2-5.4,13.2c0,5,1.9,9.6,5.5,13.1c3.5,3.5,8.2,5.4,13.1,5.4     c0,0,0,0,0,0l57.1-0.1l0,2L126.1,111.9C126.2,111.9,126.1,111.9,126.1,111.9z"
-           id="path23" /><polygon
-           class="st0"
-           points="153.9,121.7 153.2,119.8 180.1,110.8 153.2,101.9 153.8,100 186.4,110.8    "
-           id="polygon25" /><rect
-           x="0.5"
-           y="0.5"
-           class="st1"
-           width="317"
-           height="218"
-           id="rect27" /></g></g></switch></svg>
\ No newline at end of file
+</style><rect
+     x="0.5"
+     y="0.5"
+     class="st1"
+     width="317"
+     height="218"
+     id="rect27"
+     style="stroke:#c1d8ff;stroke-opacity:1;fill:#1a237e;fill-opacity:1;opacity:0.43" /><path
+     class="st0"
+     d="m 218.2,164.1 c -5.7,0 -11.1,-2.2 -15.2,-6.3 -4.1,-4.1 -6.3,-9.5 -6.3,-15.2 h 2 c 0,5.2 2,10.1 5.7,13.8 3.7,3.7 8.6,5.7 13.8,5.7 0,0 0,0 0,0 10.8,0 19.5,-8.8 19.5,-19.6 h 2 c 0,11.9 -9.6,21.6 -21.5,21.6 z"
+     id="path11"
+     style="fill:#1c2d92;fill-opacity:1" /><path
+     class="st0"
+     d="m 97.9,164.3 c -5.7,0 -11.1,-2.2 -15.2,-6.3 -4.1,-4.1 -6.3,-9.5 -6.3,-15.2 h 2 c 0,5.2 2,10.1 5.7,13.8 3.7,3.7 8.6,5.7 13.8,5.7 0,0 0,0 0,0 5.2,0 10.1,-2 13.8,-5.7 3.7,-3.7 5.7,-8.6 5.7,-13.8 h 2 c 0,5.7 -2.2,11.2 -6.3,15.2 -4,4 -9.4,6.3 -15.2,6.3 z"
+     id="path13"
+     style="fill:#1c2d92;fill-opacity:1" /><rect
+     x="117.89621"
+     y="138.31786"
+     transform="rotate(-0.08392909)"
+     class="st0"
+     width="61.200066"
+     height="2.0000021"
+     id="rect15"
+     style="stroke-width:1;fill:#1c2d92;fill-opacity:1" /><path
+     class="st0"
+     d="m 63.5,140.2 c -8.5,0 -14.7,-14.3 -14.7,-21.7 v -0.2 l 6.2,-25.2 1.9,0.5 -6.2,25.1 c 0,3.7 1.6,8.6 3.9,12.6 2.6,4.5 5.8,7 8.8,7 0,0 0,0 0,0 h 13.8 v 2 z"
+     id="path17"
+     style="fill:#1c2d92;fill-opacity:1" /><path
+     class="st0"
+     d="m 238.7,140 v -2 h 15.8 c 2.7,0 5.9,-5.8 8.7,-15.4 2.2,-7.7 3.8,-16.7 3.9,-20.8 L 218.1,83.3 189.3,49 153.8,49.1 v -2 l 36.4,-0.1 29.1,34.5 49.8,18.9 v 0.7 c 0,3.9 -1.5,13.5 -4,22.1 -3.2,11.2 -6.8,16.9 -10.6,16.9 z"
+     id="path19"
+     style="fill:#1c2d92;fill-opacity:1" /><path
+     class="st0"
+     d="M 56.7,94.1 55.5,92.5 76.6,76.6 90.8,57.7 c 0.6,-1 6.2,-10.6 18.3,-10.6 L 153.8,47 v 2 l -44.7,0.1 c -11.2,0 -16.3,9.3 -16.5,9.6 l -0.1,0.1 -14.6,19.3 z"
+     id="path21"
+     style="fill:#1c2d92;fill-opacity:1" /><path
+     class="st0"
+     d="m 126.1,111.9 c -5.5,0 -10.7,-2.1 -14.5,-6 -3.9,-3.9 -6,-9.1 -6.1,-14.6 0,-5.5 2.1,-10.7 6,-14.6 3.9,-3.9 9.1,-6 14.6,-6.1 l 57.1,-0.1 v 2 l -57.1,0.1 c -5,0 -9.6,1.9 -13.1,5.5 -3.5,3.5 -5.4,8.2 -5.4,13.2 0,5 1.9,9.6 5.5,13.1 3.5,3.5 8.2,5.4 13.1,5.4 0,0 0,0 0,0 l 57.1,-0.1 v 2 l -57.2,0.2 c 0.1,0 0,0 0,0 z"
+     id="path23"
+     style="fill:#1c2d92;fill-opacity:1" /><polygon
+     class="st0"
+     points="153.9,121.7 153.2,119.8 180.1,110.8 153.2,101.9 153.8,100 186.4,110.8 "
+     id="polygon25"
+     style="fill:#1c2d92;fill-opacity:1" /></svg>
diff --git a/src/images/HMI_HVAC_Fan_Icon.svg b/src/images/HMI_HVAC_Fan_Icon.svg
index ee583a0..1a77a90 100644
--- a/src/images/HMI_HVAC_Fan_Icon.svg
+++ b/src/images/HMI_HVAC_Fan_Icon.svg
@@ -1,46 +1,95 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
-	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
-	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
-	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
-	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
-	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
-	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
-	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
-	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
-]>
-<svg version="1.1" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
-	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 114 114"
-	 style="enable-background:new 0 0 114 114;" xml:space="preserve">
-<style type="text/css">
+
+<svg
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 114 114"
+   style="enable-background:new 0 0 114 114;"
+   xml:space="preserve"
+   sodipodi:docname="HMI_HVAC_Fan_Icon.svg"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+   id="defs4">
+	
+
+		
+	
+			
+			
+		</defs><sodipodi:namedview
+   id="namedview4"
+   pagecolor="#ffffff"
+   bordercolor="#000000"
+   borderopacity="0.25"
+   inkscape:showpageshadow="2"
+   inkscape:pageopacity="0.0"
+   inkscape:pagecheckerboard="0"
+   inkscape:deskcolor="#d1d1d1"
+   inkscape:zoom="10.219298"
+   inkscape:cx="51.618026"
+   inkscape:cy="57.48927"
+   inkscape:window-width="2560"
+   inkscape:window-height="1371"
+   inkscape:window-x="0"
+   inkscape:window-y="0"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="Layer_1" />
+<style
+   type="text/css"
+   id="style1">
 	.st0{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}
 	.st1{fill:url(#SVGID_1_);}
 </style>
-<switch>
-	<g i:extraneous="self">
-		<g>
-			<g>
-				<ellipse transform="matrix(0.8685 -0.4958 0.4958 0.8685 -21.9603 36.0747)" class="st0" cx="57" cy="59.4" rx="3.7" ry="3.7"/>
-				<path class="st0" d="M58.1,50.7c-1.8-0.2-3.8,0.1-5.5,1.1c-0.6,0.3-1.1,0.7-1.6,1.2c-0.2-0.5-0.3-1-0.5-1.6
-					c-1.4-5.9,4.5-8.1,5.1-14.1c0.9-8.6-10.6-8.8-15.3-3.7c-6.2,6.7-3.6,14-0.4,18.3c2.5,3.2,5.5,5.2,8.3,6.3
-					c-0.2,1.8,0.1,3.8,1.1,5.5c0.3,0.6,0.7,1.1,1.2,1.6c-0.5,0.2-1,0.3-1.6,0.5c-5.9,1.4-8.1-4.5-14.1-5.1
-					c-8.6-0.9-8.8,10.6-3.7,15.3c6.7,6.2,14,3.6,18.3,0.3c3.2-2.5,5.2-5.5,6.3-8.3c1.8,0.2,3.8-0.1,5.5-1.1c0.6-0.3,1.1-0.7,1.6-1.2
-					c0.2,0.5,0.3,1,0.5,1.6c1.4,5.9-4.5,8.1-5.1,14.1c-0.9,8.6,10.6,8.8,15.3,3.7c6.2-6.7,3.6-14,0.3-18.3c-2.5-3.2-5.5-5.2-8.3-6.3
-					c0.2-1.8-0.1-3.8-1.1-5.5c-0.3-0.6-0.7-1.1-1.2-1.6c0.5-0.2,1-0.3,1.6-0.5c5.9-1.4,8.1,4.5,14.1,5.1c8.6,0.9,8.8-10.6,3.7-15.3
-					c-6.7-6.2-14-3.6-18.3-0.4c-1.2,0.9-2.2,1.8-3,2.8"/>
-			</g>
-			<g>
+<ellipse
+   style="opacity:0.43;fill:#1a237e;fill-opacity:1;stroke:none;stroke-width:1.27443"
+   id="path1-3"
+   cx="57.164497"
+   cy="57.009445"
+   rx="55.389957"
+   ry="55.604691" /><g
+   id="g1">
+				<circle
+   transform="matrix(0.8685,-0.4958,0.4958,0.8685,-21.9603,36.0747)"
+   class="st0"
+   cx="57"
+   cy="59.400002"
+   id="ellipse1"
+   r="3.7" />
+				<path
+   class="st0"
+   d="M 58.1,50.7 C 56.3,50.5 54.3,50.8 52.6,51.8 52,52.1 51.5,52.5 51,53 50.8,52.5 50.7,52 50.5,51.4 49.1,45.5 55,43.3 55.6,37.3 56.5,28.7 45,28.5 40.3,33.6 c -6.2,6.7 -3.6,14 -0.4,18.3 2.5,3.2 5.5,5.2 8.3,6.3 -0.2,1.8 0.1,3.8 1.1,5.5 0.3,0.6 0.7,1.1 1.2,1.6 -0.5,0.2 -1,0.3 -1.6,0.5 C 43,67.2 40.8,61.3 34.8,60.7 26.2,59.8 26,71.3 31.1,76 c 6.7,6.2 14,3.6 18.3,0.3 3.2,-2.5 5.2,-5.5 6.3,-8.3 1.8,0.2 3.8,-0.1 5.5,-1.1 0.6,-0.3 1.1,-0.7 1.6,-1.2 0.2,0.5 0.3,1 0.5,1.6 1.4,5.9 -4.5,8.1 -5.1,14.1 -0.9,8.6 10.6,8.8 15.3,3.7 6.2,-6.7 3.6,-14 0.3,-18.3 -2.5,-3.2 -5.5,-5.2 -8.3,-6.3 0.2,-1.8 -0.1,-3.8 -1.1,-5.5 -0.3,-0.6 -0.7,-1.1 -1.2,-1.6 0.5,-0.2 1,-0.3 1.6,-0.5 5.9,-1.4 8.1,4.5 14.1,5.1 8.6,0.9 8.8,-10.6 3.7,-15.3 -6.7,-6.2 -14,-3.6 -18.3,-0.4 -1.2,0.9 -2.2,1.8 -3,2.8"
+   id="path1" />
+			</g><g
+   id="g2"
+   style="fill:#c1d8ff;fill-opacity:1">
 				
-					<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-26.1323" y1="141.6157" x2="145.4036" y2="-22.8267" gradientTransform="matrix(1 5.464556e-03 -5.464556e-03 1 -2.5808 -2.4627)">
-					<stop  offset="0" style="stop-color:#00ADDC"/>
-					<stop  offset="1" style="stop-color:#6BFBFF"/>
+					<linearGradient
+   id="SVGID_1_"
+   gradientUnits="userSpaceOnUse"
+   x1="-26.132299"
+   y1="141.61571"
+   x2="145.40359"
+   y2="-22.8267"
+   gradientTransform="matrix(1,0.00546456,-0.00546456,1,-2.5808,-2.4627)">
+					<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop1" />
+					<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop2" />
 				</linearGradient>
-				<path class="st1" d="M57,114c-0.1,0-0.2,0-0.3,0C25.3,113.8-0.2,88.1,0,56.7C0.2,25.4,25.7,0,57,0c0.1,0,0.2,0,0.3,0
-					c31.4,0.2,56.9,25.9,56.7,57.3l0,0C113.8,88.6,88.3,114,57,114z M57,2C26.8,2,2.2,26.5,2,56.7C1.8,87,26.4,111.8,56.7,112
-					c0.1,0,0.2,0,0.3,0c30.2,0,54.8-24.5,55-54.7C112.2,27,87.6,2.2,57.3,2C57.2,2,57.1,2,57,2z"/>
+				<path
+   class="st1"
+   d="m 57,114 c -0.1,0 -0.2,0 -0.3,0 C 25.3,113.8 -0.2,88.1 0,56.7 0.2,25.4 25.7,0 57,0 c 0.1,0 0.2,0 0.3,0 31.4,0.2 56.9,25.9 56.7,57.3 v 0 C 113.8,88.6 88.3,114 57,114 Z M 57,2 C 26.8,2 2.2,26.5 2,56.7 1.8,87 26.4,111.8 56.7,112 c 0.1,0 0.2,0 0.3,0 30.2,0 54.8,-24.5 55,-54.7 C 112.2,27 87.6,2.2 57.3,2 57.2,2 57.1,2 57,2 Z"
+   id="path2"
+   style="fill:#c1d8ff;fill-opacity:1" />
 			</g>
-		</g>
-	</g>
-</switch>
 </svg>
diff --git a/src/images/HMI_HVAC_Front_Active.svg b/src/images/HMI_HVAC_Front_Active.svg
index 146e509..5ce24c7 100644
--- a/src/images/HMI_HVAC_Front_Active.svg
+++ b/src/images/HMI_HVAC_Front_Active.svg
@@ -1,19 +1,42 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
-	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
-	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
-	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
-	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
-	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
-	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
-	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
-	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
-]>
-<svg version="1.1" id="Layer_2" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
-	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 140 140"
-	 style="enable-background:new 0 0 140 140;" xml:space="preserve">
-<style type="text/css">
+
+<svg
+   version="1.1"
+   id="Layer_2"
+   x="0px"
+   y="0px"
+   viewBox="0 0 140 140"
+   style="enable-background:new 0 0 140 140;"
+   xml:space="preserve"
+   sodipodi:docname="HMI_HVAC_Front_Active.svg"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:i="&amp;ns_ai;"><defs
+   id="defs8" /><sodipodi:namedview
+   id="namedview8"
+   pagecolor="#ffffff"
+   bordercolor="#000000"
+   borderopacity="0.25"
+   inkscape:showpageshadow="2"
+   inkscape:pageopacity="0.0"
+   inkscape:pagecheckerboard="0"
+   inkscape:deskcolor="#d1d1d1"
+   inkscape:zoom="8.3214286"
+   inkscape:cx="70"
+   inkscape:cy="70"
+   inkscape:window-width="2560"
+   inkscape:window-height="1371"
+   inkscape:window-x="0"
+   inkscape:window-y="0"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="Layer_2" />
+<style
+   type="text/css"
+   id="style1">
 	.st0{fill:#0DF9FF;}
 	.st1{font-family:'Roboto-Regular';}
 	.st2{font-size:19.2px;}
@@ -22,52 +45,105 @@
 	.st5{fill:url(#SVGID_2_);}
 	.st6{fill:url(#SVGID_3_);}
 </style>
-<switch>
-	<g i:extraneous="self">
-		<g>
-			<g>
-				<text transform="matrix(1 0 0 1 30.8062 42.6951)" class="st0 st1 st2 st3">FRONT</text>
+<ellipse
+   style="fill:#2962ff;fill-opacity:1;stroke:none;stroke-width:1.54683"
+   id="path1"
+   cx="69.858604"
+   cy="69.901985"
+   rx="67.354645"
+   ry="67.364502" /><switch
+   id="switch8"
+   style="fill:#c1d8ff;fill-opacity:1">
+	<g
+   i:extraneous="self"
+   id="g8"
+   style="fill:#c1d8ff;fill-opacity:1">
+		<g
+   id="g7"
+   style="fill:#c1d8ff;fill-opacity:1">
+			<g
+   id="g1"
+   style="fill:#c1d8ff;fill-opacity:1">
+				<text
+   transform="matrix(1 0 0 1 30.8062 42.6951)"
+   class="st0 st1 st2 st3"
+   id="text1"
+   style="fill:#c1d8ff;fill-opacity:1">FRONT</text>
 			</g>
-			<g>
-				<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="11.6389" y1="158.3479" x2="114.2385" y2="3.0985">
-					<stop  offset="0" style="stop-color:#00ADDC"/>
-					<stop  offset="1" style="stop-color:#6BFBFF"/>
+			<g
+   id="g2"
+   style="fill:#c1d8ff;fill-opacity:1">
+				<linearGradient
+   id="SVGID_1_"
+   gradientUnits="userSpaceOnUse"
+   x1="11.6389"
+   y1="158.3479"
+   x2="114.2385"
+   y2="3.0985">
+					<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop1" />
+					<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop2" />
 				</linearGradient>
-				<path class="st4" d="M70,138.5c-0.1,0-0.3,0-0.4,0c-37.8-0.2-68.3-31.1-68.1-68.9C1.7,32,32.4,1.5,70,1.5c0.1,0,0.3,0,0.4,0
-					c18.3,0.1,35.5,7.3,48.3,20.3s19.9,30.2,19.8,48.5c-0.1,18.3-7.3,35.5-20.3,48.3C105.3,131.5,88.2,138.5,70,138.5z M70,3.9
-					c-17.5,0-34,6.8-46.5,19.1C11,35.4,4,52,3.9,69.6c-0.2,36.4,29.3,66.3,65.7,66.5c0.1,0,0.2,0,0.4,0c17.5,0,34-6.8,46.5-19.1
-					c12.6-12.4,19.5-29,19.6-46.6l0,0c0.1-17.7-6.7-34.3-19.1-46.8S88,4,70.4,3.9C70.2,3.9,70.1,3.9,70,3.9z"/>
+				<path
+   class="st4"
+   d="M70,138.5c-0.1,0-0.3,0-0.4,0c-37.8-0.2-68.3-31.1-68.1-68.9C1.7,32,32.4,1.5,70,1.5c0.1,0,0.3,0,0.4,0      c18.3,0.1,35.5,7.3,48.3,20.3s19.9,30.2,19.8,48.5c-0.1,18.3-7.3,35.5-20.3,48.3C105.3,131.5,88.2,138.5,70,138.5z M70,3.9      c-17.5,0-34,6.8-46.5,19.1C11,35.4,4,52,3.9,69.6c-0.2,36.4,29.3,66.3,65.7,66.5c0.1,0,0.2,0,0.4,0c17.5,0,34-6.8,46.5-19.1      c12.6-12.4,19.5-29,19.6-46.6l0,0c0.1-17.7-6.7-34.3-19.1-46.8S88,4,70.4,3.9C70.2,3.9,70.1,3.9,70,3.9z"
+   id="path2"
+   style="fill:#c1d8ff;fill-opacity:1" />
 			</g>
-			<g>
-				<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="13.3004" y1="159.5306" x2="115.9684" y2="4.1777">
-					<stop  offset="0" style="stop-color:#00ADDC"/>
-					<stop  offset="1" style="stop-color:#6BFBFF"/>
+			<g
+   id="g4"
+   style="fill:#c1d8ff;fill-opacity:1">
+				<linearGradient
+   id="SVGID_2_"
+   gradientUnits="userSpaceOnUse"
+   x1="13.3004"
+   y1="159.5306"
+   x2="115.9684"
+   y2="4.1777">
+					<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop3" />
+					<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop4" />
 				</linearGradient>
-				<path class="st5" d="M50.3,107.7L17.4,73.8l0.8-0.8C32,59,50.4,51.4,70,51.3c0,0,0.1,0,0.1,0c19.5,0,37.9,7.6,51.7,21.5l0.8,0.8
-					L97,100.2l-1.7-1.7l24-24.8c-13.2-12.9-30.6-20-49.1-20c0,0-0.1,0-0.1,0c-18.5,0-36,7.2-49.2,20.1l29.6,30.5
-					c5.4-4.9,12.4-7.5,19.7-7.5c0,0,0,0,0,0c7.7,0,15,2.9,20.5,8.3l-1.7,1.7c-5.1-4.9-11.8-7.6-18.9-7.6c0,0,0,0,0,0
-					c-7.1,0-13.8,2.7-18.9,7.7L50.3,107.7z"/>
+				<path
+   class="st5"
+   d="M50.3,107.7L17.4,73.8l0.8-0.8C32,59,50.4,51.4,70,51.3c0,0,0.1,0,0.1,0c19.5,0,37.9,7.6,51.7,21.5l0.8,0.8      L97,100.2l-1.7-1.7l24-24.8c-13.2-12.9-30.6-20-49.1-20c0,0-0.1,0-0.1,0c-18.5,0-36,7.2-49.2,20.1l29.6,30.5      c5.4-4.9,12.4-7.5,19.7-7.5c0,0,0,0,0,0c7.7,0,15,2.9,20.5,8.3l-1.7,1.7c-5.1-4.9-11.8-7.6-18.9-7.6c0,0,0,0,0,0      c-7.1,0-13.8,2.7-18.9,7.7L50.3,107.7z"
+   id="path4"
+   style="fill:#c1d8ff;fill-opacity:1" />
 			</g>
-			<g>
-				<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="16.1835" y1="161.4359" x2="118.8515" y2="6.083">
-					<stop  offset="0" style="stop-color:#00ADDC"/>
-					<stop  offset="1" style="stop-color:#6BFBFF"/>
+			<g
+   id="g6"
+   style="fill:#c1d8ff;fill-opacity:1">
+				<linearGradient
+   id="SVGID_3_"
+   gradientUnits="userSpaceOnUse"
+   x1="16.1835"
+   y1="161.4359"
+   x2="118.8515"
+   y2="6.083">
+					<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop5" />
+					<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop6" />
 				</linearGradient>
-				<path class="st6" d="M70.7,89.5c-2,0-3.4-1.4-3.5-1.6l-6.8-5.5c-0.9-1.3-2.2-1.9-3.4-1.8c-1.4,0.1-2.7,1.1-3.6,2.7
-					c-1.5,2.6-3.5,4.2-5.8,4.3c-2.1,0.1-4.1-1.1-5.6-3.3l-1.2-1.7c-0.9-1.3-2.1-2-3.4-2c-1.4,0.1-2.7,1-3.6,2.6l-0.6,1l-2-3.9
-					l0.2-0.3c1.5-2.6,3.6-4.1,5.9-4.2c2.1-0.1,4.1,1.1,5.7,3.3l1.2,1.7c0.9,1.3,2.1,2.1,3.3,2c1.3-0.1,2.6-1,3.5-2.6
-					c1.5-2.6,3.6-4.2,5.9-4.4c2.1-0.2,4.1,0.9,5.6,2.9l6.5,5.2c0.2,0.2,0.8,0.7,1.6,0.7c0,0,0,0,0,0c0.6,0,1.3-0.4,1.9-1l4.2-3.7
-					c1.5-2.6,3.6-4,5.8-4.1c2.2-0.1,4.1,1.1,5.7,3.3l1.2,1.7c0.9,1.3,2.1,2,3.3,2c1.3-0.1,2.6-1,3.5-2.6c1.5-2.6,3.6-4.2,5.9-4.4
-					c2.1-0.1,4.1,0.9,5.6,3l0.2,0.3l-1.7,4.2l-0.6-0.9c-0.9-1.3-2.1-1.9-3.4-1.8c-1.4,0.1-2.7,1.1-3.6,2.7c-1.5,2.6-3.5,4.2-5.8,4.3
-					c-2.1,0.1-4.1-1.1-5.7-3.3l-1.2-1.7c-0.9-1.3-2.1-2-3.4-2c-1.4,0.1-2.7,1-3.6,2.6L79,83.4l-5.1,4.7l0,0
-					C72.9,89,71.8,89.5,70.7,89.5z M61.3,81.7L68,87c0.1,0.1,1.2,1.3,2.7,1.3c1,0,2-0.5,3-1.6l0.6-0.6l0.1,0.1l3.9-3.6
-					c1.1-1.9,2.8-3.1,4.5-3.1c1.6-0.1,3.2,0.8,4.4,2.5l1.2,1.7c1.3,1.9,2.9,2.8,4.6,2.8c1.8-0.1,3.5-1.4,4.8-3.7
-					c1.1-2,2.8-3.2,4.6-3.3c1.4-0.1,2.7,0.4,3.7,1.5l0.7-1.7c-1.3-1.6-2.8-2.4-4.4-2.3c-1.9,0.1-3.7,1.5-4.9,3.8
-					c-1.1,2-2.7,3.2-4.5,3.2c-1.7,0.1-3.2-0.8-4.4-2.5l-1.2-1.7C86,77.9,84.4,77,82.7,77c-1.9,0.1-3.6,1.4-4.9,3.6l-0.1,0.2
-					l-4.3,3.7c-0.8,0.9-1.7,1.3-2.7,1.3c-1.3,0.1-2.2-0.8-2.5-1l-6.7-5.3c-1.3-1.7-2.9-2.6-4.6-2.5c-1.9,0.1-3.7,1.5-4.9,3.8
-					c-1.1,2-2.7,3.2-4.5,3.2c-1.7,0-3.2-0.8-4.4-2.5L42,79.8c-1.3-1.9-2.9-2.8-4.6-2.8c-1.8,0.1-3.4,1.2-4.7,3.3l0.7,1.4
-					c1.1-1.4,2.5-2.3,4-2.3c1.7,0,3.2,0.8,4.4,2.5l1.2,1.7c1.3,1.9,2.9,2.8,4.6,2.8c1.8-0.1,3.5-1.4,4.8-3.7c1.1-2,2.8-3.2,4.6-3.3
-					C58.6,79.3,60.2,80.1,61.3,81.7z"/>
+				<path
+   class="st6"
+   d="M70.7,89.5c-2,0-3.4-1.4-3.5-1.6l-6.8-5.5c-0.9-1.3-2.2-1.9-3.4-1.8c-1.4,0.1-2.7,1.1-3.6,2.7      c-1.5,2.6-3.5,4.2-5.8,4.3c-2.1,0.1-4.1-1.1-5.6-3.3l-1.2-1.7c-0.9-1.3-2.1-2-3.4-2c-1.4,0.1-2.7,1-3.6,2.6l-0.6,1l-2-3.9      l0.2-0.3c1.5-2.6,3.6-4.1,5.9-4.2c2.1-0.1,4.1,1.1,5.7,3.3l1.2,1.7c0.9,1.3,2.1,2.1,3.3,2c1.3-0.1,2.6-1,3.5-2.6      c1.5-2.6,3.6-4.2,5.9-4.4c2.1-0.2,4.1,0.9,5.6,2.9l6.5,5.2c0.2,0.2,0.8,0.7,1.6,0.7c0,0,0,0,0,0c0.6,0,1.3-0.4,1.9-1l4.2-3.7      c1.5-2.6,3.6-4,5.8-4.1c2.2-0.1,4.1,1.1,5.7,3.3l1.2,1.7c0.9,1.3,2.1,2,3.3,2c1.3-0.1,2.6-1,3.5-2.6c1.5-2.6,3.6-4.2,5.9-4.4      c2.1-0.1,4.1,0.9,5.6,3l0.2,0.3l-1.7,4.2l-0.6-0.9c-0.9-1.3-2.1-1.9-3.4-1.8c-1.4,0.1-2.7,1.1-3.6,2.7c-1.5,2.6-3.5,4.2-5.8,4.3      c-2.1,0.1-4.1-1.1-5.7-3.3l-1.2-1.7c-0.9-1.3-2.1-2-3.4-2c-1.4,0.1-2.7,1-3.6,2.6L79,83.4l-5.1,4.7l0,0      C72.9,89,71.8,89.5,70.7,89.5z M61.3,81.7L68,87c0.1,0.1,1.2,1.3,2.7,1.3c1,0,2-0.5,3-1.6l0.6-0.6l0.1,0.1l3.9-3.6      c1.1-1.9,2.8-3.1,4.5-3.1c1.6-0.1,3.2,0.8,4.4,2.5l1.2,1.7c1.3,1.9,2.9,2.8,4.6,2.8c1.8-0.1,3.5-1.4,4.8-3.7      c1.1-2,2.8-3.2,4.6-3.3c1.4-0.1,2.7,0.4,3.7,1.5l0.7-1.7c-1.3-1.6-2.8-2.4-4.4-2.3c-1.9,0.1-3.7,1.5-4.9,3.8      c-1.1,2-2.7,3.2-4.5,3.2c-1.7,0.1-3.2-0.8-4.4-2.5l-1.2-1.7C86,77.9,84.4,77,82.7,77c-1.9,0.1-3.6,1.4-4.9,3.6l-0.1,0.2      l-4.3,3.7c-0.8,0.9-1.7,1.3-2.7,1.3c-1.3,0.1-2.2-0.8-2.5-1l-6.7-5.3c-1.3-1.7-2.9-2.6-4.6-2.5c-1.9,0.1-3.7,1.5-4.9,3.8      c-1.1,2-2.7,3.2-4.5,3.2c-1.7,0-3.2-0.8-4.4-2.5L42,79.8c-1.3-1.9-2.9-2.8-4.6-2.8c-1.8,0.1-3.4,1.2-4.7,3.3l0.7,1.4      c1.1-1.4,2.5-2.3,4-2.3c1.7,0,3.2,0.8,4.4,2.5l1.2,1.7c1.3,1.9,2.9,2.8,4.6,2.8c1.8-0.1,3.5-1.4,4.8-3.7c1.1-2,2.8-3.2,4.6-3.3      C58.6,79.3,60.2,80.1,61.3,81.7z"
+   id="path6"
+   style="fill:#c1d8ff;fill-opacity:1" />
 			</g>
 		</g>
 	</g>
diff --git a/src/images/HMI_HVAC_Front_Inactive.svg b/src/images/HMI_HVAC_Front_Inactive.svg
index c5d9166..da72835 100644
--- a/src/images/HMI_HVAC_Front_Inactive.svg
+++ b/src/images/HMI_HVAC_Front_Inactive.svg
@@ -2,14 +2,6 @@
 <!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 
 <svg
-   xmlns:i="&amp;ns_ai;"
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    version="1.1"
    id="Layer_2"
    x="0px"
@@ -17,8 +9,16 @@
    viewBox="0 0 140 140"
    style="enable-background:new 0 0 140 140;"
    xml:space="preserve"
-   inkscape:version="0.91 r13725"
-   sodipodi:docname="HMI_HVAC_Front_Inactive.svg"><metadata
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
+   sodipodi:docname="HMI_HVAC_Front_Inactive.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:ns="&amp;#38;ns_ai;"><metadata
      id="metadata31"><rdf:RDF><cc:Work
          rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
@@ -32,16 +32,19 @@
      inkscape:pageopacity="0"
      inkscape:pageshadow="2"
      inkscape:window-width="2560"
-     inkscape:window-height="1464"
+     inkscape:window-height="1371"
      id="namedview27"
      showgrid="false"
-     inkscape:zoom="1.6857143"
-     inkscape:cx="-161.94915"
-     inkscape:cy="70"
+     inkscape:zoom="13.485714"
+     inkscape:cx="63.808262"
+     inkscape:cy="56.689618"
      inkscape:window-x="0"
      inkscape:window-y="0"
      inkscape:window-maximized="1"
-     inkscape:current-layer="Layer_2" /><style
+     inkscape:current-layer="Layer_2"
+     inkscape:showpageshadow="2"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1" /><style
      type="text/css"
      id="style3">
 	.st0{fill:#848286;}
@@ -49,24 +52,41 @@
 	.st2{font-size:19.2px;}
 	.st3{letter-spacing:3;}
 </style><switch
-     id="switch5"><g
-       i:extraneous="self"
-       id="g7"><g
-         id="g9"><g
-           id="g11"><text
-             transform="matrix(1 0 0 1 30.8062 42.6951)"
-             class="st0 st1 st2 st3"
-             id="text13">FRONT</text>
+     id="switch5"
+     style="fill:#1c2d92;fill-opacity:1"><g
+       ns:extraneous="self"
+       id="g7"
+       style="fill:#1c2d92;fill-opacity:1"><g
+         id="g9"
+         style="fill:#1c2d92;fill-opacity:1"><g
+           id="g11"
+           style="fill:#1c2d92;fill-opacity:1"><text
+   transform="translate(30.8062,42.6951)"
+   class="st0 st1 st2 st3"
+   id="text13"
+   style="line-height:0%;fill:#1c2d92;fill-opacity:1">FRONT</text>
 </g><g
-           id="g15"><path
+           id="g15"
+           style="fill:#1c2d92;fill-opacity:1"><path
              class="st0"
              d="M70,138.5c-0.1,0-0.3,0-0.4,0c-37.8-0.2-68.3-31.1-68.1-68.9C1.7,32,32.4,1.5,70,1.5c0.1,0,0.3,0,0.4,0      c18.3,0.1,35.5,7.3,48.3,20.3s19.9,30.2,19.8,48.5c-0.1,18.3-7.3,35.5-20.3,48.3C105.3,131.5,88.2,138.5,70,138.5z M70,3.9      c-17.5,0-34,6.8-46.5,19.1C11,35.4,4,52,3.9,69.6c-0.2,36.4,29.3,66.3,65.7,66.5c0.1,0,0.2,0,0.4,0c17.5,0,34-6.8,46.5-19.1      c12.6-12.4,19.5-29,19.6-46.6l0,0c0.1-17.7-6.7-34.3-19.1-46.8S88,4,70.4,3.9C70.2,3.9,70.1,3.9,70,3.9z"
-             id="path17" /></g><g
-           id="g19"><path
+             id="path17"
+             style="fill:#1c2d92;fill-opacity:1" /></g><g
+           id="g19"
+           style="fill:#1c2d92;fill-opacity:1"><path
              class="st0"
              d="M50.3,107.7L17.4,73.8l0.8-0.8C32,59,50.4,51.4,70,51.3c0,0,0.1,0,0.1,0c19.5,0,37.9,7.6,51.7,21.5l0.8,0.8      L97,100.2l-1.7-1.7l24-24.8c-13.2-12.9-30.6-20-49.1-20c0,0-0.1,0-0.1,0c-18.5,0-36,7.2-49.2,20.1l29.6,30.5      c5.4-4.9,12.4-7.5,19.7-7.5c0,0,0,0,0,0c7.7,0,15,2.9,20.5,8.3l-1.7,1.7c-5.1-4.9-11.8-7.6-18.9-7.6c0,0,0,0,0,0      c-7.1,0-13.8,2.7-18.9,7.7L50.3,107.7z"
-             id="path21" /></g><g
-           id="g23"><path
+             id="path21"
+             style="fill:#1c2d92;fill-opacity:1" /></g><g
+           id="g23"
+           style="fill:#1c2d92;fill-opacity:1"><path
              class="st0"
              d="M70.7,89.5c-2,0-3.4-1.4-3.5-1.6l-6.8-5.5c-0.9-1.3-2.2-1.9-3.4-1.8c-1.4,0.1-2.7,1.1-3.6,2.7      c-1.5,2.6-3.5,4.2-5.8,4.3c-2.1,0.1-4.1-1.1-5.6-3.3l-1.2-1.7c-0.9-1.3-2.1-2-3.4-2c-1.4,0.1-2.7,1-3.6,2.6l-0.6,1l-2-3.9      l0.2-0.3c1.5-2.6,3.6-4.1,5.9-4.2c2.1-0.1,4.1,1.1,5.7,3.3l1.2,1.7c0.9,1.3,2.1,2.1,3.3,2c1.3-0.1,2.6-1,3.5-2.6      c1.5-2.6,3.6-4.2,5.9-4.4c2.1-0.2,4.1,0.9,5.6,2.9l6.5,5.2c0.2,0.2,0.8,0.7,1.6,0.7c0,0,0,0,0,0c0.6,0,1.3-0.4,1.9-1l4.2-3.7      c1.5-2.6,3.6-4,5.8-4.1c2.2-0.1,4.1,1.1,5.7,3.3l1.2,1.7c0.9,1.3,2.1,2,3.3,2c1.3-0.1,2.6-1,3.5-2.6c1.5-2.6,3.6-4.2,5.9-4.4      c2.1-0.1,4.1,0.9,5.6,3l0.2,0.3l-1.7,4.2l-0.6-0.9c-0.9-1.3-2.1-1.9-3.4-1.8c-1.4,0.1-2.7,1.1-3.6,2.7c-1.5,2.6-3.5,4.2-5.8,4.3      c-2.1,0.1-4.1-1.1-5.7-3.3l-1.2-1.7c-0.9-1.3-2.1-2-3.4-2c-1.4,0.1-2.7,1-3.6,2.6L79,83.4l-5.1,4.7l0,0      C72.9,89,71.8,89.5,70.7,89.5z M61.3,81.7L68,87c0.1,0.1,1.2,1.3,2.7,1.3c1,0,2-0.5,3-1.6l0.6-0.6l0.1,0.1l3.9-3.6      c1.1-1.9,2.8-3.1,4.5-3.1c1.6-0.1,3.2,0.8,4.4,2.5l1.2,1.7c1.3,1.9,2.9,2.8,4.6,2.8c1.8-0.1,3.5-1.4,4.8-3.7      c1.1-2,2.8-3.2,4.6-3.3c1.4-0.1,2.7,0.4,3.7,1.5l0.7-1.7c-1.3-1.6-2.8-2.4-4.4-2.3c-1.9,0.1-3.7,1.5-4.9,3.8      c-1.1,2-2.7,3.2-4.5,3.2c-1.7,0.1-3.2-0.8-4.4-2.5l-1.2-1.7C86,77.9,84.4,77,82.7,77c-1.9,0.1-3.6,1.4-4.9,3.6l-0.1,0.2      l-4.3,3.7c-0.8,0.9-1.7,1.3-2.7,1.3c-1.3,0.1-2.2-0.8-2.5-1l-6.7-5.3c-1.3-1.7-2.9-2.6-4.6-2.5c-1.9,0.1-3.7,1.5-4.9,3.8      c-1.1,2-2.7,3.2-4.5,3.2c-1.7,0-3.2-0.8-4.4-2.5L42,79.8c-1.3-1.9-2.9-2.8-4.6-2.8c-1.8,0.1-3.4,1.2-4.7,3.3l0.7,1.4      c1.1-1.4,2.5-2.3,4-2.3c1.7,0,3.2,0.8,4.4,2.5l1.2,1.7c1.3,1.9,2.9,2.8,4.6,2.8c1.8-0.1,3.5-1.4,4.8-3.7c1.1-2,2.8-3.2,4.6-3.3      C58.6,79.3,60.2,80.1,61.3,81.7z"
-             id="path25" /></g></g></g></switch></svg>
\ No newline at end of file
+             id="path25"
+             style="fill:#1c2d92;fill-opacity:1" /></g></g></g></switch><ellipse
+     style="opacity:0.43;fill:#1a237e;fill-opacity:1;stroke:none;stroke-width:1.54651"
+     id="path1"
+     cx="70.450539"
+     cy="70.138565"
+     rx="67.215584"
+     ry="67.476166" /></svg>
diff --git a/src/images/HMI_HVAC_Inactive.svg b/src/images/HMI_HVAC_Inactive.svg
index 2956a26..0ed991a 100644
--- a/src/images/HMI_HVAC_Inactive.svg
+++ b/src/images/HMI_HVAC_Inactive.svg
@@ -1,19 +1,42 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
-	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
-	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
-	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
-	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
-	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
-	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
-	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
-	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
-]>
-<svg version="1.1" id="Layer_2" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
-	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 318 219"
-	 style="enable-background:new 0 0 318 219;" xml:space="preserve">
-<style type="text/css">
+
+<svg
+   version="1.1"
+   id="Layer_2"
+   x="0px"
+   y="0px"
+   viewBox="0 0 318 219"
+   style="enable-background:new 0 0 318 219;"
+   xml:space="preserve"
+   sodipodi:docname="HMI_HVAC_Inactive.svg"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:ns="&amp;ns_ai;"><defs
+   id="defs2" /><sodipodi:namedview
+   id="namedview2"
+   pagecolor="#ffffff"
+   bordercolor="#000000"
+   borderopacity="0.25"
+   inkscape:showpageshadow="2"
+   inkscape:pageopacity="0.0"
+   inkscape:pagecheckerboard="0"
+   inkscape:deskcolor="#d1d1d1"
+   inkscape:zoom="5.3196347"
+   inkscape:cx="158.93948"
+   inkscape:cy="109.5"
+   inkscape:window-width="2560"
+   inkscape:window-height="1371"
+   inkscape:window-x="0"
+   inkscape:window-y="0"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="Layer_2" />
+<style
+   type="text/css"
+   id="style1">
 	.st0{fill:#848286;}
 	.st1{font-family:'Roboto-Light';}
 	.st2{font-size:88.6888px;}
@@ -21,10 +44,24 @@
 	.st4{letter-spacing:-3;}
 	.st5{fill:none;stroke:#848286;stroke-miterlimit:10;}
 </style>
-<switch>
-	<g i:extraneous="self">
-		<g>
-			<rect x="0.5" y="0.5" class="st5" width="317" height="218"/>
+<switch
+   id="switch2"
+   style="fill:#1a237e;fill-opacity:1;opacity:0.43;stroke:#c1d8ff;stroke-opacity:1">
+	<g
+   ns:extraneous="self"
+   id="g2"
+   style="fill:#1a237e;fill-opacity:1;stroke:#c1d8ff;stroke-opacity:1">
+		<g
+   id="g1"
+   style="fill:#1a237e;fill-opacity:1;stroke:#c1d8ff;stroke-opacity:1">
+			<rect
+   x="0.5"
+   y="0.5"
+   class="st5"
+   width="317"
+   height="218"
+   id="rect1"
+   style="fill:#1a237e;fill-opacity:1;stroke:#c1d8ff;stroke-opacity:1" />
 		</g>
 	</g>
 </switch>
diff --git a/src/images/HMI_HVAC_Left_Chair_OFF.svg b/src/images/HMI_HVAC_Left_Chair_OFF.svg
index 1412266..1f0f57f 100644
--- a/src/images/HMI_HVAC_Left_Chair_OFF.svg
+++ b/src/images/HMI_HVAC_Left_Chair_OFF.svg
@@ -2,14 +2,6 @@
 <!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 
 <svg
-   xmlns:i="&amp;ns_ai;"
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    version="1.1"
    id="Layer_2"
    x="0px"
@@ -17,8 +9,15 @@
    viewBox="0 0 172 172"
    style="enable-background:new 0 0 172 172;"
    xml:space="preserve"
-   inkscape:version="0.91 r13725"
-   sodipodi:docname="HMI_HVAC_Left_Chair_OFF.svg"><metadata
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
+   sodipodi:docname="HMI_HVAC_Left_Chair_OFF.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"><metadata
      id="metadata49"><rdf:RDF><cc:Work
          rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
@@ -32,56 +31,54 @@
      inkscape:pageopacity="0"
      inkscape:pageshadow="2"
      inkscape:window-width="2560"
-     inkscape:window-height="1464"
+     inkscape:window-height="1371"
      id="namedview45"
      showgrid="false"
-     inkscape:zoom="1.372093"
-     inkscape:cx="-267.83898"
-     inkscape:cy="86"
+     inkscape:zoom="3.8808651"
+     inkscape:cx="34.141872"
+     inkscape:cy="64.547464"
      inkscape:window-x="0"
      inkscape:window-y="0"
      inkscape:window-maximized="1"
-     inkscape:current-layer="Layer_2" /><style
+     inkscape:current-layer="Layer_2"
+     inkscape:showpageshadow="2"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1" /><style
      type="text/css"
      id="style3">
 	.st0{fill:none;stroke:#69676C;stroke-width:4;stroke-miterlimit:10;}
 	.st1{opacity:0.43;fill:#69676C;}
 	.st2{fill:#69676C;}
-</style><switch
-     id="switch5"><g
-       i:extraneous="self"
-       id="g7"><g
-         id="g9"><path
-           class="st0"
-           d="M32.3,135.3h92.4l39.2-114.9c0,0,2.5-10.9-9.1-11.4c-11.6-0.5-19,16.2-19,16.2S123.6,66,111.8,95.6     c0,0-76.7-4.6-89.8-4.6S5.4,96.1,9.5,105.1S32.3,135.3,32.3,135.3z"
-           id="path11" /><path
-           class="st1"
-           d="M32.3,134.7h92.4l39.2-114.9c0,0,2.5-10.9-9.1-11.4s-19,16.2-19,16.2S123.6,65.3,111.8,95     c0,0-76.7-4.6-89.8-4.6S5.4,95.4,9.5,104.5S32.3,134.7,32.3,134.7z"
-           id="path13" /><g
-           id="g15"><g
-             id="g17"><path
-               class="st0"
-               d="M42.4,163.6c0,0,35.8-24,12.9-58.3C37.8,79,29.8,63.5,30.9,48.6"
-               id="path19" /><g
-               id="g21"><polygon
-                 class="st2"
-                 points="40.4,53.7 34.4,34.7 21,49.4       "
-                 id="polygon23" /></g></g></g><g
-           id="g25"><g
-             id="g27"><path
-               class="st0"
-               d="M66.1,163.6c0,0,35.8-24,12.9-58.3C61.4,79,53.5,63.5,54.6,48.6"
-               id="path29" /><g
-               id="g31"><polygon
-                 class="st2"
-                 points="64.1,53.7 58.1,34.7 44.6,49.4       "
-                 id="polygon33" /></g></g></g><g
-           id="g35"><g
-             id="g37"><path
-               class="st0"
-               d="M90.4,163.6c0,0,35.8-24,12.9-58.3C85.7,79,77.8,63.5,78.8,48.6"
-               id="path39" /><g
-               id="g41"><polygon
-                 class="st2"
-                 points="88.3,53.7 82.4,34.7 68.9,49.4       "
-                 id="polygon43" /></g></g></g></g></g></switch></svg>
\ No newline at end of file
+</style><path
+     class="st1"
+     d="m 32.3,134.7 h 92.4 L 163.9,19.8 c 0,0 2.5,-10.9 -9.1,-11.4 -11.6,-0.5 -19,16.2 -19,16.2 0,0 -12.2,40.7 -24,70.4 0,0 -76.7,-4.6 -89.8,-4.6 -13.1,0 -16.6,5 -12.5,14.1 4.1,9.1 22.8,30.2 22.8,30.2 z"
+     id="path13"
+     style="fill:#1c2d92;fill-opacity:1" /><path
+     class="st0"
+     d="m 32.3,135.3 h 92.4 L 163.9,20.4 c 0,0 2.5,-10.9 -9.1,-11.4 -11.6,-0.5 -19,16.2 -19,16.2 0,0 -12.2,40.8 -24,70.4 0,0 -76.7,-4.6 -89.8,-4.6 -13.1,0 -16.6,5.1 -12.5,14.1 4.1,9 22.8,30.2 22.8,30.2 z"
+     id="path11"
+     style="stroke:#1c2d92;stroke-opacity:1" /><path
+     class="st0"
+     d="m 42.4,163.6 c 0,0 35.8,-24 12.9,-58.3 C 37.8,79 29.8,63.5 30.9,48.6"
+     id="path19"
+     style="stroke:#1c2d92;stroke-opacity:1" /><polygon
+     class="st2"
+     points="40.4,53.7 34.4,34.7 21,49.4 "
+     id="polygon23"
+     style="fill:#1c2d92;fill-opacity:1" /><path
+     class="st0"
+     d="m 66.1,163.6 c 0,0 35.8,-24 12.9,-58.3 C 61.4,79 53.5,63.5 54.6,48.6"
+     id="path29"
+     style="stroke:#1c2d92;stroke-opacity:1" /><polygon
+     class="st2"
+     points="64.1,53.7 58.1,34.7 44.6,49.4 "
+     id="polygon33"
+     style="fill:#1c2d92;fill-opacity:1" /><path
+     class="st0"
+     d="m 90.4,163.6 c 0,0 35.8,-24 12.9,-58.3 C 85.7,79 77.8,63.5 78.8,48.6"
+     id="path39"
+     style="stroke:#1c2d92;stroke-opacity:1" /><polygon
+     class="st2"
+     points="88.3,53.7 82.4,34.7 68.9,49.4 "
+     id="polygon43"
+     style="fill:#1c2d92;fill-opacity:1" /></svg>
diff --git a/src/images/HMI_HVAC_Left_Chair_ON.svg b/src/images/HMI_HVAC_Left_Chair_ON.svg
index b27b126..87c4f25 100644
--- a/src/images/HMI_HVAC_Left_Chair_ON.svg
+++ b/src/images/HMI_HVAC_Left_Chair_ON.svg
@@ -1,59 +1,84 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
-	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
-	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
-	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
-	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
-	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
-	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
-	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
-	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
-]>
-<svg version="1.1" id="Layer_2" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
-	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 172 172"
-	 style="enable-background:new 0 0 172 172;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:none;stroke:#0DF9FF;stroke-width:4;stroke-miterlimit:10;}
-	.st1{opacity:0.43;fill:url(#SVGID_1_);}
-	.st2{fill:#0DF9FF;}
-</style>
-<switch>
-	<g i:extraneous="self">
-		<g>
-			<path class="st0" d="M32.3,135h92.4l39.2-114.9c0,0,2.5-10.9-9.1-11.4s-19,16.2-19,16.2s-12.3,40.7-24.1,70.4
-				c0,0-76.7-4.6-89.8-4.6S5.4,95.8,9.5,104.8S32.3,135,32.3,135z"/>
-			<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="19.4613" y1="198.7467" x2="133.8248" y2="-3.84">
-				<stop  offset="0" style="stop-color:#00ADDC"/>
-				<stop  offset="1" style="stop-color:#6BFBFF"/>
-			</linearGradient>
-			<path class="st1" d="M32.3,135h92.4l39.2-114.9c0,0,2.5-10.9-9.1-11.4s-19,16.2-19,16.2s-12.3,40.7-24.1,70.4
-				c0,0-76.7-4.6-89.8-4.6S5.4,95.8,9.5,104.8S32.3,135,32.3,135z"/>
-			<g>
-				<g>
-					<path class="st0" d="M42.4,163.3c0,0,35.8-24,12.9-58.3C37.8,78.7,29.8,63.2,30.9,48.3"/>
-					<g>
-						<polygon class="st2" points="40.4,53.4 34.4,34.4 21,49.1 						"/>
-					</g>
-				</g>
-			</g>
-			<g>
-				<g>
-					<path class="st0" d="M66.1,163.3c0,0,35.8-24,12.9-58.3C61.4,78.7,53.5,63.2,54.6,48.3"/>
-					<g>
-						<polygon class="st2" points="64.1,53.4 58.1,34.4 44.6,49.1 						"/>
-					</g>
-				</g>
-			</g>
-			<g>
-				<g>
-					<path class="st0" d="M90.4,163.3c0,0,35.8-24,12.9-58.3C85.7,78.7,77.8,63.2,78.8,48.3"/>
-					<g>
-						<polygon class="st2" points="88.3,53.4 82.4,34.4 68.9,49.1 						"/>
-					</g>
-				</g>
-			</g>
-		</g>
-	</g>
-</switch>
-</svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   version="1.1"
+   id="Layer_2"
+   x="0px"
+   y="0px"
+   viewBox="0 0 172 172"
+   style="enable-background:new 0 0 172 172;"
+   xml:space="preserve"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
+   sodipodi:docname="HMI_HVAC_Left_Chair_ON.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"><metadata
+     id="metadata49"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs47" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2560"
+     inkscape:window-height="1371"
+     id="namedview45"
+     showgrid="false"
+     inkscape:zoom="3.8808651"
+     inkscape:cx="34.141872"
+     inkscape:cy="64.547464"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Layer_2"
+     inkscape:showpageshadow="2"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1" /><style
+     type="text/css"
+     id="style3">
+	.st0{fill:none;stroke:#69676C;stroke-width:4;stroke-miterlimit:10;}
+	.st1{opacity:0.43;fill:#69676C;}
+	.st2{fill:#69676C;}
+</style><path
+     class="st1"
+     d="m 32.3,134.7 h 92.4 L 163.9,19.8 c 0,0 2.5,-10.9 -9.1,-11.4 -11.6,-0.5 -19,16.2 -19,16.2 0,0 -12.2,40.7 -24,70.4 0,0 -76.7,-4.6 -89.8,-4.6 -13.1,0 -16.6,5 -12.5,14.1 4.1,9.1 22.8,30.2 22.8,30.2 z"
+     id="path13"
+     style="opacity:1;fill:#2962ff;fill-opacity:1" /><path
+     class="st0"
+     d="m 32.3,135.3 h 92.4 L 163.9,20.4 c 0,0 2.5,-10.9 -9.1,-11.4 -11.6,-0.5 -19,16.2 -19,16.2 0,0 -12.2,40.8 -24,70.4 0,0 -76.7,-4.6 -89.8,-4.6 -13.1,0 -16.6,5.1 -12.5,14.1 4.1,9 22.8,30.2 22.8,30.2 z"
+     id="path11"
+     style="stroke:#c1d8ff;stroke-opacity:1" /><path
+     class="st0"
+     d="m 42.4,163.6 c 0,0 35.800001,-24 12.9,-58.3 C 37.8,79 29.8,63.5 30.9,48.6"
+     id="path19"
+     style="stroke:#c1d8ff;stroke-opacity:1" /><polygon
+     class="st2"
+     points="21,49.4 40.4,53.7 34.4,34.7 "
+     id="polygon23"
+     style="fill:#c1d8ff;fill-opacity:1" /><path
+     class="st0"
+     d="m 66.1,163.6 c 0,0 35.8,-24 12.900001,-58.3 C 61.4,79 53.5,63.5 54.6,48.6"
+     id="path29"
+     style="stroke:#c1d8ff;stroke-opacity:1" /><polygon
+     class="st2"
+     points="44.6,49.4 64.1,53.7 58.1,34.7 "
+     id="polygon33"
+     style="fill:#c1d8ff;fill-opacity:1" /><path
+     class="st0"
+     d="m 90.400001,163.6 c 0,0 35.799999,-24 12.899999,-58.3 C 85.700001,79 77.800001,63.5 78.800001,48.6"
+     id="path39"
+     style="stroke:#c1d8ff;stroke-opacity:1" /><polygon
+     class="st2"
+     points="68.9,49.4 88.3,53.7 82.4,34.7 "
+     id="polygon43"
+     style="fill:#c1d8ff;fill-opacity:1" /></svg>
diff --git a/src/images/HMI_HVAC_Rear_Active.svg b/src/images/HMI_HVAC_Rear_Active.svg
index 182ccbd..46fd0e7 100644
--- a/src/images/HMI_HVAC_Rear_Active.svg
+++ b/src/images/HMI_HVAC_Rear_Active.svg
@@ -1,19 +1,42 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
-	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
-	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
-	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
-	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
-	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
-	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
-	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
-	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
-]>
-<svg version="1.1" id="Layer_2" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
-	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 140 140"
-	 style="enable-background:new 0 0 140 140;" xml:space="preserve">
-<style type="text/css">
+
+<svg
+   version="1.1"
+   id="Layer_2"
+   x="0px"
+   y="0px"
+   viewBox="0 0 140 140"
+   style="enable-background:new 0 0 140 140;"
+   xml:space="preserve"
+   sodipodi:docname="HMI_HVAC_Rear_Active.svg"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:i="&amp;ns_ai;"><defs
+   id="defs18" /><sodipodi:namedview
+   id="namedview18"
+   pagecolor="#ffffff"
+   bordercolor="#000000"
+   borderopacity="0.25"
+   inkscape:showpageshadow="2"
+   inkscape:pageopacity="0.0"
+   inkscape:pagecheckerboard="0"
+   inkscape:deskcolor="#d1d1d1"
+   inkscape:zoom="8.3214286"
+   inkscape:cx="70"
+   inkscape:cy="70"
+   inkscape:window-width="2560"
+   inkscape:window-height="1371"
+   inkscape:window-x="0"
+   inkscape:window-y="0"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="Layer_2" />
+<style
+   type="text/css"
+   id="style1">
 	.st0{fill:#0DF9FF;}
 	.st1{font-family:'Roboto-Regular';}
 	.st2{font-size:19.2px;}
@@ -27,73 +50,226 @@
 	.st10{fill:url(#SVGID_7_);}
 	.st11{fill:url(#SVGID_8_);}
 </style>
-<switch>
-	<g i:extraneous="self">
-		<g>
-			<text transform="matrix(1 0 0 1 39.3138 38.5051)" class="st0 st1 st2 st3">REAR</text>
-			<g>
-				<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="10.4889" y1="155.8405" x2="117.1391" y2="1.9402">
-					<stop  offset="0" style="stop-color:#00ADDC"/>
-					<stop  offset="1" style="stop-color:#6BFBFF"/>
+<ellipse
+   style="fill:#2962ff;fill-opacity:1;stroke:none;stroke-width:1.54683"
+   id="path1"
+   cx="70.094383"
+   cy="69.835396"
+   rx="67.354645"
+   ry="67.364502" /><switch
+   id="switch18"
+   style="fill:#c1d8ff;fill-opacity:1">
+	<g
+   i:extraneous="self"
+   id="g18"
+   style="fill:#c1d8ff;fill-opacity:1">
+		<g
+   id="g17"
+   style="fill:#c1d8ff;fill-opacity:1">
+			<text
+   transform="matrix(1 0 0 1 39.3138 38.5051)"
+   class="st0 st1 st2 st3"
+   id="text1"
+   style="fill:#c1d8ff;fill-opacity:1">REAR</text>
+			<g
+   id="g2"
+   style="fill:#c1d8ff;fill-opacity:1">
+				<linearGradient
+   id="SVGID_1_"
+   gradientUnits="userSpaceOnUse"
+   x1="10.4889"
+   y1="155.8405"
+   x2="117.1391"
+   y2="1.9402">
+					<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop1" />
+					<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop2" />
 				</linearGradient>
-				<path class="st4" d="M70,138.5c-0.1,0-0.3,0-0.4,0c-37.8-0.2-68.3-31.1-68.1-68.9c0.1-18.3,7.3-35.5,20.3-48.3
-					C34.7,8.5,51.8,1.5,70,1.5c0.1,0,0.3,0,0.4,0c18.3,0.1,35.5,7.3,48.3,20.3c12.9,13,19.9,30.2,19.8,48.5
-					C138.3,108,107.6,138.5,70,138.5z M70,3.9c-17.5,0-34,6.8-46.5,19.1C11,35.4,4,52,3.9,69.6c-0.2,36.4,29.3,66.3,65.7,66.5
-					c0.1,0,0.2,0,0.4,0c36.3,0,65.9-29.4,66.1-65.7l0,0c0.1-17.7-6.7-34.3-19.1-46.8C104.6,11,88,4,70.4,3.9
-					C70.2,3.9,70.1,3.9,70,3.9z"/>
+				<path
+   class="st4"
+   d="M70,138.5c-0.1,0-0.3,0-0.4,0c-37.8-0.2-68.3-31.1-68.1-68.9c0.1-18.3,7.3-35.5,20.3-48.3      C34.7,8.5,51.8,1.5,70,1.5c0.1,0,0.3,0,0.4,0c18.3,0.1,35.5,7.3,48.3,20.3c12.9,13,19.9,30.2,19.8,48.5      C138.3,108,107.6,138.5,70,138.5z M70,3.9c-17.5,0-34,6.8-46.5,19.1C11,35.4,4,52,3.9,69.6c-0.2,36.4,29.3,66.3,65.7,66.5      c0.1,0,0.2,0,0.4,0c36.3,0,65.9-29.4,66.1-65.7l0,0c0.1-17.7-6.7-34.3-19.1-46.8C104.6,11,88,4,70.4,3.9      C70.2,3.9,70.1,3.9,70,3.9z"
+   id="path2"
+   style="fill:#c1d8ff;fill-opacity:1" />
 			</g>
-			<g>
-				<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="11.5789" y1="156.6799" x2="118.2996" y2="2.6779">
-					<stop  offset="0" style="stop-color:#00ADDC"/>
-					<stop  offset="1" style="stop-color:#6BFBFF"/>
+			<g
+   id="g4"
+   style="fill:#c1d8ff;fill-opacity:1">
+				<linearGradient
+   id="SVGID_2_"
+   gradientUnits="userSpaceOnUse"
+   x1="11.5789"
+   y1="156.6799"
+   x2="118.2996"
+   y2="2.6779">
+					<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop3" />
+					<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop4" />
 				</linearGradient>
-				<polygon class="st5" points="30.5,97.5 30.5,47.4 109.5,47.3 109.5,97.4 60.7,97.4 60.7,95 107.1,95 107.1,49.7 32.9,49.8 
-					32.9,95.1 51.9,95 51.9,97.4 				"/>
+				<polygon
+   class="st5"
+   points="30.5,97.5 30.5,47.4 109.5,47.3 109.5,97.4 60.7,97.4 60.7,95 107.1,95 107.1,49.7 32.9,49.8       32.9,95.1 51.9,95 51.9,97.4     "
+   id="polygon4"
+   style="fill:#c1d8ff;fill-opacity:1" />
 			</g>
-			<g>
-				<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="9.0573" y1="154.9325" x2="115.778" y2="0.9304">
-					<stop  offset="0" style="stop-color:#00ADDC"/>
-					<stop  offset="1" style="stop-color:#6BFBFF"/>
+			<g
+   id="g6"
+   style="fill:#c1d8ff;fill-opacity:1">
+				<linearGradient
+   id="SVGID_3_"
+   gradientUnits="userSpaceOnUse"
+   x1="9.0573"
+   y1="154.9325"
+   x2="115.778"
+   y2="0.9304">
+					<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop5" />
+					<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop6" />
 				</linearGradient>
-				<path class="st6" d="M57.1,111.6l-2.1-1.2c1.6-2.8,5.4-11.2,4.2-15.7c-0.8-2.8-1.8-4.4-3-6.1c-2.4-3.6-4.9-7.3-4.4-21.7l2.4,0.1
-					c-0.6,13.6,1.6,16.8,3.9,20.2c1.2,1.8,2.5,3.6,3.3,6.9C63.3,100.5,57.4,111.2,57.1,111.6z"/>
+				<path
+   class="st6"
+   d="M57.1,111.6l-2.1-1.2c1.6-2.8,5.4-11.2,4.2-15.7c-0.8-2.8-1.8-4.4-3-6.1c-2.4-3.6-4.9-7.3-4.4-21.7l2.4,0.1      c-0.6,13.6,1.6,16.8,3.9,20.2c1.2,1.8,2.5,3.6,3.3,6.9C63.3,100.5,57.4,111.2,57.1,111.6z"
+   id="path6"
+   style="fill:#c1d8ff;fill-opacity:1" />
 			</g>
-			<g>
-				<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="0.4632" y1="148.9769" x2="107.1839" y2="-5.0251">
-					<stop  offset="0" style="stop-color:#00ADDC"/>
-					<stop  offset="1" style="stop-color:#6BFBFF"/>
+			<g
+   id="g8"
+   style="fill:#c1d8ff;fill-opacity:1">
+				<linearGradient
+   id="SVGID_4_"
+   gradientUnits="userSpaceOnUse"
+   x1="0.4632"
+   y1="148.9769"
+   x2="107.1839"
+   y2="-5.0251">
+					<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop7" />
+					<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop8" />
 				</linearGradient>
-				<polygon class="st7" points="50,75.1 47.9,74 53.1,64.4 58.4,74 56.3,75.1 53.1,69.4 				"/>
+				<polygon
+   class="st7"
+   points="50,75.1 47.9,74 53.1,64.4 58.4,74 56.3,75.1 53.1,69.4     "
+   id="polygon8"
+   style="fill:#c1d8ff;fill-opacity:1" />
 			</g>
-			<g>
-				<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="19.6431" y1="162.2683" x2="126.3638" y2="8.2663">
-					<stop  offset="0" style="stop-color:#00ADDC"/>
-					<stop  offset="1" style="stop-color:#6BFBFF"/>
+			<g
+   id="g10"
+   style="fill:#c1d8ff;fill-opacity:1">
+				<linearGradient
+   id="SVGID_5_"
+   gradientUnits="userSpaceOnUse"
+   x1="19.6431"
+   y1="162.2683"
+   x2="126.3638"
+   y2="8.2663">
+					<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop9" />
+					<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop10" />
 				</linearGradient>
-				<path class="st8" d="M72.8,111.6l-2.1-1.2c1.6-2.8,5.4-11.2,4.2-15.7c-0.8-2.8-1.8-4.4-3-6.1c-2.4-3.6-4.9-7.3-4.4-21.7l2.4,0.1
-					c-0.6,13.6,1.6,16.8,3.9,20.2c1.2,1.8,2.5,3.6,3.3,6.9C78.9,100.5,73,111.2,72.8,111.6z"/>
+				<path
+   class="st8"
+   d="M72.8,111.6l-2.1-1.2c1.6-2.8,5.4-11.2,4.2-15.7c-0.8-2.8-1.8-4.4-3-6.1c-2.4-3.6-4.9-7.3-4.4-21.7l2.4,0.1      c-0.6,13.6,1.6,16.8,3.9,20.2c1.2,1.8,2.5,3.6,3.3,6.9C78.9,100.5,73,111.2,72.8,111.6z"
+   id="path10"
+   style="fill:#c1d8ff;fill-opacity:1" />
 			</g>
-			<g>
-				<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="11.0493" y1="156.3129" x2="117.77" y2="2.3109">
-					<stop  offset="0" style="stop-color:#00ADDC"/>
-					<stop  offset="1" style="stop-color:#6BFBFF"/>
+			<g
+   id="g12"
+   style="fill:#c1d8ff;fill-opacity:1">
+				<linearGradient
+   id="SVGID_6_"
+   gradientUnits="userSpaceOnUse"
+   x1="11.0493"
+   y1="156.3129"
+   x2="117.77"
+   y2="2.3109">
+					<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop11" />
+					<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop12" />
 				</linearGradient>
-				<polygon class="st9" points="72,75.1 68.8,69.4 65.6,75.1 63.5,74 68.8,64.4 74.1,74 				"/>
+				<polygon
+   class="st9"
+   points="72,75.1 68.8,69.4 65.6,75.1 63.5,74 68.8,64.4 74.1,74     "
+   id="polygon12"
+   style="fill:#c1d8ff;fill-opacity:1" />
 			</g>
-			<g>
-				<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="30.229" y1="169.6041" x2="136.9497" y2="15.6021">
-					<stop  offset="0" style="stop-color:#00ADDC"/>
-					<stop  offset="1" style="stop-color:#6BFBFF"/>
+			<g
+   id="g14"
+   style="fill:#c1d8ff;fill-opacity:1">
+				<linearGradient
+   id="SVGID_7_"
+   gradientUnits="userSpaceOnUse"
+   x1="30.229"
+   y1="169.6041"
+   x2="136.9497"
+   y2="15.6021">
+					<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop13" />
+					<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop14" />
 				</linearGradient>
-				<path class="st10" d="M88.5,111.6l-2.1-1.2c1.6-2.8,5.4-11.2,4.3-15.7c-0.8-2.8-1.8-4.4-3-6.1c-2.4-3.6-4.9-7.3-4.4-21.7
-					l2.4,0.1c-0.6,13.6,1.6,16.8,3.9,20.2c1.2,1.8,2.5,3.6,3.3,6.9C94.6,100.5,88.7,111.2,88.5,111.6z"/>
+				<path
+   class="st10"
+   d="M88.5,111.6l-2.1-1.2c1.6-2.8,5.4-11.2,4.3-15.7c-0.8-2.8-1.8-4.4-3-6.1c-2.4-3.6-4.9-7.3-4.4-21.7      l2.4,0.1c-0.6,13.6,1.6,16.8,3.9,20.2c1.2,1.8,2.5,3.6,3.3,6.9C94.6,100.5,88.7,111.2,88.5,111.6z"
+   id="path14"
+   style="fill:#c1d8ff;fill-opacity:1" />
 			</g>
-			<g>
-				<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="21.6348" y1="163.6485" x2="128.3555" y2="9.6464">
-					<stop  offset="0" style="stop-color:#00ADDC"/>
-					<stop  offset="1" style="stop-color:#6BFBFF"/>
+			<g
+   id="g16"
+   style="fill:#c1d8ff;fill-opacity:1">
+				<linearGradient
+   id="SVGID_8_"
+   gradientUnits="userSpaceOnUse"
+   x1="21.6348"
+   y1="163.6485"
+   x2="128.3555"
+   y2="9.6464">
+					<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop15" />
+					<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop16" />
 				</linearGradient>
-				<polygon class="st11" points="81.3,75.1 79.2,74 84.5,64.4 89.7,74 87.6,75.1 84.5,69.4 				"/>
+				<polygon
+   class="st11"
+   points="81.3,75.1 79.2,74 84.5,64.4 89.7,74 87.6,75.1 84.5,69.4     "
+   id="polygon16"
+   style="fill:#c1d8ff;fill-opacity:1" />
 			</g>
 		</g>
 	</g>
diff --git a/src/images/HMI_HVAC_Rear_Inactive.svg b/src/images/HMI_HVAC_Rear_Inactive.svg
index 574c541..f0c7bd1 100644
--- a/src/images/HMI_HVAC_Rear_Inactive.svg
+++ b/src/images/HMI_HVAC_Rear_Inactive.svg
@@ -2,14 +2,6 @@
 <!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 
 <svg
-   xmlns:i="&amp;ns_ai;"
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    version="1.1"
    id="Layer_2"
    x="0px"
@@ -17,8 +9,16 @@
    viewBox="0 0 140 140"
    style="enable-background:new 0 0 140 140;"
    xml:space="preserve"
-   inkscape:version="0.91 r13725"
-   sodipodi:docname="HMI_HVAC_Rear_Inactive.svg"><metadata
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
+   sodipodi:docname="HMI_HVAC_Rear_Inactive.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:ns="&amp;#38;ns_ai;"><metadata
      id="metadata49"><rdf:RDF><cc:Work
          rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
@@ -32,16 +32,19 @@
      inkscape:pageopacity="0"
      inkscape:pageshadow="2"
      inkscape:window-width="2560"
-     inkscape:window-height="1464"
+     inkscape:window-height="1371"
      id="namedview45"
      showgrid="false"
-     inkscape:zoom="1.6857143"
-     inkscape:cx="-285.9322"
-     inkscape:cy="70"
+     inkscape:zoom="6.7428572"
+     inkscape:cx="50.646186"
+     inkscape:cy="65.625"
      inkscape:window-x="0"
      inkscape:window-y="0"
      inkscape:window-maximized="1"
-     inkscape:current-layer="Layer_2" /><style
+     inkscape:current-layer="Layer_2"
+     inkscape:showpageshadow="2"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1" /><style
      type="text/css"
      id="style3">
 	.st0{fill:#848286;}
@@ -49,43 +52,69 @@
 	.st2{font-size:19.2px;}
 	.st3{letter-spacing:3;}
 </style><switch
-     id="switch5"><g
-       i:extraneous="self"
-       id="g7"><g
-         id="g9"><text
-           transform="matrix(1 0 0 1 39.3138 38.5051)"
-           class="st0 st1 st2 st3"
-           id="text11">REAR</text>
+     id="switch5"
+     style="fill:#1c2d92;fill-opacity:1"><g
+       ns:extraneous="self"
+       id="g7"
+       style="fill:#1c2d92;fill-opacity:1"><g
+         id="g9"
+         style="fill:#1c2d92;fill-opacity:1"><text
+   transform="translate(39.3138,38.5051)"
+   class="st0 st1 st2 st3"
+   id="text11"
+   style="line-height:0%;fill:#1c2d92;fill-opacity:1">REAR</text>
 <g
-           id="g13"><path
-             class="st0"
-             d="M70,138.5c-0.1,0-0.3,0-0.4,0c-37.8-0.2-68.3-31.1-68.1-68.9c0.1-18.3,7.3-35.5,20.3-48.3      C34.7,8.5,51.8,1.5,70,1.5c0.1,0,0.3,0,0.4,0c18.3,0.1,35.5,7.3,48.3,20.3c12.9,13,19.9,30.2,19.8,48.5      C138.3,108,107.6,138.5,70,138.5z M70,3.9c-17.5,0-34,6.8-46.5,19.1C11,35.4,4,52,3.9,69.6c-0.2,36.4,29.3,66.3,65.7,66.5      c0.1,0,0.2,0,0.4,0c36.3,0,65.9-29.4,66.1-65.7l0,0c0.1-17.7-6.7-34.3-19.1-46.8C104.6,11,88,4,70.4,3.9      C70.2,3.9,70.1,3.9,70,3.9z"
-             id="path15" /></g><g
-           id="g17"><polygon
-             class="st0"
-             points="30.5,97.5 30.5,47.4 109.5,47.3 109.5,97.4 60.7,97.4 60.7,95 107.1,95 107.1,49.7 32.9,49.8       32.9,95.1 51.9,95 51.9,97.4     "
-             id="polygon19" /></g><g
-           id="g21"><path
-             class="st0"
-             d="M57.1,111.6l-2.1-1.2c1.6-2.8,5.4-11.2,4.2-15.7c-0.8-2.8-1.8-4.4-3-6.1c-2.4-3.6-4.9-7.3-4.4-21.7l2.4,0.1      c-0.6,13.6,1.6,16.8,3.9,20.2c1.2,1.8,2.5,3.6,3.3,6.9C63.3,100.5,57.4,111.2,57.1,111.6z"
-             id="path23" /></g><g
-           id="g25"><polygon
-             class="st0"
-             points="50,75.1 47.9,74 53.1,64.4 58.4,74 56.3,75.1 53.1,69.4     "
-             id="polygon27" /></g><g
-           id="g29"><path
-             class="st0"
-             d="M72.8,111.6l-2.1-1.2c1.6-2.8,5.4-11.2,4.2-15.7c-0.8-2.8-1.8-4.4-3-6.1c-2.4-3.6-4.9-7.3-4.4-21.7l2.4,0.1      c-0.6,13.6,1.6,16.8,3.9,20.2c1.2,1.8,2.5,3.6,3.3,6.9C78.9,100.5,73,111.2,72.8,111.6z"
-             id="path31" /></g><g
-           id="g33"><polygon
-             class="st0"
-             points="72,75.1 68.8,69.4 65.6,75.1 63.5,74 68.8,64.4 74.1,74     "
-             id="polygon35" /></g><g
-           id="g37"><path
-             class="st0"
-             d="M88.5,111.6l-2.1-1.2c1.6-2.8,5.4-11.2,4.3-15.7c-0.8-2.8-1.8-4.4-3-6.1c-2.4-3.6-4.9-7.3-4.4-21.7l2.4,0.1      c-0.6,13.6,1.6,16.8,3.9,20.2c1.2,1.8,2.5,3.6,3.3,6.9C94.6,100.5,88.7,111.2,88.5,111.6z"
-             id="path39" /></g><g
-           id="g41"><polygon
-             class="st0"
-             points="81.3,75.1 79.2,74 84.5,64.4 89.7,74 87.6,75.1 84.5,69.4     "
-             id="polygon43" /></g></g></g></switch></svg>
\ No newline at end of file
+   id="g13"
+   style="fill:#1c2d92;fill-opacity:1"><path
+     class="st0"
+     d="M70,138.5c-0.1,0-0.3,0-0.4,0c-37.8-0.2-68.3-31.1-68.1-68.9c0.1-18.3,7.3-35.5,20.3-48.3      C34.7,8.5,51.8,1.5,70,1.5c0.1,0,0.3,0,0.4,0c18.3,0.1,35.5,7.3,48.3,20.3c12.9,13,19.9,30.2,19.8,48.5      C138.3,108,107.6,138.5,70,138.5z M70,3.9c-17.5,0-34,6.8-46.5,19.1C11,35.4,4,52,3.9,69.6c-0.2,36.4,29.3,66.3,65.7,66.5      c0.1,0,0.2,0,0.4,0c36.3,0,65.9-29.4,66.1-65.7l0,0c0.1-17.7-6.7-34.3-19.1-46.8C104.6,11,88,4,70.4,3.9      C70.2,3.9,70.1,3.9,70,3.9z"
+     id="path15"
+     style="fill:#1c2d92;fill-opacity:1" /></g><g
+   id="g17"
+   style="fill:#1c2d92;fill-opacity:1"><polygon
+     class="st0"
+     points="30.5,97.5 30.5,47.4 109.5,47.3 109.5,97.4 60.7,97.4 60.7,95 107.1,95 107.1,49.7 32.9,49.8       32.9,95.1 51.9,95 51.9,97.4     "
+     id="polygon19"
+     style="fill:#1c2d92;fill-opacity:1" /></g><g
+   id="g21"
+   style="fill:#1c2d92;fill-opacity:1"><path
+     class="st0"
+     d="M57.1,111.6l-2.1-1.2c1.6-2.8,5.4-11.2,4.2-15.7c-0.8-2.8-1.8-4.4-3-6.1c-2.4-3.6-4.9-7.3-4.4-21.7l2.4,0.1      c-0.6,13.6,1.6,16.8,3.9,20.2c1.2,1.8,2.5,3.6,3.3,6.9C63.3,100.5,57.4,111.2,57.1,111.6z"
+     id="path23"
+     style="fill:#1c2d92;fill-opacity:1" /></g><g
+   id="g25"
+   style="fill:#1c2d92;fill-opacity:1"><polygon
+     class="st0"
+     points="50,75.1 47.9,74 53.1,64.4 58.4,74 56.3,75.1 53.1,69.4     "
+     id="polygon27"
+     style="fill:#1c2d92;fill-opacity:1" /></g><g
+   id="g29"
+   style="fill:#1c2d92;fill-opacity:1"><path
+     class="st0"
+     d="M72.8,111.6l-2.1-1.2c1.6-2.8,5.4-11.2,4.2-15.7c-0.8-2.8-1.8-4.4-3-6.1c-2.4-3.6-4.9-7.3-4.4-21.7l2.4,0.1      c-0.6,13.6,1.6,16.8,3.9,20.2c1.2,1.8,2.5,3.6,3.3,6.9C78.9,100.5,73,111.2,72.8,111.6z"
+     id="path31"
+     style="fill:#1c2d92;fill-opacity:1" /></g><g
+   id="g33"
+   style="fill:#1c2d92;fill-opacity:1"><polygon
+     class="st0"
+     points="72,75.1 68.8,69.4 65.6,75.1 63.5,74 68.8,64.4 74.1,74     "
+     id="polygon35"
+     style="fill:#1c2d92;fill-opacity:1" /></g><g
+   id="g37"
+   style="fill:#1c2d92;fill-opacity:1"><path
+     class="st0"
+     d="M88.5,111.6l-2.1-1.2c1.6-2.8,5.4-11.2,4.3-15.7c-0.8-2.8-1.8-4.4-3-6.1c-2.4-3.6-4.9-7.3-4.4-21.7l2.4,0.1      c-0.6,13.6,1.6,16.8,3.9,20.2c1.2,1.8,2.5,3.6,3.3,6.9C94.6,100.5,88.7,111.2,88.5,111.6z"
+     id="path39"
+     style="fill:#1c2d92;fill-opacity:1" /></g><g
+   id="g41"
+   style="fill:#1c2d92;fill-opacity:1"><polygon
+     class="st0"
+     points="81.3,75.1 79.2,74 84.5,64.4 89.7,74 87.6,75.1 84.5,69.4     "
+     id="polygon43"
+     style="fill:#1c2d92;fill-opacity:1" /></g></g></g></switch><ellipse
+     style="opacity:0.43;fill:#1a237e;fill-opacity:1;stroke:none;stroke-width:1.54651"
+     id="path1"
+     cx="70.272774"
+     cy="69.883888"
+     rx="67.215584"
+     ry="67.476166" /></svg>
diff --git a/src/images/HMI_HVAC_Right_Chair_OFF.svg b/src/images/HMI_HVAC_Right_Chair_OFF.svg
index 711a942..d2a1ada 100644
--- a/src/images/HMI_HVAC_Right_Chair_OFF.svg
+++ b/src/images/HMI_HVAC_Right_Chair_OFF.svg
@@ -2,14 +2,6 @@
 <!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 
 <svg
-   xmlns:i="&amp;ns_ai;"
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    version="1.1"
    id="Layer_2"
    x="0px"
@@ -17,8 +9,15 @@
    viewBox="0 0 172 172"
    style="enable-background:new 0 0 172 172;"
    xml:space="preserve"
-   inkscape:version="0.91 r13725"
-   sodipodi:docname="HMI_HVAC_Right_Chair_OFF.svg"><metadata
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
+   sodipodi:docname="HMI_HVAC_Right_Chair_OFF.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"><metadata
      id="metadata49"><rdf:RDF><cc:Work
          rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
@@ -32,56 +31,57 @@
      inkscape:pageopacity="0"
      inkscape:pageshadow="2"
      inkscape:window-width="2560"
-     inkscape:window-height="1464"
+     inkscape:window-height="1371"
      id="namedview45"
      showgrid="false"
-     inkscape:zoom="1.372093"
-     inkscape:cx="-273.66949"
-     inkscape:cy="86"
+     inkscape:zoom="3.8808651"
+     inkscape:cx="34.141872"
+     inkscape:cy="64.547464"
      inkscape:window-x="0"
      inkscape:window-y="0"
      inkscape:window-maximized="1"
-     inkscape:current-layer="Layer_2" /><style
+     inkscape:current-layer="Layer_2"
+     inkscape:showpageshadow="2"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1" /><style
      type="text/css"
      id="style3">
 	.st0{fill:none;stroke:#69676C;stroke-width:4;stroke-miterlimit:10;}
 	.st1{opacity:0.43;fill:#69676C;}
 	.st2{fill:#69676C;}
-</style><switch
-     id="switch5"><g
-       i:extraneous="self"
-       id="g7"><g
-         id="g9"><path
-           class="st0"
-           d="M139.7,135H47.3L8.1,20.1c0,0-2.5-10.9,9.1-11.4c11.6-0.5,19,16.2,19,16.2s12.3,40.7,24.1,70.4     c0,0,76.7-4.6,89.8-4.6c13.1,0,16.6,5.1,12.5,14.1S139.7,135,139.7,135z"
-           id="path11" /><path
-           class="st1"
-           d="M139.7,135H47.3L8.1,20.1c0,0-2.5-10.9,9.1-11.4c11.6-0.5,19,16.2,19,16.2s12.3,40.7,24.1,70.4     c0,0,76.7-4.6,89.8-4.6c13.1,0,16.6,5.1,12.5,14.1S139.7,135,139.7,135z"
-           id="path13" /><g
-           id="g15"><g
-             id="g17"><path
-               class="st0"
-               d="M129.6,163.3c0,0-35.8-24-12.9-58.3c17.5-26.3,25.5-41.8,24.4-56.7"
-               id="path19" /><g
-               id="g21"><polygon
-                 class="st2"
-                 points="151,49.1 137.6,34.4 131.6,53.4       "
-                 id="polygon23" /></g></g></g><g
-           id="g25"><g
-             id="g27"><path
-               class="st0"
-               d="M105.9,163.3c0,0-35.8-24-12.9-58.3c17.5-26.3,25.5-41.8,24.4-56.7"
-               id="path29" /><g
-               id="g31"><polygon
-                 class="st2"
-                 points="127.4,49.1 113.9,34.4 107.9,53.4       "
-                 id="polygon33" /></g></g></g><g
-           id="g35"><g
-             id="g37"><path
-               class="st0"
-               d="M81.6,163.3c0,0-35.8-24-12.9-58.3c17.5-26.3,25.5-41.8,24.4-56.7"
-               id="path39" /><g
-               id="g41"><polygon
-                 class="st2"
-                 points="103.1,49.1 89.6,34.4 83.7,53.4       "
-                 id="polygon43" /></g></g></g></g></g></switch></svg>
\ No newline at end of file
+</style><path
+     class="st1"
+     d="M 139.71164,134.7 H 47.311639 L 8.1116395,19.8 c 0,0 -2.5,-10.9 9.0999995,-11.4 11.6,-0.5 19,16.2 19,16.2 0,0 12.2,40.7 24,70.4 0,0 76.700001,-4.6 89.800001,-4.6 13.1,0 16.6,5 12.5,14.1 -4.1,9.1 -22.8,30.2 -22.8,30.2 z"
+     id="path13"
+     style="fill:#1c2d92;fill-opacity:1" /><path
+     class="st0"
+     d="M 139.71164,135.3 H 47.311639 L 8.1116395,20.4 c 0,0 -2.5,-10.9 9.0999995,-11.4 11.6,-0.5 19,16.2 19,16.2 0,0 12.2,40.8 24,70.4 0,0 76.700001,-4.6 89.800001,-4.6 13.1,0 16.6,5.1 12.5,14.1 -4.1,9 -22.8,30.2 -22.8,30.2 z"
+     id="path11"
+     style="stroke:#1c2d92;stroke-opacity:1" /><path
+     class="st0"
+     d="m 129.61164,163.6 c 0,0 -35.800001,-24 -12.9,-58.3 17.5,-26.3 25.5,-41.8 24.4,-56.7"
+     id="path19"
+     style="stroke:#1c2d92;stroke-opacity:1" /><polygon
+     class="st2"
+     points="34.4,34.7 21,49.4 40.4,53.7 "
+     id="polygon23"
+     style="fill:#1c2d92;fill-opacity:1"
+     transform="matrix(-1,0,0,1,172.01164,0)" /><path
+     class="st0"
+     d="m 105.91164,163.6 c 0,0 -35.800001,-24 -12.900001,-58.3 C 110.61164,79 118.51164,63.5 117.41164,48.6"
+     id="path29"
+     style="stroke:#1c2d92;stroke-opacity:1" /><polygon
+     class="st2"
+     points="58.1,34.7 44.6,49.4 64.1,53.7 "
+     id="polygon33"
+     style="fill:#1c2d92;fill-opacity:1"
+     transform="matrix(-1,0,0,1,172.01164,0)" /><path
+     class="st0"
+     d="m 81.611639,163.6 c 0,0 -35.8,-24 -12.9,-58.3 17.6,-26.3 25.5,-41.8 24.5,-56.7"
+     id="path39"
+     style="stroke:#1c2d92;stroke-opacity:1" /><polygon
+     class="st2"
+     points="82.4,34.7 68.9,49.4 88.3,53.7 "
+     id="polygon43"
+     style="fill:#1c2d92;fill-opacity:1"
+     transform="matrix(-1,0,0,1,172.01164,0)" /></svg>
diff --git a/src/images/HMI_HVAC_Right_Chair_ON.svg b/src/images/HMI_HVAC_Right_Chair_ON.svg
index 74b4861..6a467aa 100644
--- a/src/images/HMI_HVAC_Right_Chair_ON.svg
+++ b/src/images/HMI_HVAC_Right_Chair_ON.svg
@@ -1,60 +1,87 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
-	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
-	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
-	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
-	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
-	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
-	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
-	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
-	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
-]>
-<svg version="1.1" id="Layer_2" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
-	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 172 172"
-	 style="enable-background:new 0 0 172 172;" xml:space="preserve">
-<style type="text/css">
-	.st0{opacity:0.43;fill:url(#SVGID_1_);}
-	.st1{fill:none;stroke:#0DF9FF;stroke-width:4;stroke-miterlimit:10;}
-	.st2{fill:#0DF9FF;}
-</style>
-<switch>
-	<g i:extraneous="self">
-		<g>
-			
-				<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-670.8471" y1="198.7467" x2="-556.4836" y2="-3.84" gradientTransform="matrix(-1 0 0 1 -518.3083 0)">
-				<stop  offset="0" style="stop-color:#00ADDC"/>
-				<stop  offset="1" style="stop-color:#6BFBFF"/>
-			</linearGradient>
-			<path class="st0" d="M139.7,135H47.3L8.1,20.1c0,0-2.5-10.9,9.1-11.4c11.6-0.5,19,16.2,19,16.2s12.3,40.7,24.1,70.4
-				c0,0,76.7-4.6,89.8-4.6c13.1,0,16.6,5.1,12.5,14.1S139.7,135,139.7,135z"/>
-			<g>
-				<g>
-					<path class="st1" d="M129.6,163.3c0,0-35.8-24-12.9-58.3c17.5-26.3,25.5-41.8,24.4-56.7"/>
-					<g>
-						<polygon class="st2" points="151,49.1 137.6,34.4 131.6,53.4 						"/>
-					</g>
-				</g>
-			</g>
-			<g>
-				<g>
-					<path class="st1" d="M105.9,163.3c0,0-35.8-24-12.9-58.3c17.5-26.3,25.5-41.8,24.4-56.7"/>
-					<g>
-						<polygon class="st2" points="127.4,49.1 113.9,34.4 107.9,53.4 						"/>
-					</g>
-				</g>
-			</g>
-			<g>
-				<g>
-					<path class="st1" d="M81.6,163.3c0,0-35.8-24-12.9-58.3c17.5-26.3,25.5-41.8,24.4-56.7"/>
-					<g>
-						<polygon class="st2" points="103.1,49.1 89.6,34.4 83.7,53.4 						"/>
-					</g>
-				</g>
-			</g>
-			<path class="st1" d="M139.7,135H47.3L8.1,20.1c0,0-2.5-10.9,9.1-11.4c11.6-0.5,19,16.2,19,16.2s12.3,40.7,24.1,70.4
-				c0,0,76.7-4.6,89.8-4.6c13.1,0,16.6,5.1,12.5,14.1S139.7,135,139.7,135z"/>
-		</g>
-	</g>
-</switch>
-</svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   version="1.1"
+   id="Layer_2"
+   x="0px"
+   y="0px"
+   viewBox="0 0 172 172"
+   style="enable-background:new 0 0 172 172;"
+   xml:space="preserve"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
+   sodipodi:docname="HMI_HVAC_Left_Chair_ON.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"><metadata
+     id="metadata49"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs47" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2560"
+     inkscape:window-height="1371"
+     id="namedview45"
+     showgrid="false"
+     inkscape:zoom="3.8808651"
+     inkscape:cx="34.141872"
+     inkscape:cy="64.547464"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Layer_2"
+     inkscape:showpageshadow="2"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1" /><style
+     type="text/css"
+     id="style3">
+	.st0{fill:none;stroke:#69676C;stroke-width:4;stroke-miterlimit:10;}
+	.st1{opacity:0.43;fill:#69676C;}
+	.st2{fill:#69676C;}
+</style><path
+     class="st1"
+     d="M 139.71164,134.7 H 47.311639 L 8.1116395,19.8 c 0,0 -2.5,-10.9 9.0999995,-11.4 11.6,-0.5 19,16.2 19,16.2 0,0 12.2,40.7 24,70.4 0,0 76.700001,-4.6 89.800001,-4.6 13.1,0 16.6,5 12.5,14.1 -4.1,9.1 -22.8,30.2 -22.8,30.2 z"
+     id="path13"
+     style="opacity:1;fill:#2962ff;fill-opacity:1" /><path
+     class="st0"
+     d="M 139.71164,135.3 H 47.311639 L 8.1116395,20.4 c 0,0 -2.5,-10.9 9.0999995,-11.4 11.6,-0.5 19,16.2 19,16.2 0,0 12.2,40.8 24,70.4 0,0 76.700001,-4.6 89.800001,-4.6 13.1,0 16.6,5.1 12.5,14.1 -4.1,9 -22.8,30.2 -22.8,30.2 z"
+     id="path11"
+     style="stroke:#c1d8ff;stroke-opacity:1" /><path
+     class="st0"
+     d="m 129.61164,163.6 c 0,0 -35.800002,-24 -12.9,-58.3 17.5,-26.3 25.5,-41.8 24.4,-56.7"
+     id="path19"
+     style="stroke:#c1d8ff;stroke-opacity:1" /><polygon
+     class="st2"
+     points="40.4,53.7 34.4,34.7 21,49.4 "
+     id="polygon23"
+     style="fill:#c1d8ff;fill-opacity:1"
+     transform="matrix(-1,0,0,1,172.01164,0)" /><path
+     class="st0"
+     d="m 105.91164,163.6 c 0,0 -35.800001,-24 -12.900002,-58.3 C 110.61164,79 118.51164,63.5 117.41164,48.6"
+     id="path29"
+     style="stroke:#c1d8ff;stroke-opacity:1" /><polygon
+     class="st2"
+     points="64.1,53.7 58.1,34.7 44.6,49.4 "
+     id="polygon33"
+     style="fill:#c1d8ff;fill-opacity:1"
+     transform="matrix(-1,0,0,1,172.01164,0)" /><path
+     class="st0"
+     d="m 81.611638,163.6 c 0,0 -35.799999,-24 -12.899999,-58.3 C 86.311638,79 94.211638,63.5 93.211638,48.6"
+     id="path39"
+     style="stroke:#c1d8ff;stroke-opacity:1" /><polygon
+     class="st2"
+     points="88.3,53.7 82.4,34.7 68.9,49.4 "
+     id="polygon43"
+     style="fill:#c1d8ff;fill-opacity:1"
+     transform="matrix(-1,0,0,1,172.01164,0)" /></svg>
diff --git a/src/images/dashboardTextures.svg b/src/images/dashboardTextures.svg
new file mode 100644
index 0000000..04b8767
--- /dev/null
+++ b/src/images/dashboardTextures.svg
@@ -0,0 +1,2527 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="1080.0001"
+   height="918.05273"
+   viewBox="0 0 1080.0001 918.05273"
+   fill="none"
+   version="1.1"
+   id="svg402"
+   sodipodi:docname="dashboardTextures.svg"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview402"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="0.89541239"
+     inkscape:cx="497.53611"
+     inkscape:cy="478.55045"
+     inkscape:window-width="2560"
+     inkscape:window-height="1371"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg402" />
+  <path
+     d="M 1080.0001,0 V 918.05276 H 0 L 5.87481e-5,0 Z"
+     fill="url(#paint0_radial_129_2056)"
+     fill-opacity="0.3"
+     id="path1"
+     style="fill:url(#paint0_radial_129_2056);stroke-width:0.826484" />
+  <g
+     opacity="0.5"
+     id="g68"
+     transform="translate(5.87481e-5,-921.94724)">
+    <path
+       d="m 412,1072 h -1 v 648 h 1 z"
+       fill="url(#paint2_radial_129_2056)"
+       id="path3"
+       style="fill:url(#paint2_radial_129_2056)" />
+    <path
+       d="m 812,1072 h -1 v 648 h 1 z"
+       fill="url(#paint3_radial_129_2056)"
+       id="path4"
+       style="fill:url(#paint3_radial_129_2056)" />
+    <path
+       d="m 962,1072 h -1 v 648 h 1 z"
+       fill="url(#paint4_radial_129_2056)"
+       id="path5"
+       style="fill:url(#paint4_radial_129_2056)" />
+    <path
+       d="m 1037,1072 h -1 v 648 h 1 z"
+       fill="url(#paint5_radial_129_2056)"
+       id="path6"
+       style="fill:url(#paint5_radial_129_2056)" />
+    <path
+       d="m 312,1072 h -1 v 648 h 1 z"
+       fill="url(#paint6_radial_129_2056)"
+       id="path7"
+       style="fill:url(#paint6_radial_129_2056)" />
+    <path
+       d="m 712,1072 h -1 v 648 h 1 z"
+       fill="url(#paint7_radial_129_2056)"
+       id="path8"
+       style="fill:url(#paint7_radial_129_2056)" />
+    <path
+       d="m 862,1072 h -1 v 648 h 1 z"
+       fill="url(#paint8_radial_129_2056)"
+       id="path9"
+       style="fill:url(#paint8_radial_129_2056)" />
+    <path
+       d="m 362,1072 h -1 v 648 h 1 z"
+       fill="url(#paint9_radial_129_2056)"
+       id="path10"
+       style="fill:url(#paint9_radial_129_2056)" />
+    <path
+       d="m 762,1072 h -1 v 648 h 1 z"
+       fill="url(#paint10_radial_129_2056)"
+       id="path11"
+       style="fill:url(#paint10_radial_129_2056)" />
+    <path
+       d="m 912,1072 h -1 v 648 h 1 z"
+       fill="url(#paint11_radial_129_2056)"
+       id="path12"
+       style="fill:url(#paint11_radial_129_2056)" />
+    <path
+       d="m 987,1072 h -1 v 648 h 1 z"
+       fill="url(#paint12_radial_129_2056)"
+       id="path13"
+       style="fill:url(#paint12_radial_129_2056)" />
+    <path
+       d="m 262,1072 h -1 v 648 h 1 z"
+       fill="url(#paint13_radial_129_2056)"
+       id="path14"
+       style="fill:url(#paint13_radial_129_2056)" />
+    <path
+       d="m 662,1072 h -1 v 648 h 1 z"
+       fill="url(#paint14_radial_129_2056)"
+       id="path15"
+       style="fill:url(#paint14_radial_129_2056)" />
+    <path
+       d="m 387,1072 h -1 v 648 h 1 z"
+       fill="url(#paint15_radial_129_2056)"
+       id="path16"
+       style="fill:url(#paint15_radial_129_2056)" />
+    <path
+       d="m 787,1072 h -1 v 648 h 1 z"
+       fill="url(#paint16_radial_129_2056)"
+       id="path17"
+       style="fill:url(#paint16_radial_129_2056)" />
+    <path
+       d="m 937,1072 h -1 v 648 h 1 z"
+       fill="url(#paint17_radial_129_2056)"
+       id="path18"
+       style="fill:url(#paint17_radial_129_2056)" />
+    <path
+       d="m 1012,1072 h -1 v 648 h 1 z"
+       fill="url(#paint18_radial_129_2056)"
+       id="path19"
+       style="fill:url(#paint18_radial_129_2056)" />
+    <path
+       d="m 287,1072 h -1 v 648 h 1 z"
+       fill="url(#paint19_radial_129_2056)"
+       id="path20"
+       style="fill:url(#paint19_radial_129_2056)" />
+    <path
+       d="m 687,1072 h -1 v 648 h 1 z"
+       fill="url(#paint20_radial_129_2056)"
+       id="path21"
+       style="fill:url(#paint20_radial_129_2056)" />
+    <path
+       d="m 837,1072 h -1 v 648 h 1 z"
+       fill="url(#paint21_radial_129_2056)"
+       id="path22"
+       style="fill:url(#paint21_radial_129_2056)" />
+    <path
+       d="m 337,1072 h -1 v 648 h 1 z"
+       fill="url(#paint22_radial_129_2056)"
+       id="path23"
+       style="fill:url(#paint22_radial_129_2056)" />
+    <path
+       d="m 737,1072 h -1 v 648 h 1 z"
+       fill="url(#paint23_radial_129_2056)"
+       id="path24"
+       style="fill:url(#paint23_radial_129_2056)" />
+    <path
+       d="m 887,1072 h -1 v 648 h 1 z"
+       fill="url(#paint24_radial_129_2056)"
+       id="path25"
+       style="fill:url(#paint24_radial_129_2056)" />
+    <path
+       d="m 237,1072 h -1 v 648 h 1 z"
+       fill="url(#paint25_radial_129_2056)"
+       id="path26"
+       style="fill:url(#paint25_radial_129_2056)" />
+    <path
+       d="m 637,1072 h -1 v 648 h 1 z"
+       fill="url(#paint26_radial_129_2056)"
+       id="path27"
+       style="fill:url(#paint26_radial_129_2056)" />
+    <path
+       d="m 212,1072 h -1 v 648 h 1 z"
+       fill="url(#paint27_radial_129_2056)"
+       id="path28"
+       style="fill:url(#paint27_radial_129_2056)" />
+    <path
+       d="m 612,1072 h -1 v 648 h 1 z"
+       fill="url(#paint28_radial_129_2056)"
+       id="path29"
+       style="fill:url(#paint28_radial_129_2056)" />
+    <path
+       d="m 112,1072 h -1 v 648 h 1 z"
+       fill="url(#paint29_radial_129_2056)"
+       id="path30"
+       style="fill:url(#paint29_radial_129_2056)" />
+    <path
+       d="m 512,1072 h -1 v 648 h 1 z"
+       fill="url(#paint30_radial_129_2056)"
+       id="path31"
+       style="fill:url(#paint30_radial_129_2056)" />
+    <path
+       d="m 162,1072 h -1 v 648 h 1 z"
+       fill="url(#paint31_radial_129_2056)"
+       id="path32"
+       style="fill:url(#paint31_radial_129_2056)" />
+    <path
+       d="m 562,1072 h -1 v 648 h 1 z"
+       fill="url(#paint32_radial_129_2056)"
+       id="path33"
+       style="fill:url(#paint32_radial_129_2056)" />
+    <path
+       d="m 62,1072 h -1 v 648 h 1 z"
+       fill="url(#paint33_radial_129_2056)"
+       id="path34"
+       style="fill:url(#paint33_radial_129_2056)" />
+    <path
+       d="m 462,1072 h -1 v 648 h 1 z"
+       fill="url(#paint34_radial_129_2056)"
+       id="path35"
+       style="fill:url(#paint34_radial_129_2056)" />
+    <path
+       d="m 187,1072 h -1 v 648 h 1 z"
+       fill="url(#paint35_radial_129_2056)"
+       id="path36"
+       style="fill:url(#paint35_radial_129_2056)" />
+    <path
+       d="m 587,1072 h -1 v 648 h 1 z"
+       fill="url(#paint36_radial_129_2056)"
+       id="path37"
+       style="fill:url(#paint36_radial_129_2056)" />
+    <path
+       d="m 87,1072 h -1 v 648 h 1 z"
+       fill="url(#paint37_radial_129_2056)"
+       id="path38"
+       style="fill:url(#paint37_radial_129_2056)" />
+    <path
+       d="m 487,1072 h -1 v 648 h 1 z"
+       fill="url(#paint38_radial_129_2056)"
+       id="path39"
+       style="fill:url(#paint38_radial_129_2056)" />
+    <path
+       d="m 137,1072 h -1 v 648 h 1 z"
+       fill="url(#paint39_radial_129_2056)"
+       id="path40"
+       style="fill:url(#paint39_radial_129_2056)" />
+    <path
+       d="m 537,1072 h -1 v 648 h 1 z"
+       fill="url(#paint40_radial_129_2056)"
+       id="path41"
+       style="fill:url(#paint40_radial_129_2056)" />
+    <path
+       d="m 37,1072 h -1 v 648 h 1 z"
+       fill="url(#paint41_radial_129_2056)"
+       id="path42"
+       style="fill:url(#paint41_radial_129_2056)" />
+    <path
+       d="m 437,1072 h -1 v 648 h 1 z"
+       fill="url(#paint42_radial_129_2056)"
+       id="path43"
+       style="fill:url(#paint42_radial_129_2056)" />
+    <path
+       d="M 1052,1095.04 H 20 v 1 h 1032 z"
+       fill="url(#paint43_radial_129_2056)"
+       id="path44"
+       style="fill:url(#paint43_radial_129_2056)" />
+    <path
+       d="M 1052,1295.34 H 20 v 1.01 h 1032 z"
+       fill="url(#paint44_radial_129_2056)"
+       id="path45"
+       style="fill:url(#paint44_radial_129_2056)" />
+    <path
+       d="M 1052,1495.65 H 20 v 1.01 h 1032 z"
+       fill="url(#paint45_radial_129_2056)"
+       id="path46"
+       style="fill:url(#paint45_radial_129_2056)" />
+    <path
+       d="M 1052,1195.19 H 20 v 1 h 1032 z"
+       fill="url(#paint46_radial_129_2056)"
+       id="path47"
+       style="fill:url(#paint46_radial_129_2056)" />
+    <path
+       d="M 1052,1395.5 H 20 v 1 h 1032 z"
+       fill="url(#paint47_radial_129_2056)"
+       id="path48"
+       style="fill:url(#paint47_radial_129_2056)" />
+    <path
+       d="M 1052,1595.81 H 20 v 1 h 1032 z"
+       fill="url(#paint48_radial_129_2056)"
+       id="path49"
+       style="fill:url(#paint48_radial_129_2056)" />
+    <path
+       d="M 1052,1145.11 H 20 v 1 h 1032 z"
+       fill="url(#paint49_radial_129_2056)"
+       id="path50"
+       style="fill:url(#paint49_radial_129_2056)" />
+    <path
+       d="M 1052,1345.42 H 20 v 1 h 1032 z"
+       fill="url(#paint50_radial_129_2056)"
+       id="path51"
+       style="fill:url(#paint50_radial_129_2056)" />
+    <path
+       d="M 1052,1545.73 H 20 v 1 h 1032 z"
+       fill="url(#paint51_radial_129_2056)"
+       id="path52"
+       style="fill:url(#paint51_radial_129_2056)" />
+    <path
+       d="M 1052,1245.27 H 20 v 1 h 1032 z"
+       fill="url(#paint52_radial_129_2056)"
+       id="path53"
+       style="fill:url(#paint52_radial_129_2056)" />
+    <path
+       d="M 1052,1445.58 H 20 v 1 h 1032 z"
+       fill="url(#paint53_radial_129_2056)"
+       id="path54"
+       style="fill:url(#paint53_radial_129_2056)" />
+    <path
+       d="M 1052,1645.89 H 20 v 1 h 1032 z"
+       fill="url(#paint54_radial_129_2056)"
+       id="path55"
+       style="fill:url(#paint54_radial_129_2056)" />
+    <path
+       d="M 1052,1120.07 H 20 v 1.01 h 1032 z"
+       fill="url(#paint55_radial_129_2056)"
+       id="path56"
+       style="fill:url(#paint55_radial_129_2056)" />
+    <path
+       d="M 1052,1320.38 H 20 v 1 h 1032 z"
+       fill="url(#paint56_radial_129_2056)"
+       id="path57"
+       style="fill:url(#paint56_radial_129_2056)" />
+    <path
+       d="M 1052,1520.69 H 20 v 1 h 1032 z"
+       fill="url(#paint57_radial_129_2056)"
+       id="path58"
+       style="fill:url(#paint57_radial_129_2056)" />
+    <path
+       d="M 1052,1220.23 H 20 v 1 h 1032 z"
+       fill="url(#paint58_radial_129_2056)"
+       id="path59"
+       style="fill:url(#paint58_radial_129_2056)" />
+    <path
+       d="M 1052,1420.54 H 20 v 1 h 1032 z"
+       fill="url(#paint59_radial_129_2056)"
+       id="path60"
+       style="fill:url(#paint59_radial_129_2056)" />
+    <path
+       d="M 1052,1620.85 H 20 v 1 h 1032 z"
+       fill="url(#paint60_radial_129_2056)"
+       id="path61"
+       style="fill:url(#paint60_radial_129_2056)" />
+    <path
+       d="M 1052,1170.15 H 20 v 1 h 1032 z"
+       fill="url(#paint61_radial_129_2056)"
+       id="path62"
+       style="fill:url(#paint61_radial_129_2056)" />
+    <path
+       d="M 1052,1370.46 H 20 v 1 h 1032 z"
+       fill="url(#paint62_radial_129_2056)"
+       id="path63"
+       style="fill:url(#paint62_radial_129_2056)" />
+    <path
+       d="M 1052,1570.77 H 20 v 1 h 1032 z"
+       fill="url(#paint63_radial_129_2056)"
+       id="path64"
+       style="fill:url(#paint63_radial_129_2056)" />
+    <path
+       d="M 1052,1270.31 H 20 v 1 h 1032 z"
+       fill="url(#paint64_radial_129_2056)"
+       id="path65"
+       style="fill:url(#paint64_radial_129_2056)" />
+    <path
+       d="M 1052,1470.62 H 20 v 1 h 1032 z"
+       fill="url(#paint65_radial_129_2056)"
+       id="path66"
+       style="fill:url(#paint65_radial_129_2056)" />
+    <path
+       d="M 1052,1670.92 H 20 v 1.01 h 1032 z"
+       fill="url(#paint66_radial_129_2056)"
+       id="path67"
+       style="fill:url(#paint66_radial_129_2056)" />
+    <path
+       d="M 1052,1695.96 H 20 v 1 h 1032 z"
+       fill="url(#paint67_radial_129_2056)"
+       id="path68"
+       style="fill:url(#paint67_radial_129_2056)" />
+  </g>
+  <defs
+     id="defs402">
+    <radialGradient
+       id="paint0_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,-601.44751,540,0,540.00006,601.44746)">
+      <stop
+         stop-color="#2962FF"
+         id="stop134" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop135" />
+    </radialGradient>
+    <radialGradient
+       id="paint1_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,406,-406,0,540,634)">
+      <stop
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop136" />
+      <stop
+         offset="0.513053"
+         stop-color="#2962FF"
+         stop-opacity="0.782292"
+         id="stop137" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop138" />
+    </radialGradient>
+    <radialGradient
+       id="paint2_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop139" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop140" />
+    </radialGradient>
+    <radialGradient
+       id="paint3_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop141" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop142" />
+    </radialGradient>
+    <radialGradient
+       id="paint4_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop143" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop144" />
+    </radialGradient>
+    <radialGradient
+       id="paint5_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop145" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop146" />
+    </radialGradient>
+    <radialGradient
+       id="paint6_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop147" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop148" />
+    </radialGradient>
+    <radialGradient
+       id="paint7_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop149" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop150" />
+    </radialGradient>
+    <radialGradient
+       id="paint8_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop151" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop152" />
+    </radialGradient>
+    <radialGradient
+       id="paint9_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop153" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop154" />
+    </radialGradient>
+    <radialGradient
+       id="paint10_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop155" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop156" />
+    </radialGradient>
+    <radialGradient
+       id="paint11_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop157" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop158" />
+    </radialGradient>
+    <radialGradient
+       id="paint12_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop159" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop160" />
+    </radialGradient>
+    <radialGradient
+       id="paint13_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop161" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop162" />
+    </radialGradient>
+    <radialGradient
+       id="paint14_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop163" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop164" />
+    </radialGradient>
+    <radialGradient
+       id="paint15_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop165" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop166" />
+    </radialGradient>
+    <radialGradient
+       id="paint16_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop167" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop168" />
+    </radialGradient>
+    <radialGradient
+       id="paint17_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop169" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop170" />
+    </radialGradient>
+    <radialGradient
+       id="paint18_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop171" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop172" />
+    </radialGradient>
+    <radialGradient
+       id="paint19_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop173" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop174" />
+    </radialGradient>
+    <radialGradient
+       id="paint20_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop175" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop176" />
+    </radialGradient>
+    <radialGradient
+       id="paint21_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop177" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop178" />
+    </radialGradient>
+    <radialGradient
+       id="paint22_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop179" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop180" />
+    </radialGradient>
+    <radialGradient
+       id="paint23_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop181" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop182" />
+    </radialGradient>
+    <radialGradient
+       id="paint24_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop183" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop184" />
+    </radialGradient>
+    <radialGradient
+       id="paint25_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop185" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop186" />
+    </radialGradient>
+    <radialGradient
+       id="paint26_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop187" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop188" />
+    </radialGradient>
+    <radialGradient
+       id="paint27_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop189" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop190" />
+    </radialGradient>
+    <radialGradient
+       id="paint28_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop191" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop192" />
+    </radialGradient>
+    <radialGradient
+       id="paint29_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop193" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop194" />
+    </radialGradient>
+    <radialGradient
+       id="paint30_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop195" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop196" />
+    </radialGradient>
+    <radialGradient
+       id="paint31_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop197" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop198" />
+    </radialGradient>
+    <radialGradient
+       id="paint32_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop199" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop200" />
+    </radialGradient>
+    <radialGradient
+       id="paint33_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop201" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop202" />
+    </radialGradient>
+    <radialGradient
+       id="paint34_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop203" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop204" />
+    </radialGradient>
+    <radialGradient
+       id="paint35_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop205" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop206" />
+    </radialGradient>
+    <radialGradient
+       id="paint36_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop207" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop208" />
+    </radialGradient>
+    <radialGradient
+       id="paint37_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop209" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop210" />
+    </radialGradient>
+    <radialGradient
+       id="paint38_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop211" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop212" />
+    </radialGradient>
+    <radialGradient
+       id="paint39_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop213" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop214" />
+    </radialGradient>
+    <radialGradient
+       id="paint40_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop215" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop216" />
+    </radialGradient>
+    <radialGradient
+       id="paint41_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop217" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop218" />
+    </radialGradient>
+    <radialGradient
+       id="paint42_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop219" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop220" />
+    </radialGradient>
+    <radialGradient
+       id="paint43_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop221" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop222" />
+    </radialGradient>
+    <radialGradient
+       id="paint44_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop223" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop224" />
+    </radialGradient>
+    <radialGradient
+       id="paint45_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop225" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop226" />
+    </radialGradient>
+    <radialGradient
+       id="paint46_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop227" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop228" />
+    </radialGradient>
+    <radialGradient
+       id="paint47_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop229" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop230" />
+    </radialGradient>
+    <radialGradient
+       id="paint48_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop231" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop232" />
+    </radialGradient>
+    <radialGradient
+       id="paint49_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop233" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop234" />
+    </radialGradient>
+    <radialGradient
+       id="paint50_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop235" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop236" />
+    </radialGradient>
+    <radialGradient
+       id="paint51_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop237" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop238" />
+    </radialGradient>
+    <radialGradient
+       id="paint52_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop239" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop240" />
+    </radialGradient>
+    <radialGradient
+       id="paint53_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop241" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop242" />
+    </radialGradient>
+    <radialGradient
+       id="paint54_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop243" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop244" />
+    </radialGradient>
+    <radialGradient
+       id="paint55_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop245" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop246" />
+    </radialGradient>
+    <radialGradient
+       id="paint56_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop247" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop248" />
+    </radialGradient>
+    <radialGradient
+       id="paint57_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop249" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop250" />
+    </radialGradient>
+    <radialGradient
+       id="paint58_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop251" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop252" />
+    </radialGradient>
+    <radialGradient
+       id="paint59_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop253" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop254" />
+    </radialGradient>
+    <radialGradient
+       id="paint60_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop255" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop256" />
+    </radialGradient>
+    <radialGradient
+       id="paint61_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop257" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop258" />
+    </radialGradient>
+    <radialGradient
+       id="paint62_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop259" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop260" />
+    </radialGradient>
+    <radialGradient
+       id="paint63_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop261" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop262" />
+    </radialGradient>
+    <radialGradient
+       id="paint64_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop263" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop264" />
+    </radialGradient>
+    <radialGradient
+       id="paint65_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop265" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop266" />
+    </radialGradient>
+    <radialGradient
+       id="paint66_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop267" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop268" />
+    </radialGradient>
+    <radialGradient
+       id="paint67_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,536,1396)">
+      <stop
+         stop-color="#2962FF"
+         id="stop269" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop270" />
+    </radialGradient>
+    <radialGradient
+       id="paint68_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop271" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop272" />
+    </radialGradient>
+    <radialGradient
+       id="paint69_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop273" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop274" />
+    </radialGradient>
+    <radialGradient
+       id="paint70_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop275" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop276" />
+    </radialGradient>
+    <radialGradient
+       id="paint71_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop277" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop278" />
+    </radialGradient>
+    <radialGradient
+       id="paint72_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop279" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop280" />
+    </radialGradient>
+    <radialGradient
+       id="paint73_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop281" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop282" />
+    </radialGradient>
+    <radialGradient
+       id="paint74_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop283" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop284" />
+    </radialGradient>
+    <radialGradient
+       id="paint75_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop285" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop286" />
+    </radialGradient>
+    <radialGradient
+       id="paint76_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop287" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop288" />
+    </radialGradient>
+    <radialGradient
+       id="paint77_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop289" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop290" />
+    </radialGradient>
+    <radialGradient
+       id="paint78_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop291" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop292" />
+    </radialGradient>
+    <radialGradient
+       id="paint79_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop293" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop294" />
+    </radialGradient>
+    <radialGradient
+       id="paint80_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop295" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop296" />
+    </radialGradient>
+    <radialGradient
+       id="paint81_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop297" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop298" />
+    </radialGradient>
+    <radialGradient
+       id="paint82_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop299" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop300" />
+    </radialGradient>
+    <radialGradient
+       id="paint83_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop301" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop302" />
+    </radialGradient>
+    <radialGradient
+       id="paint84_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop303" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop304" />
+    </radialGradient>
+    <radialGradient
+       id="paint85_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop305" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop306" />
+    </radialGradient>
+    <radialGradient
+       id="paint86_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop307" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop308" />
+    </radialGradient>
+    <radialGradient
+       id="paint87_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop309" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop310" />
+    </radialGradient>
+    <radialGradient
+       id="paint88_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop311" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop312" />
+    </radialGradient>
+    <radialGradient
+       id="paint89_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop313" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop314" />
+    </radialGradient>
+    <radialGradient
+       id="paint90_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop315" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop316" />
+    </radialGradient>
+    <radialGradient
+       id="paint91_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop317" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop318" />
+    </radialGradient>
+    <radialGradient
+       id="paint92_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop319" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop320" />
+    </radialGradient>
+    <radialGradient
+       id="paint93_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop321" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop322" />
+    </radialGradient>
+    <radialGradient
+       id="paint94_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop323" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop324" />
+    </radialGradient>
+    <radialGradient
+       id="paint95_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop325" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop326" />
+    </radialGradient>
+    <radialGradient
+       id="paint96_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop327" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop328" />
+    </radialGradient>
+    <radialGradient
+       id="paint97_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop329" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop330" />
+    </radialGradient>
+    <radialGradient
+       id="paint98_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop331" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop332" />
+    </radialGradient>
+    <radialGradient
+       id="paint99_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop333" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop334" />
+    </radialGradient>
+    <radialGradient
+       id="paint100_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop335" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop336" />
+    </radialGradient>
+    <radialGradient
+       id="paint101_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop337" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop338" />
+    </radialGradient>
+    <radialGradient
+       id="paint102_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop339" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop340" />
+    </radialGradient>
+    <radialGradient
+       id="paint103_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop341" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop342" />
+    </radialGradient>
+    <radialGradient
+       id="paint104_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop343" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop344" />
+    </radialGradient>
+    <radialGradient
+       id="paint105_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop345" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop346" />
+    </radialGradient>
+    <radialGradient
+       id="paint106_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop347" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop348" />
+    </radialGradient>
+    <radialGradient
+       id="paint107_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop349" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop350" />
+    </radialGradient>
+    <radialGradient
+       id="paint108_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop351" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop352" />
+    </radialGradient>
+    <radialGradient
+       id="paint109_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop353" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop354" />
+    </radialGradient>
+    <radialGradient
+       id="paint110_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop355" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop356" />
+    </radialGradient>
+    <radialGradient
+       id="paint111_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop357" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop358" />
+    </radialGradient>
+    <radialGradient
+       id="paint112_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop359" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop360" />
+    </radialGradient>
+    <radialGradient
+       id="paint113_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop361" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop362" />
+    </radialGradient>
+    <radialGradient
+       id="paint114_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop363" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop364" />
+    </radialGradient>
+    <radialGradient
+       id="paint115_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop365" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop366" />
+    </radialGradient>
+    <radialGradient
+       id="paint116_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop367" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop368" />
+    </radialGradient>
+    <radialGradient
+       id="paint117_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop369" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop370" />
+    </radialGradient>
+    <radialGradient
+       id="paint118_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop371" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop372" />
+    </radialGradient>
+    <radialGradient
+       id="paint119_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop373" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop374" />
+    </radialGradient>
+    <radialGradient
+       id="paint120_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop375" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop376" />
+    </radialGradient>
+    <radialGradient
+       id="paint121_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop377" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop378" />
+    </radialGradient>
+    <radialGradient
+       id="paint122_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop379" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop380" />
+    </radialGradient>
+    <radialGradient
+       id="paint123_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop381" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop382" />
+    </radialGradient>
+    <radialGradient
+       id="paint124_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop383" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop384" />
+    </radialGradient>
+    <radialGradient
+       id="paint125_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop385" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop386" />
+    </radialGradient>
+    <radialGradient
+       id="paint126_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop387" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop388" />
+    </radialGradient>
+    <radialGradient
+       id="paint127_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop389" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop390" />
+    </radialGradient>
+    <radialGradient
+       id="paint128_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop391" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop392" />
+    </radialGradient>
+    <radialGradient
+       id="paint129_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop393" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop394" />
+    </radialGradient>
+    <radialGradient
+       id="paint130_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop395" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop396" />
+    </radialGradient>
+    <radialGradient
+       id="paint131_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop397" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop398" />
+    </radialGradient>
+    <radialGradient
+       id="paint132_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop399" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop400" />
+    </radialGradient>
+    <radialGradient
+       id="paint133_radial_129_2056"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,324,-516,0,540,638)">
+      <stop
+         stop-color="#2962FF"
+         id="stop401" />
+      <stop
+         offset="1"
+         stop-color="#2962FF"
+         stop-opacity="0"
+         id="stop402" />
+    </radialGradient>
+  </defs>
+</svg>
diff --git a/src/images/horizontal_background.png b/src/images/horizontal_background.png
deleted file mode 100644
index b5a36e4..0000000
Binary files a/src/images/horizontal_background.png and /dev/null differ
diff --git a/src/images/vertical_background.png b/src/images/vertical_background.png
deleted file mode 100644
index 3f553fe..0000000
Binary files a/src/images/vertical_background.png and /dev/null differ
diff --git a/src/styles/720.scss b/src/styles/720.scss
index a92746d..3f2e9d2 100644
--- a/src/styles/720.scss
+++ b/src/styles/720.scss
@@ -1,9 +1,5 @@
 @media (orientation: landscape) {
 
-    html {
-        background-image: url('../images/horizontal_background.png');
-    }
-
     body {
         .bottom {
             .button {
@@ -13,4 +9,4 @@
             }
         }
     }
-}
\ No newline at end of file
+}
diff --git a/src/styles/app.scss b/src/styles/app.scss
index 866fb58..cf3de3c 100644
--- a/src/styles/app.scss
+++ b/src/styles/app.scss
@@ -1,7 +1,7 @@
 $colors: (
-  primary:          #00ADDC,
-  font:             #999999,
-  grey:             #848286
+  primary:          #2962ff,
+  font:             #c1d8ff,
+  grey:             #1c2d92
 );
 
 @media (max-device-width: 720px) and (orientation: portrait) {
@@ -26,4 +26,4 @@ $colors: (
     @import "main.scss";
     @import "landscape.scss";
     @import "1080.scss";
-}
\ No newline at end of file
+}
diff --git a/src/styles/landscape.scss b/src/styles/landscape.scss
index 765443c..43b8e98 100644
--- a/src/styles/landscape.scss
+++ b/src/styles/landscape.scss
@@ -1,7 +1,8 @@
 @media (orientation: landscape) {
 
     html {
-        background-image: url('../images/horizontal_background.png');
+        background-image: url('../images/dashboardTextures.svg');
+        background-color: black;
     }
 
     body {
diff --git a/src/styles/portrait.scss b/src/styles/portrait.scss
index 0fc0bc5..e54b51a 100644
--- a/src/styles/portrait.scss
+++ b/src/styles/portrait.scss
@@ -1,7 +1,8 @@
 @media (orientation: portrait) {
 
     html {
-        background-image: url('../images/vertical_background.png');
+        background-image: url('../images/dashboardTextures.svg');
+        background-color: black;
     }
 
     body {
@@ -28,4 +29,4 @@
             }
         }
     }
-}
\ No newline at end of file
+}
-- 
cgit 1.2.3-korg