diff --git a/3/ecolyo.3933abb5a5b340e1d878.js b/3/ecolyo.0c277650d92d84f3c470.js
similarity index 99%
rename from 3/ecolyo.3933abb5a5b340e1d878.js
rename to 3/ecolyo.0c277650d92d84f3c470.js
index 47a9d12cfb8acea6465d5f227b8c2e9f05f7c367..46470e7fc8ff1e01b2069063fc19754ffb26bb2f 100644
--- a/3/ecolyo.3933abb5a5b340e1d878.js
+++ b/3/ecolyo.0c277650d92d84f3c470.js
@@ -2067,6 +2067,36 @@ var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__("yXPU"));
 
 var _slicedToArray2 = _interopRequireDefault(__webpack_require__("J4zp"));
 
+var _classnames = _interopRequireDefault(__webpack_require__("TSYQ"));
+
+var _cozyClient = __webpack_require__("SH7X");
+
+var _I18n = __webpack_require__("buk/");
+
+var _fluid = __webpack_require__("5Wkc");
+
+var _userChallenge = __webpack_require__("dQx6");
+
+var _userDuel = __webpack_require__("MBn6");
+
+var _react = _interopRequireWildcard(__webpack_require__("q1tI"));
+
+var _reactRedux = __webpack_require__("/MKj");
+
+var _account = _interopRequireDefault(__webpack_require__("gucQ"));
+
+var _challenge = _interopRequireDefault(__webpack_require__("kdea"));
+
+var _fluid2 = _interopRequireDefault(__webpack_require__("z34f"));
+
+var _challenge2 = __webpack_require__("ojwR");
+
+var _global = __webpack_require__("c4IZ");
+
+var _picto = __webpack_require__("6DBe");
+
+__webpack_require__("981c");
+
 var _core = __webpack_require__("TTf+");
 
 var _chevronDown = _interopRequireDefault(__webpack_require__("CYAo"));
@@ -2075,10 +2105,6 @@ var _notif_error = _interopRequireDefault(__webpack_require__("pSnQ"));
 
 var _notif_maintenance = _interopRequireDefault(__webpack_require__("goTn"));
 
-var _classnames = _interopRequireDefault(__webpack_require__("TSYQ"));
-
-var _StyledIcon = _interopRequireDefault(__webpack_require__("I07j"));
-
 var _Connection = _interopRequireDefault(__webpack_require__("G9aQ"));
 
 var _ConnectionNotFound = _interopRequireDefault(__webpack_require__("7qdp"));
@@ -2087,7 +2113,9 @@ var _ConnectionResult = _interopRequireDefault(__webpack_require__("sWHR"));
 
 var _KonnectorModal = _interopRequireDefault(__webpack_require__("jer4"));
 
-var _cozyClient = __webpack_require__("SH7X");
+var _Icon = _interopRequireDefault(__webpack_require__("y6ex"));
+
+var _StyledIcon = _interopRequireDefault(__webpack_require__("I07j"));
 
 var _triggers = __webpack_require__("Ih3Q");
 
@@ -2095,50 +2123,22 @@ var _ConnectionFlow = _interopRequireDefault(__webpack_require__("/HH+"));
 
 var _flowEvents = __webpack_require__("Pdj9");
 
-var _I18n = __webpack_require__("buk/");
-
-var _Icon = _interopRequireDefault(__webpack_require__("y6ex"));
-
-var _fluid = __webpack_require__("5Wkc");
-
 var _fluidSlug = __webpack_require__("jFN3");
 
 var _konnectorError = __webpack_require__("fdru");
 
 var _usageEvent = __webpack_require__("/fHX");
 
-var _userChallenge = __webpack_require__("dQx6");
-
-var _userDuel = __webpack_require__("MBn6");
-
 var _luxon = __webpack_require__("ExVU");
 
-var _react = _interopRequireWildcard(__webpack_require__("q1tI"));
-
-var _reactRedux = __webpack_require__("/MKj");
-
-var _account = _interopRequireDefault(__webpack_require__("gucQ"));
-
-var _challenge = _interopRequireDefault(__webpack_require__("kdea"));
-
 var _dateChart = _interopRequireDefault(__webpack_require__("Ty7+"));
 
-var _fluid2 = _interopRequireDefault(__webpack_require__("z34f"));
-
 var _partnersInfo = _interopRequireDefault(__webpack_require__("4zrG"));
 
 var _usageEvent2 = _interopRequireDefault(__webpack_require__("dECN"));
 
-var _challenge2 = __webpack_require__("ojwR");
-
 var _chart = __webpack_require__("U6AS");
 
-var _global = __webpack_require__("c4IZ");
-
-var _picto = __webpack_require__("6DBe");
-
-__webpack_require__("981c");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -2176,7 +2176,8 @@ var KonnectorViewerCard = function KonnectorViewerCard(_ref) {
     return state.ecolyo.global;
   }),
       statusArray = _useSelector.fluidStatus,
-      shouldRefreshConsent = _useSelector.shouldRefreshConsent;
+      shouldRefreshConsent = _useSelector.shouldRefreshConsent,
+      sgeConnect = _useSelector.sgeConnect;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
diff --git a/app/ecolyo.173d72649c1b79ac9bc7.js b/app/ecolyo.adb1a5213e7f1f74592c.js
similarity index 99%
rename from app/ecolyo.173d72649c1b79ac9bc7.js
rename to app/ecolyo.adb1a5213e7f1f74592c.js
index c76435fb9d48ac089a9e9a461243c40ae78ffeeb..b14dbe59a32320697c8d39c0fc4b69e1c87cb9cc 100644
--- a/app/ecolyo.173d72649c1b79ac9bc7.js
+++ b/app/ecolyo.adb1a5213e7f1f74592c.js
@@ -64,7 +64,7 @@
 /******/
 /******/ 	// script path function
 /******/ 	function jsonpScriptSrc(chunkId) {
-/******/ 		return __webpack_require__.p + "" + ({}[chunkId]||chunkId) + "/ecolyo." + {"2":"4fa6b651882eb2869050","3":"3933abb5a5b340e1d878","4":"3dce9fe3dee4e77244fa","5":"3a48b3c8783b8b429d7f","6":"a113251de3c27963062b","7":"8e0088481e1baf094fa4","8":"260ed9b202a1b7c1d846","9":"c032f05af862fb957661"}[chunkId] + ".js"
+/******/ 		return __webpack_require__.p + "" + ({}[chunkId]||chunkId) + "/ecolyo." + {"2":"4fa6b651882eb2869050","3":"0c277650d92d84f3c470","4":"3dce9fe3dee4e77244fa","5":"3a48b3c8783b8b429d7f","6":"a113251de3c27963062b","7":"8e0088481e1baf094fa4","8":"260ed9b202a1b7c1d846","9":"c032f05af862fb957661"}[chunkId] + ".js"
 /******/ 	}
 /******/
 /******/ 	// The require function
@@ -1109,49 +1109,6 @@ webpackContext.id = "/KVF";
 
 /***/ }),
 
-/***/ "/Pxu":
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var profileData = {
-  activateHalfHourDate: '0000-01-01T00:00:00.000Z',
-  challengeHash: '',
-  customPopupDate: '0000-01-01T00:00:00.000Z',
-  duelHash: '',
-  ecogestureHash: '',
-  explorationHash: '',
-  haveSeenEcogestureModal: false,
-  haveSeenLastAnalysis: true,
-  isFirstConnection: true,
-  isProfileEcogestureCompleted: false,
-  isProfileTypeCompleted: false,
-  lastConnectionDate: '0000-01-01T00:00:00.000Z',
-  mailToken: '',
-  monthlyAnalysisDate: '0000-01-01T00:00:00.000Z',
-  partnersIssueSeenDate: {
-    enedis: '0000-01-01T00:00:00.000Z',
-    egl: '0000-01-01T00:00:00.000Z',
-    grdf: '0000-01-01T00:00:00.000Z'
-  },
-  quizHash: '',
-  onboarding: {
-    isWelcomeSeen: false
-  },
-  sendAnalysisNotification: true,
-  sendConsumptionAlert: false,
-  waterDailyConsumptionLimit: 0
-};
-var _default = profileData;
-exports.default = _default;
-
-/***/ }),
-
 /***/ "/Sk9":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -2735,14 +2692,20 @@ var ProfileService = /*#__PURE__*/function () {
   }, {
     key: "parseProfileEntityToProfile",
     value: function parseProfileEntityToProfile(profileEntity) {
+      var yesterday = _luxon.DateTime.local().minus({
+        day: 1
+      }).startOf('day');
+
+      var partnersIssueSeenDate = {
+        enedis: yesterday,
+        egl: yesterday,
+        grdf: yesterday
+      };
+
       var profile = _objectSpread(_objectSpread({}, profileEntity), {}, {
         monthlyAnalysisDate: typeof profileEntity.monthlyAnalysisDate === 'string' ? this.getDate(profileEntity.monthlyAnalysisDate) : profileEntity.monthlyAnalysisDate,
         lastConnectionDate: this.getDate(profileEntity.lastConnectionDate),
-        partnersIssueSeenDate: {
-          enedis: this.getDate(profileEntity.partnersIssueSeenDate.enedis),
-          egl: this.getDate(profileEntity.partnersIssueSeenDate.egl),
-          grdf: this.getDate(profileEntity.partnersIssueSeenDate.grdf)
-        },
+        partnersIssueSeenDate: partnersIssueSeenDate,
         activateHalfHourDate: this.getDate(profileEntity.activateHalfHourDate),
         customPopupDate: this.getDate(profileEntity.customPopupDate)
       });
@@ -3348,23 +3311,23 @@ exports.default = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(__webpack_require__("J4zp"));
 
-var _ActionChoose = _interopRequireDefault(__webpack_require__("WoNc"));
+var _react = _interopRequireWildcard(__webpack_require__("q1tI"));
 
-var _ActionDone = _interopRequireDefault(__webpack_require__("gJ+F"));
+var _reactRedux = __webpack_require__("/MKj");
 
-var _ActionOnGoing = _interopRequireDefault(__webpack_require__("4CLA"));
+var _CozyBar = _interopRequireDefault(__webpack_require__("CJMG"));
 
 var _Content = _interopRequireDefault(__webpack_require__("VOVi"));
 
-var _CozyBar = _interopRequireDefault(__webpack_require__("CJMG"));
-
 var _Header = _interopRequireDefault(__webpack_require__("frrP"));
 
+var _ActionChoose = _interopRequireDefault(__webpack_require__("WoNc"));
+
 var _userAction = __webpack_require__("UtDE");
 
-var _react = _interopRequireWildcard(__webpack_require__("q1tI"));
+var _ActionOnGoing = _interopRequireDefault(__webpack_require__("4CLA"));
 
-var _reactRedux = __webpack_require__("/MKj");
+var _ActionDone = _interopRequireDefault(__webpack_require__("gJ+F"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -3411,7 +3374,8 @@ var ActionView = function ActionView() {
 
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_CozyBar.default, {
     titleKey: 'common.title_action',
-    displayBackArrow: true
+    displayBackArrow: true,
+    isBuilding: true
   }), /*#__PURE__*/_react.default.createElement(_Header.default, {
     setHeaderHeight: defineHeaderHeight,
     desktopTitleKey: 'common.title_action',
@@ -8057,29 +8021,29 @@ exports.default = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(__webpack_require__("J4zp"));
 
-var _Content = _interopRequireDefault(__webpack_require__("VOVi"));
-
-var _DuelError = _interopRequireDefault(__webpack_require__("0q55"));
+var _react = _interopRequireWildcard(__webpack_require__("q1tI"));
 
-var _DuelUnlocked = _interopRequireDefault(__webpack_require__("TLzW"));
+var _reactRedux = __webpack_require__("/MKj");
 
 var _CozyBar = _interopRequireDefault(__webpack_require__("CJMG"));
 
+var _Content = _interopRequireDefault(__webpack_require__("VOVi"));
+
 var _Header = _interopRequireDefault(__webpack_require__("frrP"));
 
 var _userChallenge = __webpack_require__("dQx6");
 
-var _userDuel = __webpack_require__("MBn6");
+var _DuelError = _interopRequireDefault(__webpack_require__("0q55"));
 
-var _react = _interopRequireWildcard(__webpack_require__("q1tI"));
+var _DuelUnlocked = _interopRequireDefault(__webpack_require__("TLzW"));
 
-var _reactRedux = __webpack_require__("/MKj");
+var _userDuel = __webpack_require__("MBn6");
 
-var _reactRouterDom = __webpack_require__("55Ip");
+var _DuelOngoing = _interopRequireDefault(__webpack_require__("5tjS"));
 
 var _DuelEmptyValueModal = _interopRequireDefault(__webpack_require__("upmN"));
 
-var _DuelOngoing = _interopRequireDefault(__webpack_require__("5tjS"));
+var _reactRouterDom = __webpack_require__("55Ip");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -8140,7 +8104,8 @@ var DuelView = function DuelView() {
 
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_CozyBar.default, {
     titleKey: 'common.title_duel',
-    displayBackArrow: true
+    displayBackArrow: true,
+    isBuilding: true
   }), /*#__PURE__*/_react.default.createElement(_Header.default, {
     setHeaderHeight: defineHeaderHeight,
     desktopTitleKey: 'common.title_duel',
@@ -19798,24 +19763,24 @@ exports.default = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(__webpack_require__("J4zp"));
 
-var _Content = _interopRequireDefault(__webpack_require__("VOVi"));
+var _react = _interopRequireWildcard(__webpack_require__("q1tI"));
+
+var _reactRedux = __webpack_require__("/MKj");
 
 var _CozyBar = _interopRequireDefault(__webpack_require__("CJMG"));
 
+var _Content = _interopRequireDefault(__webpack_require__("VOVi"));
+
 var _Header = _interopRequireDefault(__webpack_require__("frrP"));
 
 var _userQuiz = __webpack_require__("Ush/");
 
-var _react = _interopRequireWildcard(__webpack_require__("q1tI"));
-
-var _reactRedux = __webpack_require__("/MKj");
-
 var _QuizBegin = _interopRequireDefault(__webpack_require__("lMfa"));
 
-var _QuizFinish = _interopRequireDefault(__webpack_require__("Qqu8"));
-
 var _QuizQuestion = _interopRequireDefault(__webpack_require__("DyCt"));
 
+var _QuizFinish = _interopRequireDefault(__webpack_require__("Qqu8"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -19861,7 +19826,8 @@ var QuizView = function QuizView() {
 
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_CozyBar.default, {
     titleKey: 'common.title_quiz',
-    displayBackArrow: true
+    displayBackArrow: true,
+    isBuilding: true
   }), /*#__PURE__*/_react.default.createElement(_Header.default, {
     setHeaderHeight: defineHeaderHeight,
     desktopTitleKey: 'common.title_quiz',
@@ -21223,24 +21189,24 @@ exports.default = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(__webpack_require__("J4zp"));
 
-var _Content = _interopRequireDefault(__webpack_require__("VOVi"));
+var _react = _interopRequireWildcard(__webpack_require__("q1tI"));
+
+var _reactRedux = __webpack_require__("/MKj");
 
 var _CozyBar = _interopRequireDefault(__webpack_require__("CJMG"));
 
+var _Content = _interopRequireDefault(__webpack_require__("VOVi"));
+
 var _Header = _interopRequireDefault(__webpack_require__("frrP"));
 
 var _userExploration = __webpack_require__("/rev");
 
-var _react = _interopRequireWildcard(__webpack_require__("q1tI"));
-
-var _reactRedux = __webpack_require__("/MKj");
+var _ExplorationOngoing = _interopRequireDefault(__webpack_require__("rhLB"));
 
 var _ExplorationError = _interopRequireDefault(__webpack_require__("PoS9"));
 
 var _ExplorationFinished = _interopRequireDefault(__webpack_require__("momY"));
 
-var _ExplorationOngoing = _interopRequireDefault(__webpack_require__("rhLB"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -21281,7 +21247,8 @@ var ExplorationView = function ExplorationView() {
 
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_CozyBar.default, {
     titleKey: 'common.title_exploration',
-    displayBackArrow: true
+    displayBackArrow: true,
+    isBuilding: true
   }), /*#__PURE__*/_react.default.createElement(_Header.default, {
     setHeaderHeight: defineHeaderHeight,
     desktopTitleKey: 'common.title_exploration',
@@ -31701,7 +31668,7 @@ exports.i(__webpack_require__("tgIe"), "");
 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/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\nhtml {\n  background: #121212;\n}\n\nbody {\n  background: #121212;\n  overflow: unset !important;\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.header {\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  overflow: hidden;\n  width: 100%;\n  z-index: 18;\n  position: fixed;\n  top: 48px;\n  left: 0;\n}\n@media only screen and (max-width : 768px) {\n  .header {\n    top: 0;\n  }\n}\n.header .header-top {\n  background: radial-gradient(circle, rgb(52, 54, 65) 0%, rgb(27, 28, 34) 100%);\n  width: 100%;\n}\n.header .header-top .header-text {\n  padding: 0 1rem 1rem 1rem;\n  color: #e0e0e0;\n}\n.header .header-content {\n  margin: 0 0 0 220px;\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}\n.header .header-content .header-content-top {\n  display: flex;\n  flex-direction: row;\n}\n.header .header-content .header-content-top.header-content-top-right {\n  justify-content: flex-end;\n}\n.header .header-content .header-content-top .header-text {\n  padding: 2rem 1rem;\n  flex: 1;\n}\n.header .header-content .header-content-top .header-text-desktop {\n  display: flex;\n  flex: 1;\n  padding: 2rem 1.25rem;\n  color: #e0e0e0;\n}\n.header .header-content .header-content-top .header-back-button {\n  padding: 0 0.75rem;\n}\n@media only screen and (max-width : 768px) {\n  .header .header-content .header-content-top .header-text {\n    padding: 0 1rem 1rem 1rem;\n    color: #e0e0e0;\n  }\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.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/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n* {\n  font-family: Lato, sans-serif;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np {\n  color: #a0a0a0;\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-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-result {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: 900;\n  font-size: 1.75rem;\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/* Cozy bar */\n.cozybar {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: bold;\n  font-size: 1.3125rem;\n  line-height: 120%;\n  color: #e0e0e0;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\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:hover,\n.barFill:hover {\n  cursor: pointer;\n}\n\n.background-true {\n  opacity: 0.1;\n}\n.background-true:hover {\n  cursor: pointer;\n}\n\n.background-false {\n  opacity: 0;\n}\n\n.bar-compare-ELECTRICITY:hover,\n.bar-compare-GAS:hover,\n.bar-compare-WATER:hover,\n.bar-compare-MULTIFLUID:hover,\n.bar-MULTIFLUID:hover,\n.bar-WATER:hover,\n.bar-GAS:hover,\n.bar-ELECTRICITY:hover {\n  cursor: pointer;\n}\n\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-UNCOMING {\n  fill: #242633;\n  opacity: 0.6;\n}\n.bar-UNCOMING.selected {\n  fill: #e3b82a;\n  filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a);\n}\n.bar-UNCOMING.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/** 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.bounce-3 {\n  animation-name: bounce-3;\n  animation-timing-function: cubic-bezier(1, 1, 0.42, 1);\n  animation-iteration-count: 1;\n  transform-origin: bottom center;\n}\n\n@keyframes bounce-3 {\n  0% {\n    opacity: 0.6;\n    transform: scaleY(1);\n  }\n  50% {\n    transform: scaleY(1.1);\n    opacity: 0.8;\n  }\n  100% {\n    transform: scaleY(1);\n    opacity: 1;\n  }\n}\n/** Animatio ndelay **/\n.delay {\n  animation-duration: 0.4s;\n}\n\n.delay--0 {\n  animation-duration: 0.6s;\n}\n\n.delay--1 {\n  animation-duration: 0.7s;\n}\n\n.delay--2 {\n  animation-duration: 0.8s;\n}\n\n.delay--3 {\n  animation-duration: 0.9s;\n}\n\n.delay--4 {\n  animation-duration: 1s;\n}\n\n.delay--5 {\n  animation-duration: 1.1s;\n}\n\n.delay--6 {\n  animation-duration: 1.2s;\n}\n\n.delay--7 {\n  animation-duration: 1.3s;\n}\n\n.delay--8 {\n  animation-duration: 1.4s;\n}\n\n.delay--9 {\n  animation-duration: 1.5s;\n}\n\n.delay--10 {\n  animation-duration: 1.6s;\n}\n\n.delay--11 {\n  animation-duration: 1.8s;\n}\n\n.delay--12 {\n  animation-duration: 1.9s;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\nbutton.btn-highlight {\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  background-color: #e3b82a;\n  border: none;\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer;\n}\nbutton.btn-highlight span:first-child {\n  color: #000000;\n}\nbutton.btn-highlight:hover, button.btn-highlight:focus, button.btn-highlight.active, button.btn-highlight:disabled {\n  background-color: #b89318;\n}\nbutton.btn-highlight:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\nbutton.btn-primary-positive {\n  background: transparent;\n  background-color: transparent;\n  border: 1px solid #121212;\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer;\n}\nbutton.btn-primary-positive span:first-child {\n  color: #e3b82a;\n}\nbutton.btn-primary-positive:hover, button.btn-primary-positive:focus, button.btn-primary-positive.active, button.btn-primary-positive:disabled {\n  background-color: rgba(18, 18, 18, 0.2);\n}\nbutton.btn-primary-positive:hover span:first-child, button.btn-primary-positive:focus span:first-child, button.btn-primary-positive.active span:first-child, button.btn-primary-positive:disabled span:first-child {\n  color: rgba(227, 184, 42, 0.7);\n}\nbutton.btn-primary-positive:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\nbutton.btn-primary-negative {\n  background: transparent;\n  background-color: transparent;\n  border: 1px solid #7b7b7b;\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer;\n}\nbutton.btn-primary-negative span:first-child {\n  color: #e3b82a;\n}\nbutton.btn-primary-negative:hover, button.btn-primary-negative:focus, button.btn-primary-negative.active, button.btn-primary-negative:disabled {\n  background-color: rgba(123, 123, 123, 0.2);\n}\nbutton.btn-primary-negative:hover span:first-child, button.btn-primary-negative:focus span:first-child, button.btn-primary-negative.active span:first-child, button.btn-primary-negative:disabled span:first-child {\n  color: rgba(227, 184, 42, 0.7);\n}\nbutton.btn-primary-negative:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\nbutton.btn-secondary-positive {\n  background: transparent;\n  background-color: transparent;\n  border: 1px solid #121212;\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer;\n}\nbutton.btn-secondary-positive span:first-child {\n  color: #e0e0e0;\n}\nbutton.btn-secondary-positive:hover, button.btn-secondary-positive:focus, button.btn-secondary-positive.active, button.btn-secondary-positive:disabled {\n  background-color: rgba(18, 18, 18, 0.2);\n}\nbutton.btn-secondary-positive:hover span:first-child, button.btn-secondary-positive:focus span:first-child, button.btn-secondary-positive.active span:first-child, button.btn-secondary-positive:disabled span:first-child {\n  color: rgba(224, 224, 224, 0.7);\n}\nbutton.btn-secondary-positive:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\nbutton.btn-secondary-negative {\n  background: transparent;\n  background-color: transparent;\n  border: 1px solid #7b7b7b;\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer;\n}\nbutton.btn-secondary-negative span:first-child {\n  color: #e0e0e0;\n}\nbutton.btn-secondary-negative:hover, button.btn-secondary-negative:focus, button.btn-secondary-negative.active, button.btn-secondary-negative:disabled {\n  background-color: rgba(123, 123, 123, 0.2);\n}\nbutton.btn-secondary-negative:hover span:first-child, button.btn-secondary-negative:focus span:first-child, button.btn-secondary-negative.active span:first-child, button.btn-secondary-negative:disabled span:first-child {\n  color: rgba(224, 224, 224, 0.7);\n}\nbutton.btn-secondary-negative:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\nbutton.btn-duel-off {\n  background: #121212;\n  background-color: #121212;\n  border: 1px solid rgba(97, 240, 242, 0.5);\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer;\n}\nbutton.btn-duel-off span:first-child {\n  color: #ffffff;\n}\nbutton.btn-duel-off:hover, button.btn-duel-off:focus, button.btn-duel-off.active, button.btn-duel-off:disabled {\n  background-color: black;\n}\nbutton.btn-duel-off:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\nbutton.btn-duel-active {\n  border-radius: 4px !important;\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  background-color: 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  border: none;\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer;\n}\nbutton.btn-duel-active span:first-child {\n  color: #121212;\n}\nbutton.btn-duel-active:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\nbutton.btn-duel-on {\n  background: radial-gradient(60.65% 30.62% at 50% 3.13%, #2a2b30 0%, #1b1c22 100%);\n  background-color: #121212;\n  border: 1px solid #58ffff;\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer;\n}\nbutton.btn-duel-on span:first-child {\n  color: #ffffff;\n}\nbutton.btn-duel-on:hover, button.btn-duel-on:focus, button.btn-duel-on.active, button.btn-duel-on:disabled {\n  background-color: black;\n}\nbutton.btn-duel-on:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\nbutton.btn-profile-next {\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  background-color: #e3b82a;\n  border: 1px solid #e3b82a;\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer;\n}\nbutton.btn-profile-next span:first-child {\n  color: #000000;\n}\nbutton.btn-profile-next:hover, button.btn-profile-next:focus, button.btn-profile-next.active, button.btn-profile-next:disabled {\n  background-color: #b89318;\n}\nbutton.btn-profile-next:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\nbutton.btn-profile-back {\n  background: none;\n  background-color: none;\n  border: 1px solid #e0e0e0;\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer;\n}\nbutton.btn-profile-back span:first-child {\n  color: #e0e0e0;\n}\nbutton.btn-profile-back:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.card {\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  box-sizing: border-box;\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.75);\n  border-radius: 4px;\n  margin-top: 1rem;\n  padding: 16px;\n}\n.card:hover {\n  background: linear-gradient(180deg, rgba(70, 71, 77, 0.7) 0%, rgba(57, 58, 63, 0.7) 100%);\n}\n.card.rich-card {\n  padding: 24px 16px;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\ndiv.modal-root .MuiBackdrop-root {\n  background-color: hsla(231deg, 11%, 12%, 0.85);\n}\n\ndiv.modal-paper {\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\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.blue-border {\n  border: 1px solid rgba(88, 255, 255, 0.2509803922);\n}\ndiv.modal-paper.blue-light-border {\n  border: 1px solid #61f0f2;\n}\ndiv.modal-paper.yellow-border {\n  border: 1px solid rgba(227, 184, 42, 0.4);\n}\ndiv.modal-paper .modal-paper-close-button {\n  position: absolute;\n  top: 0.5rem;\n  right: 0.5rem;\n  padding: 5px 5px;\n  z-index: 10;\n}\n\ndiv.modal-paper-full-screen {\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  width: 100%;\n  max-width: 100%;\n  height: 100%;\n  max-height: 100%;\n  padding: 0;\n  margin: 0;\n  box-sizing: border-box;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  border-radius: 4px;\n  color: #ffffff;\n  display: flex;\n  align-items: center;\n}\ndiv.modal-paper-full-screen.dark-background {\n  background: #121212;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\ndiv.expansion-panel-root {\n  margin: 1.2rem 0;\n  color: #e0e0e0;\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  border-radius: 4px;\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.75);\n  transition: background-color 0.6s ease;\n  box-sizing: border-box;\n}\ndiv.expansion-panel-root.Mui-expanded:first-child {\n  margin: 1.2rem 0;\n}\ndiv.expansion-panel-root.Mui-expanded:last-child {\n  margin: 1.2rem 0;\n}\ndiv.expansion-panel-root.red-border {\n  border: 1px solid #d25959;\n}\n\ndiv.expansion-panel-summary {\n  padding: 0.25rem 1.2rem;\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.Mui-expanded {\n  min-height: 4rem;\n}\ndiv.expansion-panel-summary.Mui-expanded.small {\n  min-height: 3rem;\n}\ndiv.expansion-panel-summary.small {\n  padding: 0 1.2rem;\n  min-height: 3rem;\n}\ndiv.expansion-panel-summary.bold-text {\n  font-weight: bold;\n}\n\ndiv.expansion-panel-content {\n  display: flex;\n  align-items: center;\n}\ndiv.expansion-panel-content.Mui-expanded {\n  margin: 0.75rem 0;\n}\n\ndiv.expansion-panel-details {\n  padding: 0 1.2rem 1.2rem;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\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.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}\n\n.application {\n  overflow-x: hidden;\n  background-color: #121212;\n}\n\n.accordion-icon {\n  color: #ffffff;\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/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\nhtml {\n  background: #121212;\n}\n\nbody {\n  background: #121212;\n  overflow: unset !important;\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.header {\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  overflow: hidden;\n  width: 100%;\n  z-index: 18;\n  position: fixed;\n  top: 48px;\n  left: 0;\n}\n@media only screen and (max-width : 768px) {\n  .header {\n    top: 0;\n  }\n}\n.header .header-top {\n  background: radial-gradient(circle, rgb(52, 54, 65) 0%, rgb(27, 28, 34) 100%);\n  width: 100%;\n}\n.header .header-top .header-text {\n  padding: 0 1rem 1rem 1rem;\n  color: #e0e0e0;\n}\n.header .header-content {\n  margin: 0 0 0 220px;\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}\n.header .header-content .header-content-top {\n  display: flex;\n  flex-direction: row;\n}\n.header .header-content .header-content-top.header-content-top-right {\n  justify-content: flex-end;\n}\n.header .header-content .header-content-top .header-text {\n  padding: 2rem 1rem;\n  flex: 1;\n}\n.header .header-content .header-content-top .header-text-desktop {\n  display: flex;\n  flex: 1;\n  padding: 2rem 1.25rem;\n  color: #e0e0e0;\n}\n.header .header-content .header-content-top .header-back-button {\n  padding: 0 0.75rem;\n}\n@media only screen and (max-width : 768px) {\n  .header .header-content .header-content-top .header-text {\n    padding: 0 1rem 1rem 1rem;\n    color: #e0e0e0;\n  }\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.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/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n* {\n  font-family: Lato, sans-serif;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np {\n  color: #a0a0a0;\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.isBuilding {\n  color: #e3b82a;\n  margin-left: 0.8rem;\n  margin-right: 0.8rem;\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-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-result {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: 900;\n  font-size: 1.75rem;\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/* Cozy bar */\n.cozybar {\n  font-family: Lato, sans-serif;\n  font-style: normal;\n  font-weight: bold;\n  font-size: 1.3125rem;\n  line-height: 120%;\n  color: #e0e0e0;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\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:hover,\n.barFill:hover {\n  cursor: pointer;\n}\n\n.background-true {\n  opacity: 0.1;\n}\n.background-true:hover {\n  cursor: pointer;\n}\n\n.background-false {\n  opacity: 0;\n}\n\n.bar-compare-ELECTRICITY:hover,\n.bar-compare-GAS:hover,\n.bar-compare-WATER:hover,\n.bar-compare-MULTIFLUID:hover,\n.bar-MULTIFLUID:hover,\n.bar-WATER:hover,\n.bar-GAS:hover,\n.bar-ELECTRICITY:hover {\n  cursor: pointer;\n}\n\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-UNCOMING {\n  fill: #242633;\n  opacity: 0.6;\n}\n.bar-UNCOMING.selected {\n  fill: #e3b82a;\n  filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a);\n}\n.bar-UNCOMING.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/** 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.bounce-3 {\n  animation-name: bounce-3;\n  animation-timing-function: cubic-bezier(1, 1, 0.42, 1);\n  animation-iteration-count: 1;\n  transform-origin: bottom center;\n}\n\n@keyframes bounce-3 {\n  0% {\n    opacity: 0.6;\n    transform: scaleY(1);\n  }\n  50% {\n    transform: scaleY(1.1);\n    opacity: 0.8;\n  }\n  100% {\n    transform: scaleY(1);\n    opacity: 1;\n  }\n}\n/** Animatio ndelay **/\n.delay {\n  animation-duration: 0.4s;\n}\n\n.delay--0 {\n  animation-duration: 0.6s;\n}\n\n.delay--1 {\n  animation-duration: 0.7s;\n}\n\n.delay--2 {\n  animation-duration: 0.8s;\n}\n\n.delay--3 {\n  animation-duration: 0.9s;\n}\n\n.delay--4 {\n  animation-duration: 1s;\n}\n\n.delay--5 {\n  animation-duration: 1.1s;\n}\n\n.delay--6 {\n  animation-duration: 1.2s;\n}\n\n.delay--7 {\n  animation-duration: 1.3s;\n}\n\n.delay--8 {\n  animation-duration: 1.4s;\n}\n\n.delay--9 {\n  animation-duration: 1.5s;\n}\n\n.delay--10 {\n  animation-duration: 1.6s;\n}\n\n.delay--11 {\n  animation-duration: 1.8s;\n}\n\n.delay--12 {\n  animation-duration: 1.9s;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\nbutton.btn-highlight {\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  background-color: #e3b82a;\n  border: none;\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer;\n}\nbutton.btn-highlight span:first-child {\n  color: #000000;\n}\nbutton.btn-highlight:hover, button.btn-highlight:focus, button.btn-highlight.active, button.btn-highlight:disabled {\n  background-color: #b89318;\n}\nbutton.btn-highlight:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\nbutton.btn-primary-positive {\n  background: transparent;\n  background-color: transparent;\n  border: 1px solid #121212;\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer;\n}\nbutton.btn-primary-positive span:first-child {\n  color: #e3b82a;\n}\nbutton.btn-primary-positive:hover, button.btn-primary-positive:focus, button.btn-primary-positive.active, button.btn-primary-positive:disabled {\n  background-color: rgba(18, 18, 18, 0.2);\n}\nbutton.btn-primary-positive:hover span:first-child, button.btn-primary-positive:focus span:first-child, button.btn-primary-positive.active span:first-child, button.btn-primary-positive:disabled span:first-child {\n  color: rgba(227, 184, 42, 0.7);\n}\nbutton.btn-primary-positive:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\nbutton.btn-primary-negative {\n  background: transparent;\n  background-color: transparent;\n  border: 1px solid #7b7b7b;\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer;\n}\nbutton.btn-primary-negative span:first-child {\n  color: #e3b82a;\n}\nbutton.btn-primary-negative:hover, button.btn-primary-negative:focus, button.btn-primary-negative.active, button.btn-primary-negative:disabled {\n  background-color: rgba(123, 123, 123, 0.2);\n}\nbutton.btn-primary-negative:hover span:first-child, button.btn-primary-negative:focus span:first-child, button.btn-primary-negative.active span:first-child, button.btn-primary-negative:disabled span:first-child {\n  color: rgba(227, 184, 42, 0.7);\n}\nbutton.btn-primary-negative:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\nbutton.btn-secondary-positive {\n  background: transparent;\n  background-color: transparent;\n  border: 1px solid #121212;\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer;\n}\nbutton.btn-secondary-positive span:first-child {\n  color: #e0e0e0;\n}\nbutton.btn-secondary-positive:hover, button.btn-secondary-positive:focus, button.btn-secondary-positive.active, button.btn-secondary-positive:disabled {\n  background-color: rgba(18, 18, 18, 0.2);\n}\nbutton.btn-secondary-positive:hover span:first-child, button.btn-secondary-positive:focus span:first-child, button.btn-secondary-positive.active span:first-child, button.btn-secondary-positive:disabled span:first-child {\n  color: rgba(224, 224, 224, 0.7);\n}\nbutton.btn-secondary-positive:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\nbutton.btn-secondary-negative {\n  background: transparent;\n  background-color: transparent;\n  border: 1px solid #7b7b7b;\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer;\n}\nbutton.btn-secondary-negative span:first-child {\n  color: #e0e0e0;\n}\nbutton.btn-secondary-negative:hover, button.btn-secondary-negative:focus, button.btn-secondary-negative.active, button.btn-secondary-negative:disabled {\n  background-color: rgba(123, 123, 123, 0.2);\n}\nbutton.btn-secondary-negative:hover span:first-child, button.btn-secondary-negative:focus span:first-child, button.btn-secondary-negative.active span:first-child, button.btn-secondary-negative:disabled span:first-child {\n  color: rgba(224, 224, 224, 0.7);\n}\nbutton.btn-secondary-negative:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\nbutton.btn-duel-off {\n  background: #121212;\n  background-color: #121212;\n  border: 1px solid rgba(97, 240, 242, 0.5);\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer;\n}\nbutton.btn-duel-off span:first-child {\n  color: #ffffff;\n}\nbutton.btn-duel-off:hover, button.btn-duel-off:focus, button.btn-duel-off.active, button.btn-duel-off:disabled {\n  background-color: black;\n}\nbutton.btn-duel-off:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\nbutton.btn-duel-active {\n  border-radius: 4px !important;\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  background-color: 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  border: none;\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer;\n}\nbutton.btn-duel-active span:first-child {\n  color: #121212;\n}\nbutton.btn-duel-active:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\nbutton.btn-duel-on {\n  background: radial-gradient(60.65% 30.62% at 50% 3.13%, #2a2b30 0%, #1b1c22 100%);\n  background-color: #121212;\n  border: 1px solid #58ffff;\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer;\n}\nbutton.btn-duel-on span:first-child {\n  color: #ffffff;\n}\nbutton.btn-duel-on:hover, button.btn-duel-on:focus, button.btn-duel-on.active, button.btn-duel-on:disabled {\n  background-color: black;\n}\nbutton.btn-duel-on:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\nbutton.btn-profile-next {\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  background-color: #e3b82a;\n  border: 1px solid #e3b82a;\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer;\n}\nbutton.btn-profile-next span:first-child {\n  color: #000000;\n}\nbutton.btn-profile-next:hover, button.btn-profile-next:focus, button.btn-profile-next.active, button.btn-profile-next:disabled {\n  background-color: #b89318;\n}\nbutton.btn-profile-next:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\nbutton.btn-profile-back {\n  background: none;\n  background-color: none;\n  border: 1px solid #e0e0e0;\n  border-radius: 2px;\n  margin: 1.5rem 0 0;\n  width: 100%;\n  text-transform: initial;\n  cursor: pointer;\n}\nbutton.btn-profile-back span:first-child {\n  color: #e0e0e0;\n}\nbutton.btn-profile-back:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.card {\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  box-sizing: border-box;\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.75);\n  border-radius: 4px;\n  margin-top: 1rem;\n  padding: 16px;\n}\n.card:hover {\n  background: linear-gradient(180deg, rgba(70, 71, 77, 0.7) 0%, rgba(57, 58, 63, 0.7) 100%);\n}\n.card.rich-card {\n  padding: 24px 16px;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\ndiv.modal-root .MuiBackdrop-root {\n  background-color: hsla(231deg, 11%, 12%, 0.85);\n}\n\ndiv.modal-paper {\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\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.blue-border {\n  border: 1px solid rgba(88, 255, 255, 0.2509803922);\n}\ndiv.modal-paper.blue-light-border {\n  border: 1px solid #61f0f2;\n}\ndiv.modal-paper.yellow-border {\n  border: 1px solid rgba(227, 184, 42, 0.4);\n}\ndiv.modal-paper .modal-paper-close-button {\n  position: absolute;\n  top: 0.5rem;\n  right: 0.5rem;\n  padding: 5px 5px;\n  z-index: 10;\n}\n\ndiv.modal-paper-full-screen {\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  width: 100%;\n  max-width: 100%;\n  height: 100%;\n  max-height: 100%;\n  padding: 0;\n  margin: 0;\n  box-sizing: border-box;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n  border-radius: 4px;\n  color: #ffffff;\n  display: flex;\n  align-items: center;\n}\ndiv.modal-paper-full-screen.dark-background {\n  background: #121212;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\ndiv.expansion-panel-root {\n  margin: 1.2rem 0;\n  color: #e0e0e0;\n  background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n  border-radius: 4px;\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.75);\n  transition: background-color 0.6s ease;\n  box-sizing: border-box;\n}\ndiv.expansion-panel-root.Mui-expanded:first-child {\n  margin: 1.2rem 0;\n}\ndiv.expansion-panel-root.Mui-expanded:last-child {\n  margin: 1.2rem 0;\n}\ndiv.expansion-panel-root.red-border {\n  border: 1px solid #d25959;\n}\n\ndiv.expansion-panel-summary {\n  padding: 0.25rem 1.2rem;\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.Mui-expanded {\n  min-height: 4rem;\n}\ndiv.expansion-panel-summary.Mui-expanded.small {\n  min-height: 3rem;\n}\ndiv.expansion-panel-summary.small {\n  padding: 0 1.2rem;\n  min-height: 3rem;\n}\ndiv.expansion-panel-summary.bold-text {\n  font-weight: bold;\n}\n\ndiv.expansion-panel-content {\n  display: flex;\n  align-items: center;\n}\ndiv.expansion-panel-content.Mui-expanded {\n  margin: 0.75rem 0;\n}\n\ndiv.expansion-panel-details {\n  padding: 0 1.2rem 1.2rem;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\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.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}\n\n.application {\n  overflow-x: hidden;\n  background-color: #121212;\n}\n\n.accordion-icon {\n  color: #ffffff;\n}", ""]);
 
 
 
@@ -34535,26 +34502,26 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.App = void 0;
 
-var _Layout = __webpack_require__("Bh3+");
-
 var _react = _interopRequireWildcard(__webpack_require__("q1tI"));
 
-var _reactRedux = __webpack_require__("/MKj");
-
 var _reactRouterDom = __webpack_require__("55Ip");
 
-var _Navbar = _interopRequireDefault(__webpack_require__("ikYp"));
+var _Layout = __webpack_require__("Bh3+");
 
-var _WelcomeModal = _interopRequireDefault(__webpack_require__("TabY"));
+var _reactRedux = __webpack_require__("/MKj");
 
 var _Routes = _interopRequireDefault(__webpack_require__("rqN/"));
 
+var _Navbar = _interopRequireDefault(__webpack_require__("ikYp"));
+
 var _SplashRoot = _interopRequireDefault(__webpack_require__("00oi"));
 
 var _SplashScreen = _interopRequireDefault(__webpack_require__("Eg5n"));
 
 var _SplashScreenError = _interopRequireDefault(__webpack_require__("7RpM"));
 
+var _WelcomeModal = _interopRequireDefault(__webpack_require__("TabY"));
+
 var _environment = _interopRequireDefault(__webpack_require__("X6DI"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -34590,7 +34557,7 @@ var App = function App(_ref) {
     splashComponent: _SplashScreen.default,
     splashErrorComponent: _SplashScreenError.default
   }, termsStatus.accepted && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_WelcomeModal.default, {
-    open: true
+    open: !onboarding.isWelcomeSeen
   }), /*#__PURE__*/_react.default.createElement(_Navbar.default, null)), /*#__PURE__*/_react.default.createElement(_Layout.Main, null, /*#__PURE__*/_react.default.createElement(_Layout.Content, {
     className: "app-content"
   }, /*#__PURE__*/_react.default.createElement(_Routes.default, {
@@ -36116,6 +36083,13 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 /***/ }),
 
+/***/ "xJBY":
+/***/ (function(module) {
+
+module.exports = JSON.parse("[{\"ecogestureHash\":\"\",\"challengeHash\":\"\",\"mailToken\":\"\",\"duelHash\":\"\",\"quizHash\":\"\",\"isFirstConnection\":true,\"lastConnectionDate\":\"0000-01-01T00:00:00.000Z\",\"haveSeenLastAnalysis\":true,\"sendAnalysisNotification\":true,\"monthlyAnalysisDate\":\"0000-01-01T00:00:00.000Z\",\"sendConsumptionAlert\":false,\"waterDailyConsumptionLimit\":0,\"isProfileTypeCompleted\":false,\"isProfileEcogestureCompleted\":false,\"onboarding\":{\"isWelcomeSeen\":false},\"haveSeenEcogestureModal\":false}]");
+
+/***/ }),
+
 /***/ "xXMD":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -37290,7 +37264,7 @@ var _ecogestureData = _interopRequireDefault(__webpack_require__("/uBH"));
 
 var _explorationEntity2 = _interopRequireDefault(__webpack_require__("66aa"));
 
-var _profileData = _interopRequireDefault(__webpack_require__("/Pxu"));
+var _profileData = _interopRequireDefault(__webpack_require__("xJBY"));
 
 var _quizEntity2 = _interopRequireDefault(__webpack_require__("lMoa"));
 
@@ -37397,7 +37371,7 @@ var InitializationService = /*#__PURE__*/function () {
                 }
 
                 _context.next = 9;
-                return this._client.create(_doctypes.PROFILE_DOCTYPE, _profileData.default);
+                return this._client.create(_doctypes.PROFILE_DOCTYPE, _profileData.default[0]);
 
               case 9:
                 _yield$this$_client$c = _context.sent;
diff --git a/index.html b/index.html
index fce82ad2c8023087754e83e063dec04fb2b3c048..64cd1bd33a4ae7c8c2f98d1fe858d98314f596e9 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"><!-- PWA iOS title --><meta name="apple-mobile-web-app-title" content="Ecolyo">{{.ThemeCSS}} {{.CozyBar}}<script src="//{{.Domain}}/assets/js/piwik.js"></script></head><body><div role="application" class="application" data-cozy="{{.CozyData}}"><script src="vendors/ecolyo.67505ba9aa7c653980b0.js"></script><script src="app/ecolyo.173d72649c1b79ac9bc7.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"><!-- PWA iOS title --><meta name="apple-mobile-web-app-title" content="Ecolyo">{{.ThemeCSS}} {{.CozyBar}}<script src="//{{.Domain}}/assets/js/piwik.js"></script></head><body><div role="application" class="application" data-cozy="{{.CozyData}}"><script src="vendors/ecolyo.67505ba9aa7c653980b0.js"></script><script src="app/ecolyo.adb1a5213e7f1f74592c.js"></script></div></body></html>
\ No newline at end of file
diff --git a/services/aggregatorUsageEvents/ecolyo.js b/services/aggregatorUsageEvents/ecolyo.js
index 4d2f23f3801c8fef02e8a5efa9fa305df1920bd0..244e74d94e86e8e9214cc5bfc029b80a1c2da0c9 100644
--- a/services/aggregatorUsageEvents/ecolyo.js
+++ b/services/aggregatorUsageEvents/ecolyo.js
@@ -95045,14 +95045,20 @@ class ProfileService {
 
 
   parseProfileEntityToProfile(profileEntity) {
+    const yesterday = _luxon.DateTime.local().minus({
+      day: 1
+    }).startOf('day');
+
+    const partnersIssueSeenDate = {
+      enedis: yesterday,
+      egl: yesterday,
+      grdf: yesterday
+    };
+
     const profile = _objectSpread(_objectSpread({}, profileEntity), {}, {
       monthlyAnalysisDate: typeof profileEntity.monthlyAnalysisDate === 'string' ? this.getDate(profileEntity.monthlyAnalysisDate) : profileEntity.monthlyAnalysisDate,
       lastConnectionDate: this.getDate(profileEntity.lastConnectionDate),
-      partnersIssueSeenDate: {
-        enedis: this.getDate(profileEntity.partnersIssueSeenDate.enedis),
-        egl: this.getDate(profileEntity.partnersIssueSeenDate.egl),
-        grdf: this.getDate(profileEntity.partnersIssueSeenDate.grdf)
-      },
+      partnersIssueSeenDate: partnersIssueSeenDate,
       activateHalfHourDate: this.getDate(profileEntity.activateHalfHourDate),
       customPopupDate: this.getDate(profileEntity.customPopupDate)
     });
diff --git a/services/consumptionAlert/ecolyo.js b/services/consumptionAlert/ecolyo.js
index 92270e5042a694b09640391463402f6ddf1d7958..6edbfd6e664cbf097fa472e946f4a656bd7e4ba0 100644
--- a/services/consumptionAlert/ecolyo.js
+++ b/services/consumptionAlert/ecolyo.js
@@ -93641,14 +93641,20 @@ class ProfileService {
 
 
   parseProfileEntityToProfile(profileEntity) {
+    const yesterday = _luxon.DateTime.local().minus({
+      day: 1
+    }).startOf('day');
+
+    const partnersIssueSeenDate = {
+      enedis: yesterday,
+      egl: yesterday,
+      grdf: yesterday
+    };
+
     const profile = _objectSpread(_objectSpread({}, profileEntity), {}, {
       monthlyAnalysisDate: typeof profileEntity.monthlyAnalysisDate === 'string' ? this.getDate(profileEntity.monthlyAnalysisDate) : profileEntity.monthlyAnalysisDate,
       lastConnectionDate: this.getDate(profileEntity.lastConnectionDate),
-      partnersIssueSeenDate: {
-        enedis: this.getDate(profileEntity.partnersIssueSeenDate.enedis),
-        egl: this.getDate(profileEntity.partnersIssueSeenDate.egl),
-        grdf: this.getDate(profileEntity.partnersIssueSeenDate.grdf)
-      },
+      partnersIssueSeenDate: partnersIssueSeenDate,
       activateHalfHourDate: this.getDate(profileEntity.activateHalfHourDate),
       customPopupDate: this.getDate(profileEntity.customPopupDate)
     });
diff --git a/services/monthlyReportNotification/ecolyo.js b/services/monthlyReportNotification/ecolyo.js
index 17602a933b216a73486365aa0c96072f65a3e1c3..59676f6aaacfc09b099673c24f68e956e600ca8c 100644
--- a/services/monthlyReportNotification/ecolyo.js
+++ b/services/monthlyReportNotification/ecolyo.js
@@ -93641,14 +93641,20 @@ class ProfileService {
 
 
   parseProfileEntityToProfile(profileEntity) {
+    const yesterday = _luxon.DateTime.local().minus({
+      day: 1
+    }).startOf('day');
+
+    const partnersIssueSeenDate = {
+      enedis: yesterday,
+      egl: yesterday,
+      grdf: yesterday
+    };
+
     const profile = _objectSpread(_objectSpread({}, profileEntity), {}, {
       monthlyAnalysisDate: typeof profileEntity.monthlyAnalysisDate === 'string' ? this.getDate(profileEntity.monthlyAnalysisDate) : profileEntity.monthlyAnalysisDate,
       lastConnectionDate: this.getDate(profileEntity.lastConnectionDate),
-      partnersIssueSeenDate: {
-        enedis: this.getDate(profileEntity.partnersIssueSeenDate.enedis),
-        egl: this.getDate(profileEntity.partnersIssueSeenDate.egl),
-        grdf: this.getDate(profileEntity.partnersIssueSeenDate.grdf)
-      },
+      partnersIssueSeenDate: partnersIssueSeenDate,
       activateHalfHourDate: this.getDate(profileEntity.activateHalfHourDate),
       customPopupDate: this.getDate(profileEntity.customPopupDate)
     });