diff --git a/3/ecolyo.e4ac20681720daa0c145.js b/3/ecolyo.1ca7c2ccf0880ed36fed.js
similarity index 90%
rename from 3/ecolyo.e4ac20681720daa0c145.js
rename to 3/ecolyo.1ca7c2ccf0880ed36fed.js
index 1741360b6a3215c8be29cfc35e7cc724b44095e0..ecf011a82199af6c27cbb3dad4878ec36f50cd64 100644
--- a/3/ecolyo.e4ac20681720daa0c145.js
+++ b/3/ecolyo.1ca7c2ccf0880ed36fed.js
@@ -206,7 +206,7 @@ if(false) {}
 
 exports = module.exports = __webpack_require__("DjJv")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.report-option-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 0 1.5rem;\n}\n.report-option-root .report-option-content {\n  max-width: 45.75rem;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 2rem;\n}\n.report-option-root .head {\n  color: #e0e0e0;\n  margin-bottom: 1rem;\n}\n.report-option-root .reportCard {\n  border: 1px solid #383941;\n  border-radius: 4px;\n  padding: 12px 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  color: #e0e0e0;\n}\n.report-option-root .reportCard .row {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.report-option-root .switch-container-alert {\n  color: #e0e0e0;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.report-option-root .alert-input-subtext {\n  color: #a0a0a0;\n}", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.report-option-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 0 1.5rem;\n}\n.report-option-root .report-option-content {\n  max-width: 45.75rem;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 2rem;\n}\n.report-option-root .head {\n  color: #e0e0e0;\n  margin-bottom: 1rem;\n}\n.report-option-root .reportCard {\n  background-color: #23252d;\n  border: 1px solid #2f3139;\n  border-radius: 4px;\n  padding: 12px 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  color: #e0e0e0;\n}\n.report-option-root .reportCard .row {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.report-option-root .switch-container-alert {\n  color: #e0e0e0;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.report-option-root .alert-input-subtext {\n  color: #a0a0a0;\n}", ""]);
 
 
 
@@ -292,10 +292,10 @@ __webpack_require__.r(__webpack_exports__);
 
 
 var symbol = new _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default.a({
-  "id": "profile_857aa7cec0a86084aba1e35310375d9b",
-  "use": "profile_857aa7cec0a86084aba1e35310375d9b-usage",
+  "id": "profile_80004f2871b60c58dbec53a9cbbbadd7",
+  "use": "profile_80004f2871b60c58dbec53a9cbbbadd7-usage",
   "viewBox": "0 0 38 38",
-  "content": "<symbol viewBox=\"0 0 38 38\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" id=\"profile_857aa7cec0a86084aba1e35310375d9b\">\n<circle cx=\"18.5\" cy=\"18.5\" r=\"18\" stroke=\"white\" />\n<circle cx=\"18.5\" cy=\"13.5\" r=\"5.5\" fill=\"white\" />\n<path d=\"M8 26C8 22.4735 9.60771 19.4852 13 19C14.3163 20.1296 16.5 21 18.5 21C22 21 22.5 20 24 19C27.3923 19.4852 29 22.4735 29 26V27C29 27 25 28 18.5 28C12 28 8 27 8 27V26Z\" fill=\"white\" />\n</symbol>"
+  "content": "<symbol viewBox=\"0 0 38 38\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" id=\"profile_80004f2871b60c58dbec53a9cbbbadd7\">\n  <rect width=\"38\" height=\"38\" rx=\"8\" fill=\"white\" fill-opacity=\"0.1\" />\n  <circle cx=\"19\" cy=\"14.5\" r=\"5.5\" fill=\"white\" />\n  <path d=\"M8.5 27C8.5 23.4735 10.1077 20.4852 13.5 20C14.8163 21.1296 17 22 19 22C22.5 22 23 21 24.5 20C27.8923 20.4852 29.5 23.4735 29.5 27V28C29.5 28 25.5 29 19 29C12.5 29 8.5 28 8.5 28V27Z\" fill=\"white\" />\n</symbol>"
 });
 var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default.a.add(symbol);
 /* harmony default export */ __webpack_exports__["default"] = (symbol);
@@ -1226,10 +1226,10 @@ __webpack_require__.r(__webpack_exports__);
 
 
 var symbol = new _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default.a({
-  "id": "export_fcb37eb6230e3721b1b74926b5193e50",
-  "use": "export_fcb37eb6230e3721b1b74926b5193e50-usage",
+  "id": "export_68b0b7f83eb8ac39a32dec33c26061d1",
+  "use": "export_68b0b7f83eb8ac39a32dec33c26061d1-usage",
   "viewBox": "0 0 38 38",
-  "content": "<symbol viewBox=\"0 0 38 38\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" id=\"export_fcb37eb6230e3721b1b74926b5193e50\">\n<circle cx=\"18.5\" cy=\"18.5\" r=\"18\" stroke=\"white\" />\n<path d=\"M16.5 26L16.5 27.5L19.5 27.5L19.5 26L16.5 26ZM19.5 10C19.5 9.17157 18.8284 8.5 18 8.5C17.1716 8.5 16.5 9.17157 16.5 10L19.5 10ZM19.5 26L19.5 10L16.5 10L16.5 26L19.5 26Z\" fill=\"white\" />\n<path d=\"M10.5 26L10.5 27.5L13.5 27.5L13.5 26L10.5 26ZM13.5 18C13.5 17.1716 12.8284 16.5 12 16.5C11.1716 16.5 10.5 17.1716 10.5 18L13.5 18ZM13.5 26L13.5 18L10.5 18L10.5 26L13.5 26Z\" fill=\"white\" />\n<path d=\"M22.5 26L22.5 27.5L25.5 27.5L25.5 26L22.5 26ZM25.5 14C25.5 13.1716 24.8284 12.5 24 12.5C23.1716 12.5 22.5 13.1716 22.5 14L25.5 14ZM25.5 26L25.5 14L22.5 14L22.5 26L25.5 26Z\" fill=\"white\" />\n</symbol>"
+  "content": "<symbol viewBox=\"0 0 38 38\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" id=\"export_68b0b7f83eb8ac39a32dec33c26061d1\">\n  <rect y=\"0.376953\" width=\"38\" height=\"37.377\" rx=\"8\" fill=\"white\" fill-opacity=\"0.1\" />\n  <path d=\"M17.5 27.0654L17.5 28.5654L20.5 28.5654L20.5 27.0654L17.5 27.0654ZM20.5 11.0654C20.5 10.237 19.8284 9.56543 19 9.56543C18.1716 9.56543 17.5 10.237 17.5 11.0654L20.5 11.0654ZM20.5 27.0654L20.5 11.0654L17.5 11.0654L17.5 27.0654L20.5 27.0654Z\" fill=\"white\" />\n  <path d=\"M11.5 27.0654L11.5 28.5654L14.5 28.5654L14.5 27.0654L11.5 27.0654ZM14.5 19.0654C14.5 18.237 13.8284 17.5654 13 17.5654C12.1716 17.5654 11.5 18.237 11.5 19.0654L14.5 19.0654ZM14.5 27.0654L14.5 19.0654L11.5 19.0654L11.5 27.0654L14.5 27.0654Z\" fill=\"white\" />\n  <path d=\"M23.5 27.0654L23.5 28.5654L26.5 28.5654L26.5 27.0654L23.5 27.0654ZM26.5 15.0654C26.5 14.237 25.8284 13.5654 25 13.5654C24.1716 13.5654 23.5 14.237 23.5 15.0654L26.5 15.0654ZM26.5 27.0654L26.5 15.0654L23.5 15.0654L23.5 27.0654L26.5 27.0654Z\" fill=\"white\" />\n</symbol>"
 });
 var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default.a.add(symbol);
 /* harmony default export */ __webpack_exports__["default"] = (symbol);
@@ -1248,10 +1248,10 @@ __webpack_require__.r(__webpack_exports__);
 
 
 var symbol = new _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default.a({
-  "id": "accessibility_24d3cba8afc474f43c8566854dfb645f",
-  "use": "accessibility_24d3cba8afc474f43c8566854dfb645f-usage",
-  "viewBox": "0 0 38 38",
-  "content": "<symbol viewBox=\"0 0 38 38\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" id=\"accessibility_24d3cba8afc474f43c8566854dfb645f\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.0002 10.5883C20.2672 10.5883 21.2943 9.56118 21.2943 8.29418C21.2943 7.02717 20.2672 6.00006 19.0002 6.00006C17.7332 6.00006 16.7061 7.02717 16.7061 8.29418C16.7061 9.56118 17.7332 10.5883 19.0002 10.5883ZM10.0465 10.8921L17.0043 13.0329C18.3047 13.433 19.6953 13.433 20.9957 13.0329L27.9535 10.8921C28.4443 10.741 28.9412 11.108 28.9412 11.6215C28.9412 11.9232 28.7636 12.1965 28.4879 12.319L22.7143 14.8851C22.3157 15.0622 22.0588 15.4575 22.0588 15.8937V19.4508C22.0588 20.6781 22.1459 21.9038 22.3195 23.1187L23.4575 31.0846C23.5265 31.5677 23.1517 31.9999 22.6637 31.9999C22.3057 31.9999 21.991 31.7626 21.8927 31.4183L19.4956 23.0285C19.3532 22.5301 18.6468 22.5301 18.5044 23.0285L16.1074 31.4183C16.009 31.7626 15.6944 31.9999 15.3363 31.9999C14.8484 31.9999 14.4735 31.5677 14.5425 31.0846L15.6805 23.1187C15.8541 21.9038 15.9412 20.6781 15.9412 19.4508V15.8937C15.9412 15.4575 15.6843 15.0622 15.2857 14.8851L9.5121 12.319C9.23647 12.1965 9.05884 11.9232 9.05884 11.6215C9.05884 11.108 9.55573 10.741 10.0465 10.8921Z\" fill=\"white\" />\n<rect x=\"0.5\" y=\"0.811462\" width=\"37\" height=\"36.377\" rx=\"18.1885\" stroke=\"white\" />\n</symbol>"
+  "id": "accessibility_9cad90e8d9f0b1a0253cc1013957cbb5",
+  "use": "accessibility_9cad90e8d9f0b1a0253cc1013957cbb5-usage",
+  "viewBox": "0 0 38 39",
+  "content": "<symbol viewBox=\"0 0 38 39\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" id=\"accessibility_9cad90e8d9f0b1a0253cc1013957cbb5\">\n  <rect y=\"0.931152\" width=\"38\" height=\"37.377\" rx=\"8\" fill=\"white\" fill-opacity=\"0.1\" />\n  <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.0002 11.208C20.2672 11.208 21.2943 10.1809 21.2943 8.91387C21.2943 7.64686 20.2672 6.61975 19.0002 6.61975C17.7332 6.61975 16.7061 7.64686 16.7061 8.91387C16.7061 10.1809 17.7332 11.208 19.0002 11.208ZM10.0465 11.5117L17.0043 13.6526C18.3047 14.0527 19.6953 14.0527 20.9957 13.6526L27.9535 11.5117C28.4443 11.3607 28.9412 11.7277 28.9412 12.2412C28.9412 12.5429 28.7635 12.8162 28.4879 12.9387L22.7143 15.5048C22.3157 15.6819 22.0588 16.0772 22.0588 16.5134V20.0705C22.0588 21.2978 22.1459 22.5235 22.3195 23.7384L23.4575 31.7043C23.5265 32.1874 23.1516 32.6196 22.6637 32.6196C22.3057 32.6196 21.991 32.3823 21.8927 32.038L19.4956 23.6482C19.3532 23.1498 18.6468 23.1498 18.5044 23.6482L16.1073 32.038C16.009 32.3823 15.6943 32.6196 15.3363 32.6196C14.8483 32.6196 14.4735 32.1874 14.5425 31.7043L15.6805 23.7384C15.8541 22.5235 15.9412 21.2978 15.9412 20.0705V16.5134C15.9412 16.0772 15.6843 15.6819 15.2857 15.5048L9.51208 12.9387C9.23646 12.8162 9.05882 12.5429 9.05882 12.2412C9.05882 11.7277 9.55572 11.3607 10.0465 11.5117Z\" fill=\"white\" />\n</symbol>"
 });
 var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default.a.add(symbol);
 /* harmony default export */ __webpack_exports__["default"] = (symbol);
@@ -1270,10 +1270,10 @@ __webpack_require__.r(__webpack_exports__);
 
 
 var symbol = new _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default.a({
-  "id": "gcu_ade68da6ab76e96c88e72461b855f728",
-  "use": "gcu_ade68da6ab76e96c88e72461b855f728-usage",
+  "id": "gcu_963bae1db4de7436c6c55881e670b388",
+  "use": "gcu_963bae1db4de7436c6c55881e670b388-usage",
   "viewBox": "0 0 38 38",
-  "content": "<symbol viewBox=\"0 0 38 38\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" id=\"gcu_ade68da6ab76e96c88e72461b855f728\">\n<path d=\"M11.431 31.5V6.5H26.569V25.9276L21.2079 31.5H11.431Z\" stroke=\"white\" />\n<path d=\"M25.9227 26.5L21.9998 30.7264V26.5H25.9227Z\" stroke=\"white\" />\n<line x1=\"13.6207\" y1=\"9.08621\" x2=\"24.3793\" y2=\"9.08621\" stroke=\"white\" />\n<line x1=\"13.6207\" y1=\"11.7759\" x2=\"24.3793\" y2=\"11.7759\" stroke=\"white\" />\n<line x1=\"13.6207\" y1=\"14.4655\" x2=\"24.3793\" y2=\"14.4655\" stroke=\"white\" />\n<line x1=\"13.6207\" y1=\"17.1552\" x2=\"24.3793\" y2=\"17.1552\" stroke=\"white\" />\n<line x1=\"13.6207\" y1=\"19.8448\" x2=\"24.3793\" y2=\"19.8448\" stroke=\"white\" />\n<line x1=\"13.6207\" y1=\"22.5345\" x2=\"19.8966\" y2=\"22.5345\" stroke=\"white\" />\n<path d=\"M13.6207 26.6207L15.4138 28.4138L19 24.8276\" stroke=\"white\" />\n<rect x=\"0.5\" y=\"0.811478\" width=\"37\" height=\"36.377\" rx=\"18.1885\" stroke=\"white\" />\n</symbol>"
+  "content": "<symbol viewBox=\"0 0 38 38\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" id=\"gcu_963bae1db4de7436c6c55881e670b388\">\n  <rect y=\"0.0426331\" width=\"38\" height=\"37.377\" rx=\"8\" fill=\"white\" fill-opacity=\"0.1\" />\n  <path d=\"M11.431 31.2312V6.23117H26.569V25.6587L21.2079 31.2312H11.431Z\" stroke=\"white\" />\n  <path d=\"M25.9227 26.2312L21.9997 30.4576V26.2312H25.9227Z\" stroke=\"white\" />\n  <line x1=\"13.6207\" y1=\"8.81738\" x2=\"24.3793\" y2=\"8.81738\" stroke=\"white\" />\n  <line x1=\"13.6207\" y1=\"11.507\" x2=\"24.3793\" y2=\"11.507\" stroke=\"white\" />\n  <line x1=\"13.6207\" y1=\"14.1967\" x2=\"24.3793\" y2=\"14.1967\" stroke=\"white\" />\n  <line x1=\"13.6207\" y1=\"16.8864\" x2=\"24.3793\" y2=\"16.8864\" stroke=\"white\" />\n  <line x1=\"13.6207\" y1=\"19.576\" x2=\"24.3793\" y2=\"19.576\" stroke=\"white\" />\n  <line x1=\"13.6207\" y1=\"22.2657\" x2=\"19.8965\" y2=\"22.2657\" stroke=\"white\" />\n  <path d=\"M13.6207 26.3518L15.4138 28.145L19 24.5587\" stroke=\"white\" />\n</symbol>"
 });
 var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default.a.add(symbol);
 /* harmony default export */ __webpack_exports__["default"] = (symbol);
@@ -1638,10 +1638,10 @@ __webpack_require__.r(__webpack_exports__);
 
 
 var symbol = new _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default.a({
-  "id": "legal-notice_5ea8ce6d6bbc4fba0bef251ded118548",
-  "use": "legal-notice_5ea8ce6d6bbc4fba0bef251ded118548-usage",
+  "id": "legal-notice_d20eaa07a98cdfabda35daf7d664a78f",
+  "use": "legal-notice_d20eaa07a98cdfabda35daf7d664a78f-usage",
   "viewBox": "0 0 38 38",
-  "content": "<symbol viewBox=\"0 0 38 38\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" id=\"legal-notice_5ea8ce6d6bbc4fba0bef251ded118548\">\n<circle cx=\"18.5\" cy=\"18.5\" r=\"18\" stroke=\"white\" />\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.6007 8.4054C18.9665 7.86487 18.0335 7.86486 17.3993 8.4054L16.459 9.20672C16.1872 9.43835 15.8492 9.57834 15.4932 9.60674L14.2617 9.70502C13.431 9.77131 12.7713 10.431 12.705 11.2617L12.6067 12.4932C12.5783 12.8492 12.4384 13.1872 12.2067 13.459L11.4054 14.3993C10.8649 15.0335 10.8649 15.9665 11.4054 16.6007L12.2067 17.541C12.4384 17.8128 12.5783 18.1508 12.6067 18.5068L12.705 19.7383C12.7713 20.569 13.431 21.2287 14.2617 21.295L15.4932 21.3933C15.8492 21.4217 16.1872 21.5616 16.459 21.7933L17.3993 22.5946C18.0335 23.1351 18.9665 23.1351 19.6007 22.5946L20.541 21.7933C20.8128 21.5617 21.1508 21.4217 21.5068 21.3933L22.7383 21.295C23.569 21.2287 24.2287 20.569 24.295 19.7383L24.3933 18.5068C24.4217 18.1508 24.5616 17.8129 24.7933 17.541L25.5946 16.6007C26.1351 15.9665 26.1351 15.0335 25.5946 14.3993L24.7933 13.459C24.5617 13.1872 24.4217 12.8492 24.3933 12.4932L24.295 11.2617C24.2287 10.431 23.569 9.77131 22.7383 9.70502L21.5068 9.60674C21.1508 9.57834 20.8129 9.43835 20.541 9.20672L19.6007 8.4054ZM18.5 19.5163C20.7182 19.5163 22.5163 17.7182 22.5163 15.5C22.5163 13.2818 20.7182 11.4837 18.5 11.4837C16.2818 11.4837 14.4837 13.2818 14.4837 15.5C14.4837 17.7182 16.2818 19.5163 18.5 19.5163Z\" fill=\"white\" />\n<path d=\"M15 23L15.1384 23.0113C15.5055 23.0412 15.854 23.1887 16.1343 23.4328L17.4371 24.5673C18.0912 25.1369 19.0532 25.1369 19.7072 24.5673L21.01 23.4328C21.2888 23.19 21.6351 23.0428 22 23.0118V30.5L18.5 28.2647L15 30.5V23Z\" fill=\"white\" />\n</symbol>"
+  "content": "<symbol viewBox=\"0 0 38 38\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" id=\"legal-notice_d20eaa07a98cdfabda35daf7d664a78f\">\n  <rect y=\"0.154114\" width=\"38\" height=\"37.377\" rx=\"8\" fill=\"white\" fill-opacity=\"0.1\" />\n  <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M20.1007 7.99806C19.4665 7.45752 18.5335 7.45752 17.8993 7.99805L16.959 8.79937C16.6872 9.031 16.3492 9.17099 15.9932 9.1994L14.7617 9.29767C13.931 9.36396 13.2713 10.0236 13.205 10.8544L13.1067 12.0859C13.0783 12.4418 12.9384 12.7798 12.7067 13.0516L11.9054 13.9919C11.3649 14.6262 11.3649 15.5591 11.9054 16.1934L12.7067 17.1337C12.9384 17.4055 13.0783 17.7435 13.1067 18.0994L13.205 19.3309C13.2713 20.1617 13.931 20.8213 14.7617 20.8876L15.9932 20.9859C16.3492 21.0143 16.6872 21.1543 16.959 21.3859L17.8993 22.1872C18.5335 22.7278 19.4665 22.7278 20.1007 22.1872L21.041 21.3859C21.3128 21.1543 21.6508 21.0143 22.0068 20.9859L23.2383 20.8876C24.069 20.8213 24.7287 20.1617 24.795 19.3309L24.8933 18.0994C24.9217 17.7435 25.0616 17.4055 25.2933 17.1337L26.0946 16.1934C26.6351 15.5591 26.6351 14.6262 26.0946 13.9919L25.2933 13.0516C25.0617 12.7798 24.9217 12.4418 24.8933 12.0859L24.795 10.8544C24.7287 10.0236 24.069 9.36396 23.2383 9.29767L22.0068 9.1994C21.6508 9.17099 21.3128 9.031 21.041 8.79937L20.1007 7.99806ZM19 19.109C21.2182 19.109 23.0163 17.3108 23.0163 15.0927C23.0163 12.8745 21.2182 11.0763 19 11.0763C16.7818 11.0763 14.9837 12.8745 14.9837 15.0927C14.9837 17.3108 16.7818 19.109 19 19.109Z\" fill=\"white\" />\n  <path d=\"M15.5 22.5927L15.6384 22.6039C16.0055 22.6339 16.354 22.7814 16.6343 23.0255L17.9371 24.1599C18.5912 24.7295 19.5532 24.7295 20.2072 24.1599L21.51 23.0255C21.7888 22.7827 22.1351 22.6355 22.5 22.6044V30.0927L19 27.8573L15.5 30.0927V22.5927Z\" fill=\"white\" />\n</symbol>"
 });
 var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default.a.add(symbol);
 /* harmony default export */ __webpack_exports__["default"] = (symbol);
@@ -1660,10 +1660,10 @@ __webpack_require__.r(__webpack_exports__);
 
 
 var symbol = new _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default.a({
-  "id": "questionMark_6265dec65ed91711a1172d9845bec03c",
-  "use": "questionMark_6265dec65ed91711a1172d9845bec03c-usage",
+  "id": "questionMark_2471a5aba1911b18dfcdda4916be4ff6",
+  "use": "questionMark_2471a5aba1911b18dfcdda4916be4ff6-usage",
   "viewBox": "0 0 38 38",
-  "content": "<symbol viewBox=\"0 0 38 38\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" id=\"questionMark_6265dec65ed91711a1172d9845bec03c\">\n<circle cx=\"18.5\" cy=\"18.5\" r=\"18\" stroke=\"white\" />\n<path d=\"M14.4691 13.1925C14.7071 12.9825 14.9661 12.783 15.2461 12.594C15.5331 12.405 15.8411 12.2405 16.1701 12.1005C16.4991 11.9605 16.8561 11.852 17.2411 11.775C17.6261 11.691 18.0426 11.649 18.4906 11.649C19.0996 11.649 19.6526 11.733 20.1496 11.901C20.6536 12.069 21.0841 12.3105 21.4411 12.6255C21.7981 12.9335 22.0746 13.308 22.2706 13.749C22.4666 14.19 22.5646 14.6835 22.5646 15.2295C22.5646 15.7615 22.4876 16.2235 22.3336 16.6155C22.1796 17.0005 21.9836 17.3365 21.7456 17.6235C21.5146 17.9105 21.2626 18.159 20.9896 18.369C20.7166 18.579 20.4576 18.7785 20.2126 18.9675C19.9676 19.1495 19.7541 19.3315 19.5721 19.5135C19.3971 19.6885 19.2921 19.888 19.2571 20.112L19.0156 21.645H17.2411L17.0626 19.9335C17.0556 19.8985 17.0521 19.8705 17.0521 19.8495C17.0521 19.8215 17.0521 19.79 17.0521 19.755C17.0521 19.447 17.1291 19.181 17.2831 18.957C17.4371 18.726 17.6296 18.5125 17.8606 18.3165C18.0916 18.1135 18.3401 17.9175 18.6061 17.7285C18.8721 17.5395 19.1206 17.3365 19.3516 17.1195C19.5826 16.8955 19.7751 16.6435 19.9291 16.3635C20.0831 16.0835 20.1601 15.7545 20.1601 15.3765C20.1601 15.1245 20.1111 14.9005 20.0131 14.7045C19.9221 14.5015 19.7926 14.33 19.6246 14.19C19.4566 14.043 19.2536 13.931 19.0156 13.854C18.7846 13.777 18.5326 13.7385 18.2596 13.7385C17.8606 13.7385 17.5211 13.784 17.2411 13.875C16.9681 13.959 16.7336 14.057 16.5376 14.169C16.3486 14.274 16.1876 14.372 16.0546 14.463C15.9216 14.547 15.8026 14.589 15.6976 14.589C15.4456 14.589 15.2636 14.484 15.1516 14.274L14.4691 13.1925ZM16.4536 25.572C16.4536 25.355 16.4921 25.1485 16.5691 24.9525C16.6531 24.7565 16.7651 24.5885 16.9051 24.4485C17.0521 24.3085 17.2236 24.1965 17.4196 24.1125C17.6156 24.0285 17.8256 23.9865 18.0496 23.9865C18.2666 23.9865 18.4731 24.0285 18.6691 24.1125C18.8651 24.1965 19.0331 24.3085 19.1731 24.4485C19.3131 24.5885 19.4251 24.7565 19.5091 24.9525C19.5931 25.1485 19.6351 25.355 19.6351 25.572C19.6351 25.796 19.5931 26.006 19.5091 26.202C19.4251 26.391 19.3131 26.5555 19.1731 26.6955C19.0331 26.8355 18.8651 26.944 18.6691 27.021C18.4731 27.105 18.2666 27.147 18.0496 27.147C17.8256 27.147 17.6156 27.105 17.4196 27.021C17.2236 26.944 17.0521 26.8355 16.9051 26.6955C16.7651 26.5555 16.6531 26.391 16.5691 26.202C16.4921 26.006 16.4536 25.796 16.4536 25.572Z\" fill=\"white\" />\n</symbol>"
+  "content": "<symbol viewBox=\"0 0 38 38\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" id=\"questionMark_2471a5aba1911b18dfcdda4916be4ff6\">\n  <rect y=\"0.265564\" width=\"38\" height=\"37.377\" rx=\"8\" fill=\"white\" fill-opacity=\"0.1\" />\n  <path d=\"M13.537 10.5788C13.8582 10.2954 14.2077 10.0262 14.5856 9.77107C14.973 9.51599 15.3887 9.29397 15.8327 9.10502C16.2767 8.91607 16.7586 8.76963 17.2782 8.66571C17.7978 8.55234 18.3599 8.49565 18.9646 8.49565C19.7865 8.49565 20.5329 8.60902 21.2036 8.83576C21.8839 9.0625 22.4649 9.38844 22.9467 9.81358C23.4285 10.2293 23.8017 10.7347 24.0662 11.3299C24.3308 11.9251 24.463 12.5912 24.463 13.3281C24.463 14.0461 24.3591 14.6696 24.1513 15.1987C23.9434 15.7183 23.6789 16.1718 23.3577 16.5591C23.0459 16.9465 22.7058 17.2819 22.3373 17.5653C21.9689 17.8487 21.6193 18.118 21.2887 18.3731C20.958 18.6187 20.6699 18.8643 20.4242 19.11C20.188 19.3462 20.0463 19.6154 19.9991 19.9177L19.6731 21.9867H17.2782L17.0373 19.6768C17.0278 19.6296 17.0231 19.5918 17.0231 19.5634C17.0231 19.5257 17.0231 19.4831 17.0231 19.4359C17.0231 19.0202 17.127 18.6612 17.3349 18.3589C17.5427 18.0471 17.8025 17.759 18.1143 17.4944C18.4261 17.2205 18.7614 16.9559 19.1205 16.7008C19.4795 16.4458 19.8148 16.1718 20.1266 15.8789C20.4384 15.5766 20.6982 15.2365 20.906 14.8586C21.1139 14.4807 21.2178 14.0366 21.2178 13.5265C21.2178 13.1864 21.1517 12.884 21.0194 12.6195C20.8966 12.3455 20.7218 12.1141 20.4951 11.9251C20.2683 11.7267 19.9944 11.5755 19.6731 11.4716C19.3614 11.3677 19.0213 11.3157 18.6528 11.3157C18.1143 11.3157 17.6561 11.3772 17.2782 11.5C16.9097 11.6133 16.5932 11.7456 16.3287 11.8968C16.0736 12.0385 15.8563 12.1707 15.6768 12.2936C15.4973 12.4069 15.3367 12.4636 15.195 12.4636C14.8549 12.4636 14.6093 12.3219 14.4581 12.0385L13.537 10.5788ZM16.2153 27.2868C16.2153 26.9939 16.2673 26.7152 16.3712 26.4507C16.4846 26.1862 16.6358 25.9594 16.8247 25.7705C17.0231 25.5815 17.2546 25.4304 17.5191 25.317C17.7836 25.2036 18.0671 25.1469 18.3694 25.1469C18.6622 25.1469 18.941 25.2036 19.2055 25.317C19.47 25.4304 19.6968 25.5815 19.8857 25.7705C20.0747 25.9594 20.2258 26.1862 20.3392 26.4507C20.4526 26.7152 20.5092 26.9939 20.5092 27.2868C20.5092 27.5891 20.4526 27.8726 20.3392 28.1371C20.2258 28.3922 20.0747 28.6142 19.8857 28.8031C19.6968 28.9921 19.47 29.1385 19.2055 29.2425C18.941 29.3558 18.6622 29.4125 18.3694 29.4125C18.0671 29.4125 17.7836 29.3558 17.5191 29.2425C17.2546 29.1385 17.0231 28.9921 16.8247 28.8031C16.6358 28.6142 16.4846 28.3922 16.3712 28.1371C16.2673 27.8726 16.2153 27.5891 16.2153 27.2868Z\" fill=\"white\" />\n</symbol>"
 });
 var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default.a.add(symbol);
 /* harmony default export */ __webpack_exports__["default"] = (symbol);
diff --git a/5/ecolyo.c9deb6ecacdd386982b1.js b/5/ecolyo.897f45bf4e7ba26b0d9e.js
similarity index 99%
rename from 5/ecolyo.c9deb6ecacdd386982b1.js
rename to 5/ecolyo.897f45bf4e7ba26b0d9e.js
index 2894d47cc391d685860ad33d20047654206eccf8..787a5449e0f6e925e252c8ef0b4be98b540106fc 100644
--- a/5/ecolyo.c9deb6ecacdd386982b1.js
+++ b/5/ecolyo.897f45bf4e7ba26b0d9e.js
@@ -5074,10 +5074,10 @@ __webpack_require__.r(__webpack_exports__);
 
 
 var symbol = new _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default.a({
-  "id": "questionMark_6265dec65ed91711a1172d9845bec03c",
-  "use": "questionMark_6265dec65ed91711a1172d9845bec03c-usage",
+  "id": "questionMark_2471a5aba1911b18dfcdda4916be4ff6",
+  "use": "questionMark_2471a5aba1911b18dfcdda4916be4ff6-usage",
   "viewBox": "0 0 38 38",
-  "content": "<symbol viewBox=\"0 0 38 38\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" id=\"questionMark_6265dec65ed91711a1172d9845bec03c\">\n<circle cx=\"18.5\" cy=\"18.5\" r=\"18\" stroke=\"white\" />\n<path d=\"M14.4691 13.1925C14.7071 12.9825 14.9661 12.783 15.2461 12.594C15.5331 12.405 15.8411 12.2405 16.1701 12.1005C16.4991 11.9605 16.8561 11.852 17.2411 11.775C17.6261 11.691 18.0426 11.649 18.4906 11.649C19.0996 11.649 19.6526 11.733 20.1496 11.901C20.6536 12.069 21.0841 12.3105 21.4411 12.6255C21.7981 12.9335 22.0746 13.308 22.2706 13.749C22.4666 14.19 22.5646 14.6835 22.5646 15.2295C22.5646 15.7615 22.4876 16.2235 22.3336 16.6155C22.1796 17.0005 21.9836 17.3365 21.7456 17.6235C21.5146 17.9105 21.2626 18.159 20.9896 18.369C20.7166 18.579 20.4576 18.7785 20.2126 18.9675C19.9676 19.1495 19.7541 19.3315 19.5721 19.5135C19.3971 19.6885 19.2921 19.888 19.2571 20.112L19.0156 21.645H17.2411L17.0626 19.9335C17.0556 19.8985 17.0521 19.8705 17.0521 19.8495C17.0521 19.8215 17.0521 19.79 17.0521 19.755C17.0521 19.447 17.1291 19.181 17.2831 18.957C17.4371 18.726 17.6296 18.5125 17.8606 18.3165C18.0916 18.1135 18.3401 17.9175 18.6061 17.7285C18.8721 17.5395 19.1206 17.3365 19.3516 17.1195C19.5826 16.8955 19.7751 16.6435 19.9291 16.3635C20.0831 16.0835 20.1601 15.7545 20.1601 15.3765C20.1601 15.1245 20.1111 14.9005 20.0131 14.7045C19.9221 14.5015 19.7926 14.33 19.6246 14.19C19.4566 14.043 19.2536 13.931 19.0156 13.854C18.7846 13.777 18.5326 13.7385 18.2596 13.7385C17.8606 13.7385 17.5211 13.784 17.2411 13.875C16.9681 13.959 16.7336 14.057 16.5376 14.169C16.3486 14.274 16.1876 14.372 16.0546 14.463C15.9216 14.547 15.8026 14.589 15.6976 14.589C15.4456 14.589 15.2636 14.484 15.1516 14.274L14.4691 13.1925ZM16.4536 25.572C16.4536 25.355 16.4921 25.1485 16.5691 24.9525C16.6531 24.7565 16.7651 24.5885 16.9051 24.4485C17.0521 24.3085 17.2236 24.1965 17.4196 24.1125C17.6156 24.0285 17.8256 23.9865 18.0496 23.9865C18.2666 23.9865 18.4731 24.0285 18.6691 24.1125C18.8651 24.1965 19.0331 24.3085 19.1731 24.4485C19.3131 24.5885 19.4251 24.7565 19.5091 24.9525C19.5931 25.1485 19.6351 25.355 19.6351 25.572C19.6351 25.796 19.5931 26.006 19.5091 26.202C19.4251 26.391 19.3131 26.5555 19.1731 26.6955C19.0331 26.8355 18.8651 26.944 18.6691 27.021C18.4731 27.105 18.2666 27.147 18.0496 27.147C17.8256 27.147 17.6156 27.105 17.4196 27.021C17.2236 26.944 17.0521 26.8355 16.9051 26.6955C16.7651 26.5555 16.6531 26.391 16.5691 26.202C16.4921 26.006 16.4536 25.796 16.4536 25.572Z\" fill=\"white\" />\n</symbol>"
+  "content": "<symbol viewBox=\"0 0 38 38\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" id=\"questionMark_2471a5aba1911b18dfcdda4916be4ff6\">\n  <rect y=\"0.265564\" width=\"38\" height=\"37.377\" rx=\"8\" fill=\"white\" fill-opacity=\"0.1\" />\n  <path d=\"M13.537 10.5788C13.8582 10.2954 14.2077 10.0262 14.5856 9.77107C14.973 9.51599 15.3887 9.29397 15.8327 9.10502C16.2767 8.91607 16.7586 8.76963 17.2782 8.66571C17.7978 8.55234 18.3599 8.49565 18.9646 8.49565C19.7865 8.49565 20.5329 8.60902 21.2036 8.83576C21.8839 9.0625 22.4649 9.38844 22.9467 9.81358C23.4285 10.2293 23.8017 10.7347 24.0662 11.3299C24.3308 11.9251 24.463 12.5912 24.463 13.3281C24.463 14.0461 24.3591 14.6696 24.1513 15.1987C23.9434 15.7183 23.6789 16.1718 23.3577 16.5591C23.0459 16.9465 22.7058 17.2819 22.3373 17.5653C21.9689 17.8487 21.6193 18.118 21.2887 18.3731C20.958 18.6187 20.6699 18.8643 20.4242 19.11C20.188 19.3462 20.0463 19.6154 19.9991 19.9177L19.6731 21.9867H17.2782L17.0373 19.6768C17.0278 19.6296 17.0231 19.5918 17.0231 19.5634C17.0231 19.5257 17.0231 19.4831 17.0231 19.4359C17.0231 19.0202 17.127 18.6612 17.3349 18.3589C17.5427 18.0471 17.8025 17.759 18.1143 17.4944C18.4261 17.2205 18.7614 16.9559 19.1205 16.7008C19.4795 16.4458 19.8148 16.1718 20.1266 15.8789C20.4384 15.5766 20.6982 15.2365 20.906 14.8586C21.1139 14.4807 21.2178 14.0366 21.2178 13.5265C21.2178 13.1864 21.1517 12.884 21.0194 12.6195C20.8966 12.3455 20.7218 12.1141 20.4951 11.9251C20.2683 11.7267 19.9944 11.5755 19.6731 11.4716C19.3614 11.3677 19.0213 11.3157 18.6528 11.3157C18.1143 11.3157 17.6561 11.3772 17.2782 11.5C16.9097 11.6133 16.5932 11.7456 16.3287 11.8968C16.0736 12.0385 15.8563 12.1707 15.6768 12.2936C15.4973 12.4069 15.3367 12.4636 15.195 12.4636C14.8549 12.4636 14.6093 12.3219 14.4581 12.0385L13.537 10.5788ZM16.2153 27.2868C16.2153 26.9939 16.2673 26.7152 16.3712 26.4507C16.4846 26.1862 16.6358 25.9594 16.8247 25.7705C17.0231 25.5815 17.2546 25.4304 17.5191 25.317C17.7836 25.2036 18.0671 25.1469 18.3694 25.1469C18.6622 25.1469 18.941 25.2036 19.2055 25.317C19.47 25.4304 19.6968 25.5815 19.8857 25.7705C20.0747 25.9594 20.2258 26.1862 20.3392 26.4507C20.4526 26.7152 20.5092 26.9939 20.5092 27.2868C20.5092 27.5891 20.4526 27.8726 20.3392 28.1371C20.2258 28.3922 20.0747 28.6142 19.8857 28.8031C19.6968 28.9921 19.47 29.1385 19.2055 29.2425C18.941 29.3558 18.6622 29.4125 18.3694 29.4125C18.0671 29.4125 17.7836 29.3558 17.5191 29.2425C17.2546 29.1385 17.0231 28.9921 16.8247 28.8031C16.6358 28.6142 16.4846 28.3922 16.3712 28.1371C16.2673 27.8726 16.2153 27.5891 16.2153 27.2868Z\" fill=\"white\" />\n</symbol>"
 });
 var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default.a.add(symbol);
 /* harmony default export */ __webpack_exports__["default"] = (symbol);
diff --git a/6/ecolyo.7a53d1be448bc2599edd.js b/6/ecolyo.2c733e3bbe9ecba101ec.js
similarity index 98%
rename from 6/ecolyo.7a53d1be448bc2599edd.js
rename to 6/ecolyo.2c733e3bbe9ecba101ec.js
index 19ac1a86dd463ac61e5d493982057bf90268acf1..456645f95d0a93f20b179ca5dc025a741be0e6a9 100644
--- a/6/ecolyo.7a53d1be448bc2599edd.js
+++ b/6/ecolyo.2c733e3bbe9ecba101ec.js
@@ -266,9 +266,9 @@ var EcogestureEmptyList = function EcogestureEmptyList(_ref) {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "ec-empty-content"
   }, /*#__PURE__*/_react.default.createElement(_StyledIcon.default, {
-    className: "icon-big",
+    className: "icon-big ".concat(isObjective ? 'icon-objective' : 'icon-doing'),
     icon: isObjective ? _selectionObjective.default : _selectionDoing.default,
-    size: 150
+    size: 68
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: "text-16-normal"
   }, t("ecogesture.emptyList.".concat(objOrDoing, "1").concat(isDone))), /*#__PURE__*/_react.default.createElement("div", {
@@ -809,7 +809,7 @@ exports.default = _default;
 
 exports = module.exports = __webpack_require__("DjJv")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.ec-empty-container {\n  margin-top: 6rem;\n}\n.ec-empty-container .ec-empty-content {\n  color: #e0e0e0;\n  text-align: center;\n  padding: 0 1.5rem;\n  display: flex;\n  gap: 1rem;\n  flex-direction: column;\n  align-items: center;\n  margin: 0 auto;\n}\n@media (min-width: 576px) {\n  .ec-empty-container .ec-empty-content {\n    max-width: 45%;\n  }\n}\n@media (min-width: 1200px) {\n  .ec-empty-container .ec-empty-content {\n    max-width: 35%;\n  }\n}\n.ec-empty-container .ec-empty-content .buttons {\n  display: flex;\n  gap: 1rem;\n  flex-direction: column;\n  width: 100%;\n}", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.ec-empty-container {\n  margin-top: 6rem;\n}\n.ec-empty-container .ec-empty-content {\n  color: #e0e0e0;\n  text-align: center;\n  padding: 0 1.5rem;\n  display: flex;\n  gap: 1rem;\n  flex-direction: column;\n  align-items: center;\n  margin: 0 auto;\n}\n.ec-empty-container .ec-empty-content svg {\n  border-radius: 8px;\n  height: 100px;\n  width: 100px;\n}\n.ec-empty-container .ec-empty-content svg.icon-objective {\n  color: #61b4ff;\n  background-color: #293445;\n}\n.ec-empty-container .ec-empty-content svg.icon-doing {\n  color: #7fd771;\n  background-color: #273823;\n}\n@media (min-width: 576px) {\n  .ec-empty-container .ec-empty-content {\n    max-width: 45%;\n  }\n}\n@media (min-width: 1200px) {\n  .ec-empty-container .ec-empty-content {\n    max-width: 35%;\n  }\n}\n.ec-empty-container .ec-empty-content .buttons {\n  display: flex;\n  gap: 1rem;\n  flex-direction: column;\n  width: 100%;\n}", ""]);
 
 
 
diff --git a/app/ecolyo.71f59c8b46b927c45196.js b/app/ecolyo.ce935968c9283e47f8bc.js
similarity index 99%
rename from app/ecolyo.71f59c8b46b927c45196.js
rename to app/ecolyo.ce935968c9283e47f8bc.js
index a3aab030ad4cc673517de4cc51ff62ac571a70a1..65cf210d979b5638a19f07770b68426e79fc9e41 100644
--- a/app/ecolyo.71f59c8b46b927c45196.js
+++ b/app/ecolyo.ce935968c9283e47f8bc.js
@@ -64,7 +64,7 @@
 /******/
 /******/ 	// script path function
 /******/ 	function jsonpScriptSrc(chunkId) {
-/******/ 		return __webpack_require__.p + "" + ({}[chunkId]||chunkId) + "/ecolyo." + {"3":"e4ac20681720daa0c145","4":"1c383f325a9c793c77bf","5":"c9deb6ecacdd386982b1","6":"7a53d1be448bc2599edd","7":"c82304211cbbeaf20137","8":"24390ef4e6fcbba48a1a","9":"f45e19d3c34ba67e355b","10":"fe3625578fa387c11975","11":"346fcb0fa7b2e3565ad3"}[chunkId] + ".js"
+/******/ 		return __webpack_require__.p + "" + ({}[chunkId]||chunkId) + "/ecolyo." + {"3":"1ca7c2ccf0880ed36fed","4":"1c383f325a9c793c77bf","5":"897f45bf4e7ba26b0d9e","6":"2c733e3bbe9ecba101ec","7":"c82304211cbbeaf20137","8":"24390ef4e6fcbba48a1a","9":"f45e19d3c34ba67e355b","10":"fe3625578fa387c11975","11":"346fcb0fa7b2e3565ad3"}[chunkId] + ".js"
 /******/ 	}
 /******/
 /******/ 	// The require function
@@ -1356,7 +1356,7 @@ var Header = function Header(_ref) {
     className: "".concat(displayBackArrow && desktopTitleKey ? 'header-text-selection' : 'header-text-desktop', " ").concat(screenType === _enums.ScreenType.MOBILE ? 'text-14-normal-uppercase' : 'text-22-bold')
   }, /*#__PURE__*/_react.default.createElement("span", null, t(desktopTitleKey))), /*#__PURE__*/_react.default.createElement(_StyledIconButton.default, {
     icon: _feedback.default,
-    sized: 40,
+    sized: 30,
     onClick: handleClickFeedbacks,
     "aria-label": t('header.accessibility.button_open_feedbacks'),
     className: "header-feedbacks-button"
@@ -4194,7 +4194,7 @@ exports.i(__webpack_require__("/O3k"), "");
 exports.push([module.i, "@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap);", ""]);
 
 // Module
-exports.push([module.i, "/* Cozy UI utilities classes */\n/* Cozy UI React components styles */\n/* App styles */\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\nbody {\n  background: #1b1c21;\n  overflow: unset !important;\n  color: #e0e0e0;\n}\n\n.column {\n  display: flex;\n  flex-direction: column;\n}\n\n.row {\n  display: flex;\n  flex-direction: row;\n}\n\n.cozy-bar {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: 0;\n}\n\n[role=banner] .coz-bar-container {\n  background-color: #ffffff;\n}\n@media only screen and (max-width : 768px) {\n  [role=banner] .coz-bar-container {\n    padding: 0.6rem 0 0 0;\n    background-color: unset;\n  }\n}\n\n.coz-bar-wrapper {\n  box-shadow: unset !important;\n  background: unset !important;\n}\n\n.coz-label {\n  color: #32363f;\n}\n\n.content-view-loading {\n  height: 80vh;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  color: #e0e0e0;\n}\n.content-view-loading .content-view-loading-text {\n  padding-top: 1rem;\n  margin: 0 2rem;\n  text-align: center;\n}\n.content-view-loading .content-view-loading-button {\n  max-width: 50vw;\n  margin-top: 1rem;\n}\n\n[role=main] {\n  /* width */\n  /* Track */\n  /* Handle */\n}\n[role=main]::-webkit-scrollbar {\n  width: 10px;\n}\n[role=main]::-webkit-scrollbar-track {\n  background: #3e4045;\n}\n[role=main]::-webkit-scrollbar-thumb {\n  background: #6f7074;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n* {\n  font-family: Lato, sans-serif;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np {\n  font-family: Lato, sans-serif;\n}\n\n.home-title {\n  font-size: 1rem;\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  line-height: 120%;\n  text-transform: uppercase;\n}\n\n.app-title {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: bold;\n  font-size: 21px;\n  line-height: 24px;\n  text-align: center;\n  letter-spacing: 0.15px;\n  color: #e0e0e0;\n  text-shadow: 0px -1px 0px #060609, 0px 1px 0px rgba(255, 255, 255, 0.07);\n}\n\n.text-10, .text-10-italic, .text-10-bold, .text-10-bold-capitalize, .text-10-bold-uppercase, .text-10-normal, .text-10-normal-150, .text-10-normal-uppercase {\n  font-style: normal;\n  font-size: 0.625rem;\n  line-height: 120%;\n}\n.text-10-normal, .text-10-normal-150, .text-10-normal-uppercase {\n  font-weight: normal;\n}\n.text-10-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-10-normal-150 {\n  line-height: 150%;\n}\n.text-10-bold, .text-10-bold-capitalize, .text-10-bold-uppercase {\n  font-weight: 700;\n}\n.text-10-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-10-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-10-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-12, .text-12-italic, .text-12-bold, .text-12-bold-capitalize, .text-12-bold-uppercase, .text-12-normal, .text-12-normal-150, .text-12-normal-uppercase {\n  font-style: normal;\n  font-size: 0.75rem;\n  line-height: 120%;\n}\n.text-12-normal, .text-12-normal-150, .text-12-normal-uppercase {\n  font-weight: normal;\n}\n.text-12-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-12-normal-150 {\n  line-height: 150%;\n}\n.text-12-bold, .text-12-bold-capitalize, .text-12-bold-uppercase {\n  font-weight: 700;\n}\n.text-12-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-12-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-12-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-13, .text-13-italic, .text-13-bold, .text-13-bold-capitalize, .text-13-bold-uppercase, .text-13-normal, .text-13-normal-150, .text-13-normal-uppercase {\n  font-style: normal;\n  font-size: 0.8125rem;\n  line-height: 120%;\n}\n.text-13-normal, .text-13-normal-150, .text-13-normal-uppercase {\n  font-weight: normal;\n}\n.text-13-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-13-normal-150 {\n  line-height: 150%;\n}\n.text-13-bold, .text-13-bold-capitalize, .text-13-bold-uppercase {\n  font-weight: 700;\n}\n.text-13-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-13-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-13-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-14, .text-14-italic, .text-14-bold, .text-14-bold-capitalize, .text-14-bold-uppercase, .text-14-normal, .text-14-normal-150, .text-14-normal-uppercase {\n  font-style: normal;\n  font-size: 0.875rem;\n  line-height: 120%;\n}\n.text-14-normal, .text-14-normal-150, .text-14-normal-uppercase {\n  font-weight: normal;\n}\n.text-14-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-14-normal-150 {\n  line-height: 150%;\n}\n.text-14-bold, .text-14-bold-capitalize, .text-14-bold-uppercase {\n  font-weight: 700;\n}\n.text-14-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-14-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-14-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-15, .text-15-italic, .text-15-bold, .text-15-bold-capitalize, .text-15-bold-uppercase, .text-15-normal, .text-15-normal-150, .text-15-normal-uppercase {\n  font-style: normal;\n  font-size: 0.938rem;\n  line-height: 120%;\n}\n.text-15-normal, .text-15-normal-150, .text-15-normal-uppercase {\n  font-weight: normal;\n}\n.text-15-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-15-normal-150 {\n  line-height: 150%;\n}\n.text-15-bold, .text-15-bold-capitalize, .text-15-bold-uppercase {\n  font-weight: 700;\n}\n.text-15-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-15-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-15-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-16, .text-16-italic, .text-16-bold, .text-16-bold-capitalize, .text-16-bold-uppercase, .text-16-normal, .text-16-normal-150, .text-16-normal-uppercase {\n  font-style: normal;\n  font-size: 1rem;\n  line-height: 120%;\n}\n.text-16-normal, .text-16-normal-150, .text-16-normal-uppercase {\n  font-weight: normal;\n}\n.text-16-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-16-normal-150 {\n  line-height: 150%;\n}\n.text-16-bold, .text-16-bold-capitalize, .text-16-bold-uppercase {\n  font-weight: 700;\n}\n.text-16-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-16-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-16-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-18, .text-18-italic, .text-18-bold, .text-18-bold-capitalize, .text-18-bold-uppercase, .text-18-normal, .text-18-normal-150, .text-18-normal-uppercase {\n  font-style: normal;\n  font-size: 1.125rem;\n  line-height: 120%;\n}\n.text-18-normal, .text-18-normal-150, .text-18-normal-uppercase {\n  font-weight: normal;\n}\n.text-18-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-18-normal-150 {\n  line-height: 150%;\n}\n.text-18-bold, .text-18-bold-capitalize, .text-18-bold-uppercase {\n  font-weight: 700;\n}\n.text-18-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-18-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-18-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-19, .text-19-italic, .text-19-bold, .text-19-bold-capitalize, .text-19-bold-uppercase, .text-19-normal, .text-19-normal-150, .text-19-normal-uppercase {\n  font-style: normal;\n  font-size: 1.188rem;\n  line-height: 120%;\n}\n.text-19-normal, .text-19-normal-150, .text-19-normal-uppercase {\n  font-weight: normal;\n}\n.text-19-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-19-normal-150 {\n  line-height: 150%;\n}\n.text-19-bold, .text-19-bold-capitalize, .text-19-bold-uppercase {\n  font-weight: 700;\n}\n.text-19-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-19-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-19-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-20, .text-20-italic, .text-20-bold, .text-20-bold-capitalize, .text-20-bold-uppercase, .text-20-normal, .text-20-normal-150, .text-20-normal-uppercase {\n  font-style: normal;\n  font-size: 1.25rem;\n  line-height: 120%;\n}\n.text-20-normal, .text-20-normal-150, .text-20-normal-uppercase {\n  font-weight: normal;\n}\n.text-20-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-20-normal-150 {\n  line-height: 150%;\n}\n.text-20-bold, .text-20-bold-capitalize, .text-20-bold-uppercase {\n  font-weight: 700;\n}\n.text-20-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-20-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-20-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-21, .text-21-italic, .text-21-bold, .text-21-bold-capitalize, .text-21-bold-uppercase, .text-21-normal, .text-21-normal-150, .text-21-normal-uppercase {\n  font-style: normal;\n  font-size: 1.313rem;\n  line-height: 120%;\n}\n.text-21-normal, .text-21-normal-150, .text-21-normal-uppercase {\n  font-weight: normal;\n}\n.text-21-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-21-normal-150 {\n  line-height: 150%;\n}\n.text-21-bold, .text-21-bold-capitalize, .text-21-bold-uppercase {\n  font-weight: 700;\n}\n.text-21-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-21-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-21-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-22, .text-22-italic, .text-22-bold, .text-22-bold-capitalize, .text-22-bold-uppercase, .text-22-normal, .text-22-normal-150, .text-22-normal-uppercase {\n  font-style: normal;\n  font-size: 1.375rem;\n  line-height: 120%;\n}\n.text-22-normal, .text-22-normal-150, .text-22-normal-uppercase {\n  font-weight: normal;\n}\n.text-22-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-22-normal-150 {\n  line-height: 150%;\n}\n.text-22-bold, .text-22-bold-capitalize, .text-22-bold-uppercase {\n  font-weight: 700;\n}\n.text-22-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-22-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-22-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-24, .text-24-italic, .text-24-bold, .text-24-bold-capitalize, .text-24-bold-uppercase, .text-24-normal, .text-24-normal-150, .text-24-normal-uppercase {\n  font-style: normal;\n  font-size: 1.5rem;\n  line-height: 120%;\n}\n.text-24-normal, .text-24-normal-150, .text-24-normal-uppercase {\n  font-weight: normal;\n}\n.text-24-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-24-normal-150 {\n  line-height: 150%;\n}\n.text-24-bold, .text-24-bold-capitalize, .text-24-bold-uppercase {\n  font-weight: 700;\n}\n.text-24-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-24-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-24-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-26, .text-26-italic, .text-26-bold, .text-26-bold-capitalize, .text-26-bold-uppercase, .text-26-normal, .text-26-normal-150, .text-26-normal-uppercase {\n  font-style: normal;\n  font-size: 1.625rem;\n  line-height: 120%;\n}\n.text-26-normal, .text-26-normal-150, .text-26-normal-uppercase {\n  font-weight: normal;\n}\n.text-26-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-26-normal-150 {\n  line-height: 150%;\n}\n.text-26-bold, .text-26-bold-capitalize, .text-26-bold-uppercase {\n  font-weight: 700;\n}\n.text-26-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-26-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-26-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-28, .text-28-italic, .text-28-bold, .text-28-bold-capitalize, .text-28-bold-uppercase, .text-28-normal, .text-28-normal-150, .text-28-normal-uppercase {\n  font-style: normal;\n  font-size: 1.75rem;\n  line-height: 120%;\n}\n.text-28-normal, .text-28-normal-150, .text-28-normal-uppercase {\n  font-weight: normal;\n}\n.text-28-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-28-normal-150 {\n  line-height: 150%;\n}\n.text-28-bold, .text-28-bold-capitalize, .text-28-bold-uppercase {\n  font-weight: 700;\n}\n.text-28-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-28-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-28-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-36, .text-36-italic, .text-36-bold, .text-36-bold-capitalize, .text-36-bold-uppercase, .text-36-normal, .text-36-normal-150, .text-36-normal-uppercase {\n  font-style: normal;\n  font-size: 2.25rem;\n  line-height: 120%;\n}\n.text-36-normal, .text-36-normal-150, .text-36-normal-uppercase {\n  font-weight: normal;\n}\n.text-36-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-36-normal-150 {\n  line-height: 150%;\n}\n.text-36-bold, .text-36-bold-capitalize, .text-36-bold-uppercase {\n  font-weight: 700;\n}\n.text-36-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-36-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-36-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n/* Card */\n.card-title-on {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 1.125rem;\n  line-height: 120%;\n  color: #e0e0e0;\n}\n\n.card-text-bold {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: bold;\n  font-size: 1rem;\n  line-height: 120%;\n  color: #e0e0e0;\n}\n\n.card-indicator {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 1rem;\n  line-height: 120%;\n  color: #e0e0e0;\n}\n\n.card-text {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 1rem;\n  line-height: 120%;\n  color: #e0e0e0;\n}\n\n/* Chart */\n.chart-ticks-x-text {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 1rem;\n  line-height: 120%;\n}\n@media only screen and (max-width : 768px) {\n  .chart-ticks-x-text {\n    font-size: 0.685rem;\n  }\n}\n\n.chart-ticks-y-text {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 0.9rem;\n  line-height: 120%;\n}\n@media only screen and (max-width : 768px) {\n  .chart-ticks-y-text {\n    font-size: 0.75rem;\n  }\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.axis {\n  color: #7b7b7b;\n}\n.axis .tick-text {\n  fill: #7b7b7b;\n}\n.axis .tick-text.tick-text-selected {\n  fill: #e0e0e0;\n}\n.axis .separator {\n  text-align: center;\n  margin: 0 2px;\n  font-size: 1rem !important;\n}\n\n.value-text {\n  fill: #7b7b7b;\n}\n.value-text.selected {\n  fill: #e0e0e0;\n}\n\n.barContainer.disabled *,\n.barFill.disabled * {\n  cursor: default !important;\n}\n.barContainer:hover,\n.barFill:hover {\n  cursor: pointer;\n}\n\n.background-true {\n  opacity: 0.1;\n}\n.background-true:hover {\n  cursor: pointer;\n}\n\n.background-false {\n  opacity: 0;\n}\n\n.bar-compare-ELECTRICITY:hover,\n.bar-compare-GAS:hover,\n.bar-compare-WATER:hover,\n.bar-compare-MULTIFLUID:hover,\n.bar-MULTIFLUID:hover,\n.bar-WATER:hover,\n.bar-GAS:hover,\n.bar-ELECTRICITY:hover {\n  cursor: pointer;\n}\n.bar-compare-ELECTRICITY:hover.disabled,\n.bar-compare-GAS:hover.disabled,\n.bar-compare-WATER:hover.disabled,\n.bar-compare-MULTIFLUID:hover.disabled,\n.bar-MULTIFLUID:hover.disabled,\n.bar-WATER:hover.disabled,\n.bar-GAS:hover.disabled,\n.bar-ELECTRICITY:hover.disabled {\n  cursor: default;\n}\n\n.bar-ELECTRICITY {\n  fill: #5d3d2a;\n}\n.bar-ELECTRICITY.selected {\n  fill: #d87b39;\n  filter: drop-shadow(0 -0.1rem 0.2rem #d87b39);\n}\n\n.bar-compare-ELECTRICITY {\n  fill: #795c47;\n}\n.bar-compare-ELECTRICITY.selected {\n  fill: #e2bca1;\n  filter: drop-shadow(0 -0.1rem 0.2rem #e2bca1);\n}\n\n.bar-WATER {\n  fill: #20415e;\n}\n.bar-WATER.selected {\n  fill: #3a98ec;\n  filter: drop-shadow(0 -0.1rem 0.2rem #3a98ec);\n}\n\n.bar-compare-WATER {\n  fill: #4d5c6e;\n}\n.bar-compare-WATER.selected {\n  fill: #abd4fa;\n  filter: drop-shadow(0 -0.1rem 0.2rem #abd4fa);\n}\n\n.bar-GAS {\n  fill: #184940;\n}\n.bar-GAS.selected {\n  fill: #45d1b8;\n  filter: drop-shadow(0 -0.1rem 0.2rem #45d1b8);\n}\n\n.bar-compare-GAS {\n  fill: #597773;\n}\n.bar-compare-GAS.selected {\n  fill: #a8f7e9;\n  filter: drop-shadow(0 -0.1rem 0.2rem #a8f7e9);\n}\n\n.bar-MULTIFLUID {\n  fill: #705d1d;\n}\n.bar-MULTIFLUID.selected {\n  fill: #e3b82a;\n  filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a);\n}\n.bar-MULTIFLUID.disabled:hover {\n  cursor: default;\n}\n\n.bar-duel {\n  fill: #61f0f2;\n}\n.bar-duel.selected {\n  fill: #61f0f2;\n  filter: drop-shadow(0 -0.1rem 0.2rem #61f0f2);\n}\n.bar-duel.disabled:hover {\n  cursor: default;\n}\n\n.bar-UPCOMING {\n  fill: #7b7b7b;\n  opacity: 0.6;\n}\n.bar-UPCOMING.selected {\n  fill: #7b7b7b;\n}\n.bar-UPCOMING.disabled:hover {\n  cursor: default;\n}\n\n.bar-compare-MULTIFLUID {\n  fill: #7d6a4e;\n}\n.bar-compare-MULTIFLUID.selected {\n  fill: #ffd597;\n  filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a);\n}\n\n.bar-average {\n  stroke-width: 2;\n  stroke: #e3b82a;\n}\n\n.week {\n  fill: #e2bca1;\n}\n.week.selected {\n  fill: #e2bca1;\n  filter: drop-shadow(0 -0.1rem 0.2rem #e2bca1);\n}\n\n.weekend {\n  fill: #ffd597;\n}\n.weekend.selected {\n  fill: #ffd597;\n  filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a);\n}\n\n.barValue {\n  outline: none;\n}\n.barValue:focus-visible {\n  outline: 2px solid #1b8bff;\n  outline-offset: 2px;\n}\n\n/** Animation **/\n.bounce-1 {\n  animation-name: bounce-1;\n  animation-timing-function: cubic-bezier(1, 1, 0.42, 1);\n  animation-iteration-count: 1;\n  transform-origin: bottom center;\n  transform-box: fill-box;\n}\n\n@keyframes bounce-1 {\n  0% {\n    transform: scale(0.1, 0.1);\n  }\n  28% {\n    transform: scale(0.1, 1.1);\n  }\n  45% {\n    transform: scale(0.8, 0.95);\n  }\n  55% {\n    transform: scale(1, 1);\n  }\n  65% {\n    transform: scale(1, 0.98);\n  }\n  75% {\n    transform: scale(1, 1);\n  }\n}\n.bounce-2 {\n  animation-name: bounce-2;\n  animation-timing-function: cubic-bezier(1, 1, 0.42, 1);\n  animation-iteration-count: 1;\n  transform-origin: bottom center;\n  transform-box: fill-box;\n}\n\n@keyframes bounce-2 {\n  0% {\n    transform: scale(1, 1);\n  }\n  28% {\n    transform: scale(1, 1.1);\n  }\n  45% {\n    transform: scale(0.8, 0.95);\n  }\n  55% {\n    transform: scale(1, 1);\n  }\n  65% {\n    transform: scale(1, 0.98);\n  }\n  75% {\n    transform: scale(1, 1);\n  }\n}\n/** Animation delay **/\n.delay {\n  animation-duration: 0.4s;\n}\n\n.delay--0 {\n  animation-duration: 0.4s;\n}\n\n.delay--1 {\n  animation-duration: 0.48s;\n}\n\n.delay--2 {\n  animation-duration: 0.56s;\n}\n\n.delay--3 {\n  animation-duration: 0.64s;\n}\n\n.delay--4 {\n  animation-duration: 0.72s;\n}\n\n.delay--5 {\n  animation-duration: 0.8s;\n}\n\n.delay--6 {\n  animation-duration: 0.88s;\n}\n\n.delay--7 {\n  animation-duration: 0.96s;\n}\n\n.delay--8 {\n  animation-duration: 1.04s;\n}\n\n.delay--9 {\n  animation-duration: 1.12s;\n}\n\n.delay--10 {\n  animation-duration: 1.2s;\n}\n\n.delay--11 {\n  animation-duration: 1.28s;\n}\n\n.delay--12 {\n  animation-duration: 1.36s;\n}\n\n.delay--13 {\n  animation-duration: 1.44s;\n}\n\n.delay--14 {\n  animation-duration: 1.52s;\n}\n\n.delay--15 {\n  animation-duration: 1.6s;\n}\n\n.delay--16 {\n  animation-duration: 1.68s;\n}\n\n.delay--17 {\n  animation-duration: 1.76s;\n}\n\n.delay--18 {\n  animation-duration: 1.84s;\n}\n\n.delay--19 {\n  animation-duration: 1.92s;\n}\n\n.delay--20 {\n  animation-duration: 2s;\n}\n\n.delay--21 {\n  animation-duration: 2.08s;\n}\n\n.delay--22 {\n  animation-duration: 2.16s;\n}\n\n.delay--23 {\n  animation-duration: 2.24s;\n}\n\n.delay--24 {\n  animation-duration: 2.32s;\n}\n\n.delay--25 {\n  animation-duration: 2.4s;\n}\n\n.delay--26 {\n  animation-duration: 2.48s;\n}\n\n.delay--27 {\n  animation-duration: 2.56s;\n}\n\n.delay--28 {\n  animation-duration: 2.64s;\n}\n\n.delay--29 {\n  animation-duration: 2.72s;\n}\n\n.delay--30 {\n  animation-duration: 2.8s;\n}\n\n.delay--31 {\n  animation-duration: 2.88s;\n}\n\n.delay--32 {\n  animation-duration: 2.96s;\n}\n\n.delay--33 {\n  animation-duration: 3.04s;\n}\n\n.delay--34 {\n  animation-duration: 3.12s;\n}\n\n.delay--35 {\n  animation-duration: 3.2s;\n}\n\n.delay--36 {\n  animation-duration: 3.28s;\n}\n\n.delay--37 {\n  animation-duration: 3.36s;\n}\n\n.delay--38 {\n  animation-duration: 3.44s;\n}\n\n.delay--39 {\n  animation-duration: 3.52s;\n}\n\n.delay--40 {\n  animation-duration: 3.6s;\n}\n\n.delay--41 {\n  animation-duration: 3.68s;\n}\n\n.delay--42 {\n  animation-duration: 3.76s;\n}\n\n.delay--43 {\n  animation-duration: 3.84s;\n}\n\n.delay--44 {\n  animation-duration: 3.92s;\n}\n\n.delay--45 {\n  animation-duration: 4s;\n}\n\n.delay--46 {\n  animation-duration: 4.08s;\n}\n\n.delay--47 {\n  animation-duration: 4.16s;\n}\n\n.delay--48 {\n  animation-duration: 4.24s;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\nbutton span {\n  font-size: 1rem;\n  font-weight: 700;\n}\nbutton:focus-visible {\n  outline: 2px solid #1b8bff;\n  outline-offset: 2px;\n}\nbutton.btnPrimary {\n  background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017;\n  border: 1px solid;\n  border-color: transparent;\n  border-radius: 4px;\n  width: 100%;\n  text-transform: initial;\n  transition: all 150ms ease-in-out;\n}\nbutton.btnPrimary span:first-child {\n  color: #121212;\n}\nbutton.btnPrimary:hover, button.btnPrimary:focus, button.btnPrimary.active, button.btnPrimary:disabled {\n  background-color: #b89318;\n}\nbutton.btnPrimary:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\nbutton.btnSecondary {\n  background: transparent;\n  border: 1px solid;\n  border-color: #e0e0e0;\n  border-radius: 4px;\n  width: 100%;\n  text-transform: initial;\n  transition: all 150ms ease-in-out;\n}\nbutton.btnSecondary span:first-child {\n  color: #e0e0e0;\n}\nbutton.btnSecondary:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\nbutton.btnText span {\n  text-decoration: underline;\n  text-transform: none;\n  font-weight: 400;\n}\nbutton.btnIncrement {\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  border: 1px solid;\n  border-color: transparent;\n  border-radius: 4px;\n  width: 100%;\n  text-transform: initial;\n  transition: all 150ms ease-in-out;\n  min-width: 40px;\n  width: 40px;\n  height: 40px;\n  border-radius: 4px;\n  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.55);\n}\nbutton.btnIncrement span:first-child {\n  color: #ffffff;\n}\nbutton.btnIncrement:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\nbutton.btnTab {\n  background: transparent;\n  border: 1px solid;\n  border-color: transparent;\n  border-radius: 4px;\n  width: 100%;\n  text-transform: initial;\n  transition: all 150ms ease-in-out;\n  text-transform: none;\n  border-radius: 43px !important;\n  height: 25px;\n  padding: 4px;\n}\nbutton.btnTab span:first-child {\n  color: #e0e0e0;\n}\nbutton.btnTab:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\nbutton.btnTab span {\n  font-weight: 400;\n  line-height: normal;\n}\nbutton.btnTab.active {\n  background: rgba(255, 255, 255, 0.1);\n}\nbutton.btnTab.active span {\n  font-weight: 700;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\ninput.inputText,\ninput.inputNumber {\n  box-sizing: border-box;\n  border: 1px solid #7b7b7b;\n  background: transparent;\n  transition: all 300ms ease;\n  color: #e0e0e0;\n}\n\ninput.inputText {\n  appearance: none;\n  border-radius: 4px;\n  height: 45px;\n  width: 100%;\n  max-width: 280px;\n  padding: 0 0.5rem;\n}\n\ninput.inputNumber {\n  border-radius: 2px;\n  height: 40px;\n  width: 60px;\n  max-width: 5rem;\n  text-align: center;\n}\n\ninput:focus-visible {\n  outline: 2px solid #1b8bff;\n  outline-offset: 2px;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.card {\n  background-color: #23252d;\n  border: 1px solid #2f3139;\n  box-sizing: border-box;\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.75);\n  border-radius: 4px;\n  padding: 16px;\n}\n.card:hover {\n  opacity: 0.9;\n}\n.card.rich-card {\n  padding: 16px;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\ndiv.modal-root .MuiBackdrop-root {\n  background-color: hsla(231deg, 11%, 12%, 0.85);\n}\n\ndiv.modal-paper {\n  background: #23252d;\n  width: 36rem;\n  max-width: 100%;\n  max-height: 90vh;\n  padding: 2rem;\n  box-sizing: border-box;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  border-radius: 4px;\n  margin: 0 0 0 13.75rem;\n  align-items: center;\n  color: #ffffff;\n}\n@media only screen and (max-width : 1023px) {\n  div.modal-paper {\n    width: 35rem;\n    margin: 0;\n  }\n}\n@media only screen and (max-width : 768px) {\n  div.modal-paper {\n    padding: 1rem 1rem 1.5rem;\n    width: 85%;\n    max-width: 35rem;\n    margin: 0;\n  }\n}\ndiv.modal-paper.no-padding {\n  padding: 0;\n}\ndiv.modal-paper.yellow-border {\n  border: 1px solid rgba(227, 184, 42, 0.4);\n}\ndiv.modal-paper .modal-paper-close-button {\n  position: absolute;\n  top: 0.5rem;\n  right: 0.5rem;\n  padding: 5px 5px;\n  z-index: 10;\n}\n\ndiv.modal-paper-full-screen {\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  width: 100%;\n  max-width: 100%;\n  height: 100%;\n  max-height: 100%;\n  padding: 0;\n  margin: 0;\n  box-sizing: border-box;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  border-radius: 4px;\n  color: #ffffff;\n  display: flex;\n  align-items: center;\n}\ndiv.modal-paper-full-screen.dark-background {\n  background: #121212;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\ndiv.expansion-panel-root {\n  margin-bottom: 1rem;\n  color: #e0e0e0;\n  background-color: #23252d;\n  border: 1px solid #2f3139;\n  border-radius: 4px;\n  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);\n  transition: background-color 0.6s ease;\n  box-sizing: border-box;\n}\ndiv.expansion-panel-root.Mui-expanded:first-child {\n  margin: 1.2rem 0;\n}\ndiv.expansion-panel-root.Mui-expanded:last-child {\n  margin: 1.2rem 0;\n}\ndiv.expansion-panel-root.red-border {\n  border: 1px solid #d25959;\n}\n\ndiv.expansion-panel-summary {\n  padding: 0.25rem 1rem;\n  min-height: 4rem;\n}\ndiv.expansion-panel-summary.Mui-focused {\n  border-radius: 4px;\n  background-color: unset;\n  box-shadow: 0 0 0 1px #e0e0e0;\n}\ndiv.expansion-panel-summary:focus-visible {\n  outline: 2px solid #1b8bff;\n  outline-offset: 2px;\n}\ndiv.expansion-panel-summary.Mui-expanded {\n  min-height: 4rem;\n}\ndiv.expansion-panel-summary.Mui-expanded.small {\n  min-height: 3rem;\n}\ndiv.expansion-panel-summary.small {\n  padding: 0 1.2rem;\n  min-height: 3rem;\n}\ndiv.expansion-panel-summary.bold-text {\n  font-weight: bold;\n}\n\ndiv.expansion-panel-content {\n  display: flex;\n  align-items: center;\n}\ndiv.expansion-panel-content.Mui-expanded {\n  margin: 0.75rem 0;\n}\n\ndiv.expansion-panel-details {\n  padding: 0 1.2rem 1.2rem;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\na {\n  color: #deaf0e;\n}\na:visited {\n  color: #deaf0e;\n}\n\na:focus {\n  outline: none;\n  box-shadow: inset 0 0 0 1px #e0e0e0;\n}\na:focus > div:first-child {\n  box-shadow: 0 0 0 1px #e0e0e0;\n}\n\na:focus-visible {\n  outline: 2px solid #1b8bff;\n  outline-offset: 2px;\n}\n\na.MuiLink-underlineHover:hover {\n  text-decoration: none;\n}\n\na.MuiTypography-colorPrimary {\n  color: #e0e0e0;\n}\n\n:root {\n  white-space: pre-line;\n  --blue: #58ffff;\n  --blue40: rgba(88, 255, 255, 0.2509803922);\n  --blueBackground: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(1, 153, 163, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #58ffff;\n  --blueRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(1, 153, 163, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #58ffff;\n  --blueRadialGradientTrans: radial-gradient(circle, #58ffff 0%, rgba(255, 255, 255, 0) 100%);\n  --elecColor: #d87b39;\n  --elecColor40: rgba(216, 123, 57, 0.4);\n  --elecCompareColor: #e2bca1;\n  --gasColor: #45d1b8;\n  --gasColor40: rgba(69, 209, 184, 0.4);\n  --gasCompareColor: #a8f7e9;\n  --waterColor: #3a98ec;\n  --waterColor40: rgba(58, 152, 236, 0.4);\n  --waterCompareColor: #abd4fa;\n  --multiColor: #e3b82a;\n  --multiCompareColor: #ffd597;\n  --redPrimary: #d25959;\n  --greyBright: #e0e0e0;\n  --greyDark: #7b7b7b;\n  --textWhite: #ffffff;\n  --softGrey: #a0a0a0;\n  --darkLight: #25262b;\n  --darkLight2: #121212;\n  --textFont: Lato, sans-serif;\n  --greyLinearGradientBackground: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  --multiColorRadialGradientTrans: radial-gradient(circle, #e3b82a 0%, rgba(255, 255, 255, 0) 100%);\n  --elecColorRadialGradientTrans: radial-gradient(circle, #d87b39 0%, rgba(255, 255, 255, 0) 100%);\n  --waterColorRadialGradientTrans: radial-gradient(circle, #3a98ec 0%, rgba(255, 255, 255, 0) 100%);\n  --gasColorRadialGradientTrans: radial-gradient(circle, #e3b82a 0%, rgba(255, 255, 255, 0) 100%);\n  --multiColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017;\n  --elecColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(158, 67, 2, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #d87b39;\n  --gasColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(4, 106, 88, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #45d1b8;\n  --waterColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(2, 93, 174, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #3a98ec;\n  --grey-0: #1b1c21;\n  --grey-1: #23252d;\n  --grey-2: #2f3139;\n  --paperBackgroundColor: $dark-2;\n  --primaryTextColor: $grey-bright;\n}\n\n.application {\n  overflow-x: hidden;\n}\n\n.accordion-icon {\n  color: #ffffff;\n}\n\n.loaderContainer {\n  height: 80vh;\n  display: flex;\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  background-color: transparent;\n}\n\n.makeStyles-fab-1 {\n  top: 12px;\n  left: 3rem !important;\n  width: 36px !important;\n  height: 36px !important;\n  background-color: #7b7b7b !important;\n}\n\ninput:-webkit-autofill,\ninput:-webkit-autofill:hover,\ninput:-webkit-autofill:focus,\ninput:-webkit-autofill:active {\n  -webkit-box-shadow: 0 0 0 30px #1b1c22 inset !important;\n}", ""]);
+exports.push([module.i, "/* Cozy UI utilities classes */\n/* Cozy UI React components styles */\n/* App styles */\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\nbody {\n  background: #1b1c21;\n  overflow: unset !important;\n  color: #e0e0e0;\n}\n\n.column {\n  display: flex;\n  flex-direction: column;\n}\n\n.row {\n  display: flex;\n  flex-direction: row;\n}\n\n.cozy-bar {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: 0;\n}\n\n[role=banner] .coz-bar-container {\n  background-color: #ffffff;\n}\n@media only screen and (max-width : 768px) {\n  [role=banner] .coz-bar-container {\n    padding: 0.6rem 0 0 0;\n    background-color: unset;\n  }\n}\n\n.coz-bar-wrapper {\n  box-shadow: unset !important;\n  background: unset !important;\n}\n\n.coz-label {\n  color: #32363f;\n}\n\n.content-view-loading {\n  height: 80vh;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  color: #e0e0e0;\n}\n.content-view-loading .content-view-loading-text {\n  padding-top: 1rem;\n  margin: 0 2rem;\n  text-align: center;\n}\n.content-view-loading .content-view-loading-button {\n  max-width: 50vw;\n  margin-top: 1rem;\n}\n\n[role=main] {\n  /* width */\n  /* Track */\n  /* Handle */\n}\n[role=main]::-webkit-scrollbar {\n  width: 10px;\n}\n[role=main]::-webkit-scrollbar-track {\n  background: #3e4045;\n}\n[role=main]::-webkit-scrollbar-thumb {\n  background: #6f7074;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n* {\n  font-family: Lato, sans-serif;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np {\n  font-family: Lato, sans-serif;\n}\n\n.home-title {\n  font-size: 1rem;\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  line-height: 120%;\n  text-transform: uppercase;\n}\n\n.app-title {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: bold;\n  font-size: 21px;\n  line-height: 24px;\n  text-align: center;\n  letter-spacing: 0.15px;\n  color: #e0e0e0;\n  text-shadow: 0px -1px 0px #060609, 0px 1px 0px rgba(255, 255, 255, 0.07);\n}\n\n.text-10, .text-10-italic, .text-10-bold, .text-10-bold-capitalize, .text-10-bold-uppercase, .text-10-normal, .text-10-normal-150, .text-10-normal-uppercase {\n  font-style: normal;\n  font-size: 0.625rem;\n  line-height: 120%;\n}\n.text-10-normal, .text-10-normal-150, .text-10-normal-uppercase {\n  font-weight: normal;\n}\n.text-10-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-10-normal-150 {\n  line-height: 150%;\n}\n.text-10-bold, .text-10-bold-capitalize, .text-10-bold-uppercase {\n  font-weight: 700;\n}\n.text-10-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-10-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-10-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-12, .text-12-italic, .text-12-bold, .text-12-bold-capitalize, .text-12-bold-uppercase, .text-12-normal, .text-12-normal-150, .text-12-normal-uppercase {\n  font-style: normal;\n  font-size: 0.75rem;\n  line-height: 120%;\n}\n.text-12-normal, .text-12-normal-150, .text-12-normal-uppercase {\n  font-weight: normal;\n}\n.text-12-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-12-normal-150 {\n  line-height: 150%;\n}\n.text-12-bold, .text-12-bold-capitalize, .text-12-bold-uppercase {\n  font-weight: 700;\n}\n.text-12-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-12-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-12-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-13, .text-13-italic, .text-13-bold, .text-13-bold-capitalize, .text-13-bold-uppercase, .text-13-normal, .text-13-normal-150, .text-13-normal-uppercase {\n  font-style: normal;\n  font-size: 0.8125rem;\n  line-height: 120%;\n}\n.text-13-normal, .text-13-normal-150, .text-13-normal-uppercase {\n  font-weight: normal;\n}\n.text-13-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-13-normal-150 {\n  line-height: 150%;\n}\n.text-13-bold, .text-13-bold-capitalize, .text-13-bold-uppercase {\n  font-weight: 700;\n}\n.text-13-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-13-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-13-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-14, .text-14-italic, .text-14-bold, .text-14-bold-capitalize, .text-14-bold-uppercase, .text-14-normal, .text-14-normal-150, .text-14-normal-uppercase {\n  font-style: normal;\n  font-size: 0.875rem;\n  line-height: 120%;\n}\n.text-14-normal, .text-14-normal-150, .text-14-normal-uppercase {\n  font-weight: normal;\n}\n.text-14-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-14-normal-150 {\n  line-height: 150%;\n}\n.text-14-bold, .text-14-bold-capitalize, .text-14-bold-uppercase {\n  font-weight: 700;\n}\n.text-14-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-14-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-14-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-15, .text-15-italic, .text-15-bold, .text-15-bold-capitalize, .text-15-bold-uppercase, .text-15-normal, .text-15-normal-150, .text-15-normal-uppercase {\n  font-style: normal;\n  font-size: 0.938rem;\n  line-height: 120%;\n}\n.text-15-normal, .text-15-normal-150, .text-15-normal-uppercase {\n  font-weight: normal;\n}\n.text-15-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-15-normal-150 {\n  line-height: 150%;\n}\n.text-15-bold, .text-15-bold-capitalize, .text-15-bold-uppercase {\n  font-weight: 700;\n}\n.text-15-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-15-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-15-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-16, .text-16-italic, .text-16-bold, .text-16-bold-capitalize, .text-16-bold-uppercase, .text-16-normal, .text-16-normal-150, .text-16-normal-uppercase {\n  font-style: normal;\n  font-size: 1rem;\n  line-height: 120%;\n}\n.text-16-normal, .text-16-normal-150, .text-16-normal-uppercase {\n  font-weight: normal;\n}\n.text-16-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-16-normal-150 {\n  line-height: 150%;\n}\n.text-16-bold, .text-16-bold-capitalize, .text-16-bold-uppercase {\n  font-weight: 700;\n}\n.text-16-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-16-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-16-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-18, .text-18-italic, .text-18-bold, .text-18-bold-capitalize, .text-18-bold-uppercase, .text-18-normal, .text-18-normal-150, .text-18-normal-uppercase {\n  font-style: normal;\n  font-size: 1.125rem;\n  line-height: 120%;\n}\n.text-18-normal, .text-18-normal-150, .text-18-normal-uppercase {\n  font-weight: normal;\n}\n.text-18-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-18-normal-150 {\n  line-height: 150%;\n}\n.text-18-bold, .text-18-bold-capitalize, .text-18-bold-uppercase {\n  font-weight: 700;\n}\n.text-18-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-18-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-18-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-19, .text-19-italic, .text-19-bold, .text-19-bold-capitalize, .text-19-bold-uppercase, .text-19-normal, .text-19-normal-150, .text-19-normal-uppercase {\n  font-style: normal;\n  font-size: 1.188rem;\n  line-height: 120%;\n}\n.text-19-normal, .text-19-normal-150, .text-19-normal-uppercase {\n  font-weight: normal;\n}\n.text-19-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-19-normal-150 {\n  line-height: 150%;\n}\n.text-19-bold, .text-19-bold-capitalize, .text-19-bold-uppercase {\n  font-weight: 700;\n}\n.text-19-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-19-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-19-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-20, .text-20-italic, .text-20-bold, .text-20-bold-capitalize, .text-20-bold-uppercase, .text-20-normal, .text-20-normal-150, .text-20-normal-uppercase {\n  font-style: normal;\n  font-size: 1.25rem;\n  line-height: 120%;\n}\n.text-20-normal, .text-20-normal-150, .text-20-normal-uppercase {\n  font-weight: normal;\n}\n.text-20-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-20-normal-150 {\n  line-height: 150%;\n}\n.text-20-bold, .text-20-bold-capitalize, .text-20-bold-uppercase {\n  font-weight: 700;\n}\n.text-20-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-20-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-20-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-21, .text-21-italic, .text-21-bold, .text-21-bold-capitalize, .text-21-bold-uppercase, .text-21-normal, .text-21-normal-150, .text-21-normal-uppercase {\n  font-style: normal;\n  font-size: 1.313rem;\n  line-height: 120%;\n}\n.text-21-normal, .text-21-normal-150, .text-21-normal-uppercase {\n  font-weight: normal;\n}\n.text-21-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-21-normal-150 {\n  line-height: 150%;\n}\n.text-21-bold, .text-21-bold-capitalize, .text-21-bold-uppercase {\n  font-weight: 700;\n}\n.text-21-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-21-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-21-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-22, .text-22-italic, .text-22-bold, .text-22-bold-capitalize, .text-22-bold-uppercase, .text-22-normal, .text-22-normal-150, .text-22-normal-uppercase {\n  font-style: normal;\n  font-size: 1.375rem;\n  line-height: 120%;\n}\n.text-22-normal, .text-22-normal-150, .text-22-normal-uppercase {\n  font-weight: normal;\n}\n.text-22-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-22-normal-150 {\n  line-height: 150%;\n}\n.text-22-bold, .text-22-bold-capitalize, .text-22-bold-uppercase {\n  font-weight: 700;\n}\n.text-22-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-22-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-22-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-24, .text-24-italic, .text-24-bold, .text-24-bold-capitalize, .text-24-bold-uppercase, .text-24-normal, .text-24-normal-150, .text-24-normal-uppercase {\n  font-style: normal;\n  font-size: 1.5rem;\n  line-height: 120%;\n}\n.text-24-normal, .text-24-normal-150, .text-24-normal-uppercase {\n  font-weight: normal;\n}\n.text-24-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-24-normal-150 {\n  line-height: 150%;\n}\n.text-24-bold, .text-24-bold-capitalize, .text-24-bold-uppercase {\n  font-weight: 700;\n}\n.text-24-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-24-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-24-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-26, .text-26-italic, .text-26-bold, .text-26-bold-capitalize, .text-26-bold-uppercase, .text-26-normal, .text-26-normal-150, .text-26-normal-uppercase {\n  font-style: normal;\n  font-size: 1.625rem;\n  line-height: 120%;\n}\n.text-26-normal, .text-26-normal-150, .text-26-normal-uppercase {\n  font-weight: normal;\n}\n.text-26-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-26-normal-150 {\n  line-height: 150%;\n}\n.text-26-bold, .text-26-bold-capitalize, .text-26-bold-uppercase {\n  font-weight: 700;\n}\n.text-26-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-26-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-26-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-28, .text-28-italic, .text-28-bold, .text-28-bold-capitalize, .text-28-bold-uppercase, .text-28-normal, .text-28-normal-150, .text-28-normal-uppercase {\n  font-style: normal;\n  font-size: 1.75rem;\n  line-height: 120%;\n}\n.text-28-normal, .text-28-normal-150, .text-28-normal-uppercase {\n  font-weight: normal;\n}\n.text-28-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-28-normal-150 {\n  line-height: 150%;\n}\n.text-28-bold, .text-28-bold-capitalize, .text-28-bold-uppercase {\n  font-weight: 700;\n}\n.text-28-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-28-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-28-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-36, .text-36-italic, .text-36-bold, .text-36-bold-capitalize, .text-36-bold-uppercase, .text-36-normal, .text-36-normal-150, .text-36-normal-uppercase {\n  font-style: normal;\n  font-size: 2.25rem;\n  line-height: 120%;\n}\n.text-36-normal, .text-36-normal-150, .text-36-normal-uppercase {\n  font-weight: normal;\n}\n.text-36-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-36-normal-150 {\n  line-height: 150%;\n}\n.text-36-bold, .text-36-bold-capitalize, .text-36-bold-uppercase {\n  font-weight: 700;\n}\n.text-36-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-36-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-36-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n/* Card */\n.card-title-on {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 1.125rem;\n  line-height: 120%;\n  color: #e0e0e0;\n}\n\n.card-text-bold {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: bold;\n  font-size: 1rem;\n  line-height: 120%;\n  color: #e0e0e0;\n}\n\n.card-indicator {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 1rem;\n  line-height: 120%;\n  color: #e0e0e0;\n}\n\n.card-text {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 1rem;\n  line-height: 120%;\n  color: #e0e0e0;\n}\n\n/* Chart */\n.chart-ticks-x-text {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 1rem;\n  line-height: 120%;\n}\n@media only screen and (max-width : 768px) {\n  .chart-ticks-x-text {\n    font-size: 0.685rem;\n  }\n}\n\n.chart-ticks-y-text {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 0.9rem;\n  line-height: 120%;\n}\n@media only screen and (max-width : 768px) {\n  .chart-ticks-y-text {\n    font-size: 0.75rem;\n  }\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.axis {\n  color: #7b7b7b;\n}\n.axis .tick-text {\n  fill: #7b7b7b;\n}\n.axis .tick-text.tick-text-selected {\n  fill: #e0e0e0;\n}\n.axis .separator {\n  text-align: center;\n  margin: 0 2px;\n  font-size: 1rem !important;\n}\n\n.value-text {\n  fill: #7b7b7b;\n}\n.value-text.selected {\n  fill: #e0e0e0;\n}\n\n.barContainer.disabled *,\n.barFill.disabled * {\n  cursor: default !important;\n}\n.barContainer:hover,\n.barFill:hover {\n  cursor: pointer;\n}\n\n.background-true {\n  opacity: 0.1;\n}\n.background-true:hover {\n  cursor: pointer;\n}\n\n.background-false {\n  opacity: 0;\n}\n\n.bar-compare-ELECTRICITY:hover,\n.bar-compare-GAS:hover,\n.bar-compare-WATER:hover,\n.bar-compare-MULTIFLUID:hover,\n.bar-MULTIFLUID:hover,\n.bar-WATER:hover,\n.bar-GAS:hover,\n.bar-ELECTRICITY:hover {\n  cursor: pointer;\n}\n.bar-compare-ELECTRICITY:hover.disabled,\n.bar-compare-GAS:hover.disabled,\n.bar-compare-WATER:hover.disabled,\n.bar-compare-MULTIFLUID:hover.disabled,\n.bar-MULTIFLUID:hover.disabled,\n.bar-WATER:hover.disabled,\n.bar-GAS:hover.disabled,\n.bar-ELECTRICITY:hover.disabled {\n  cursor: default;\n}\n\n.bar-ELECTRICITY {\n  fill: #5d3d2a;\n}\n.bar-ELECTRICITY.selected {\n  fill: #d87b39;\n  filter: drop-shadow(0 -0.1rem 0.2rem #d87b39);\n}\n\n.bar-compare-ELECTRICITY {\n  fill: #795c47;\n}\n.bar-compare-ELECTRICITY.selected {\n  fill: #e2bca1;\n  filter: drop-shadow(0 -0.1rem 0.2rem #e2bca1);\n}\n\n.bar-WATER {\n  fill: #20415e;\n}\n.bar-WATER.selected {\n  fill: #3a98ec;\n  filter: drop-shadow(0 -0.1rem 0.2rem #3a98ec);\n}\n\n.bar-compare-WATER {\n  fill: #4d5c6e;\n}\n.bar-compare-WATER.selected {\n  fill: #abd4fa;\n  filter: drop-shadow(0 -0.1rem 0.2rem #abd4fa);\n}\n\n.bar-GAS {\n  fill: #184940;\n}\n.bar-GAS.selected {\n  fill: #45d1b8;\n  filter: drop-shadow(0 -0.1rem 0.2rem #45d1b8);\n}\n\n.bar-compare-GAS {\n  fill: #597773;\n}\n.bar-compare-GAS.selected {\n  fill: #a8f7e9;\n  filter: drop-shadow(0 -0.1rem 0.2rem #a8f7e9);\n}\n\n.bar-MULTIFLUID {\n  fill: #705d1d;\n}\n.bar-MULTIFLUID.selected {\n  fill: #e3b82a;\n  filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a);\n}\n.bar-MULTIFLUID.disabled:hover {\n  cursor: default;\n}\n\n.bar-duel {\n  fill: #61f0f2;\n}\n.bar-duel.selected {\n  fill: #61f0f2;\n  filter: drop-shadow(0 -0.1rem 0.2rem #61f0f2);\n}\n.bar-duel.disabled:hover {\n  cursor: default;\n}\n\n.bar-UPCOMING {\n  fill: #7b7b7b;\n  opacity: 0.6;\n}\n.bar-UPCOMING.selected {\n  fill: #7b7b7b;\n}\n.bar-UPCOMING.disabled:hover {\n  cursor: default;\n}\n\n.bar-compare-MULTIFLUID {\n  fill: #7d6a4e;\n}\n.bar-compare-MULTIFLUID.selected {\n  fill: #ffd597;\n  filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a);\n}\n\n.bar-average {\n  stroke-width: 2;\n  stroke: #e3b82a;\n}\n\n.week {\n  fill: #e2bca1;\n}\n.week.selected {\n  fill: #e2bca1;\n  filter: drop-shadow(0 -0.1rem 0.2rem #e2bca1);\n}\n\n.weekend {\n  fill: #ffd597;\n}\n.weekend.selected {\n  fill: #ffd597;\n  filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a);\n}\n\n.barValue {\n  outline: none;\n}\n.barValue:focus-visible {\n  outline: 2px solid #1b8bff;\n  outline-offset: 2px;\n}\n\n/** Animation **/\n.bounce-1 {\n  animation-name: bounce-1;\n  animation-timing-function: cubic-bezier(1, 1, 0.42, 1);\n  animation-iteration-count: 1;\n  transform-origin: bottom center;\n  transform-box: fill-box;\n}\n\n@keyframes bounce-1 {\n  0% {\n    transform: scale(0.1, 0.1);\n  }\n  28% {\n    transform: scale(0.1, 1.1);\n  }\n  45% {\n    transform: scale(0.8, 0.95);\n  }\n  55% {\n    transform: scale(1, 1);\n  }\n  65% {\n    transform: scale(1, 0.98);\n  }\n  75% {\n    transform: scale(1, 1);\n  }\n}\n.bounce-2 {\n  animation-name: bounce-2;\n  animation-timing-function: cubic-bezier(1, 1, 0.42, 1);\n  animation-iteration-count: 1;\n  transform-origin: bottom center;\n  transform-box: fill-box;\n}\n\n@keyframes bounce-2 {\n  0% {\n    transform: scale(1, 1);\n  }\n  28% {\n    transform: scale(1, 1.1);\n  }\n  45% {\n    transform: scale(0.8, 0.95);\n  }\n  55% {\n    transform: scale(1, 1);\n  }\n  65% {\n    transform: scale(1, 0.98);\n  }\n  75% {\n    transform: scale(1, 1);\n  }\n}\n/** Animation delay **/\n.delay {\n  animation-duration: 0.4s;\n}\n\n.delay--0 {\n  animation-duration: 0.4s;\n}\n\n.delay--1 {\n  animation-duration: 0.48s;\n}\n\n.delay--2 {\n  animation-duration: 0.56s;\n}\n\n.delay--3 {\n  animation-duration: 0.64s;\n}\n\n.delay--4 {\n  animation-duration: 0.72s;\n}\n\n.delay--5 {\n  animation-duration: 0.8s;\n}\n\n.delay--6 {\n  animation-duration: 0.88s;\n}\n\n.delay--7 {\n  animation-duration: 0.96s;\n}\n\n.delay--8 {\n  animation-duration: 1.04s;\n}\n\n.delay--9 {\n  animation-duration: 1.12s;\n}\n\n.delay--10 {\n  animation-duration: 1.2s;\n}\n\n.delay--11 {\n  animation-duration: 1.28s;\n}\n\n.delay--12 {\n  animation-duration: 1.36s;\n}\n\n.delay--13 {\n  animation-duration: 1.44s;\n}\n\n.delay--14 {\n  animation-duration: 1.52s;\n}\n\n.delay--15 {\n  animation-duration: 1.6s;\n}\n\n.delay--16 {\n  animation-duration: 1.68s;\n}\n\n.delay--17 {\n  animation-duration: 1.76s;\n}\n\n.delay--18 {\n  animation-duration: 1.84s;\n}\n\n.delay--19 {\n  animation-duration: 1.92s;\n}\n\n.delay--20 {\n  animation-duration: 2s;\n}\n\n.delay--21 {\n  animation-duration: 2.08s;\n}\n\n.delay--22 {\n  animation-duration: 2.16s;\n}\n\n.delay--23 {\n  animation-duration: 2.24s;\n}\n\n.delay--24 {\n  animation-duration: 2.32s;\n}\n\n.delay--25 {\n  animation-duration: 2.4s;\n}\n\n.delay--26 {\n  animation-duration: 2.48s;\n}\n\n.delay--27 {\n  animation-duration: 2.56s;\n}\n\n.delay--28 {\n  animation-duration: 2.64s;\n}\n\n.delay--29 {\n  animation-duration: 2.72s;\n}\n\n.delay--30 {\n  animation-duration: 2.8s;\n}\n\n.delay--31 {\n  animation-duration: 2.88s;\n}\n\n.delay--32 {\n  animation-duration: 2.96s;\n}\n\n.delay--33 {\n  animation-duration: 3.04s;\n}\n\n.delay--34 {\n  animation-duration: 3.12s;\n}\n\n.delay--35 {\n  animation-duration: 3.2s;\n}\n\n.delay--36 {\n  animation-duration: 3.28s;\n}\n\n.delay--37 {\n  animation-duration: 3.36s;\n}\n\n.delay--38 {\n  animation-duration: 3.44s;\n}\n\n.delay--39 {\n  animation-duration: 3.52s;\n}\n\n.delay--40 {\n  animation-duration: 3.6s;\n}\n\n.delay--41 {\n  animation-duration: 3.68s;\n}\n\n.delay--42 {\n  animation-duration: 3.76s;\n}\n\n.delay--43 {\n  animation-duration: 3.84s;\n}\n\n.delay--44 {\n  animation-duration: 3.92s;\n}\n\n.delay--45 {\n  animation-duration: 4s;\n}\n\n.delay--46 {\n  animation-duration: 4.08s;\n}\n\n.delay--47 {\n  animation-duration: 4.16s;\n}\n\n.delay--48 {\n  animation-duration: 4.24s;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\nbutton span {\n  font-size: 1rem;\n  font-weight: 700;\n}\nbutton:focus-visible {\n  outline: 2px solid #1b8bff;\n  outline-offset: 2px;\n}\nbutton.btnPrimary {\n  background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017;\n  border: 1px solid;\n  border-color: transparent;\n  border-radius: 4px;\n  width: 100%;\n  text-transform: initial;\n  transition: all 150ms ease-in-out;\n}\nbutton.btnPrimary span:first-child {\n  color: #121212;\n}\nbutton.btnPrimary:hover, button.btnPrimary:focus, button.btnPrimary.active, button.btnPrimary:disabled {\n  background-color: #b89318;\n}\nbutton.btnPrimary:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\nbutton.btnSecondary {\n  background: transparent;\n  border: 1px solid;\n  border-color: #e0e0e0;\n  border-radius: 4px;\n  width: 100%;\n  text-transform: initial;\n  transition: all 150ms ease-in-out;\n}\nbutton.btnSecondary span:first-child {\n  color: #e0e0e0;\n}\nbutton.btnSecondary:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\nbutton.btnText span {\n  text-decoration: underline;\n  text-transform: none;\n  font-weight: 400;\n}\nbutton.btnIncrement {\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  border: 1px solid;\n  border-color: transparent;\n  border-radius: 4px;\n  width: 100%;\n  text-transform: initial;\n  transition: all 150ms ease-in-out;\n  min-width: 40px;\n  width: 40px;\n  height: 40px;\n  border-radius: 4px;\n  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.55);\n}\nbutton.btnIncrement span:first-child {\n  color: #ffffff;\n}\nbutton.btnIncrement:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\nbutton.btnTab {\n  background: transparent;\n  border: 1px solid;\n  border-color: transparent;\n  border-radius: 4px;\n  width: 100%;\n  text-transform: initial;\n  transition: all 150ms ease-in-out;\n  text-transform: none;\n  border-radius: 43px !important;\n  height: 25px;\n  padding: 4px;\n}\nbutton.btnTab span:first-child {\n  color: #e0e0e0;\n}\nbutton.btnTab:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\nbutton.btnTab span {\n  font-weight: 400;\n  line-height: normal;\n}\nbutton.btnTab.active {\n  background: rgba(255, 255, 255, 0.1);\n}\nbutton.btnTab.active span {\n  font-weight: 700;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\ninput.inputText,\ninput.inputNumber {\n  box-sizing: border-box;\n  border: 1px solid #7b7b7b;\n  background: transparent;\n  transition: all 300ms ease;\n  color: #e0e0e0;\n}\n\ninput.inputText {\n  appearance: none;\n  border-radius: 4px;\n  height: 45px;\n  width: 100%;\n  max-width: 280px;\n  padding: 0 0.5rem;\n}\n\ninput.inputNumber {\n  border-radius: 2px;\n  height: 40px;\n  width: 60px;\n  max-width: 5rem;\n  text-align: center;\n}\n\ninput:focus-visible {\n  outline: 2px solid #1b8bff;\n  outline-offset: 2px;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.card {\n  background-color: #23252d;\n  border: 1px solid #2f3139;\n  box-sizing: border-box;\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.75);\n  border-radius: 4px;\n  padding: 16px;\n}\n.card:hover {\n  opacity: 0.9;\n}\n.card.rich-card {\n  padding: 16px;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\ndiv.modal-root .MuiBackdrop-root {\n  background-color: hsla(231deg, 11%, 12%, 0.85);\n}\n\ndiv.modal-paper {\n  background: #23252d;\n  border: 1px solid #2f3139;\n  width: 36rem;\n  max-width: 100%;\n  max-height: 90vh;\n  padding: 2rem;\n  box-sizing: border-box;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  border-radius: 4px;\n  margin: 0 0 0 13.75rem;\n  align-items: center;\n  color: #ffffff;\n}\n@media only screen and (max-width : 1023px) {\n  div.modal-paper {\n    width: 35rem;\n    margin: 0;\n  }\n}\n@media only screen and (max-width : 768px) {\n  div.modal-paper {\n    padding: 1rem 1rem 1.5rem;\n    width: 85%;\n    max-width: 35rem;\n    margin: 0;\n  }\n}\ndiv.modal-paper.no-padding {\n  padding: 0;\n}\ndiv.modal-paper .modal-paper-close-button {\n  position: absolute;\n  top: 0.5rem;\n  right: 0.5rem;\n  padding: 5px 5px;\n  z-index: 10;\n}\n\ndiv.modal-paper-full-screen {\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  width: 100%;\n  max-width: 100%;\n  height: 100%;\n  max-height: 100%;\n  padding: 0;\n  margin: 0;\n  box-sizing: border-box;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  border-radius: 4px;\n  color: #ffffff;\n  display: flex;\n  align-items: center;\n}\ndiv.modal-paper-full-screen.dark-background {\n  background: #121212;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\ndiv.expansion-panel-root {\n  margin-bottom: 1rem;\n  color: #e0e0e0;\n  background-color: #23252d;\n  border: 1px solid #2f3139;\n  border-radius: 4px;\n  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);\n  transition: background-color 0.6s ease;\n  box-sizing: border-box;\n}\ndiv.expansion-panel-root.Mui-expanded:first-child {\n  margin: 1.2rem 0;\n}\ndiv.expansion-panel-root.Mui-expanded:last-child {\n  margin: 1.2rem 0;\n}\ndiv.expansion-panel-root.red-border {\n  border: 1px solid #d25959;\n}\n\ndiv.expansion-panel-summary {\n  padding: 0.25rem 1rem;\n  min-height: 4rem;\n}\ndiv.expansion-panel-summary.Mui-focused {\n  border-radius: 4px;\n  background-color: unset;\n  box-shadow: 0 0 0 1px #e0e0e0;\n}\ndiv.expansion-panel-summary:focus-visible {\n  outline: 2px solid #1b8bff;\n  outline-offset: 2px;\n}\ndiv.expansion-panel-summary.Mui-expanded {\n  min-height: 4rem;\n}\ndiv.expansion-panel-summary.Mui-expanded.small {\n  min-height: 3rem;\n}\ndiv.expansion-panel-summary.small {\n  padding: 0 1.2rem;\n  min-height: 3rem;\n}\ndiv.expansion-panel-summary.bold-text {\n  font-weight: bold;\n}\n\ndiv.expansion-panel-content {\n  display: flex;\n  align-items: center;\n}\ndiv.expansion-panel-content.Mui-expanded {\n  margin: 0.75rem 0;\n}\n\ndiv.expansion-panel-details {\n  padding: 0 1.2rem 1.2rem;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\na {\n  color: #deaf0e;\n}\na:visited {\n  color: #deaf0e;\n}\n\na:focus {\n  outline: none;\n  box-shadow: inset 0 0 0 1px #e0e0e0;\n}\na:focus > div:first-child {\n  box-shadow: 0 0 0 1px #e0e0e0;\n}\n\na:focus-visible {\n  outline: 2px solid #1b8bff;\n  outline-offset: 2px;\n}\n\na.MuiLink-underlineHover:hover {\n  text-decoration: none;\n}\n\na.MuiTypography-colorPrimary {\n  color: #e0e0e0;\n}\n\n:root {\n  white-space: pre-line;\n  --blue: #58ffff;\n  --blue40: rgba(88, 255, 255, 0.2509803922);\n  --blueBackground: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(1, 153, 163, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #58ffff;\n  --blueRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(1, 153, 163, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #58ffff;\n  --blueRadialGradientTrans: radial-gradient(circle, #58ffff 0%, rgba(255, 255, 255, 0) 100%);\n  --elecColor: #d87b39;\n  --elecColor40: rgba(216, 123, 57, 0.4);\n  --elecCompareColor: #e2bca1;\n  --gasColor: #45d1b8;\n  --gasColor40: rgba(69, 209, 184, 0.4);\n  --gasCompareColor: #a8f7e9;\n  --waterColor: #3a98ec;\n  --waterColor40: rgba(58, 152, 236, 0.4);\n  --waterCompareColor: #abd4fa;\n  --multiColor: #e3b82a;\n  --multiCompareColor: #ffd597;\n  --redPrimary: #d25959;\n  --greyBright: #e0e0e0;\n  --greyDark: #7b7b7b;\n  --textWhite: #ffffff;\n  --softGrey: #a0a0a0;\n  --darkLight: #25262b;\n  --darkLight2: #121212;\n  --textFont: Lato, sans-serif;\n  --greyLinearGradientBackground: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  --multiColorRadialGradientTrans: radial-gradient(circle, #e3b82a 0%, rgba(255, 255, 255, 0) 100%);\n  --elecColorRadialGradientTrans: radial-gradient(circle, #d87b39 0%, rgba(255, 255, 255, 0) 100%);\n  --waterColorRadialGradientTrans: radial-gradient(circle, #3a98ec 0%, rgba(255, 255, 255, 0) 100%);\n  --gasColorRadialGradientTrans: radial-gradient(circle, #e3b82a 0%, rgba(255, 255, 255, 0) 100%);\n  --multiColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017;\n  --elecColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(158, 67, 2, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #d87b39;\n  --gasColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(4, 106, 88, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #45d1b8;\n  --waterColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(2, 93, 174, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #3a98ec;\n  --grey-0: #1b1c21;\n  --grey-1: #23252d;\n  --grey-2: #2f3139;\n  --paperBackgroundColor: $dark-2;\n  --primaryTextColor: $grey-bright;\n}\n\n.application {\n  overflow-x: hidden;\n}\n\n.accordion-icon {\n  color: #ffffff;\n}\n\n.loaderContainer {\n  height: 80vh;\n  display: flex;\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  background-color: transparent;\n}\n\n.makeStyles-fab-1 {\n  top: 12px;\n  left: 3rem !important;\n  width: 36px !important;\n  height: 36px !important;\n  background-color: #7b7b7b !important;\n}\n\ninput:-webkit-autofill,\ninput:-webkit-autofill:hover,\ninput:-webkit-autofill:focus,\ninput:-webkit-autofill:active {\n  -webkit-box-shadow: 0 0 0 30px #1b1c22 inset !important;\n}", ""]);
 
 
 
@@ -10741,7 +10741,7 @@ var FeedbackModal = function FeedbackModal() {
     "aria-labelledby": "accessibility-title",
     classes: {
       root: 'modal-root',
-      paper: 'modal-paper yellow-border'
+      paper: 'modal-paper'
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
     id: "accessibility-title"
@@ -14126,7 +14126,7 @@ exports.default = _default;
 
 exports = module.exports = __webpack_require__("DjJv")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.profile-type-finished-card {\n  margin: auto;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  border-radius: 4px;\n  transition: all 300ms ease;\n  color: #ffffff;\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  width: 80%;\n  text-align: center;\n  padding: 1rem;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.profile-type-finished-card svg {\n  margin: auto;\n}\n@media (min-width: 1023px) {\n  .profile-type-finished-card {\n    width: 50%;\n  }\n}\n@media (min-width: 1201px) {\n  .profile-type-finished-card {\n    width: 40%;\n  }\n}\n\n.profile-type-finished-label {\n  color: #e3b82a;\n}", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.profile-type-finished-card {\n  margin: auto;\n  border-radius: 4px;\n  transition: all 300ms ease;\n  color: #ffffff;\n  width: 80%;\n  text-align: center;\n  padding: 1rem;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.profile-type-finished-card svg {\n  margin: auto;\n}\n@media (min-width: 1023px) {\n  .profile-type-finished-card {\n    width: 50%;\n  }\n}\n@media (min-width: 1201px) {\n  .profile-type-finished-card {\n    width: 40%;\n  }\n}\n\n.profile-type-finished-label {\n  color: #e3b82a;\n}", ""]);
 
 
 
@@ -15906,10 +15906,10 @@ __webpack_require__.r(__webpack_exports__);
 
 
 var symbol = new _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default.a({
-  "id": "feedback_6265dec65ed91711a1172d9845bec03c",
-  "use": "feedback_6265dec65ed91711a1172d9845bec03c-usage",
-  "viewBox": "0 0 38 38",
-  "content": "<symbol viewBox=\"0 0 38 38\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" id=\"feedback_6265dec65ed91711a1172d9845bec03c\">\n<circle cx=\"18.5\" cy=\"18.5\" r=\"18\" stroke=\"white\" />\n<path d=\"M14.4691 13.1925C14.7071 12.9825 14.9661 12.783 15.2461 12.594C15.5331 12.405 15.8411 12.2405 16.1701 12.1005C16.4991 11.9605 16.8561 11.852 17.2411 11.775C17.6261 11.691 18.0426 11.649 18.4906 11.649C19.0996 11.649 19.6526 11.733 20.1496 11.901C20.6536 12.069 21.0841 12.3105 21.4411 12.6255C21.7981 12.9335 22.0746 13.308 22.2706 13.749C22.4666 14.19 22.5646 14.6835 22.5646 15.2295C22.5646 15.7615 22.4876 16.2235 22.3336 16.6155C22.1796 17.0005 21.9836 17.3365 21.7456 17.6235C21.5146 17.9105 21.2626 18.159 20.9896 18.369C20.7166 18.579 20.4576 18.7785 20.2126 18.9675C19.9676 19.1495 19.7541 19.3315 19.5721 19.5135C19.3971 19.6885 19.2921 19.888 19.2571 20.112L19.0156 21.645H17.2411L17.0626 19.9335C17.0556 19.8985 17.0521 19.8705 17.0521 19.8495C17.0521 19.8215 17.0521 19.79 17.0521 19.755C17.0521 19.447 17.1291 19.181 17.2831 18.957C17.4371 18.726 17.6296 18.5125 17.8606 18.3165C18.0916 18.1135 18.3401 17.9175 18.6061 17.7285C18.8721 17.5395 19.1206 17.3365 19.3516 17.1195C19.5826 16.8955 19.7751 16.6435 19.9291 16.3635C20.0831 16.0835 20.1601 15.7545 20.1601 15.3765C20.1601 15.1245 20.1111 14.9005 20.0131 14.7045C19.9221 14.5015 19.7926 14.33 19.6246 14.19C19.4566 14.043 19.2536 13.931 19.0156 13.854C18.7846 13.777 18.5326 13.7385 18.2596 13.7385C17.8606 13.7385 17.5211 13.784 17.2411 13.875C16.9681 13.959 16.7336 14.057 16.5376 14.169C16.3486 14.274 16.1876 14.372 16.0546 14.463C15.9216 14.547 15.8026 14.589 15.6976 14.589C15.4456 14.589 15.2636 14.484 15.1516 14.274L14.4691 13.1925ZM16.4536 25.572C16.4536 25.355 16.4921 25.1485 16.5691 24.9525C16.6531 24.7565 16.7651 24.5885 16.9051 24.4485C17.0521 24.3085 17.2236 24.1965 17.4196 24.1125C17.6156 24.0285 17.8256 23.9865 18.0496 23.9865C18.2666 23.9865 18.4731 24.0285 18.6691 24.1125C18.8651 24.1965 19.0331 24.3085 19.1731 24.4485C19.3131 24.5885 19.4251 24.7565 19.5091 24.9525C19.5931 25.1485 19.6351 25.355 19.6351 25.572C19.6351 25.796 19.5931 26.006 19.5091 26.202C19.4251 26.391 19.3131 26.5555 19.1731 26.6955C19.0331 26.8355 18.8651 26.944 18.6691 27.021C18.4731 27.105 18.2666 27.147 18.0496 27.147C17.8256 27.147 17.6156 27.105 17.4196 27.021C17.2236 26.944 17.0521 26.8355 16.9051 26.6955C16.7651 26.5555 16.6531 26.391 16.5691 26.202C16.4921 26.006 16.4536 25.796 16.4536 25.572Z\" fill=\"white\" />\n</symbol>"
+  "id": "feedback_4c206653818e62dc5db126c2cb069de9",
+  "use": "feedback_4c206653818e62dc5db126c2cb069de9-usage",
+  "viewBox": "0 0 20 20",
+  "content": "<symbol viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" id=\"feedback_4c206653818e62dc5db126c2cb069de9\">\n  <rect width=\"20\" height=\"20\" rx=\"4\" fill=\"#2F3139\" />\n  <rect x=\"0.5\" y=\"0.5\" width=\"19\" height=\"19\" rx=\"3.5\" stroke=\"white\" stroke-opacity=\"0.35\" />\n  <path d=\"M7.59323 6.31033C7.73474 6.18547 7.88874 6.06685 8.05523 5.95447C8.22588 5.84209 8.40902 5.74428 8.60464 5.66104C8.80026 5.57779 9.01253 5.51328 9.24145 5.4675C9.47037 5.41755 9.71801 5.39258 9.98439 5.39258C10.3465 5.39258 10.6753 5.44252 10.9708 5.54242C11.2705 5.64231 11.5265 5.7859 11.7387 5.9732C11.951 6.15633 12.1154 6.37901 12.232 6.64123C12.3485 6.90344 12.4068 7.19688 12.4068 7.52152C12.4068 7.83785 12.361 8.11255 12.2694 8.34563C12.1779 8.57455 12.0613 8.77433 11.9198 8.94498C11.7824 9.11563 11.6326 9.26339 11.4703 9.38825C11.308 9.51312 11.154 9.63174 11.0083 9.74412C10.8626 9.85233 10.7357 9.96055 10.6274 10.0688C10.5234 10.1728 10.461 10.2914 10.4402 10.4246L10.2966 11.3361H9.24145L9.13531 10.3185C9.13115 10.2977 9.12907 10.281 9.12907 10.2686C9.12907 10.2519 9.12907 10.2332 9.12907 10.2124C9.12907 10.0292 9.17485 9.87106 9.26642 9.73787C9.35799 9.60052 9.47245 9.47358 9.6098 9.35704C9.74715 9.23633 9.89491 9.11979 10.0531 9.00742C10.2112 8.89504 10.359 8.77433 10.4963 8.64531C10.6337 8.51212 10.7482 8.36228 10.8397 8.19579C10.9313 8.02931 10.9771 7.83369 10.9771 7.60893C10.9771 7.45909 10.9479 7.3259 10.8897 7.20936C10.8356 7.08866 10.7586 6.98669 10.6587 6.90344C10.5588 6.81604 10.4381 6.74944 10.2966 6.70366C10.1592 6.65787 10.0094 6.63498 9.84704 6.63498C9.6098 6.63498 9.40793 6.66204 9.24145 6.71615C9.07912 6.76609 8.93969 6.82436 8.82315 6.89096C8.71077 6.95339 8.61504 7.01166 8.53596 7.06577C8.45688 7.11571 8.38612 7.14069 8.32369 7.14069C8.17385 7.14069 8.06564 7.07825 7.99904 6.95339L7.59323 6.31033ZM8.7732 13.6711C8.7732 13.5421 8.7961 13.4193 8.84188 13.3028C8.89183 13.1862 8.95842 13.0863 9.04166 13.0031C9.12907 12.9198 9.23104 12.8533 9.34758 12.8033C9.46412 12.7534 9.58899 12.7284 9.72218 12.7284C9.8512 12.7284 9.97399 12.7534 10.0905 12.8033C10.2071 12.8533 10.307 12.9198 10.3902 13.0031C10.4734 13.0863 10.54 13.1862 10.59 13.3028C10.6399 13.4193 10.6649 13.5421 10.6649 13.6711C10.6649 13.8043 10.6399 13.9292 10.59 14.0457C10.54 14.1581 10.4734 14.2559 10.3902 14.3391C10.307 14.4224 10.2071 14.4869 10.0905 14.5327C9.97399 14.5826 9.8512 14.6076 9.72218 14.6076C9.58899 14.6076 9.46412 14.5826 9.34758 14.5327C9.23104 14.4869 9.12907 14.4224 9.04166 14.3391C8.95842 14.2559 8.89183 14.1581 8.84188 14.0457C8.7961 13.9292 8.7732 13.8043 8.7732 13.6711Z\" fill=\"white\" />\n</symbol>"
 });
 var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default.a.add(symbol);
 /* harmony default export */ __webpack_exports__["default"] = (symbol);
@@ -17057,8 +17057,7 @@ var ProfileTypeFormDateSelection = function ProfileTypeFormDateSelection(_ref) {
   }, renderMonths.map(function (month) {
     return /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
       value: month.value,
-      key: month.value,
-      className: "date-option"
+      key: month.value
     }, month.label);
   }))), /*#__PURE__*/_react.default.createElement("div", {
     className: "date-select"
@@ -17073,8 +17072,7 @@ var ProfileTypeFormDateSelection = function ProfileTypeFormDateSelection(_ref) {
   }, selectYears.map(function (year) {
     return /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
       value: year,
-      key: year,
-      className: "date-option"
+      key: year
     }, year);
   }))))), /*#__PURE__*/_react.default.createElement(_FormNavigation.default, {
     handlePrevious: setPreviousStep,
@@ -24110,7 +24108,7 @@ exports.default = _default;
 
 exports = module.exports = __webpack_require__("DjJv")(false);
 // Module
-exports.push([module.i, ".profileType-view {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  padding-top: 1rem;\n}\n.profileType-view .progressContainer {\n  margin-inline: 1rem;\n}\n.profileType-view .profile-type-container {\n  position: relative;\n  min-height: inherit;\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  justify-content: space-between;\n}\n.profileType-view .profile-type-container label {\n  cursor: pointer;\n}", ""]);
+exports.push([module.i, ".profileType-view {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  gap: 16px;\n  padding-top: 1rem;\n}\n.profileType-view .progressContainer {\n  margin-inline: 1rem;\n}\n.profileType-view .profile-type-container {\n  position: relative;\n  min-height: inherit;\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  justify-content: space-between;\n}", ""]);
 
 
 
@@ -24386,6 +24384,7 @@ exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(__webpack_require__("J58c"));
 var _toConsumableArray2 = _interopRequireDefault(__webpack_require__("QGb3"));
 var _slicedToArray2 = _interopRequireDefault(__webpack_require__("XkwL"));
+var _core = __webpack_require__("rMFn");
 var _classnames = _interopRequireDefault(__webpack_require__("uRLs"));
 var _FormNavigation = _interopRequireDefault(__webpack_require__("BNdi"));
 __webpack_require__("xY34");
@@ -24443,28 +24442,28 @@ var ProfileTypeFormMultiChoice = function ProfileTypeFormMultiChoice(_ref) {
       setAnswer(currentProfileType[answerType.attribute]);
     }
   }, [step, viewedStep, currentProfileType, answerType, isProfileTypeCompleted]);
+  var stepLabel = _enums.ProfileTypeStepForm[step].toLowerCase();
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "profile-form-container"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "profile-question-label"
-  }, t("profile_type.".concat(_enums.ProfileTypeStepForm[step].toLowerCase(), ".question"))), /*#__PURE__*/_react.default.createElement("span", {
+  }, t("profile_type.".concat(stepLabel, ".question"))), /*#__PURE__*/_react.default.createElement("span", {
     className: "profile-question-hint"
   }, t('profile_type.multi_choices')), answerType.choices.map(function (value, index) {
     if (!value) return null;
     var stringValue = value.toString();
-    return /*#__PURE__*/_react.default.createElement("label", {
-      htmlFor: "answer".concat(index),
+    return /*#__PURE__*/_react.default.createElement(_core.FormControlLabel, {
       key: index,
-      className: (0, _classnames.default)('checkbox', (0, _defineProperty2.default)({}, 'answer-checked', answer.includes(stringValue)))
-    }, /*#__PURE__*/_react.default.createElement("input", {
-      id: "answer".concat(index),
-      type: "checkbox",
-      value: stringValue,
-      onChange: function onChange() {
-        return handleChange(stringValue);
-      },
-      checked: isChecked(stringValue)
-    }), t("profile_type.".concat(_enums.ProfileTypeStepForm[step].toLowerCase(), ".").concat(value)));
+      className: (0, _classnames.default)('checkbox', (0, _defineProperty2.default)({}, 'answer-checked', answer.includes(stringValue))),
+      control: /*#__PURE__*/_react.default.createElement(_core.Checkbox, {
+        value: stringValue,
+        checked: isChecked(stringValue),
+        onChange: function onChange() {
+          return handleChange(stringValue);
+        }
+      }),
+      label: t("profile_type.".concat(stepLabel, ".").concat(value))
+    });
   })), /*#__PURE__*/_react.default.createElement(_FormNavigation.default, {
     handlePrevious: setPreviousStep,
     handleNext: handleNext,
@@ -24669,9 +24668,7 @@ var ProfileTypeFormNumber = function ProfileTypeFormNumber(_ref) {
     className: "profile-form-container"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "profile-question-label"
-  }, t("profile_type.".concat(_enums.ProfileTypeStepForm[step].toLowerCase(), ".question"))), answer != null && /*#__PURE__*/_react.default.createElement("label", {
-    className: "text"
-  }, /*#__PURE__*/_react.default.createElement(_core.OutlinedInput, {
+  }, t("profile_type.".concat(_enums.ProfileTypeStepForm[step].toLowerCase(), ".question"))), answer != null && /*#__PURE__*/_react.default.createElement("label", null, /*#__PURE__*/_react.default.createElement(_core.OutlinedInput, {
     endAdornment: /*#__PURE__*/_react.default.createElement(_core.InputAdornment, {
       position: "end"
     }, "m\xB2"),
@@ -24682,10 +24679,7 @@ var ProfileTypeFormNumber = function ProfileTypeFormNumber(_ref) {
     onChange: function onChange(e) {
       return setAnswer(e.target.value);
     },
-    autoFocus: true,
-    style: {
-      marginRight: '0.5rem'
-    }
+    autoFocus: true
   }))), /*#__PURE__*/_react.default.createElement(_FormNavigation.default, {
     handlePrevious: setPreviousStep,
     handleNext: handleNext,
@@ -27872,7 +27866,7 @@ exports.default = _default;
 
 exports = module.exports = __webpack_require__("DjJv")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.ecogesture-profile-container {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  justify-content: space-between;\n  height: calc(100vh - 60px - 72px - 56px);\n}\n@media (min-width: 768px) {\n  .ecogesture-profile-container {\n    height: calc(100vh - 48px - 148px - 72px - 0px);\n  }\n}\n.ecogesture-profile-container .ecogesture-form-single {\n  max-width: 53rem;\n  color: #ffffff;\n  margin: 1rem 1rem 3.5rem;\n}\n@media (min-width: 1023px) {\n  .ecogesture-profile-container .ecogesture-form-single {\n    margin: 1rem 1rem 0;\n  }\n}\n.ecogesture-profile-container .ecogesture-form-single label {\n  cursor: pointer;\n}", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.ecogesture-profile-container {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  justify-content: space-between;\n  height: calc(100vh - 60px - 72px - 56px);\n}\n@media (min-width: 768px) {\n  .ecogesture-profile-container {\n    height: calc(100vh - 48px - 148px - 72px - 0px);\n  }\n}\n.ecogesture-profile-container .ecogesture-form-single {\n  max-width: 53rem;\n  color: #ffffff;\n  margin: 1rem 1rem 3.5rem;\n}\n@media (min-width: 1023px) {\n  .ecogesture-profile-container .ecogesture-form-single {\n    margin: 1rem 1rem 0;\n  }\n}", ""]);
 
 
 
@@ -28839,6 +28833,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(__webpack_require__("J58c"));
 var _slicedToArray2 = _interopRequireDefault(__webpack_require__("XkwL"));
+var _core = __webpack_require__("rMFn");
 var _classnames = _interopRequireDefault(__webpack_require__("uRLs"));
 var _FormNavigation = _interopRequireDefault(__webpack_require__("BNdi"));
 __webpack_require__("xY34");
@@ -28871,29 +28866,28 @@ var EcogestureFormSingleChoice = function EcogestureFormSingleChoice(_ref) {
   var handleNext = (0, _react.useCallback)(function () {
     setNextStep(_objectSpread(_objectSpread({}, currentProfileEcogesture), {}, (0, _defineProperty2.default)({}, answerType.attribute, answer)));
   }, [currentProfileEcogesture, setNextStep, answer, answerType.attribute]);
+  var stepLabel = _enums.EcogestureStepForm[step].toLowerCase();
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "ecogesture-profile-container"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "profile-form-container ecogesture-form-single"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "profile-question-label"
-  }, t("ecogesture_form.".concat(_enums.EcogestureStepForm[step].toLowerCase(), ".question"))), answerType.choices.map(function (value, index) {
+  }, t("ecogesture_form.".concat(stepLabel, ".question"))), answerType.choices.map(function (value) {
     var _classNames;
     if (value === null) return null;
-    return /*#__PURE__*/_react.default.createElement("label", {
-      htmlFor: "answer-".concat(index),
+    return /*#__PURE__*/_react.default.createElement(_core.FormControlLabel, {
       key: value.toString(),
-      className: (0, _classnames.default)((_classNames = {}, (0, _defineProperty2.default)(_classNames, 'radio_short', answerType.choices.length < 5), (0, _defineProperty2.default)(_classNames, 'radio_long', answerType.choices.length > 4), (0, _defineProperty2.default)(_classNames, 'answer-checked', answer === value), _classNames))
-    }, /*#__PURE__*/_react.default.createElement("input", {
-      id: "answer-".concat(index),
-      type: "radio",
-      value: value,
-      onChange: function onChange() {
-        return setAnswer(value);
-      },
-      checked: answer === value,
-      className: answer === value ? 'checked-input' : ''
-    }), t("ecogesture_form.".concat(_enums.EcogestureStepForm[step].toLowerCase(), ".").concat(value)));
+      className: (0, _classnames.default)((_classNames = {}, (0, _defineProperty2.default)(_classNames, 'radio_short', answerType.choices.length < 5), (0, _defineProperty2.default)(_classNames, 'radio_long', answerType.choices.length > 4), (0, _defineProperty2.default)(_classNames, 'answer-checked', answer === value), _classNames)),
+      control: /*#__PURE__*/_react.default.createElement(_core.Radio, {
+        value: value.toString(),
+        checked: answer === value ? true : false,
+        onChange: function onChange() {
+          return setAnswer(value);
+        }
+      }),
+      label: t("ecogesture_form.".concat(stepLabel, ".").concat(value))
+    });
   })), /*#__PURE__*/_react.default.createElement(_FormNavigation.default, {
     handlePrevious: setPreviousStep,
     handleNext: handleNext,
@@ -30419,6 +30413,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(__webpack_require__("J58c"));
 var _slicedToArray2 = _interopRequireDefault(__webpack_require__("XkwL"));
+var _core = __webpack_require__("rMFn");
 var _classnames = _interopRequireDefault(__webpack_require__("uRLs"));
 var _FormNavigation = _interopRequireDefault(__webpack_require__("BNdi"));
 __webpack_require__("xY34");
@@ -30464,26 +30459,26 @@ var ProfileTypeFormSingleChoice = function ProfileTypeFormSingleChoice(_ref) {
       setAnswer(profileEcogesture[answerType.attribute]);
     }
   }, [step, viewedStep, currentProfileType, answerType, isProfileTypeCompleted, isProfileEcogestureCompleted, profileEcogesture]);
+  var stepLabel = _enums.ProfileTypeStepForm[step].toLowerCase();
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "profile-form-container"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "profile-question-label"
-  }, t("profile_type.".concat(_enums.ProfileTypeStepForm[step].toLowerCase(), ".question"))), answerType.choices.map(function (value, index) {
+  }, t("profile_type.".concat(stepLabel, ".question"))), answerType.choices.map(function (value, index) {
     var _classNames;
     if (value === null) return null;
-    return /*#__PURE__*/_react.default.createElement("label", {
-      htmlFor: "answer-".concat(index),
+    return /*#__PURE__*/_react.default.createElement(_core.FormControlLabel, {
       key: index,
-      className: (0, _classnames.default)((_classNames = {}, (0, _defineProperty2.default)(_classNames, 'radio_short', answerType.choices.length < 5), (0, _defineProperty2.default)(_classNames, 'radio_long', answerType.choices.length > 4), (0, _defineProperty2.default)(_classNames, 'answer-checked', answer === value), _classNames))
-    }, /*#__PURE__*/_react.default.createElement("input", {
-      id: "answer-".concat(index),
-      type: "radio",
-      value: value.toString(),
-      onChange: function onChange() {
-        return setAnswer(value);
-      },
-      checked: answer === value ? true : false
-    }), t("profile_type.".concat(_enums.ProfileTypeStepForm[step].toLowerCase(), ".").concat(value)));
+      className: (0, _classnames.default)((_classNames = {}, (0, _defineProperty2.default)(_classNames, 'radio_short', answerType.choices.length < 5), (0, _defineProperty2.default)(_classNames, 'radio_long', answerType.choices.length > 4), (0, _defineProperty2.default)(_classNames, 'answer-checked', answer === value), _classNames)),
+      control: /*#__PURE__*/_react.default.createElement(_core.Radio, {
+        value: value.toString(),
+        checked: answer === value ? true : false,
+        onChange: function onChange() {
+          return setAnswer(value);
+        }
+      }),
+      label: t("profile_type.".concat(stepLabel, ".").concat(value))
+    });
   })), /*#__PURE__*/_react.default.createElement(_FormNavigation.default, {
     handlePrevious: setPreviousStep,
     handleNext: handleNext,
@@ -30732,7 +30727,7 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 exports = module.exports = __webpack_require__("DjJv")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.profile-form-container {\n  color: #ffffff;\n  margin: 0 1rem 1rem;\n  max-width: 53rem;\n}\n.profile-form-container .text {\n  font-size: 1.25rem;\n}\n.profile-form-container .profile-question-label {\n  font-weight: bold;\n  font-size: 1.375rem;\n  line-height: 150%;\n  padding: 1rem 0;\n}\n.profile-form-container .profile-question-hint {\n  font-size: 1rem;\n  color: #e0e0e0;\n  display: block;\n  margin-bottom: 1rem;\n  font-style: italic;\n}\n.profile-form-container .profile-question-answers {\n  display: flex;\n}\n.profile-form-container .profile-question-answers-radio-long {\n  flex-wrap: wrap;\n}\n.profile-form-container .profile-question-answers-other {\n  flex-direction: column;\n}\n.profile-form-container .radio_short,\n.profile-form-container .radio_long,\n.profile-form-container .checkbox {\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  margin: 0.5rem 0;\n  display: flex;\n  align-items: center;\n  font-weight: bold;\n}\n.profile-form-container .radio_short input,\n.profile-form-container .radio_long input,\n.profile-form-container .checkbox input {\n  margin: 0.5rem 1rem 0.5rem 0.5rem;\n  appearance: none;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  width: 1.2rem;\n  height: 1.2rem;\n  border-radius: 50%;\n  background: radial-gradient(60.65% 30.62% at 50% 3.13%, #2a2b30 0%, #1b1c22 100%);\n  position: relative;\n}\n.profile-form-container .checkbox input {\n  border-radius: 1px;\n}\n.profile-form-container .radio_short,\n.profile-form-container .checkbox {\n  padding: 1.2rem;\n  border-radius: 4px;\n}\n.profile-form-container .radio_long {\n  padding: 0.5rem 1rem;\n  border-radius: 4px;\n  text-align: center;\n}\n.profile-form-container .answer-checked {\n  background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017;\n  color: #121212;\n}\n.profile-form-container .answer-checked input:before, .profile-form-container .answer-checked input:after {\n  content: \"\";\n  position: absolute;\n  display: inline-block;\n  background: #e3b82a;\n  border-radius: 0.5rem;\n}\n.profile-form-container .answer-checked input:before {\n  width: 3px;\n  height: 12px;\n  left: 10px;\n  top: 4px;\n  transform: rotate(41deg);\n}\n.profile-form-container .answer-checked input:after {\n  width: 3px;\n  height: 6px;\n  left: 5px;\n  top: 8px;\n  transform: rotate(133deg);\n}\n.profile-form-container .number-container {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n}\n.profile-form-container .number-container input {\n  border-color: #e3b82a;\n}\n.profile-form-container .inputNumberIncrements {\n  width: 80px;\n}\n.profile-form-container .date-select {\n  margin: 0.5em;\n  border: 1px solid #e3b82a;\n  background: #121212;\n  font-weight: bold;\n}\n.profile-form-container .date-select .MuiInput-underline:after {\n  display: none;\n}\n.profile-form-container .date-select .year {\n  text-align: center;\n  display: inline-flex;\n  align-content: center;\n  font-size: 1.25rem;\n  font-family: Lato, sans-serif;\n  color: #ffffff;\n  width: 93px;\n}\n.profile-form-container .date-select .year svg {\n  top: 0;\n  background-color: #e3b82a;\n  height: 100%;\n}\n.profile-form-container .date-select .month {\n  color: #ffffff;\n  font-size: 1.25rem;\n  text-align: center;\n  display: inline-flex;\n  align-content: center;\n  font-family: Lato, sans-serif;\n  min-width: 130px;\n  max-width: 150px;\n}\n.profile-form-container .date-select .month svg {\n  top: 0;\n  right: 0;\n  background-color: #e3b82a;\n  height: 100%;\n}\n.profile-form-container .select-container {\n  display: flex;\n}\n.profile-form-container .date-option {\n  color: #ffffff;\n}\n.profile-form-container ul {\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  color: #ffffff;\n  font-weight: normal;\n}\n.profile-form-container ul .MuiMenuItem-root {\n  font-family: Lato, sans-serif;\n  text-align: center;\n  font-size: 1.25rem;\n  display: flex;\n  justify-content: space-evenly;\n}\n.profile-form-container ul .MuiMenuItem-root :hover {\n  background-color: #e3b82a;\n}\n.profile-form-container ul .MuiListItem-root.Mui-selected,\n.profile-form-container ul .MuiListItem-root.Mui-selected:hover {\n  background-color: #e3b82a;\n  color: #1b1c22;\n  font-weight: bold;\n  display: flex;\n  justify-content: space-evenly;\n}", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.profile-form-container {\n  color: #ffffff;\n  margin: 0 1rem 1rem;\n  max-width: 53rem;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n.profile-form-container .text {\n  font-size: 1.25rem;\n}\n.profile-form-container .profile-question-label {\n  font-weight: bold;\n  font-size: 1.375rem;\n  line-height: 150%;\n}\n.profile-form-container .profile-question-hint {\n  color: #e0e0e0;\n  font-style: italic;\n}\n.profile-form-container .profile-question-answers {\n  display: flex;\n}\n.profile-form-container .profile-question-answers-radio-long {\n  flex-wrap: wrap;\n}\n.profile-form-container .profile-question-answers-other {\n  flex-direction: column;\n}\n.profile-form-container .radio_short,\n.profile-form-container .radio_long,\n.profile-form-container .checkbox {\n  border: 1px solid transparent;\n  background: #2f3139;\n}\n.profile-form-container .checkbox {\n  gap: 16px;\n}\n.profile-form-container .radio_short,\n.profile-form-container .checkbox {\n  padding: 1.2rem;\n  border-radius: 4px;\n}\n.profile-form-container .radio_long {\n  padding: 0.5rem 1rem;\n  border-radius: 4px;\n}\n.profile-form-container .answer-checked {\n  border: 1px solid #e3b82a;\n}\n.profile-form-container .answer-checked .MuiFormControlLabel-label {\n  font-weight: 700;\n}\n.profile-form-container .number-container {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n}\n.profile-form-container .number-container input {\n  border-color: #e3b82a;\n}\n.profile-form-container .inputNumberIncrements {\n  width: 80px;\n}\n.profile-form-container .date-select {\n  margin: 0.5em;\n  border: 1px solid #e3b82a;\n  background: #121212;\n  font-weight: bold;\n}\n.profile-form-container .date-select .MuiInput-underline:after {\n  display: none;\n}\n.profile-form-container .date-select .year {\n  text-align: center;\n  display: inline-flex;\n  align-content: center;\n  font-size: 1.25rem;\n  font-family: Lato, sans-serif;\n  color: #ffffff;\n  width: 93px;\n}\n.profile-form-container .date-select .year svg {\n  top: 0;\n  background-color: #e3b82a;\n  height: 100%;\n}\n.profile-form-container .date-select .month {\n  color: #ffffff;\n  font-size: 1.25rem;\n  text-align: center;\n  display: inline-flex;\n  align-content: center;\n  font-family: Lato, sans-serif;\n  min-width: 130px;\n  max-width: 150px;\n}\n.profile-form-container .date-select .month svg {\n  top: 0;\n  right: 0;\n  background-color: #e3b82a;\n  height: 100%;\n}\n.profile-form-container .select-container {\n  display: flex;\n}", ""]);
 
 
 
@@ -31181,6 +31176,12 @@ var theme = (0, _core.createTheme)({
         padding: 8,
         gap: 12
       }
+    },
+    MuiFormControlLabel: {
+      root: {
+        marginLeft: 0,
+        marginRight: 0
+      }
     }
   }
 });
@@ -32262,7 +32263,7 @@ var ProfileTypeFinished = function ProfileTypeFinished(_ref) {
     icon: _finish.default,
     size: 120
   }), /*#__PURE__*/_react2.default.createElement("div", {
-    className: "profile-type-finished-label text-28-normal-uppercase"
+    className: "profile-type-finished-label text-28-bold"
   }, t('profile_type.finished.title')), /*#__PURE__*/_react2.default.createElement("div", null, /*#__PURE__*/_react2.default.createElement("div", null, t('profile_type.finished.label1')), /*#__PURE__*/_react2.default.createElement("div", null, t('profile_type.finished.label2'))), /*#__PURE__*/_react2.default.createElement(_Button.default, {
     "aria-label": t('profile_type.accessibility.button_validate'),
     onClick: handleClick,
diff --git a/index.html b/index.html
index 13668cf6f5bf51074782d54fff8e3f26e2734567..85a4ba721b1af8eb519ea912cb92c91a8cd4bc04 100644
--- a/index.html
+++ b/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="{{.Locale}}"><head><meta charset="utf-8"><title>Ecolyo</title><link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"><link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"><!-- PWA Manifest --><link rel="manifest" href="/manifest.json" crossorigin="use-credentials"><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#297EF2"><meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,viewport-fit=cover"><!-- PWA Chrome --><link rel="icon" sizes="192x192" href="/android-chrome-192x192.png"><link rel="icon" sizes="512x512" href="/android-chrome-512x512.png"><!-- PWA iOS --><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="apple-touch-startup-image" href="/apple-touch-icon.png"><meta name="apple-mobile-web-app-title" content="Ecolyo"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><!-- PWA Colors --><meta name="theme-color" content="#343641"><meta name="background-color" content="#121212"><meta name="color-scheme" content="only dark">{{.ThemeCSS}} {{.CozyBar}}<script src="//{{.Domain}}/assets/js/piwik.js"></script></head><body><div role="application" class="application" data-cozy="{{.CozyData}}"><script src="vendors/ecolyo.21a27bc77d17a636e94a.js"></script><script src="app/ecolyo.71f59c8b46b927c45196.js"></script></div></body></html>
\ No newline at end of file
+<!DOCTYPE html><html lang="{{.Locale}}"><head><meta charset="utf-8"><title>Ecolyo</title><link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"><link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"><!-- PWA Manifest --><link rel="manifest" href="/manifest.json" crossorigin="use-credentials"><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#297EF2"><meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,viewport-fit=cover"><!-- PWA Chrome --><link rel="icon" sizes="192x192" href="/android-chrome-192x192.png"><link rel="icon" sizes="512x512" href="/android-chrome-512x512.png"><!-- PWA iOS --><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="apple-touch-startup-image" href="/apple-touch-icon.png"><meta name="apple-mobile-web-app-title" content="Ecolyo"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><!-- PWA Colors --><meta name="theme-color" content="#343641"><meta name="background-color" content="#121212"><meta name="color-scheme" content="only dark">{{.ThemeCSS}} {{.CozyBar}}<script src="//{{.Domain}}/assets/js/piwik.js"></script></head><body><div role="application" class="application" data-cozy="{{.CozyData}}"><script src="vendors/ecolyo.21a27bc77d17a636e94a.js"></script><script src="app/ecolyo.ce935968c9283e47f8bc.js"></script></div></body></html>
\ No newline at end of file
diff --git a/public/ecolyo.071323d6d767318ba90e.js b/public/ecolyo.b63cfd72c41697080738.js
similarity index 99%
rename from public/ecolyo.071323d6d767318ba90e.js
rename to public/ecolyo.b63cfd72c41697080738.js
index 268486d8d3e9c2e10360d64861a9d6870db0f7b0..db011172c0b8bfe91eab036a63a0c6a8f288abbb 100644
--- a/public/ecolyo.071323d6d767318ba90e.js
+++ b/public/ecolyo.b63cfd72c41697080738.js
@@ -23271,7 +23271,7 @@ exports.i(__webpack_require__("/O3k"), "");
 exports.push([module.i, "@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap);", ""]);
 
 // Module
-exports.push([module.i, "/* Cozy UI utilities classes */\n/* Cozy UI React components styles */\n/* App styles */\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\nbody {\n  background: #1b1c21;\n  overflow: unset !important;\n  color: #e0e0e0;\n}\n\n.column {\n  display: flex;\n  flex-direction: column;\n}\n\n.row {\n  display: flex;\n  flex-direction: row;\n}\n\n.cozy-bar {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: 0;\n}\n\n[role=banner] .coz-bar-container {\n  background-color: #ffffff;\n}\n@media only screen and (max-width : 768px) {\n  [role=banner] .coz-bar-container {\n    padding: 0.6rem 0 0 0;\n    background-color: unset;\n  }\n}\n\n.coz-bar-wrapper {\n  box-shadow: unset !important;\n  background: unset !important;\n}\n\n.coz-label {\n  color: #32363f;\n}\n\n.content-view-loading {\n  height: 80vh;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  color: #e0e0e0;\n}\n.content-view-loading .content-view-loading-text {\n  padding-top: 1rem;\n  margin: 0 2rem;\n  text-align: center;\n}\n.content-view-loading .content-view-loading-button {\n  max-width: 50vw;\n  margin-top: 1rem;\n}\n\n[role=main] {\n  /* width */\n  /* Track */\n  /* Handle */\n}\n[role=main]::-webkit-scrollbar {\n  width: 10px;\n}\n[role=main]::-webkit-scrollbar-track {\n  background: #3e4045;\n}\n[role=main]::-webkit-scrollbar-thumb {\n  background: #6f7074;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n* {\n  font-family: Lato, sans-serif;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np {\n  font-family: Lato, sans-serif;\n}\n\n.home-title {\n  font-size: 1rem;\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  line-height: 120%;\n  text-transform: uppercase;\n}\n\n.app-title {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: bold;\n  font-size: 21px;\n  line-height: 24px;\n  text-align: center;\n  letter-spacing: 0.15px;\n  color: #e0e0e0;\n  text-shadow: 0px -1px 0px #060609, 0px 1px 0px rgba(255, 255, 255, 0.07);\n}\n\n.text-10, .text-10-italic, .text-10-bold, .text-10-bold-capitalize, .text-10-bold-uppercase, .text-10-normal, .text-10-normal-150, .text-10-normal-uppercase {\n  font-style: normal;\n  font-size: 0.625rem;\n  line-height: 120%;\n}\n.text-10-normal, .text-10-normal-150, .text-10-normal-uppercase {\n  font-weight: normal;\n}\n.text-10-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-10-normal-150 {\n  line-height: 150%;\n}\n.text-10-bold, .text-10-bold-capitalize, .text-10-bold-uppercase {\n  font-weight: 700;\n}\n.text-10-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-10-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-10-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-12, .text-12-italic, .text-12-bold, .text-12-bold-capitalize, .text-12-bold-uppercase, .text-12-normal, .text-12-normal-150, .text-12-normal-uppercase {\n  font-style: normal;\n  font-size: 0.75rem;\n  line-height: 120%;\n}\n.text-12-normal, .text-12-normal-150, .text-12-normal-uppercase {\n  font-weight: normal;\n}\n.text-12-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-12-normal-150 {\n  line-height: 150%;\n}\n.text-12-bold, .text-12-bold-capitalize, .text-12-bold-uppercase {\n  font-weight: 700;\n}\n.text-12-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-12-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-12-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-13, .text-13-italic, .text-13-bold, .text-13-bold-capitalize, .text-13-bold-uppercase, .text-13-normal, .text-13-normal-150, .text-13-normal-uppercase {\n  font-style: normal;\n  font-size: 0.8125rem;\n  line-height: 120%;\n}\n.text-13-normal, .text-13-normal-150, .text-13-normal-uppercase {\n  font-weight: normal;\n}\n.text-13-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-13-normal-150 {\n  line-height: 150%;\n}\n.text-13-bold, .text-13-bold-capitalize, .text-13-bold-uppercase {\n  font-weight: 700;\n}\n.text-13-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-13-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-13-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-14, .text-14-italic, .text-14-bold, .text-14-bold-capitalize, .text-14-bold-uppercase, .text-14-normal, .text-14-normal-150, .text-14-normal-uppercase {\n  font-style: normal;\n  font-size: 0.875rem;\n  line-height: 120%;\n}\n.text-14-normal, .text-14-normal-150, .text-14-normal-uppercase {\n  font-weight: normal;\n}\n.text-14-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-14-normal-150 {\n  line-height: 150%;\n}\n.text-14-bold, .text-14-bold-capitalize, .text-14-bold-uppercase {\n  font-weight: 700;\n}\n.text-14-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-14-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-14-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-15, .text-15-italic, .text-15-bold, .text-15-bold-capitalize, .text-15-bold-uppercase, .text-15-normal, .text-15-normal-150, .text-15-normal-uppercase {\n  font-style: normal;\n  font-size: 0.938rem;\n  line-height: 120%;\n}\n.text-15-normal, .text-15-normal-150, .text-15-normal-uppercase {\n  font-weight: normal;\n}\n.text-15-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-15-normal-150 {\n  line-height: 150%;\n}\n.text-15-bold, .text-15-bold-capitalize, .text-15-bold-uppercase {\n  font-weight: 700;\n}\n.text-15-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-15-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-15-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-16, .text-16-italic, .text-16-bold, .text-16-bold-capitalize, .text-16-bold-uppercase, .text-16-normal, .text-16-normal-150, .text-16-normal-uppercase {\n  font-style: normal;\n  font-size: 1rem;\n  line-height: 120%;\n}\n.text-16-normal, .text-16-normal-150, .text-16-normal-uppercase {\n  font-weight: normal;\n}\n.text-16-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-16-normal-150 {\n  line-height: 150%;\n}\n.text-16-bold, .text-16-bold-capitalize, .text-16-bold-uppercase {\n  font-weight: 700;\n}\n.text-16-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-16-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-16-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-18, .text-18-italic, .text-18-bold, .text-18-bold-capitalize, .text-18-bold-uppercase, .text-18-normal, .text-18-normal-150, .text-18-normal-uppercase {\n  font-style: normal;\n  font-size: 1.125rem;\n  line-height: 120%;\n}\n.text-18-normal, .text-18-normal-150, .text-18-normal-uppercase {\n  font-weight: normal;\n}\n.text-18-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-18-normal-150 {\n  line-height: 150%;\n}\n.text-18-bold, .text-18-bold-capitalize, .text-18-bold-uppercase {\n  font-weight: 700;\n}\n.text-18-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-18-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-18-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-19, .text-19-italic, .text-19-bold, .text-19-bold-capitalize, .text-19-bold-uppercase, .text-19-normal, .text-19-normal-150, .text-19-normal-uppercase {\n  font-style: normal;\n  font-size: 1.188rem;\n  line-height: 120%;\n}\n.text-19-normal, .text-19-normal-150, .text-19-normal-uppercase {\n  font-weight: normal;\n}\n.text-19-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-19-normal-150 {\n  line-height: 150%;\n}\n.text-19-bold, .text-19-bold-capitalize, .text-19-bold-uppercase {\n  font-weight: 700;\n}\n.text-19-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-19-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-19-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-20, .text-20-italic, .text-20-bold, .text-20-bold-capitalize, .text-20-bold-uppercase, .text-20-normal, .text-20-normal-150, .text-20-normal-uppercase {\n  font-style: normal;\n  font-size: 1.25rem;\n  line-height: 120%;\n}\n.text-20-normal, .text-20-normal-150, .text-20-normal-uppercase {\n  font-weight: normal;\n}\n.text-20-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-20-normal-150 {\n  line-height: 150%;\n}\n.text-20-bold, .text-20-bold-capitalize, .text-20-bold-uppercase {\n  font-weight: 700;\n}\n.text-20-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-20-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-20-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-21, .text-21-italic, .text-21-bold, .text-21-bold-capitalize, .text-21-bold-uppercase, .text-21-normal, .text-21-normal-150, .text-21-normal-uppercase {\n  font-style: normal;\n  font-size: 1.313rem;\n  line-height: 120%;\n}\n.text-21-normal, .text-21-normal-150, .text-21-normal-uppercase {\n  font-weight: normal;\n}\n.text-21-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-21-normal-150 {\n  line-height: 150%;\n}\n.text-21-bold, .text-21-bold-capitalize, .text-21-bold-uppercase {\n  font-weight: 700;\n}\n.text-21-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-21-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-21-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-22, .text-22-italic, .text-22-bold, .text-22-bold-capitalize, .text-22-bold-uppercase, .text-22-normal, .text-22-normal-150, .text-22-normal-uppercase {\n  font-style: normal;\n  font-size: 1.375rem;\n  line-height: 120%;\n}\n.text-22-normal, .text-22-normal-150, .text-22-normal-uppercase {\n  font-weight: normal;\n}\n.text-22-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-22-normal-150 {\n  line-height: 150%;\n}\n.text-22-bold, .text-22-bold-capitalize, .text-22-bold-uppercase {\n  font-weight: 700;\n}\n.text-22-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-22-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-22-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-24, .text-24-italic, .text-24-bold, .text-24-bold-capitalize, .text-24-bold-uppercase, .text-24-normal, .text-24-normal-150, .text-24-normal-uppercase {\n  font-style: normal;\n  font-size: 1.5rem;\n  line-height: 120%;\n}\n.text-24-normal, .text-24-normal-150, .text-24-normal-uppercase {\n  font-weight: normal;\n}\n.text-24-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-24-normal-150 {\n  line-height: 150%;\n}\n.text-24-bold, .text-24-bold-capitalize, .text-24-bold-uppercase {\n  font-weight: 700;\n}\n.text-24-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-24-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-24-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-26, .text-26-italic, .text-26-bold, .text-26-bold-capitalize, .text-26-bold-uppercase, .text-26-normal, .text-26-normal-150, .text-26-normal-uppercase {\n  font-style: normal;\n  font-size: 1.625rem;\n  line-height: 120%;\n}\n.text-26-normal, .text-26-normal-150, .text-26-normal-uppercase {\n  font-weight: normal;\n}\n.text-26-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-26-normal-150 {\n  line-height: 150%;\n}\n.text-26-bold, .text-26-bold-capitalize, .text-26-bold-uppercase {\n  font-weight: 700;\n}\n.text-26-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-26-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-26-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-28, .text-28-italic, .text-28-bold, .text-28-bold-capitalize, .text-28-bold-uppercase, .text-28-normal, .text-28-normal-150, .text-28-normal-uppercase {\n  font-style: normal;\n  font-size: 1.75rem;\n  line-height: 120%;\n}\n.text-28-normal, .text-28-normal-150, .text-28-normal-uppercase {\n  font-weight: normal;\n}\n.text-28-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-28-normal-150 {\n  line-height: 150%;\n}\n.text-28-bold, .text-28-bold-capitalize, .text-28-bold-uppercase {\n  font-weight: 700;\n}\n.text-28-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-28-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-28-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-36, .text-36-italic, .text-36-bold, .text-36-bold-capitalize, .text-36-bold-uppercase, .text-36-normal, .text-36-normal-150, .text-36-normal-uppercase {\n  font-style: normal;\n  font-size: 2.25rem;\n  line-height: 120%;\n}\n.text-36-normal, .text-36-normal-150, .text-36-normal-uppercase {\n  font-weight: normal;\n}\n.text-36-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-36-normal-150 {\n  line-height: 150%;\n}\n.text-36-bold, .text-36-bold-capitalize, .text-36-bold-uppercase {\n  font-weight: 700;\n}\n.text-36-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-36-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-36-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n/* Card */\n.card-title-on {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 1.125rem;\n  line-height: 120%;\n  color: #e0e0e0;\n}\n\n.card-text-bold {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: bold;\n  font-size: 1rem;\n  line-height: 120%;\n  color: #e0e0e0;\n}\n\n.card-indicator {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 1rem;\n  line-height: 120%;\n  color: #e0e0e0;\n}\n\n.card-text {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 1rem;\n  line-height: 120%;\n  color: #e0e0e0;\n}\n\n/* Chart */\n.chart-ticks-x-text {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 1rem;\n  line-height: 120%;\n}\n@media only screen and (max-width : 768px) {\n  .chart-ticks-x-text {\n    font-size: 0.685rem;\n  }\n}\n\n.chart-ticks-y-text {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 0.9rem;\n  line-height: 120%;\n}\n@media only screen and (max-width : 768px) {\n  .chart-ticks-y-text {\n    font-size: 0.75rem;\n  }\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.axis {\n  color: #7b7b7b;\n}\n.axis .tick-text {\n  fill: #7b7b7b;\n}\n.axis .tick-text.tick-text-selected {\n  fill: #e0e0e0;\n}\n.axis .separator {\n  text-align: center;\n  margin: 0 2px;\n  font-size: 1rem !important;\n}\n\n.value-text {\n  fill: #7b7b7b;\n}\n.value-text.selected {\n  fill: #e0e0e0;\n}\n\n.barContainer.disabled *,\n.barFill.disabled * {\n  cursor: default !important;\n}\n.barContainer:hover,\n.barFill:hover {\n  cursor: pointer;\n}\n\n.background-true {\n  opacity: 0.1;\n}\n.background-true:hover {\n  cursor: pointer;\n}\n\n.background-false {\n  opacity: 0;\n}\n\n.bar-compare-ELECTRICITY:hover,\n.bar-compare-GAS:hover,\n.bar-compare-WATER:hover,\n.bar-compare-MULTIFLUID:hover,\n.bar-MULTIFLUID:hover,\n.bar-WATER:hover,\n.bar-GAS:hover,\n.bar-ELECTRICITY:hover {\n  cursor: pointer;\n}\n.bar-compare-ELECTRICITY:hover.disabled,\n.bar-compare-GAS:hover.disabled,\n.bar-compare-WATER:hover.disabled,\n.bar-compare-MULTIFLUID:hover.disabled,\n.bar-MULTIFLUID:hover.disabled,\n.bar-WATER:hover.disabled,\n.bar-GAS:hover.disabled,\n.bar-ELECTRICITY:hover.disabled {\n  cursor: default;\n}\n\n.bar-ELECTRICITY {\n  fill: #5d3d2a;\n}\n.bar-ELECTRICITY.selected {\n  fill: #d87b39;\n  filter: drop-shadow(0 -0.1rem 0.2rem #d87b39);\n}\n\n.bar-compare-ELECTRICITY {\n  fill: #795c47;\n}\n.bar-compare-ELECTRICITY.selected {\n  fill: #e2bca1;\n  filter: drop-shadow(0 -0.1rem 0.2rem #e2bca1);\n}\n\n.bar-WATER {\n  fill: #20415e;\n}\n.bar-WATER.selected {\n  fill: #3a98ec;\n  filter: drop-shadow(0 -0.1rem 0.2rem #3a98ec);\n}\n\n.bar-compare-WATER {\n  fill: #4d5c6e;\n}\n.bar-compare-WATER.selected {\n  fill: #abd4fa;\n  filter: drop-shadow(0 -0.1rem 0.2rem #abd4fa);\n}\n\n.bar-GAS {\n  fill: #184940;\n}\n.bar-GAS.selected {\n  fill: #45d1b8;\n  filter: drop-shadow(0 -0.1rem 0.2rem #45d1b8);\n}\n\n.bar-compare-GAS {\n  fill: #597773;\n}\n.bar-compare-GAS.selected {\n  fill: #a8f7e9;\n  filter: drop-shadow(0 -0.1rem 0.2rem #a8f7e9);\n}\n\n.bar-MULTIFLUID {\n  fill: #705d1d;\n}\n.bar-MULTIFLUID.selected {\n  fill: #e3b82a;\n  filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a);\n}\n.bar-MULTIFLUID.disabled:hover {\n  cursor: default;\n}\n\n.bar-duel {\n  fill: #61f0f2;\n}\n.bar-duel.selected {\n  fill: #61f0f2;\n  filter: drop-shadow(0 -0.1rem 0.2rem #61f0f2);\n}\n.bar-duel.disabled:hover {\n  cursor: default;\n}\n\n.bar-UPCOMING {\n  fill: #7b7b7b;\n  opacity: 0.6;\n}\n.bar-UPCOMING.selected {\n  fill: #7b7b7b;\n}\n.bar-UPCOMING.disabled:hover {\n  cursor: default;\n}\n\n.bar-compare-MULTIFLUID {\n  fill: #7d6a4e;\n}\n.bar-compare-MULTIFLUID.selected {\n  fill: #ffd597;\n  filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a);\n}\n\n.bar-average {\n  stroke-width: 2;\n  stroke: #e3b82a;\n}\n\n.week {\n  fill: #e2bca1;\n}\n.week.selected {\n  fill: #e2bca1;\n  filter: drop-shadow(0 -0.1rem 0.2rem #e2bca1);\n}\n\n.weekend {\n  fill: #ffd597;\n}\n.weekend.selected {\n  fill: #ffd597;\n  filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a);\n}\n\n.barValue {\n  outline: none;\n}\n.barValue:focus-visible {\n  outline: 2px solid #1b8bff;\n  outline-offset: 2px;\n}\n\n/** Animation **/\n.bounce-1 {\n  animation-name: bounce-1;\n  animation-timing-function: cubic-bezier(1, 1, 0.42, 1);\n  animation-iteration-count: 1;\n  transform-origin: bottom center;\n  transform-box: fill-box;\n}\n\n@keyframes bounce-1 {\n  0% {\n    transform: scale(0.1, 0.1);\n  }\n  28% {\n    transform: scale(0.1, 1.1);\n  }\n  45% {\n    transform: scale(0.8, 0.95);\n  }\n  55% {\n    transform: scale(1, 1);\n  }\n  65% {\n    transform: scale(1, 0.98);\n  }\n  75% {\n    transform: scale(1, 1);\n  }\n}\n.bounce-2 {\n  animation-name: bounce-2;\n  animation-timing-function: cubic-bezier(1, 1, 0.42, 1);\n  animation-iteration-count: 1;\n  transform-origin: bottom center;\n  transform-box: fill-box;\n}\n\n@keyframes bounce-2 {\n  0% {\n    transform: scale(1, 1);\n  }\n  28% {\n    transform: scale(1, 1.1);\n  }\n  45% {\n    transform: scale(0.8, 0.95);\n  }\n  55% {\n    transform: scale(1, 1);\n  }\n  65% {\n    transform: scale(1, 0.98);\n  }\n  75% {\n    transform: scale(1, 1);\n  }\n}\n/** Animation delay **/\n.delay {\n  animation-duration: 0.4s;\n}\n\n.delay--0 {\n  animation-duration: 0.4s;\n}\n\n.delay--1 {\n  animation-duration: 0.48s;\n}\n\n.delay--2 {\n  animation-duration: 0.56s;\n}\n\n.delay--3 {\n  animation-duration: 0.64s;\n}\n\n.delay--4 {\n  animation-duration: 0.72s;\n}\n\n.delay--5 {\n  animation-duration: 0.8s;\n}\n\n.delay--6 {\n  animation-duration: 0.88s;\n}\n\n.delay--7 {\n  animation-duration: 0.96s;\n}\n\n.delay--8 {\n  animation-duration: 1.04s;\n}\n\n.delay--9 {\n  animation-duration: 1.12s;\n}\n\n.delay--10 {\n  animation-duration: 1.2s;\n}\n\n.delay--11 {\n  animation-duration: 1.28s;\n}\n\n.delay--12 {\n  animation-duration: 1.36s;\n}\n\n.delay--13 {\n  animation-duration: 1.44s;\n}\n\n.delay--14 {\n  animation-duration: 1.52s;\n}\n\n.delay--15 {\n  animation-duration: 1.6s;\n}\n\n.delay--16 {\n  animation-duration: 1.68s;\n}\n\n.delay--17 {\n  animation-duration: 1.76s;\n}\n\n.delay--18 {\n  animation-duration: 1.84s;\n}\n\n.delay--19 {\n  animation-duration: 1.92s;\n}\n\n.delay--20 {\n  animation-duration: 2s;\n}\n\n.delay--21 {\n  animation-duration: 2.08s;\n}\n\n.delay--22 {\n  animation-duration: 2.16s;\n}\n\n.delay--23 {\n  animation-duration: 2.24s;\n}\n\n.delay--24 {\n  animation-duration: 2.32s;\n}\n\n.delay--25 {\n  animation-duration: 2.4s;\n}\n\n.delay--26 {\n  animation-duration: 2.48s;\n}\n\n.delay--27 {\n  animation-duration: 2.56s;\n}\n\n.delay--28 {\n  animation-duration: 2.64s;\n}\n\n.delay--29 {\n  animation-duration: 2.72s;\n}\n\n.delay--30 {\n  animation-duration: 2.8s;\n}\n\n.delay--31 {\n  animation-duration: 2.88s;\n}\n\n.delay--32 {\n  animation-duration: 2.96s;\n}\n\n.delay--33 {\n  animation-duration: 3.04s;\n}\n\n.delay--34 {\n  animation-duration: 3.12s;\n}\n\n.delay--35 {\n  animation-duration: 3.2s;\n}\n\n.delay--36 {\n  animation-duration: 3.28s;\n}\n\n.delay--37 {\n  animation-duration: 3.36s;\n}\n\n.delay--38 {\n  animation-duration: 3.44s;\n}\n\n.delay--39 {\n  animation-duration: 3.52s;\n}\n\n.delay--40 {\n  animation-duration: 3.6s;\n}\n\n.delay--41 {\n  animation-duration: 3.68s;\n}\n\n.delay--42 {\n  animation-duration: 3.76s;\n}\n\n.delay--43 {\n  animation-duration: 3.84s;\n}\n\n.delay--44 {\n  animation-duration: 3.92s;\n}\n\n.delay--45 {\n  animation-duration: 4s;\n}\n\n.delay--46 {\n  animation-duration: 4.08s;\n}\n\n.delay--47 {\n  animation-duration: 4.16s;\n}\n\n.delay--48 {\n  animation-duration: 4.24s;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\nbutton span {\n  font-size: 1rem;\n  font-weight: 700;\n}\nbutton:focus-visible {\n  outline: 2px solid #1b8bff;\n  outline-offset: 2px;\n}\nbutton.btnPrimary {\n  background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017;\n  border: 1px solid;\n  border-color: transparent;\n  border-radius: 4px;\n  width: 100%;\n  text-transform: initial;\n  transition: all 150ms ease-in-out;\n}\nbutton.btnPrimary span:first-child {\n  color: #121212;\n}\nbutton.btnPrimary:hover, button.btnPrimary:focus, button.btnPrimary.active, button.btnPrimary:disabled {\n  background-color: #b89318;\n}\nbutton.btnPrimary:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\nbutton.btnSecondary {\n  background: transparent;\n  border: 1px solid;\n  border-color: #e0e0e0;\n  border-radius: 4px;\n  width: 100%;\n  text-transform: initial;\n  transition: all 150ms ease-in-out;\n}\nbutton.btnSecondary span:first-child {\n  color: #e0e0e0;\n}\nbutton.btnSecondary:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\nbutton.btnText span {\n  text-decoration: underline;\n  text-transform: none;\n  font-weight: 400;\n}\nbutton.btnIncrement {\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  border: 1px solid;\n  border-color: transparent;\n  border-radius: 4px;\n  width: 100%;\n  text-transform: initial;\n  transition: all 150ms ease-in-out;\n  min-width: 40px;\n  width: 40px;\n  height: 40px;\n  border-radius: 4px;\n  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.55);\n}\nbutton.btnIncrement span:first-child {\n  color: #ffffff;\n}\nbutton.btnIncrement:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\nbutton.btnTab {\n  background: transparent;\n  border: 1px solid;\n  border-color: transparent;\n  border-radius: 4px;\n  width: 100%;\n  text-transform: initial;\n  transition: all 150ms ease-in-out;\n  text-transform: none;\n  border-radius: 43px !important;\n  height: 25px;\n  padding: 4px;\n}\nbutton.btnTab span:first-child {\n  color: #e0e0e0;\n}\nbutton.btnTab:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\nbutton.btnTab span {\n  font-weight: 400;\n  line-height: normal;\n}\nbutton.btnTab.active {\n  background: rgba(255, 255, 255, 0.1);\n}\nbutton.btnTab.active span {\n  font-weight: 700;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\ninput.inputText,\ninput.inputNumber {\n  box-sizing: border-box;\n  border: 1px solid #7b7b7b;\n  background: transparent;\n  transition: all 300ms ease;\n  color: #e0e0e0;\n}\n\ninput.inputText {\n  appearance: none;\n  border-radius: 4px;\n  height: 45px;\n  width: 100%;\n  max-width: 280px;\n  padding: 0 0.5rem;\n}\n\ninput.inputNumber {\n  border-radius: 2px;\n  height: 40px;\n  width: 60px;\n  max-width: 5rem;\n  text-align: center;\n}\n\ninput:focus-visible {\n  outline: 2px solid #1b8bff;\n  outline-offset: 2px;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.card {\n  background-color: #23252d;\n  border: 1px solid #2f3139;\n  box-sizing: border-box;\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.75);\n  border-radius: 4px;\n  padding: 16px;\n}\n.card:hover {\n  opacity: 0.9;\n}\n.card.rich-card {\n  padding: 16px;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\ndiv.modal-root .MuiBackdrop-root {\n  background-color: hsla(231deg, 11%, 12%, 0.85);\n}\n\ndiv.modal-paper {\n  background: #23252d;\n  width: 36rem;\n  max-width: 100%;\n  max-height: 90vh;\n  padding: 2rem;\n  box-sizing: border-box;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  border-radius: 4px;\n  margin: 0 0 0 13.75rem;\n  align-items: center;\n  color: #ffffff;\n}\n@media only screen and (max-width : 1023px) {\n  div.modal-paper {\n    width: 35rem;\n    margin: 0;\n  }\n}\n@media only screen and (max-width : 768px) {\n  div.modal-paper {\n    padding: 1rem 1rem 1.5rem;\n    width: 85%;\n    max-width: 35rem;\n    margin: 0;\n  }\n}\ndiv.modal-paper.no-padding {\n  padding: 0;\n}\ndiv.modal-paper.yellow-border {\n  border: 1px solid rgba(227, 184, 42, 0.4);\n}\ndiv.modal-paper .modal-paper-close-button {\n  position: absolute;\n  top: 0.5rem;\n  right: 0.5rem;\n  padding: 5px 5px;\n  z-index: 10;\n}\n\ndiv.modal-paper-full-screen {\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  width: 100%;\n  max-width: 100%;\n  height: 100%;\n  max-height: 100%;\n  padding: 0;\n  margin: 0;\n  box-sizing: border-box;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  border-radius: 4px;\n  color: #ffffff;\n  display: flex;\n  align-items: center;\n}\ndiv.modal-paper-full-screen.dark-background {\n  background: #121212;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\ndiv.expansion-panel-root {\n  margin-bottom: 1rem;\n  color: #e0e0e0;\n  background-color: #23252d;\n  border: 1px solid #2f3139;\n  border-radius: 4px;\n  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);\n  transition: background-color 0.6s ease;\n  box-sizing: border-box;\n}\ndiv.expansion-panel-root.Mui-expanded:first-child {\n  margin: 1.2rem 0;\n}\ndiv.expansion-panel-root.Mui-expanded:last-child {\n  margin: 1.2rem 0;\n}\ndiv.expansion-panel-root.red-border {\n  border: 1px solid #d25959;\n}\n\ndiv.expansion-panel-summary {\n  padding: 0.25rem 1rem;\n  min-height: 4rem;\n}\ndiv.expansion-panel-summary.Mui-focused {\n  border-radius: 4px;\n  background-color: unset;\n  box-shadow: 0 0 0 1px #e0e0e0;\n}\ndiv.expansion-panel-summary:focus-visible {\n  outline: 2px solid #1b8bff;\n  outline-offset: 2px;\n}\ndiv.expansion-panel-summary.Mui-expanded {\n  min-height: 4rem;\n}\ndiv.expansion-panel-summary.Mui-expanded.small {\n  min-height: 3rem;\n}\ndiv.expansion-panel-summary.small {\n  padding: 0 1.2rem;\n  min-height: 3rem;\n}\ndiv.expansion-panel-summary.bold-text {\n  font-weight: bold;\n}\n\ndiv.expansion-panel-content {\n  display: flex;\n  align-items: center;\n}\ndiv.expansion-panel-content.Mui-expanded {\n  margin: 0.75rem 0;\n}\n\ndiv.expansion-panel-details {\n  padding: 0 1.2rem 1.2rem;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\na {\n  color: #deaf0e;\n}\na:visited {\n  color: #deaf0e;\n}\n\na:focus {\n  outline: none;\n  box-shadow: inset 0 0 0 1px #e0e0e0;\n}\na:focus > div:first-child {\n  box-shadow: 0 0 0 1px #e0e0e0;\n}\n\na:focus-visible {\n  outline: 2px solid #1b8bff;\n  outline-offset: 2px;\n}\n\na.MuiLink-underlineHover:hover {\n  text-decoration: none;\n}\n\na.MuiTypography-colorPrimary {\n  color: #e0e0e0;\n}\n\n:root {\n  white-space: pre-line;\n  --blue: #58ffff;\n  --blue40: rgba(88, 255, 255, 0.2509803922);\n  --blueBackground: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(1, 153, 163, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #58ffff;\n  --blueRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(1, 153, 163, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #58ffff;\n  --blueRadialGradientTrans: radial-gradient(circle, #58ffff 0%, rgba(255, 255, 255, 0) 100%);\n  --elecColor: #d87b39;\n  --elecColor40: rgba(216, 123, 57, 0.4);\n  --elecCompareColor: #e2bca1;\n  --gasColor: #45d1b8;\n  --gasColor40: rgba(69, 209, 184, 0.4);\n  --gasCompareColor: #a8f7e9;\n  --waterColor: #3a98ec;\n  --waterColor40: rgba(58, 152, 236, 0.4);\n  --waterCompareColor: #abd4fa;\n  --multiColor: #e3b82a;\n  --multiCompareColor: #ffd597;\n  --redPrimary: #d25959;\n  --greyBright: #e0e0e0;\n  --greyDark: #7b7b7b;\n  --textWhite: #ffffff;\n  --softGrey: #a0a0a0;\n  --darkLight: #25262b;\n  --darkLight2: #121212;\n  --textFont: Lato, sans-serif;\n  --greyLinearGradientBackground: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  --multiColorRadialGradientTrans: radial-gradient(circle, #e3b82a 0%, rgba(255, 255, 255, 0) 100%);\n  --elecColorRadialGradientTrans: radial-gradient(circle, #d87b39 0%, rgba(255, 255, 255, 0) 100%);\n  --waterColorRadialGradientTrans: radial-gradient(circle, #3a98ec 0%, rgba(255, 255, 255, 0) 100%);\n  --gasColorRadialGradientTrans: radial-gradient(circle, #e3b82a 0%, rgba(255, 255, 255, 0) 100%);\n  --multiColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017;\n  --elecColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(158, 67, 2, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #d87b39;\n  --gasColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(4, 106, 88, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #45d1b8;\n  --waterColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(2, 93, 174, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #3a98ec;\n  --grey-0: #1b1c21;\n  --grey-1: #23252d;\n  --grey-2: #2f3139;\n  --paperBackgroundColor: $dark-2;\n  --primaryTextColor: $grey-bright;\n}\n\n.application {\n  overflow-x: hidden;\n}\n\n.accordion-icon {\n  color: #ffffff;\n}\n\n.loaderContainer {\n  height: 80vh;\n  display: flex;\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  background-color: transparent;\n}\n\n.makeStyles-fab-1 {\n  top: 12px;\n  left: 3rem !important;\n  width: 36px !important;\n  height: 36px !important;\n  background-color: #7b7b7b !important;\n}\n\ninput:-webkit-autofill,\ninput:-webkit-autofill:hover,\ninput:-webkit-autofill:focus,\ninput:-webkit-autofill:active {\n  -webkit-box-shadow: 0 0 0 30px #1b1c22 inset !important;\n}", ""]);
+exports.push([module.i, "/* Cozy UI utilities classes */\n/* Cozy UI React components styles */\n/* App styles */\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\nbody {\n  background: #1b1c21;\n  overflow: unset !important;\n  color: #e0e0e0;\n}\n\n.column {\n  display: flex;\n  flex-direction: column;\n}\n\n.row {\n  display: flex;\n  flex-direction: row;\n}\n\n.cozy-bar {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: 0;\n}\n\n[role=banner] .coz-bar-container {\n  background-color: #ffffff;\n}\n@media only screen and (max-width : 768px) {\n  [role=banner] .coz-bar-container {\n    padding: 0.6rem 0 0 0;\n    background-color: unset;\n  }\n}\n\n.coz-bar-wrapper {\n  box-shadow: unset !important;\n  background: unset !important;\n}\n\n.coz-label {\n  color: #32363f;\n}\n\n.content-view-loading {\n  height: 80vh;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  color: #e0e0e0;\n}\n.content-view-loading .content-view-loading-text {\n  padding-top: 1rem;\n  margin: 0 2rem;\n  text-align: center;\n}\n.content-view-loading .content-view-loading-button {\n  max-width: 50vw;\n  margin-top: 1rem;\n}\n\n[role=main] {\n  /* width */\n  /* Track */\n  /* Handle */\n}\n[role=main]::-webkit-scrollbar {\n  width: 10px;\n}\n[role=main]::-webkit-scrollbar-track {\n  background: #3e4045;\n}\n[role=main]::-webkit-scrollbar-thumb {\n  background: #6f7074;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n* {\n  font-family: Lato, sans-serif;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np {\n  font-family: Lato, sans-serif;\n}\n\n.home-title {\n  font-size: 1rem;\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  line-height: 120%;\n  text-transform: uppercase;\n}\n\n.app-title {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: bold;\n  font-size: 21px;\n  line-height: 24px;\n  text-align: center;\n  letter-spacing: 0.15px;\n  color: #e0e0e0;\n  text-shadow: 0px -1px 0px #060609, 0px 1px 0px rgba(255, 255, 255, 0.07);\n}\n\n.text-10, .text-10-italic, .text-10-bold, .text-10-bold-capitalize, .text-10-bold-uppercase, .text-10-normal, .text-10-normal-150, .text-10-normal-uppercase {\n  font-style: normal;\n  font-size: 0.625rem;\n  line-height: 120%;\n}\n.text-10-normal, .text-10-normal-150, .text-10-normal-uppercase {\n  font-weight: normal;\n}\n.text-10-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-10-normal-150 {\n  line-height: 150%;\n}\n.text-10-bold, .text-10-bold-capitalize, .text-10-bold-uppercase {\n  font-weight: 700;\n}\n.text-10-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-10-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-10-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-12, .text-12-italic, .text-12-bold, .text-12-bold-capitalize, .text-12-bold-uppercase, .text-12-normal, .text-12-normal-150, .text-12-normal-uppercase {\n  font-style: normal;\n  font-size: 0.75rem;\n  line-height: 120%;\n}\n.text-12-normal, .text-12-normal-150, .text-12-normal-uppercase {\n  font-weight: normal;\n}\n.text-12-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-12-normal-150 {\n  line-height: 150%;\n}\n.text-12-bold, .text-12-bold-capitalize, .text-12-bold-uppercase {\n  font-weight: 700;\n}\n.text-12-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-12-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-12-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-13, .text-13-italic, .text-13-bold, .text-13-bold-capitalize, .text-13-bold-uppercase, .text-13-normal, .text-13-normal-150, .text-13-normal-uppercase {\n  font-style: normal;\n  font-size: 0.8125rem;\n  line-height: 120%;\n}\n.text-13-normal, .text-13-normal-150, .text-13-normal-uppercase {\n  font-weight: normal;\n}\n.text-13-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-13-normal-150 {\n  line-height: 150%;\n}\n.text-13-bold, .text-13-bold-capitalize, .text-13-bold-uppercase {\n  font-weight: 700;\n}\n.text-13-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-13-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-13-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-14, .text-14-italic, .text-14-bold, .text-14-bold-capitalize, .text-14-bold-uppercase, .text-14-normal, .text-14-normal-150, .text-14-normal-uppercase {\n  font-style: normal;\n  font-size: 0.875rem;\n  line-height: 120%;\n}\n.text-14-normal, .text-14-normal-150, .text-14-normal-uppercase {\n  font-weight: normal;\n}\n.text-14-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-14-normal-150 {\n  line-height: 150%;\n}\n.text-14-bold, .text-14-bold-capitalize, .text-14-bold-uppercase {\n  font-weight: 700;\n}\n.text-14-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-14-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-14-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-15, .text-15-italic, .text-15-bold, .text-15-bold-capitalize, .text-15-bold-uppercase, .text-15-normal, .text-15-normal-150, .text-15-normal-uppercase {\n  font-style: normal;\n  font-size: 0.938rem;\n  line-height: 120%;\n}\n.text-15-normal, .text-15-normal-150, .text-15-normal-uppercase {\n  font-weight: normal;\n}\n.text-15-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-15-normal-150 {\n  line-height: 150%;\n}\n.text-15-bold, .text-15-bold-capitalize, .text-15-bold-uppercase {\n  font-weight: 700;\n}\n.text-15-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-15-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-15-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-16, .text-16-italic, .text-16-bold, .text-16-bold-capitalize, .text-16-bold-uppercase, .text-16-normal, .text-16-normal-150, .text-16-normal-uppercase {\n  font-style: normal;\n  font-size: 1rem;\n  line-height: 120%;\n}\n.text-16-normal, .text-16-normal-150, .text-16-normal-uppercase {\n  font-weight: normal;\n}\n.text-16-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-16-normal-150 {\n  line-height: 150%;\n}\n.text-16-bold, .text-16-bold-capitalize, .text-16-bold-uppercase {\n  font-weight: 700;\n}\n.text-16-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-16-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-16-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-18, .text-18-italic, .text-18-bold, .text-18-bold-capitalize, .text-18-bold-uppercase, .text-18-normal, .text-18-normal-150, .text-18-normal-uppercase {\n  font-style: normal;\n  font-size: 1.125rem;\n  line-height: 120%;\n}\n.text-18-normal, .text-18-normal-150, .text-18-normal-uppercase {\n  font-weight: normal;\n}\n.text-18-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-18-normal-150 {\n  line-height: 150%;\n}\n.text-18-bold, .text-18-bold-capitalize, .text-18-bold-uppercase {\n  font-weight: 700;\n}\n.text-18-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-18-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-18-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-19, .text-19-italic, .text-19-bold, .text-19-bold-capitalize, .text-19-bold-uppercase, .text-19-normal, .text-19-normal-150, .text-19-normal-uppercase {\n  font-style: normal;\n  font-size: 1.188rem;\n  line-height: 120%;\n}\n.text-19-normal, .text-19-normal-150, .text-19-normal-uppercase {\n  font-weight: normal;\n}\n.text-19-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-19-normal-150 {\n  line-height: 150%;\n}\n.text-19-bold, .text-19-bold-capitalize, .text-19-bold-uppercase {\n  font-weight: 700;\n}\n.text-19-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-19-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-19-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-20, .text-20-italic, .text-20-bold, .text-20-bold-capitalize, .text-20-bold-uppercase, .text-20-normal, .text-20-normal-150, .text-20-normal-uppercase {\n  font-style: normal;\n  font-size: 1.25rem;\n  line-height: 120%;\n}\n.text-20-normal, .text-20-normal-150, .text-20-normal-uppercase {\n  font-weight: normal;\n}\n.text-20-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-20-normal-150 {\n  line-height: 150%;\n}\n.text-20-bold, .text-20-bold-capitalize, .text-20-bold-uppercase {\n  font-weight: 700;\n}\n.text-20-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-20-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-20-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-21, .text-21-italic, .text-21-bold, .text-21-bold-capitalize, .text-21-bold-uppercase, .text-21-normal, .text-21-normal-150, .text-21-normal-uppercase {\n  font-style: normal;\n  font-size: 1.313rem;\n  line-height: 120%;\n}\n.text-21-normal, .text-21-normal-150, .text-21-normal-uppercase {\n  font-weight: normal;\n}\n.text-21-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-21-normal-150 {\n  line-height: 150%;\n}\n.text-21-bold, .text-21-bold-capitalize, .text-21-bold-uppercase {\n  font-weight: 700;\n}\n.text-21-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-21-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-21-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-22, .text-22-italic, .text-22-bold, .text-22-bold-capitalize, .text-22-bold-uppercase, .text-22-normal, .text-22-normal-150, .text-22-normal-uppercase {\n  font-style: normal;\n  font-size: 1.375rem;\n  line-height: 120%;\n}\n.text-22-normal, .text-22-normal-150, .text-22-normal-uppercase {\n  font-weight: normal;\n}\n.text-22-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-22-normal-150 {\n  line-height: 150%;\n}\n.text-22-bold, .text-22-bold-capitalize, .text-22-bold-uppercase {\n  font-weight: 700;\n}\n.text-22-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-22-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-22-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-24, .text-24-italic, .text-24-bold, .text-24-bold-capitalize, .text-24-bold-uppercase, .text-24-normal, .text-24-normal-150, .text-24-normal-uppercase {\n  font-style: normal;\n  font-size: 1.5rem;\n  line-height: 120%;\n}\n.text-24-normal, .text-24-normal-150, .text-24-normal-uppercase {\n  font-weight: normal;\n}\n.text-24-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-24-normal-150 {\n  line-height: 150%;\n}\n.text-24-bold, .text-24-bold-capitalize, .text-24-bold-uppercase {\n  font-weight: 700;\n}\n.text-24-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-24-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-24-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-26, .text-26-italic, .text-26-bold, .text-26-bold-capitalize, .text-26-bold-uppercase, .text-26-normal, .text-26-normal-150, .text-26-normal-uppercase {\n  font-style: normal;\n  font-size: 1.625rem;\n  line-height: 120%;\n}\n.text-26-normal, .text-26-normal-150, .text-26-normal-uppercase {\n  font-weight: normal;\n}\n.text-26-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-26-normal-150 {\n  line-height: 150%;\n}\n.text-26-bold, .text-26-bold-capitalize, .text-26-bold-uppercase {\n  font-weight: 700;\n}\n.text-26-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-26-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-26-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-28, .text-28-italic, .text-28-bold, .text-28-bold-capitalize, .text-28-bold-uppercase, .text-28-normal, .text-28-normal-150, .text-28-normal-uppercase {\n  font-style: normal;\n  font-size: 1.75rem;\n  line-height: 120%;\n}\n.text-28-normal, .text-28-normal-150, .text-28-normal-uppercase {\n  font-weight: normal;\n}\n.text-28-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-28-normal-150 {\n  line-height: 150%;\n}\n.text-28-bold, .text-28-bold-capitalize, .text-28-bold-uppercase {\n  font-weight: 700;\n}\n.text-28-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-28-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-28-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n.text-36, .text-36-italic, .text-36-bold, .text-36-bold-capitalize, .text-36-bold-uppercase, .text-36-normal, .text-36-normal-150, .text-36-normal-uppercase {\n  font-style: normal;\n  font-size: 2.25rem;\n  line-height: 120%;\n}\n.text-36-normal, .text-36-normal-150, .text-36-normal-uppercase {\n  font-weight: normal;\n}\n.text-36-normal-uppercase {\n  text-transform: uppercase;\n}\n.text-36-normal-150 {\n  line-height: 150%;\n}\n.text-36-bold, .text-36-bold-capitalize, .text-36-bold-uppercase {\n  font-weight: 700;\n}\n.text-36-bold-uppercase {\n  text-transform: uppercase;\n}\n.text-36-bold-capitalize {\n  text-transform: capitalize;\n}\n.text-36-italic {\n  font-style: italic;\n  font-weight: normal;\n}\n\n/* Card */\n.card-title-on {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 1.125rem;\n  line-height: 120%;\n  color: #e0e0e0;\n}\n\n.card-text-bold {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: bold;\n  font-size: 1rem;\n  line-height: 120%;\n  color: #e0e0e0;\n}\n\n.card-indicator {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 1rem;\n  line-height: 120%;\n  color: #e0e0e0;\n}\n\n.card-text {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 1rem;\n  line-height: 120%;\n  color: #e0e0e0;\n}\n\n/* Chart */\n.chart-ticks-x-text {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 1rem;\n  line-height: 120%;\n}\n@media only screen and (max-width : 768px) {\n  .chart-ticks-x-text {\n    font-size: 0.685rem;\n  }\n}\n\n.chart-ticks-y-text {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 0.9rem;\n  line-height: 120%;\n}\n@media only screen and (max-width : 768px) {\n  .chart-ticks-y-text {\n    font-size: 0.75rem;\n  }\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.axis {\n  color: #7b7b7b;\n}\n.axis .tick-text {\n  fill: #7b7b7b;\n}\n.axis .tick-text.tick-text-selected {\n  fill: #e0e0e0;\n}\n.axis .separator {\n  text-align: center;\n  margin: 0 2px;\n  font-size: 1rem !important;\n}\n\n.value-text {\n  fill: #7b7b7b;\n}\n.value-text.selected {\n  fill: #e0e0e0;\n}\n\n.barContainer.disabled *,\n.barFill.disabled * {\n  cursor: default !important;\n}\n.barContainer:hover,\n.barFill:hover {\n  cursor: pointer;\n}\n\n.background-true {\n  opacity: 0.1;\n}\n.background-true:hover {\n  cursor: pointer;\n}\n\n.background-false {\n  opacity: 0;\n}\n\n.bar-compare-ELECTRICITY:hover,\n.bar-compare-GAS:hover,\n.bar-compare-WATER:hover,\n.bar-compare-MULTIFLUID:hover,\n.bar-MULTIFLUID:hover,\n.bar-WATER:hover,\n.bar-GAS:hover,\n.bar-ELECTRICITY:hover {\n  cursor: pointer;\n}\n.bar-compare-ELECTRICITY:hover.disabled,\n.bar-compare-GAS:hover.disabled,\n.bar-compare-WATER:hover.disabled,\n.bar-compare-MULTIFLUID:hover.disabled,\n.bar-MULTIFLUID:hover.disabled,\n.bar-WATER:hover.disabled,\n.bar-GAS:hover.disabled,\n.bar-ELECTRICITY:hover.disabled {\n  cursor: default;\n}\n\n.bar-ELECTRICITY {\n  fill: #5d3d2a;\n}\n.bar-ELECTRICITY.selected {\n  fill: #d87b39;\n  filter: drop-shadow(0 -0.1rem 0.2rem #d87b39);\n}\n\n.bar-compare-ELECTRICITY {\n  fill: #795c47;\n}\n.bar-compare-ELECTRICITY.selected {\n  fill: #e2bca1;\n  filter: drop-shadow(0 -0.1rem 0.2rem #e2bca1);\n}\n\n.bar-WATER {\n  fill: #20415e;\n}\n.bar-WATER.selected {\n  fill: #3a98ec;\n  filter: drop-shadow(0 -0.1rem 0.2rem #3a98ec);\n}\n\n.bar-compare-WATER {\n  fill: #4d5c6e;\n}\n.bar-compare-WATER.selected {\n  fill: #abd4fa;\n  filter: drop-shadow(0 -0.1rem 0.2rem #abd4fa);\n}\n\n.bar-GAS {\n  fill: #184940;\n}\n.bar-GAS.selected {\n  fill: #45d1b8;\n  filter: drop-shadow(0 -0.1rem 0.2rem #45d1b8);\n}\n\n.bar-compare-GAS {\n  fill: #597773;\n}\n.bar-compare-GAS.selected {\n  fill: #a8f7e9;\n  filter: drop-shadow(0 -0.1rem 0.2rem #a8f7e9);\n}\n\n.bar-MULTIFLUID {\n  fill: #705d1d;\n}\n.bar-MULTIFLUID.selected {\n  fill: #e3b82a;\n  filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a);\n}\n.bar-MULTIFLUID.disabled:hover {\n  cursor: default;\n}\n\n.bar-duel {\n  fill: #61f0f2;\n}\n.bar-duel.selected {\n  fill: #61f0f2;\n  filter: drop-shadow(0 -0.1rem 0.2rem #61f0f2);\n}\n.bar-duel.disabled:hover {\n  cursor: default;\n}\n\n.bar-UPCOMING {\n  fill: #7b7b7b;\n  opacity: 0.6;\n}\n.bar-UPCOMING.selected {\n  fill: #7b7b7b;\n}\n.bar-UPCOMING.disabled:hover {\n  cursor: default;\n}\n\n.bar-compare-MULTIFLUID {\n  fill: #7d6a4e;\n}\n.bar-compare-MULTIFLUID.selected {\n  fill: #ffd597;\n  filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a);\n}\n\n.bar-average {\n  stroke-width: 2;\n  stroke: #e3b82a;\n}\n\n.week {\n  fill: #e2bca1;\n}\n.week.selected {\n  fill: #e2bca1;\n  filter: drop-shadow(0 -0.1rem 0.2rem #e2bca1);\n}\n\n.weekend {\n  fill: #ffd597;\n}\n.weekend.selected {\n  fill: #ffd597;\n  filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a);\n}\n\n.barValue {\n  outline: none;\n}\n.barValue:focus-visible {\n  outline: 2px solid #1b8bff;\n  outline-offset: 2px;\n}\n\n/** Animation **/\n.bounce-1 {\n  animation-name: bounce-1;\n  animation-timing-function: cubic-bezier(1, 1, 0.42, 1);\n  animation-iteration-count: 1;\n  transform-origin: bottom center;\n  transform-box: fill-box;\n}\n\n@keyframes bounce-1 {\n  0% {\n    transform: scale(0.1, 0.1);\n  }\n  28% {\n    transform: scale(0.1, 1.1);\n  }\n  45% {\n    transform: scale(0.8, 0.95);\n  }\n  55% {\n    transform: scale(1, 1);\n  }\n  65% {\n    transform: scale(1, 0.98);\n  }\n  75% {\n    transform: scale(1, 1);\n  }\n}\n.bounce-2 {\n  animation-name: bounce-2;\n  animation-timing-function: cubic-bezier(1, 1, 0.42, 1);\n  animation-iteration-count: 1;\n  transform-origin: bottom center;\n  transform-box: fill-box;\n}\n\n@keyframes bounce-2 {\n  0% {\n    transform: scale(1, 1);\n  }\n  28% {\n    transform: scale(1, 1.1);\n  }\n  45% {\n    transform: scale(0.8, 0.95);\n  }\n  55% {\n    transform: scale(1, 1);\n  }\n  65% {\n    transform: scale(1, 0.98);\n  }\n  75% {\n    transform: scale(1, 1);\n  }\n}\n/** Animation delay **/\n.delay {\n  animation-duration: 0.4s;\n}\n\n.delay--0 {\n  animation-duration: 0.4s;\n}\n\n.delay--1 {\n  animation-duration: 0.48s;\n}\n\n.delay--2 {\n  animation-duration: 0.56s;\n}\n\n.delay--3 {\n  animation-duration: 0.64s;\n}\n\n.delay--4 {\n  animation-duration: 0.72s;\n}\n\n.delay--5 {\n  animation-duration: 0.8s;\n}\n\n.delay--6 {\n  animation-duration: 0.88s;\n}\n\n.delay--7 {\n  animation-duration: 0.96s;\n}\n\n.delay--8 {\n  animation-duration: 1.04s;\n}\n\n.delay--9 {\n  animation-duration: 1.12s;\n}\n\n.delay--10 {\n  animation-duration: 1.2s;\n}\n\n.delay--11 {\n  animation-duration: 1.28s;\n}\n\n.delay--12 {\n  animation-duration: 1.36s;\n}\n\n.delay--13 {\n  animation-duration: 1.44s;\n}\n\n.delay--14 {\n  animation-duration: 1.52s;\n}\n\n.delay--15 {\n  animation-duration: 1.6s;\n}\n\n.delay--16 {\n  animation-duration: 1.68s;\n}\n\n.delay--17 {\n  animation-duration: 1.76s;\n}\n\n.delay--18 {\n  animation-duration: 1.84s;\n}\n\n.delay--19 {\n  animation-duration: 1.92s;\n}\n\n.delay--20 {\n  animation-duration: 2s;\n}\n\n.delay--21 {\n  animation-duration: 2.08s;\n}\n\n.delay--22 {\n  animation-duration: 2.16s;\n}\n\n.delay--23 {\n  animation-duration: 2.24s;\n}\n\n.delay--24 {\n  animation-duration: 2.32s;\n}\n\n.delay--25 {\n  animation-duration: 2.4s;\n}\n\n.delay--26 {\n  animation-duration: 2.48s;\n}\n\n.delay--27 {\n  animation-duration: 2.56s;\n}\n\n.delay--28 {\n  animation-duration: 2.64s;\n}\n\n.delay--29 {\n  animation-duration: 2.72s;\n}\n\n.delay--30 {\n  animation-duration: 2.8s;\n}\n\n.delay--31 {\n  animation-duration: 2.88s;\n}\n\n.delay--32 {\n  animation-duration: 2.96s;\n}\n\n.delay--33 {\n  animation-duration: 3.04s;\n}\n\n.delay--34 {\n  animation-duration: 3.12s;\n}\n\n.delay--35 {\n  animation-duration: 3.2s;\n}\n\n.delay--36 {\n  animation-duration: 3.28s;\n}\n\n.delay--37 {\n  animation-duration: 3.36s;\n}\n\n.delay--38 {\n  animation-duration: 3.44s;\n}\n\n.delay--39 {\n  animation-duration: 3.52s;\n}\n\n.delay--40 {\n  animation-duration: 3.6s;\n}\n\n.delay--41 {\n  animation-duration: 3.68s;\n}\n\n.delay--42 {\n  animation-duration: 3.76s;\n}\n\n.delay--43 {\n  animation-duration: 3.84s;\n}\n\n.delay--44 {\n  animation-duration: 3.92s;\n}\n\n.delay--45 {\n  animation-duration: 4s;\n}\n\n.delay--46 {\n  animation-duration: 4.08s;\n}\n\n.delay--47 {\n  animation-duration: 4.16s;\n}\n\n.delay--48 {\n  animation-duration: 4.24s;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\nbutton span {\n  font-size: 1rem;\n  font-weight: 700;\n}\nbutton:focus-visible {\n  outline: 2px solid #1b8bff;\n  outline-offset: 2px;\n}\nbutton.btnPrimary {\n  background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017;\n  border: 1px solid;\n  border-color: transparent;\n  border-radius: 4px;\n  width: 100%;\n  text-transform: initial;\n  transition: all 150ms ease-in-out;\n}\nbutton.btnPrimary span:first-child {\n  color: #121212;\n}\nbutton.btnPrimary:hover, button.btnPrimary:focus, button.btnPrimary.active, button.btnPrimary:disabled {\n  background-color: #b89318;\n}\nbutton.btnPrimary:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\nbutton.btnSecondary {\n  background: transparent;\n  border: 1px solid;\n  border-color: #e0e0e0;\n  border-radius: 4px;\n  width: 100%;\n  text-transform: initial;\n  transition: all 150ms ease-in-out;\n}\nbutton.btnSecondary span:first-child {\n  color: #e0e0e0;\n}\nbutton.btnSecondary:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\nbutton.btnText span {\n  text-decoration: underline;\n  text-transform: none;\n  font-weight: 400;\n}\nbutton.btnIncrement {\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  border: 1px solid;\n  border-color: transparent;\n  border-radius: 4px;\n  width: 100%;\n  text-transform: initial;\n  transition: all 150ms ease-in-out;\n  min-width: 40px;\n  width: 40px;\n  height: 40px;\n  border-radius: 4px;\n  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.55);\n}\nbutton.btnIncrement span:first-child {\n  color: #ffffff;\n}\nbutton.btnIncrement:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\nbutton.btnTab {\n  background: transparent;\n  border: 1px solid;\n  border-color: transparent;\n  border-radius: 4px;\n  width: 100%;\n  text-transform: initial;\n  transition: all 150ms ease-in-out;\n  text-transform: none;\n  border-radius: 43px !important;\n  height: 25px;\n  padding: 4px;\n}\nbutton.btnTab span:first-child {\n  color: #e0e0e0;\n}\nbutton.btnTab:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\nbutton.btnTab span {\n  font-weight: 400;\n  line-height: normal;\n}\nbutton.btnTab.active {\n  background: rgba(255, 255, 255, 0.1);\n}\nbutton.btnTab.active span {\n  font-weight: 700;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\ninput.inputText,\ninput.inputNumber {\n  box-sizing: border-box;\n  border: 1px solid #7b7b7b;\n  background: transparent;\n  transition: all 300ms ease;\n  color: #e0e0e0;\n}\n\ninput.inputText {\n  appearance: none;\n  border-radius: 4px;\n  height: 45px;\n  width: 100%;\n  max-width: 280px;\n  padding: 0 0.5rem;\n}\n\ninput.inputNumber {\n  border-radius: 2px;\n  height: 40px;\n  width: 60px;\n  max-width: 5rem;\n  text-align: center;\n}\n\ninput:focus-visible {\n  outline: 2px solid #1b8bff;\n  outline-offset: 2px;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.card {\n  background-color: #23252d;\n  border: 1px solid #2f3139;\n  box-sizing: border-box;\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.75);\n  border-radius: 4px;\n  padding: 16px;\n}\n.card:hover {\n  opacity: 0.9;\n}\n.card.rich-card {\n  padding: 16px;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\ndiv.modal-root .MuiBackdrop-root {\n  background-color: hsla(231deg, 11%, 12%, 0.85);\n}\n\ndiv.modal-paper {\n  background: #23252d;\n  border: 1px solid #2f3139;\n  width: 36rem;\n  max-width: 100%;\n  max-height: 90vh;\n  padding: 2rem;\n  box-sizing: border-box;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  border-radius: 4px;\n  margin: 0 0 0 13.75rem;\n  align-items: center;\n  color: #ffffff;\n}\n@media only screen and (max-width : 1023px) {\n  div.modal-paper {\n    width: 35rem;\n    margin: 0;\n  }\n}\n@media only screen and (max-width : 768px) {\n  div.modal-paper {\n    padding: 1rem 1rem 1.5rem;\n    width: 85%;\n    max-width: 35rem;\n    margin: 0;\n  }\n}\ndiv.modal-paper.no-padding {\n  padding: 0;\n}\ndiv.modal-paper .modal-paper-close-button {\n  position: absolute;\n  top: 0.5rem;\n  right: 0.5rem;\n  padding: 5px 5px;\n  z-index: 10;\n}\n\ndiv.modal-paper-full-screen {\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  width: 100%;\n  max-width: 100%;\n  height: 100%;\n  max-height: 100%;\n  padding: 0;\n  margin: 0;\n  box-sizing: border-box;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  border-radius: 4px;\n  color: #ffffff;\n  display: flex;\n  align-items: center;\n}\ndiv.modal-paper-full-screen.dark-background {\n  background: #121212;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\ndiv.expansion-panel-root {\n  margin-bottom: 1rem;\n  color: #e0e0e0;\n  background-color: #23252d;\n  border: 1px solid #2f3139;\n  border-radius: 4px;\n  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);\n  transition: background-color 0.6s ease;\n  box-sizing: border-box;\n}\ndiv.expansion-panel-root.Mui-expanded:first-child {\n  margin: 1.2rem 0;\n}\ndiv.expansion-panel-root.Mui-expanded:last-child {\n  margin: 1.2rem 0;\n}\ndiv.expansion-panel-root.red-border {\n  border: 1px solid #d25959;\n}\n\ndiv.expansion-panel-summary {\n  padding: 0.25rem 1rem;\n  min-height: 4rem;\n}\ndiv.expansion-panel-summary.Mui-focused {\n  border-radius: 4px;\n  background-color: unset;\n  box-shadow: 0 0 0 1px #e0e0e0;\n}\ndiv.expansion-panel-summary:focus-visible {\n  outline: 2px solid #1b8bff;\n  outline-offset: 2px;\n}\ndiv.expansion-panel-summary.Mui-expanded {\n  min-height: 4rem;\n}\ndiv.expansion-panel-summary.Mui-expanded.small {\n  min-height: 3rem;\n}\ndiv.expansion-panel-summary.small {\n  padding: 0 1.2rem;\n  min-height: 3rem;\n}\ndiv.expansion-panel-summary.bold-text {\n  font-weight: bold;\n}\n\ndiv.expansion-panel-content {\n  display: flex;\n  align-items: center;\n}\ndiv.expansion-panel-content.Mui-expanded {\n  margin: 0.75rem 0;\n}\n\ndiv.expansion-panel-details {\n  padding: 0 1.2rem 1.2rem;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\na {\n  color: #deaf0e;\n}\na:visited {\n  color: #deaf0e;\n}\n\na:focus {\n  outline: none;\n  box-shadow: inset 0 0 0 1px #e0e0e0;\n}\na:focus > div:first-child {\n  box-shadow: 0 0 0 1px #e0e0e0;\n}\n\na:focus-visible {\n  outline: 2px solid #1b8bff;\n  outline-offset: 2px;\n}\n\na.MuiLink-underlineHover:hover {\n  text-decoration: none;\n}\n\na.MuiTypography-colorPrimary {\n  color: #e0e0e0;\n}\n\n:root {\n  white-space: pre-line;\n  --blue: #58ffff;\n  --blue40: rgba(88, 255, 255, 0.2509803922);\n  --blueBackground: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(1, 153, 163, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #58ffff;\n  --blueRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(1, 153, 163, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #58ffff;\n  --blueRadialGradientTrans: radial-gradient(circle, #58ffff 0%, rgba(255, 255, 255, 0) 100%);\n  --elecColor: #d87b39;\n  --elecColor40: rgba(216, 123, 57, 0.4);\n  --elecCompareColor: #e2bca1;\n  --gasColor: #45d1b8;\n  --gasColor40: rgba(69, 209, 184, 0.4);\n  --gasCompareColor: #a8f7e9;\n  --waterColor: #3a98ec;\n  --waterColor40: rgba(58, 152, 236, 0.4);\n  --waterCompareColor: #abd4fa;\n  --multiColor: #e3b82a;\n  --multiCompareColor: #ffd597;\n  --redPrimary: #d25959;\n  --greyBright: #e0e0e0;\n  --greyDark: #7b7b7b;\n  --textWhite: #ffffff;\n  --softGrey: #a0a0a0;\n  --darkLight: #25262b;\n  --darkLight2: #121212;\n  --textFont: Lato, sans-serif;\n  --greyLinearGradientBackground: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  --multiColorRadialGradientTrans: radial-gradient(circle, #e3b82a 0%, rgba(255, 255, 255, 0) 100%);\n  --elecColorRadialGradientTrans: radial-gradient(circle, #d87b39 0%, rgba(255, 255, 255, 0) 100%);\n  --waterColorRadialGradientTrans: radial-gradient(circle, #3a98ec 0%, rgba(255, 255, 255, 0) 100%);\n  --gasColorRadialGradientTrans: radial-gradient(circle, #e3b82a 0%, rgba(255, 255, 255, 0) 100%);\n  --multiColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017;\n  --elecColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(158, 67, 2, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #d87b39;\n  --gasColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(4, 106, 88, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #45d1b8;\n  --waterColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(2, 93, 174, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #3a98ec;\n  --grey-0: #1b1c21;\n  --grey-1: #23252d;\n  --grey-2: #2f3139;\n  --paperBackgroundColor: $dark-2;\n  --primaryTextColor: $grey-bright;\n}\n\n.application {\n  overflow-x: hidden;\n}\n\n.accordion-icon {\n  color: #ffffff;\n}\n\n.loaderContainer {\n  height: 80vh;\n  display: flex;\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  background-color: transparent;\n}\n\n.makeStyles-fab-1 {\n  top: 12px;\n  left: 3rem !important;\n  width: 36px !important;\n  height: 36px !important;\n  background-color: #7b7b7b !important;\n}\n\ninput:-webkit-autofill,\ninput:-webkit-autofill:hover,\ninput:-webkit-autofill:focus,\ninput:-webkit-autofill:active {\n  -webkit-box-shadow: 0 0 0 30px #1b1c22 inset !important;\n}", ""]);
 
 
 
diff --git a/public/index.html b/public/index.html
index c34560695fed22c0c7a7226c9b48b09f0ed122f0..ab4491498376260a9a691b4b85e3b13ecb8ede93 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="{{.Locale}}"><head><meta charset="utf-8"><title>Ecolyo | Désabonnement</title><link rel="icon" type="image/png" href="public/favicon-32x32.png" sizes="32x32"><link rel="icon" type="image/png" href="public/favicon-16x16.png" sizes="16x16"><!-- PWA Manifest --><link rel="mask-icon" href="public/safari-pinned-tab.svg" color="#297EF2"><meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,viewport-fit=cover"><!-- PWA iOS --><link rel="apple-touch-icon" sizes="180x180" href="public/apple-touch-icon.png"><link rel="apple-touch-startup-image" href="public/apple-touch-icon.png"><meta name="apple-mobile-web-app-title" content="Ecolyo"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><!-- PWA Colors --><meta name="theme-color" content="#343641"><meta name="background-color" content="#121212"><meta name="color-scheme" content="only dark">{{.ThemeCSS}} {{.CozyBar}}<script src="//{{.Domain}}/assets/js/piwik.js"></script></head><body><div role="application" class="application" data-cozy="{{.CozyData}}"><script src="../public/ecolyo.071323d6d767318ba90e.js"></script></div></body></html>
\ No newline at end of file
+<!DOCTYPE html><html lang="{{.Locale}}"><head><meta charset="utf-8"><title>Ecolyo | Désabonnement</title><link rel="icon" type="image/png" href="public/favicon-32x32.png" sizes="32x32"><link rel="icon" type="image/png" href="public/favicon-16x16.png" sizes="16x16"><!-- PWA Manifest --><link rel="mask-icon" href="public/safari-pinned-tab.svg" color="#297EF2"><meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,viewport-fit=cover"><!-- PWA iOS --><link rel="apple-touch-icon" sizes="180x180" href="public/apple-touch-icon.png"><link rel="apple-touch-startup-image" href="public/apple-touch-icon.png"><meta name="apple-mobile-web-app-title" content="Ecolyo"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><!-- PWA Colors --><meta name="theme-color" content="#343641"><meta name="background-color" content="#121212"><meta name="color-scheme" content="only dark">{{.ThemeCSS}} {{.CozyBar}}<script src="//{{.Domain}}/assets/js/piwik.js"></script></head><body><div role="application" class="application" data-cozy="{{.CozyData}}"><script src="../public/ecolyo.b63cfd72c41697080738.js"></script></div></body></html>
\ No newline at end of file