diff --git a/3/ecolyo.dfcc37f000e759f5f0a7.js b/3/ecolyo.93d7584b9e0fe366f5a6.js
similarity index 93%
rename from 3/ecolyo.dfcc37f000e759f5f0a7.js
rename to 3/ecolyo.93d7584b9e0fe366f5a6.js
index 68ffd08f7addf728b2bfad3445f1497ca5ef6746..edd3a36c1ae2e532b559592c920a2b1e97ec35ee 100644
--- a/3/ecolyo.dfcc37f000e759f5f0a7.js
+++ b/3/ecolyo.93d7584b9e0fe366f5a6.js
@@ -5,7 +5,7 @@
 
 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.options-root {\n  display: flex;\n  flex-direction: column;\n  gap: 2rem;\n}\n\n.info-links {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.styled-card-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 0 1.5rem;\n}\n.styled-card-root .styled-card-content {\n  max-width: 45.75rem;\n  width: 100%;\n}\n.styled-card-root .styled-card-content .styled-card-header {\n  color: #e0e0e0;\n  margin-bottom: 1rem;\n}\n.styled-card-root .styled-card-content .matomo-content * {\n  font-family: Lato, sans-serif;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.options-root {\n  display: flex;\n  flex-direction: column;\n  gap: 2rem;\n}\n\n.info-links {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.styled-card-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 0 1.5rem;\n}\n.styled-card-root .styled-card-content {\n  max-width: 45.75rem;\n  width: 100%;\n}\n.styled-card-root .styled-card-content .styled-card-header {\n  color: #e0e0e0;\n  margin-bottom: 1rem;\n}\n.styled-card-root .styled-card-content .matomo-content * {\n  font-family: Lato, sans-serif;\n}", ""]);
 
 
 
@@ -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  background-color: #23252d;\n  border: 1px solid #2f3139;\n  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);\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/** 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  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);\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}", ""]);
 
 
 
@@ -936,7 +936,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.modal-done-root .content {\n  text-align: center;\n  padding-top: 2rem;\n  color: #e0e0e0;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.modal-done-root .content .subtitle {\n  color: #e3b82a;\n}\n.modal-done-root .content .error1 {\n  color: #d25959;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.modal-done-root .content {\n  text-align: center;\n  padding-top: 2rem;\n  color: #e0e0e0;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.modal-done-root .content .subtitle {\n  color: #e3b82a;\n}\n.modal-done-root .content .error1 {\n  color: #d25959;\n}", ""]);
 
 
 
@@ -1328,7 +1328,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.version-root {\n  color: #e0e0e0;\n  text-align: center;\n  margin: 0 1.5rem 2rem;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.version-root {\n  color: #e0e0e0;\n  text-align: center;\n  margin: 0 1.5rem 2rem;\n}", ""]);
 
 
 
@@ -1339,7 +1339,7 @@ exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE
 
 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.modal-loading-root .content {\n  text-align: center;\n  padding-top: 2rem;\n  color: #e0e0e0;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.modal-loading-root .content .subtitle {\n  margin: 1rem 0;\n  color: #e3b82a;\n}\n.modal-loading-root .content button {\n  height: 40px;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.modal-loading-root .content {\n  text-align: center;\n  padding-top: 2rem;\n  color: #e0e0e0;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.modal-loading-root .content .subtitle {\n  margin: 1rem 0;\n  color: #e3b82a;\n}\n.modal-loading-root .content button {\n  height: 40px;\n}", ""]);
 
 
 
@@ -1594,7 +1594,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.export-option-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 0 1.5rem;\n  padding-top: 8px;\n}\n.export-option-root .export-option-content {\n  max-width: 45.75rem;\n  width: 100%;\n}\n.export-option-root .export-option-content .MuiAccordionSummary-content {\n  margin: 0;\n}\n.export-option-root .export-option-content .MuiIconButton-edgeEnd {\n  margin: 0;\n}\n.export-option-root .export-option-content .accordion-title {\n  color: #ffffff;\n}\n.export-option-root .export-option-content .expansion-panel-summary {\n  padding: 0 0.25rem 0 1rem;\n}\n.export-option-root .export-option-content .expansion-panel-summary .expansion-panel-content {\n  gap: 1rem;\n}\n.export-option-root .export-option-content .expansion-panel-details {\n  flex-direction: column;\n  gap: 1rem;\n}\n.export-option-root .export-option-content .expansion-panel-details .grey {\n  color: #a0a0a0;\n}\n.export-option-root .export-option-content .expansion-panel-details label {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.export-option-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 0 1.5rem;\n  padding-top: 8px;\n}\n.export-option-root .export-option-content {\n  max-width: 45.75rem;\n  width: 100%;\n}\n.export-option-root .export-option-content .MuiAccordionSummary-content {\n  margin: 0;\n}\n.export-option-root .export-option-content .MuiIconButton-edgeEnd {\n  margin: 0;\n}\n.export-option-root .export-option-content .accordion-title {\n  color: #ffffff;\n}\n.export-option-root .export-option-content .expansion-panel-summary {\n  padding: 0 0.25rem 0 1rem;\n}\n.export-option-root .export-option-content .expansion-panel-summary .expansion-panel-content {\n  gap: 1rem;\n}\n.export-option-root .export-option-content .expansion-panel-details {\n  flex-direction: column;\n  gap: 1rem;\n}\n.export-option-root .export-option-content .expansion-panel-details .grey {\n  color: #a0a0a0;\n}\n.export-option-root .export-option-content .expansion-panel-details label {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  cursor: pointer;\n}", ""]);
 
 
 
@@ -1716,7 +1716,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-root {\n  margin-top: 1.5rem;\n  padding: 0 1.5rem;\n}\n.profile-type-root .profile-type-content {\n  margin: 0 auto;\n  max-width: 45.75rem;\n  width: 100%;\n}\n.profile-type-root .profile-type-content .MuiButtonBase-root {\n  height: 40px;\n  margin: 0;\n}\n.profile-type-root .value {\n  color: #ffffff;\n  padding: 0 0 0.5rem 0;\n}\n.profile-type-root ul {\n  display: flex;\n  flex-wrap: wrap;\n  padding: 0;\n  margin-top: 0;\n}\n.profile-type-root ul li {\n  list-style-type: none;\n  margin-right: 0.5rem;\n}\n.profile-type-root .head {\n  color: #e0e0e0;\n  margin-bottom: 1rem;\n}\n.profile-type-root .label {\n  color: #a0a0a0;\n  padding-bottom: 0.5rem;\n}\n.profile-type-root .profile-container {\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n  width: 100%;\n  margin: 0 1.3rem 1rem;\n}\n@media only screen and (max-width : 768px) {\n  .profile-type-root .profile-container {\n    margin: 0 0 0.25rem;\n  }\n}\n.profile-type-root .fields {\n  align-items: flex-start;\n  padding: 8px 0px;\n  width: 100%;\n}\n.profile-type-root .profile-title {\n  padding-left: 1rem;\n}\n.profile-type-root button.profile-link {\n  height: 64px !important;\n}\n.profile-type-root button.profile-link .profile-icon {\n  vertical-align: middle;\n}\n.profile-type-root button.profile-link > button {\n  margin-bottom: 0;\n}\n.profile-type-root button.profile-link > button > div {\n  padding: 0.3rem 1rem;\n}\n.profile-type-root div.expansion-panel-summary {\n  padding: 0 0.25rem 0 1rem;\n}\n.profile-type-root .MuiCardContent-root {\n  padding: 0 1rem !important;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.profile-type-root {\n  margin-top: 1.5rem;\n  padding: 0 1.5rem;\n}\n.profile-type-root .profile-type-content {\n  margin: 0 auto;\n  max-width: 45.75rem;\n  width: 100%;\n}\n.profile-type-root .profile-type-content .MuiButtonBase-root {\n  height: 40px;\n  margin: 0;\n}\n.profile-type-root .value {\n  color: #ffffff;\n  padding: 0 0 0.5rem 0;\n}\n.profile-type-root ul {\n  display: flex;\n  flex-wrap: wrap;\n  padding: 0;\n  margin-top: 0;\n}\n.profile-type-root ul li {\n  list-style-type: none;\n  margin-right: 0.5rem;\n}\n.profile-type-root .head {\n  color: #e0e0e0;\n  margin-bottom: 1rem;\n}\n.profile-type-root .label {\n  color: #a0a0a0;\n  padding-bottom: 0.5rem;\n}\n.profile-type-root .profile-container {\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n  width: 100%;\n  margin: 0 1.3rem 1rem;\n}\n@media only screen and (max-width : 768px) {\n  .profile-type-root .profile-container {\n    margin: 0 0 0.25rem;\n  }\n}\n.profile-type-root .fields {\n  align-items: flex-start;\n  padding: 8px 0px;\n  width: 100%;\n}\n.profile-type-root .profile-title {\n  padding-left: 1rem;\n}\n.profile-type-root button.profile-link {\n  height: 64px !important;\n}\n.profile-type-root button.profile-link .profile-icon {\n  vertical-align: middle;\n}\n.profile-type-root button.profile-link > button {\n  margin-bottom: 0;\n}\n.profile-type-root button.profile-link > button > div {\n  padding: 0.3rem 1rem;\n}\n.profile-type-root div.expansion-panel-summary {\n  padding: 0 0.25rem 0 1rem;\n}\n.profile-type-root .MuiCardContent-root {\n  padding: 0 1rem !important;\n}", ""]);
 
 
 
@@ -1831,7 +1831,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.modal-start-root .content {\n  text-align: center;\n  padding-top: 2rem;\n  color: #e0e0e0;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.modal-start-root .content .subtitle {\n  color: #e3b82a;\n}\n.modal-start-root .content .buttons {\n  display: flex;\n  gap: 1rem;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.modal-start-root .content {\n  text-align: center;\n  padding-top: 2rem;\n  color: #e0e0e0;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.modal-start-root .content .subtitle {\n  color: #e3b82a;\n}\n.modal-start-root .content .buttons {\n  display: flex;\n  gap: 1rem;\n}", ""]);
 
 
 
diff --git a/4/ecolyo.bd6ee7b37fd7a04c5212.js b/4/ecolyo.f64b4f564ba41af07bfb.js
similarity index 90%
rename from 4/ecolyo.bd6ee7b37fd7a04c5212.js
rename to 4/ecolyo.f64b4f564ba41af07bfb.js
index b7af4155bb984d8cefeccaf07dc66bb69e464892..f56ce1be92cedb3e4fa78dbe4b3b1c8ad441882e 100644
--- a/4/ecolyo.bd6ee7b37fd7a04c5212.js
+++ b/4/ecolyo.f64b4f564ba41af07bfb.js
@@ -349,7 +349,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.analysisRow {\n  display: flex;\n  gap: 4px;\n}\n.analysisRow .user-graph .container-graph {\n  justify-content: flex-end;\n}\n.analysisRow .user-graph .container-graph .graph {\n  border-radius: 4px 2px 2px 4px;\n}\n.analysisRow .user-graph .price.not-connected {\n  color: #a0a0a0;\n  height: 2rem;\n  width: 100%;\n  align-items: center;\n  display: flex;\n}\n.analysisRow .icon-container {\n  display: flex;\n  justify-content: center;\n}\n.analysisRow .icon-container svg {\n  align-self: center;\n  width: 40px;\n}\n.analysisRow .icon-container svg.noData {\n  opacity: 0.6;\n}\n.analysisRow .average-graph .price {\n  text-align: right;\n}\n.analysisRow .average-graph .price.not-connected {\n  opacity: 0.55;\n}\n\n.user-graph,\n.average-graph {\n  display: flex;\n  justify-content: space-between;\n  flex: 1;\n  align-items: center;\n}\n\n.consumption-multifluid .user-graph {\n  color: #e3b82a;\n}\n.consumption-multifluid .user-graph .graph {\n  background-color: #e3b82a;\n}\n.consumption-multifluid .average-graph {\n  color: #fff1c5;\n}\n.consumption-multifluid .average-graph .graph {\n  background-color: #fff1c5;\n}\n\n.consumption-electricity .user-graph {\n  color: #d87b39;\n}\n.consumption-electricity .user-graph .graph {\n  background-color: #d87b39;\n}\n.consumption-electricity .average-graph {\n  color: #e2bca1;\n}\n.consumption-electricity .average-graph .graph {\n  background-color: #e2bca1;\n}\n\n.consumption-water .user-graph {\n  color: #3a98ec;\n}\n.consumption-water .user-graph .graph {\n  background-color: #3a98ec;\n}\n.consumption-water .average-graph {\n  color: #abd4fa;\n}\n.consumption-water .average-graph .graph {\n  background-color: #abd4fa;\n}\n\n.consumption-gas .user-graph {\n  color: #45d1b8;\n}\n.consumption-gas .user-graph .graph {\n  background-color: #45d1b8;\n}\n.consumption-gas .average-graph {\n  color: #a8f6e9;\n}\n.consumption-gas .average-graph .graph {\n  background-color: #a8f6e9;\n}\n\n.container-graph {\n  flex-basis: 50%;\n  display: flex;\n}\n\n.price {\n  min-width: 5.25rem;\n}\n\n.graph {\n  border-radius: 2px 4px 4px 2px;\n  padding-left: 0.25rem;\n  height: 2rem;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.analysisRow {\n  display: flex;\n  gap: 4px;\n}\n.analysisRow .user-graph .container-graph {\n  justify-content: flex-end;\n}\n.analysisRow .user-graph .container-graph .graph {\n  border-radius: 4px 2px 2px 4px;\n}\n.analysisRow .user-graph .price.not-connected {\n  color: #a0a0a0;\n  height: 2rem;\n  width: 100%;\n  align-items: center;\n  display: flex;\n}\n.analysisRow .icon-container {\n  display: flex;\n  justify-content: center;\n}\n.analysisRow .icon-container svg {\n  align-self: center;\n  width: 40px;\n}\n.analysisRow .icon-container svg.noData {\n  opacity: 0.6;\n}\n.analysisRow .average-graph .price {\n  text-align: right;\n}\n.analysisRow .average-graph .price.not-connected {\n  opacity: 0.55;\n}\n\n.user-graph,\n.average-graph {\n  display: flex;\n  justify-content: space-between;\n  flex: 1;\n  align-items: center;\n}\n\n.consumption-multifluid .user-graph {\n  color: #e3b82a;\n}\n.consumption-multifluid .user-graph .graph {\n  background-color: #e3b82a;\n}\n.consumption-multifluid .average-graph {\n  color: #fff1c5;\n}\n.consumption-multifluid .average-graph .graph {\n  background-color: #fff1c5;\n}\n\n.consumption-electricity .user-graph {\n  color: #d87b39;\n}\n.consumption-electricity .user-graph .graph {\n  background-color: #d87b39;\n}\n.consumption-electricity .average-graph {\n  color: #e2bca1;\n}\n.consumption-electricity .average-graph .graph {\n  background-color: #e2bca1;\n}\n\n.consumption-water .user-graph {\n  color: #3a98ec;\n}\n.consumption-water .user-graph .graph {\n  background-color: #3a98ec;\n}\n.consumption-water .average-graph {\n  color: #abd4fa;\n}\n.consumption-water .average-graph .graph {\n  background-color: #abd4fa;\n}\n\n.consumption-gas .user-graph {\n  color: #45d1b8;\n}\n.consumption-gas .user-graph .graph {\n  background-color: #45d1b8;\n}\n.consumption-gas .average-graph {\n  color: #a8f6e9;\n}\n.consumption-gas .average-graph .graph {\n  background-color: #a8f6e9;\n}\n\n.container-graph {\n  flex-basis: 50%;\n  display: flex;\n}\n\n.price {\n  min-width: 5.25rem;\n}\n\n.graph {\n  border-radius: 2px 4px 4px 2px;\n  padding-left: 0.25rem;\n  height: 2rem;\n}", ""]);
 
 
 
@@ -360,7 +360,7 @@ exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE
 
 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.special-elec-container {\n  color: white;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n.special-elec-container .elec-icon {\n  margin: auto;\n  display: block;\n}\n.special-elec-container .minIcon {\n  margin: auto 0.8rem auto 0;\n}\n.special-elec-container .elec-infos {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.special-elec-container .elec-infos .container {\n  background-color: #2f3139;\n  display: flex;\n  padding: 16px 8px;\n  border-radius: 8px;\n}\n.special-elec-container .elec-infos .container .min {\n  max-width: 150px;\n}\n.special-elec-container .elec-infos .container .text {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  width: 100%;\n}\n.special-elec-container .elec-infos .container .row {\n  display: flex;\n  justify-content: space-between;\n  margin: auto 0;\n}\n.special-elec-container .elec-infos .container .value {\n  display: flex;\n  gap: 4px;\n  margin: auto 0;\n}\n.special-elec-container .no_data {\n  text-align: center;\n  color: white;\n}\n.special-elec-container button {\n  display: flex;\n  margin: auto;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.special-elec-container {\n  color: white;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n.special-elec-container .elec-icon {\n  margin: auto;\n  display: block;\n}\n.special-elec-container .minIcon {\n  margin: auto 0.8rem auto 0;\n}\n.special-elec-container .elec-infos {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.special-elec-container .elec-infos .container {\n  background-color: #2f3139;\n  display: flex;\n  padding: 16px 8px;\n  border-radius: 8px;\n}\n.special-elec-container .elec-infos .container .min {\n  max-width: 150px;\n}\n.special-elec-container .elec-infos .container .text {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  width: 100%;\n}\n.special-elec-container .elec-infos .container .row {\n  display: flex;\n  justify-content: space-between;\n  margin: auto 0;\n}\n.special-elec-container .elec-infos .container .value {\n  display: flex;\n  gap: 4px;\n  margin: auto 0;\n}\n.special-elec-container .no_data {\n  text-align: center;\n  color: white;\n}\n.special-elec-container button {\n  display: flex;\n  margin: auto;\n}", ""]);
 
 
 
@@ -393,7 +393,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.analysis-view-title {\n  color: #e0e0e0;\n  text-align: center;\n  margin-bottom: 1rem;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.analysis-view-title {\n  color: #e0e0e0;\n  text-align: center;\n  margin-bottom: 1rem;\n}", ""]);
 
 
 
@@ -575,7 +575,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.profileComparator {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n.analysis-graph {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.analysis-graph .consumption-title {\n  display: flex;\n  justify-content: space-between;\n}\n.analysis-graph .consumption-title .user-title,\n.analysis-graph .consumption-title .average-title {\n  flex-basis: 45%;\n  border-bottom: 1px solid #2f3139;\n  padding-bottom: 4px;\n}\n.analysis-graph .consumption-title .user-title {\n  text-align: right;\n}\n.analysis-graph .consumption-sep {\n  border: 1px solid #7b7b7b;\n  margin: 1rem 0;\n}\n.analysis-graph div.expansion-panel-root {\n  background-color: #2f3139;\n  border: solid 1px rgba(255, 255, 255, 0.1);\n  margin-block: 0 !important;\n}\n.analysis-graph .accordion-title {\n  font-weight: bold;\n}\n.analysis-graph .accordion-desc {\n  color: #e0e0e0;\n}\n.analysis-graph div.expansion-panel-summary {\n  padding: 0 1rem;\n}\n.analysis-graph .loader-container {\n  min-height: 350px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: auto;\n}\n.analysis-graph .profileBtn span {\n  display: flex;\n  gap: 10px;\n}\n\n.no-profile {\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  gap: 1rem;\n}\n.no-profile div {\n  text-align: center;\n  text-wrap: balance;\n}\n.no-profile button {\n  max-width: 320px;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.profileComparator {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n.analysis-graph {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.analysis-graph .consumption-title {\n  display: flex;\n  justify-content: space-between;\n}\n.analysis-graph .consumption-title .user-title,\n.analysis-graph .consumption-title .average-title {\n  flex-basis: 45%;\n  border-bottom: 1px solid #2f3139;\n  padding-bottom: 4px;\n}\n.analysis-graph .consumption-title .user-title {\n  text-align: right;\n}\n.analysis-graph .consumption-sep {\n  border: 1px solid #7b7b7b;\n  margin: 1rem 0;\n}\n.analysis-graph div.expansion-panel-root {\n  background-color: #2f3139;\n  border: solid 1px rgba(255, 255, 255, 0.1);\n  margin-block: 0 !important;\n}\n.analysis-graph .accordion-title {\n  font-weight: bold;\n}\n.analysis-graph .accordion-desc {\n  color: #e0e0e0;\n}\n.analysis-graph div.expansion-panel-summary {\n  padding: 0 1rem;\n}\n.analysis-graph .loader-container {\n  min-height: 350px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: auto;\n}\n.analysis-graph .profileBtn span {\n  display: flex;\n  gap: 10px;\n}\n\n.no-profile {\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  gap: 1rem;\n}\n.no-profile div {\n  text-align: center;\n  text-wrap: balance;\n}\n.no-profile button {\n  max-width: 320px;\n}", ""]);
 
 
 
@@ -586,7 +586,7 @@ exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE
 
 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.elecInfoModal {\n  padding: 0.5rem;\n  color: #e0e0e0;\n}\n.elecInfoModal .title {\n  margin: 1.5rem 0;\n  color: #e3b82a;\n  font-weight: bold;\n  margin-bottom: 0.5rem;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.elecInfoModal {\n  padding: 0.5rem;\n  color: #e0e0e0;\n}\n.elecInfoModal .title {\n  margin: 1.5rem 0;\n  color: #e3b82a;\n  font-weight: bold;\n  margin-bottom: 0.5rem;\n}", ""]);
 
 
 
@@ -619,7 +619,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.analysis-warning {\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  border: 1px solid #e3b82a;\n  border-radius: 4px;\n}\n.analysis-warning .warning-header {\n  display: flex;\n  align-items: center;\n  padding: 0 1rem;\n  background-color: #e3b82a;\n  gap: 0.5rem;\n}\n.analysis-warning .warning-header h1 {\n  color: black;\n  font-size: 1rem;\n  font-weight: normal;\n}\n.analysis-warning .warning-content {\n  padding: 1rem;\n}\n.analysis-warning .warning-content p {\n  margin: 0;\n  font-size: 1rem;\n  font-weight: bold;\n  color: #e0e0e0;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.analysis-warning {\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  border: 1px solid #e3b82a;\n  border-radius: 4px;\n}\n.analysis-warning .warning-header {\n  display: flex;\n  align-items: center;\n  padding: 0 1rem;\n  background-color: #e3b82a;\n  gap: 0.5rem;\n}\n.analysis-warning .warning-header h1 {\n  color: black;\n  font-size: 1rem;\n  font-weight: normal;\n}\n.analysis-warning .warning-content {\n  padding: 1rem;\n}\n.analysis-warning .warning-content p {\n  margin: 0;\n  font-size: 1rem;\n  font-weight: bold;\n  color: #e0e0e0;\n}", ""]);
 
 
 
@@ -962,7 +962,7 @@ exports.ChipVariation = ChipVariation;
 
 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.max-consumption-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  color: #ffffff;\n}\n.max-consumption-container .fluid-navigation {\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  max-width: 45.75rem;\n  width: 100%;\n}\n.max-consumption-container .fluid-navigation div {\n  font-weight: 900;\n}\n.max-consumption-container .fluid {\n  min-width: 120px;\n  text-align: center;\n  margin: auto;\n}\n.max-consumption-container .electricity {\n  color: #d87b39;\n}\n.max-consumption-container .water {\n  color: #3a98ec;\n}\n.max-consumption-container .gas {\n  color: #45d1b8;\n}\n.max-consumption-container .no_data {\n  color: white;\n}\n.max-consumption-container .data-container {\n  min-height: 130px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n}\n.max-consumption-container .data-container .loaderContainer {\n  height: 22rem;\n  display: flex;\n}\n.max-consumption-container .data-container .maxDay-date {\n  text-transform: capitalize;\n  margin: 0.5rem 0;\n  text-align: center;\n}\n.max-consumption-container .data-container .maxDay-load span {\n  font-size: 2rem;\n  font-weight: 700;\n}\n\n.dataloadvisualizer-section {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.fluidMaxButton {\n  border-radius: 4px;\n  width: 80px;\n}\n.fluidMaxButton:hover, .fluidMaxButton.active {\n  background: rgba(255, 255, 255, 0.1);\n}\n.fluidMaxButton .MuiIconButton-label {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.fluidMaxButton .MuiIconButton-label .fluidLabel {\n  color: #ffffff;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.max-consumption-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  color: #ffffff;\n}\n.max-consumption-container .fluid-navigation {\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  max-width: 45.75rem;\n  width: 100%;\n}\n.max-consumption-container .fluid-navigation div {\n  font-weight: 900;\n}\n.max-consumption-container .fluid {\n  min-width: 120px;\n  text-align: center;\n  margin: auto;\n}\n.max-consumption-container .electricity {\n  color: #d87b39;\n}\n.max-consumption-container .water {\n  color: #3a98ec;\n}\n.max-consumption-container .gas {\n  color: #45d1b8;\n}\n.max-consumption-container .no_data {\n  color: white;\n}\n.max-consumption-container .data-container {\n  min-height: 130px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n}\n.max-consumption-container .data-container .loaderContainer {\n  height: 22rem;\n  display: flex;\n}\n.max-consumption-container .data-container .maxDay-date {\n  text-transform: capitalize;\n  margin: 0.5rem 0;\n  text-align: center;\n}\n.max-consumption-container .data-container .maxDay-load span {\n  font-size: 2rem;\n  font-weight: 700;\n}\n\n.dataloadvisualizer-section {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.fluidMaxButton {\n  border-radius: 4px;\n  width: 80px;\n}\n.fluidMaxButton:hover, .fluidMaxButton.active {\n  background: rgba(255, 255, 255, 0.1);\n}\n.fluidMaxButton .MuiIconButton-label {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.fluidMaxButton .MuiIconButton-label .fluidLabel {\n  color: #ffffff;\n}", ""]);
 
 
 
@@ -1025,7 +1025,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.newsletter-reminder {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  background: #23252d;\n  border: 1px solid #2f3139;\n  border-radius: 4px;\n  padding: 24px 16px 12px 16px;\n  gap: 16px;\n}\n.newsletter-reminder .close-button {\n  position: absolute;\n  top: 0.5rem;\n  right: 0.5rem;\n  padding: 5px 5px;\n}\n.newsletter-reminder .text-container h2 {\n  color: #e3b82a !important;\n  margin: 0;\n  padding-inline: 1.5rem;\n}\n.newsletter-reminder .text-container p {\n  color: #ffffff;\n  margin: 0;\n}\n.newsletter-reminder .buttons {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n.newsletter-reminder .buttons button.btnPrimary {\n  max-width: 134px;\n}\n.newsletter-reminder .buttons .stop-show {\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.newsletter-reminder {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  background: #23252d;\n  border: 1px solid #2f3139;\n  border-radius: 4px;\n  padding: 24px 16px 12px 16px;\n  gap: 16px;\n}\n.newsletter-reminder .close-button {\n  position: absolute;\n  top: 0.5rem;\n  right: 0.5rem;\n  padding: 5px 5px;\n}\n.newsletter-reminder .text-container h2 {\n  color: #e3b82a !important;\n  margin: 0;\n  padding-inline: 1.5rem;\n}\n.newsletter-reminder .text-container p {\n  color: #ffffff;\n  margin: 0;\n}\n.newsletter-reminder .buttons {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n.newsletter-reminder .buttons button.btnPrimary {\n  max-width: 134px;\n}\n.newsletter-reminder .buttons .stop-show {\n  color: #a0a0a0;\n}", ""]);
 
 
 
@@ -1220,7 +1220,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.modal-start-root {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n}\n.modal-start-root .content {\n  text-align: center;\n  padding: 1rem 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2rem;\n  flex-grow: 1;\n}\n.modal-start-root .content .subtitle {\n  color: #e3b82a;\n}\n.modal-start-root .content p {\n  color: #ffffff;\n  margin: 0;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.modal-start-root {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n}\n.modal-start-root .content {\n  text-align: center;\n  padding: 1rem 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2rem;\n  flex-grow: 1;\n}\n.modal-start-root .content .subtitle {\n  color: #e3b82a;\n}\n.modal-start-root .content p {\n  color: #ffffff;\n  margin: 0;\n}", ""]);
 
 
 
@@ -1231,7 +1231,7 @@ exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE
 
 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.fi-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 0.5rem 1.5rem;\n}\n@media only screen and (max-width : 768px) {\n  .fi-root {\n    margin-bottom: 0;\n  }\n}\n.fi-root .fi-content {\n  min-height: 23.875rem;\n  max-width: 45.75rem;\n  width: 100%;\n}\n.fi-root .fi-content .fi-header {\n  margin-top: 1rem;\n  margin-bottom: 1.25rem;\n  color: #e0e0e0;\n  font-size: 1rem;\n}\n\nbutton.fpi {\n  background-color: #2f3139;\n  transition: background-color 0.3s;\n  border-radius: 8px;\n}\nbutton.fpi .MuiCardContent-root {\n  padding: 12px;\n}\nbutton.fpi .fpi-content {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\nbutton.fpi .fpi-content .fpi-value {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 8px;\n}\nbutton.fpi .fpi-content .fpi-value .fpi-load {\n  font-size: 1.75rem;\n  font-weight: 900;\n  color: #ffffff;\n}\nbutton.fpi .fpi-content .fpi-value .fpi-unit {\n  font-size: 1.125rem;\n  color: #e0e0e0;\n  top: 4px;\n  position: relative;\n}\nbutton.fpi .fpi-content .fpi-comparison .percent {\n  font-weight: 700;\n}\nbutton.fpi .fpi-content .fpi-comparison .percent.positive {\n  color: #d25959;\n}\nbutton.fpi .fpi-content .fpi-comparison .percent.negative {\n  color: #7fd771;\n}\nbutton.fpi .fpi-content .fpi-comparison .fpi-comparison-date {\n  color: #a0a0a0;\n}\nbutton.fpi .fpi-content .fpi-no-comparison {\n  font-size: 0.875rem;\n  color: #a0a0a0;\n}\nbutton.fpi .fpi-content .fpi-content-no-data {\n  color: #e0e0e0;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.fi-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 0.5rem 1.5rem;\n}\n@media only screen and (max-width : 768px) {\n  .fi-root {\n    margin-bottom: 0;\n  }\n}\n.fi-root .fi-content {\n  min-height: 23.875rem;\n  max-width: 45.75rem;\n  width: 100%;\n}\n.fi-root .fi-content .fi-header {\n  margin-top: 1rem;\n  margin-bottom: 1.25rem;\n  color: #e0e0e0;\n  font-size: 1rem;\n}\n\nbutton.fpi {\n  background-color: #2f3139;\n  transition: background-color 0.3s;\n  border-radius: 8px;\n}\nbutton.fpi .MuiCardContent-root {\n  padding: 12px;\n}\nbutton.fpi .fpi-content {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\nbutton.fpi .fpi-content .fpi-value {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 8px;\n}\nbutton.fpi .fpi-content .fpi-value .fpi-load {\n  font-size: 1.75rem;\n  font-weight: 900;\n  color: #ffffff;\n}\nbutton.fpi .fpi-content .fpi-value .fpi-unit {\n  font-size: 1.125rem;\n  color: #e0e0e0;\n  top: 4px;\n  position: relative;\n}\nbutton.fpi .fpi-content .fpi-comparison .percent {\n  font-weight: 700;\n}\nbutton.fpi .fpi-content .fpi-comparison .percent.positive {\n  color: #d25959;\n}\nbutton.fpi .fpi-content .fpi-comparison .percent.negative {\n  color: #7fd771;\n}\nbutton.fpi .fpi-content .fpi-comparison .fpi-comparison-date {\n  color: #a0a0a0;\n}\nbutton.fpi .fpi-content .fpi-no-comparison {\n  font-size: 0.875rem;\n  color: #a0a0a0;\n}\nbutton.fpi .fpi-content .fpi-content-no-data {\n  color: #e0e0e0;\n}", ""]);
 
 
 
@@ -1242,7 +1242,7 @@ exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE
 
 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.comparison {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.comparison .performanceIndicators {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.comparison {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.comparison .performanceIndicators {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}", ""]);
 
 
 
@@ -1804,7 +1804,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.analysis-error-container {\n  color: #e0e0e0;\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n}\n.analysis-error-container .analysis-error-title {\n  color: #e3b82a;\n}\n.analysis-error-container .analysis-error-button {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 1rem;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.analysis-error-container {\n  color: #e0e0e0;\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n}\n.analysis-error-container .analysis-error-title {\n  color: #e3b82a;\n}\n.analysis-error-container .analysis-error-button {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 1rem;\n}", ""]);
 
 
 
@@ -1815,7 +1815,7 @@ exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE
 
 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.totalAnalysis-container {\n  display: flex;\n  justify-content: space-around;\n  flex-direction: column;\n  gap: 24px;\n  color: white;\n}\n.totalAnalysis-container .no_data {\n  color: #e0e0e0;\n}\n.totalAnalysis-container .pie-container {\n  text-align: center;\n  position: relative;\n  margin: auto;\n  overflow: visible;\n}\n.totalAnalysis-container svg {\n  margin: auto;\n  overflow: visible;\n}\n.totalAnalysis-container .pie-center {\n  position: absolute;\n  z-index: 5;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n.totalAnalysis-container .pie-center .euro-unit {\n  margin-left: 0.6rem;\n}\n.totalAnalysis-container .pie-center .date {\n  text-transform: lowercase;\n  color: #a0a0a0;\n  display: inline-block;\n  margin: 4px 0;\n}\n.totalAnalysis-container .pie-center button .estimated {\n  line-height: 20px;\n  font-weight: 700;\n}\n.totalAnalysis-container .pie-center .circle {\n  position: absolute;\n  z-index: -1;\n}\n@media screen and (max-width: 345px) {\n  .totalAnalysis-container .pie-center .circle {\n    display: none;\n  }\n}\n.totalAnalysis-container .total-card-container {\n  display: flex;\n  justify-content: center;\n}\n.totalAnalysis-container .total-card-container .total-card {\n  margin: 1rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n@media screen and (max-width: 350px) {\n  .totalAnalysis-container .total-card-container .total-card {\n    margin: 0.5rem;\n  }\n}\n.totalAnalysis-container .total-card-container .total-card svg {\n  margin: 0.7rem 0;\n}\n@media screen and (max-width: 345px) {\n  .totalAnalysis-container .text-36-bold {\n    font-size: 1.6rem;\n  }\n}\n@media screen and (max-width: 345px) {\n  .totalAnalysis-container .date {\n    font-size: 1rem;\n  }\n}\n@media screen and (max-width: 365px) {\n  .totalAnalysis-container .text-18-bold {\n    font-size: 1rem;\n  }\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.totalAnalysis-container {\n  display: flex;\n  justify-content: space-around;\n  flex-direction: column;\n  gap: 24px;\n  color: white;\n}\n.totalAnalysis-container .no_data {\n  color: #e0e0e0;\n}\n.totalAnalysis-container .pie-container {\n  text-align: center;\n  position: relative;\n  margin: auto;\n  overflow: visible;\n}\n.totalAnalysis-container svg {\n  margin: auto;\n  overflow: visible;\n}\n.totalAnalysis-container .pie-center {\n  position: absolute;\n  z-index: 5;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n.totalAnalysis-container .pie-center .euro-unit {\n  margin-left: 0.6rem;\n}\n.totalAnalysis-container .pie-center .date {\n  text-transform: lowercase;\n  color: #a0a0a0;\n  display: inline-block;\n  margin: 4px 0;\n}\n.totalAnalysis-container .pie-center button .estimated {\n  line-height: 20px;\n  font-weight: 700;\n}\n.totalAnalysis-container .pie-center .circle {\n  position: absolute;\n  z-index: -1;\n}\n@media screen and (max-width: 345px) {\n  .totalAnalysis-container .pie-center .circle {\n    display: none;\n  }\n}\n.totalAnalysis-container .total-card-container {\n  display: flex;\n  justify-content: center;\n}\n.totalAnalysis-container .total-card-container .total-card {\n  margin: 1rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n@media screen and (max-width: 350px) {\n  .totalAnalysis-container .total-card-container .total-card {\n    margin: 0.5rem;\n  }\n}\n.totalAnalysis-container .total-card-container .total-card svg {\n  margin: 0.7rem 0;\n}\n@media screen and (max-width: 345px) {\n  .totalAnalysis-container .text-36-bold {\n    font-size: 1.6rem;\n  }\n}\n@media screen and (max-width: 345px) {\n  .totalAnalysis-container .date {\n    font-size: 1rem;\n  }\n}\n@media screen and (max-width: 365px) {\n  .totalAnalysis-container .text-18-bold {\n    font-size: 1rem;\n  }\n}", ""]);
 
 
 
@@ -2042,7 +2042,7 @@ var ___CSS_LOADER_URL___0___ = urlEscape(__webpack_require__("2a4+"));
 var ___CSS_LOADER_URL___1___ = urlEscape(__webpack_require__("W1x+"));
 
 // 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.temperatureComparison {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  border-radius: 8px;\n  padding: 8px 4px 8px 12px;\n  background-position: bottom right;\n  background-repeat: no-repeat;\n  height: 60px;\n  transition: all 0.3s ease-in-out;\n}\n.temperatureComparison.loading {\n  justify-content: center;\n}\n.temperatureComparison.hot {\n  background-image: url(" + ___CSS_LOADER_URL___0___ + ");\n  background-color: #3d3724;\n}\n.temperatureComparison.cold {\n  background-image: url(" + ___CSS_LOADER_URL___1___ + ");\n  background-color: #2e3c51;\n}\n.temperatureComparison .tc-content {\n  text-align: left;\n  flex-grow: 1;\n  color: #ffffff;\n}\n.temperatureComparison .tc-content .valueRow {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.temperatureComparison .buttonContainer {\n  display: flex;\n  align-items: flex-start;\n  height: 100%;\n}\n.temperatureComparison .buttonContainer .info-icon {\n  align-items: flex-start;\n  padding: 0;\n  position: relative;\n  top: -4px;\n  stroke: #ffffff;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.temperatureComparison {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  border-radius: 8px;\n  padding: 8px 4px 8px 12px;\n  background-position: bottom right;\n  background-repeat: no-repeat;\n  height: 60px;\n  transition: all 0.3s ease-in-out;\n}\n.temperatureComparison.loading {\n  justify-content: center;\n}\n.temperatureComparison.hot {\n  background-image: url(" + ___CSS_LOADER_URL___0___ + ");\n  background-color: #3d3724;\n}\n.temperatureComparison.cold {\n  background-image: url(" + ___CSS_LOADER_URL___1___ + ");\n  background-color: #2e3c51;\n}\n.temperatureComparison .tc-content {\n  text-align: left;\n  flex-grow: 1;\n  color: #ffffff;\n}\n.temperatureComparison .tc-content .valueRow {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.temperatureComparison .buttonContainer {\n  display: flex;\n  align-items: flex-start;\n  height: 100%;\n}\n.temperatureComparison .buttonContainer .info-icon {\n  align-items: flex-start;\n  padding: 0;\n  position: relative;\n  top: -4px;\n  stroke: #ffffff;\n}", ""]);
 
 
 
@@ -3063,7 +3063,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.analysis-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 1rem 1rem 1.5rem;\n  gap: 24px;\n}\n.analysis-root .analysis-content {\n  max-width: 45.75rem;\n  width: 100%;\n}\n.analysis-root .analysis-content .title {\n  text-align: center;\n  color: #e0e0e0;\n  text-wrap: balance;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.analysis-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 1rem 1rem 1.5rem;\n  gap: 24px;\n}\n.analysis-root .analysis-content {\n  max-width: 45.75rem;\n  width: 100%;\n}\n.analysis-root .analysis-content .title {\n  text-align: center;\n  color: #e0e0e0;\n  text-wrap: balance;\n}", ""]);
 
 
 
diff --git a/5/ecolyo.1dab4ec2581a70933890.js b/5/ecolyo.75dae1f8018bd72e8b80.js
similarity index 92%
rename from 5/ecolyo.1dab4ec2581a70933890.js
rename to 5/ecolyo.75dae1f8018bd72e8b80.js
index d4549cd5e585c294eb9e64a697b201e4f7287fd3..cd753a9c520df0f592547c6f882aafe01f6cac31 100644
--- a/5/ecolyo.1dab4ec2581a70933890.js
+++ b/5/ecolyo.75dae1f8018bd72e8b80.js
@@ -5,7 +5,7 @@
 
 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.expired-consent-modal {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  color: #e0e0e0;\n  text-align: center;\n}\n.expired-consent-modal .icon-main {\n  display: flex;\n}\n.expired-consent-modal .icon-main svg {\n  margin: auto;\n}\n.expired-consent-modal .title {\n  text-align: center;\n}\n.expired-consent-modal .title.electricity {\n  color: #d87b39;\n}\n.expired-consent-modal .title.gas {\n  color: #45d1b8;\n}\n.expired-consent-modal .buttons {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.expired-consent-modal {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  color: #e0e0e0;\n  text-align: center;\n}\n.expired-consent-modal .icon-main {\n  display: flex;\n}\n.expired-consent-modal .icon-main svg {\n  margin: auto;\n}\n.expired-consent-modal .title {\n  text-align: center;\n}\n.expired-consent-modal .title.electricity {\n  color: #d87b39;\n}\n.expired-consent-modal .title.gas {\n  color: #45d1b8;\n}\n.expired-consent-modal .buttons {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}", ""]);
 
 
 
@@ -42,7 +42,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.partners-connection-step-content {\n  padding: 0.5rem 0.5rem 0;\n  text-align: center;\n}\n\n.partners-connection-step-navigation {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n#accessibility-title {\n  display: none;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.partners-connection-step-content {\n  padding: 0.5rem 0.5rem 0;\n  text-align: center;\n}\n\n.partners-connection-step-navigation {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n#accessibility-title {\n  display: none;\n}", ""]);
 
 
 
@@ -184,7 +184,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.release-root.black .modal-overlay .modal-close-button {\n  display: none;\n}\n\n.release-note-container {\n  border-radius: 4px;\n  margin-bottom: 1rem;\n  color: #e0e0e0;\n}\n.release-note-container .em-content {\n  padding: 1rem;\n}\n.release-note-container .release-note-title {\n  color: #e3b82a;\n  margin-bottom: 2rem;\n}\n.release-note-container .release-note-part {\n  margin-top: 0.5rem;\n}\n.release-note-container .release-note-description {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n\n#accessibility-title {\n  display: none;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.release-root.black .modal-overlay .modal-close-button {\n  display: none;\n}\n\n.release-note-container {\n  border-radius: 4px;\n  margin-bottom: 1rem;\n  color: #e0e0e0;\n}\n.release-note-container .em-content {\n  padding: 1rem;\n}\n.release-note-container .release-note-title {\n  color: #e3b82a;\n  margin-bottom: 2rem;\n}\n.release-note-container .release-note-part {\n  margin-top: 0.5rem;\n}\n.release-note-container .release-note-description {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n\n#accessibility-title {\n  display: none;\n}", ""]);
 
 
 
@@ -195,7 +195,7 @@ exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE
 
 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.pricing-root {\n  margin: 0 auto;\n  margin-bottom: 1rem;\n  max-width: 45.75rem;\n  width: 100%;\n  box-sizing: border-box;\n}\n@media only screen and (max-width : 768px) {\n  .pricing-root {\n    padding-left: 1rem;\n    padding-right: 1rem;\n  }\n}\n.pricing-root .pricing-container {\n  background: #23252d;\n  border: 1px solid #2f3139;\n  border-radius: 4px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  padding: 1rem;\n}\n.pricing-root .pricing-container p {\n  margin: 0;\n}\n.pricing-root .pricing-container .row {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n}\n.pricing-root .pricing-container .row .year {\n  color: #ffffff;\n}\n.pricing-root .pricing-container .gauges {\n  display: grid;\n  grid-template-columns: 1fr auto 3fr auto 1fr;\n  gap: 4px;\n}\n.pricing-root .pricing-container .gauges .separator {\n  border-right: 1px solid #a0a0a0;\n  height: 130%;\n}\n.pricing-root .pricing-container .limit-container {\n  margin-top: 4px;\n  display: grid;\n  grid-template-columns: 1fr auto 3fr auto 1fr;\n}\n.pricing-root .pricing-container .limit-container span {\n  color: #a0a0a0;\n}\n.pricing-root .pricing-container .limit-container .limit12 {\n  grid-column: 2;\n}\n.pricing-root .pricing-container .limit-container .limit180 {\n  grid-column: 4;\n}\n.pricing-root .pricing-container .gauge-container.free .gauge-border {\n  border-color: #99cfff;\n  background-image: linear-gradient(45deg, #99cfff 11.11%, #383941 11.11%, #383941 50%, #99cfff 50%, #99cfff 61.11%, #383941 61.11%, #383941 100%);\n}\n.pricing-root .pricing-container .gauge-container.free .gauge-content {\n  background-color: #99cfff;\n}\n.pricing-root .pricing-container .gauge-container.regular .gauge-border {\n  border-radius: 0;\n  border-color: #3a98ec;\n  background-image: linear-gradient(45deg, #3a98ec 11.11%, #383941 11.11%, #383941 50%, #3a98ec 50%, #3a98ec 61.11%, #383941 61.11%, #383941 100%);\n}\n.pricing-root .pricing-container .gauge-container.regular .gauge-content {\n  background-color: #3a98ec;\n}\n.pricing-root .pricing-container .gauge-container.double .gauge-border {\n  border-radius: 0 20px 20px 0;\n  border-color: #3793ff;\n  background-image: linear-gradient(45deg, #3793ff 11.11%, #383941 11.11%, #383941 50%, #3793ff 50%, #3793ff 61.11%, #383941 61.11%, #383941 100%);\n}\n.pricing-root .pricing-container .gauge-container.double .gauge-content {\n  background-color: #3793ff;\n}\n.pricing-root .pricing-container .gauge-container.no-color .gauge-border {\n  border-color: transparent;\n  background-color: #383941;\n  background-image: none;\n}\n.pricing-root .pricing-container .gauge-container.no-color .gauge-content {\n  background-color: transparent;\n}\n.pricing-root .pricing-container .gauge-container .gauge-border {\n  height: 16px;\n  box-sizing: border-box;\n  border: 1px solid;\n  background-size: 9px 9px;\n  border-radius: 20px 0 0 20px;\n  overflow: hidden;\n  position: relative;\n}\n.pricing-root .pricing-container .gauge-container .gauge-border .gauge-content {\n  position: absolute;\n  transition: all 0.5s ease;\n  height: 17px;\n  width: 100%;\n}\n.pricing-root .pricing-container .gauge-container .gauge-border .gauge-content.rounded {\n  border-radius: 0 20px 20px 0;\n}\n.pricing-root .pricing-container .iconFree,\n.pricing-root .pricing-container .iconRegular,\n.pricing-root .pricing-container .iconDouble {\n  z-index: 10;\n  position: absolute;\n  top: 1px;\n  left: 1px;\n}\n.pricing-root .pricing-container .iconFree.filled,\n.pricing-root .pricing-container .iconRegular.filled,\n.pricing-root .pricing-container .iconDouble.filled {\n  color: #1b1c22;\n}\n.pricing-root .pricing-container .iconDouble:nth-of-type(2) {\n  left: 15px;\n}\n.pricing-root .pricing-container .pricing {\n  margin-bottom: 4px;\n}\n.pricing-root .pricing-container .pricing.free {\n  color: #99cfff;\n}\n.pricing-root .pricing-container .pricing.regular {\n  color: #3a98ec;\n}\n.pricing-root .pricing-container .pricing.double {\n  color: #3793ff;\n}\n.pricing-root .pricing-container .consumption span {\n  color: #ffffff;\n  font-weight: 700;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.pricing-root {\n  margin: 0 auto;\n  margin-bottom: 1rem;\n  max-width: 45.75rem;\n  width: 100%;\n  box-sizing: border-box;\n}\n@media only screen and (max-width : 768px) {\n  .pricing-root {\n    padding-left: 1rem;\n    padding-right: 1rem;\n  }\n}\n.pricing-root .pricing-container {\n  background: #23252d;\n  border: 1px solid #2f3139;\n  border-radius: 4px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  padding: 1rem;\n}\n.pricing-root .pricing-container p {\n  margin: 0;\n}\n.pricing-root .pricing-container .row {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n}\n.pricing-root .pricing-container .row .year {\n  color: #ffffff;\n}\n.pricing-root .pricing-container .gauges {\n  display: grid;\n  grid-template-columns: 1fr auto 3fr auto 1fr;\n  gap: 4px;\n}\n.pricing-root .pricing-container .gauges .separator {\n  border-right: 1px solid #a0a0a0;\n  height: 130%;\n}\n.pricing-root .pricing-container .limit-container {\n  margin-top: 4px;\n  display: grid;\n  grid-template-columns: 1fr auto 3fr auto 1fr;\n}\n.pricing-root .pricing-container .limit-container span {\n  color: #a0a0a0;\n}\n.pricing-root .pricing-container .limit-container .limit12 {\n  grid-column: 2;\n}\n.pricing-root .pricing-container .limit-container .limit180 {\n  grid-column: 4;\n}\n.pricing-root .pricing-container .gauge-container.free .gauge-border {\n  border-color: #99cfff;\n  background-image: linear-gradient(45deg, #99cfff 11.11%, #383941 11.11%, #383941 50%, #99cfff 50%, #99cfff 61.11%, #383941 61.11%, #383941 100%);\n}\n.pricing-root .pricing-container .gauge-container.free .gauge-content {\n  background-color: #99cfff;\n}\n.pricing-root .pricing-container .gauge-container.regular .gauge-border {\n  border-radius: 0;\n  border-color: #3a98ec;\n  background-image: linear-gradient(45deg, #3a98ec 11.11%, #383941 11.11%, #383941 50%, #3a98ec 50%, #3a98ec 61.11%, #383941 61.11%, #383941 100%);\n}\n.pricing-root .pricing-container .gauge-container.regular .gauge-content {\n  background-color: #3a98ec;\n}\n.pricing-root .pricing-container .gauge-container.double .gauge-border {\n  border-radius: 0 20px 20px 0;\n  border-color: #3793ff;\n  background-image: linear-gradient(45deg, #3793ff 11.11%, #383941 11.11%, #383941 50%, #3793ff 50%, #3793ff 61.11%, #383941 61.11%, #383941 100%);\n}\n.pricing-root .pricing-container .gauge-container.double .gauge-content {\n  background-color: #3793ff;\n}\n.pricing-root .pricing-container .gauge-container.no-color .gauge-border {\n  border-color: transparent;\n  background-color: #383941;\n  background-image: none;\n}\n.pricing-root .pricing-container .gauge-container.no-color .gauge-content {\n  background-color: transparent;\n}\n.pricing-root .pricing-container .gauge-container .gauge-border {\n  height: 16px;\n  box-sizing: border-box;\n  border: 1px solid;\n  background-size: 9px 9px;\n  border-radius: 20px 0 0 20px;\n  overflow: hidden;\n  position: relative;\n}\n.pricing-root .pricing-container .gauge-container .gauge-border .gauge-content {\n  position: absolute;\n  transition: all 0.5s ease;\n  height: 17px;\n  width: 100%;\n}\n.pricing-root .pricing-container .gauge-container .gauge-border .gauge-content.rounded {\n  border-radius: 0 20px 20px 0;\n}\n.pricing-root .pricing-container .iconFree,\n.pricing-root .pricing-container .iconRegular,\n.pricing-root .pricing-container .iconDouble {\n  z-index: 10;\n  position: absolute;\n  top: 1px;\n  left: 1px;\n}\n.pricing-root .pricing-container .iconFree.filled,\n.pricing-root .pricing-container .iconRegular.filled,\n.pricing-root .pricing-container .iconDouble.filled {\n  color: #1b1c22;\n}\n.pricing-root .pricing-container .iconDouble:nth-of-type(2) {\n  left: 15px;\n}\n.pricing-root .pricing-container .pricing {\n  margin-bottom: 4px;\n}\n.pricing-root .pricing-container .pricing.free {\n  color: #99cfff;\n}\n.pricing-root .pricing-container .pricing.regular {\n  color: #3a98ec;\n}\n.pricing-root .pricing-container .pricing.double {\n  color: #3793ff;\n}\n.pricing-root .pricing-container .consumption span {\n  color: #ffffff;\n  font-weight: 700;\n}", ""]);
 
 
 
@@ -232,7 +232,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.konnector-section-root {\n  margin: 0 auto;\n  padding-bottom: 1rem;\n  max-width: 45.75rem;\n  width: 100%;\n  box-sizing: border-box;\n}\n@media only screen and (max-width : 768px) {\n  .konnector-section-root {\n    padding-left: 1rem;\n    padding-right: 1rem;\n  }\n}\n\n.konnector-icon {\n  margin-right: 1rem;\n  position: relative;\n}\n@media only screen and (max-width : 768px) {\n  .konnector-icon {\n    max-width: 16vw;\n  }\n}\n.konnector-icon .konnector-state-picto {\n  position: absolute;\n  top: 20px;\n  right: -13px;\n}\n\n.konnector-title, .konnector-title.water-connected, .konnector-title.gas-connected, .konnector-title.electricity-connected {\n  color: #e0e0e0;\n}\n.konnector-title.electricity-connected {\n  color: #d87b39;\n}\n.konnector-title.gas-connected {\n  color: #45d1b8;\n}\n.konnector-title.water-connected {\n  color: #3a98ec;\n}\n.konnector-title .outdated {\n  color: #e0e0e0;\n}\n\n.konnectorsList {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  padding-top: 1rem;\n}\n.konnectorsList button.connection-card {\n  height: 80px;\n  border: 1px solid #2f3139;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.konnector-section-root {\n  margin: 0 auto;\n  padding-bottom: 1rem;\n  max-width: 45.75rem;\n  width: 100%;\n  box-sizing: border-box;\n}\n@media only screen and (max-width : 768px) {\n  .konnector-section-root {\n    padding-left: 1rem;\n    padding-right: 1rem;\n  }\n}\n\n.konnector-icon {\n  margin-right: 1rem;\n  position: relative;\n}\n@media only screen and (max-width : 768px) {\n  .konnector-icon {\n    max-width: 16vw;\n  }\n}\n.konnector-icon .konnector-state-picto {\n  position: absolute;\n  top: 20px;\n  right: -13px;\n}\n\n.konnector-title, .konnector-title.water-connected, .konnector-title.gas-connected, .konnector-title.electricity-connected {\n  color: #e0e0e0;\n}\n.konnector-title.electricity-connected {\n  color: #d87b39;\n}\n.konnector-title.gas-connected {\n  color: #45d1b8;\n}\n.konnector-title.water-connected {\n  color: #3a98ec;\n}\n.konnector-title .outdated {\n  color: #e0e0e0;\n}\n\n.konnectorsList {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  padding-top: 1rem;\n}\n.konnectorsList button.connection-card {\n  height: 80px;\n  border: 1px solid #2f3139;\n}", ""]);
 
 
 
@@ -243,7 +243,7 @@ exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE
 
 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.kmodal-content {\n  margin: 0.5rem 1.5rem;\n  min-height: 12rem;\n}\n@media only screen and (max-width : 768px) {\n  .kmodal-content {\n    margin: 0.5rem 0;\n  }\n}\n.kmodal-content .kmodal-content-text {\n  color: #e0e0e0;\n  margin: 1rem;\n  text-align: center;\n}\n.kmodal-content .kmodal-waiting-text {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  margin: 1rem;\n  min-height: 11.25rem;\n  text-align: center;\n}\n.kmodal-content .kmodal-waiting-text .waiting-text {\n  display: none;\n}\n.kmodal-content .kmodal-waiting-text .waiting-text.show {\n  animation-duration: 8s;\n  animation-name: fadeIn;\n  display: block;\n  opacity: 0;\n}\n.kmodal-content .kmodal-info {\n  padding: 1rem;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n.kmodal-content .kmodal-info .buttons {\n  display: flex;\n  gap: 1rem;\n}\n.kmodal-content .kmodal-info .konnector-config {\n  align-items: center;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  text-align: center;\n  gap: 1rem;\n}\n.kmodal-content .kmodal-info .konnector-config .elec-fail {\n  color: #e0e0e0;\n}\n.kmodal-content .kmodal-info .konnector-config.mismatch .title {\n  color: #ec9d41;\n}\n.kmodal-content .kmodal-info .konnector-config.mismatch .info {\n  color: #e0e0e0;\n}\n.kmodal-content .kmodal-info .konnector-config .headerSuccess {\n  color: #e3b82a;\n}\n.kmodal-content .kmodal-info .konnector-config .headerError {\n  color: #d25959;\n}\n.kmodal-content .kmodal-info .konnector-config .commonErrorsList {\n  text-align: left;\n}\n.kmodal-content .kmodal-info .konnector-config .commonErrorsList span {\n  font-weight: 700;\n}\n.kmodal-content .kmodal-info .konnector-config .commonErrorsList span.gold {\n  color: #e3b82a;\n}\n.kmodal-content .kmodal-info .konnector-config .commonErrorsList .center {\n  text-align: center;\n  font-weight: 700;\n}\n.kmodal-content .kmodal-info .konnector-config .commonErrorsList p {\n  text-align: center;\n  font-style: italic;\n  font-weight: 400;\n  font-size: 0.9rem;\n}\n.kmodal-content .light {\n  color: #e0e0e0;\n}\n\n#accessibility-title {\n  display: none;\n}\n\n@keyframes fadeIn {\n  10%, 90% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n  }\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.kmodal-content {\n  margin: 0.5rem 1.5rem;\n  min-height: 12rem;\n}\n@media only screen and (max-width : 768px) {\n  .kmodal-content {\n    margin: 0.5rem 0;\n  }\n}\n.kmodal-content .kmodal-content-text {\n  color: #e0e0e0;\n  margin: 1rem;\n  text-align: center;\n}\n.kmodal-content .kmodal-waiting-text {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  margin: 1rem;\n  min-height: 11.25rem;\n  text-align: center;\n}\n.kmodal-content .kmodal-waiting-text .waiting-text {\n  display: none;\n}\n.kmodal-content .kmodal-waiting-text .waiting-text.show {\n  animation-duration: 8s;\n  animation-name: fadeIn;\n  display: block;\n  opacity: 0;\n}\n.kmodal-content .kmodal-info {\n  padding: 1rem;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n.kmodal-content .kmodal-info .buttons {\n  display: flex;\n  gap: 1rem;\n}\n.kmodal-content .kmodal-info .konnector-config {\n  align-items: center;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  text-align: center;\n  gap: 1rem;\n}\n.kmodal-content .kmodal-info .konnector-config .elec-fail {\n  color: #e0e0e0;\n}\n.kmodal-content .kmodal-info .konnector-config.mismatch .title {\n  color: #ec9d41;\n}\n.kmodal-content .kmodal-info .konnector-config.mismatch .info {\n  color: #e0e0e0;\n}\n.kmodal-content .kmodal-info .konnector-config .headerSuccess {\n  color: #e3b82a;\n}\n.kmodal-content .kmodal-info .konnector-config .headerError {\n  color: #d25959;\n}\n.kmodal-content .kmodal-info .konnector-config .commonErrorsList {\n  text-align: left;\n}\n.kmodal-content .kmodal-info .konnector-config .commonErrorsList span {\n  font-weight: 700;\n}\n.kmodal-content .kmodal-info .konnector-config .commonErrorsList span.gold {\n  color: #e3b82a;\n}\n.kmodal-content .kmodal-info .konnector-config .commonErrorsList .center {\n  text-align: center;\n  font-weight: 700;\n}\n.kmodal-content .kmodal-info .konnector-config .commonErrorsList p {\n  text-align: center;\n  font-style: italic;\n  font-weight: 400;\n  font-size: 0.9rem;\n}\n.kmodal-content .light {\n  color: #e0e0e0;\n}\n\n#accessibility-title {\n  display: none;\n}\n\n@keyframes fadeIn {\n  10%, 90% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n  }\n}", ""]);
 
 
 
@@ -882,7 +882,7 @@ exports.WaterPricing = WaterPricing;
 
 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.step-detail-info {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.step-detail-info .info-icon {\n  margin-top: 1rem;\n}\n.step-detail-info .info-content {\n  min-height: 7.75rem;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1rem;\n}\n.step-detail-info .info-content .info-content-text span {\n  color: #e3b82a;\n  font-weight: bold;\n}\n.step-detail-info .info-content .info-content-text p {\n  margin: 0;\n  font-style: italic;\n  font-size: 0.875rem;\n  line-height: 1rem;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.step-detail-info {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.step-detail-info .info-icon {\n  margin-top: 1rem;\n}\n.step-detail-info .info-content {\n  min-height: 7.75rem;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1rem;\n}\n.step-detail-info .info-content .info-content-text span {\n  color: #e3b82a;\n  font-weight: bold;\n}\n.step-detail-info .info-content .info-content-text p {\n  margin: 0;\n  font-style: italic;\n  font-size: 0.875rem;\n  line-height: 1rem;\n}", ""]);
 
 
 
@@ -893,7 +893,7 @@ exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE
 
 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.customPopupRoot {\n  border: 1px solid #f1c017;\n}\n\n.customPopupModal {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 1rem;\n  max-width: 20rem;\n  text-align: center;\n}\n.customPopupModal .customPopup-title {\n  color: #e3b82a;\n  margin: 1rem auto;\n}\n.customPopupModal .customPopup-content {\n  font-weight: 700;\n}\n.customPopupModal .customPopup-content p {\n  color: #e0e0e0;\n}\n.customPopupModal .customPopup-content a {\n  color: #e3b82a;\n}\n\n#accessibility-title {\n  display: none;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.customPopupRoot {\n  border: 1px solid #f1c017;\n}\n\n.customPopupModal {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 1rem;\n  max-width: 20rem;\n  text-align: center;\n}\n.customPopupModal .customPopup-title {\n  color: #e3b82a;\n  margin: 1rem auto;\n}\n.customPopupModal .customPopup-content {\n  font-weight: 700;\n}\n.customPopupModal .customPopup-content p {\n  color: #e0e0e0;\n}\n.customPopupModal .customPopup-content a {\n  color: #e3b82a;\n}\n\n#accessibility-title {\n  display: none;\n}", ""]);
 
 
 
@@ -911,7 +911,7 @@ exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE
 
 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.fluidchart-root {\n  padding: 0.5rem 2rem 1rem 2rem;\n}\n@media only screen and (max-width : 768px) {\n  .fluidchart-root {\n    padding: 0rem 1rem 1rem 1rem;\n  }\n}\n.fluidchart-root button.today {\n  max-width: fit-content;\n}\n\n.fluidchart-content {\n  min-height: 29.5rem;\n}\n@media only screen and (max-width : 768px) {\n  .fluidchart-content {\n    min-height: 21.5rem;\n  }\n}\n\n.lastValidData {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n}\n.lastValidData span.date {\n  color: #e0e0e0;\n  cursor: pointer;\n  text-decoration: underline;\n}\n.lastValidData button {\n  max-width: 22.5rem;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.fluidchart-root {\n  padding: 0.5rem 2rem 1rem 2rem;\n}\n@media only screen and (max-width : 768px) {\n  .fluidchart-root {\n    padding: 0rem 1rem 1rem 1rem;\n  }\n}\n.fluidchart-root button.today {\n  max-width: fit-content;\n}\n\n.fluidchart-content {\n  min-height: 29.5rem;\n}\n@media only screen and (max-width : 768px) {\n  .fluidchart-content {\n    min-height: 21.5rem;\n  }\n}\n\n.lastValidData {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n}\n.lastValidData span.date {\n  color: #e0e0e0;\n  cursor: pointer;\n  text-decoration: underline;\n}\n.lastValidData button {\n  max-width: 22.5rem;\n}", ""]);
 
 
 
@@ -2200,7 +2200,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.consumption-details-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  box-sizing: border-box;\n  padding: 0 1rem;\n  margin-bottom: 1rem;\n}\n.consumption-details-root .consumption-details-content {\n  max-width: 45.75rem;\n  width: 100%;\n  background-color: #23252d;\n  border: 1px solid #2f3139;\n  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);\n  padding: 16px;\n  border-radius: 4px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.details-container {\n  margin-top: 1rem;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.icon-line {\n  display: flex;\n  align-items: baseline;\n  gap: 12px;\n}\n.icon-line svg {\n  transform: translate(0px, 4px);\n}\n.icon-line .euro-value {\n  color: white;\n  font-size: 2rem;\n  font-weight: 900;\n}\n.icon-line .euro-symbol {\n  color: #e0e0e0;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.consumption-details-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  box-sizing: border-box;\n  padding: 0 1rem;\n  margin-bottom: 1rem;\n}\n.consumption-details-root .consumption-details-content {\n  max-width: 45.75rem;\n  width: 100%;\n  background-color: #23252d;\n  border: 1px solid #2f3139;\n  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);\n  padding: 16px;\n  border-radius: 4px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.details-container {\n  margin-top: 1rem;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.icon-line {\n  display: flex;\n  align-items: baseline;\n  gap: 12px;\n}\n.icon-line svg {\n  transform: translate(0px, 4px);\n}\n.icon-line .euro-value {\n  color: white;\n  font-size: 2rem;\n  font-weight: 900;\n}\n.icon-line .euro-symbol {\n  color: #e0e0e0;\n}", ""]);
 
 
 
@@ -2299,7 +2299,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.waterPricingModal {\n  text-align: center;\n}\n.waterPricingModal h1 {\n  color: #3a98ec;\n}\n.waterPricingModal p {\n  color: #e0e0e0;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.waterPricingModal {\n  text-align: center;\n}\n.waterPricingModal h1 {\n  color: #3a98ec;\n}\n.waterPricingModal p {\n  color: #e0e0e0;\n}", ""]);
 
 
 
@@ -2685,7 +2685,7 @@ exports.WaterPricingModal = WaterPricingModal;
 
 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.partnerIssueModal {\n  padding: 1rem;\n  max-width: 20rem;\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.partnerIssueModal .warn-icon {\n  margin: 0 auto;\n}\n.partnerIssueModal .partner-issue-title {\n  color: #ec9d41;\n  text-align: center;\n}\n.partnerIssueModal .partner-issue-content {\n  color: #e0e0e0;\n  font-weight: bold;\n}\n.partnerIssueModal .partner-issue-content span.gaz {\n  color: #45d1b8;\n}\n.partnerIssueModal .partner-issue-content span.elec {\n  color: #d87b39;\n}\n.partnerIssueModal .partner-issue-content span.water {\n  color: #3a98ec;\n}\n\n.partner-issue-portal .modal-overlay .modal-box {\n  max-width: 21rem;\n}\n\n#accessibility-title {\n  display: none;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.partnerIssueModal {\n  padding: 1rem;\n  max-width: 20rem;\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.partnerIssueModal .warn-icon {\n  margin: 0 auto;\n}\n.partnerIssueModal .partner-issue-title {\n  color: #ec9d41;\n  text-align: center;\n}\n.partnerIssueModal .partner-issue-content {\n  color: #e0e0e0;\n  font-weight: bold;\n}\n.partnerIssueModal .partner-issue-content span.gaz {\n  color: #45d1b8;\n}\n.partnerIssueModal .partner-issue-content span.elec {\n  color: #d87b39;\n}\n.partnerIssueModal .partner-issue-content span.water {\n  color: #3a98ec;\n}\n\n.partner-issue-portal .modal-overlay .modal-box {\n  max-width: 21rem;\n}\n\n#accessibility-title {\n  display: none;\n}", ""]);
 
 
 
@@ -2696,7 +2696,7 @@ exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE
 
 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.error-line {\n  color: #e0e0e0;\n  cursor: pointer;\n}\n\n.underlined-error {\n  text-align: center;\n  text-decoration: underline;\n}\n\n.warning-icon {\n  margin-right: 4px;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.error-line {\n  color: #e0e0e0;\n  cursor: pointer;\n}\n\n.underlined-error {\n  text-align: center;\n  text-decoration: underline;\n}\n\n.warning-icon {\n  margin-right: 4px;\n}", ""]);
 
 
 
@@ -2733,7 +2733,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.knotfound {\n  margin: 0 1.5rem;\n  padding: 0 1rem;\n}\n@media only screen and (max-width : 768px) {\n  .knotfound {\n    margin: 0;\n    padding: 0 1rem;\n  }\n}\n.knotfound .knotfound-text {\n  color: #e0e0e0;\n  padding-top: 1rem;\n}\n.knotfound .knotfound-button {\n  margin-bottom: 1rem;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.knotfound {\n  margin: 0 1.5rem;\n  padding: 0 1rem;\n}\n@media only screen and (max-width : 768px) {\n  .knotfound {\n    margin: 0;\n    padding: 0 1rem;\n  }\n}\n.knotfound .knotfound-text {\n  color: #e0e0e0;\n  padding-top: 1rem;\n}\n.knotfound .knotfound-button {\n  margin-bottom: 1rem;\n}", ""]);
 
 
 
@@ -3433,7 +3433,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.grdfWait {\n  margin: auto;\n  margin-top: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  align-items: center;\n  text-align: center;\n  padding-inline: 1rem;\n  max-width: 600px;\n}\n.grdfWait .green {\n  color: #45d1b8;\n}\n.grdfWait .emailContainer {\n  color: #e3b82a;\n  font-weight: 700;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.grdfWait {\n  margin: auto;\n  margin-top: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  align-items: center;\n  text-align: center;\n  padding-inline: 1rem;\n  max-width: 600px;\n}\n.grdfWait .green {\n  color: #45d1b8;\n}\n.grdfWait .emailContainer {\n  color: #e3b82a;\n  font-weight: 700;\n}", ""]);
 
 
 
@@ -3590,7 +3590,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.timestep-selector {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-evenly;\n  align-items: flex-end;\n  margin-inline: auto;\n  margin-top: 1rem;\n  max-width: 45.75rem;\n  padding-inline: 16px;\n  box-sizing: border-box;\n  width: 100%;\n}\n.timestep-selector .btnSecondary {\n  max-width: 90px;\n  border-radius: 4px;\n  margin-top: 0;\n}\n.timestep-selector .timestep-container {\n  width: 100%;\n  display: flex;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.timestep-selector {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-evenly;\n  align-items: flex-end;\n  margin-inline: auto;\n  margin-top: 1rem;\n  max-width: 45.75rem;\n  padding-inline: 16px;\n  box-sizing: border-box;\n  width: 100%;\n}\n.timestep-selector .btnSecondary {\n  max-width: 90px;\n  border-radius: 4px;\n  margin-top: 0;\n}\n.timestep-selector .timestep-container {\n  width: 100%;\n  display: flex;\n}", ""]);
 
 
 
@@ -4286,7 +4286,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.halfHour {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  gap: 12px;\n  padding: 2rem 1rem;\n  margin-top: 16px;\n  border-radius: 4px;\n  height: 25.5rem;\n}\n@media only screen and (max-width : 768px) {\n  .halfHour {\n    height: 17.5rem;\n  }\n}\n.halfHour h2 {\n  color: #d87b39;\n  margin: 0;\n}\n.halfHour h2.halfHourFailure {\n  color: #ffffff;\n  margin-bottom: 0;\n}\n.halfHour p {\n  color: #e0e0e0;\n  margin: 0;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.halfHour {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  gap: 12px;\n  padding: 2rem 1rem;\n  margin-top: 16px;\n  border-radius: 4px;\n  height: 25.5rem;\n}\n@media only screen and (max-width : 768px) {\n  .halfHour {\n    height: 17.5rem;\n  }\n}\n.halfHour h2 {\n  color: #d87b39;\n  margin: 0;\n}\n.halfHour h2.halfHourFailure {\n  color: #ffffff;\n  margin-bottom: 0;\n}\n.halfHour p {\n  color: #e0e0e0;\n  margin: 0;\n}", ""]);
 
 
 
@@ -4323,7 +4323,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.dataloadvisualizer-root {\n  min-height: 5.719rem;\n  display: flex;\n  align-items: center;\n}\n\n.dataloadvisualizer-content {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  color: #e0e0e0;\n}\n.dataloadvisualizer-content.error {\n  cursor: pointer;\n  color: #d25959;\n  font-weight: bold;\n  text-decoration: underline;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .no-data-text {\n  cursor: pointer;\n  color: #e0e0e0;\n  border-bottom: solid 1px #e0e0e0;\n  margin-top: 1rem;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section.dataloadvisualizer-section-left {\n  align-items: flex-end;\n  padding: 0.5rem 0.5rem;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section.dataloadvisualizer-section-left-novalue {\n  align-items: flex-start;\n  padding: 0.5rem 0.5rem 0.5rem 0;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section.dataloadvisualizer-section-right {\n  align-items: flex-start;\n  padding: 0.5rem 0.5rem;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .dataloadvisualizer-value {\n  display: flex;\n  gap: 0.4rem;\n  align-items: center;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .upper {\n  font-weight: bold;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .upper:first-letter {\n  text-transform: uppercase;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .electricity {\n  color: #d87b39;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .electricity-compare {\n  color: #e2bca1;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .water {\n  color: #3a98ec;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .water-compare {\n  color: #abd4fa;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .gas {\n  color: #45d1b8;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .gas-compare {\n  color: #a8f7e9;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .multifluid {\n  color: #ffffff;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .multifluid-compare-color {\n  color: #deaf0e;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .multifluid-compare {\n  color: #ffd597;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .error {\n  color: #d25959;\n}\n\n.dataloadvisualizer-euro {\n  display: flex;\n  flex-direction: row;\n  min-height: 2rem;\n  align-items: center;\n  gap: 16px;\n}\n.dataloadvisualizer-euro .dataloadvisualizer-euro-link {\n  text-decoration: none;\n  color: transparent;\n}\n.dataloadvisualizer-euro .dataloadvisualizer-euro-fluid {\n  padding-right: 4px;\n  border-radius: 4px;\n  display: flex;\n  gap: 4px;\n  font-weight: 700;\n}\n.dataloadvisualizer-euro .dataloadvisualizer-euro-fluid span {\n  line-height: 22px;\n}\n.dataloadvisualizer-euro .electricity {\n  color: #d87b39;\n  background-color: #544232;\n}\n.dataloadvisualizer-euro .electricity-compare {\n  color: #e2bca1;\n}\n.dataloadvisualizer-euro .water {\n  color: #3a98ec;\n  background-color: #3d516d;\n}\n.dataloadvisualizer-euro .water-compare {\n  color: #abd4fa;\n}\n.dataloadvisualizer-euro .gas {\n  color: #45d1b8;\n  background-color: #2f4f43;\n}\n.dataloadvisualizer-euro .gas-compare {\n  color: #a8f7e9;\n}\n.dataloadvisualizer-euro .multifluid {\n  color: #ffffff;\n}\n.dataloadvisualizer-euro .multifluid-compare {\n  color: #ffd597;\n}\n.dataloadvisualizer-euro .error {\n  color: #d25959;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.dataloadvisualizer-root {\n  min-height: 5.719rem;\n  display: flex;\n  align-items: center;\n}\n\n.dataloadvisualizer-content {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  color: #e0e0e0;\n}\n.dataloadvisualizer-content.error {\n  cursor: pointer;\n  color: #d25959;\n  font-weight: bold;\n  text-decoration: underline;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .no-data-text {\n  cursor: pointer;\n  color: #e0e0e0;\n  border-bottom: solid 1px #e0e0e0;\n  margin-top: 1rem;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section.dataloadvisualizer-section-left {\n  align-items: flex-end;\n  padding: 0.5rem 0.5rem;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section.dataloadvisualizer-section-left-novalue {\n  align-items: flex-start;\n  padding: 0.5rem 0.5rem 0.5rem 0;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section.dataloadvisualizer-section-right {\n  align-items: flex-start;\n  padding: 0.5rem 0.5rem;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .dataloadvisualizer-value {\n  display: flex;\n  gap: 0.4rem;\n  align-items: center;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .upper {\n  font-weight: bold;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .upper:first-letter {\n  text-transform: uppercase;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .electricity {\n  color: #d87b39;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .electricity-compare {\n  color: #e0b495;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .water {\n  color: #3a98ec;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .water-compare {\n  color: #9ec4e6;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .gas {\n  color: #45d1b8;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .gas-compare {\n  color: #b3f2e7;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .multifluid {\n  color: #ffffff;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .multifluid-compare-color {\n  color: #deaf0e;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .multifluid-compare {\n  color: #ffd597;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .error {\n  color: #d25959;\n}\n\n.dataloadvisualizer-euro {\n  display: flex;\n  flex-direction: row;\n  min-height: 2rem;\n  align-items: center;\n  gap: 16px;\n}\n.dataloadvisualizer-euro .dataloadvisualizer-euro-link {\n  text-decoration: none;\n  color: transparent;\n}\n.dataloadvisualizer-euro .dataloadvisualizer-euro-fluid {\n  padding-right: 4px;\n  border-radius: 4px;\n  display: flex;\n  gap: 4px;\n  font-weight: 700;\n}\n.dataloadvisualizer-euro .dataloadvisualizer-euro-fluid span {\n  line-height: 22px;\n}\n.dataloadvisualizer-euro .electricity {\n  color: #d87b39;\n  background-color: #544232;\n}\n.dataloadvisualizer-euro .electricity-compare {\n  color: #e0b495;\n}\n.dataloadvisualizer-euro .water {\n  color: #3a98ec;\n  background-color: #3d516d;\n}\n.dataloadvisualizer-euro .water-compare {\n  color: #9ec4e6;\n}\n.dataloadvisualizer-euro .gas {\n  color: #45d1b8;\n  background-color: #2f4f43;\n}\n.dataloadvisualizer-euro .gas-compare {\n  color: #b3f2e7;\n}\n.dataloadvisualizer-euro .multifluid {\n  color: #ffffff;\n}\n.dataloadvisualizer-euro .multifluid-compare {\n  color: #ffd597;\n}\n.dataloadvisualizer-euro .error {\n  color: #d25959;\n}", ""]);
 
 
 
@@ -4378,7 +4378,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.nodata-modal {\n  padding: 0.5rem;\n  color: #e0e0e0;\n}\n.nodata-modal div {\n  margin: 0.5rem 0;\n  line-height: 1.3;\n}\n.nodata-modal .question-mark {\n  text-align: center;\n}\n.nodata-modal .title {\n  color: #e3b82a;\n  font-weight: bold;\n  text-align: center;\n  margin: 1rem 0;\n}\n.nodata-modal .justified-text {\n  display: flex;\n  justify-content: start;\n}\n.nodata-modal ul {\n  padding-left: 1rem;\n}\n.nodata-modal ul li {\n  margin-block: 0.5rem;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.nodata-modal {\n  padding: 0.5rem;\n  color: #e0e0e0;\n}\n.nodata-modal div {\n  margin: 0.5rem 0;\n  line-height: 1.3;\n}\n.nodata-modal .question-mark {\n  text-align: center;\n}\n.nodata-modal .title {\n  color: #e3b82a;\n  font-weight: bold;\n  text-align: center;\n  margin: 1rem 0;\n}\n.nodata-modal .justified-text {\n  display: flex;\n  justify-content: start;\n}\n.nodata-modal ul {\n  padding-left: 1rem;\n}\n.nodata-modal ul li {\n  margin-block: 0.5rem;\n}", ""]);
 
 
 
@@ -4389,7 +4389,7 @@ exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE
 
 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.connection-update-result {\n  flex: 1;\n  margin: 0 1.3rem 1rem;\n}\n@media only screen and (max-width : 1023px) {\n  .connection-update-result {\n    margin: 0 0 0.25rem;\n  }\n}\n.connection-update-result .connection-update-errored,\n.connection-update-result .connection-caption-errored {\n  background-color: #3a2329;\n  border-radius: 4px;\n  padding: 8px;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.connection-update-result .connection-update-errored .warning-icon,\n.connection-update-result .connection-caption-errored .warning-icon {\n  min-width: 20px;\n}\n.connection-update-result .connection-update-errored .warning-white,\n.connection-update-result .connection-caption-errored .warning-white {\n  margin-right: 1rem;\n}\n.connection-update-result .connection-caption-warning {\n  background-color: #3a2f23;\n  border-radius: 4px;\n  padding: 8px;\n  display: flex;\n  align-items: center;\n  color: #ffffff;\n}\n.connection-update-result .connection-caption-warning .warning-icon {\n  min-width: 20px;\n  margin-right: 1rem;\n}\n.connection-update-result .connection-caption-warning .warning-white {\n  margin-right: 1rem;\n}\n.connection-update-result .connection-caption {\n  color: #ffffff;\n}\n\n.delta-caption {\n  color: #a0a0a0;\n}\n\n.inline-buttons {\n  margin-top: 1rem;\n  display: flex;\n  flex-flow: row nowrap;\n  gap: 1rem;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.connection-update-result {\n  flex: 1;\n  margin: 0 1.3rem 1rem;\n}\n@media only screen and (max-width : 1023px) {\n  .connection-update-result {\n    margin: 0 0 0.25rem;\n  }\n}\n.connection-update-result .connection-update-errored,\n.connection-update-result .connection-caption-errored {\n  background-color: #3a2329;\n  border-radius: 4px;\n  padding: 8px;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.connection-update-result .connection-update-errored .warning-icon,\n.connection-update-result .connection-caption-errored .warning-icon {\n  min-width: 20px;\n}\n.connection-update-result .connection-update-errored .warning-white,\n.connection-update-result .connection-caption-errored .warning-white {\n  margin-right: 1rem;\n}\n.connection-update-result .connection-caption-warning {\n  background-color: #3a2f23;\n  border-radius: 4px;\n  padding: 8px;\n  display: flex;\n  align-items: center;\n  color: #ffffff;\n}\n.connection-update-result .connection-caption-warning .warning-icon {\n  min-width: 20px;\n  margin-right: 1rem;\n}\n.connection-update-result .connection-caption-warning .warning-white {\n  margin-right: 1rem;\n}\n.connection-update-result .connection-caption {\n  color: #ffffff;\n}\n\n.delta-caption {\n  color: #a0a0a0;\n}\n\n.inline-buttons {\n  margin-top: 1rem;\n  display: flex;\n  flex-flow: row nowrap;\n  gap: 1rem;\n}", ""]);
 
 
 
@@ -5568,7 +5568,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.chartCompareContainer {\n  padding-inline: 1rem;\n  margin-bottom: 1rem;\n}\n\n.chartCompare {\n  width: 100%;\n  background-color: #23252d;\n  border: 1px solid #2f3139;\n  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);\n  padding: 16px;\n  border-radius: 4px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n  margin: auto;\n  padding-top: 1rem;\n  max-width: 45.75rem;\n}\n\n.compareDetails {\n  position: relative;\n  border: 1px solid #2f3139;\n  border-radius: 4px;\n  padding: 8px;\n  width: 100%;\n  display: flex;\n  box-sizing: border-box;\n  flex-direction: row;\n  justify-content: center;\n  gap: 12px;\n}\n.compareDetails .bloc {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  gap: 12px;\n}\n.compareDetails .bloc .date {\n  text-align: center;\n}\n.compareDetails .verticalLine {\n  content: \"\";\n  width: 0;\n  height: 80%;\n  position: absolute;\n  border: 1px solid #2f3139;\n}\n\n.compareLegend {\n  display: flex;\n  gap: 1rem;\n  font-weight: 700;\n  max-width: 45.75rem;\n  margin: auto;\n}\n.compareLegend .electricity {\n  color: #d87b39;\n}\n.compareLegend .electricity.compare {\n  color: #e2bca1;\n}\n.compareLegend .gas {\n  color: #45d1b8;\n}\n.compareLegend .gas.compare {\n  color: #a8f7e9;\n}\n.compareLegend .water {\n  color: #3a98ec;\n}\n.compareLegend .water.compare {\n  color: #abd4fa;\n}\n.compareLegend .multifluid {\n  color: #e3b82a;\n}\n.compareLegend .multifluid.compare {\n  color: #ffd597;\n}\n.compareLegend div {\n  display: flex;\n  gap: 0.5rem;\n  align-items: center;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.chartCompareContainer {\n  padding-inline: 1rem;\n  margin-bottom: 1rem;\n}\n\n.chartCompare {\n  width: 100%;\n  background-color: #23252d;\n  border: 1px solid #2f3139;\n  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);\n  padding: 16px;\n  border-radius: 4px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n  margin: auto;\n  padding-top: 1rem;\n  max-width: 45.75rem;\n}\n\n.compareDetails {\n  position: relative;\n  border: 1px solid #2f3139;\n  border-radius: 4px;\n  padding: 8px;\n  width: 100%;\n  display: flex;\n  box-sizing: border-box;\n  flex-direction: row;\n  justify-content: center;\n  gap: 12px;\n}\n.compareDetails .bloc {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  gap: 12px;\n}\n.compareDetails .bloc .date {\n  text-align: center;\n}\n.compareDetails .verticalLine {\n  content: \"\";\n  width: 0;\n  height: 80%;\n  position: absolute;\n  border: 1px solid #2f3139;\n}\n\n.compareLegend {\n  display: flex;\n  gap: 1rem;\n  font-weight: 700;\n  max-width: 45.75rem;\n  margin: auto;\n}\n.compareLegend .electricity {\n  color: #d87b39;\n}\n.compareLegend .electricity.compare {\n  color: #e0b495;\n}\n.compareLegend .gas {\n  color: #45d1b8;\n}\n.compareLegend .gas.compare {\n  color: #b3f2e7;\n}\n.compareLegend .water {\n  color: #3a98ec;\n}\n.compareLegend .water.compare {\n  color: #9ec4e6;\n}\n.compareLegend .multifluid {\n  color: #e3b82a;\n}\n.compareLegend .multifluid.compare {\n  color: #ffd597;\n}\n.compareLegend div {\n  display: flex;\n  gap: 0.5rem;\n  align-items: center;\n}", ""]);
 
 
 
@@ -5841,7 +5841,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/** 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\n.Mui-focusVisible {\n  outline: 2px solid #1b8bff;\n  outline-offset: 2px;\n}\n\nform {\n  margin-top: 1rem;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\nform .iconShowPassword {\n  float: right;\n  position: relative;\n  margin-top: -67px;\n  margin-right: 15px;\n}\nform .errorMessage {\n  color: #d25959;\n  min-height: 1.25rem;\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/** 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/** 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\n.Mui-focusVisible {\n  outline: 2px solid #1b8bff;\n  outline-offset: 2px;\n}\n\nform {\n  margin-top: 1rem;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\nform .iconShowPassword {\n  float: right;\n  position: relative;\n  margin-top: -67px;\n  margin-right: 15px;\n}\nform .errorMessage {\n  color: #d25959;\n  min-height: 1.25rem;\n}", ""]);
 
 
 
@@ -5965,7 +5965,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.fluid-buttons {\n  padding-top: 1rem;\n}\n.fluid-buttons .content {\n  display: flex;\n  align-items: center;\n  justify-content: space-evenly;\n  box-sizing: border-box;\n  margin: auto;\n  max-width: 45.75rem;\n  width: 100%;\n}\n.fluid-buttons .fluid-button {\n  min-width: 80px;\n  border-radius: 4px;\n}\n.fluid-buttons .fluid-button:hover, .fluid-buttons .fluid-button.active {\n  background: rgba(255, 255, 255, 0.1);\n}\n.fluid-buttons .fluid-button span {\n  display: flex;\n  flex-direction: column;\n}\n.fluid-buttons .fluid-button .fluid-title {\n  text-align: center;\n  color: #7b7b7b;\n  transition: all 300ms ease;\n  padding-top: 0.3rem;\n}\n.fluid-buttons .fluid-button .fluid-title.active {\n  color: white;\n}\n.fluid-buttons .fluid-button .notif-error {\n  position: absolute;\n  top: 32px;\n  right: 17px;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.fluid-buttons {\n  padding-top: 1rem;\n}\n.fluid-buttons .content {\n  display: flex;\n  align-items: center;\n  justify-content: space-evenly;\n  box-sizing: border-box;\n  margin: auto;\n  max-width: 45.75rem;\n  width: 100%;\n}\n.fluid-buttons .fluid-button {\n  min-width: 80px;\n  border-radius: 4px;\n}\n.fluid-buttons .fluid-button:hover, .fluid-buttons .fluid-button.active {\n  background: rgba(255, 255, 255, 0.1);\n}\n.fluid-buttons .fluid-button span {\n  display: flex;\n  flex-direction: column;\n}\n.fluid-buttons .fluid-button .fluid-title {\n  text-align: center;\n  color: #7b7b7b;\n  transition: all 300ms ease;\n  padding-top: 0.3rem;\n}\n.fluid-buttons .fluid-button .fluid-title.active {\n  color: white;\n}\n.fluid-buttons .fluid-button .notif-error {\n  position: absolute;\n  top: 32px;\n  right: 17px;\n}", ""]);
 
 
 
diff --git a/6/ecolyo.0e63c9a1137a42c409e7.js b/6/ecolyo.31bee876efcbdbfdc862.js
similarity index 89%
rename from 6/ecolyo.0e63c9a1137a42c409e7.js
rename to 6/ecolyo.31bee876efcbdbfdc862.js
index e42e1b4d18adcc4278c8ae66435c4f1c1defe500..fb31d805222df019e29b1e10790bfe1193688e43 100644
--- a/6/ecolyo.0e63c9a1137a42c409e7.js
+++ b/6/ecolyo.31bee876efcbdbfdc862.js
@@ -104,7 +104,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.eg-reset-modal {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  align-items: center;\n  color: #e0e0e0;\n}\n.eg-reset-modal .title {\n  text-align: center;\n  color: #ffffff;\n}\n.eg-reset-modal .warn-title {\n  color: #ec9d41;\n  margin: 0 0.3rem;\n}\n.eg-reset-modal .buttons-container {\n  display: flex;\n  gap: 1rem;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.eg-reset-modal {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  align-items: center;\n  color: #e0e0e0;\n}\n.eg-reset-modal .title {\n  text-align: center;\n  color: #ffffff;\n}\n.eg-reset-modal .warn-title {\n  color: #ec9d41;\n  margin: 0 0.3rem;\n}\n.eg-reset-modal .buttons-container {\n  display: flex;\n  gap: 1rem;\n  width: 100%;\n}", ""]);
 
 
 
@@ -300,7 +300,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-content {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-around;\n  text-align: center;\n}\n.ec-content .star.glow {\n  filter: drop-shadow(0px 0px 4px rgba(255, 198, 0, 0.5));\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.ec-content {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-around;\n  text-align: center;\n}\n.ec-content .star.glow {\n  filter: drop-shadow(0px 0px 4px rgba(255, 198, 0, 0.5));\n}", ""]);
 
 
 
@@ -311,7 +311,7 @@ exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE
 
 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-spinner {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  min-height: inherit;\n}\n@media all and (min-width: 1023px) {\n  .ecogesture-spinner {\n    min-height: 80vh;\n  }\n}\n\n.tabContainer {\n  padding-inline: 16px;\n  padding-top: 16px;\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  max-width: 53rem;\n  box-sizing: border-box;\n  margin-inline: auto;\n}\n.tabContainer button {\n  height: auto;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.ecogesture-spinner {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  min-height: inherit;\n}\n@media all and (min-width: 1023px) {\n  .ecogesture-spinner {\n    min-height: 80vh;\n  }\n}\n\n.tabContainer {\n  padding-inline: 16px;\n  padding-top: 16px;\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  max-width: 53rem;\n  box-sizing: border-box;\n  margin-inline: auto;\n}\n.tabContainer button {\n  height: auto;\n}", ""]);
 
 
 
@@ -348,7 +348,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.ecogesture-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 1rem 1.5rem 2.5rem 1.5rem;\n  gap: 1rem;\n}\n.ecogesture-root .efficiency-button-content {\n  max-width: 53rem;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.ecogesture-root .efficiency-button-content .selection {\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  gap: 1rem;\n  color: white;\n  text-align: center;\n}\n.ecogesture-root .efficiency-button-content .btnFilter {\n  max-width: 13rem;\n  justify-content: flex-start;\n}\n.ecogesture-root .efficiency-button-content .btnFilter span {\n  padding-left: 0.5rem;\n}\n.ecogesture-root .efficiency-button-content .btnFilter span.opened {\n  color: #e3b82a;\n}\n.ecogesture-root .ecogesture-content {\n  display: flex;\n  flex-wrap: wrap;\n  max-width: 53rem;\n  animation: appear 600ms ease;\n  width: 100%;\n  gap: 10px;\n}\n@keyframes appear {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n.ecogesture-root .ecogesture-content .ecogesture-content-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.ecogesture-root .ecogesture-content .ecogesture-list-item {\n  height: 8rem;\n  animation: appear 600ms ease;\n  display: flex;\n  flex: 1 0 calc(50% - 10px);\n  max-width: calc(50% - 5px);\n}\n.ecogesture-root .ecogesture-content .ecogesture-list-item > button {\n  height: 100%;\n  overflow: hidden;\n  animation: appear 600ms ease;\n}\n.ecogesture-root .ec-filter-error {\n  color: #e0e0e0;\n  text-align: center;\n  margin-top: 2rem;\n}\n.ecogesture-root .ec-filter-error div:first-child {\n  margin-bottom: 1rem;\n}\n\ndiv.filter-menu {\n  margin-top: 3.5rem;\n  margin-left: -0.5rem;\n  color: white;\n  background: linear-gradient(0deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.09)), linear-gradient(180deg, #323339 0%, #25262b 100%);\n  border: 1px solid #a0a0a0;\n  box-sizing: border-box;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  border-radius: 4px;\n  z-index: 3;\n  width: 220px;\n  padding: 0.5rem 0rem;\n  font-size: 0.875rem;\n  left: 0;\n  transition: all 300ms ease;\n}\ndiv.filter-menu.opened {\n  display: block;\n}\ndiv.filter-menu .filter {\n  padding: 0 1rem;\n}\ndiv.filter-menu .filter.filter-active {\n  background: rgba(160, 160, 160, 0.2);\n}\n\n.filter-menu-list li {\n  color: #ffffff;\n  text-transform: initial;\n  font-family: Lato, sans-serif;\n}\n.filter-menu-list li.item-active {\n  font-weight: 700;\n}\n.filter-menu-list li:focus-visible {\n  outline: 2px solid #1b8bff;\n  outline-offset: 2px;\n}\n\n.filter-menu-icon {\n  margin-left: auto;\n  min-width: 0;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.ecogesture-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 1rem 1.5rem 2.5rem 1.5rem;\n  gap: 1rem;\n}\n.ecogesture-root .efficiency-button-content {\n  max-width: 53rem;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.ecogesture-root .efficiency-button-content .selection {\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  gap: 1rem;\n  color: white;\n  text-align: center;\n}\n.ecogesture-root .efficiency-button-content .btnFilter {\n  max-width: 13rem;\n  justify-content: flex-start;\n}\n.ecogesture-root .efficiency-button-content .btnFilter span {\n  padding-left: 0.5rem;\n}\n.ecogesture-root .efficiency-button-content .btnFilter span.opened {\n  color: #e3b82a;\n}\n.ecogesture-root .ecogesture-content {\n  display: flex;\n  flex-wrap: wrap;\n  max-width: 53rem;\n  animation: appear 600ms ease;\n  width: 100%;\n  gap: 10px;\n}\n@keyframes appear {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n.ecogesture-root .ecogesture-content .ecogesture-content-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.ecogesture-root .ecogesture-content .ecogesture-list-item {\n  height: 8rem;\n  animation: appear 600ms ease;\n  display: flex;\n  flex: 1 0 calc(50% - 10px);\n  max-width: calc(50% - 5px);\n}\n.ecogesture-root .ecogesture-content .ecogesture-list-item > button {\n  height: 100%;\n  overflow: hidden;\n  animation: appear 600ms ease;\n}\n.ecogesture-root .ec-filter-error {\n  color: #e0e0e0;\n  text-align: center;\n  margin-top: 2rem;\n}\n.ecogesture-root .ec-filter-error div:first-child {\n  margin-bottom: 1rem;\n}\n\ndiv.filter-menu {\n  margin-top: 3.5rem;\n  margin-left: -0.5rem;\n  color: white;\n  background: linear-gradient(0deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.09)), linear-gradient(180deg, #323339 0%, #25262b 100%);\n  border: 1px solid #a0a0a0;\n  box-sizing: border-box;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  border-radius: 4px;\n  z-index: 3;\n  width: 220px;\n  padding: 0.5rem 0rem;\n  font-size: 0.875rem;\n  left: 0;\n  transition: all 300ms ease;\n}\ndiv.filter-menu.opened {\n  display: block;\n}\ndiv.filter-menu .filter {\n  padding: 0 1rem;\n}\ndiv.filter-menu .filter.filter-active {\n  background: rgba(160, 160, 160, 0.2);\n}\n\n.filter-menu-list li {\n  color: #ffffff;\n  text-transform: initial;\n  font-family: Lato, sans-serif;\n}\n.filter-menu-list li.item-active {\n  font-weight: 700;\n}\n.filter-menu-list li:focus-visible {\n  outline: 2px solid #1b8bff;\n  outline-offset: 2px;\n}\n\n.filter-menu-icon {\n  margin-left: auto;\n  min-width: 0;\n}", ""]);
 
 
 
@@ -815,7 +815,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.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}", ""]);
+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/** 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/7/ecolyo.d2f6d4a697b39bdc6445.js b/7/ecolyo.fa34a2f7109effcfd58e.js
similarity index 93%
rename from 7/ecolyo.d2f6d4a697b39bdc6445.js
rename to 7/ecolyo.fa34a2f7109effcfd58e.js
index 19627cf0c99a9111a6f90f8676bde86ded4afa31..ce1459705c460a6cbbc76eb57b83903754390d6b 100644
--- a/7/ecolyo.d2f6d4a697b39bdc6445.js
+++ b/7/ecolyo.fa34a2f7109effcfd58e.js
@@ -320,7 +320,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.date-navigator {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-around;\n  width: 100%;\n  box-sizing: border-box;\n  margin: auto;\n  padding: 12px 16px;\n  border-bottom: 1px solid #2f3139;\n  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);\n}\n.date-navigator .date-navigator-button.disable {\n  opacity: 0.3;\n}\n.date-navigator .date-navigator-format {\n  display: flex;\n  flex-direction: column;\n  min-width: 7.81rem;\n  text-align: center;\n  align-items: center;\n  align-self: center;\n}\n@media all and (max-width: 320px) {\n  .date-navigator .date-navigator-format {\n    min-width: 10.32rem;\n  }\n}\n.date-navigator .date-navigator-format .date-navigator-format-date {\n  color: #e0e0e0;\n}\n.date-navigator .date-navigator-format .date-navigator-format-date::first-letter {\n  text-transform: uppercase;\n}\n.date-navigator .date-navigator-format .date-navigator-format-date.timeRange {\n  white-space: normal;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.date-navigator {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-around;\n  width: 100%;\n  box-sizing: border-box;\n  margin: auto;\n  padding: 12px 16px;\n  border-bottom: 1px solid #2f3139;\n  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);\n}\n.date-navigator .date-navigator-button.disable {\n  opacity: 0.3;\n}\n.date-navigator .date-navigator-format {\n  display: flex;\n  flex-direction: column;\n  min-width: 7.81rem;\n  text-align: center;\n  align-items: center;\n  align-self: center;\n}\n@media all and (max-width: 320px) {\n  .date-navigator .date-navigator-format {\n    min-width: 10.32rem;\n  }\n}\n.date-navigator .date-navigator-format .date-navigator-format-date {\n  color: #e0e0e0;\n}\n.date-navigator .date-navigator-format .date-navigator-format-date::first-letter {\n  text-transform: uppercase;\n}\n.date-navigator .date-navigator-format .date-navigator-format-date.timeRange {\n  white-space: normal;\n}", ""]);
 
 
 
@@ -403,7 +403,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.estimation-modal {\n  padding: 0.5rem;\n  color: #e0e0e0;\n}\n.estimation-modal .modal-title {\n  color: #e3b82a;\n  font-weight: bold;\n  text-align: center;\n  margin-bottom: 0.5rem;\n}\n.estimation-modal ul {\n  padding-left: 1rem;\n}\n.estimation-modal .electricity {\n  color: #d87b39;\n}\n.estimation-modal .water {\n  color: #3a98ec;\n}\n.estimation-modal .gas {\n  color: #45d1b8;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.estimation-modal {\n  padding: 0.5rem;\n  color: #e0e0e0;\n}\n.estimation-modal .modal-title {\n  color: #e3b82a;\n  font-weight: bold;\n  text-align: center;\n  margin-bottom: 0.5rem;\n}\n.estimation-modal ul {\n  padding-left: 1rem;\n}\n.estimation-modal .electricity {\n  color: #d87b39;\n}\n.estimation-modal .water {\n  color: #3a98ec;\n}\n.estimation-modal .gas {\n  color: #45d1b8;\n}", ""]);
 
 
 
@@ -477,7 +477,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.consumptionvisualizer-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding-bottom: 0.5rem;\n}\n@media only screen and (max-width : 768px) {\n  .consumptionvisualizer-root {\n    width: 100%;\n  }\n}\n.consumptionvisualizer-root .consumptionvisualizer-info {\n  min-height: 1.5rem;\n  display: flex;\n  align-items: center;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.consumptionvisualizer-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding-bottom: 0.5rem;\n}\n@media only screen and (max-width : 768px) {\n  .consumptionvisualizer-root {\n    width: 100%;\n  }\n}\n.consumptionvisualizer-root .consumptionvisualizer-info {\n  min-height: 1.5rem;\n  display: flex;\n  align-items: center;\n}", ""]);
 
 
 
diff --git a/8/ecolyo.34c75e5c74cc0e71564c.js b/8/ecolyo.f457ba0b9b0cf1a491c7.js
similarity index 82%
rename from 8/ecolyo.34c75e5c74cc0e71564c.js
rename to 8/ecolyo.f457ba0b9b0cf1a491c7.js
index 4b5c0dc9d87bbcfb37fd7f4c01e58e0d404fe06c..5343f73d29e83ae98667cda9fc2706a90b9dc5bf 100644
--- a/8/ecolyo.34c75e5c74cc0e71564c.js
+++ b/8/ecolyo.f457ba0b9b0cf1a491c7.js
@@ -5,7 +5,7 @@
 
 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.error-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 1rem;\n  max-width: 450px;\n  margin: auto;\n  padding: 2rem;\n  text-align: center;\n}\n.error-container .head {\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.error-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 1rem;\n  max-width: 450px;\n  margin: auto;\n  padding: 2rem;\n  text-align: center;\n}\n.error-container .head {\n  color: #e3b82a;\n}", ""]);
 
 
 
@@ -367,7 +367,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.content-wrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  height: 100%;\n}\n.content-wrapper .single-ecogesture {\n  color: #e0e0e0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem 1.2rem;\n  gap: 16px;\n}\n.content-wrapper .single-ecogesture .icon-container {\n  margin: auto;\n  max-width: 180px;\n  width: 100%;\n  display: flex;\n}\n.content-wrapper .single-ecogesture .icon-container .icon-big {\n  margin: auto;\n}\n.content-wrapper .single-ecogesture .details {\n  flex-direction: column;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.content-wrapper .single-ecogesture .details .title {\n  color: #ffffff;\n}\n.content-wrapper .single-ecogesture .details .efficiency {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n}\n.content-wrapper .single-ecogesture .details .efficiency .star.glow {\n  filter: drop-shadow(0px 0px 4px rgba(255, 198, 0, 0.5));\n}\n.content-wrapper .single-ecogesture .styled-container {\n  line-height: 150%;\n  max-width: 500px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n.content-wrapper .single-ecogesture .styled-container .long-name {\n  text-align: center;\n  color: white;\n}\n.content-wrapper .single-ecogesture .styled-container .showMore {\n  margin: auto;\n  text-align: center;\n  text-decoration: underline;\n}\n.content-wrapper .single-ecogesture .styled-container .showMore span {\n  text-transform: none;\n}\n.content-wrapper .single-ecogesture .styled-container .longDescription {\n  margin: 1em 0.5rem;\n  text-align: left;\n}\n.content-wrapper .single-ecogesture .buttons-selection {\n  width: 100%;\n  display: flex;\n  gap: 0.5rem;\n  justify-content: center;\n}\n.content-wrapper .single-ecogesture .buttons-selection button.btnSecondary {\n  height: 45px;\n  max-width: 160px;\n  width: 100%;\n  border-radius: 4px;\n}\n.content-wrapper .single-ecogesture .buttons-selection button.btnSecondary .MuiIconButton-label {\n  gap: 8px;\n}\n.content-wrapper .single-ecogesture .buttons-selection .objective-btn span {\n  color: #e0e0e0;\n}\n.content-wrapper .single-ecogesture .buttons-selection .objective-btn.active {\n  border-color: #61b4ff;\n  background: #293445;\n}\n.content-wrapper .single-ecogesture .buttons-selection .objective-btn.active span {\n  color: white;\n}\n.content-wrapper .single-ecogesture .buttons-selection .objective-btn.active svg {\n  color: #61b4ff;\n}\n.content-wrapper .single-ecogesture .buttons-selection .doing-btn span {\n  color: #e0e0e0;\n}\n.content-wrapper .single-ecogesture .buttons-selection .doing-btn.active {\n  border-color: #7fd771;\n  background: #273823;\n}\n.content-wrapper .single-ecogesture .buttons-selection .doing-btn.active span {\n  color: white;\n}\n.content-wrapper .single-ecogesture .buttons-selection .doing-btn.active svg {\n  color: #7fd771;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.content-wrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  height: 100%;\n}\n.content-wrapper .single-ecogesture {\n  color: #e0e0e0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem 1.2rem;\n  gap: 16px;\n}\n.content-wrapper .single-ecogesture .icon-container {\n  margin: auto;\n  max-width: 180px;\n  width: 100%;\n  display: flex;\n}\n.content-wrapper .single-ecogesture .icon-container .icon-big {\n  margin: auto;\n}\n.content-wrapper .single-ecogesture .details {\n  flex-direction: column;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.content-wrapper .single-ecogesture .details .title {\n  color: #ffffff;\n}\n.content-wrapper .single-ecogesture .details .efficiency {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n}\n.content-wrapper .single-ecogesture .details .efficiency .star.glow {\n  filter: drop-shadow(0px 0px 4px rgba(255, 198, 0, 0.5));\n}\n.content-wrapper .single-ecogesture .styled-container {\n  line-height: 150%;\n  max-width: 500px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n.content-wrapper .single-ecogesture .styled-container .long-name {\n  text-align: center;\n  color: white;\n}\n.content-wrapper .single-ecogesture .styled-container .showMore {\n  margin: auto;\n  text-align: center;\n  text-decoration: underline;\n}\n.content-wrapper .single-ecogesture .styled-container .showMore span {\n  text-transform: none;\n}\n.content-wrapper .single-ecogesture .styled-container .longDescription {\n  margin: 1em 0.5rem;\n  text-align: left;\n}\n.content-wrapper .single-ecogesture .buttons-selection {\n  width: 100%;\n  display: flex;\n  gap: 0.5rem;\n  justify-content: center;\n}\n.content-wrapper .single-ecogesture .buttons-selection button.btnSecondary {\n  height: 45px;\n  max-width: 160px;\n  width: 100%;\n  border-radius: 4px;\n}\n.content-wrapper .single-ecogesture .buttons-selection button.btnSecondary .MuiIconButton-label {\n  gap: 8px;\n}\n.content-wrapper .single-ecogesture .buttons-selection .objective-btn span {\n  color: #e0e0e0;\n}\n.content-wrapper .single-ecogesture .buttons-selection .objective-btn.active {\n  border-color: #61b4ff;\n  background: #293445;\n}\n.content-wrapper .single-ecogesture .buttons-selection .objective-btn.active span {\n  color: white;\n}\n.content-wrapper .single-ecogesture .buttons-selection .objective-btn.active svg {\n  color: #61b4ff;\n}\n.content-wrapper .single-ecogesture .buttons-selection .doing-btn span {\n  color: #e0e0e0;\n}\n.content-wrapper .single-ecogesture .buttons-selection .doing-btn.active {\n  border-color: #7fd771;\n  background: #273823;\n}\n.content-wrapper .single-ecogesture .buttons-selection .doing-btn.active span {\n  color: white;\n}\n.content-wrapper .single-ecogesture .buttons-selection .doing-btn.active svg {\n  color: #7fd771;\n}", ""]);
 
 
 
diff --git a/app/ecolyo.44c0863ded5bf6cc7aef.js b/app/ecolyo.e419973ce1d1e046e173.js
similarity index 98%
rename from app/ecolyo.44c0863ded5bf6cc7aef.js
rename to app/ecolyo.e419973ce1d1e046e173.js
index 7ead20cbc4bb0b76110a84b1acc4d9daa4b0daf4..db34309dd3bce6febecc1feffba84b1744dc3fb6 100644
--- a/app/ecolyo.44c0863ded5bf6cc7aef.js
+++ b/app/ecolyo.e419973ce1d1e046e173.js
@@ -64,7 +64,7 @@
 /******/
 /******/ 	// script path function
 /******/ 	function jsonpScriptSrc(chunkId) {
-/******/ 		return __webpack_require__.p + "" + ({}[chunkId]||chunkId) + "/ecolyo." + {"3":"dfcc37f000e759f5f0a7","4":"bd6ee7b37fd7a04c5212","5":"1dab4ec2581a70933890","6":"0e63c9a1137a42c409e7","7":"d2f6d4a697b39bdc6445","8":"34c75e5c74cc0e71564c","9":"f45e19d3c34ba67e355b","10":"fe3625578fa387c11975","11":"346fcb0fa7b2e3565ad3"}[chunkId] + ".js"
+/******/ 		return __webpack_require__.p + "" + ({}[chunkId]||chunkId) + "/ecolyo." + {"3":"93d7584b9e0fe366f5a6","4":"f64b4f564ba41af07bfb","5":"75dae1f8018bd72e8b80","6":"31bee876efcbdbfdc862","7":"fa34a2f7109effcfd58e","8":"f457ba0b9b0cf1a491c7","9":"f45e19d3c34ba67e355b","10":"fe3625578fa387c11975","11":"346fcb0fa7b2e3565ad3"}[chunkId] + ".js"
 /******/ 	}
 /******/
 /******/ 	// The require function
@@ -229,7 +229,7 @@
 
 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-navigation {\n  background-color: #23252d;\n  border-top: 1px solid #2f3139;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 1.5rem;\n  padding: 1rem;\n}\n@media (min-width: 1023px) {\n  .profile-navigation {\n    height: 3rem;\n  }\n}\n.profile-navigation button {\n  max-width: 12.5rem;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.profile-navigation {\n  background-color: #23252d;\n  border-top: 1px solid #2f3139;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 1.5rem;\n  padding: 1rem;\n}\n@media (min-width: 1023px) {\n  .profile-navigation {\n    height: 3rem;\n  }\n}\n.profile-navigation button {\n  max-width: 12.5rem;\n}", ""]);
 
 
 
@@ -240,7 +240,7 @@ exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE
 
 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.quiz-content {\n  outline: none;\n  margin: auto;\n}\n.quiz-content .quiz-container .question-container {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: 1.5rem;\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  position: relative;\n}\n@media (min-width: 768px) {\n  .quiz-content .quiz-container .question-container {\n    height: 45vh;\n  }\n}\n.quiz-content .quiz-container .question-container .question-loading {\n  min-height: 13.875rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.quiz-content .quiz-container .question-container .question {\n  color: #e0e0e0;\n  text-align: center;\n  margin-bottom: 2rem;\n}\n@media (min-width: 768px) {\n  .quiz-content .quiz-container .question-container .question {\n    padding: 0 1rem;\n  }\n}\n.quiz-content .quiz-container .question-container .question-title {\n  color: #e3b82a;\n}\n.quiz-content .quiz-container .question-container .btn-back {\n  color: #ffffff;\n  background: none;\n  border: none;\n  padding: 0;\n  font-size: 1.3rem;\n  position: absolute;\n  top: 1rem;\n  right: 1rem;\n}\n.quiz-content .quiz-container .btnAnswer {\n  border-radius: 0px;\n  width: 100%;\n}\n@media (min-width: 768px) {\n  .quiz-content .quiz-container .btnAnswer {\n    max-width: 80%;\n  }\n}\n.quiz-content .quiz-container .btnAnswer:not(:last-child) {\n  margin-bottom: 1rem;\n}\n.quiz-content .quiz-container .btnAnswer.checked {\n  background-color: #e3b82a;\n  border-color: #e3b82a;\n}\n.quiz-content .quiz-container .btnAnswer.checked span {\n  color: #121212;\n}\n.quiz-content .quiz-container button.validate {\n  margin-top: 1rem;\n  width: auto;\n  padding: 0.5rem 3rem;\n}\n.quiz-content .quiz-container .index-question {\n  margin: 2rem 0 1rem;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.quiz-content {\n  outline: none;\n  margin: auto;\n}\n.quiz-content .quiz-container .question-container {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: 1.5rem;\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  position: relative;\n}\n@media (min-width: 768px) {\n  .quiz-content .quiz-container .question-container {\n    height: 45vh;\n  }\n}\n.quiz-content .quiz-container .question-container .question-loading {\n  min-height: 13.875rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.quiz-content .quiz-container .question-container .question {\n  color: #e0e0e0;\n  text-align: center;\n  margin-bottom: 2rem;\n}\n@media (min-width: 768px) {\n  .quiz-content .quiz-container .question-container .question {\n    padding: 0 1rem;\n  }\n}\n.quiz-content .quiz-container .question-container .question-title {\n  color: #e3b82a;\n}\n.quiz-content .quiz-container .question-container .btn-back {\n  color: #ffffff;\n  background: none;\n  border: none;\n  padding: 0;\n  font-size: 1.3rem;\n  position: absolute;\n  top: 1rem;\n  right: 1rem;\n}\n.quiz-content .quiz-container .btnAnswer {\n  border-radius: 0px;\n  width: 100%;\n}\n@media (min-width: 768px) {\n  .quiz-content .quiz-container .btnAnswer {\n    max-width: 80%;\n  }\n}\n.quiz-content .quiz-container .btnAnswer:not(:last-child) {\n  margin-bottom: 1rem;\n}\n.quiz-content .quiz-container .btnAnswer.checked {\n  background-color: #e3b82a;\n  border-color: #e3b82a;\n}\n.quiz-content .quiz-container .btnAnswer.checked span {\n  color: #121212;\n}\n.quiz-content .quiz-container button.validate {\n  margin-top: 1rem;\n  width: auto;\n  padding: 0.5rem 3rem;\n}\n.quiz-content .quiz-container .index-question {\n  margin: 2rem 0 1rem;\n}", ""]);
 
 
 
@@ -998,7 +998,7 @@ exports.default = ActionService;
 
 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.modal-overlay {\n  width: 100%;\n  height: 100%;\n}\n\n.cardUnlocked {\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.55));\n}\n@media all and (max-height: 700px) {\n  .cardUnlocked .challengeIcon {\n    width: 65%;\n    margin: auto;\n  }\n}\n.cardUnlocked button {\n  height: 60px;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.modal-overlay {\n  width: 100%;\n  height: 100%;\n}\n\n.cardUnlocked {\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.55));\n}\n@media all and (max-height: 700px) {\n  .cardUnlocked .challengeIcon {\n    width: 65%;\n    margin: auto;\n  }\n}\n.cardUnlocked button {\n  height: 60px;\n}", ""]);
 
 
 
@@ -3709,7 +3709,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.legal-notice-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  color: #ffffff;\n  padding: 1.5rem 1.5rem 0;\n}\n.legal-notice-root .legal-notice-content {\n  max-width: 45.75rem;\n}\n.legal-notice-root .legal-notice-content p,\n.legal-notice-root .legal-notice-content ul,\n.legal-notice-root .legal-notice-content li,\n.legal-notice-root .legal-notice-content span,\n.legal-notice-root .legal-notice-content .legal-notice-oneline {\n  color: #e0e0e0;\n  font-size: 0.9rem;\n}\n.legal-notice-root .legal-notice-content a {\n  color: #e3b82a;\n  text-decoration: none;\n}\n.legal-notice-root .legal-notice-content li {\n  margin: 1rem 0;\n}\n.legal-notice-root .legal-notice-content h2 {\n  color: #a0a0a0;\n  margin-top: 1rem;\n  text-align: center;\n}\n.legal-notice-root .legal-notice-content .version {\n  color: #a0a0a0;\n  text-align: center;\n  margin-top: 0;\n  margin-bottom: 2rem;\n}\n.legal-notice-root .legal-notice-content h3 {\n  margin-top: 1.25rem;\n  font-size: 1rem;\n  color: #e3b82a;\n}\n.legal-notice-root .legal-notice-content .ln-contact {\n  color: #e3b82a;\n}\n@media only screen and (max-width : 768px) {\n  .legal-notice-root .legal-notice-content {\n    width: 100%;\n  }\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.legal-notice-root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  color: #ffffff;\n  padding: 1.5rem 1.5rem 0;\n}\n.legal-notice-root .legal-notice-content {\n  max-width: 45.75rem;\n}\n.legal-notice-root .legal-notice-content p,\n.legal-notice-root .legal-notice-content ul,\n.legal-notice-root .legal-notice-content li,\n.legal-notice-root .legal-notice-content span,\n.legal-notice-root .legal-notice-content .legal-notice-oneline {\n  color: #e0e0e0;\n  font-size: 0.9rem;\n}\n.legal-notice-root .legal-notice-content a {\n  color: #e3b82a;\n  text-decoration: none;\n}\n.legal-notice-root .legal-notice-content li {\n  margin: 1rem 0;\n}\n.legal-notice-root .legal-notice-content h2 {\n  color: #a0a0a0;\n  margin-top: 1rem;\n  text-align: center;\n}\n.legal-notice-root .legal-notice-content .version {\n  color: #a0a0a0;\n  text-align: center;\n  margin-top: 0;\n  margin-bottom: 2rem;\n}\n.legal-notice-root .legal-notice-content h3 {\n  margin-top: 1.25rem;\n  font-size: 1rem;\n  color: #e3b82a;\n}\n.legal-notice-root .legal-notice-content .ln-contact {\n  color: #e3b82a;\n}\n@media only screen and (max-width : 768px) {\n  .legal-notice-root .legal-notice-content {\n    width: 100%;\n  }\n}", ""]);
 
 
 
@@ -3973,7 +3973,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.eg-selection-restart-container {\n  position: relative;\n  min-height: inherit;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  color: #e0e0e0;\n}\n.eg-selection-restart-container .content {\n  margin: auto;\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  padding: 0 1rem;\n  justify-content: center;\n  align-items: center;\n}\n.eg-selection-restart-container .content .title {\n  color: #e3b82a;\n  margin: 1rem;\n}\n@media all and (min-width: 1023px) {\n  .eg-selection-restart-container .content .title {\n    margin: 5rem;\n  }\n}\n.eg-selection-restart-container .content .text {\n  margin-top: 3.25rem;\n}\n.eg-selection-restart-container .buttons {\n  padding: 1rem;\n  box-sizing: border-box;\n  display: flex;\n  background-color: #23252d;\n  border: 1px solid #2f3139;\n  flex-direction: row;\n  justify-content: space-between;\n  gap: 1rem;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.eg-selection-restart-container {\n  position: relative;\n  min-height: inherit;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  color: #e0e0e0;\n}\n.eg-selection-restart-container .content {\n  margin: auto;\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  padding: 0 1rem;\n  justify-content: center;\n  align-items: center;\n}\n.eg-selection-restart-container .content .title {\n  color: #e3b82a;\n  margin: 1rem;\n}\n@media all and (min-width: 1023px) {\n  .eg-selection-restart-container .content .title {\n    margin: 5rem;\n  }\n}\n.eg-selection-restart-container .content .text {\n  margin-top: 3.25rem;\n}\n.eg-selection-restart-container .buttons {\n  padding: 1rem;\n  box-sizing: border-box;\n  display: flex;\n  background-color: #23252d;\n  border: 1px solid #2f3139;\n  flex-direction: row;\n  justify-content: space-between;\n  gap: 1rem;\n  width: 100%;\n}", ""]);
 
 
 
@@ -4010,7 +4010,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.duel-ongoing-container {\n  padding-top: 1rem;\n  padding-inline: 1rem;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 1rem;\n}\n.duel-ongoing-container .duel-title {\n  color: #a0a0a0;\n}\n.duel-ongoing-container .duel-consumption .consumption {\n  color: #deaf0e;\n}\n.duel-ongoing-container .duel-chart {\n  height: 15.625rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 80%;\n}\n.duel-ongoing-container .duel-chart-caption {\n  display: flex;\n  flex-direction: column;\n  align-self: flex-start;\n  gap: 12px;\n}\n.duel-ongoing-container .duel-chart-caption .duel-caption {\n  display: flex;\n}\n.duel-ongoing-container .duel-chart-caption .duel-caption .caption-icon {\n  margin: auto 1.5rem;\n}\n.duel-ongoing-container .duel-chart-caption .duel-caption span {\n  color: #e0e0e0;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.duel-ongoing-container {\n  padding-top: 1rem;\n  padding-inline: 1rem;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 1rem;\n}\n.duel-ongoing-container .duel-title {\n  color: #a0a0a0;\n}\n.duel-ongoing-container .duel-consumption .consumption {\n  color: #deaf0e;\n}\n.duel-ongoing-container .duel-chart {\n  height: 15.625rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 80%;\n}\n.duel-ongoing-container .duel-chart-caption {\n  display: flex;\n  flex-direction: column;\n  align-self: flex-start;\n  gap: 12px;\n}\n.duel-ongoing-container .duel-chart-caption .duel-caption {\n  display: flex;\n}\n.duel-ongoing-container .duel-chart-caption .duel-caption .caption-icon {\n  margin: auto 1.5rem;\n}\n.duel-ongoing-container .duel-chart-caption .duel-caption span {\n  color: #e0e0e0;\n}", ""]);
 
 
 
@@ -4021,7 +4021,7 @@ exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE
 
 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.quiz-finish-container {\n  padding: 1.5rem;\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  text-align: center;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.quiz-finish-container .button-start {\n  margin-top: 3rem;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.score-final-title {\n  font-weight: bold;\n  font-size: 2rem;\n  margin: 2rem 0 0.5rem;\n}\n\n.score-final {\n  font-size: 2.2rem;\n  font-weight: bold;\n  margin-bottom: 2rem;\n}\n.score-final span {\n  color: #e3b82a;\n}\n\n.score-label {\n  font-size: 1.15rem;\n  font-weight: bold;\n  margin-bottom: 0.5rem;\n}\n\n.score-stars {\n  font-size: 1.8rem;\n  font-weight: bold;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: #e3b82a;\n}\n.score-stars .quiz-icon {\n  margin-left: 0.5rem;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.quiz-finish-container {\n  padding: 1.5rem;\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  text-align: center;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.quiz-finish-container .button-start {\n  margin-top: 3rem;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.score-final-title {\n  font-weight: bold;\n  font-size: 2rem;\n  margin: 2rem 0 0.5rem;\n}\n\n.score-final {\n  font-size: 2.2rem;\n  font-weight: bold;\n  margin-bottom: 2rem;\n}\n.score-final span {\n  color: #e3b82a;\n}\n\n.score-label {\n  font-size: 1.15rem;\n  font-weight: bold;\n  margin-bottom: 0.5rem;\n}\n\n.score-stars {\n  font-size: 1.8rem;\n  font-weight: bold;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: #e3b82a;\n}\n.score-stars .quiz-icon {\n  margin-left: 0.5rem;\n}", ""]);
 
 
 
@@ -4119,7 +4119,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.animate-background {\n  transition: all 0.2s ease-out;\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  min-width: fit-content;\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\n.Mui-focusVisible {\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 16px 0px rgba(0, 0, 0, 0.12);\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  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.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  background-color: #2f3139;\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 1rem 1rem;\n  background-color: #2f3139;\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: $grey-0;\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}\n\nhtml {\n  background-color: #1b1c21;\n}\n\n.app-content {\n  min-height: auto !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/** 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/** 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/** 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/** 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.animate-background {\n  transition: all 0.2s ease-out;\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: #e0b495;\n  filter: drop-shadow(0 -0.1rem 0.2rem #e0b495);\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: #9ec4e6;\n  filter: drop-shadow(0 -0.1rem 0.2rem #9ec4e6);\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: #b3f2e7;\n  filter: drop-shadow(0 -0.1rem 0.2rem #b3f2e7);\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: #e0b495;\n}\n.week.selected {\n  fill: #e0b495;\n  filter: drop-shadow(0 -0.1rem 0.2rem #e0b495);\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/** 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  min-width: fit-content;\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/** 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\n.Mui-focusVisible {\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/** 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 16px 0px rgba(0, 0, 0, 0.12);\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/** 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/** SCROLLBAR **/\n/** Ecogesture selection */\ndiv.expansion-panel-root {\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.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  background-color: #2f3139;\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 1rem 1rem;\n  background-color: #2f3139;\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/** 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  --elecColor: #d87b39;\n  --elecCompareColor: #e0b495;\n  --gasColor: #45d1b8;\n  --gasCompareColor: #b3f2e7;\n  --waterColor: #3a98ec;\n  --waterCompareColor: #9ec4e6;\n  --multiColor: #e3b82a;\n  --multiCompareColor: #ffd597;\n  --redPrimary: #d25959;\n  --greyBright: #e0e0e0;\n  --greyDark: #7b7b7b;\n  --softGrey: #a0a0a0;\n  --darkLight: #25262b;\n  --darkLight2: #121212;\n  --textFont: Lato, sans-serif;\n  --grey-0: #1b1c21;\n  --grey-1: #23252d;\n  --grey-2: #2f3139;\n  --paperBackgroundColor: $grey-0;\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}\n\nhtml {\n  background-color: #1b1c21;\n}\n\n.app-content {\n  min-height: auto !important;\n}", ""]);
 
 
 
@@ -4542,7 +4542,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.exploration-container {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  margin: auto;\n  padding: 1.5rem;\n}\n\n.exploration-begin-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-around;\n  padding: 2rem 1rem 1.5rem;\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-color: #23252d;\n  border: 1px solid #2f3139;\n  text-align: center;\n}\n@media (min-width: 768px) {\n  .exploration-begin-container {\n    width: 60%;\n    height: 100%;\n  }\n}\n@media (min-width: 1201px) {\n  .exploration-begin-container {\n    max-width: 45%;\n    padding: 0.5rem 1rem 2rem;\n  }\n}\n.exploration-begin-container .exploration-explanation {\n  line-height: 24px;\n  height: 50%;\n  display: flex;\n  flex-direction: column;\n  margin: 2.5rem 0;\n}\n.exploration-begin-container .exploration-explanation div {\n  align-self: center;\n}\n.exploration-begin-container .exploration-explanation div:first-child {\n  margin-bottom: 1rem;\n}\n.exploration-begin-container .stars {\n  margin-top: 1rem;\n}\n.exploration-begin-container .stars svg {\n  margin-right: 0.25rem;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.exploration-container {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  margin: auto;\n  padding: 1.5rem;\n}\n\n.exploration-begin-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-around;\n  padding: 2rem 1rem 1.5rem;\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-color: #23252d;\n  border: 1px solid #2f3139;\n  text-align: center;\n}\n@media (min-width: 768px) {\n  .exploration-begin-container {\n    width: 60%;\n    height: 100%;\n  }\n}\n@media (min-width: 1201px) {\n  .exploration-begin-container {\n    max-width: 45%;\n    padding: 0.5rem 1rem 2rem;\n  }\n}\n.exploration-begin-container .exploration-explanation {\n  line-height: 24px;\n  height: 50%;\n  display: flex;\n  flex-direction: column;\n  margin: 2.5rem 0;\n}\n.exploration-begin-container .exploration-explanation div {\n  align-self: center;\n}\n.exploration-begin-container .exploration-explanation div:first-child {\n  margin-bottom: 1rem;\n}\n.exploration-begin-container .stars {\n  margin-top: 1rem;\n}\n.exploration-begin-container .stars svg {\n  margin-right: 0.25rem;\n}", ""]);
 
 
 
@@ -6000,7 +6000,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.action-modal {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  color: #e0e0e0;\n  padding: 1.5rem;\n  max-width: 400px;\n}\n.action-modal .action-duration {\n  margin-top: 1rem;\n}\n.action-modal .action-text {\n  margin: 1.6rem 0;\n}\n.action-modal .buttons {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n#accessibility-title {\n  display: none;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.action-modal {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  color: #e0e0e0;\n  padding: 1.5rem;\n  max-width: 400px;\n}\n.action-modal .action-duration {\n  margin-top: 1rem;\n}\n.action-modal .action-text {\n  margin: 1.6rem 0;\n}\n.action-modal .buttons {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n#accessibility-title {\n  display: none;\n}", ""]);
 
 
 
@@ -6536,7 +6536,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.exploration-card {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\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 1.5rem 1rem;\n  font-size: 1.1rem;\n  font-weight: 700;\n}\n@media (min-width: 1023px) {\n  .exploration-card {\n    width: 50%;\n  }\n}\n@media (min-width: 1201px) {\n  .exploration-card {\n    width: 40%;\n  }\n}\n.exploration-card .exploration-finish {\n  width: 75%;\n}\n@media (min-width: 768px) {\n  .exploration-card .exploration-finish {\n    width: auto;\n  }\n}\n.exploration-card .exploration-icon {\n  margin-left: 0.5rem;\n}\n.exploration-card .congratulation {\n  font-size: 2.3rem;\n  margin: 2rem 0 1rem;\n}\n.exploration-card .exploration-earn {\n  margin: 2rem 0 1rem;\n}\n.exploration-card button {\n  margin-top: 1rem;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.exploration-card {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\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 1.5rem 1rem;\n  font-size: 1.1rem;\n  font-weight: 700;\n}\n@media (min-width: 1023px) {\n  .exploration-card {\n    width: 50%;\n  }\n}\n@media (min-width: 1201px) {\n  .exploration-card {\n    width: 40%;\n  }\n}\n.exploration-card .exploration-finish {\n  width: 75%;\n}\n@media (min-width: 768px) {\n  .exploration-card .exploration-finish {\n    width: auto;\n  }\n}\n.exploration-card .exploration-icon {\n  margin-left: 0.5rem;\n}\n.exploration-card .congratulation {\n  font-size: 2.3rem;\n  margin: 2rem 0 1rem;\n}\n.exploration-card .exploration-earn {\n  margin: 2rem 0 1rem;\n}\n.exploration-card button {\n  margin-top: 1rem;\n}", ""]);
 
 
 
@@ -6578,7 +6578,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.terms-wrapper {\n  padding: 0rem 1.5rem 0 1.5rem;\n  box-sizing: border-box;\n  width: 100vw;\n  overflow-x: hidden;\n}\n.terms-wrapper h1 {\n  color: #e3b82a;\n  font-weight: 800;\n}\n\n.terms-content {\n  max-width: 45rem;\n  margin: auto;\n}\n.terms-content .action {\n  cursor: pointer;\n  color: #e3b82a;\n}\n.terms-content label.inline {\n  margin-top: 1rem;\n  display: flex;\n  gap: 0.5rem;\n  align-items: center;\n}\n.terms-content button {\n  color: #e3b82a;\n}\n.terms-content button span {\n  color: #e3b82a;\n}\n\n.dataShare-content-wrapper,\n.dataShare-content-root {\n  width: inherit;\n}\n\n.terms-footer {\n  max-width: 45rem;\n  width: 100%;\n  margin: auto;\n  height: 60px;\n  text-align: center;\n  padding-top: 1.5rem;\n}\n.terms-footer button {\n  margin: 0;\n  max-width: 150px;\n}\n.terms-footer button:disabled {\n  opacity: 0.3;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.terms-wrapper {\n  padding: 0rem 1.5rem 0 1.5rem;\n  box-sizing: border-box;\n  width: 100vw;\n  overflow-x: hidden;\n}\n.terms-wrapper h1 {\n  color: #e3b82a;\n  font-weight: 800;\n}\n\n.terms-content {\n  max-width: 45rem;\n  margin: auto;\n}\n.terms-content .action {\n  cursor: pointer;\n  color: #e3b82a;\n}\n.terms-content label.inline {\n  margin-top: 1rem;\n  display: flex;\n  gap: 0.5rem;\n  align-items: center;\n}\n.terms-content button {\n  color: #e3b82a;\n}\n.terms-content button span {\n  color: #e3b82a;\n}\n\n.dataShare-content-wrapper,\n.dataShare-content-root {\n  width: inherit;\n}\n\n.terms-footer {\n  max-width: 45rem;\n  width: 100%;\n  margin: auto;\n  height: 60px;\n  text-align: center;\n  padding-top: 1.5rem;\n}\n.terms-footer button {\n  margin: 0;\n  max-width: 150px;\n}\n.terms-footer button:disabled {\n  opacity: 0.3;\n}", ""]);
 
 
 
@@ -6741,7 +6741,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.action-done-container {\n  max-width: 600px;\n  margin: auto;\n  width: 100%;\n  padding: 1.5rem;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n}\n.action-done-container .action-done {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  gap: 1rem;\n  padding: 3rem 1.2rem;\n  color: white;\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n}\n.action-done-container .action-done .result-title {\n  font-size: 1.8rem;\n  color: white;\n  text-transform: uppercase;\n}\n.action-done-container .action-done .stars {\n  display: flex;\n  align-items: center;\n  color: #e3b82a;\n  font-size: 1.5rem;\n  font-weight: bold;\n}\n.action-done-container .action-done .stars span {\n  margin-right: 0.5rem;\n}\n.action-done-container .action-done button {\n  max-width: 210px;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.action-done-container {\n  max-width: 600px;\n  margin: auto;\n  width: 100%;\n  padding: 1.5rem;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n}\n.action-done-container .action-done {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  gap: 1rem;\n  padding: 3rem 1.2rem;\n  color: white;\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n}\n.action-done-container .action-done .result-title {\n  font-size: 1.8rem;\n  color: white;\n  text-transform: uppercase;\n}\n.action-done-container .action-done .stars {\n  display: flex;\n  align-items: center;\n  color: #e3b82a;\n  font-size: 1.5rem;\n  font-weight: bold;\n}\n.action-done-container .action-done .stars span {\n  margin-right: 0.5rem;\n}\n.action-done-container .action-done button {\n  max-width: 210px;\n}", ""]);
 
 
 
@@ -7185,7 +7185,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.skip-link {\n  position: absolute;\n  top: -40px;\n  left: 0;\n  background: #1b1c22;\n  color: #ffffff;\n  border: #ffffff;\n  padding: 8px;\n  z-index: 1000001;\n  text-decoration: \"none\";\n  transition: top 0.3s;\n}\n.skip-link:focus {\n  top: 0;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.skip-link {\n  position: absolute;\n  top: -40px;\n  left: 0;\n  background: #1b1c22;\n  color: #ffffff;\n  border: #ffffff;\n  padding: 8px;\n  z-index: 1000001;\n  text-decoration: \"none\";\n  transition: top 0.3s;\n}\n.skip-link:focus {\n  top: 0;\n}", ""]);
 
 
 
@@ -7337,7 +7337,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.cardLast {\n  height: inherit;\n  box-sizing: border-box;\n  padding: 1rem;\n  transition: all 300ms ease;\n  background-color: #23252d;\n  border: 1px solid #2f3139;\n  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);\n  border-radius: 4px;\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  flex: 1;\n}\n.cardLast svg {\n  max-height: 150px;\n  flex: 1;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.cardLast {\n  height: inherit;\n  box-sizing: border-box;\n  padding: 1rem;\n  transition: all 300ms ease;\n  background-color: #23252d;\n  border: 1px solid #2f3139;\n  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);\n  border-radius: 4px;\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  flex: 1;\n}\n.cardLast svg {\n  max-height: 150px;\n  flex: 1;\n}", ""]);
 
 
 
@@ -8490,7 +8490,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.action-list-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  max-width: 600px;\n  margin: auto;\n  gap: 1rem;\n  width: 100%;\n  box-sizing: border-box;\n  padding: 0 1rem;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.action-list-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  max-width: 600px;\n  margin: auto;\n  gap: 1rem;\n  width: 100%;\n  box-sizing: border-box;\n  padding: 0 1rem;\n}", ""]);
 
 
 
@@ -8713,7 +8713,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.equipment-form-container {\n  padding: 1.5rem;\n  color: #e0e0e0;\n}\n@media (min-width: 768px) {\n  .equipment-form-container .equipment-label {\n    text-align: center;\n  }\n}\n.equipment-form-container .equipment-hint {\n  margin: 1rem 0;\n}\n@media (min-width: 768px) {\n  .equipment-form-container .equipment-hint {\n    text-align: center;\n  }\n}\n.equipment-form-container .icons-container {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  align-items: flex-start;\n  max-width: 400px;\n  margin: 1.5rem auto 3rem auto;\n}\n.equipment-form-container .icons-container .checkbox-equipment span {\n  border-radius: 5px;\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  color: #e0e0e0;\n}\n.equipment-form-container .icons-container .equipment-icon-container {\n  display: flex;\n  transition: all 200ms ease;\n  box-sizing: border-box;\n  width: 80px;\n  height: 80px;\n  border-radius: 4px;\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  background: rgba(255, 255, 255, 0.1);\n}\n.equipment-form-container .icons-container .equipment-icon-container svg {\n  margin: auto;\n  color: #ffffff;\n}\n.equipment-form-container .icons-container .equipment-icon-container.checked {\n  background-color: #e3b82a;\n}\n.equipment-form-container .icons-container .equipment-icon-container.checked svg {\n  color: #23252d;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.equipment-form-container {\n  padding: 1.5rem;\n  color: #e0e0e0;\n}\n@media (min-width: 768px) {\n  .equipment-form-container .equipment-label {\n    text-align: center;\n  }\n}\n.equipment-form-container .equipment-hint {\n  margin: 1rem 0;\n}\n@media (min-width: 768px) {\n  .equipment-form-container .equipment-hint {\n    text-align: center;\n  }\n}\n.equipment-form-container .icons-container {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  align-items: flex-start;\n  max-width: 400px;\n  margin: 1.5rem auto 3rem auto;\n}\n.equipment-form-container .icons-container .checkbox-equipment span {\n  border-radius: 5px;\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  color: #e0e0e0;\n}\n.equipment-form-container .icons-container .equipment-icon-container {\n  display: flex;\n  transition: all 200ms ease;\n  box-sizing: border-box;\n  width: 80px;\n  height: 80px;\n  border-radius: 4px;\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  background: rgba(255, 255, 255, 0.1);\n}\n.equipment-form-container .icons-container .equipment-icon-container svg {\n  margin: auto;\n  color: #ffffff;\n}\n.equipment-form-container .icons-container .equipment-icon-container.checked {\n  background-color: #e3b82a;\n}\n.equipment-form-container .icons-container .equipment-icon-container.checked svg {\n  color: #23252d;\n}", ""]);
 
 
 
@@ -8868,7 +8868,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.gcu-content-root {\n  height: 100%;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: left;\n  padding: 0 2rem;\n}\n.gcu-content-root .gcu-content-wrapper {\n  max-width: 36rem;\n  margin: 2rem 0;\n  color: #e0e0e0;\n  width: 100%;\n}\n.gcu-content-root .gcu-content-wrapper .version {\n  color: #a0a0a0;\n  text-align: center;\n}\n.gcu-content-root .gcu-content-wrapper .gcu-content-title,\n.gcu-content-root .gcu-content-wrapper .gcu-content-subtitle {\n  text-align: center;\n}\n.gcu-content-root .gcu-content-wrapper > p {\n  color: #e0e0e0;\n  margin-top: 1rem;\n}\n.gcu-content-root .gcu-content-wrapper > p:last-child {\n  margin-bottom: 1rem;\n}\n.gcu-content-root .gcu-content-wrapper .gcu-content-part-title {\n  margin-top: 1.25rem;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.gcu-content-root {\n  height: 100%;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: left;\n  padding: 0 2rem;\n}\n.gcu-content-root .gcu-content-wrapper {\n  max-width: 36rem;\n  margin: 2rem 0;\n  color: #e0e0e0;\n  width: 100%;\n}\n.gcu-content-root .gcu-content-wrapper .version {\n  color: #a0a0a0;\n  text-align: center;\n}\n.gcu-content-root .gcu-content-wrapper .gcu-content-title,\n.gcu-content-root .gcu-content-wrapper .gcu-content-subtitle {\n  text-align: center;\n}\n.gcu-content-root .gcu-content-wrapper > p {\n  color: #e0e0e0;\n  margin-top: 1rem;\n}\n.gcu-content-root .gcu-content-wrapper > p:last-child {\n  margin-bottom: 1rem;\n}\n.gcu-content-root .gcu-content-wrapper .gcu-content-part-title {\n  margin-top: 1.25rem;\n  color: #e3b82a;\n}", ""]);
 
 
 
@@ -8905,7 +8905,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.action-begin {\n  margin: auto;\n}\n\n.action-container {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  margin: auto;\n  padding: 1.5rem;\n}\n\n.action-begin-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-around;\n  box-sizing: border-box;\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-color: #23252d;\n  height: auto;\n  gap: 1.5rem;\n  text-align: center;\n  position: relative;\n  padding: 1rem;\n}\n@media (min-width: 1201px) {\n  .action-begin-container {\n    margin: 6rem 1rem 1rem 1rem;\n  }\n}\n.action-begin-container h1 {\n  margin-block: 0;\n}\n.action-begin-container .icon-container {\n  width: 8.125rem;\n  height: 8.125rem;\n  margin: 0 auto;\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  border-radius: 8px;\n  border: solid 2px #e3b82a;\n  display: flex;\n}\n.action-begin-container .action-icon {\n  margin: auto;\n}\n.action-begin-container .stars {\n  display: flex;\n}\n.action-begin-container .action-duration {\n  color: #e0e0e0;\n}\n.action-begin-container .action-explanation {\n  margin-bottom: 2rem;\n  line-height: 24px;\n  padding: 1rem;\n}\n@media (min-width: 1201px) {\n  .action-begin-container .action-explanation {\n    padding: 0rem 2rem;\n  }\n}\n.action-begin-container .action-buttons {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  width: 100%;\n}\n\nh1 {\n  color: #ffffff;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.action-begin {\n  margin: auto;\n}\n\n.action-container {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  margin: auto;\n  padding: 1.5rem;\n}\n\n.action-begin-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-around;\n  box-sizing: border-box;\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-color: #23252d;\n  height: auto;\n  gap: 1.5rem;\n  text-align: center;\n  position: relative;\n  padding: 1rem;\n}\n@media (min-width: 1201px) {\n  .action-begin-container {\n    margin: 6rem 1rem 1rem 1rem;\n  }\n}\n.action-begin-container h1 {\n  margin-block: 0;\n}\n.action-begin-container .icon-container {\n  width: 8.125rem;\n  height: 8.125rem;\n  margin: 0 auto;\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  border-radius: 8px;\n  border: solid 2px #e3b82a;\n  display: flex;\n}\n.action-begin-container .action-icon {\n  margin: auto;\n}\n.action-begin-container .stars {\n  display: flex;\n}\n.action-begin-container .action-duration {\n  color: #e0e0e0;\n}\n.action-begin-container .action-explanation {\n  margin-bottom: 2rem;\n  line-height: 24px;\n  padding: 1rem;\n}\n@media (min-width: 1201px) {\n  .action-begin-container .action-explanation {\n    padding: 0rem 2rem;\n  }\n}\n.action-begin-container .action-buttons {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  width: 100%;\n}\n\nh1 {\n  color: #ffffff;\n}", ""]);
 
 
 
@@ -8916,7 +8916,7 @@ exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE
 
 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.o-sidebar {\n  width: 15%;\n  background-color: #23252d;\n  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 8px 10px rgba(0, 0, 0, 0.14);\n  border-top: unset;\n  border-right: unset;\n  position: relative;\n  z-index: calc(18 + 1);\n}\n\n.logos-container {\n  position: absolute;\n  width: 100%;\n  bottom: 1.5rem;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n@media only screen and (max-width : 1023px) {\n  .logos-container {\n    display: none;\n  }\n}\n.logos-container img {\n  display: inline-block;\n  max-width: 100%;\n}\n\n.parameters-logos {\n  padding: 1.5rem;\n  display: none;\n  text-align: center;\n}\n@media only screen and (max-width : 1023px) {\n  .parameters-logos {\n    display: block;\n  }\n}\n.parameters-logos img {\n  display: inline-block;\n  width: 90%;\n}\n\n.logo-tiga-parameters {\n  display: block;\n  width: 100%;\n  max-width: 80px;\n  margin: auto;\n}\n\n.logo-grand-lyon-parameters {\n  display: block;\n  width: 100%;\n  max-width: 100px;\n  margin: auto;\n}\n\n.c-nav-item {\n  color: rgba(255, 255, 255, 0.6);\n}\n.c-nav-item:hover {\n  background: rgba(0, 0, 0, 0.1);\n}\n.c-nav-item:hover a,\n.c-nav-item:hover svg {\n  color: #ffffff !important;\n}\n.c-nav-item:hover a.is-active,\n.c-nav-item:hover svg.is-active {\n  color: #b2901b;\n}\n.c-nav-item .c-nav-link {\n  color: rgba(255, 255, 255, 0.6);\n  padding: 0 1rem;\n  font-size: 0.9rem;\n}\n.c-nav-item .c-nav-link:visited {\n  color: rgba(255, 255, 255, 0.6);\n}\n.c-nav-item .c-nav-link .c-nav-icon {\n  width: 60px;\n  height: 36px;\n  fill: #a0a0a0;\n  color: #a0a0a0;\n}\n.c-nav-item .c-nav-link .on {\n  display: none;\n}\n.c-nav-item .c-nav-link .off {\n  display: block;\n}\n.c-nav-item .c-nav-link.is-active {\n  color: #ffffff;\n  box-shadow: inset 0.25rem 0 0 0 #b2901b;\n  text-decoration: none;\n}\n.c-nav-item .c-nav-link.is-active svg.c-nav-icon {\n  fill: #b2901b;\n  color: #b2901b !important;\n}\n.c-nav-item .c-nav-link.is-active:focus-visible {\n  box-shadow: inset 0 0 0 1px #e0e0e0, inset 0.25rem 0 0 0 #b2901b;\n}\n.c-nav-item .c-nav-link.is-active .on {\n  display: block;\n}\n.c-nav-item .c-nav-link.is-active .off {\n  display: none;\n}\n\n@media only screen and (max-width : 1023px) {\n  .o-sidebar {\n    height: 56px;\n  }\n  .c-nav {\n    margin-top: 4px;\n    margin-bottom: 0;\n  }\n  .c-nav-item {\n    height: 54px;\n    margin: -0.3rem 0 0 0;\n  }\n  .c-nav-item .c-nav-link {\n    padding: 0;\n  }\n  .c-nav-item .c-nav-link .c-nav-icon {\n    padding: 0;\n    margin: auto;\n  }\n  .c-nav-item .c-nav-link.is-active {\n    box-shadow: unset;\n  }\n  .c-nav-item .c-nav-link.is-active:focus {\n    box-shadow: unset;\n  }\n}\n.nb-notif {\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  left: 42px;\n  bottom: 22px;\n  width: 1.25rem;\n  height: 1.25rem;\n  color: #25262b;\n  border-radius: 50%;\n  border: 1px solid #25262b;\n  z-index: 1;\n  background: 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  font-size: 12px;\n}\n@media only screen and (max-width : 1023px) {\n  .nb-notif {\n    left: 25px;\n    bottom: unset;\n  }\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.o-sidebar {\n  width: 15%;\n  background-color: #23252d;\n  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 8px 10px rgba(0, 0, 0, 0.14);\n  border-top: unset;\n  border-right: unset;\n  position: relative;\n  z-index: calc(18 + 1);\n}\n\n.logos-container {\n  position: absolute;\n  width: 100%;\n  bottom: 1.5rem;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n@media only screen and (max-width : 1023px) {\n  .logos-container {\n    display: none;\n  }\n}\n.logos-container img {\n  display: inline-block;\n  max-width: 100%;\n}\n\n.parameters-logos {\n  padding: 1.5rem;\n  display: none;\n  text-align: center;\n}\n@media only screen and (max-width : 1023px) {\n  .parameters-logos {\n    display: block;\n  }\n}\n.parameters-logos img {\n  display: inline-block;\n  width: 90%;\n}\n\n.logo-tiga-parameters {\n  display: block;\n  width: 100%;\n  max-width: 80px;\n  margin: auto;\n}\n\n.logo-grand-lyon-parameters {\n  display: block;\n  width: 100%;\n  max-width: 100px;\n  margin: auto;\n}\n\n.c-nav-item {\n  color: rgba(255, 255, 255, 0.6);\n}\n.c-nav-item:hover {\n  background: rgba(0, 0, 0, 0.1);\n}\n.c-nav-item:hover a,\n.c-nav-item:hover svg {\n  color: #ffffff !important;\n}\n.c-nav-item:hover a.is-active,\n.c-nav-item:hover svg.is-active {\n  color: #b2901b;\n}\n.c-nav-item .c-nav-link {\n  color: rgba(255, 255, 255, 0.6);\n  padding: 0 1rem;\n  font-size: 0.9rem;\n}\n.c-nav-item .c-nav-link:visited {\n  color: rgba(255, 255, 255, 0.6);\n}\n.c-nav-item .c-nav-link .c-nav-icon {\n  width: 60px;\n  height: 36px;\n  fill: #a0a0a0;\n  color: #a0a0a0;\n}\n.c-nav-item .c-nav-link .on {\n  display: none;\n}\n.c-nav-item .c-nav-link .off {\n  display: block;\n}\n.c-nav-item .c-nav-link.is-active {\n  color: #ffffff;\n  box-shadow: inset 0.25rem 0 0 0 #b2901b;\n  text-decoration: none;\n}\n.c-nav-item .c-nav-link.is-active svg.c-nav-icon {\n  fill: #b2901b;\n  color: #b2901b !important;\n}\n.c-nav-item .c-nav-link.is-active:focus-visible {\n  box-shadow: inset 0 0 0 1px #e0e0e0, inset 0.25rem 0 0 0 #b2901b;\n}\n.c-nav-item .c-nav-link.is-active .on {\n  display: block;\n}\n.c-nav-item .c-nav-link.is-active .off {\n  display: none;\n}\n\n@media only screen and (max-width : 1023px) {\n  .o-sidebar {\n    height: 56px;\n  }\n  .c-nav {\n    margin-top: 4px;\n    margin-bottom: 0;\n  }\n  .c-nav-item {\n    height: 54px;\n    margin: -0.3rem 0 0 0;\n  }\n  .c-nav-item .c-nav-link {\n    padding: 0;\n  }\n  .c-nav-item .c-nav-link .c-nav-icon {\n    padding: 0;\n    margin: auto;\n  }\n  .c-nav-item .c-nav-link.is-active {\n    box-shadow: unset;\n  }\n  .c-nav-item .c-nav-link.is-active:focus {\n    box-shadow: unset;\n  }\n}\n.nb-notif {\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  left: 42px;\n  bottom: 22px;\n  width: 1.25rem;\n  height: 1.25rem;\n  color: #25262b;\n  border-radius: 50%;\n  border: 1px solid #25262b;\n  z-index: 1;\n  background: 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  font-size: 12px;\n}\n@media only screen and (max-width : 1023px) {\n  .nb-notif {\n    left: 25px;\n    bottom: unset;\n  }\n}", ""]);
 
 
 
@@ -8966,7 +8966,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 */\nbutton.action-card {\n  width: 100%;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  height: 10rem;\n  background: #23252d;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  border-radius: 4px;\n  padding: 1rem;\n}\nbutton.action-card .action-title {\n  text-align: left;\n  color: white;\n  margin-left: 1rem;\n  text-transform: initial;\n  font-size: 1.2rem;\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/** SCROLLBAR **/\n/** Ecogesture selection */\nbutton.action-card {\n  width: 100%;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  height: 10rem;\n  background: #23252d;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  border-radius: 4px;\n  padding: 1rem;\n}\nbutton.action-card .action-title {\n  text-align: left;\n  color: white;\n  margin-left: 1rem;\n  text-transform: initial;\n  font-size: 1.2rem;\n}", ""]);
 
 
 
@@ -9820,7 +9820,7 @@ exports.default = ConsumptionValidatorService;
 
 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.duel-last-modal-root {\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.duel-last-modal-root .icon {\n  margin: auto;\n}\n.duel-last-modal-root h1 {\n  color: #ffffff;\n}\n.duel-last-modal-root h2 {\n  color: #e3b82a;\n  margin: 0;\n}\n.duel-last-modal-root p {\n  color: #e0e0e0;\n}\n\n#accessibility-title {\n  display: none;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.duel-last-modal-root {\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.duel-last-modal-root .icon {\n  margin: auto;\n}\n.duel-last-modal-root h1 {\n  color: #ffffff;\n}\n.duel-last-modal-root h2 {\n  color: #e3b82a;\n  margin: 0;\n}\n.duel-last-modal-root p {\n  color: #e0e0e0;\n}\n\n#accessibility-title {\n  display: none;\n}", ""]);
 
 
 
@@ -10600,7 +10600,7 @@ exports.USAGEEVENT_DOCTYPE = USAGEEVENT_DOCTYPE;
 
 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.eg-selection-modal {\n  color: #e0e0e0;\n  margin: 1rem 0;\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n}\n.eg-selection-modal .title {\n  margin: 1rem 0;\n  color: #e3b82a;\n}\n.eg-selection-modal .text {\n  margin: 1rem 0;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.eg-selection-modal {\n  color: #e0e0e0;\n  margin: 1rem 0;\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n}\n.eg-selection-modal .title {\n  margin: 1rem 0;\n  color: #e3b82a;\n}\n.eg-selection-modal .text {\n  margin: 1rem 0;\n}", ""]);
 
 
 
@@ -10648,7 +10648,7 @@ exports.ENEDIS_DAY_DOCTYPE = ENEDIS_DAY_DOCTYPE;
 
 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 */\nheader {\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  overflow: hidden;\n  width: 85%;\n  z-index: 18;\n  position: fixed;\n  top: 48px;\n}\n@media only screen and (max-width : 1023px) {\n  header {\n    width: 100%;\n  }\n}\n@media only screen and (max-width : 768px) {\n  header {\n    top: 0;\n  }\n}\nheader .header-top {\n  background-color: #23252d;\n  width: 100%;\n}\nheader .header-top .header-text {\n  padding: 0 1rem 1rem 1rem;\n  color: #e0e0e0;\n}\nheader .header-content {\n  display: flex;\n  flex-direction: column;\n}\n@media only screen and (max-width : 1023px) {\n  header .header-content {\n    margin: 0;\n  }\n}\n@media only screen and (max-width : 768px) {\n  header .header-content {\n    margin: 60px 0 0 0;\n  }\n}\nheader .header-content .header-content-top {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  border-bottom: 1px solid #1b1c21;\n}\nheader .header-content .header-content-top .header-text {\n  flex: 1;\n  padding: 0 1rem 1rem 1rem;\n  color: #e0e0e0;\n  text-align: center;\n}\nheader .header-content .header-content-top .header-text-desktop {\n  display: flex;\n  flex: 1;\n  padding: 2rem 1.25rem;\n  color: #e0e0e0;\n  justify-content: center;\n  text-align: center;\n  margin-left: 64px;\n}\nheader .header-content .header-content-top .header-text-selection {\n  display: flex;\n  flex: 1;\n  padding: 2rem 1.25rem;\n  color: #e0e0e0;\n  justify-content: center;\n  text-align: center;\n  margin-left: 24px;\n}\n@media only screen and (max-width : 768px) {\n  header .header-content .header-content-top .header-text-selection {\n    display: none;\n  }\n}\nheader .header-content .header-content-top .header-back-button,\nheader .header-content .header-content-top .header-feedbacks-button {\n  padding: 0 0.75rem;\n}\n@media only screen and (max-width : 768px) {\n  header .header-content .header-content-top .header-text-desktop {\n    display: none;\n  }\n  header .header-content .header-content-top .header-feedbacks-button {\n    display: none;\n  }\n}\n\n.building-title {\n  text-align: center;\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/** SCROLLBAR **/\n/** Ecogesture selection */\nheader {\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  overflow: hidden;\n  width: 85%;\n  z-index: 18;\n  position: fixed;\n  top: 48px;\n}\n@media only screen and (max-width : 1023px) {\n  header {\n    width: 100%;\n  }\n}\n@media only screen and (max-width : 768px) {\n  header {\n    top: 0;\n  }\n}\nheader .header-top {\n  background-color: #23252d;\n  width: 100%;\n}\nheader .header-top .header-text {\n  padding: 0 1rem 1rem 1rem;\n  color: #e0e0e0;\n}\nheader .header-content {\n  display: flex;\n  flex-direction: column;\n}\n@media only screen and (max-width : 1023px) {\n  header .header-content {\n    margin: 0;\n  }\n}\n@media only screen and (max-width : 768px) {\n  header .header-content {\n    margin: 60px 0 0 0;\n  }\n}\nheader .header-content .header-content-top {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  border-bottom: 1px solid #1b1c21;\n}\nheader .header-content .header-content-top .header-text {\n  flex: 1;\n  padding: 0 1rem 1rem 1rem;\n  color: #e0e0e0;\n  text-align: center;\n}\nheader .header-content .header-content-top .header-text-desktop {\n  display: flex;\n  flex: 1;\n  padding: 2rem 1.25rem;\n  color: #e0e0e0;\n  justify-content: center;\n  text-align: center;\n  margin-left: 64px;\n}\nheader .header-content .header-content-top .header-text-selection {\n  display: flex;\n  flex: 1;\n  padding: 2rem 1.25rem;\n  color: #e0e0e0;\n  justify-content: center;\n  text-align: center;\n  margin-left: 24px;\n}\n@media only screen and (max-width : 768px) {\n  header .header-content .header-content-top .header-text-selection {\n    display: none;\n  }\n}\nheader .header-content .header-content-top .header-back-button,\nheader .header-content .header-content-top .header-feedbacks-button {\n  padding: 0 0.75rem;\n}\n@media only screen and (max-width : 768px) {\n  header .header-content .header-content-top .header-text-desktop {\n    display: none;\n  }\n  header .header-content .header-content-top .header-feedbacks-button {\n    display: none;\n  }\n}\n\n.building-title {\n  text-align: center;\n}", ""]);
 
 
 
@@ -12190,7 +12190,7 @@ exports.default = ChallengeService;
 
 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.eg-init-modal {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.eg-init-modal .title {\n  text-align: center;\n  color: #e3b82a;\n}\n.eg-init-modal .buttons-container {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.eg-init-modal {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.eg-init-modal .title {\n  text-align: center;\n  color: #e3b82a;\n}\n.eg-init-modal .buttons-container {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}", ""]);
 
 
 
@@ -13311,7 +13311,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.cardContent.cardDone {\n  border: 1px solid #e0e0e0;\n  border-radius: 4px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  gap: 1rem;\n  align-items: center;\n}\n.cardContent.cardDone .challengeName {\n  text-align: center;\n}\n.cardContent.cardDone .iconResult {\n  display: flex;\n}\n@media all and (max-height: 700px) {\n  .cardContent.cardDone .iconResult {\n    width: 55%;\n    margin: auto;\n  }\n}\n.cardContent.cardDone .imgResult {\n  width: 100%;\n  height: 100%;\n}\n.cardContent.cardDone .labelResult {\n  font-weight: bold;\n  font-size: 28px;\n  line-height: 120%;\n  text-transform: uppercase;\n}\n.cardContent.cardDone .win {\n  color: #e3b82a;\n}\n.cardContent.cardDone .lost {\n  color: #d25959;\n}\n.cardContent.cardDone .statsResult {\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n.cardContent.cardDone .buttons {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.cardContent.cardDone {\n  border: 1px solid #e0e0e0;\n  border-radius: 4px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  gap: 1rem;\n  align-items: center;\n}\n.cardContent.cardDone .challengeName {\n  text-align: center;\n}\n.cardContent.cardDone .iconResult {\n  display: flex;\n}\n@media all and (max-height: 700px) {\n  .cardContent.cardDone .iconResult {\n    width: 55%;\n    margin: auto;\n  }\n}\n.cardContent.cardDone .imgResult {\n  width: 100%;\n  height: 100%;\n}\n.cardContent.cardDone .labelResult {\n  font-weight: bold;\n  font-size: 28px;\n  line-height: 120%;\n  text-transform: uppercase;\n}\n.cardContent.cardDone .win {\n  color: #e3b82a;\n}\n.cardContent.cardDone .lost {\n  color: #d25959;\n}\n.cardContent.cardDone .statsResult {\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n.cardContent.cardDone .buttons {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  width: 100%;\n}", ""]);
 
 
 
@@ -13475,7 +13475,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.duel-error-container {\n  display: flex;\n  min-height: 60vh;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem 1.5rem;\n  color: #e0e0e0;\n}\n\n.duel-error-message {\n  margin-top: 3rem;\n  text-align: center;\n}\n\n.duel-error-button {\n  margin-top: 3rem;\n  width: 7.5rem;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.duel-error-container {\n  display: flex;\n  min-height: 60vh;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem 1.5rem;\n  color: #e0e0e0;\n}\n\n.duel-error-message {\n  margin-top: 3rem;\n  text-align: center;\n}\n\n.duel-error-button {\n  margin-top: 3rem;\n  width: 7.5rem;\n}", ""]);
 
 
 
@@ -13580,7 +13580,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.cardLocked {\n  filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.55));\n}\n@media all and (max-height: 700px) {\n  .cardLocked .challengeIcon {\n    width: 60%;\n    margin: auto;\n  }\n}\n\n.toUnlock {\n  text-align: center;\n  color: #e0e0e0;\n  font-weight: 700;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.cardLocked {\n  filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.55));\n}\n@media all and (max-height: 700px) {\n  .cardLocked .challengeIcon {\n    width: 60%;\n    margin: auto;\n  }\n}\n\n.toUnlock {\n  text-align: center;\n  color: #e0e0e0;\n  font-weight: 700;\n}", ""]);
 
 
 
@@ -13698,7 +13698,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.fb-root {\n  overflow-y: auto;\n  min-width: 70%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.fb-root p {\n  text-align: center;\n}\n.fb-root .title {\n  color: #deaf0e;\n  font-weight: 700;\n  padding: 0.5rem;\n}\n.fb-root .text {\n  color: #e0e0e0;\n}\n.fb-root .actions {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  margin-top: 1rem;\n  gap: 1rem;\n}\n.fb-root .actions button {\n  margin-top: 0;\n  max-width: 150px;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.fb-root {\n  overflow-y: auto;\n  min-width: 70%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.fb-root p {\n  text-align: center;\n}\n.fb-root .title {\n  color: #deaf0e;\n  font-weight: 700;\n  padding: 0.5rem;\n}\n.fb-root .text {\n  color: #e0e0e0;\n}\n.fb-root .actions {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  margin-top: 1rem;\n  gap: 1rem;\n}\n.fb-root .actions button {\n  margin-top: 0;\n  max-width: 150px;\n}", ""]);
 
 
 
@@ -13820,7 +13820,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  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}", ""]);
+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/** 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}", ""]);
 
 
 
@@ -13853,7 +13853,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.eg-selection-end-container {\n  position: relative;\n  min-height: inherit;\n  margin: auto;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  color: #e0e0e0;\n  max-width: 45.75rem;\n}\n@media only screen and (max-width : 768px) {\n  .eg-selection-end-container {\n    margin: 0 1rem;\n    max-width: unset;\n  }\n}\n.eg-selection-end-container .content {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  gap: 1rem;\n  justify-content: center;\n  align-items: center;\n}\n.eg-selection-end-container .content .title {\n  color: #e3b82a;\n  margin: 1rem;\n}\n@media all and (min-width: 1023px) {\n  .eg-selection-end-container .content .title {\n    margin: 5rem;\n  }\n}\n.eg-selection-end-container .buttons {\n  margin: 1rem 0;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.eg-selection-end-container {\n  position: relative;\n  min-height: inherit;\n  margin: auto;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  color: #e0e0e0;\n  max-width: 45.75rem;\n}\n@media only screen and (max-width : 768px) {\n  .eg-selection-end-container {\n    margin: 0 1rem;\n    max-width: unset;\n  }\n}\n.eg-selection-end-container .content {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  gap: 1rem;\n  justify-content: center;\n  align-items: center;\n}\n.eg-selection-end-container .content .title {\n  color: #e3b82a;\n  margin: 1rem;\n}\n@media all and (min-width: 1023px) {\n  .eg-selection-end-container .content .title {\n    margin: 5rem;\n  }\n}\n.eg-selection-end-container .buttons {\n  margin: 1rem 0;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  width: 100%;\n}", ""]);
 
 
 
@@ -13864,7 +13864,7 @@ exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE
 
 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.em-header {\n  color: #e0e0e0;\n  border-bottom: 1px solid rgba(163, 163, 163, 0.4);\n  padding: 1em 0;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n}\n\n.em-root {\n  display: flex;\n}\n.em-root .em-content {\n  padding: 1.5rem 2.5rem;\n}\n.em-root .em-content button {\n  margin-top: 1rem;\n}\n@media only screen and (max-width : 768px) {\n  .em-root .em-content {\n    padding: 2rem;\n  }\n}\n.em-root .em-content .em-content-box-img {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n.em-root .em-content .em-content-box-img .icon {\n  margin-bottom: 1rem;\n}\n.em-root .em-content .em-detail {\n  display: flex;\n  flex-direction: row;\n  margin: 0.5em 0;\n}\n.em-root .em-content .em-detail .em-detail-efficiency {\n  display: flex;\n  flex: 1;\n  align-self: flex-start;\n  margin-top: 0.65rem;\n  color: #a0a0a0;\n}\n.em-root .em-content .em-detail .em-picto-flow {\n  display: flex;\n  align-self: flex-end;\n}\n.em-root .em-content .em-detail .em-picto-flow .em-pic-content {\n  margin: 0.3em;\n}\n.em-root .em-content .em-efficiency {\n  margin: 0 0.5rem 0 0.25rem;\n}\n.em-root .em-content .em-title {\n  margin-bottom: 0;\n  text-align: center;\n}\n.em-root .em-content .long-name {\n  font-weight: bold;\n  margin: 1.5rem 0 1rem;\n}\n\n.em-content-box-text {\n  display: flex;\n  flex-direction: column;\n  padding: 1.5rem 2.5rem;\n}\n@media only screen and (max-width : 768px) {\n  .em-content-box-text {\n    padding: 1.5rem 1.5rem;\n  }\n}\n.em-content-box-text .em-description {\n  padding-bottom: 2rem;\n}\n.em-content-box-text .em-description-2 {\n  padding-top: 2rem;\n}\n.em-content-box-text .em-description-3 {\n  padding-bottom: 0.5rem;\n}\n.em-content-box-text .em-title {\n  margin-bottom: 0;\n}\n\n#accessibility-title {\n  display: none;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.em-header {\n  color: #e0e0e0;\n  border-bottom: 1px solid rgba(163, 163, 163, 0.4);\n  padding: 1em 0;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n}\n\n.em-root {\n  display: flex;\n}\n.em-root .em-content {\n  padding: 1.5rem 2.5rem;\n}\n.em-root .em-content button {\n  margin-top: 1rem;\n}\n@media only screen and (max-width : 768px) {\n  .em-root .em-content {\n    padding: 2rem;\n  }\n}\n.em-root .em-content .em-content-box-img {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n.em-root .em-content .em-content-box-img .icon {\n  margin-bottom: 1rem;\n}\n.em-root .em-content .em-detail {\n  display: flex;\n  flex-direction: row;\n  margin: 0.5em 0;\n}\n.em-root .em-content .em-detail .em-detail-efficiency {\n  display: flex;\n  flex: 1;\n  align-self: flex-start;\n  margin-top: 0.65rem;\n  color: #a0a0a0;\n}\n.em-root .em-content .em-detail .em-picto-flow {\n  display: flex;\n  align-self: flex-end;\n}\n.em-root .em-content .em-detail .em-picto-flow .em-pic-content {\n  margin: 0.3em;\n}\n.em-root .em-content .em-efficiency {\n  margin: 0 0.5rem 0 0.25rem;\n}\n.em-root .em-content .em-title {\n  margin-bottom: 0;\n  text-align: center;\n}\n.em-root .em-content .long-name {\n  font-weight: bold;\n  margin: 1.5rem 0 1rem;\n}\n\n.em-content-box-text {\n  display: flex;\n  flex-direction: column;\n  padding: 1.5rem 2.5rem;\n}\n@media only screen and (max-width : 768px) {\n  .em-content-box-text {\n    padding: 1.5rem 1.5rem;\n  }\n}\n.em-content-box-text .em-description {\n  padding-bottom: 2rem;\n}\n.em-content-box-text .em-description-2 {\n  padding-top: 2rem;\n}\n.em-content-box-text .em-description-3 {\n  padding-bottom: 0.5rem;\n}\n.em-content-box-text .em-title {\n  margin-bottom: 0;\n}\n\n#accessibility-title {\n  display: none;\n}", ""]);
 
 
 
@@ -14110,7 +14110,7 @@ module.exports = (Handlebars["default"] || Handlebars).template({"compiler":[8,"
 
 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.challengeSlider {\n  position: relative;\n  user-select: none;\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  align-items: center;\n  padding: 0 2rem;\n}\n\n.challenge-container {\n  position: relative;\n  width: 100%;\n  display: flex;\n  flex: 1;\n  align-items: center;\n  transition: all 300ms ease;\n}\n\n.cardContent {\n  margin: auto;\n  cursor: pointer;\n}\n.cardContent.onGoing {\n  padding-top: 2.5rem;\n}\n.cardContent .title {\n  font-weight: 400;\n  text-align: center;\n  text-transform: uppercase;\n  font-family: Lato, sans-serif;\n  font-size: 1.2rem;\n  margin-bottom: 0;\n}\n.cardContent .challengeTitle {\n  display: block;\n  font-weight: 700;\n  text-align: center;\n  font-family: Lato, sans-serif;\n  color: #e0e0e0;\n  font-size: 1.5rem;\n  margin-top: 1rem;\n}\n.cardContent .challengeIcon {\n  width: 100%;\n  max-width: 180px;\n  margin: auto;\n  height: auto;\n  text-align: center;\n  display: block;\n}\n\n.sliderButtons {\n  margin: auto;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.challengeSlider {\n  position: relative;\n  user-select: none;\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  align-items: center;\n  padding: 0 2rem;\n}\n\n.challenge-container {\n  position: relative;\n  width: 100%;\n  display: flex;\n  flex: 1;\n  align-items: center;\n  transition: all 300ms ease;\n}\n\n.cardContent {\n  margin: auto;\n  cursor: pointer;\n}\n.cardContent.onGoing {\n  padding-top: 2.5rem;\n}\n.cardContent .title {\n  font-weight: 400;\n  text-align: center;\n  text-transform: uppercase;\n  font-family: Lato, sans-serif;\n  font-size: 1.2rem;\n  margin-bottom: 0;\n}\n.cardContent .challengeTitle {\n  display: block;\n  font-weight: 700;\n  text-align: center;\n  font-family: Lato, sans-serif;\n  color: #e0e0e0;\n  font-size: 1.5rem;\n  margin-top: 1rem;\n}\n.cardContent .challengeIcon {\n  width: 100%;\n  max-width: 180px;\n  margin: auto;\n  height: auto;\n  text-align: center;\n  display: block;\n}\n\n.sliderButtons {\n  margin: auto;\n}", ""]);
 
 
 
@@ -15841,7 +15841,7 @@ exports.default = FluidService;
 
 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.splash-content {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  height: 100%;\n}\n.splash-content .splash-loader {\n  width: 100%;\n  margin-top: 20vh;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.splash-content .splash-loader .error {\n  margin-bottom: 1rem;\n}\n.splash-content .splash-loader span {\n  color: #ffffff;\n  font-size: 3rem;\n  margin: 0;\n  letter-spacing: -0.02em;\n  font-weight: 400;\n}\n.splash-content .splash-logos-container {\n  margin-top: auto;\n  margin-bottom: 1rem;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n.splash-content .step-label {\n  margin: 1rem 0;\n  max-width: 350px;\n  color: white;\n  text-align: center;\n  height: 40px;\n}\n.splash-content .splash-error-text {\n  text-align: center;\n  color: #d25959;\n  margin: 0.5rem;\n}\n\n.splash-footer {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: flex-start;\n  height: 10rem;\n}\n.splash-footer button {\n  max-width: 230px;\n}\n\n.splash-progress {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  margin: 1rem auto;\n  padding: 1rem;\n  transition: all 300ms ease;\n  border-radius: 12px;\n  box-sizing: border-box;\n  max-width: 350px;\n}\n.splash-progress .splash-progress-bar-container {\n  flex: 1;\n  height: 12px;\n  box-sizing: border-box;\n  background-image: linear-gradient(45deg, #e3b82a 11.11%, #1b1c22 11.11%, #1b1c22 50%, #e3b82a 50%, #e3b82a 61.11%, #1b1c22 61.11%, #1b1c22 100%);\n  background-size: 9px 9px;\n  border: solid 1px #e3b82a;\n  border-radius: 12px;\n  overflow: hidden;\n  position: relative;\n}\n.splash-progress .splash-progress-bar-container .splash-progress-bar-content {\n  background-color: #e3b82a;\n  position: absolute;\n  bottom: -150px;\n  left: -100%;\n  height: 300px;\n  width: 100%;\n  transform: rotate(45deg);\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.splash-content {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  height: 100%;\n}\n.splash-content .splash-loader {\n  width: 100%;\n  margin-top: 20vh;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.splash-content .splash-loader .error {\n  margin-bottom: 1rem;\n}\n.splash-content .splash-loader span {\n  color: #ffffff;\n  font-size: 3rem;\n  margin: 0;\n  letter-spacing: -0.02em;\n  font-weight: 400;\n}\n.splash-content .splash-logos-container {\n  margin-top: auto;\n  margin-bottom: 1rem;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n.splash-content .step-label {\n  margin: 1rem 0;\n  max-width: 350px;\n  color: white;\n  text-align: center;\n  height: 40px;\n}\n.splash-content .splash-error-text {\n  text-align: center;\n  color: #d25959;\n  margin: 0.5rem;\n}\n\n.splash-footer {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: flex-start;\n  height: 10rem;\n}\n.splash-footer button {\n  max-width: 230px;\n}\n\n.splash-progress {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  margin: 1rem auto;\n  padding: 1rem;\n  transition: all 300ms ease;\n  border-radius: 12px;\n  box-sizing: border-box;\n  max-width: 350px;\n}\n.splash-progress .splash-progress-bar-container {\n  flex: 1;\n  height: 12px;\n  box-sizing: border-box;\n  background-image: linear-gradient(45deg, #e3b82a 11.11%, #1b1c22 11.11%, #1b1c22 50%, #e3b82a 50%, #e3b82a 61.11%, #1b1c22 61.11%, #1b1c22 100%);\n  background-size: 9px 9px;\n  border: solid 1px #e3b82a;\n  border-radius: 12px;\n  overflow: hidden;\n  position: relative;\n}\n.splash-progress .splash-progress-bar-container .splash-progress-bar-content {\n  background-color: #e3b82a;\n  position: absolute;\n  bottom: -150px;\n  left: -100%;\n  height: 300px;\n  width: 100%;\n  transform: rotate(45deg);\n}", ""]);
 
 
 
@@ -16042,7 +16042,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.info {\n  padding: 0.5rem 0.5rem 0;\n  text-align: center;\n}\n.info h1 {\n  color: #e3b82a;\n}\n.info p {\n  color: #ffffff;\n}\n\n#accessibility-title {\n  display: none;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.info {\n  padding: 0.5rem 0.5rem 0;\n  text-align: center;\n}\n.info h1 {\n  color: #e3b82a;\n}\n.info p {\n  color: #ffffff;\n}\n\n#accessibility-title {\n  display: none;\n}", ""]);
 
 
 
@@ -16784,7 +16784,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.loader {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.loader.gold {\n  color: #b2901b;\n}\n.loader.gaz {\n  color: #45d1b8;\n}\n.loader.elec {\n  color: #d87b39;\n}\n.loader.water {\n  color: #3a98ec;\n}\n.loader .bars {\n  height: 50px;\n  margin: auto;\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n  gap: 8px;\n}\n.loader .bars .bar {\n  width: 10px;\n  border-radius: 5px;\n  background: currentColor;\n  animation: load 0.4s -0.4s linear infinite alternate;\n}\n.loader .bars .bar:nth-child(1) {\n  animation-delay: -0.1s;\n}\n.loader .bars .bar:nth-child(3) {\n  animation-delay: -0.55s;\n}\n@keyframes load {\n  0% {\n    height: 20%;\n  }\n  100% {\n    height: 100%;\n  }\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.loader {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.loader.gold {\n  color: #b2901b;\n}\n.loader.gaz {\n  color: #45d1b8;\n}\n.loader.elec {\n  color: #d87b39;\n}\n.loader.water {\n  color: #3a98ec;\n}\n.loader .bars {\n  height: 50px;\n  margin: auto;\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n  gap: 8px;\n}\n.loader .bars .bar {\n  width: 10px;\n  border-radius: 5px;\n  background: currentColor;\n  animation: load 0.4s -0.4s linear infinite alternate;\n}\n.loader .bars .bar:nth-child(1) {\n  animation-delay: -0.1s;\n}\n.loader .bars .bar:nth-child(3) {\n  animation-delay: -0.55s;\n}\n@keyframes load {\n  0% {\n    height: 20%;\n  }\n  100% {\n    height: 100%;\n  }\n}", ""]);
 
 
 
@@ -17095,7 +17095,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.action-ongoing {\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  width: 100%;\n  max-width: 600px;\n  padding: 1.5rem;\n  min-height: 75vh;\n  margin: auto;\n}\n.action-ongoing .duration,\n.action-ongoing .result-title {\n  color: #e0e0e0;\n}\n.action-ongoing .description {\n  color: white;\n  margin-top: 1rem;\n}\n.action-ongoing .result-date {\n  color: #e3b82a;\n  margin-bottom: 2rem;\n}\n.action-ongoing .duration-image {\n  position: relative;\n  padding: 1rem;\n  margin: 3rem 0;\n}\n.action-ongoing .duration-image .pie {\n  width: 9rem;\n  height: 9rem;\n  display: block;\n  border-radius: 50%;\n  background-color: #121212;\n  border: 4px solid #121212;\n  position: relative;\n  top: 5px;\n  left: -2px;\n  z-index: 0;\n}\n.action-ongoing .duration-image .duration-icon {\n  position: absolute;\n  left: -25px;\n  top: -25px;\n  z-index: 0;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.action-ongoing {\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  width: 100%;\n  max-width: 600px;\n  padding: 1.5rem;\n  min-height: 75vh;\n  margin: auto;\n}\n.action-ongoing .duration,\n.action-ongoing .result-title {\n  color: #e0e0e0;\n}\n.action-ongoing .description {\n  color: white;\n  margin-top: 1rem;\n}\n.action-ongoing .result-date {\n  color: #e3b82a;\n  margin-bottom: 2rem;\n}\n.action-ongoing .duration-image {\n  position: relative;\n  padding: 1rem;\n  margin: 3rem 0;\n}\n.action-ongoing .duration-image .pie {\n  width: 9rem;\n  height: 9rem;\n  display: block;\n  border-radius: 50%;\n  background-color: #121212;\n  border: 4px solid #121212;\n  position: relative;\n  top: 5px;\n  left: -2px;\n  z-index: 0;\n}\n.action-ongoing .duration-image .duration-icon {\n  position: absolute;\n  left: -25px;\n  top: -25px;\n  z-index: 0;\n}", ""]);
 
 
 
@@ -17657,7 +17657,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.konnector-form {\n  width: 100%;\n  margin: 0;\n}\n@media only screen and (min-width: 768px) {\n  .konnector-form {\n    padding-top: 1rem;\n    margin: 1rem 1.5rem 2rem 1.5rem;\n    padding-bottom: 1rem;\n  }\n}\n\n.connection-form {\n  text-align: center;\n}\n.connection-form span {\n  color: #e3b82a;\n  font-weight: bold;\n}\n.connection-form .connection-form-title {\n  margin: 0;\n}\n.connection-form .connection-form-title.enedissgegrandlyon {\n  color: #d87b39;\n}\n.connection-form .connection-form-title.grdfgrandlyon {\n  color: #45d1b8;\n}\n.connection-form .connection-form-title.eglgrandlyon {\n  color: #3a98ec;\n}\n.connection-form .connection-form-subtitle {\n  margin: 0 auto 0.5rem auto;\n  color: #ffffff;\n}\n\n.connection-form-button {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 0.5rem;\n}\n.connection-form-button button {\n  height: 2.5rem;\n  max-width: 22.5rem;\n  margin: 0;\n}\n\n.connection-form-connect-button button {\n  height: auto;\n}\n.connection-form-connect-button.grdf {\n  margin-top: 2rem;\n}\n.connection-form-connect-button .connection-form-connect-button-content {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n}\n@media only screen and (max-width : 768px) {\n  .connection-form-connect-button .connection-form-connect-button-content {\n    justify-content: left;\n  }\n}\n.connection-form-connect-button .connection-form-connect-button-content .connection-form-connect-button-content-icon {\n  margin: 0 0.5rem 0 0;\n}\n.connection-form-connect-button .connection-form-connect-button-content .connection-form-connect-button-text {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  text-align: left;\n  max-width: 19.5rem;\n}\n\n.connectView {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  justify-content: space-between;\n}\n.connectView .stepContainer {\n  padding: 1rem;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.connectView .stepContainer .stepDetails {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  color: #e0e0e0;\n  /* Chrome, Safari, Edge, Opera */\n  /* Firefox */\n}\n.connectView .stepContainer .stepDetails h2 {\n  color: #e0e0e0;\n  margin: 0;\n}\n.connectView .stepContainer .stepDetails label.inline {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 10px;\n  cursor: pointer;\n}\n.connectView .stepContainer .stepDetails label.inline.inline {\n  flex-direction: row;\n  align-items: center;\n  gap: 0.5rem;\n}\n.connectView .stepContainer .stepDetails label.inline span.gold {\n  color: #e3b82a;\n}\n.connectView .stepContainer .stepDetails #zipCode {\n  max-width: 115px;\n}\n.connectView .stepContainer .stepDetails .MuiInputBase-root {\n  max-width: 300px;\n}\n.connectView .stepContainer .stepDetails input::-webkit-outer-spin-button,\n.connectView .stepContainer .stepDetails input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n}\n.connectView .stepContainer .stepDetails input[type=number] {\n  appearance: textfield;\n  -moz-appearance: textfield;\n}\n.connectView .stepContainer .stepDetails .btnText {\n  max-width: 280px;\n}\n.connectView .stepContainer .stepDetails ul {\n  margin: 0;\n  padding: 0 1rem 1rem;\n  line-height: 130%;\n  border-bottom: 1px solid #7b7b7b;\n}\n.connectView .stepContainer .stepDetails ul li {\n  margin: 0.5rem 0;\n}\n\n.hintModal {\n  display: flex;\n  flex-direction: column;\n  text-align: left;\n}\n.hintModal h1 {\n  text-align: center;\n  color: #e3b82a;\n  margin: 1rem 0;\n}\n.hintModal .content {\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n}\n.hintModal .content p {\n  text-align: center;\n  color: #e0e0e0;\n  margin: 0;\n  text-wrap: pretty;\n}\n.hintModal .content .grdfText {\n  color: #e0e0e0;\n}\n.hintModal .content .grdfText span {\n  color: #e3b82a;\n  font-weight: 700;\n}\n.hintModal .content .bill {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.hintModal .content .bill.grdf {\n  justify-content: center;\n}\n.hintModal .content .bill p {\n  color: #e3b82a;\n}\n.hintModal .content svg.prm {\n  width: 100%;\n  height: 180px;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.konnector-form {\n  width: 100%;\n  margin: 0;\n}\n@media only screen and (min-width: 768px) {\n  .konnector-form {\n    padding-top: 1rem;\n    margin: 1rem 1.5rem 2rem 1.5rem;\n    padding-bottom: 1rem;\n  }\n}\n\n.connection-form {\n  text-align: center;\n}\n.connection-form span {\n  color: #e3b82a;\n  font-weight: bold;\n}\n.connection-form .connection-form-title {\n  margin: 0;\n}\n.connection-form .connection-form-title.enedissgegrandlyon {\n  color: #d87b39;\n}\n.connection-form .connection-form-title.grdfgrandlyon {\n  color: #45d1b8;\n}\n.connection-form .connection-form-title.eglgrandlyon {\n  color: #3a98ec;\n}\n.connection-form .connection-form-subtitle {\n  margin: 0 auto 0.5rem auto;\n  color: #ffffff;\n}\n\n.connection-form-button {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 0.5rem;\n}\n.connection-form-button button {\n  height: 2.5rem;\n  max-width: 22.5rem;\n  margin: 0;\n}\n\n.connection-form-connect-button button {\n  height: auto;\n}\n.connection-form-connect-button.grdf {\n  margin-top: 2rem;\n}\n.connection-form-connect-button .connection-form-connect-button-content {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n}\n@media only screen and (max-width : 768px) {\n  .connection-form-connect-button .connection-form-connect-button-content {\n    justify-content: left;\n  }\n}\n.connection-form-connect-button .connection-form-connect-button-content .connection-form-connect-button-content-icon {\n  margin: 0 0.5rem 0 0;\n}\n.connection-form-connect-button .connection-form-connect-button-content .connection-form-connect-button-text {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  text-align: left;\n  max-width: 19.5rem;\n}\n\n.connectView {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  justify-content: space-between;\n}\n.connectView .stepContainer {\n  padding: 1rem;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.connectView .stepContainer .stepDetails {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  color: #e0e0e0;\n  /* Chrome, Safari, Edge, Opera */\n  /* Firefox */\n}\n.connectView .stepContainer .stepDetails h2 {\n  color: #e0e0e0;\n  margin: 0;\n}\n.connectView .stepContainer .stepDetails label.inline {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 10px;\n  cursor: pointer;\n}\n.connectView .stepContainer .stepDetails label.inline.inline {\n  flex-direction: row;\n  align-items: center;\n  gap: 0.5rem;\n}\n.connectView .stepContainer .stepDetails label.inline span.gold {\n  color: #e3b82a;\n}\n.connectView .stepContainer .stepDetails #zipCode {\n  max-width: 115px;\n}\n.connectView .stepContainer .stepDetails .MuiInputBase-root {\n  max-width: 300px;\n}\n.connectView .stepContainer .stepDetails input::-webkit-outer-spin-button,\n.connectView .stepContainer .stepDetails input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n}\n.connectView .stepContainer .stepDetails input[type=number] {\n  appearance: textfield;\n  -moz-appearance: textfield;\n}\n.connectView .stepContainer .stepDetails .btnText {\n  max-width: 280px;\n}\n.connectView .stepContainer .stepDetails ul {\n  margin: 0;\n  padding: 0 1rem 1rem;\n  line-height: 130%;\n  border-bottom: 1px solid #7b7b7b;\n}\n.connectView .stepContainer .stepDetails ul li {\n  margin: 0.5rem 0;\n}\n\n.hintModal {\n  display: flex;\n  flex-direction: column;\n  text-align: left;\n}\n.hintModal h1 {\n  text-align: center;\n  color: #e3b82a;\n  margin: 1rem 0;\n}\n.hintModal .content {\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n}\n.hintModal .content p {\n  text-align: center;\n  color: #e0e0e0;\n  margin: 0;\n  text-wrap: pretty;\n}\n.hintModal .content .grdfText {\n  color: #e0e0e0;\n}\n.hintModal .content .grdfText span {\n  color: #e3b82a;\n  font-weight: 700;\n}\n.hintModal .content .bill {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.hintModal .content .bill.grdf {\n  justify-content: center;\n}\n.hintModal .content .bill p {\n  color: #e3b82a;\n}\n.hintModal .content svg.prm {\n  width: 100%;\n  height: 180px;\n}", ""]);
 
 
 
@@ -17775,7 +17775,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.cardContent {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: 1rem;\n}\n.cardContent.onGoing .challengeTitle {\n  margin-top: 0;\n}\n.cardContent button {\n  height: unset;\n}\n\n.titleBlock {\n  margin-inline: auto;\n  width: fit-content;\n  max-width: 235px;\n}\n\n.notifChallenge {\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  right: 4px;\n  top: 4px;\n  width: 1.25rem;\n  height: 1.25rem;\n  color: #25262b;\n  border-radius: 50%;\n  border: 1px solid #25262b;\n  z-index: 1;\n  background: #e3b82a;\n  font-size: 12px;\n}\n\n.smallCard {\n  background-color: #2f3139 !important;\n  max-height: 90px;\n}\n@media all and (max-height: 800px) {\n  .smallCard {\n    max-height: 85px;\n  }\n}\n@media all and (max-height: 730px) {\n  .smallCard {\n    max-height: 70px;\n  }\n}\n.smallCard.duelCard {\n  background-color: #23252d !important;\n  border: solid 1px #2f3139 !important;\n}\n.smallCard.duelCard.active {\n  background-color: #2f3139 !important;\n  border: solid 1px #e3b82a !important;\n}\n.smallCard.duelCard span {\n  justify-content: space-between !important;\n}\n.smallCard.goDuel {\n  border: 1px solid #e3b82a;\n}\n.smallCard.goDuel span {\n  color: #e3b82a !important;\n  justify-content: space-between !important;\n  font-weight: 700;\n}\n.smallCard span.MuiButton-label {\n  display: flex;\n  justify-content: flex-start;\n  padding: 1rem 0.5rem;\n  color: #e0e0e0;\n  transition: all 300ms ease;\n  text-transform: capitalize;\n}\n.smallCard span.MuiButton-label .content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  text-transform: capitalize;\n}\n.smallCard span.MuiButton-label .content .stars {\n  display: flex;\n  gap: 2px;\n}\n.smallCard span.MuiButton-label .spinner-container {\n  height: 3.75rem;\n  width: 3.75rem;\n  margin: auto;\n}\n.smallCard span.MuiButton-label .cardIcon {\n  margin-right: 1rem;\n}\n.smallCard span.MuiButton-label span {\n  font-size: 1.1rem;\n  font-weight: 700;\n}\n@media all and (max-height: 700px) {\n  .smallCard span.MuiButton-label span {\n    font-size: 1rem;\n  }\n}\n.smallCard span.MuiButton-label .challengeminIcon {\n  filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.55));\n}\n.smallCard span.MuiButton-label .starCount {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n}\n.smallCard span.MuiButton-label .starCount .blueNumber {\n  font-weight: 900;\n  color: #e3b82a;\n}\n.smallCard span.MuiButton-label .finalDuel {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n.smallCard span.MuiButton-label .finalDuel .starCount {\n  margin: 0;\n}\n.smallCard span.MuiButton-label .finalDuel .starCount span {\n  font-size: 1rem;\n  font-weight: 500;\n}\n.smallCard span.MuiButton-label .finalDuel .starCount .blueNumber {\n  margin-left: 0;\n}\n.smallCard span.MuiButton-label .finalDuel.result span {\n  margin-bottom: 0.2rem;\n  font-weight: 600;\n  font-size: 1rem;\n}\n.smallCard span.MuiButton-label .finalDuel .lowercase {\n  text-transform: lowercase;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.cardContent {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: 1rem;\n}\n.cardContent.onGoing .challengeTitle {\n  margin-top: 0;\n}\n.cardContent button {\n  height: unset;\n}\n\n.titleBlock {\n  margin-inline: auto;\n  width: fit-content;\n  max-width: 235px;\n}\n\n.notifChallenge {\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  right: 4px;\n  top: 4px;\n  width: 1.25rem;\n  height: 1.25rem;\n  color: #25262b;\n  border-radius: 50%;\n  border: 1px solid #25262b;\n  z-index: 1;\n  background: #e3b82a;\n  font-size: 12px;\n}\n\n.smallCard {\n  background-color: #2f3139 !important;\n  max-height: 90px;\n}\n@media all and (max-height: 800px) {\n  .smallCard {\n    max-height: 85px;\n  }\n}\n@media all and (max-height: 730px) {\n  .smallCard {\n    max-height: 70px;\n  }\n}\n.smallCard.duelCard {\n  background-color: #23252d !important;\n  border: solid 1px #2f3139 !important;\n}\n.smallCard.duelCard.active {\n  background-color: #2f3139 !important;\n  border: solid 1px #e3b82a !important;\n}\n.smallCard.duelCard span {\n  justify-content: space-between !important;\n}\n.smallCard.goDuel {\n  border: 1px solid #e3b82a;\n}\n.smallCard.goDuel span {\n  color: #e3b82a !important;\n  justify-content: space-between !important;\n  font-weight: 700;\n}\n.smallCard span.MuiButton-label {\n  display: flex;\n  justify-content: flex-start;\n  padding: 1rem 0.5rem;\n  color: #e0e0e0;\n  transition: all 300ms ease;\n  text-transform: capitalize;\n}\n.smallCard span.MuiButton-label .content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  text-transform: capitalize;\n}\n.smallCard span.MuiButton-label .content .stars {\n  display: flex;\n  gap: 2px;\n}\n.smallCard span.MuiButton-label .spinner-container {\n  height: 3.75rem;\n  width: 3.75rem;\n  margin: auto;\n}\n.smallCard span.MuiButton-label .cardIcon {\n  margin-right: 1rem;\n}\n.smallCard span.MuiButton-label span {\n  font-size: 1.1rem;\n  font-weight: 700;\n}\n@media all and (max-height: 700px) {\n  .smallCard span.MuiButton-label span {\n    font-size: 1rem;\n  }\n}\n.smallCard span.MuiButton-label .challengeminIcon {\n  filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.55));\n}\n.smallCard span.MuiButton-label .starCount {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n}\n.smallCard span.MuiButton-label .starCount .blueNumber {\n  font-weight: 900;\n  color: #e3b82a;\n}\n.smallCard span.MuiButton-label .finalDuel {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n.smallCard span.MuiButton-label .finalDuel .starCount {\n  margin: 0;\n}\n.smallCard span.MuiButton-label .finalDuel .starCount span {\n  font-size: 1rem;\n  font-weight: 500;\n}\n.smallCard span.MuiButton-label .finalDuel .starCount .blueNumber {\n  margin-left: 0;\n}\n.smallCard span.MuiButton-label .finalDuel.result span {\n  margin-bottom: 0.2rem;\n  font-weight: 600;\n  font-size: 1rem;\n}\n.smallCard span.MuiButton-label .finalDuel .lowercase {\n  text-transform: lowercase;\n}", ""]);
 
 
 
@@ -17852,7 +17852,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.duel-unlocked-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 0 1.25rem;\n}\n\n.duel-icon {\n  margin-top: 2.5rem;\n}\n\n.duel-title {\n  color: #a0a0a0;\n}\n\n.duel-description {\n  color: #e3b82a;\n  margin-top: 0.75rem;\n  font-weight: 700;\n  text-align: center;\n}\n\n.duel-average-info {\n  color: #e0e0e0;\n  margin-top: 2.5rem;\n  text-align: center;\n}\n\n.button-start {\n  margin-top: 1rem;\n  width: 100%;\n  max-width: 175px;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.duel-unlocked-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 0 1.25rem;\n}\n\n.duel-icon {\n  margin-top: 2.5rem;\n}\n\n.duel-title {\n  color: #a0a0a0;\n}\n\n.duel-description {\n  color: #e3b82a;\n  margin-top: 0.75rem;\n  font-weight: 700;\n  text-align: center;\n}\n\n.duel-average-info {\n  color: #e0e0e0;\n  margin-top: 2.5rem;\n  text-align: center;\n}\n\n.button-start {\n  margin-top: 1rem;\n  width: 100%;\n  max-width: 175px;\n}", ""]);
 
 
 
@@ -18523,7 +18523,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.exploration-error-container {\n  display: flex;\n  min-height: 60vh;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem 1.5rem;\n  color: #e0e0e0;\n}\n\n.exploration-error-message {\n  margin-top: 3rem;\n  text-align: center;\n}\n\n.exploration-error-button {\n  margin-top: 3rem;\n  width: 7.5rem;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.exploration-error-container {\n  display: flex;\n  min-height: 60vh;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem 1.5rem;\n  color: #e0e0e0;\n}\n\n.exploration-error-message {\n  margin-top: 3rem;\n  text-align: center;\n}\n\n.exploration-error-button {\n  margin-top: 3rem;\n  width: 7.5rem;\n}", ""]);
 
 
 
@@ -20544,7 +20544,7 @@ exports.default = ProfileEcogestureService;
 
 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.formProgress {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n}\n.formProgress span {\n  font-size: 0.938rem;\n  font-weight: 700;\n  color: #e3b82a;\n}\n.formProgress .container {\n  flex: 1;\n  height: 6px;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.formProgress {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n}\n.formProgress span {\n  font-size: 0.938rem;\n  font-weight: 700;\n  color: #e3b82a;\n}\n.formProgress .container {\n  flex: 1;\n  height: 6px;\n}", ""]);
 
 
 
@@ -21479,7 +21479,7 @@ exports.default = ExplorationService;
 
 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.eg-selection-detail-container {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  text-align: center;\n  color: #e0e0e0;\n  min-height: inherit;\n  height: 100vh;\n  max-height: calc(100vh - 0px - 72px - 72px - 3px);\n}\n@media only screen and (max-width : 1023px) {\n  .eg-selection-detail-container {\n    max-height: calc(100vh - 60px - 72px - 72px - 10px);\n  }\n}\n@media only screen and (max-width : 768px) {\n  .eg-selection-detail-container {\n    max-height: calc(100vh - 60px - 72px - 0px - 14px);\n  }\n}\n.eg-selection-detail-container .content {\n  display: flex;\n  flex-direction: column;\n  padding: 0 1rem;\n  overflow-y: scroll;\n  gap: 16px;\n}\n.eg-selection-detail-container .content .title {\n  color: #ffffff;\n  font-weight: 700;\n}\n.eg-selection-detail-container .content .efficiency {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n}\n.eg-selection-detail-container .content .efficiency .star.glow {\n  filter: drop-shadow(0px 0px 4px rgba(255, 198, 0, 0.5));\n}\n.eg-selection-detail-container .content .iconContainer {\n  height: 240px;\n}\n.eg-selection-detail-container .content .showMore {\n  margin: auto;\n}\n.eg-selection-detail-container .content .longDescription {\n  margin: 1rem 0.5rem;\n  text-align: left;\n  display: none;\n  transition: height 0.3s ease-in-out;\n}\n.eg-selection-detail-container .content .longDescription.expanded {\n  display: block;\n}\n.eg-selection-detail-container .buttons {\n  padding: 1rem;\n  display: flex;\n  gap: 12px;\n  justify-content: center;\n  width: 100%;\n  box-sizing: border-box;\n  background-color: #23252d;\n  border: 1px solid #2f3139;\n}\n.eg-selection-detail-container .buttons button.btnSecondary {\n  padding: 16px 8px;\n  height: auto;\n  border-radius: 4px;\n}\n.eg-selection-detail-container .buttons button.btnSecondary span {\n  flex-direction: column;\n  gap: 4px;\n}\n.eg-selection-detail-container .buttons button.btnSecondary.objective {\n  border-color: #61b4ff;\n  background: #293445;\n}\n.eg-selection-detail-container .buttons button.btnSecondary.objective svg {\n  color: #61b4ff;\n}\n.eg-selection-detail-container .buttons button.btnSecondary.doing {\n  border-color: #7fd771;\n  background: #273823;\n}\n.eg-selection-detail-container .buttons button.btnSecondary.doing svg {\n  color: #7fd771;\n}\n.eg-selection-detail-container .buttons button.btnSecondary.skip {\n  border-color: #c74545;\n  background: #392121;\n}\n@media (min-height: 667px) {\n  .eg-selection-detail-container .buttons {\n    position: sticky;\n    bottom: 0;\n  }\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.eg-selection-detail-container {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  text-align: center;\n  color: #e0e0e0;\n  min-height: inherit;\n  height: 100vh;\n  max-height: calc(100vh - 0px - 72px - 72px - 3px);\n}\n@media only screen and (max-width : 1023px) {\n  .eg-selection-detail-container {\n    max-height: calc(100vh - 60px - 72px - 72px - 10px);\n  }\n}\n@media only screen and (max-width : 768px) {\n  .eg-selection-detail-container {\n    max-height: calc(100vh - 60px - 72px - 0px - 14px);\n  }\n}\n.eg-selection-detail-container .content {\n  display: flex;\n  flex-direction: column;\n  padding: 0 1rem;\n  overflow-y: scroll;\n  gap: 16px;\n}\n.eg-selection-detail-container .content .title {\n  color: #ffffff;\n  font-weight: 700;\n}\n.eg-selection-detail-container .content .efficiency {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n}\n.eg-selection-detail-container .content .efficiency .star.glow {\n  filter: drop-shadow(0px 0px 4px rgba(255, 198, 0, 0.5));\n}\n.eg-selection-detail-container .content .iconContainer {\n  height: 240px;\n}\n.eg-selection-detail-container .content .showMore {\n  margin: auto;\n}\n.eg-selection-detail-container .content .longDescription {\n  margin: 1rem 0.5rem;\n  text-align: left;\n  display: none;\n  transition: height 0.3s ease-in-out;\n}\n.eg-selection-detail-container .content .longDescription.expanded {\n  display: block;\n}\n.eg-selection-detail-container .buttons {\n  padding: 1rem;\n  display: flex;\n  gap: 12px;\n  justify-content: center;\n  width: 100%;\n  box-sizing: border-box;\n  background-color: #23252d;\n  border: 1px solid #2f3139;\n}\n.eg-selection-detail-container .buttons button.btnSecondary {\n  padding: 16px 8px;\n  height: auto;\n  border-radius: 4px;\n}\n.eg-selection-detail-container .buttons button.btnSecondary span {\n  flex-direction: column;\n  gap: 4px;\n}\n.eg-selection-detail-container .buttons button.btnSecondary.objective {\n  border-color: #61b4ff;\n  background: #293445;\n}\n.eg-selection-detail-container .buttons button.btnSecondary.objective svg {\n  color: #61b4ff;\n}\n.eg-selection-detail-container .buttons button.btnSecondary.doing {\n  border-color: #7fd771;\n  background: #273823;\n}\n.eg-selection-detail-container .buttons button.btnSecondary.doing svg {\n  color: #7fd771;\n}\n.eg-selection-detail-container .buttons button.btnSecondary.skip {\n  border-color: #c74545;\n  background: #392121;\n}\n@media (min-height: 667px) {\n  .eg-selection-detail-container .buttons {\n    position: sticky;\n    bottom: 0;\n  }\n}", ""]);
 
 
 
@@ -22051,7 +22051,7 @@ exports.ENEDIS_MAXPOWER_DOCTYPE = ENEDIS_MAXPOWER_DOCTYPE;
 
 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.modal-empty-value-root {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: 1.5rem 0.5rem 0;\n  text-align: center;\n  gap: 1rem;\n}\n\n#accessibility-title {\n  display: none;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.modal-empty-value-root {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: 1.5rem 0.5rem 0;\n  text-align: center;\n  gap: 1rem;\n}\n\n#accessibility-title {\n  display: none;\n}", ""]);
 
 
 
@@ -23340,7 +23340,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.quiz-modal-root {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  gap: 1rem;\n}\n.quiz-modal-root .quiz-modal-answer {\n  font-weight: bold;\n  font-size: 1.7rem;\n  text-transform: uppercase;\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\n.quiz-modal-root .quiz-modal-answer.correct {\n  color: #e3b82a;\n}\n.quiz-modal-root .quiz-modal-answer.wrong {\n  color: #d25959;\n}\n.quiz-modal-root .answer-label {\n  margin-bottom: 0.5rem;\n}\n.quiz-modal-root button {\n  margin-top: 1rem;\n}\n\n#accessibility-title {\n  display: none;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.quiz-modal-root {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  gap: 1rem;\n}\n.quiz-modal-root .quiz-modal-answer {\n  font-weight: bold;\n  font-size: 1.7rem;\n  text-transform: uppercase;\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\n.quiz-modal-root .quiz-modal-answer.correct {\n  color: #e3b82a;\n}\n.quiz-modal-root .quiz-modal-answer.wrong {\n  color: #d25959;\n}\n.quiz-modal-root .answer-label {\n  margin-bottom: 0.5rem;\n}\n.quiz-modal-root button {\n  margin-top: 1rem;\n}\n\n#accessibility-title {\n  display: none;\n}", ""]);
 
 
 
@@ -23373,7 +23373,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.content-view {\n  position: relative;\n  height: inherit;\n  margin-top: 116px;\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n}\n@media only screen and (max-width : 768px) {\n  .content-view {\n    margin-top: 0;\n    height: 100%;\n  }\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.content-view {\n  position: relative;\n  height: inherit;\n  margin-top: 116px;\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n}\n@media only screen and (max-width : 768px) {\n  .content-view {\n    margin-top: 0;\n    height: 100%;\n  }\n}", ""]);
 
 
 
@@ -24920,7 +24920,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.quiz-container {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  margin: auto;\n  padding: 1.5rem;\n  gap: 1rem;\n}\n\n.quiz-begin-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 2rem 1rem;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  border-radius: 4px;\n  background-color: #23252d;\n  border: 1px solid #2f3139;\n  transition: all 300ms ease;\n  color: #ffffff;\n  text-align: center;\n}\n@media (min-width: 768px) {\n  .quiz-begin-container {\n    max-width: 60%;\n    justify-content: space-evenly;\n  }\n}\n@media (min-width: 1201px) {\n  .quiz-begin-container {\n    max-width: 40%;\n    padding: 0.5rem 1rem 2rem;\n  }\n}\n.quiz-begin-container .quiz-explanation {\n  margin-bottom: 2rem;\n  line-height: 24px;\n  padding: 1rem;\n}\n@media (min-width: 1201px) {\n  .quiz-begin-container .quiz-explanation {\n    padding: 0rem 2rem;\n  }\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.quiz-container {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  margin: auto;\n  padding: 1.5rem;\n  gap: 1rem;\n}\n\n.quiz-begin-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 2rem 1rem;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  border-radius: 4px;\n  background-color: #23252d;\n  border: 1px solid #2f3139;\n  transition: all 300ms ease;\n  color: #ffffff;\n  text-align: center;\n}\n@media (min-width: 768px) {\n  .quiz-begin-container {\n    max-width: 60%;\n    justify-content: space-evenly;\n  }\n}\n@media (min-width: 1201px) {\n  .quiz-begin-container {\n    max-width: 40%;\n    padding: 0.5rem 1rem 2rem;\n  }\n}\n.quiz-begin-container .quiz-explanation {\n  margin-bottom: 2rem;\n  line-height: 24px;\n  padding: 1rem;\n}\n@media (min-width: 1201px) {\n  .quiz-begin-container .quiz-explanation {\n    padding: 0rem 2rem;\n  }\n}", ""]);
 
 
 
@@ -26327,7 +26327,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.duel-result-modal-root {\n  text-align: center;\n  overflow-x: hidden;\n}\n.duel-result-modal-root .title {\n  margin: 2rem 0 1rem;\n  color: #e0e0e0;\n}\n.duel-result-modal-root button {\n  margin-top: 1rem;\n}\n\n#accessibility-title {\n  display: none;\n}\n\n.imgResultContainer {\n  position: relative;\n  height: 300px;\n  width: 100%;\n}\n.imgResultContainer .challengeWon {\n  position: absolute;\n  transform: translateX(-50%);\n}\n.imgResultContainer .imgResult {\n  position: absolute;\n  transform: translate(-50%, 32%);\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.duel-result-modal-root {\n  text-align: center;\n  overflow-x: hidden;\n}\n.duel-result-modal-root .title {\n  margin: 2rem 0 1rem;\n  color: #e0e0e0;\n}\n.duel-result-modal-root button {\n  margin-top: 1rem;\n}\n\n#accessibility-title {\n  display: none;\n}\n\n.imgResultContainer {\n  position: relative;\n  height: 300px;\n  width: 100%;\n}\n.imgResultContainer .challengeWon {\n  position: absolute;\n  transform: translateX(-50%);\n}\n.imgResultContainer .imgResult {\n  position: absolute;\n  transform: translate(-50%, 32%);\n}", ""]);
 
 
 
@@ -26801,7 +26801,7 @@ exports.KONNECTORS_DOCTYPE = KONNECTORS_DOCTYPE;
 
 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.splash-root {\n  position: fixed;\n  z-index: 1500;\n  left: 0;\n  top: 0;\n  height: 100%;\n  width: 100%;\n  opacity: 1;\n  overflow: hidden;\n  background-color: rgb(27, 28, 34);\n  display: flex;\n  flex-direction: column;\n  transition-property: opacity;\n  transition-timing-function: ease-in-out;\n}\n.splash-root.splash-fade {\n  opacity: 0;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.splash-root {\n  position: fixed;\n  z-index: 1500;\n  left: 0;\n  top: 0;\n  height: 100%;\n  width: 100%;\n  opacity: 1;\n  overflow: hidden;\n  background-color: rgb(27, 28, 34);\n  display: flex;\n  flex-direction: column;\n  transition-property: opacity;\n  transition-timing-function: ease-in-out;\n}\n.splash-root.splash-fade {\n  opacity: 0;\n}", ""]);
 
 
 
@@ -27493,7 +27493,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}", ""]);
+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/** 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}", ""]);
 
 
 
@@ -28245,7 +28245,7 @@ exports.default = QueryRunner;
 
 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.eg-selection-header {\n  color: #e0e0e0;\n  text-align: center;\n  margin-top: -1rem;\n  margin-bottom: 1rem;\n  background-color: #23252d;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.eg-selection-header {\n  color: #e0e0e0;\n  text-align: center;\n  margin-top: -1rem;\n  margin-bottom: 1rem;\n  background-color: #23252d;\n}", ""]);
 
 
 
@@ -30277,7 +30277,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.chart-root {\n  margin-bottom: 1rem;\n  max-width: 400px;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.chart-root {\n  margin-bottom: 1rem;\n  max-width: 400px;\n}", ""]);
 
 
 
@@ -30332,7 +30332,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  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}", ""]);
+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/** 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}", ""]);
 
 
 
@@ -30709,7 +30709,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.slide {\n  margin: 0 1rem 0 0;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  border-radius: 4px;\n  transition: all 300ms ease;\n  color: white;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.slide.active {\n  transform: scale(1);\n}\n.slide.inactive {\n  transform: scale(0.9);\n}\n.slide .cardContent {\n  background: #23252d;\n  border: 1px solid #2f3139;\n  border-radius: 4px;\n  width: 100%;\n  height: inherit;\n  box-sizing: border-box;\n  padding: 1rem;\n  transition: all 300ms ease;\n  flex: 1;\n  gap: 20px;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.slide {\n  margin: 0 1rem 0 0;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  border-radius: 4px;\n  transition: all 300ms ease;\n  color: white;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.slide.active {\n  transform: scale(1);\n}\n.slide.inactive {\n  transform: scale(0.9);\n}\n.slide .cardContent {\n  background: #23252d;\n  border: 1px solid #2f3139;\n  border-radius: 4px;\n  width: 100%;\n  height: inherit;\n  box-sizing: border-box;\n  padding: 1rem;\n  transition: all 300ms ease;\n  flex: 1;\n  gap: 20px;\n}", ""]);
 
 
 
diff --git a/index.html b/index.html
index 83817f02c9cadac67d6db96afe84dabd9098f8d0..aaebd82bb7b25e29b845d290c7ec706e6071f2eb 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.44c0863ded5bf6cc7aef.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.e419973ce1d1e046e173.js"></script></div></body></html>
\ No newline at end of file
diff --git a/public/ecolyo.d1abf7c7d959547d2406.js b/public/ecolyo.76851cab1f804fcadef1.js
similarity index 99%
rename from public/ecolyo.d1abf7c7d959547d2406.js
rename to public/ecolyo.76851cab1f804fcadef1.js
index cc8e90d6bef94695ae3b1579528a0f3fc3a2d9cd..cce5a4fd788448085748c10ea8b7f423a89eb657 100644
--- a/public/ecolyo.d1abf7c7d959547d2406.js
+++ b/public/ecolyo.76851cab1f804fcadef1.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.animate-background {\n  transition: all 0.2s ease-out;\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  min-width: fit-content;\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\n.Mui-focusVisible {\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 16px 0px rgba(0, 0, 0, 0.12);\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  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.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  background-color: #2f3139;\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 1rem 1rem;\n  background-color: #2f3139;\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: $grey-0;\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}\n\nhtml {\n  background-color: #1b1c21;\n}\n\n.app-content {\n  min-height: auto !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/** 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/** 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/** 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/** 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.animate-background {\n  transition: all 0.2s ease-out;\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: #e0b495;\n  filter: drop-shadow(0 -0.1rem 0.2rem #e0b495);\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: #9ec4e6;\n  filter: drop-shadow(0 -0.1rem 0.2rem #9ec4e6);\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: #b3f2e7;\n  filter: drop-shadow(0 -0.1rem 0.2rem #b3f2e7);\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: #e0b495;\n}\n.week.selected {\n  fill: #e0b495;\n  filter: drop-shadow(0 -0.1rem 0.2rem #e0b495);\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/** 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  min-width: fit-content;\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/** 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\n.Mui-focusVisible {\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/** 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 16px 0px rgba(0, 0, 0, 0.12);\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/** 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/** SCROLLBAR **/\n/** Ecogesture selection */\ndiv.expansion-panel-root {\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.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  background-color: #2f3139;\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 1rem 1rem;\n  background-color: #2f3139;\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/** 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  --elecColor: #d87b39;\n  --elecCompareColor: #e0b495;\n  --gasColor: #45d1b8;\n  --gasCompareColor: #b3f2e7;\n  --waterColor: #3a98ec;\n  --waterCompareColor: #9ec4e6;\n  --multiColor: #e3b82a;\n  --multiCompareColor: #ffd597;\n  --redPrimary: #d25959;\n  --greyBright: #e0e0e0;\n  --greyDark: #7b7b7b;\n  --softGrey: #a0a0a0;\n  --darkLight: #25262b;\n  --darkLight2: #121212;\n  --textFont: Lato, sans-serif;\n  --grey-0: #1b1c21;\n  --grey-1: #23252d;\n  --grey-2: #2f3139;\n  --paperBackgroundColor: $grey-0;\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}\n\nhtml {\n  background-color: #1b1c21;\n}\n\n.app-content {\n  min-height: auto !important;\n}", ""]);
 
 
 
@@ -101514,7 +101514,7 @@ module.exports = function (it, S) {
 
 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.loader {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.loader.gold {\n  color: #b2901b;\n}\n.loader.gaz {\n  color: #45d1b8;\n}\n.loader.elec {\n  color: #d87b39;\n}\n.loader.water {\n  color: #3a98ec;\n}\n.loader .bars {\n  height: 50px;\n  margin: auto;\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n  gap: 8px;\n}\n.loader .bars .bar {\n  width: 10px;\n  border-radius: 5px;\n  background: currentColor;\n  animation: load 0.4s -0.4s linear infinite alternate;\n}\n.loader .bars .bar:nth-child(1) {\n  animation-delay: -0.1s;\n}\n.loader .bars .bar:nth-child(3) {\n  animation-delay: -0.55s;\n}\n@keyframes load {\n  0% {\n    height: 20%;\n  }\n  100% {\n    height: 100%;\n  }\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.loader {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.loader.gold {\n  color: #b2901b;\n}\n.loader.gaz {\n  color: #45d1b8;\n}\n.loader.elec {\n  color: #d87b39;\n}\n.loader.water {\n  color: #3a98ec;\n}\n.loader .bars {\n  height: 50px;\n  margin: auto;\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n  gap: 8px;\n}\n.loader .bars .bar {\n  width: 10px;\n  border-radius: 5px;\n  background: currentColor;\n  animation: load 0.4s -0.4s linear infinite alternate;\n}\n.loader .bars .bar:nth-child(1) {\n  animation-delay: -0.1s;\n}\n.loader .bars .bar:nth-child(3) {\n  animation-delay: -0.55s;\n}\n@keyframes load {\n  0% {\n    height: 20%;\n  }\n  100% {\n    height: 100%;\n  }\n}", ""]);
 
 
 
@@ -137588,7 +137588,7 @@ var reducers = {
 
 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.unsubscribe-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 1rem;\n  max-width: 450px;\n  margin: auto;\n  padding: 4rem 2rem;\n  text-align: center;\n}\n.unsubscribe-container .head {\n  color: #e3b82a;\n}\n.unsubscribe-container .question {\n  color: #ffffff;\n}\n.unsubscribe-container .btnText {\n  color: #e0e0e0;\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/** SCROLLBAR **/\n/** Ecogesture selection */\n.unsubscribe-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 1rem;\n  max-width: 450px;\n  margin: auto;\n  padding: 4rem 2rem;\n  text-align: center;\n}\n.unsubscribe-container .head {\n  color: #e3b82a;\n}\n.unsubscribe-container .question {\n  color: #ffffff;\n}\n.unsubscribe-container .btnText {\n  color: #e0e0e0;\n}", ""]);
 
 
 
diff --git a/public/index.html b/public/index.html
index c76714691262d3c63bcdd0bdc38822e7df66a724..9d8a8af85465fb7da28e306a520b82e6282b725e 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.d1abf7c7d959547d2406.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.76851cab1f804fcadef1.js"></script></div></body></html>
\ No newline at end of file