diff --git a/3/ecolyo.02036156d248763b79ed.js b/3/ecolyo.d319225da6e6e4d2ed3a.js
similarity index 99%
rename from 3/ecolyo.02036156d248763b79ed.js
rename to 3/ecolyo.d319225da6e6e4d2ed3a.js
index 7178d5d323b7697417856e33c660a027e836f8fd..8da3e9840a36f684310ba7771a15ac5bc08e8f7e 100644
--- a/3/ecolyo.02036156d248763b79ed.js
+++ b/3/ecolyo.d319225da6e6e4d2ed3a.js
@@ -206,7 +206,7 @@ if(false) {}
exports = module.exports = __webpack_require__("DjJv")(false);
// Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.report-option-root {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 0 1.5rem;\n}\n.report-option-root .report-option-content {\n max-width: 45.75rem;\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 2rem;\n}\n.report-option-root .head {\n color: #e0e0e0;\n margin-bottom: 1rem;\n}\n.report-option-root .reportCard {\n background-color: #23252d;\n border: 1px solid #2f3139;\n border-radius: 4px;\n padding: 12px 16px;\n display: flex;\n flex-direction: column;\n gap: 10px;\n color: #e0e0e0;\n}\n.report-option-root .reportCard .row {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n.report-option-root .switch-container-alert {\n color: #e0e0e0;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n.report-option-root .alert-input-subtext {\n color: #a0a0a0;\n}", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.report-option-root {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 0 1.5rem;\n}\n.report-option-root .report-option-content {\n max-width: 45.75rem;\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 2rem;\n}\n.report-option-root .head {\n color: #e0e0e0;\n margin-bottom: 1rem;\n}\n.report-option-root .reportCard {\n background-color: #23252d;\n border: 1px solid #2f3139;\n box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);\n border-radius: 4px;\n padding: 12px 16px;\n display: flex;\n flex-direction: column;\n gap: 10px;\n color: #e0e0e0;\n}\n.report-option-root .reportCard .row {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n.report-option-root .switch-container-alert {\n color: #e0e0e0;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n.report-option-root .alert-input-subtext {\n color: #a0a0a0;\n}", ""]);
@@ -1885,6 +1885,8 @@ var _excluded = ["fluidType", "children", "className"];
var CardBase = (0, _styles.withStyles)({
root: {
background: 'var(--grey-1)',
+ border: '1px solid var(--grey-2)',
+ boxShadow: '0px 4px 16px 0px rgba(0, 0, 0, 0.12)',
boxSizing: 'border-box',
borderRadius: '4px'
}
diff --git a/4/ecolyo.7c489514c8a966e68600.js b/4/ecolyo.add3bbc54f78547892bb.js
similarity index 96%
rename from 4/ecolyo.7c489514c8a966e68600.js
rename to 4/ecolyo.add3bbc54f78547892bb.js
index b14330388a2e658cddc1aea6a30bc91a167643ba..7e652acb1097163d47e2bd698e6c59c1a39aae3d 100644
--- a/4/ecolyo.7c489514c8a966e68600.js
+++ b/4/ecolyo.add3bbc54f78547892bb.js
@@ -248,7 +248,7 @@ var ElecHalfHourMonthlyAnalysis = function ElecHalfHourMonthlyAnalysis(_ref2) {
}));
}
return /*#__PURE__*/_react.default.createElement(ElecHalfHourLayout, null, /*#__PURE__*/_react.default.createElement("div", {
- className: "text-24-normal title"
+ className: "text-20-normal title"
}, t('special_elec.average')), /*#__PURE__*/_react.default.createElement(_core.ButtonGroup, {
style: {
backgroundColor: 'var(--grey-0)'
@@ -483,6 +483,28 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
/***/ }),
+/***/ "754H":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("lomp");
+/* harmony import */ var _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("nOWK");
+/* harmony import */ var _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__);
+
+
+var symbol = new _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default.a({
+ "id": "cog_75b8e68f3e4ccb9585ee78b82906982d",
+ "use": "cog_75b8e68f3e4ccb9585ee78b82906982d-usage",
+ "viewBox": "0 0 25 25",
+ "content": "<symbol viewBox=\"0 0 25 25\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" id=\"cog_75b8e68f3e4ccb9585ee78b82906982d\">\n <path d=\"M19.9301 13.23C19.9701 12.91 20.0001 12.59 20.0001 12.25C20.0001 11.91 19.9701 11.59 19.9301 11.27L22.0401 9.62C22.2301 9.47 22.2801 9.2 22.1601 8.98L20.1601 5.52C20.0401 5.3 19.7701 5.22 19.5501 5.3L17.0601 6.3C16.5401 5.9 15.9801 5.57 15.3701 5.32L14.9901 2.67C14.9601 2.43 14.7501 2.25 14.5001 2.25H10.5001C10.2501 2.25 10.0401 2.43 10.0101 2.67L9.63008 5.32C9.02008 5.57 8.46008 5.91 7.94008 6.3L5.45008 5.3C5.22008 5.21 4.96008 5.3 4.84008 5.52L2.84008 8.98C2.71008 9.2 2.77008 9.47 2.96008 9.62L5.07008 11.27C5.03008 11.59 5.00008 11.92 5.00008 12.25C5.00008 12.58 5.03008 12.91 5.07008 13.23L2.96008 14.88C2.77008 15.03 2.72008 15.3 2.84008 15.52L4.84008 18.98C4.96008 19.2 5.23008 19.28 5.45008 19.2L7.94008 18.2C8.46008 18.6 9.02008 18.93 9.63008 19.18L10.0101 21.83C10.0401 22.07 10.2501 22.25 10.5001 22.25H14.5001C14.7501 22.25 14.9601 22.07 14.9901 21.83L15.3701 19.18C15.9801 18.93 16.5401 18.59 17.0601 18.2L19.5501 19.2C19.7801 19.29 20.0401 19.2 20.1601 18.98L22.1601 15.52C22.2801 15.3 22.2301 15.03 22.0401 14.88L19.9301 13.23ZM12.5001 15.75C10.5701 15.75 9.00008 14.18 9.00008 12.25C9.00008 10.32 10.5701 8.75 12.5001 8.75C14.4301 8.75 16.0001 10.32 16.0001 12.25C16.0001 14.18 14.4301 15.75 12.5001 15.75Z\" fill=\"white\" />\n</symbol>"
+});
+var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default.a.add(symbol);
+/* harmony default export */ __webpack_exports__["default"] = (symbol);
+
+/***/ }),
+
/***/ "7sPa":
/***/ (function(module, exports, __webpack_require__) {
@@ -550,7 +572,7 @@ exports.default = _default;
exports = module.exports = __webpack_require__("DjJv")(false);
// Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.profileComparator {\n display: flex;\n flex-direction: column;\n gap: 24px;\n}\n\n.analysis-graph {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n.analysis-graph .consumption-title {\n display: flex;\n justify-content: space-between;\n}\n.analysis-graph .consumption-title .user-title,\n.analysis-graph .consumption-title .average-title {\n flex-basis: 45%;\n border-bottom: 1px solid #2f3139;\n padding-bottom: 4px;\n}\n.analysis-graph .consumption-title .user-title {\n text-align: right;\n}\n.analysis-graph .consumption-sep {\n border: 1px solid #7b7b7b;\n margin: 1rem 0;\n}\n.analysis-graph div.expansion-panel-root {\n background-color: #2f3139;\n border: solid 1px rgba(255, 255, 255, 0.1);\n margin-block: 0 !important;\n}\n.analysis-graph .accordion-title {\n font-weight: bold;\n}\n.analysis-graph .accordion-desc {\n color: #e0e0e0;\n}\n.analysis-graph div.expansion-panel-summary {\n padding: 0 1rem;\n}\n.analysis-graph .loader-container {\n min-height: 350px;\n display: flex;\n justify-content: center;\n align-items: center;\n margin: auto;\n}\n\n.no-profile {\n display: flex;\n align-items: center;\n flex-direction: column;\n gap: 1rem;\n}\n.no-profile div {\n text-align: center;\n text-wrap: balance;\n}\n.no-profile button {\n max-width: 320px;\n}\n.no-profile svg {\n width: 100%;\n}", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.profileComparator {\n display: flex;\n flex-direction: column;\n gap: 24px;\n}\n\n.analysis-graph {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n.analysis-graph .consumption-title {\n display: flex;\n justify-content: space-between;\n}\n.analysis-graph .consumption-title .user-title,\n.analysis-graph .consumption-title .average-title {\n flex-basis: 45%;\n border-bottom: 1px solid #2f3139;\n padding-bottom: 4px;\n}\n.analysis-graph .consumption-title .user-title {\n text-align: right;\n}\n.analysis-graph .consumption-sep {\n border: 1px solid #7b7b7b;\n margin: 1rem 0;\n}\n.analysis-graph div.expansion-panel-root {\n background-color: #2f3139;\n border: solid 1px rgba(255, 255, 255, 0.1);\n margin-block: 0 !important;\n}\n.analysis-graph .accordion-title {\n font-weight: bold;\n}\n.analysis-graph .accordion-desc {\n color: #e0e0e0;\n}\n.analysis-graph div.expansion-panel-summary {\n padding: 0 1rem;\n}\n.analysis-graph .loader-container {\n min-height: 350px;\n display: flex;\n justify-content: center;\n align-items: center;\n margin: auto;\n}\n.analysis-graph .profileBtn span {\n display: flex;\n gap: 10px;\n}\n\n.no-profile {\n display: flex;\n align-items: center;\n flex-direction: column;\n gap: 1rem;\n}\n.no-profile div {\n text-align: center;\n text-wrap: balance;\n}\n.no-profile button {\n max-width: 320px;\n}\n.no-profile svg {\n width: 100%;\n}", ""]);
@@ -1088,7 +1110,7 @@ var Comparison = function Comparison(_ref) {
return /*#__PURE__*/_react.default.createElement("div", {
className: "comparison card rich-card"
}, /*#__PURE__*/_react.default.createElement("div", {
- className: "text-24-normal title"
+ className: "text-20-normal title"
}, t('analysis.compare.title')), !isLoading && /*#__PURE__*/_react.default.createElement(_core.ButtonGroup, {
style: {
backgroundColor: 'var(--grey-0)'
@@ -1339,7 +1361,7 @@ var TotalAnalysisChart = function TotalAnalysisChart(_ref) {
minHeight: radius + 100
}
}, /*#__PURE__*/_react.default.createElement("div", {
- className: "text-24-normal title"
+ className: "text-20-normal title"
}, t('analysis_pie.total')), isLoading && /*#__PURE__*/_react.default.createElement(_Loader.default, null), !isLoading && !dataLoadValueDetailArray && emptyPieChart(), !isLoading && dataLoadValueDetailArray && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_PieChart.default, {
dataloadValueDetailArray: dataLoadValueDetailArray,
radius: radius,
@@ -1654,7 +1676,7 @@ var MaxConsumptionCard = function MaxConsumptionCard(_ref) {
className: "max-consumption-container",
ref: containerRef
}, /*#__PURE__*/_react.default.createElement("div", {
- className: "text-24-normal title"
+ className: "text-20-normal title"
}, t('analysis.max_day')), /*#__PURE__*/_react.default.createElement("div", {
className: "fluid-navigation",
role: "tablist"
@@ -1674,7 +1696,7 @@ var MaxConsumptionCard = function MaxConsumptionCard(_ref) {
})), !isLoading && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !maxDayData && /*#__PURE__*/_react.default.createElement("p", {
className: "text-20-bold no_data"
}, t('analysis.no_data')), maxDayData && currentFluid !== undefined && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
- className: "text-24-bold maxDay-date"
+ className: "text-16-bold maxDay-date"
}, maxDayData.date.setLocale('fr').toFormat('cccc dd LLLL')), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_DataloadSection.default, {
dataload: maxDayData,
fluidType: currentFluid,
@@ -1943,7 +1965,7 @@ var ___CSS_LOADER_URL___0___ = urlEscape(__webpack_require__("2a4+"));
var ___CSS_LOADER_URL___1___ = urlEscape(__webpack_require__("W1x+"));
// Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.temperatureComparison {\n display: flex;\n align-items: center;\n gap: 16px;\n border-radius: 8px;\n padding: 8px 4px 8px 12px;\n box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.5490196078);\n background-position: bottom right;\n background-repeat: no-repeat;\n height: 60px;\n transition: all 0.3s ease-in-out;\n}\n.temperatureComparison.loading {\n justify-content: center;\n}\n.temperatureComparison.hot {\n background-image: url(" + ___CSS_LOADER_URL___0___ + ");\n background-color: #3d3724;\n}\n.temperatureComparison.cold {\n background-image: url(" + ___CSS_LOADER_URL___1___ + ");\n background-color: #2e3c51;\n}\n.temperatureComparison .tc-content {\n text-align: left;\n flex-grow: 1;\n color: #ffffff;\n}\n.temperatureComparison .tc-content .valueRow {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n.temperatureComparison .buttonContainer {\n display: flex;\n align-items: flex-start;\n height: 100%;\n}\n.temperatureComparison .buttonContainer .info-icon {\n align-items: flex-start;\n padding: 0;\n position: relative;\n top: -4px;\n stroke: #ffffff;\n}", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.temperatureComparison {\n display: flex;\n align-items: center;\n gap: 16px;\n border-radius: 8px;\n padding: 8px 4px 8px 12px;\n background-position: bottom right;\n background-repeat: no-repeat;\n height: 60px;\n transition: all 0.3s ease-in-out;\n}\n.temperatureComparison.loading {\n justify-content: center;\n}\n.temperatureComparison.hot {\n background-image: url(" + ___CSS_LOADER_URL___0___ + ");\n background-color: #3d3724;\n}\n.temperatureComparison.cold {\n background-image: url(" + ___CSS_LOADER_URL___1___ + ");\n background-color: #2e3c51;\n}\n.temperatureComparison .tc-content {\n text-align: left;\n flex-grow: 1;\n color: #ffffff;\n}\n.temperatureComparison .tc-content .valueRow {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n.temperatureComparison .buttonContainer {\n display: flex;\n align-items: flex-start;\n height: 100%;\n}\n.temperatureComparison .buttonContainer .info-icon {\n align-items: flex-start;\n padding: 0;\n position: relative;\n top: -4px;\n stroke: #ffffff;\n}", ""]);
@@ -2646,6 +2668,7 @@ var _slicedToArray2 = _interopRequireDefault(__webpack_require__("XkwL"));
var _core = __webpack_require__("rMFn");
var _Button = _interopRequireDefault(__webpack_require__("49+2"));
var _chevronDown = _interopRequireDefault(__webpack_require__("dDs/"));
+var _cog = _interopRequireDefault(__webpack_require__("754H"));
var _StyledIcon = _interopRequireDefault(__webpack_require__("VP3k"));
var _Loader = _interopRequireDefault(__webpack_require__("6oIw"));
var _cozyClient = __webpack_require__("xEu0");
@@ -2667,7 +2690,7 @@ var ProfileComparatorLayout = function ProfileComparatorLayout(_ref) {
return /*#__PURE__*/_react.default.createElement("div", {
className: "profileComparator"
}, /*#__PURE__*/_react.default.createElement("div", {
- className: "text-24-normal title"
+ className: "text-20-normal title"
}, t('analysis.average')), children);
};
var ProfileComparator = function ProfileComparator(_ref2) {
@@ -2799,9 +2822,12 @@ var ProfileComparator = function ProfileComparator(_ref2) {
onClick: function onClick() {
return navigate('/profileType');
},
- className: "btnSecondary",
+ className: "btnSecondary profileBtn",
"data-testid": "goToProfile"
- }, t('analysis.accessibility.button_go_to_profil'))));
+ }, /*#__PURE__*/_react.default.createElement(_StyledIcon.default, {
+ icon: _cog.default,
+ size: 24
+ }), t('analysis.accessibility.button_go_to_profil'))));
}
if (isLoading) {
return /*#__PURE__*/_react.default.createElement(ProfileComparatorLayout, null, /*#__PURE__*/_react.default.createElement("div", {
@@ -2878,9 +2904,12 @@ var ProfileComparator = function ProfileComparator(_ref2) {
onClick: function onClick() {
return navigate('/profileType');
},
- className: "btnSecondary",
+ className: "btnSecondary profileBtn",
"data-testid": "iconGoToProfile"
- }, t('analysis.average_edit_profile'))));
+ }, /*#__PURE__*/_react.default.createElement(_StyledIcon.default, {
+ icon: _cog.default,
+ size: 24
+ }), t('analysis.average_edit_profile'))));
};
var _default = ProfileComparator;
exports.default = _default;
diff --git a/5/ecolyo.b6278d54be2a98e87017.js b/5/ecolyo.9fb7a5e4f4daf4766031.js
similarity index 92%
rename from 5/ecolyo.b6278d54be2a98e87017.js
rename to 5/ecolyo.9fb7a5e4f4daf4766031.js
index 6e5e9929b1641d39261ee7676aa637f99d2ee105..40b309b8cc2b4b85086eca977ff249a746793811 100644
--- a/5/ecolyo.b6278d54be2a98e87017.js
+++ b/5/ecolyo.9fb7a5e4f4daf4766031.js
@@ -46,6 +46,28 @@ exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE
+/***/ }),
+
+/***/ "/yV3":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("lomp");
+/* harmony import */ var _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("nOWK");
+/* harmony import */ var _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__);
+
+
+var symbol = new _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default.a({
+ "id": "coin-elec_50c875feaeba4fe6704bb78945500975",
+ "use": "coin-elec_50c875feaeba4fe6704bb78945500975-usage",
+ "viewBox": "0 0 32 33",
+ "content": "<symbol viewBox=\"0 0 32 33\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" id=\"coin-elec_50c875feaeba4fe6704bb78945500975\">\n <rect y=\"0.25\" width=\"32\" height=\"32\" rx=\"8\" fill=\"#544232\" />\n <path d=\"M9.786 15.042H11.249C11.4177 14.1473 11.6853 13.3407 12.052 12.622C12.4187 11.896 12.866 11.28 13.394 10.774C13.922 10.268 14.5197 9.87933 15.187 9.608C15.8543 9.32933 16.5803 9.19 17.365 9.19C18.3843 9.19 19.257 9.388 19.983 9.784C20.709 10.1727 21.3177 10.7007 21.809 11.368L20.852 12.402C20.7787 12.4827 20.7017 12.556 20.621 12.622C20.5403 12.6807 20.4267 12.71 20.28 12.71C20.1773 12.71 20.082 12.6807 19.994 12.622C19.9133 12.5633 19.8217 12.49 19.719 12.402C19.6163 12.314 19.5027 12.2187 19.378 12.116C19.2533 12.0133 19.103 11.918 18.927 11.83C18.7583 11.742 18.5567 11.6687 18.322 11.61C18.0873 11.5513 17.8087 11.522 17.486 11.522C16.6207 11.522 15.891 11.819 15.297 12.413C14.703 13.007 14.2887 13.8833 14.054 15.042H19.576V15.878C19.576 16.0467 19.5063 16.2043 19.367 16.351C19.235 16.4903 19.0517 16.56 18.817 16.56H13.867C13.8597 16.6847 13.856 16.8093 13.856 16.934C13.856 17.0513 13.856 17.1723 13.856 17.297C13.856 17.385 13.856 17.473 13.856 17.561C13.856 17.649 13.8597 17.7333 13.867 17.814H18.531V18.639C18.531 18.8077 18.4613 18.9653 18.322 19.112C18.1827 19.2513 17.9993 19.321 17.772 19.321H13.999C14.2043 20.5823 14.5967 21.5247 15.176 22.148C15.7627 22.764 16.4887 23.072 17.354 23.072C17.882 23.072 18.3037 23.0023 18.619 22.863C18.9417 22.7163 19.202 22.555 19.4 22.379C19.6053 22.203 19.774 22.0453 19.906 21.906C20.0453 21.7593 20.1957 21.686 20.357 21.686C20.4377 21.686 20.5073 21.7007 20.566 21.73C20.6247 21.752 20.687 21.7997 20.753 21.873L21.93 22.951C21.4167 23.743 20.764 24.3517 19.972 24.777C19.18 25.195 18.2597 25.404 17.211 25.404C16.3457 25.404 15.5683 25.261 14.879 24.975C14.197 24.6817 13.603 24.271 13.097 23.743C12.591 23.215 12.1767 22.577 11.854 21.829C11.5387 21.081 11.315 20.245 11.183 19.321H9.786V17.814H11.062C11.0547 17.7333 11.051 17.649 11.051 17.561C11.051 17.473 11.051 17.385 11.051 17.297C11.051 17.1723 11.051 17.0513 11.051 16.934C11.051 16.8093 11.0547 16.6847 11.062 16.56H9.786V15.042Z\" fill=\"#D87B39\" />\n</symbol>"
+});
+var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default.a.add(symbol);
+/* harmony default export */ __webpack_exports__["default"] = (symbol);
+
/***/ }),
/***/ "0DQp":
@@ -1801,6 +1823,28 @@ exports.default = _default;
/***/ }),
+/***/ "GZ4Y":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("lomp");
+/* harmony import */ var _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("nOWK");
+/* harmony import */ var _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__);
+
+
+var symbol = new _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default.a({
+ "id": "coin-gas_f8acef1eddeb5dc8effe840c58b232b8",
+ "use": "coin-gas_f8acef1eddeb5dc8effe840c58b232b8-usage",
+ "viewBox": "0 0 32 33",
+ "content": "<symbol viewBox=\"0 0 32 33\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" id=\"coin-gas_f8acef1eddeb5dc8effe840c58b232b8\">\n <rect y=\"0.25\" width=\"32\" height=\"32\" rx=\"8\" fill=\"#2F4F43\" />\n <path d=\"M9.786 15.042H11.249C11.4177 14.1473 11.6853 13.3407 12.052 12.622C12.4187 11.896 12.866 11.28 13.394 10.774C13.922 10.268 14.5197 9.87933 15.187 9.608C15.8543 9.32933 16.5803 9.19 17.365 9.19C18.3843 9.19 19.257 9.388 19.983 9.784C20.709 10.1727 21.3177 10.7007 21.809 11.368L20.852 12.402C20.7787 12.4827 20.7017 12.556 20.621 12.622C20.5403 12.6807 20.4267 12.71 20.28 12.71C20.1773 12.71 20.082 12.6807 19.994 12.622C19.9133 12.5633 19.8217 12.49 19.719 12.402C19.6163 12.314 19.5027 12.2187 19.378 12.116C19.2533 12.0133 19.103 11.918 18.927 11.83C18.7583 11.742 18.5567 11.6687 18.322 11.61C18.0873 11.5513 17.8087 11.522 17.486 11.522C16.6207 11.522 15.891 11.819 15.297 12.413C14.703 13.007 14.2887 13.8833 14.054 15.042H19.576V15.878C19.576 16.0467 19.5063 16.2043 19.367 16.351C19.235 16.4903 19.0517 16.56 18.817 16.56H13.867C13.8597 16.6847 13.856 16.8093 13.856 16.934C13.856 17.0513 13.856 17.1723 13.856 17.297C13.856 17.385 13.856 17.473 13.856 17.561C13.856 17.649 13.8597 17.7333 13.867 17.814H18.531V18.639C18.531 18.8077 18.4613 18.9653 18.322 19.112C18.1827 19.2513 17.9993 19.321 17.772 19.321H13.999C14.2043 20.5823 14.5967 21.5247 15.176 22.148C15.7627 22.764 16.4887 23.072 17.354 23.072C17.882 23.072 18.3037 23.0023 18.619 22.863C18.9417 22.7163 19.202 22.555 19.4 22.379C19.6053 22.203 19.774 22.0453 19.906 21.906C20.0453 21.7593 20.1957 21.686 20.357 21.686C20.4377 21.686 20.5073 21.7007 20.566 21.73C20.6247 21.752 20.687 21.7997 20.753 21.873L21.93 22.951C21.4167 23.743 20.764 24.3517 19.972 24.777C19.18 25.195 18.2597 25.404 17.211 25.404C16.3457 25.404 15.5683 25.261 14.879 24.975C14.197 24.6817 13.603 24.271 13.097 23.743C12.591 23.215 12.1767 22.577 11.854 21.829C11.5387 21.081 11.315 20.245 11.183 19.321H9.786V17.814H11.062C11.0547 17.7333 11.051 17.649 11.051 17.561C11.051 17.473 11.051 17.385 11.051 17.297C11.051 17.1723 11.051 17.0513 11.051 16.934C11.051 16.8093 11.0547 16.6847 11.062 16.56H9.786V15.042Z\" fill=\"#45D1B8\" />\n</symbol>"
+});
+var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default.a.add(symbol);
+/* harmony default export */ __webpack_exports__["default"] = (symbol);
+
+/***/ }),
+
/***/ "H2r+":
/***/ (function(module, exports, __webpack_require__) {
@@ -1913,6 +1957,28 @@ exports.default = _default;
/***/ }),
+/***/ "Hb+j":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("lomp");
+/* harmony import */ var _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("nOWK");
+/* harmony import */ var _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__);
+
+
+var symbol = new _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default.a({
+ "id": "compare-elec_dcc14e71f24340dcf4f3a15cae48a3d1",
+ "use": "compare-elec_dcc14e71f24340dcf4f3a15cae48a3d1-usage",
+ "viewBox": "0 0 32 33",
+ "content": "<symbol viewBox=\"0 0 32 33\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" id=\"compare-elec_dcc14e71f24340dcf4f3a15cae48a3d1\">\n <rect y=\"0.25\" width=\"32\" height=\"32\" rx=\"8\" fill=\"#544232\" />\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.9375 9.375C16.9375 9.12636 16.8387 8.8879 16.6629 8.71209C16.4871 8.53627 16.2487 8.4375 16 8.4375C15.7514 8.4375 15.5129 8.53627 15.3371 8.71209C15.1613 8.8879 15.0625 9.12636 15.0625 9.375V10.01C13.1255 10.0549 11.194 10.2361 9.28251 10.5525C9.03719 10.5933 8.81811 10.7298 8.67347 10.9321C8.52883 11.1344 8.47049 11.3859 8.51126 11.6312C8.55204 11.8766 8.6886 12.0957 8.89091 12.2403C9.09321 12.3849 9.34469 12.4433 9.59001 12.4025L9.75251 12.3763L8.26751 18.3138C8.21972 18.5057 8.23389 18.7079 8.30798 18.8913C8.38207 19.0748 8.5123 19.2301 8.68001 19.335C9.3757 19.7698 10.1796 20.0002 11 20C11.8204 20.0002 12.6243 19.7698 13.32 19.335C13.488 19.23 13.6184 19.0745 13.6925 18.8908C13.7666 18.7071 13.7806 18.5047 13.7325 18.3125L12.17 12.0625C13.1316 11.9677 14.0965 11.9089 15.0625 11.8862V21.265C13.9592 21.3 12.8729 21.3942 11.8038 21.5475C11.5576 21.5828 11.3356 21.7145 11.1865 21.9135C11.0374 22.1125 10.9735 22.3626 11.0088 22.6087C11.0441 22.8549 11.1757 23.077 11.3747 23.226C11.5738 23.3751 11.8239 23.4391 12.07 23.4037C14.6767 23.0308 17.3233 23.0308 19.93 23.4037C20.0519 23.4212 20.176 23.4145 20.2953 23.384C20.4146 23.3536 20.5267 23.2999 20.6253 23.226C20.7238 23.1522 20.8069 23.0597 20.8697 22.9538C20.9325 22.8479 20.9738 22.7306 20.9913 22.6087C21.0087 22.4869 21.0021 22.3627 20.9716 22.2434C20.9411 22.1241 20.8874 22.012 20.8136 21.9135C20.7397 21.8149 20.6472 21.7319 20.5413 21.6691C20.4354 21.6063 20.3181 21.565 20.1963 21.5475C19.116 21.3941 18.0281 21.2998 16.9375 21.265V11.8862C17.9108 11.9096 18.875 11.9679 19.83 12.0613L18.2675 18.3125C18.2193 18.5045 18.2331 18.7069 18.307 18.8906C18.3809 19.0742 18.511 19.2298 18.6788 19.335C19.3745 19.7698 20.1784 20.0002 20.9988 20C21.8191 20.0002 22.6231 19.7698 23.3188 19.335C23.4867 19.23 23.6171 19.0745 23.6912 18.8908C23.7653 18.7071 23.7793 18.5047 23.7313 18.3125L22.2463 12.375L22.4088 12.4025C22.6541 12.4434 22.9056 12.3853 23.1081 12.2407C23.3105 12.0962 23.4472 11.8772 23.4881 11.6319C23.5291 11.3865 23.4709 11.135 23.3264 10.9326C23.1819 10.7302 22.9628 10.5934 22.7175 10.5525C20.806 10.2361 18.8745 10.0549 16.9375 10.01V9.375ZM10.275 18.0188C10.7477 18.162 11.2523 18.162 11.725 18.0188L11 15.115L10.275 18.0188ZM21 18.125C20.7536 18.1256 20.5085 18.0898 20.2725 18.0188L21 15.115L21.725 18.0188C21.4899 18.0896 21.2456 18.1254 21 18.125Z\" fill=\"#E0B495\" />\n</symbol>"
+});
+var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default.a.add(symbol);
+/* harmony default export */ __webpack_exports__["default"] = (symbol);
+
+/***/ }),
+
/***/ "Hmac":
/***/ (function(module, exports, __webpack_require__) {
@@ -2056,6 +2122,28 @@ if(false) {}
/***/ }),
+/***/ "J84D":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("lomp");
+/* harmony import */ var _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("nOWK");
+/* harmony import */ var _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__);
+
+
+var symbol = new _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default.a({
+ "id": "coin-water_56e82399dff900044d25683286ace0c9",
+ "use": "coin-water_56e82399dff900044d25683286ace0c9-usage",
+ "viewBox": "0 0 32 33",
+ "content": "<symbol viewBox=\"0 0 32 33\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" id=\"coin-water_56e82399dff900044d25683286ace0c9\">\n <rect y=\"0.25\" width=\"32\" height=\"32\" rx=\"8\" fill=\"#3D516D\" />\n <path d=\"M9.786 15.042H11.249C11.4177 14.1473 11.6853 13.3407 12.052 12.622C12.4187 11.896 12.866 11.28 13.394 10.774C13.922 10.268 14.5197 9.87933 15.187 9.608C15.8543 9.32933 16.5803 9.19 17.365 9.19C18.3843 9.19 19.257 9.388 19.983 9.784C20.709 10.1727 21.3177 10.7007 21.809 11.368L20.852 12.402C20.7787 12.4827 20.7017 12.556 20.621 12.622C20.5403 12.6807 20.4267 12.71 20.28 12.71C20.1773 12.71 20.082 12.6807 19.994 12.622C19.9133 12.5633 19.8217 12.49 19.719 12.402C19.6163 12.314 19.5027 12.2187 19.378 12.116C19.2533 12.0133 19.103 11.918 18.927 11.83C18.7583 11.742 18.5567 11.6687 18.322 11.61C18.0873 11.5513 17.8087 11.522 17.486 11.522C16.6207 11.522 15.891 11.819 15.297 12.413C14.703 13.007 14.2887 13.8833 14.054 15.042H19.576V15.878C19.576 16.0467 19.5063 16.2043 19.367 16.351C19.235 16.4903 19.0517 16.56 18.817 16.56H13.867C13.8597 16.6847 13.856 16.8093 13.856 16.934C13.856 17.0513 13.856 17.1723 13.856 17.297C13.856 17.385 13.856 17.473 13.856 17.561C13.856 17.649 13.8597 17.7333 13.867 17.814H18.531V18.639C18.531 18.8077 18.4613 18.9653 18.322 19.112C18.1827 19.2513 17.9993 19.321 17.772 19.321H13.999C14.2043 20.5823 14.5967 21.5247 15.176 22.148C15.7627 22.764 16.4887 23.072 17.354 23.072C17.882 23.072 18.3037 23.0023 18.619 22.863C18.9417 22.7163 19.202 22.555 19.4 22.379C19.6053 22.203 19.774 22.0453 19.906 21.906C20.0453 21.7593 20.1957 21.686 20.357 21.686C20.4377 21.686 20.5073 21.7007 20.566 21.73C20.6247 21.752 20.687 21.7997 20.753 21.873L21.93 22.951C21.4167 23.743 20.764 24.3517 19.972 24.777C19.18 25.195 18.2597 25.404 17.211 25.404C16.3457 25.404 15.5683 25.261 14.879 24.975C14.197 24.6817 13.603 24.271 13.097 23.743C12.591 23.215 12.1767 22.577 11.854 21.829C11.5387 21.081 11.315 20.245 11.183 19.321H9.786V17.814H11.062C11.0547 17.7333 11.051 17.649 11.051 17.561C11.051 17.473 11.051 17.385 11.051 17.297C11.051 17.1723 11.051 17.0513 11.051 16.934C11.051 16.8093 11.0547 16.6847 11.062 16.56H9.786V15.042Z\" fill=\"#61B4FF\" />\n</symbol>"
+});
+var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default.a.add(symbol);
+/* harmony default export */ __webpack_exports__["default"] = (symbol);
+
+/***/ }),
+
/***/ "KEkN":
/***/ (function(module, exports, __webpack_require__) {
@@ -2109,7 +2197,7 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
exports = module.exports = __webpack_require__("DjJv")(false);
// Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.consumption-details-root {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n box-sizing: border-box;\n padding: 0 1rem;\n margin-bottom: 1rem;\n}\n.consumption-details-root .consumption-details-content {\n max-width: 45.75rem;\n width: 100%;\n background-color: #23252d;\n border: 1px solid #2f3139;\n padding: 16px;\n border-radius: 4px;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n\n.details-container {\n margin-top: 1rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.icon-line {\n display: flex;\n align-items: baseline;\n gap: 12px;\n}\n.icon-line svg {\n transform: translate(0px, 4px);\n}\n.icon-line .euro-value {\n color: white;\n font-size: 2rem;\n font-weight: 900;\n}\n.icon-line .euro-symbol {\n color: #e0e0e0;\n}", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.consumption-details-root {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n box-sizing: border-box;\n padding: 0 1rem;\n margin-bottom: 1rem;\n}\n.consumption-details-root .consumption-details-content {\n max-width: 45.75rem;\n width: 100%;\n background-color: #23252d;\n border: 1px solid #2f3139;\n box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);\n padding: 16px;\n border-radius: 4px;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n\n.details-container {\n margin-top: 1rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.icon-line {\n display: flex;\n align-items: baseline;\n gap: 12px;\n}\n.icon-line svg {\n transform: translate(0px, 4px);\n}\n.icon-line .euro-value {\n color: white;\n font-size: 2rem;\n font-weight: 900;\n}\n.icon-line .euro-symbol {\n color: #e0e0e0;\n}", ""]);
@@ -2299,7 +2387,14 @@ exports.ChartCompare = void 0;
var _regenerator = _interopRequireDefault(__webpack_require__("hJxD"));
var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__("HZZ/"));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__("XkwL"));
+var _defineProperty2 = _interopRequireDefault(__webpack_require__("J58c"));
+var _coinElec = _interopRequireDefault(__webpack_require__("/yV3"));
+var _coinGas = _interopRequireDefault(__webpack_require__("GZ4Y"));
+var _coinWater = _interopRequireDefault(__webpack_require__("J84D"));
var _coin = _interopRequireDefault(__webpack_require__("cMox"));
+var _compareElec = _interopRequireDefault(__webpack_require__("Hb+j"));
+var _compareGas = _interopRequireDefault(__webpack_require__("quqG"));
+var _compareWater = _interopRequireDefault(__webpack_require__("k8Be"));
var _compare = _interopRequireDefault(__webpack_require__("tFbn"));
var _legendComparison = _interopRequireDefault(__webpack_require__("KNmi"));
var _StyledIcon = _interopRequireDefault(__webpack_require__("VP3k"));
@@ -2315,10 +2410,35 @@ var _hooks = __webpack_require__("6FOS");
var _date = __webpack_require__("0bnf");
var _utils = __webpack_require__("RgLR");
__webpack_require__("/wp5");
+var _fluidMapIcons; // import LegendComparisonPreviousIcon from 'assets/icons/ico/legendComparisonPrevious.svg'
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; }
-// import LegendComparisonPreviousIcon from 'assets/icons/ico/legendComparisonPrevious.svg'
-
+var fluidIcons = [{
+ compare: _compare.default,
+ coin: _coin.default
+}, {
+ compare: _compareElec.default,
+ coin: _coinElec.default
+}, {
+ compare: _compareWater.default,
+ coin: _coinWater.default
+}, {
+ compare: _compareGas.default,
+ coin: _coinGas.default
+}];
+var fluidMapIcons = (_fluidMapIcons = {}, (0, _defineProperty2.default)(_fluidMapIcons, _enums.FluidType.ELECTRICITY, {
+ compare: _compareElec.default,
+ coin: _coinElec.default
+}), (0, _defineProperty2.default)(_fluidMapIcons, _enums.FluidType.WATER, {
+ compare: _compareWater.default,
+ coin: _coinWater.default
+}), (0, _defineProperty2.default)(_fluidMapIcons, _enums.FluidType.GAS, {
+ compare: _compareGas.default,
+ coin: _coinGas.default
+}), (0, _defineProperty2.default)(_fluidMapIcons, _enums.FluidType.MULTIFLUID, {
+ compare: _compare.default,
+ coin: _coin.default
+}), _fluidMapIcons);
var ChartCompare = function ChartCompare(_ref) {
var fluidType = _ref.fluidType;
var _useI18n = (0, _I18n.useI18n)(),
@@ -2446,18 +2566,18 @@ var ChartCompare = function ChartCompare(_ref) {
icon: _legendComparison.default,
className: "".concat(fluidName, " compare")
}), /*#__PURE__*/_react.default.createElement("span", {
- className: "".concat(fluidName, " compare")
+ className: "".concat(fluidName, " text-14 compare")
}, t("timestep.".concat(lowercaseTimeStep, ".last")))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_StyledIcon.default, {
icon: _legendComparison.default,
className: fluidName
}), /*#__PURE__*/_react.default.createElement("span", {
- className: fluidName
+ className: "".concat(fluidName, " text-14")
}, t("timestep.".concat(lowercaseTimeStep, ".current"))))), /*#__PURE__*/_react.default.createElement("div", null, (0, _date.convertDateToShortDateString)(currentDatachart.actualData, currentTimeStep)), /*#__PURE__*/_react.default.createElement("div", {
className: "compareDetails"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "bloc"
}, /*#__PURE__*/_react.default.createElement(_StyledIcon.default, {
- icon: _compare.default,
+ icon: fluidMapIcons[fluidType].compare,
size: 36
}), /*#__PURE__*/_react.default.createElement("span", {
className: "text-24-bold price"
@@ -2469,7 +2589,7 @@ var ChartCompare = function ChartCompare(_ref) {
className: "bloc"
}, /*#__PURE__*/_react.default.createElement(_StyledIcon.default, {
className: "pile-icon",
- icon: _coin.default,
+ icon: fluidMapIcons[fluidType].coin,
size: 32
}), /*#__PURE__*/_react.default.createElement("span", {
className: "text-24-bold price"
@@ -4176,7 +4296,7 @@ exports.default = _default;
exports = module.exports = __webpack_require__("DjJv")(false);
// Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.halfHour {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n padding: 2rem 1rem;\n margin-top: 16px;\n background-color: #23252d;\n border: 1px solid #2f3139;\n border-radius: 4px;\n height: 25.5rem;\n}\n@media only screen and (max-width : 768px) {\n .halfHour {\n height: 17.5rem;\n }\n}\n.halfHour h2 {\n color: #d87b39;\n margin: 0;\n}\n.halfHour h2.halfHourFailure {\n color: #ffffff;\n margin-bottom: 0;\n}\n.halfHour p {\n color: #e0e0e0;\n margin: 0;\n}", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.halfHour {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n padding: 2rem 1rem;\n margin-top: 16px;\n background-color: #23252d;\n border: 1px solid #2f3139;\n box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);\n border-radius: 4px;\n height: 25.5rem;\n}\n@media only screen and (max-width : 768px) {\n .halfHour {\n height: 17.5rem;\n }\n}\n.halfHour h2 {\n color: #d87b39;\n margin: 0;\n}\n.halfHour h2.halfHourFailure {\n color: #ffffff;\n margin-bottom: 0;\n}\n.halfHour p {\n color: #e0e0e0;\n margin: 0;\n}", ""]);
@@ -4213,7 +4333,7 @@ if(false) {}
exports = module.exports = __webpack_require__("DjJv")(false);
// Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.dataloadvisualizer-root {\n min-height: 5.719rem;\n display: flex;\n align-items: center;\n}\n\n.dataloadvisualizer-content {\n display: flex;\n flex-direction: row;\n align-items: center;\n color: #e0e0e0;\n}\n.dataloadvisualizer-content.error {\n cursor: pointer;\n color: #d25959;\n font-weight: bold;\n text-decoration: underline;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .no-data-text {\n cursor: pointer;\n color: #e0e0e0;\n border-bottom: solid 1px #e0e0e0;\n margin-top: 1rem;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section.dataloadvisualizer-section-left {\n align-items: flex-end;\n padding: 0.5rem 0.5rem;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section.dataloadvisualizer-section-left-novalue {\n align-items: flex-start;\n padding: 0.5rem 0.5rem 0.5rem 0;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section.dataloadvisualizer-section-right {\n align-items: flex-start;\n padding: 0.5rem 0.5rem;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .dataloadvisualizer-value {\n display: flex;\n gap: 0.4rem;\n align-items: center;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .upper {\n font-weight: bold;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .upper:first-letter {\n text-transform: uppercase;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .electricity {\n color: #d87b39;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .electricity-compare {\n color: #e2bca1;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .water {\n color: #3a98ec;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .water-compare {\n color: #abd4fa;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .gas {\n color: #45d1b8;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .gas-compare {\n color: #a8f7e9;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .multifluid {\n color: #ffffff;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .multifluid-compare-color {\n color: #deaf0e;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .multifluid-compare {\n color: #ffd597;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .error {\n color: #d25959;\n}\n\n.dataloadvisualizer-euro {\n display: flex;\n flex-direction: row;\n min-height: 2rem;\n align-items: center;\n gap: 16px;\n}\n.dataloadvisualizer-euro .dataloadvisualizer-euro-link {\n text-decoration: none;\n color: transparent;\n}\n.dataloadvisualizer-euro .dataloadvisualizer-euro-fluid {\n padding-right: 4px;\n border-radius: 4px;\n display: flex;\n gap: 4px;\n font-weight: 700;\n}\n.dataloadvisualizer-euro .electricity {\n color: #d87b39;\n background-color: #544232;\n}\n.dataloadvisualizer-euro .electricity-compare {\n color: #e2bca1;\n}\n.dataloadvisualizer-euro .water {\n color: #3a98ec;\n background-color: #3d516d;\n}\n.dataloadvisualizer-euro .water-compare {\n color: #abd4fa;\n}\n.dataloadvisualizer-euro .gas {\n color: #45d1b8;\n background-color: #2f4f43;\n}\n.dataloadvisualizer-euro .gas-compare {\n color: #a8f7e9;\n}\n.dataloadvisualizer-euro .multifluid {\n color: #ffffff;\n}\n.dataloadvisualizer-euro .multifluid-compare {\n color: #ffd597;\n}\n.dataloadvisualizer-euro .error {\n color: #d25959;\n}", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.dataloadvisualizer-root {\n min-height: 5.719rem;\n display: flex;\n align-items: center;\n}\n\n.dataloadvisualizer-content {\n display: flex;\n flex-direction: row;\n align-items: center;\n color: #e0e0e0;\n}\n.dataloadvisualizer-content.error {\n cursor: pointer;\n color: #d25959;\n font-weight: bold;\n text-decoration: underline;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .no-data-text {\n cursor: pointer;\n color: #e0e0e0;\n border-bottom: solid 1px #e0e0e0;\n margin-top: 1rem;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section.dataloadvisualizer-section-left {\n align-items: flex-end;\n padding: 0.5rem 0.5rem;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section.dataloadvisualizer-section-left-novalue {\n align-items: flex-start;\n padding: 0.5rem 0.5rem 0.5rem 0;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section.dataloadvisualizer-section-right {\n align-items: flex-start;\n padding: 0.5rem 0.5rem;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .dataloadvisualizer-value {\n display: flex;\n gap: 0.4rem;\n align-items: center;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .upper {\n font-weight: bold;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .upper:first-letter {\n text-transform: uppercase;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .electricity {\n color: #d87b39;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .electricity-compare {\n color: #e2bca1;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .water {\n color: #3a98ec;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .water-compare {\n color: #abd4fa;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .gas {\n color: #45d1b8;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .gas-compare {\n color: #a8f7e9;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .multifluid {\n color: #ffffff;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .multifluid-compare-color {\n color: #deaf0e;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .multifluid-compare {\n color: #ffd597;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .error {\n color: #d25959;\n}\n\n.dataloadvisualizer-euro {\n display: flex;\n flex-direction: row;\n min-height: 2rem;\n align-items: center;\n gap: 16px;\n}\n.dataloadvisualizer-euro .dataloadvisualizer-euro-link {\n text-decoration: none;\n color: transparent;\n}\n.dataloadvisualizer-euro .dataloadvisualizer-euro-fluid {\n padding-right: 4px;\n border-radius: 4px;\n display: flex;\n gap: 4px;\n font-weight: 700;\n}\n.dataloadvisualizer-euro .dataloadvisualizer-euro-fluid span {\n line-height: 22px;\n}\n.dataloadvisualizer-euro .electricity {\n color: #d87b39;\n background-color: #544232;\n}\n.dataloadvisualizer-euro .electricity-compare {\n color: #e2bca1;\n}\n.dataloadvisualizer-euro .water {\n color: #3a98ec;\n background-color: #3d516d;\n}\n.dataloadvisualizer-euro .water-compare {\n color: #abd4fa;\n}\n.dataloadvisualizer-euro .gas {\n color: #45d1b8;\n background-color: #2f4f43;\n}\n.dataloadvisualizer-euro .gas-compare {\n color: #a8f7e9;\n}\n.dataloadvisualizer-euro .multifluid {\n color: #ffffff;\n}\n.dataloadvisualizer-euro .multifluid-compare {\n color: #ffd597;\n}\n.dataloadvisualizer-euro .error {\n color: #d25959;\n}", ""]);
@@ -4383,6 +4503,28 @@ exports.default = _default;
/***/ }),
+/***/ "k8Be":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("lomp");
+/* harmony import */ var _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("nOWK");
+/* harmony import */ var _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__);
+
+
+var symbol = new _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default.a({
+ "id": "compare-water_6f872a2db0abb81a8d1807a557fe1630",
+ "use": "compare-water_6f872a2db0abb81a8d1807a557fe1630-usage",
+ "viewBox": "0 0 32 33",
+ "content": "<symbol viewBox=\"0 0 32 33\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" id=\"compare-water_6f872a2db0abb81a8d1807a557fe1630\">\n <rect y=\"0.25\" width=\"32\" height=\"32\" rx=\"8\" fill=\"#3D516D\" />\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.9375 9.375C16.9375 9.12636 16.8387 8.8879 16.6629 8.71209C16.4871 8.53627 16.2487 8.4375 16 8.4375C15.7514 8.4375 15.5129 8.53627 15.3371 8.71209C15.1613 8.8879 15.0625 9.12636 15.0625 9.375V10.01C13.1255 10.0549 11.194 10.2361 9.28251 10.5525C9.03719 10.5933 8.81811 10.7298 8.67347 10.9321C8.52883 11.1344 8.47049 11.3859 8.51126 11.6312C8.55204 11.8766 8.6886 12.0957 8.89091 12.2403C9.09321 12.3849 9.34469 12.4433 9.59001 12.4025L9.75251 12.3763L8.26751 18.3138C8.21972 18.5057 8.23389 18.7079 8.30798 18.8913C8.38207 19.0748 8.5123 19.2301 8.68001 19.335C9.3757 19.7698 10.1796 20.0002 11 20C11.8204 20.0002 12.6243 19.7698 13.32 19.335C13.488 19.23 13.6184 19.0745 13.6925 18.8908C13.7666 18.7071 13.7806 18.5047 13.7325 18.3125L12.17 12.0625C13.1316 11.9677 14.0965 11.9089 15.0625 11.8862V21.265C13.9592 21.3 12.8729 21.3942 11.8038 21.5475C11.5576 21.5828 11.3356 21.7145 11.1865 21.9135C11.0374 22.1125 10.9735 22.3626 11.0088 22.6087C11.0441 22.8549 11.1757 23.077 11.3747 23.226C11.5738 23.3751 11.8239 23.4391 12.07 23.4037C14.6767 23.0308 17.3233 23.0308 19.93 23.4037C20.0519 23.4212 20.176 23.4145 20.2953 23.384C20.4146 23.3536 20.5267 23.2999 20.6253 23.226C20.7238 23.1522 20.8069 23.0597 20.8697 22.9538C20.9325 22.8479 20.9738 22.7306 20.9913 22.6087C21.0087 22.4869 21.0021 22.3627 20.9716 22.2434C20.9411 22.1241 20.8874 22.012 20.8136 21.9135C20.7397 21.8149 20.6472 21.7319 20.5413 21.6691C20.4354 21.6063 20.3181 21.565 20.1963 21.5475C19.116 21.3941 18.0281 21.2998 16.9375 21.265V11.8862C17.9108 11.9096 18.875 11.9679 19.83 12.0613L18.2675 18.3125C18.2193 18.5045 18.2331 18.7069 18.307 18.8906C18.3809 19.0742 18.511 19.2298 18.6788 19.335C19.3745 19.7698 20.1784 20.0002 20.9988 20C21.8191 20.0002 22.6231 19.7698 23.3188 19.335C23.4867 19.23 23.6171 19.0745 23.6912 18.8908C23.7653 18.7071 23.7793 18.5047 23.7313 18.3125L22.2463 12.375L22.4088 12.4025C22.6541 12.4434 22.9056 12.3853 23.1081 12.2407C23.3105 12.0962 23.4472 11.8772 23.4881 11.6319C23.5291 11.3865 23.4709 11.135 23.3264 10.9326C23.1819 10.7302 22.9628 10.5934 22.7175 10.5525C20.806 10.2361 18.8745 10.0549 16.9375 10.01V9.375ZM10.275 18.0188C10.7477 18.162 11.2523 18.162 11.725 18.0188L11 15.115L10.275 18.0188ZM21 18.125C20.7536 18.1256 20.5085 18.0898 20.2725 18.0188L21 15.115L21.725 18.0188C21.4899 18.0896 21.2456 18.1254 21 18.125Z\" fill=\"#9EC4E6\" />\n</symbol>"
+});
+var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default.a.add(symbol);
+/* harmony default export */ __webpack_exports__["default"] = (symbol);
+
+/***/ }),
+
/***/ "k8St":
/***/ (function(module, exports, __webpack_require__) {
@@ -5401,12 +5543,34 @@ exports.default = _default;
/***/ }),
+/***/ "quqG":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("lomp");
+/* harmony import */ var _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("nOWK");
+/* harmony import */ var _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__);
+
+
+var symbol = new _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default.a({
+ "id": "compare-gas_a9b6f51605cd06c286a132423db339c5",
+ "use": "compare-gas_a9b6f51605cd06c286a132423db339c5-usage",
+ "viewBox": "0 0 32 33",
+ "content": "<symbol viewBox=\"0 0 32 33\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" id=\"compare-gas_a9b6f51605cd06c286a132423db339c5\">\n <rect y=\"0.25\" width=\"32\" height=\"32\" rx=\"8\" fill=\"#2F4F43\" />\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.9375 9.375C16.9375 9.12636 16.8387 8.8879 16.6629 8.71209C16.4871 8.53627 16.2487 8.4375 16 8.4375C15.7514 8.4375 15.5129 8.53627 15.3371 8.71209C15.1613 8.8879 15.0625 9.12636 15.0625 9.375V10.01C13.1255 10.0549 11.194 10.2361 9.28251 10.5525C9.03719 10.5933 8.81811 10.7298 8.67347 10.9321C8.52883 11.1344 8.47049 11.3859 8.51126 11.6312C8.55204 11.8766 8.6886 12.0957 8.89091 12.2403C9.09321 12.3849 9.34469 12.4433 9.59001 12.4025L9.75251 12.3763L8.26751 18.3138C8.21972 18.5057 8.23389 18.7079 8.30798 18.8913C8.38207 19.0748 8.5123 19.2301 8.68001 19.335C9.3757 19.7698 10.1796 20.0002 11 20C11.8204 20.0002 12.6243 19.7698 13.32 19.335C13.488 19.23 13.6184 19.0745 13.6925 18.8908C13.7666 18.7071 13.7806 18.5047 13.7325 18.3125L12.17 12.0625C13.1316 11.9677 14.0965 11.9089 15.0625 11.8862V21.265C13.9592 21.3 12.8729 21.3942 11.8038 21.5475C11.5576 21.5828 11.3356 21.7145 11.1865 21.9135C11.0374 22.1125 10.9735 22.3626 11.0088 22.6087C11.0441 22.8549 11.1757 23.077 11.3747 23.226C11.5738 23.3751 11.8239 23.4391 12.07 23.4037C14.6767 23.0308 17.3233 23.0308 19.93 23.4037C20.0519 23.4212 20.176 23.4145 20.2953 23.384C20.4146 23.3536 20.5267 23.2999 20.6253 23.226C20.7238 23.1522 20.8069 23.0597 20.8697 22.9538C20.9325 22.8479 20.9738 22.7306 20.9913 22.6087C21.0087 22.4869 21.0021 22.3627 20.9716 22.2434C20.9411 22.1241 20.8874 22.012 20.8136 21.9135C20.7397 21.8149 20.6472 21.7319 20.5413 21.6691C20.4354 21.6063 20.3181 21.565 20.1963 21.5475C19.116 21.3941 18.0281 21.2998 16.9375 21.265V11.8862C17.9108 11.9096 18.875 11.9679 19.83 12.0613L18.2675 18.3125C18.2193 18.5045 18.2331 18.7069 18.307 18.8906C18.3809 19.0742 18.511 19.2298 18.6788 19.335C19.3745 19.7698 20.1784 20.0002 20.9988 20C21.8191 20.0002 22.6231 19.7698 23.3188 19.335C23.4867 19.23 23.6171 19.0745 23.6912 18.8908C23.7653 18.7071 23.7793 18.5047 23.7313 18.3125L22.2463 12.375L22.4088 12.4025C22.6541 12.4434 22.9056 12.3853 23.1081 12.2407C23.3105 12.0962 23.4472 11.8772 23.4881 11.6319C23.5291 11.3865 23.4709 11.135 23.3264 10.9326C23.1819 10.7302 22.9628 10.5934 22.7175 10.5525C20.806 10.2361 18.8745 10.0549 16.9375 10.01V9.375ZM10.275 18.0188C10.7477 18.162 11.2523 18.162 11.725 18.0188L11 15.115L10.275 18.0188ZM21 18.125C20.7536 18.1256 20.5085 18.0898 20.2725 18.0188L21 15.115L21.725 18.0188C21.4899 18.0896 21.2456 18.1254 21 18.125Z\" fill=\"#B3F2E7\" />\n</symbol>"
+});
+var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default.a.add(symbol);
+/* harmony default export */ __webpack_exports__["default"] = (symbol);
+
+/***/ }),
+
/***/ "s5m9":
/***/ (function(module, exports, __webpack_require__) {
exports = module.exports = __webpack_require__("DjJv")(false);
// Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.chartCompareContainer {\n padding-inline: 1rem;\n margin-bottom: 1rem;\n}\n\n.chartCompare {\n width: 100%;\n background-color: #23252d;\n border: 1px solid #2f3139;\n padding: 16px;\n border-radius: 4px;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n margin: auto;\n padding-top: 1rem;\n max-width: 45.75rem;\n}\n\n.compareDetails {\n position: relative;\n border: 1px solid #2f3139;\n border-radius: 4px;\n padding: 8px;\n width: 100%;\n display: flex;\n box-sizing: border-box;\n flex-direction: row;\n justify-content: center;\n gap: 12px;\n}\n.compareDetails .bloc {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n gap: 12px;\n}\n.compareDetails .verticalLine {\n content: \"\";\n width: 0;\n height: 80%;\n position: absolute;\n border: 1px solid #2f3139;\n}\n\n.compareLegend {\n display: flex;\n gap: 1rem;\n font-weight: 700;\n max-width: 45.75rem;\n margin: auto;\n}\n.compareLegend .electricity {\n color: #d87b39;\n}\n.compareLegend .electricity.compare {\n color: #e2bca1;\n}\n.compareLegend .gas {\n color: #45d1b8;\n}\n.compareLegend .gas.compare {\n color: #a8f7e9;\n}\n.compareLegend .water {\n color: #3a98ec;\n}\n.compareLegend .water.compare {\n color: #abd4fa;\n}\n.compareLegend .multifluid {\n color: #e3b82a;\n}\n.compareLegend .multifluid.compare {\n color: #ffd597;\n}\n.compareLegend div {\n display: flex;\n gap: 0.5rem;\n align-items: center;\n}", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.chartCompareContainer {\n padding-inline: 1rem;\n margin-bottom: 1rem;\n}\n\n.chartCompare {\n width: 100%;\n background-color: #23252d;\n border: 1px solid #2f3139;\n box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);\n padding: 16px;\n border-radius: 4px;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n margin: auto;\n padding-top: 1rem;\n max-width: 45.75rem;\n}\n\n.compareDetails {\n position: relative;\n border: 1px solid #2f3139;\n border-radius: 4px;\n padding: 8px;\n width: 100%;\n display: flex;\n box-sizing: border-box;\n flex-direction: row;\n justify-content: center;\n gap: 12px;\n}\n.compareDetails .bloc {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n gap: 12px;\n}\n.compareDetails .bloc .date {\n text-align: center;\n}\n.compareDetails .verticalLine {\n content: \"\";\n width: 0;\n height: 80%;\n position: absolute;\n border: 1px solid #2f3139;\n}\n\n.compareLegend {\n display: flex;\n gap: 1rem;\n font-weight: 700;\n max-width: 45.75rem;\n margin: auto;\n}\n.compareLegend .electricity {\n color: #d87b39;\n}\n.compareLegend .electricity.compare {\n color: #e2bca1;\n}\n.compareLegend .gas {\n color: #45d1b8;\n}\n.compareLegend .gas.compare {\n color: #a8f7e9;\n}\n.compareLegend .water {\n color: #3a98ec;\n}\n.compareLegend .water.compare {\n color: #abd4fa;\n}\n.compareLegend .multifluid {\n color: #e3b82a;\n}\n.compareLegend .multifluid.compare {\n color: #ffd597;\n}\n.compareLegend div {\n display: flex;\n gap: 0.5rem;\n align-items: center;\n}", ""]);
diff --git a/6/ecolyo.6c678ebfdcd1977c2eef.js b/6/ecolyo.8d4ad46e24f92a1d4707.js
similarity index 96%
rename from 6/ecolyo.6c678ebfdcd1977c2eef.js
rename to 6/ecolyo.8d4ad46e24f92a1d4707.js
index e074ab9c4debfacd5a399e66b8dc90f70f2c5447..99236e06b9bd94de023e745df7f6539a58755f9c 100644
--- a/6/ecolyo.6c678ebfdcd1977c2eef.js
+++ b/6/ecolyo.8d4ad46e24f92a1d4707.js
@@ -311,7 +311,7 @@ exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE
exports = module.exports = __webpack_require__("DjJv")(false);
// Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.ecogesture-spinner {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n min-height: inherit;\n}\n@media all and (min-width: 1023px) {\n .ecogesture-spinner {\n min-height: 80vh;\n }\n}\n\n.tabContainer {\n padding-inline: 16px;\n padding-top: 16px;\n display: flex;\n justify-content: center;\n width: 100%;\n max-width: 53rem;\n margin-inline: auto;\n}\n.tabContainer button {\n height: auto;\n}", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.ecogesture-spinner {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n min-height: inherit;\n}\n@media all and (min-width: 1023px) {\n .ecogesture-spinner {\n min-height: 80vh;\n }\n}\n\n.tabContainer {\n padding-inline: 16px;\n padding-top: 16px;\n display: flex;\n justify-content: center;\n width: 100%;\n max-width: 53rem;\n box-sizing: border-box;\n margin-inline: auto;\n}\n.tabContainer button {\n height: auto;\n}", ""]);
@@ -348,7 +348,7 @@ if(false) {}
exports = module.exports = __webpack_require__("DjJv")(false);
// Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.ecogesture-root {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 1rem 1.5rem 2.5rem 1.5rem;\n gap: 1rem;\n}\n.ecogesture-root .efficiency-button-content {\n max-width: 53rem;\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n.ecogesture-root .efficiency-button-content .selection {\n display: flex;\n align-items: center;\n flex-direction: column;\n gap: 1rem;\n color: white;\n text-align: center;\n}\n.ecogesture-root .efficiency-button-content .btnFilter {\n max-width: 13rem;\n justify-content: flex-start;\n}\n.ecogesture-root .efficiency-button-content .btnFilter span {\n padding-left: 0.5rem;\n}\n.ecogesture-root .efficiency-button-content .btnFilter span.opened {\n color: #e3b82a;\n}\n.ecogesture-root .ecogesture-content {\n display: flex;\n flex-wrap: wrap;\n max-width: 53rem;\n animation: appear 600ms ease;\n width: 100%;\n gap: 10px;\n}\n@keyframes appear {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n.ecogesture-root .ecogesture-content .ecogesture-content-loading {\n height: 80vh;\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n color: #e0e0e0;\n}\n.ecogesture-root .ecogesture-content .ecogesture-list-item {\n box-sizing: border-box;\n border: 1px solid #2f3139;\n height: 8rem;\n animation: appear 600ms ease;\n display: flex;\n flex: 1 0 calc(50% - 10px);\n max-width: calc(50% - 5px);\n}\n.ecogesture-root .ecogesture-content .ecogesture-list-item > button {\n height: 100%;\n overflow: hidden;\n animation: appear 600ms ease;\n}\n.ecogesture-root .ec-filter-error {\n color: #e0e0e0;\n text-align: center;\n margin-top: 2rem;\n}\n.ecogesture-root .ec-filter-error div:first-child {\n margin-bottom: 1rem;\n}\n\ndiv.filter-menu {\n margin-top: 3.5rem;\n margin-left: -0.5rem;\n color: white;\n background: linear-gradient(0deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.09)), linear-gradient(180deg, #323339 0%, #25262b 100%);\n border: 1px solid #a0a0a0;\n box-sizing: border-box;\n box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n border-radius: 4px;\n z-index: 3;\n width: 220px;\n padding: 0.5rem 0rem;\n font-size: 0.875rem;\n left: 0;\n transition: all 300ms ease;\n}\ndiv.filter-menu.opened {\n display: block;\n}\ndiv.filter-menu .filter {\n padding: 0 1rem;\n}\ndiv.filter-menu .filter.filter-active {\n background: rgba(160, 160, 160, 0.2);\n}\n\n.filter-menu-list li {\n color: #ffffff;\n text-transform: initial;\n font-family: Lato, sans-serif;\n}\n.filter-menu-list li.item-active {\n font-weight: 700;\n}\n.filter-menu-list li:focus-visible {\n outline: 2px solid #1b8bff;\n outline-offset: 2px;\n}\n\n.filter-menu-icon {\n margin-left: auto;\n min-width: 0;\n}", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.ecogesture-root {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 1rem 1.5rem 2.5rem 1.5rem;\n gap: 1rem;\n}\n.ecogesture-root .efficiency-button-content {\n max-width: 53rem;\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n.ecogesture-root .efficiency-button-content .selection {\n display: flex;\n align-items: center;\n flex-direction: column;\n gap: 1rem;\n color: white;\n text-align: center;\n}\n.ecogesture-root .efficiency-button-content .btnFilter {\n max-width: 13rem;\n justify-content: flex-start;\n}\n.ecogesture-root .efficiency-button-content .btnFilter span {\n padding-left: 0.5rem;\n}\n.ecogesture-root .efficiency-button-content .btnFilter span.opened {\n color: #e3b82a;\n}\n.ecogesture-root .ecogesture-content {\n display: flex;\n flex-wrap: wrap;\n max-width: 53rem;\n animation: appear 600ms ease;\n width: 100%;\n gap: 10px;\n}\n@keyframes appear {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n.ecogesture-root .ecogesture-content .ecogesture-content-loading {\n height: 80vh;\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n color: #e0e0e0;\n}\n.ecogesture-root .ecogesture-content .ecogesture-list-item {\n height: 8rem;\n animation: appear 600ms ease;\n display: flex;\n flex: 1 0 calc(50% - 10px);\n max-width: calc(50% - 5px);\n}\n.ecogesture-root .ecogesture-content .ecogesture-list-item > button {\n height: 100%;\n overflow: hidden;\n animation: appear 600ms ease;\n}\n.ecogesture-root .ec-filter-error {\n color: #e0e0e0;\n text-align: center;\n margin-top: 2rem;\n}\n.ecogesture-root .ec-filter-error div:first-child {\n margin-bottom: 1rem;\n}\n\ndiv.filter-menu {\n margin-top: 3.5rem;\n margin-left: -0.5rem;\n color: white;\n background: linear-gradient(0deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.09)), linear-gradient(180deg, #323339 0%, #25262b 100%);\n border: 1px solid #a0a0a0;\n box-sizing: border-box;\n box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n border-radius: 4px;\n z-index: 3;\n width: 220px;\n padding: 0.5rem 0rem;\n font-size: 0.875rem;\n left: 0;\n transition: all 300ms ease;\n}\ndiv.filter-menu.opened {\n display: block;\n}\ndiv.filter-menu .filter {\n padding: 0 1rem;\n}\ndiv.filter-menu .filter.filter-active {\n background: rgba(160, 160, 160, 0.2);\n}\n\n.filter-menu-list li {\n color: #ffffff;\n text-transform: initial;\n font-family: Lato, sans-serif;\n}\n.filter-menu-list li.item-active {\n font-weight: 700;\n}\n.filter-menu-list li:focus-visible {\n outline: 2px solid #1b8bff;\n outline-offset: 2px;\n}\n\n.filter-menu-icon {\n margin-left: auto;\n min-width: 0;\n}", ""]);
@@ -697,6 +697,8 @@ var _excluded = ["children"];
var CardBase = (0, _styles.withStyles)({
root: {
background: 'var(--grey-1)',
+ border: '1px solid var(--grey-2)',
+ boxShadow: '0px 4px 16px 0px rgba(0, 0, 0, 0.12)',
boxSizing: 'border-box',
borderRadius: '4px',
padding: '0.5rem 1rem',
@@ -795,7 +797,8 @@ var EcogestureCard = function EcogestureCard(_ref) {
}), /*#__PURE__*/_react.default.createElement("div", {
className: "text-15-bold"
}, ecogesture.shortName), /*#__PURE__*/_react.default.createElement(_EfficiencyRating.default, {
- result: Math.round(ecogesture.efficiency)
+ result: Math.round(ecogesture.efficiency),
+ iconSize: 24
})));
};
var _default = EcogestureCard;
diff --git a/7/ecolyo.362cf50fdfa08c7d117d.js b/7/ecolyo.d7d49b2b3a97f45b17ee.js
similarity index 96%
rename from 7/ecolyo.362cf50fdfa08c7d117d.js
rename to 7/ecolyo.d7d49b2b3a97f45b17ee.js
index c84fe73a7da4746f47b4a0b8a86e83361348e4b1..aef95e899f3206fe5afe27f156a56c2cefe0ca23 100644
--- a/7/ecolyo.362cf50fdfa08c7d117d.js
+++ b/7/ecolyo.d7d49b2b3a97f45b17ee.js
@@ -320,7 +320,7 @@ exports.default = _default;
exports = module.exports = __webpack_require__("DjJv")(false);
// Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.date-navigator {\n display: flex;\n flex-direction: row;\n justify-content: space-around;\n width: 100%;\n box-sizing: border-box;\n margin: auto;\n padding: 12px 16px;\n border-bottom: 1px solid #2f3139;\n}\n.date-navigator .date-navigator-button.disable {\n opacity: 0.3;\n}\n.date-navigator .date-navigator-format {\n display: flex;\n flex-direction: column;\n min-width: 7.81rem;\n text-align: center;\n align-items: center;\n align-self: center;\n}\n@media all and (max-width: 320px) {\n .date-navigator .date-navigator-format {\n min-width: 10.32rem;\n }\n}\n.date-navigator .date-navigator-format .date-navigator-format-date {\n color: #e0e0e0;\n}\n.date-navigator .date-navigator-format .date-navigator-format-date::first-letter {\n text-transform: uppercase;\n}\n.date-navigator .date-navigator-format .date-navigator-format-date.timeRange {\n white-space: normal;\n}", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.date-navigator {\n display: flex;\n flex-direction: row;\n justify-content: space-around;\n width: 100%;\n box-sizing: border-box;\n margin: auto;\n padding: 12px 16px;\n border-bottom: 1px solid #2f3139;\n box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);\n}\n.date-navigator .date-navigator-button.disable {\n opacity: 0.3;\n}\n.date-navigator .date-navigator-format {\n display: flex;\n flex-direction: column;\n min-width: 7.81rem;\n text-align: center;\n align-items: center;\n align-self: center;\n}\n@media all and (max-width: 320px) {\n .date-navigator .date-navigator-format {\n min-width: 10.32rem;\n }\n}\n.date-navigator .date-navigator-format .date-navigator-format-date {\n color: #e0e0e0;\n}\n.date-navigator .date-navigator-format .date-navigator-format-date::first-letter {\n text-transform: uppercase;\n}\n.date-navigator .date-navigator-format .date-navigator-format-date.timeRange {\n white-space: normal;\n}", ""]);
@@ -635,7 +635,7 @@ var DataloadSectionDetail = function DataloadSectionDetail(_ref) {
}, /*#__PURE__*/_react.default.createElement(_StyledIcon.default, {
icon: (0, _picto.getFluidIcon)(index),
size: 22
- }), /*#__PURE__*/_react.default.createElement("div", null, isValid && "".concat((0, _utils.formatNumberValues)(value.value), " \u20AC"), (isUpcoming || isComing) && t('consumption_visualizer.data_to_come'), (isEmpty || isHole) && t('consumption_visualizer.data_empty'), isMissing && t('consumption_visualizer.aie'))));
+ }), /*#__PURE__*/_react.default.createElement("span", null, isValid && "".concat((0, _utils.formatNumberValues)(value.value), " \u20AC"), (isUpcoming || isComing) && t('consumption_visualizer.data_to_come'), (isEmpty || isHole) && t('consumption_visualizer.data_empty'), isMissing && t('consumption_visualizer.aie'))));
}));
}
return /*#__PURE__*/_react.default.createElement("div", {
@@ -649,7 +649,7 @@ var DataloadSectionDetail = function DataloadSectionDetail(_ref) {
}, /*#__PURE__*/_react.default.createElement(_StyledIcon.default, {
icon: (0, _picto.getFluidIcon)(fluidType),
size: 22
- }), /*#__PURE__*/_react.default.createElement("div", null, "".concat((0, _utils.formatNumberValues)(converterService.LoadToEuro(dataload.value, fluidType, dataload.price ? dataload.price : null)), " \u20AC")))));
+ }), /*#__PURE__*/_react.default.createElement("span", null, "".concat((0, _utils.formatNumberValues)(converterService.LoadToEuro(dataload.value, fluidType, dataload.price ? dataload.price : null)), " \u20AC")))));
};
var _default = DataloadSectionDetail;
exports.default = _default;
@@ -678,6 +678,8 @@ var _excluded = ["fluidType", "children", "className"];
var CardBase = (0, _styles.withStyles)({
root: {
background: 'var(--grey-1)',
+ border: '1px solid var(--grey-2)',
+ boxShadow: '0px 4px 16px 0px rgba(0, 0, 0, 0.12)',
boxSizing: 'border-box',
borderRadius: '4px'
}
diff --git a/app/ecolyo.78a5b6e94a7decf40b75.js b/app/ecolyo.77902a081a257337a744.js
similarity index 99%
rename from app/ecolyo.78a5b6e94a7decf40b75.js
rename to app/ecolyo.77902a081a257337a744.js
index 01cfe064e07a88f9eb0e7e2bb99e5229cf1ffdc8..5e39c65ef234e6266ca3ff648ed06956cf9f5d90 100644
--- a/app/ecolyo.78a5b6e94a7decf40b75.js
+++ b/app/ecolyo.77902a081a257337a744.js
@@ -64,7 +64,7 @@
/******/
/******/ // script path function
/******/ function jsonpScriptSrc(chunkId) {
-/******/ return __webpack_require__.p + "" + ({}[chunkId]||chunkId) + "/ecolyo." + {"3":"02036156d248763b79ed","4":"7c489514c8a966e68600","5":"b6278d54be2a98e87017","6":"6c678ebfdcd1977c2eef","7":"362cf50fdfa08c7d117d","8":"24390ef4e6fcbba48a1a","9":"f45e19d3c34ba67e355b","10":"fe3625578fa387c11975","11":"346fcb0fa7b2e3565ad3"}[chunkId] + ".js"
+/******/ return __webpack_require__.p + "" + ({}[chunkId]||chunkId) + "/ecolyo." + {"3":"d319225da6e6e4d2ed3a","4":"add3bbc54f78547892bb","5":"9fb7a5e4f4daf4766031","6":"8d4ad46e24f92a1d4707","7":"d7d49b2b3a97f45b17ee","8":"24390ef4e6fcbba48a1a","9":"f45e19d3c34ba67e355b","10":"fe3625578fa387c11975","11":"346fcb0fa7b2e3565ad3"}[chunkId] + ".js"
/******/ }
/******/
/******/ // The require function
@@ -229,7 +229,7 @@
exports = module.exports = __webpack_require__("DjJv")(false);
// Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.profile-navigation {\n border-top: 1px solid #2f3139;\n background-color: #23252d;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 1.5rem;\n padding: 1rem;\n}\n@media (min-width: 1023px) {\n .profile-navigation {\n height: 3rem;\n }\n}\n.profile-navigation button {\n max-width: 12.5rem;\n}", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.profile-navigation {\n background-color: #23252d;\n border-top: 1px solid #2f3139;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 1.5rem;\n padding: 1rem;\n}\n@media (min-width: 1023px) {\n .profile-navigation {\n height: 3rem;\n }\n}\n.profile-navigation button {\n max-width: 12.5rem;\n}", ""]);
@@ -1150,13 +1150,13 @@ var convertDateToShortDateString = function convertDateToShortDateString(actualD
var date = actualData[0].date;
switch (timeStep) {
case _enums.TimeStep.HALF_AN_HOUR:
- return "Bilan du ".concat(date.setLocale('fr').toFormat('cccc dd LLLL'));
+ return "Comparaison du bilan du ".concat(date.setLocale('fr').toFormat('cccc dd LLLL'));
case _enums.TimeStep.DAY:
- return "Bilan ".concat((0, _utils.getMonthNameWithPrep)(date));
+ return "Comparaison du bilan ".concat((0, _utils.getMonthNameWithPrep)(date));
case _enums.TimeStep.WEEK:
- return "Bilan du ".concat(date.toFormat('dd/MM'), " au ").concat(actualData[actualData.length - 1].date.toFormat('dd/MM'));
+ return "Comparaison du bilan du ".concat(date.toFormat('dd/MM'), " au ").concat(actualData[actualData.length - 1].date.toFormat('dd/MM'));
case _enums.TimeStep.MONTH:
- return "Bilan de l\u2019ann\xE9e ".concat(date.toFormat('y'));
+ return "Comparaison du bilan de l\u2019ann\xE9e ".concat(date.toFormat('y'));
case _enums.TimeStep.YEAR:
return "de ".concat(date.toFormat('y'), " \xE0 ").concat(actualData[actualData.length - 1].date.toFormat('y'));
default:
@@ -4087,7 +4087,7 @@ exports.i(__webpack_require__("/O3k"), "");
exports.push([module.i, "@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap);", ""]);
// Module
-exports.push([module.i, "/* Cozy UI utilities classes */\n/* Cozy UI React components styles */\n/* App styles */\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\nbody {\n background: #1b1c21;\n overflow: unset !important;\n color: #e0e0e0;\n}\n\n.column {\n display: flex;\n flex-direction: column;\n}\n\n.row {\n display: flex;\n flex-direction: row;\n}\n\n.cozy-bar {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n}\n\n[role=banner] .coz-bar-container {\n background-color: #ffffff;\n}\n@media only screen and (max-width : 768px) {\n [role=banner] .coz-bar-container {\n padding: 0.6rem 0 0 0;\n background-color: unset;\n }\n}\n\n.coz-bar-wrapper {\n box-shadow: unset !important;\n background: unset !important;\n}\n\n.coz-label {\n color: #32363f;\n}\n\n.content-view-loading {\n height: 80vh;\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n color: #e0e0e0;\n}\n.content-view-loading .content-view-loading-text {\n padding-top: 1rem;\n margin: 0 2rem;\n text-align: center;\n}\n.content-view-loading .content-view-loading-button {\n max-width: 50vw;\n margin-top: 1rem;\n}\n\n[role=main] {\n /* width */\n /* Track */\n /* Handle */\n}\n[role=main]::-webkit-scrollbar {\n width: 10px;\n}\n[role=main]::-webkit-scrollbar-track {\n background: #3e4045;\n}\n[role=main]::-webkit-scrollbar-thumb {\n background: #6f7074;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n* {\n font-family: Lato, sans-serif;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np {\n font-family: Lato, sans-serif;\n}\n\n.home-title {\n font-size: 1rem;\n font-family: Lato, sans-serif;\n font-style: normal;\n font-weight: normal;\n line-height: 120%;\n text-transform: uppercase;\n}\n\n.app-title {\n font-family: Lato, sans-serif;\n font-style: normal;\n font-weight: bold;\n font-size: 21px;\n line-height: 24px;\n text-align: center;\n letter-spacing: 0.15px;\n color: #e0e0e0;\n text-shadow: 0px -1px 0px #060609, 0px 1px 0px rgba(255, 255, 255, 0.07);\n}\n\n.text-10, .text-10-italic, .text-10-bold, .text-10-bold-capitalize, .text-10-bold-uppercase, .text-10-normal, .text-10-normal-150, .text-10-normal-uppercase {\n font-style: normal;\n font-size: 0.625rem;\n line-height: 120%;\n}\n.text-10-normal, .text-10-normal-150, .text-10-normal-uppercase {\n font-weight: normal;\n}\n.text-10-normal-uppercase {\n text-transform: uppercase;\n}\n.text-10-normal-150 {\n line-height: 150%;\n}\n.text-10-bold, .text-10-bold-capitalize, .text-10-bold-uppercase {\n font-weight: 700;\n}\n.text-10-bold-uppercase {\n text-transform: uppercase;\n}\n.text-10-bold-capitalize {\n text-transform: capitalize;\n}\n.text-10-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-12, .text-12-italic, .text-12-bold, .text-12-bold-capitalize, .text-12-bold-uppercase, .text-12-normal, .text-12-normal-150, .text-12-normal-uppercase {\n font-style: normal;\n font-size: 0.75rem;\n line-height: 120%;\n}\n.text-12-normal, .text-12-normal-150, .text-12-normal-uppercase {\n font-weight: normal;\n}\n.text-12-normal-uppercase {\n text-transform: uppercase;\n}\n.text-12-normal-150 {\n line-height: 150%;\n}\n.text-12-bold, .text-12-bold-capitalize, .text-12-bold-uppercase {\n font-weight: 700;\n}\n.text-12-bold-uppercase {\n text-transform: uppercase;\n}\n.text-12-bold-capitalize {\n text-transform: capitalize;\n}\n.text-12-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-13, .text-13-italic, .text-13-bold, .text-13-bold-capitalize, .text-13-bold-uppercase, .text-13-normal, .text-13-normal-150, .text-13-normal-uppercase {\n font-style: normal;\n font-size: 0.8125rem;\n line-height: 120%;\n}\n.text-13-normal, .text-13-normal-150, .text-13-normal-uppercase {\n font-weight: normal;\n}\n.text-13-normal-uppercase {\n text-transform: uppercase;\n}\n.text-13-normal-150 {\n line-height: 150%;\n}\n.text-13-bold, .text-13-bold-capitalize, .text-13-bold-uppercase {\n font-weight: 700;\n}\n.text-13-bold-uppercase {\n text-transform: uppercase;\n}\n.text-13-bold-capitalize {\n text-transform: capitalize;\n}\n.text-13-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-14, .text-14-italic, .text-14-bold, .text-14-bold-capitalize, .text-14-bold-uppercase, .text-14-normal, .text-14-normal-150, .text-14-normal-uppercase {\n font-style: normal;\n font-size: 0.875rem;\n line-height: 120%;\n}\n.text-14-normal, .text-14-normal-150, .text-14-normal-uppercase {\n font-weight: normal;\n}\n.text-14-normal-uppercase {\n text-transform: uppercase;\n}\n.text-14-normal-150 {\n line-height: 150%;\n}\n.text-14-bold, .text-14-bold-capitalize, .text-14-bold-uppercase {\n font-weight: 700;\n}\n.text-14-bold-uppercase {\n text-transform: uppercase;\n}\n.text-14-bold-capitalize {\n text-transform: capitalize;\n}\n.text-14-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-15, .text-15-italic, .text-15-bold, .text-15-bold-capitalize, .text-15-bold-uppercase, .text-15-normal, .text-15-normal-150, .text-15-normal-uppercase {\n font-style: normal;\n font-size: 0.938rem;\n line-height: 120%;\n}\n.text-15-normal, .text-15-normal-150, .text-15-normal-uppercase {\n font-weight: normal;\n}\n.text-15-normal-uppercase {\n text-transform: uppercase;\n}\n.text-15-normal-150 {\n line-height: 150%;\n}\n.text-15-bold, .text-15-bold-capitalize, .text-15-bold-uppercase {\n font-weight: 700;\n}\n.text-15-bold-uppercase {\n text-transform: uppercase;\n}\n.text-15-bold-capitalize {\n text-transform: capitalize;\n}\n.text-15-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-16, .text-16-italic, .text-16-bold, .text-16-bold-capitalize, .text-16-bold-uppercase, .text-16-normal, .text-16-normal-150, .text-16-normal-uppercase {\n font-style: normal;\n font-size: 1rem;\n line-height: 120%;\n}\n.text-16-normal, .text-16-normal-150, .text-16-normal-uppercase {\n font-weight: normal;\n}\n.text-16-normal-uppercase {\n text-transform: uppercase;\n}\n.text-16-normal-150 {\n line-height: 150%;\n}\n.text-16-bold, .text-16-bold-capitalize, .text-16-bold-uppercase {\n font-weight: 700;\n}\n.text-16-bold-uppercase {\n text-transform: uppercase;\n}\n.text-16-bold-capitalize {\n text-transform: capitalize;\n}\n.text-16-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-18, .text-18-italic, .text-18-bold, .text-18-bold-capitalize, .text-18-bold-uppercase, .text-18-normal, .text-18-normal-150, .text-18-normal-uppercase {\n font-style: normal;\n font-size: 1.125rem;\n line-height: 120%;\n}\n.text-18-normal, .text-18-normal-150, .text-18-normal-uppercase {\n font-weight: normal;\n}\n.text-18-normal-uppercase {\n text-transform: uppercase;\n}\n.text-18-normal-150 {\n line-height: 150%;\n}\n.text-18-bold, .text-18-bold-capitalize, .text-18-bold-uppercase {\n font-weight: 700;\n}\n.text-18-bold-uppercase {\n text-transform: uppercase;\n}\n.text-18-bold-capitalize {\n text-transform: capitalize;\n}\n.text-18-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-19, .text-19-italic, .text-19-bold, .text-19-bold-capitalize, .text-19-bold-uppercase, .text-19-normal, .text-19-normal-150, .text-19-normal-uppercase {\n font-style: normal;\n font-size: 1.188rem;\n line-height: 120%;\n}\n.text-19-normal, .text-19-normal-150, .text-19-normal-uppercase {\n font-weight: normal;\n}\n.text-19-normal-uppercase {\n text-transform: uppercase;\n}\n.text-19-normal-150 {\n line-height: 150%;\n}\n.text-19-bold, .text-19-bold-capitalize, .text-19-bold-uppercase {\n font-weight: 700;\n}\n.text-19-bold-uppercase {\n text-transform: uppercase;\n}\n.text-19-bold-capitalize {\n text-transform: capitalize;\n}\n.text-19-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-20, .text-20-italic, .text-20-bold, .text-20-bold-capitalize, .text-20-bold-uppercase, .text-20-normal, .text-20-normal-150, .text-20-normal-uppercase {\n font-style: normal;\n font-size: 1.25rem;\n line-height: 120%;\n}\n.text-20-normal, .text-20-normal-150, .text-20-normal-uppercase {\n font-weight: normal;\n}\n.text-20-normal-uppercase {\n text-transform: uppercase;\n}\n.text-20-normal-150 {\n line-height: 150%;\n}\n.text-20-bold, .text-20-bold-capitalize, .text-20-bold-uppercase {\n font-weight: 700;\n}\n.text-20-bold-uppercase {\n text-transform: uppercase;\n}\n.text-20-bold-capitalize {\n text-transform: capitalize;\n}\n.text-20-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-21, .text-21-italic, .text-21-bold, .text-21-bold-capitalize, .text-21-bold-uppercase, .text-21-normal, .text-21-normal-150, .text-21-normal-uppercase {\n font-style: normal;\n font-size: 1.313rem;\n line-height: 120%;\n}\n.text-21-normal, .text-21-normal-150, .text-21-normal-uppercase {\n font-weight: normal;\n}\n.text-21-normal-uppercase {\n text-transform: uppercase;\n}\n.text-21-normal-150 {\n line-height: 150%;\n}\n.text-21-bold, .text-21-bold-capitalize, .text-21-bold-uppercase {\n font-weight: 700;\n}\n.text-21-bold-uppercase {\n text-transform: uppercase;\n}\n.text-21-bold-capitalize {\n text-transform: capitalize;\n}\n.text-21-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-22, .text-22-italic, .text-22-bold, .text-22-bold-capitalize, .text-22-bold-uppercase, .text-22-normal, .text-22-normal-150, .text-22-normal-uppercase {\n font-style: normal;\n font-size: 1.375rem;\n line-height: 120%;\n}\n.text-22-normal, .text-22-normal-150, .text-22-normal-uppercase {\n font-weight: normal;\n}\n.text-22-normal-uppercase {\n text-transform: uppercase;\n}\n.text-22-normal-150 {\n line-height: 150%;\n}\n.text-22-bold, .text-22-bold-capitalize, .text-22-bold-uppercase {\n font-weight: 700;\n}\n.text-22-bold-uppercase {\n text-transform: uppercase;\n}\n.text-22-bold-capitalize {\n text-transform: capitalize;\n}\n.text-22-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-24, .text-24-italic, .text-24-bold, .text-24-bold-capitalize, .text-24-bold-uppercase, .text-24-normal, .text-24-normal-150, .text-24-normal-uppercase {\n font-style: normal;\n font-size: 1.5rem;\n line-height: 120%;\n}\n.text-24-normal, .text-24-normal-150, .text-24-normal-uppercase {\n font-weight: normal;\n}\n.text-24-normal-uppercase {\n text-transform: uppercase;\n}\n.text-24-normal-150 {\n line-height: 150%;\n}\n.text-24-bold, .text-24-bold-capitalize, .text-24-bold-uppercase {\n font-weight: 700;\n}\n.text-24-bold-uppercase {\n text-transform: uppercase;\n}\n.text-24-bold-capitalize {\n text-transform: capitalize;\n}\n.text-24-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-26, .text-26-italic, .text-26-bold, .text-26-bold-capitalize, .text-26-bold-uppercase, .text-26-normal, .text-26-normal-150, .text-26-normal-uppercase {\n font-style: normal;\n font-size: 1.625rem;\n line-height: 120%;\n}\n.text-26-normal, .text-26-normal-150, .text-26-normal-uppercase {\n font-weight: normal;\n}\n.text-26-normal-uppercase {\n text-transform: uppercase;\n}\n.text-26-normal-150 {\n line-height: 150%;\n}\n.text-26-bold, .text-26-bold-capitalize, .text-26-bold-uppercase {\n font-weight: 700;\n}\n.text-26-bold-uppercase {\n text-transform: uppercase;\n}\n.text-26-bold-capitalize {\n text-transform: capitalize;\n}\n.text-26-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-28, .text-28-italic, .text-28-bold, .text-28-bold-capitalize, .text-28-bold-uppercase, .text-28-normal, .text-28-normal-150, .text-28-normal-uppercase {\n font-style: normal;\n font-size: 1.75rem;\n line-height: 120%;\n}\n.text-28-normal, .text-28-normal-150, .text-28-normal-uppercase {\n font-weight: normal;\n}\n.text-28-normal-uppercase {\n text-transform: uppercase;\n}\n.text-28-normal-150 {\n line-height: 150%;\n}\n.text-28-bold, .text-28-bold-capitalize, .text-28-bold-uppercase {\n font-weight: 700;\n}\n.text-28-bold-uppercase {\n text-transform: uppercase;\n}\n.text-28-bold-capitalize {\n text-transform: capitalize;\n}\n.text-28-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-36, .text-36-italic, .text-36-bold, .text-36-bold-capitalize, .text-36-bold-uppercase, .text-36-normal, .text-36-normal-150, .text-36-normal-uppercase {\n font-style: normal;\n font-size: 2.25rem;\n line-height: 120%;\n}\n.text-36-normal, .text-36-normal-150, .text-36-normal-uppercase {\n font-weight: normal;\n}\n.text-36-normal-uppercase {\n text-transform: uppercase;\n}\n.text-36-normal-150 {\n line-height: 150%;\n}\n.text-36-bold, .text-36-bold-capitalize, .text-36-bold-uppercase {\n font-weight: 700;\n}\n.text-36-bold-uppercase {\n text-transform: uppercase;\n}\n.text-36-bold-capitalize {\n text-transform: capitalize;\n}\n.text-36-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n/* Card */\n.card-title-on {\n font-family: Lato, sans-serif;\n font-style: normal;\n font-weight: normal;\n font-size: 1.125rem;\n line-height: 120%;\n color: #e0e0e0;\n}\n\n.card-text-bold {\n font-family: Lato, sans-serif;\n font-style: normal;\n font-weight: bold;\n font-size: 1rem;\n line-height: 120%;\n color: #e0e0e0;\n}\n\n.card-indicator {\n font-family: Lato, sans-serif;\n font-style: normal;\n font-weight: normal;\n font-size: 1rem;\n line-height: 120%;\n color: #e0e0e0;\n}\n\n.card-text {\n font-family: Lato, sans-serif;\n font-style: normal;\n font-weight: normal;\n font-size: 1rem;\n line-height: 120%;\n color: #e0e0e0;\n}\n\n/* Chart */\n.chart-ticks-x-text {\n font-family: Lato, sans-serif;\n font-style: normal;\n font-weight: normal;\n font-size: 1rem;\n line-height: 120%;\n}\n@media only screen and (max-width : 768px) {\n .chart-ticks-x-text {\n font-size: 0.685rem;\n }\n}\n\n.chart-ticks-y-text {\n font-family: Lato, sans-serif;\n font-style: normal;\n font-weight: normal;\n font-size: 0.9rem;\n line-height: 120%;\n}\n@media only screen and (max-width : 768px) {\n .chart-ticks-y-text {\n font-size: 0.75rem;\n }\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.axis {\n color: #7b7b7b;\n}\n.axis .tick-text {\n fill: #7b7b7b;\n}\n.axis .tick-text.tick-text-selected {\n fill: #e0e0e0;\n}\n.axis .separator {\n text-align: center;\n margin: 0 2px;\n font-size: 1rem !important;\n}\n\n.value-text {\n fill: #7b7b7b;\n}\n.value-text.selected {\n fill: #e0e0e0;\n}\n\n.barContainer.disabled *,\n.barFill.disabled * {\n cursor: default !important;\n}\n.barContainer:hover,\n.barFill:hover {\n cursor: pointer;\n}\n\n.background-true {\n opacity: 0.1;\n}\n.background-true:hover {\n cursor: pointer;\n}\n\n.background-false {\n opacity: 0;\n}\n\n.animate-background {\n transition: all 0.2s ease-out;\n}\n\n.bar-compare-ELECTRICITY:hover,\n.bar-compare-GAS:hover,\n.bar-compare-WATER:hover,\n.bar-compare-MULTIFLUID:hover,\n.bar-MULTIFLUID:hover,\n.bar-WATER:hover,\n.bar-GAS:hover,\n.bar-ELECTRICITY:hover {\n cursor: pointer;\n}\n.bar-compare-ELECTRICITY:hover.disabled,\n.bar-compare-GAS:hover.disabled,\n.bar-compare-WATER:hover.disabled,\n.bar-compare-MULTIFLUID:hover.disabled,\n.bar-MULTIFLUID:hover.disabled,\n.bar-WATER:hover.disabled,\n.bar-GAS:hover.disabled,\n.bar-ELECTRICITY:hover.disabled {\n cursor: default;\n}\n\n.bar-ELECTRICITY {\n fill: #5d3d2a;\n}\n.bar-ELECTRICITY.selected {\n fill: #d87b39;\n filter: drop-shadow(0 -0.1rem 0.2rem #d87b39);\n}\n\n.bar-compare-ELECTRICITY {\n fill: #795c47;\n}\n.bar-compare-ELECTRICITY.selected {\n fill: #e2bca1;\n filter: drop-shadow(0 -0.1rem 0.2rem #e2bca1);\n}\n\n.bar-WATER {\n fill: #20415e;\n}\n.bar-WATER.selected {\n fill: #3a98ec;\n filter: drop-shadow(0 -0.1rem 0.2rem #3a98ec);\n}\n\n.bar-compare-WATER {\n fill: #4d5c6e;\n}\n.bar-compare-WATER.selected {\n fill: #abd4fa;\n filter: drop-shadow(0 -0.1rem 0.2rem #abd4fa);\n}\n\n.bar-GAS {\n fill: #184940;\n}\n.bar-GAS.selected {\n fill: #45d1b8;\n filter: drop-shadow(0 -0.1rem 0.2rem #45d1b8);\n}\n\n.bar-compare-GAS {\n fill: #597773;\n}\n.bar-compare-GAS.selected {\n fill: #a8f7e9;\n filter: drop-shadow(0 -0.1rem 0.2rem #a8f7e9);\n}\n\n.bar-MULTIFLUID {\n fill: #705d1d;\n}\n.bar-MULTIFLUID.selected {\n fill: #e3b82a;\n filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a);\n}\n.bar-MULTIFLUID.disabled:hover {\n cursor: default;\n}\n\n.bar-duel {\n fill: #61f0f2;\n}\n.bar-duel.selected {\n fill: #61f0f2;\n filter: drop-shadow(0 -0.1rem 0.2rem #61f0f2);\n}\n.bar-duel.disabled:hover {\n cursor: default;\n}\n\n.bar-UPCOMING {\n fill: #7b7b7b;\n opacity: 0.6;\n}\n.bar-UPCOMING.selected {\n fill: #7b7b7b;\n}\n.bar-UPCOMING.disabled:hover {\n cursor: default;\n}\n\n.bar-compare-MULTIFLUID {\n fill: #7d6a4e;\n}\n.bar-compare-MULTIFLUID.selected {\n fill: #ffd597;\n filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a);\n}\n\n.bar-average {\n stroke-width: 2;\n stroke: #e3b82a;\n}\n\n.week {\n fill: #e2bca1;\n}\n.week.selected {\n fill: #e2bca1;\n filter: drop-shadow(0 -0.1rem 0.2rem #e2bca1);\n}\n\n.weekend {\n fill: #ffd597;\n}\n.weekend.selected {\n fill: #ffd597;\n filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a);\n}\n\n.barValue {\n outline: none;\n}\n.barValue:focus-visible {\n outline: 2px solid #1b8bff;\n outline-offset: 2px;\n}\n\n/** Animation **/\n.bounce-1 {\n animation-name: bounce-1;\n animation-timing-function: cubic-bezier(1, 1, 0.42, 1);\n animation-iteration-count: 1;\n transform-origin: bottom center;\n transform-box: fill-box;\n}\n\n@keyframes bounce-1 {\n 0% {\n transform: scale(0.1, 0.1);\n }\n 28% {\n transform: scale(0.1, 1.1);\n }\n 45% {\n transform: scale(0.8, 0.95);\n }\n 55% {\n transform: scale(1, 1);\n }\n 65% {\n transform: scale(1, 0.98);\n }\n 75% {\n transform: scale(1, 1);\n }\n}\n.bounce-2 {\n animation-name: bounce-2;\n animation-timing-function: cubic-bezier(1, 1, 0.42, 1);\n animation-iteration-count: 1;\n transform-origin: bottom center;\n transform-box: fill-box;\n}\n\n@keyframes bounce-2 {\n 0% {\n transform: scale(1, 1);\n }\n 28% {\n transform: scale(1, 1.1);\n }\n 45% {\n transform: scale(0.8, 0.95);\n }\n 55% {\n transform: scale(1, 1);\n }\n 65% {\n transform: scale(1, 0.98);\n }\n 75% {\n transform: scale(1, 1);\n }\n}\n/** Animation delay **/\n.delay {\n animation-duration: 0.4s;\n}\n\n.delay--0 {\n animation-duration: 0.4s;\n}\n\n.delay--1 {\n animation-duration: 0.48s;\n}\n\n.delay--2 {\n animation-duration: 0.56s;\n}\n\n.delay--3 {\n animation-duration: 0.64s;\n}\n\n.delay--4 {\n animation-duration: 0.72s;\n}\n\n.delay--5 {\n animation-duration: 0.8s;\n}\n\n.delay--6 {\n animation-duration: 0.88s;\n}\n\n.delay--7 {\n animation-duration: 0.96s;\n}\n\n.delay--8 {\n animation-duration: 1.04s;\n}\n\n.delay--9 {\n animation-duration: 1.12s;\n}\n\n.delay--10 {\n animation-duration: 1.2s;\n}\n\n.delay--11 {\n animation-duration: 1.28s;\n}\n\n.delay--12 {\n animation-duration: 1.36s;\n}\n\n.delay--13 {\n animation-duration: 1.44s;\n}\n\n.delay--14 {\n animation-duration: 1.52s;\n}\n\n.delay--15 {\n animation-duration: 1.6s;\n}\n\n.delay--16 {\n animation-duration: 1.68s;\n}\n\n.delay--17 {\n animation-duration: 1.76s;\n}\n\n.delay--18 {\n animation-duration: 1.84s;\n}\n\n.delay--19 {\n animation-duration: 1.92s;\n}\n\n.delay--20 {\n animation-duration: 2s;\n}\n\n.delay--21 {\n animation-duration: 2.08s;\n}\n\n.delay--22 {\n animation-duration: 2.16s;\n}\n\n.delay--23 {\n animation-duration: 2.24s;\n}\n\n.delay--24 {\n animation-duration: 2.32s;\n}\n\n.delay--25 {\n animation-duration: 2.4s;\n}\n\n.delay--26 {\n animation-duration: 2.48s;\n}\n\n.delay--27 {\n animation-duration: 2.56s;\n}\n\n.delay--28 {\n animation-duration: 2.64s;\n}\n\n.delay--29 {\n animation-duration: 2.72s;\n}\n\n.delay--30 {\n animation-duration: 2.8s;\n}\n\n.delay--31 {\n animation-duration: 2.88s;\n}\n\n.delay--32 {\n animation-duration: 2.96s;\n}\n\n.delay--33 {\n animation-duration: 3.04s;\n}\n\n.delay--34 {\n animation-duration: 3.12s;\n}\n\n.delay--35 {\n animation-duration: 3.2s;\n}\n\n.delay--36 {\n animation-duration: 3.28s;\n}\n\n.delay--37 {\n animation-duration: 3.36s;\n}\n\n.delay--38 {\n animation-duration: 3.44s;\n}\n\n.delay--39 {\n animation-duration: 3.52s;\n}\n\n.delay--40 {\n animation-duration: 3.6s;\n}\n\n.delay--41 {\n animation-duration: 3.68s;\n}\n\n.delay--42 {\n animation-duration: 3.76s;\n}\n\n.delay--43 {\n animation-duration: 3.84s;\n}\n\n.delay--44 {\n animation-duration: 3.92s;\n}\n\n.delay--45 {\n animation-duration: 4s;\n}\n\n.delay--46 {\n animation-duration: 4.08s;\n}\n\n.delay--47 {\n animation-duration: 4.16s;\n}\n\n.delay--48 {\n animation-duration: 4.24s;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\nbutton span {\n font-size: 1rem;\n font-weight: 700;\n}\nbutton:focus-visible {\n outline: 2px solid #1b8bff;\n outline-offset: 2px;\n}\nbutton.btnPrimary {\n background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017;\n border: 1px solid;\n border-color: transparent;\n border-radius: 4px;\n width: 100%;\n text-transform: initial;\n transition: all 150ms ease-in-out;\n}\nbutton.btnPrimary span:first-child {\n color: #121212;\n}\nbutton.btnPrimary:hover, button.btnPrimary:focus, button.btnPrimary.active, button.btnPrimary:disabled {\n background-color: #b89318;\n}\nbutton.btnPrimary:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\nbutton.btnSecondary {\n background: transparent;\n border: 1px solid;\n border-color: #e0e0e0;\n border-radius: 4px;\n width: 100%;\n text-transform: initial;\n transition: all 150ms ease-in-out;\n}\nbutton.btnSecondary span:first-child {\n color: #e0e0e0;\n}\nbutton.btnSecondary:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\nbutton.btnText span {\n text-decoration: underline;\n text-transform: none;\n font-weight: 400;\n}\nbutton.btnIncrement {\n background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n border: 1px solid;\n border-color: transparent;\n border-radius: 4px;\n width: 100%;\n text-transform: initial;\n transition: all 150ms ease-in-out;\n min-width: 40px;\n width: 40px;\n height: 40px;\n border-radius: 4px;\n box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.55);\n}\nbutton.btnIncrement span:first-child {\n color: #ffffff;\n}\nbutton.btnIncrement:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\nbutton.btnTab {\n background: transparent;\n border: 1px solid;\n border-color: transparent;\n border-radius: 4px;\n width: 100%;\n text-transform: initial;\n transition: all 150ms ease-in-out;\n text-transform: none;\n border-radius: 43px !important;\n height: 25px;\n padding: 4px;\n}\nbutton.btnTab span:first-child {\n color: #e0e0e0;\n}\nbutton.btnTab:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\nbutton.btnTab span {\n font-weight: 400;\n line-height: normal;\n}\nbutton.btnTab.active {\n background: rgba(255, 255, 255, 0.1);\n}\nbutton.btnTab.active span {\n font-weight: 700;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\ninput.inputText,\ninput.inputNumber {\n box-sizing: border-box;\n border: 1px solid #7b7b7b;\n background: transparent;\n transition: all 300ms ease;\n color: #e0e0e0;\n}\n\ninput.inputText {\n appearance: none;\n border-radius: 4px;\n height: 45px;\n width: 100%;\n max-width: 280px;\n padding: 0 0.5rem;\n}\n\ninput.inputNumber {\n border-radius: 2px;\n height: 40px;\n width: 60px;\n max-width: 5rem;\n text-align: center;\n}\n\ninput:focus-visible {\n outline: 2px solid #1b8bff;\n outline-offset: 2px;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.card {\n background-color: #23252d;\n border: 1px solid #2f3139;\n box-sizing: border-box;\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.75);\n border-radius: 4px;\n padding: 16px;\n}\n.card:hover {\n opacity: 0.9;\n}\n.card.rich-card {\n padding: 16px;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\ndiv.modal-root .MuiBackdrop-root {\n background-color: hsla(231deg, 11%, 12%, 0.85);\n}\n\ndiv.modal-paper {\n background: #23252d;\n border: 1px solid #2f3139;\n width: 36rem;\n max-width: 100%;\n max-height: 90vh;\n padding: 2rem;\n box-sizing: border-box;\n box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n border-radius: 4px;\n margin: 0 0 0 13.75rem;\n align-items: center;\n color: #ffffff;\n}\n@media only screen and (max-width : 1023px) {\n div.modal-paper {\n width: 35rem;\n margin: 0;\n }\n}\n@media only screen and (max-width : 768px) {\n div.modal-paper {\n padding: 1rem 1rem 1.5rem;\n width: 85%;\n max-width: 35rem;\n margin: 0;\n }\n}\ndiv.modal-paper.no-padding {\n padding: 0;\n}\ndiv.modal-paper .modal-paper-close-button {\n position: absolute;\n top: 0.5rem;\n right: 0.5rem;\n padding: 5px 5px;\n z-index: 10;\n}\n\ndiv.modal-paper-full-screen {\n background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n width: 100%;\n max-width: 100%;\n height: 100%;\n max-height: 100%;\n padding: 0;\n margin: 0;\n box-sizing: border-box;\n box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n border-radius: 4px;\n color: #ffffff;\n display: flex;\n align-items: center;\n}\ndiv.modal-paper-full-screen.dark-background {\n background: #121212;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\ndiv.expansion-panel-root {\n margin-bottom: 1rem;\n color: #e0e0e0;\n background-color: #23252d;\n border: 1px solid #2f3139;\n border-radius: 4px;\n box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);\n transition: background-color 0.6s ease;\n box-sizing: border-box;\n}\ndiv.expansion-panel-root.Mui-expanded:first-child {\n margin: 1.2rem 0;\n}\ndiv.expansion-panel-root.Mui-expanded:last-child {\n margin: 1.2rem 0;\n}\ndiv.expansion-panel-root.red-border {\n border: 1px solid #d25959;\n}\n\ndiv.expansion-panel-summary {\n padding: 0.25rem 1rem;\n min-height: 4rem;\n}\ndiv.expansion-panel-summary.Mui-focused {\n border-radius: 4px;\n background-color: unset;\n box-shadow: 0 0 0 1px #e0e0e0;\n}\ndiv.expansion-panel-summary:focus-visible {\n outline: 2px solid #1b8bff;\n outline-offset: 2px;\n}\ndiv.expansion-panel-summary.Mui-expanded {\n min-height: 4rem;\n}\ndiv.expansion-panel-summary.Mui-expanded.small {\n min-height: 3rem;\n}\ndiv.expansion-panel-summary.small {\n padding: 0 1.2rem;\n min-height: 3rem;\n}\ndiv.expansion-panel-summary.bold-text {\n font-weight: bold;\n}\n\ndiv.expansion-panel-content {\n display: flex;\n align-items: center;\n}\ndiv.expansion-panel-content.Mui-expanded {\n margin: 0.75rem 0;\n}\n\ndiv.expansion-panel-details {\n padding: 0 1.2rem 1.2rem;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\na {\n color: #deaf0e;\n}\na:visited {\n color: #deaf0e;\n}\n\na:focus {\n outline: none;\n box-shadow: inset 0 0 0 1px #e0e0e0;\n}\na:focus > div:first-child {\n box-shadow: 0 0 0 1px #e0e0e0;\n}\n\na:focus-visible {\n outline: 2px solid #1b8bff;\n outline-offset: 2px;\n}\n\na.MuiLink-underlineHover:hover {\n text-decoration: none;\n}\n\na.MuiTypography-colorPrimary {\n color: #e0e0e0;\n}\n\n:root {\n white-space: pre-line;\n --blue: #58ffff;\n --blue40: rgba(88, 255, 255, 0.2509803922);\n --blueBackground: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(1, 153, 163, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #58ffff;\n --blueRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(1, 153, 163, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #58ffff;\n --blueRadialGradientTrans: radial-gradient(circle, #58ffff 0%, rgba(255, 255, 255, 0) 100%);\n --elecColor: #d87b39;\n --elecColor40: rgba(216, 123, 57, 0.4);\n --elecCompareColor: #e2bca1;\n --gasColor: #45d1b8;\n --gasColor40: rgba(69, 209, 184, 0.4);\n --gasCompareColor: #a8f7e9;\n --waterColor: #3a98ec;\n --waterColor40: rgba(58, 152, 236, 0.4);\n --waterCompareColor: #abd4fa;\n --multiColor: #e3b82a;\n --multiCompareColor: #ffd597;\n --redPrimary: #d25959;\n --greyBright: #e0e0e0;\n --greyDark: #7b7b7b;\n --textWhite: #ffffff;\n --softGrey: #a0a0a0;\n --darkLight: #25262b;\n --darkLight2: #121212;\n --textFont: Lato, sans-serif;\n --greyLinearGradientBackground: linear-gradient(180deg, #323339 0%, #25262b 100%);\n --multiColorRadialGradientTrans: radial-gradient(circle, #e3b82a 0%, rgba(255, 255, 255, 0) 100%);\n --elecColorRadialGradientTrans: radial-gradient(circle, #d87b39 0%, rgba(255, 255, 255, 0) 100%);\n --waterColorRadialGradientTrans: radial-gradient(circle, #3a98ec 0%, rgba(255, 255, 255, 0) 100%);\n --gasColorRadialGradientTrans: radial-gradient(circle, #e3b82a 0%, rgba(255, 255, 255, 0) 100%);\n --multiColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017;\n --elecColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(158, 67, 2, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #d87b39;\n --gasColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(4, 106, 88, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #45d1b8;\n --waterColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(2, 93, 174, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #3a98ec;\n --grey-0: #1b1c21;\n --grey-1: #23252d;\n --grey-2: #2f3139;\n --paperBackgroundColor: $dark-2;\n --primaryTextColor: $grey-bright;\n}\n\n.application {\n overflow-x: hidden;\n}\n\n.accordion-icon {\n color: #ffffff;\n}\n\n.loaderContainer {\n height: 80vh;\n display: flex;\n flex: 1;\n justify-content: center;\n align-items: center;\n background-color: transparent;\n}\n\n.makeStyles-fab-1 {\n top: 12px;\n left: 3rem !important;\n width: 36px !important;\n height: 36px !important;\n background-color: #7b7b7b !important;\n}\n\ninput:-webkit-autofill,\ninput:-webkit-autofill:hover,\ninput:-webkit-autofill:focus,\ninput:-webkit-autofill:active {\n -webkit-box-shadow: 0 0 0 30px #1b1c22 inset !important;\n}", ""]);
+exports.push([module.i, "/* Cozy UI utilities classes */\n/* Cozy UI React components styles */\n/* App styles */\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\nbody {\n background: #1b1c21;\n overflow: unset !important;\n color: #e0e0e0;\n}\n\n.column {\n display: flex;\n flex-direction: column;\n}\n\n.row {\n display: flex;\n flex-direction: row;\n}\n\n.cozy-bar {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n}\n\n[role=banner] .coz-bar-container {\n background-color: #ffffff;\n}\n@media only screen and (max-width : 768px) {\n [role=banner] .coz-bar-container {\n padding: 0.6rem 0 0 0;\n background-color: unset;\n }\n}\n\n.coz-bar-wrapper {\n box-shadow: unset !important;\n background: unset !important;\n}\n\n.coz-label {\n color: #32363f;\n}\n\n.content-view-loading {\n height: 80vh;\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n color: #e0e0e0;\n}\n.content-view-loading .content-view-loading-text {\n padding-top: 1rem;\n margin: 0 2rem;\n text-align: center;\n}\n.content-view-loading .content-view-loading-button {\n max-width: 50vw;\n margin-top: 1rem;\n}\n\n[role=main] {\n /* width */\n /* Track */\n /* Handle */\n}\n[role=main]::-webkit-scrollbar {\n width: 10px;\n}\n[role=main]::-webkit-scrollbar-track {\n background: #3e4045;\n}\n[role=main]::-webkit-scrollbar-thumb {\n background: #6f7074;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n* {\n font-family: Lato, sans-serif;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np {\n font-family: Lato, sans-serif;\n}\n\n.home-title {\n font-size: 1rem;\n font-family: Lato, sans-serif;\n font-style: normal;\n font-weight: normal;\n line-height: 120%;\n text-transform: uppercase;\n}\n\n.app-title {\n font-family: Lato, sans-serif;\n font-style: normal;\n font-weight: bold;\n font-size: 21px;\n line-height: 24px;\n text-align: center;\n letter-spacing: 0.15px;\n color: #e0e0e0;\n text-shadow: 0px -1px 0px #060609, 0px 1px 0px rgba(255, 255, 255, 0.07);\n}\n\n.text-10, .text-10-italic, .text-10-bold, .text-10-bold-capitalize, .text-10-bold-uppercase, .text-10-normal, .text-10-normal-150, .text-10-normal-uppercase {\n font-style: normal;\n font-size: 0.625rem;\n line-height: 120%;\n}\n.text-10-normal, .text-10-normal-150, .text-10-normal-uppercase {\n font-weight: normal;\n}\n.text-10-normal-uppercase {\n text-transform: uppercase;\n}\n.text-10-normal-150 {\n line-height: 150%;\n}\n.text-10-bold, .text-10-bold-capitalize, .text-10-bold-uppercase {\n font-weight: 700;\n}\n.text-10-bold-uppercase {\n text-transform: uppercase;\n}\n.text-10-bold-capitalize {\n text-transform: capitalize;\n}\n.text-10-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-12, .text-12-italic, .text-12-bold, .text-12-bold-capitalize, .text-12-bold-uppercase, .text-12-normal, .text-12-normal-150, .text-12-normal-uppercase {\n font-style: normal;\n font-size: 0.75rem;\n line-height: 120%;\n}\n.text-12-normal, .text-12-normal-150, .text-12-normal-uppercase {\n font-weight: normal;\n}\n.text-12-normal-uppercase {\n text-transform: uppercase;\n}\n.text-12-normal-150 {\n line-height: 150%;\n}\n.text-12-bold, .text-12-bold-capitalize, .text-12-bold-uppercase {\n font-weight: 700;\n}\n.text-12-bold-uppercase {\n text-transform: uppercase;\n}\n.text-12-bold-capitalize {\n text-transform: capitalize;\n}\n.text-12-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-13, .text-13-italic, .text-13-bold, .text-13-bold-capitalize, .text-13-bold-uppercase, .text-13-normal, .text-13-normal-150, .text-13-normal-uppercase {\n font-style: normal;\n font-size: 0.8125rem;\n line-height: 120%;\n}\n.text-13-normal, .text-13-normal-150, .text-13-normal-uppercase {\n font-weight: normal;\n}\n.text-13-normal-uppercase {\n text-transform: uppercase;\n}\n.text-13-normal-150 {\n line-height: 150%;\n}\n.text-13-bold, .text-13-bold-capitalize, .text-13-bold-uppercase {\n font-weight: 700;\n}\n.text-13-bold-uppercase {\n text-transform: uppercase;\n}\n.text-13-bold-capitalize {\n text-transform: capitalize;\n}\n.text-13-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-14, .text-14-italic, .text-14-bold, .text-14-bold-capitalize, .text-14-bold-uppercase, .text-14-normal, .text-14-normal-150, .text-14-normal-uppercase {\n font-style: normal;\n font-size: 0.875rem;\n line-height: 120%;\n}\n.text-14-normal, .text-14-normal-150, .text-14-normal-uppercase {\n font-weight: normal;\n}\n.text-14-normal-uppercase {\n text-transform: uppercase;\n}\n.text-14-normal-150 {\n line-height: 150%;\n}\n.text-14-bold, .text-14-bold-capitalize, .text-14-bold-uppercase {\n font-weight: 700;\n}\n.text-14-bold-uppercase {\n text-transform: uppercase;\n}\n.text-14-bold-capitalize {\n text-transform: capitalize;\n}\n.text-14-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-15, .text-15-italic, .text-15-bold, .text-15-bold-capitalize, .text-15-bold-uppercase, .text-15-normal, .text-15-normal-150, .text-15-normal-uppercase {\n font-style: normal;\n font-size: 0.938rem;\n line-height: 120%;\n}\n.text-15-normal, .text-15-normal-150, .text-15-normal-uppercase {\n font-weight: normal;\n}\n.text-15-normal-uppercase {\n text-transform: uppercase;\n}\n.text-15-normal-150 {\n line-height: 150%;\n}\n.text-15-bold, .text-15-bold-capitalize, .text-15-bold-uppercase {\n font-weight: 700;\n}\n.text-15-bold-uppercase {\n text-transform: uppercase;\n}\n.text-15-bold-capitalize {\n text-transform: capitalize;\n}\n.text-15-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-16, .text-16-italic, .text-16-bold, .text-16-bold-capitalize, .text-16-bold-uppercase, .text-16-normal, .text-16-normal-150, .text-16-normal-uppercase {\n font-style: normal;\n font-size: 1rem;\n line-height: 120%;\n}\n.text-16-normal, .text-16-normal-150, .text-16-normal-uppercase {\n font-weight: normal;\n}\n.text-16-normal-uppercase {\n text-transform: uppercase;\n}\n.text-16-normal-150 {\n line-height: 150%;\n}\n.text-16-bold, .text-16-bold-capitalize, .text-16-bold-uppercase {\n font-weight: 700;\n}\n.text-16-bold-uppercase {\n text-transform: uppercase;\n}\n.text-16-bold-capitalize {\n text-transform: capitalize;\n}\n.text-16-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-18, .text-18-italic, .text-18-bold, .text-18-bold-capitalize, .text-18-bold-uppercase, .text-18-normal, .text-18-normal-150, .text-18-normal-uppercase {\n font-style: normal;\n font-size: 1.125rem;\n line-height: 120%;\n}\n.text-18-normal, .text-18-normal-150, .text-18-normal-uppercase {\n font-weight: normal;\n}\n.text-18-normal-uppercase {\n text-transform: uppercase;\n}\n.text-18-normal-150 {\n line-height: 150%;\n}\n.text-18-bold, .text-18-bold-capitalize, .text-18-bold-uppercase {\n font-weight: 700;\n}\n.text-18-bold-uppercase {\n text-transform: uppercase;\n}\n.text-18-bold-capitalize {\n text-transform: capitalize;\n}\n.text-18-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-19, .text-19-italic, .text-19-bold, .text-19-bold-capitalize, .text-19-bold-uppercase, .text-19-normal, .text-19-normal-150, .text-19-normal-uppercase {\n font-style: normal;\n font-size: 1.188rem;\n line-height: 120%;\n}\n.text-19-normal, .text-19-normal-150, .text-19-normal-uppercase {\n font-weight: normal;\n}\n.text-19-normal-uppercase {\n text-transform: uppercase;\n}\n.text-19-normal-150 {\n line-height: 150%;\n}\n.text-19-bold, .text-19-bold-capitalize, .text-19-bold-uppercase {\n font-weight: 700;\n}\n.text-19-bold-uppercase {\n text-transform: uppercase;\n}\n.text-19-bold-capitalize {\n text-transform: capitalize;\n}\n.text-19-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-20, .text-20-italic, .text-20-bold, .text-20-bold-capitalize, .text-20-bold-uppercase, .text-20-normal, .text-20-normal-150, .text-20-normal-uppercase {\n font-style: normal;\n font-size: 1.25rem;\n line-height: 120%;\n}\n.text-20-normal, .text-20-normal-150, .text-20-normal-uppercase {\n font-weight: normal;\n}\n.text-20-normal-uppercase {\n text-transform: uppercase;\n}\n.text-20-normal-150 {\n line-height: 150%;\n}\n.text-20-bold, .text-20-bold-capitalize, .text-20-bold-uppercase {\n font-weight: 700;\n}\n.text-20-bold-uppercase {\n text-transform: uppercase;\n}\n.text-20-bold-capitalize {\n text-transform: capitalize;\n}\n.text-20-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-21, .text-21-italic, .text-21-bold, .text-21-bold-capitalize, .text-21-bold-uppercase, .text-21-normal, .text-21-normal-150, .text-21-normal-uppercase {\n font-style: normal;\n font-size: 1.313rem;\n line-height: 120%;\n}\n.text-21-normal, .text-21-normal-150, .text-21-normal-uppercase {\n font-weight: normal;\n}\n.text-21-normal-uppercase {\n text-transform: uppercase;\n}\n.text-21-normal-150 {\n line-height: 150%;\n}\n.text-21-bold, .text-21-bold-capitalize, .text-21-bold-uppercase {\n font-weight: 700;\n}\n.text-21-bold-uppercase {\n text-transform: uppercase;\n}\n.text-21-bold-capitalize {\n text-transform: capitalize;\n}\n.text-21-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-22, .text-22-italic, .text-22-bold, .text-22-bold-capitalize, .text-22-bold-uppercase, .text-22-normal, .text-22-normal-150, .text-22-normal-uppercase {\n font-style: normal;\n font-size: 1.375rem;\n line-height: 120%;\n}\n.text-22-normal, .text-22-normal-150, .text-22-normal-uppercase {\n font-weight: normal;\n}\n.text-22-normal-uppercase {\n text-transform: uppercase;\n}\n.text-22-normal-150 {\n line-height: 150%;\n}\n.text-22-bold, .text-22-bold-capitalize, .text-22-bold-uppercase {\n font-weight: 700;\n}\n.text-22-bold-uppercase {\n text-transform: uppercase;\n}\n.text-22-bold-capitalize {\n text-transform: capitalize;\n}\n.text-22-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-24, .text-24-italic, .text-24-bold, .text-24-bold-capitalize, .text-24-bold-uppercase, .text-24-normal, .text-24-normal-150, .text-24-normal-uppercase {\n font-style: normal;\n font-size: 1.5rem;\n line-height: 120%;\n}\n.text-24-normal, .text-24-normal-150, .text-24-normal-uppercase {\n font-weight: normal;\n}\n.text-24-normal-uppercase {\n text-transform: uppercase;\n}\n.text-24-normal-150 {\n line-height: 150%;\n}\n.text-24-bold, .text-24-bold-capitalize, .text-24-bold-uppercase {\n font-weight: 700;\n}\n.text-24-bold-uppercase {\n text-transform: uppercase;\n}\n.text-24-bold-capitalize {\n text-transform: capitalize;\n}\n.text-24-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-26, .text-26-italic, .text-26-bold, .text-26-bold-capitalize, .text-26-bold-uppercase, .text-26-normal, .text-26-normal-150, .text-26-normal-uppercase {\n font-style: normal;\n font-size: 1.625rem;\n line-height: 120%;\n}\n.text-26-normal, .text-26-normal-150, .text-26-normal-uppercase {\n font-weight: normal;\n}\n.text-26-normal-uppercase {\n text-transform: uppercase;\n}\n.text-26-normal-150 {\n line-height: 150%;\n}\n.text-26-bold, .text-26-bold-capitalize, .text-26-bold-uppercase {\n font-weight: 700;\n}\n.text-26-bold-uppercase {\n text-transform: uppercase;\n}\n.text-26-bold-capitalize {\n text-transform: capitalize;\n}\n.text-26-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-28, .text-28-italic, .text-28-bold, .text-28-bold-capitalize, .text-28-bold-uppercase, .text-28-normal, .text-28-normal-150, .text-28-normal-uppercase {\n font-style: normal;\n font-size: 1.75rem;\n line-height: 120%;\n}\n.text-28-normal, .text-28-normal-150, .text-28-normal-uppercase {\n font-weight: normal;\n}\n.text-28-normal-uppercase {\n text-transform: uppercase;\n}\n.text-28-normal-150 {\n line-height: 150%;\n}\n.text-28-bold, .text-28-bold-capitalize, .text-28-bold-uppercase {\n font-weight: 700;\n}\n.text-28-bold-uppercase {\n text-transform: uppercase;\n}\n.text-28-bold-capitalize {\n text-transform: capitalize;\n}\n.text-28-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-36, .text-36-italic, .text-36-bold, .text-36-bold-capitalize, .text-36-bold-uppercase, .text-36-normal, .text-36-normal-150, .text-36-normal-uppercase {\n font-style: normal;\n font-size: 2.25rem;\n line-height: 120%;\n}\n.text-36-normal, .text-36-normal-150, .text-36-normal-uppercase {\n font-weight: normal;\n}\n.text-36-normal-uppercase {\n text-transform: uppercase;\n}\n.text-36-normal-150 {\n line-height: 150%;\n}\n.text-36-bold, .text-36-bold-capitalize, .text-36-bold-uppercase {\n font-weight: 700;\n}\n.text-36-bold-uppercase {\n text-transform: uppercase;\n}\n.text-36-bold-capitalize {\n text-transform: capitalize;\n}\n.text-36-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n/* Card */\n.card-title-on {\n font-family: Lato, sans-serif;\n font-style: normal;\n font-weight: normal;\n font-size: 1.125rem;\n line-height: 120%;\n color: #e0e0e0;\n}\n\n.card-text-bold {\n font-family: Lato, sans-serif;\n font-style: normal;\n font-weight: bold;\n font-size: 1rem;\n line-height: 120%;\n color: #e0e0e0;\n}\n\n.card-indicator {\n font-family: Lato, sans-serif;\n font-style: normal;\n font-weight: normal;\n font-size: 1rem;\n line-height: 120%;\n color: #e0e0e0;\n}\n\n.card-text {\n font-family: Lato, sans-serif;\n font-style: normal;\n font-weight: normal;\n font-size: 1rem;\n line-height: 120%;\n color: #e0e0e0;\n}\n\n/* Chart */\n.chart-ticks-x-text {\n font-family: Lato, sans-serif;\n font-style: normal;\n font-weight: normal;\n font-size: 1rem;\n line-height: 120%;\n}\n@media only screen and (max-width : 768px) {\n .chart-ticks-x-text {\n font-size: 0.685rem;\n }\n}\n\n.chart-ticks-y-text {\n font-family: Lato, sans-serif;\n font-style: normal;\n font-weight: normal;\n font-size: 0.9rem;\n line-height: 120%;\n}\n@media only screen and (max-width : 768px) {\n .chart-ticks-y-text {\n font-size: 0.75rem;\n }\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.axis {\n color: #7b7b7b;\n}\n.axis .tick-text {\n fill: #7b7b7b;\n}\n.axis .tick-text.tick-text-selected {\n fill: #e0e0e0;\n}\n.axis .separator {\n text-align: center;\n margin: 0 2px;\n font-size: 1rem !important;\n}\n\n.value-text {\n fill: #7b7b7b;\n}\n.value-text.selected {\n fill: #e0e0e0;\n}\n\n.barContainer.disabled *,\n.barFill.disabled * {\n cursor: default !important;\n}\n.barContainer:hover,\n.barFill:hover {\n cursor: pointer;\n}\n\n.background-true {\n opacity: 0.1;\n}\n.background-true:hover {\n cursor: pointer;\n}\n\n.background-false {\n opacity: 0;\n}\n\n.animate-background {\n transition: all 0.2s ease-out;\n}\n\n.bar-compare-ELECTRICITY:hover,\n.bar-compare-GAS:hover,\n.bar-compare-WATER:hover,\n.bar-compare-MULTIFLUID:hover,\n.bar-MULTIFLUID:hover,\n.bar-WATER:hover,\n.bar-GAS:hover,\n.bar-ELECTRICITY:hover {\n cursor: pointer;\n}\n.bar-compare-ELECTRICITY:hover.disabled,\n.bar-compare-GAS:hover.disabled,\n.bar-compare-WATER:hover.disabled,\n.bar-compare-MULTIFLUID:hover.disabled,\n.bar-MULTIFLUID:hover.disabled,\n.bar-WATER:hover.disabled,\n.bar-GAS:hover.disabled,\n.bar-ELECTRICITY:hover.disabled {\n cursor: default;\n}\n\n.bar-ELECTRICITY {\n fill: #5d3d2a;\n}\n.bar-ELECTRICITY.selected {\n fill: #d87b39;\n filter: drop-shadow(0 -0.1rem 0.2rem #d87b39);\n}\n\n.bar-compare-ELECTRICITY {\n fill: #795c47;\n}\n.bar-compare-ELECTRICITY.selected {\n fill: #e2bca1;\n filter: drop-shadow(0 -0.1rem 0.2rem #e2bca1);\n}\n\n.bar-WATER {\n fill: #20415e;\n}\n.bar-WATER.selected {\n fill: #3a98ec;\n filter: drop-shadow(0 -0.1rem 0.2rem #3a98ec);\n}\n\n.bar-compare-WATER {\n fill: #4d5c6e;\n}\n.bar-compare-WATER.selected {\n fill: #abd4fa;\n filter: drop-shadow(0 -0.1rem 0.2rem #abd4fa);\n}\n\n.bar-GAS {\n fill: #184940;\n}\n.bar-GAS.selected {\n fill: #45d1b8;\n filter: drop-shadow(0 -0.1rem 0.2rem #45d1b8);\n}\n\n.bar-compare-GAS {\n fill: #597773;\n}\n.bar-compare-GAS.selected {\n fill: #a8f7e9;\n filter: drop-shadow(0 -0.1rem 0.2rem #a8f7e9);\n}\n\n.bar-MULTIFLUID {\n fill: #705d1d;\n}\n.bar-MULTIFLUID.selected {\n fill: #e3b82a;\n filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a);\n}\n.bar-MULTIFLUID.disabled:hover {\n cursor: default;\n}\n\n.bar-duel {\n fill: #61f0f2;\n}\n.bar-duel.selected {\n fill: #61f0f2;\n filter: drop-shadow(0 -0.1rem 0.2rem #61f0f2);\n}\n.bar-duel.disabled:hover {\n cursor: default;\n}\n\n.bar-UPCOMING {\n fill: #7b7b7b;\n opacity: 0.6;\n}\n.bar-UPCOMING.selected {\n fill: #7b7b7b;\n}\n.bar-UPCOMING.disabled:hover {\n cursor: default;\n}\n\n.bar-compare-MULTIFLUID {\n fill: #7d6a4e;\n}\n.bar-compare-MULTIFLUID.selected {\n fill: #ffd597;\n filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a);\n}\n\n.bar-average {\n stroke-width: 2;\n stroke: #e3b82a;\n}\n\n.week {\n fill: #e2bca1;\n}\n.week.selected {\n fill: #e2bca1;\n filter: drop-shadow(0 -0.1rem 0.2rem #e2bca1);\n}\n\n.weekend {\n fill: #ffd597;\n}\n.weekend.selected {\n fill: #ffd597;\n filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a);\n}\n\n.barValue {\n outline: none;\n}\n.barValue:focus-visible {\n outline: 2px solid #1b8bff;\n outline-offset: 2px;\n}\n\n/** Animation **/\n.bounce-1 {\n animation-name: bounce-1;\n animation-timing-function: cubic-bezier(1, 1, 0.42, 1);\n animation-iteration-count: 1;\n transform-origin: bottom center;\n transform-box: fill-box;\n}\n\n@keyframes bounce-1 {\n 0% {\n transform: scale(0.1, 0.1);\n }\n 28% {\n transform: scale(0.1, 1.1);\n }\n 45% {\n transform: scale(0.8, 0.95);\n }\n 55% {\n transform: scale(1, 1);\n }\n 65% {\n transform: scale(1, 0.98);\n }\n 75% {\n transform: scale(1, 1);\n }\n}\n.bounce-2 {\n animation-name: bounce-2;\n animation-timing-function: cubic-bezier(1, 1, 0.42, 1);\n animation-iteration-count: 1;\n transform-origin: bottom center;\n transform-box: fill-box;\n}\n\n@keyframes bounce-2 {\n 0% {\n transform: scale(1, 1);\n }\n 28% {\n transform: scale(1, 1.1);\n }\n 45% {\n transform: scale(0.8, 0.95);\n }\n 55% {\n transform: scale(1, 1);\n }\n 65% {\n transform: scale(1, 0.98);\n }\n 75% {\n transform: scale(1, 1);\n }\n}\n/** Animation delay **/\n.delay {\n animation-duration: 0.4s;\n}\n\n.delay--0 {\n animation-duration: 0.4s;\n}\n\n.delay--1 {\n animation-duration: 0.48s;\n}\n\n.delay--2 {\n animation-duration: 0.56s;\n}\n\n.delay--3 {\n animation-duration: 0.64s;\n}\n\n.delay--4 {\n animation-duration: 0.72s;\n}\n\n.delay--5 {\n animation-duration: 0.8s;\n}\n\n.delay--6 {\n animation-duration: 0.88s;\n}\n\n.delay--7 {\n animation-duration: 0.96s;\n}\n\n.delay--8 {\n animation-duration: 1.04s;\n}\n\n.delay--9 {\n animation-duration: 1.12s;\n}\n\n.delay--10 {\n animation-duration: 1.2s;\n}\n\n.delay--11 {\n animation-duration: 1.28s;\n}\n\n.delay--12 {\n animation-duration: 1.36s;\n}\n\n.delay--13 {\n animation-duration: 1.44s;\n}\n\n.delay--14 {\n animation-duration: 1.52s;\n}\n\n.delay--15 {\n animation-duration: 1.6s;\n}\n\n.delay--16 {\n animation-duration: 1.68s;\n}\n\n.delay--17 {\n animation-duration: 1.76s;\n}\n\n.delay--18 {\n animation-duration: 1.84s;\n}\n\n.delay--19 {\n animation-duration: 1.92s;\n}\n\n.delay--20 {\n animation-duration: 2s;\n}\n\n.delay--21 {\n animation-duration: 2.08s;\n}\n\n.delay--22 {\n animation-duration: 2.16s;\n}\n\n.delay--23 {\n animation-duration: 2.24s;\n}\n\n.delay--24 {\n animation-duration: 2.32s;\n}\n\n.delay--25 {\n animation-duration: 2.4s;\n}\n\n.delay--26 {\n animation-duration: 2.48s;\n}\n\n.delay--27 {\n animation-duration: 2.56s;\n}\n\n.delay--28 {\n animation-duration: 2.64s;\n}\n\n.delay--29 {\n animation-duration: 2.72s;\n}\n\n.delay--30 {\n animation-duration: 2.8s;\n}\n\n.delay--31 {\n animation-duration: 2.88s;\n}\n\n.delay--32 {\n animation-duration: 2.96s;\n}\n\n.delay--33 {\n animation-duration: 3.04s;\n}\n\n.delay--34 {\n animation-duration: 3.12s;\n}\n\n.delay--35 {\n animation-duration: 3.2s;\n}\n\n.delay--36 {\n animation-duration: 3.28s;\n}\n\n.delay--37 {\n animation-duration: 3.36s;\n}\n\n.delay--38 {\n animation-duration: 3.44s;\n}\n\n.delay--39 {\n animation-duration: 3.52s;\n}\n\n.delay--40 {\n animation-duration: 3.6s;\n}\n\n.delay--41 {\n animation-duration: 3.68s;\n}\n\n.delay--42 {\n animation-duration: 3.76s;\n}\n\n.delay--43 {\n animation-duration: 3.84s;\n}\n\n.delay--44 {\n animation-duration: 3.92s;\n}\n\n.delay--45 {\n animation-duration: 4s;\n}\n\n.delay--46 {\n animation-duration: 4.08s;\n}\n\n.delay--47 {\n animation-duration: 4.16s;\n}\n\n.delay--48 {\n animation-duration: 4.24s;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\nbutton span {\n font-size: 1rem;\n font-weight: 700;\n}\nbutton:focus-visible {\n outline: 2px solid #1b8bff;\n outline-offset: 2px;\n}\nbutton.btnPrimary {\n background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017;\n border: 1px solid;\n border-color: transparent;\n border-radius: 4px;\n width: 100%;\n text-transform: initial;\n transition: all 150ms ease-in-out;\n}\nbutton.btnPrimary span:first-child {\n color: #121212;\n}\nbutton.btnPrimary:hover, button.btnPrimary:focus, button.btnPrimary.active, button.btnPrimary:disabled {\n background-color: #b89318;\n}\nbutton.btnPrimary:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\nbutton.btnSecondary {\n background: transparent;\n border: 1px solid;\n border-color: #e0e0e0;\n border-radius: 4px;\n width: 100%;\n text-transform: initial;\n transition: all 150ms ease-in-out;\n}\nbutton.btnSecondary span:first-child {\n color: #e0e0e0;\n}\nbutton.btnSecondary:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\nbutton.btnText span {\n text-decoration: underline;\n text-transform: none;\n font-weight: 400;\n}\nbutton.btnIncrement {\n background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n border: 1px solid;\n border-color: transparent;\n border-radius: 4px;\n width: 100%;\n text-transform: initial;\n transition: all 150ms ease-in-out;\n min-width: 40px;\n width: 40px;\n height: 40px;\n border-radius: 4px;\n box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.55);\n}\nbutton.btnIncrement span:first-child {\n color: #ffffff;\n}\nbutton.btnIncrement:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\nbutton.btnTab {\n background: transparent;\n border: 1px solid;\n border-color: transparent;\n border-radius: 4px;\n width: 100%;\n text-transform: initial;\n transition: all 150ms ease-in-out;\n text-transform: none;\n border-radius: 43px !important;\n height: 25px;\n min-width: fit-content;\n padding: 4px;\n}\nbutton.btnTab span:first-child {\n color: #e0e0e0;\n}\nbutton.btnTab:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\nbutton.btnTab span {\n font-weight: 400;\n line-height: normal;\n}\nbutton.btnTab.active {\n background: rgba(255, 255, 255, 0.1);\n}\nbutton.btnTab.active span {\n font-weight: 700;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\ninput.inputText,\ninput.inputNumber {\n box-sizing: border-box;\n border: 1px solid #7b7b7b;\n background: transparent;\n transition: all 300ms ease;\n color: #e0e0e0;\n}\n\ninput.inputText {\n appearance: none;\n border-radius: 4px;\n height: 45px;\n width: 100%;\n max-width: 280px;\n padding: 0 0.5rem;\n}\n\ninput.inputNumber {\n border-radius: 2px;\n height: 40px;\n width: 60px;\n max-width: 5rem;\n text-align: center;\n}\n\ninput:focus-visible {\n outline: 2px solid #1b8bff;\n outline-offset: 2px;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.card {\n background-color: #23252d;\n border: 1px solid #2f3139;\n box-sizing: border-box;\n box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);\n border-radius: 4px;\n padding: 16px;\n}\n.card:hover {\n opacity: 0.9;\n}\n.card.rich-card {\n padding: 16px;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\ndiv.modal-root .MuiBackdrop-root {\n background-color: hsla(231deg, 11%, 12%, 0.85);\n}\n\ndiv.modal-paper {\n background: #23252d;\n border: 1px solid #2f3139;\n width: 36rem;\n max-width: 100%;\n max-height: 90vh;\n padding: 2rem;\n box-sizing: border-box;\n box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n border-radius: 4px;\n margin: 0 0 0 13.75rem;\n align-items: center;\n color: #ffffff;\n}\n@media only screen and (max-width : 1023px) {\n div.modal-paper {\n width: 35rem;\n margin: 0;\n }\n}\n@media only screen and (max-width : 768px) {\n div.modal-paper {\n padding: 1rem 1rem 1.5rem;\n width: 85%;\n max-width: 35rem;\n margin: 0;\n }\n}\ndiv.modal-paper.no-padding {\n padding: 0;\n}\ndiv.modal-paper .modal-paper-close-button {\n position: absolute;\n top: 0.5rem;\n right: 0.5rem;\n padding: 5px 5px;\n z-index: 10;\n}\n\ndiv.modal-paper-full-screen {\n background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n width: 100%;\n max-width: 100%;\n height: 100%;\n max-height: 100%;\n padding: 0;\n margin: 0;\n box-sizing: border-box;\n box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n border-radius: 4px;\n color: #ffffff;\n display: flex;\n align-items: center;\n}\ndiv.modal-paper-full-screen.dark-background {\n background: #121212;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\ndiv.expansion-panel-root {\n margin-bottom: 1rem;\n color: #e0e0e0;\n background-color: #23252d;\n border: 1px solid #2f3139;\n border-radius: 4px;\n box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);\n transition: background-color 0.6s ease;\n box-sizing: border-box;\n}\ndiv.expansion-panel-root.Mui-expanded:first-child {\n margin: 1.2rem 0;\n}\ndiv.expansion-panel-root.Mui-expanded:last-child {\n margin: 1.2rem 0;\n}\ndiv.expansion-panel-root.red-border {\n border: 1px solid #d25959;\n}\n\ndiv.expansion-panel-summary {\n padding: 0.25rem 1rem;\n min-height: 4rem;\n}\ndiv.expansion-panel-summary.Mui-focused {\n border-radius: 4px;\n background-color: unset;\n box-shadow: 0 0 0 1px #e0e0e0;\n}\ndiv.expansion-panel-summary:focus-visible {\n outline: 2px solid #1b8bff;\n outline-offset: 2px;\n}\ndiv.expansion-panel-summary.Mui-expanded {\n min-height: 4rem;\n}\ndiv.expansion-panel-summary.Mui-expanded.small {\n min-height: 3rem;\n}\ndiv.expansion-panel-summary.small {\n padding: 0 1.2rem;\n min-height: 3rem;\n}\ndiv.expansion-panel-summary.bold-text {\n font-weight: bold;\n}\n\ndiv.expansion-panel-content {\n display: flex;\n align-items: center;\n}\ndiv.expansion-panel-content.Mui-expanded {\n margin: 0.75rem 0;\n}\n\ndiv.expansion-panel-details {\n padding: 0 1.2rem 1.2rem;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\na {\n color: #deaf0e;\n}\na:visited {\n color: #deaf0e;\n}\n\na:focus {\n outline: none;\n box-shadow: inset 0 0 0 1px #e0e0e0;\n}\na:focus > div:first-child {\n box-shadow: 0 0 0 1px #e0e0e0;\n}\n\na:focus-visible {\n outline: 2px solid #1b8bff;\n outline-offset: 2px;\n}\n\na.MuiLink-underlineHover:hover {\n text-decoration: none;\n}\n\na.MuiTypography-colorPrimary {\n color: #e0e0e0;\n}\n\n:root {\n white-space: pre-line;\n --blue: #58ffff;\n --blue40: rgba(88, 255, 255, 0.2509803922);\n --blueBackground: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(1, 153, 163, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #58ffff;\n --blueRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(1, 153, 163, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #58ffff;\n --blueRadialGradientTrans: radial-gradient(circle, #58ffff 0%, rgba(255, 255, 255, 0) 100%);\n --elecColor: #d87b39;\n --elecColor40: rgba(216, 123, 57, 0.4);\n --elecCompareColor: #e2bca1;\n --gasColor: #45d1b8;\n --gasColor40: rgba(69, 209, 184, 0.4);\n --gasCompareColor: #a8f7e9;\n --waterColor: #3a98ec;\n --waterColor40: rgba(58, 152, 236, 0.4);\n --waterCompareColor: #abd4fa;\n --multiColor: #e3b82a;\n --multiCompareColor: #ffd597;\n --redPrimary: #d25959;\n --greyBright: #e0e0e0;\n --greyDark: #7b7b7b;\n --textWhite: #ffffff;\n --softGrey: #a0a0a0;\n --darkLight: #25262b;\n --darkLight2: #121212;\n --textFont: Lato, sans-serif;\n --greyLinearGradientBackground: linear-gradient(180deg, #323339 0%, #25262b 100%);\n --multiColorRadialGradientTrans: radial-gradient(circle, #e3b82a 0%, rgba(255, 255, 255, 0) 100%);\n --elecColorRadialGradientTrans: radial-gradient(circle, #d87b39 0%, rgba(255, 255, 255, 0) 100%);\n --waterColorRadialGradientTrans: radial-gradient(circle, #3a98ec 0%, rgba(255, 255, 255, 0) 100%);\n --gasColorRadialGradientTrans: radial-gradient(circle, #e3b82a 0%, rgba(255, 255, 255, 0) 100%);\n --multiColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017;\n --elecColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(158, 67, 2, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #d87b39;\n --gasColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(4, 106, 88, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #45d1b8;\n --waterColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(2, 93, 174, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #3a98ec;\n --grey-0: #1b1c21;\n --grey-1: #23252d;\n --grey-2: #2f3139;\n --paperBackgroundColor: $dark-2;\n --primaryTextColor: $grey-bright;\n}\n\n.application {\n overflow-x: hidden;\n}\n\n.accordion-icon {\n color: #ffffff;\n}\n\n.loaderContainer {\n height: 80vh;\n display: flex;\n flex: 1;\n justify-content: center;\n align-items: center;\n background-color: transparent;\n}\n\n.makeStyles-fab-1 {\n top: 12px;\n left: 3rem !important;\n width: 36px !important;\n height: 36px !important;\n background-color: #7b7b7b !important;\n}\n\ninput:-webkit-autofill,\ninput:-webkit-autofill:hover,\ninput:-webkit-autofill:focus,\ninput:-webkit-autofill:active {\n -webkit-box-shadow: 0 0 0 30px #1b1c22 inset !important;\n}", ""]);
@@ -7305,7 +7305,7 @@ exports.default = _default;
exports = module.exports = __webpack_require__("DjJv")(false);
// Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.cardLast {\n height: inherit;\n box-sizing: border-box;\n padding: 1rem;\n transition: all 300ms ease;\n background-color: #23252d;\n border: 1px solid #2f3139;\n border-radius: 4px;\n text-align: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n flex: 1;\n}\n.cardLast svg {\n max-height: 150px;\n flex: 1;\n}", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.cardLast {\n height: inherit;\n box-sizing: border-box;\n padding: 1rem;\n transition: all 300ms ease;\n background-color: #23252d;\n border: 1px solid #2f3139;\n box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);\n border-radius: 4px;\n text-align: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n flex: 1;\n}\n.cardLast svg {\n max-height: 150px;\n flex: 1;\n}", ""]);
@@ -8460,7 +8460,7 @@ exports.default = _default;
exports = module.exports = __webpack_require__("DjJv")(false);
// Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.action-list-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n max-width: 600px;\n margin: auto;\n gap: 1rem;\n width: 100%;\n box-sizing: border-box;\n padding: 0 1.5rem;\n}", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.action-list-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n max-width: 600px;\n margin: auto;\n gap: 1rem;\n width: 100%;\n box-sizing: border-box;\n padding: 0 1rem;\n}", ""]);
@@ -8875,7 +8875,7 @@ if(false) {}
exports = module.exports = __webpack_require__("DjJv")(false);
// Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.action-begin {\n margin: auto;\n}\n\n.action-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n margin: auto;\n padding: 1.5rem;\n}\n\n.action-begin-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-around;\n box-sizing: border-box;\n box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n border-radius: 4px;\n transition: all 300ms ease;\n color: #ffffff;\n background-color: #23252d;\n height: auto;\n gap: 1.5rem;\n text-align: center;\n position: relative;\n padding: 5rem 1rem 1rem 1rem;\n}\n@media (min-width: 1201px) {\n .action-begin-container {\n margin: 6rem 1rem 1rem 1rem;\n }\n}\n.action-begin-container .icon-container {\n width: 8.125rem;\n height: 8.125rem;\n position: absolute;\n left: 0;\n right: 0;\n margin: 0 auto;\n top: -70px;\n background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n border-radius: 8px;\n border: solid 2px #e3b82a;\n display: flex;\n}\n.action-begin-container .action-icon {\n margin: auto;\n}\n.action-begin-container .action-icon-stars {\n margin-top: -4rem;\n}\n.action-begin-container .stars .star:not(:last-of-type) {\n margin-right: 0.4rem;\n}\n.action-begin-container .action-duration {\n color: #e0e0e0;\n}\n.action-begin-container .action-explanation {\n margin-bottom: 2rem;\n line-height: 24px;\n padding: 1rem;\n}\n@media (min-width: 1201px) {\n .action-begin-container .action-explanation {\n padding: 0rem 2rem;\n }\n}\n.action-begin-container .action-buttons {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n}\n\nh1 {\n color: #ffffff;\n}", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.action-begin {\n margin: auto;\n}\n\n.action-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n margin: auto;\n padding: 1.5rem;\n}\n\n.action-begin-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-around;\n box-sizing: border-box;\n box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n border-radius: 4px;\n transition: all 300ms ease;\n color: #ffffff;\n background-color: #23252d;\n height: auto;\n gap: 1.5rem;\n text-align: center;\n position: relative;\n padding: 5rem 1rem 1rem 1rem;\n}\n@media (min-width: 1201px) {\n .action-begin-container {\n margin: 6rem 1rem 1rem 1rem;\n }\n}\n.action-begin-container h1 {\n margin-block: 0;\n}\n.action-begin-container .icon-container {\n width: 8.125rem;\n height: 8.125rem;\n position: absolute;\n left: 0;\n right: 0;\n margin: 0 auto;\n top: -70px;\n background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n border-radius: 8px;\n border: solid 2px #e3b82a;\n display: flex;\n}\n.action-begin-container .action-icon {\n margin: auto;\n}\n.action-begin-container .action-icon-stars {\n margin-top: -4rem;\n}\n.action-begin-container .stars .star:not(:last-of-type) {\n margin-right: 0.4rem;\n}\n.action-begin-container .action-duration {\n color: #e0e0e0;\n}\n.action-begin-container .action-explanation {\n margin-bottom: 2rem;\n line-height: 24px;\n padding: 1rem;\n}\n@media (min-width: 1201px) {\n .action-begin-container .action-explanation {\n padding: 0rem 2rem;\n }\n}\n.action-begin-container .action-buttons {\n display: flex;\n flex-direction: column;\n gap: 8px;\n width: 100%;\n}\n\nh1 {\n color: #ffffff;\n}", ""]);
@@ -20142,10 +20142,10 @@ __webpack_require__.r(__webpack_exports__);
var symbol = new _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default.a({
- "id": "temperature-cold_4811f19a7d4ec7761ba7f56a7165d6ca",
- "use": "temperature-cold_4811f19a7d4ec7761ba7f56a7165d6ca-usage",
+ "id": "temperature-cold_e225754698fcb30f0d4ac6424f242307",
+ "use": "temperature-cold_e225754698fcb30f0d4ac6424f242307-usage",
"viewBox": "0 0 40 41",
- "content": "<symbol viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" id=\"temperature-cold_4811f19a7d4ec7761ba7f56a7165d6ca\">\n <rect y=\"0.5\" width=\"40\" height=\"40\" rx=\"4\" fill=\"white\" fill-opacity=\"0.1\" />\n <g clip-path=\"url(#temperature-cold_4811f19a7d4ec7761ba7f56a7165d6ca_clip0_7384_9152)\">\n <path d=\"M29.8266 17.8866C28.9066 13.2866 24.8666 9.83325 20.0133 9.83325C16.16 9.83325 12.8133 12.0199 11.1466 15.2199C7.13331 15.6466 4.01331 19.0466 4.01331 23.1666C4.01331 27.5799 7.59997 31.1666 12.0133 31.1666H29.3466C33.0266 31.1666 36.0133 28.1799 36.0133 24.4999C36.0133 20.9799 33.28 18.1266 29.8266 17.8866Z\" fill=\"white\" />\n </g>\n <defs>\n <clipPath id=\"temperature-cold_4811f19a7d4ec7761ba7f56a7165d6ca_clip0_7384_9152\">\n <rect width=\"32\" height=\"32\" fill=\"white\" transform=\"translate(4 4.5)\" />\n </clipPath>\n </defs>\n</symbol>"
+ "content": "<symbol viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" id=\"temperature-cold_e225754698fcb30f0d4ac6424f242307\">\n <rect y=\"0.5\" width=\"40\" height=\"40\" rx=\"8\" fill=\"white\" fill-opacity=\"0.1\" />\n <g clip-path=\"url(#temperature-cold_e225754698fcb30f0d4ac6424f242307_clip0_7485_37794)\">\n <path d=\"M29.8268 17.8866C28.9068 13.2866 24.8668 9.83331 20.0134 9.83331C16.1601 9.83331 12.8134 12.02 11.1468 15.22C7.13343 15.6466 4.01343 19.0466 4.01343 23.1666C4.01343 27.58 7.60009 31.1666 12.0134 31.1666H29.3468C33.0268 31.1666 36.0134 28.18 36.0134 24.5C36.0134 20.98 33.2801 18.1266 29.8268 17.8866Z\" fill=\"white\" />\n </g>\n <defs>\n <clipPath id=\"temperature-cold_e225754698fcb30f0d4ac6424f242307_clip0_7485_37794\">\n <rect width=\"32\" height=\"32\" fill=\"white\" transform=\"translate(4 4.5)\" />\n </clipPath>\n </defs>\n</symbol>"
});
var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default.a.add(symbol);
/* harmony default export */ __webpack_exports__["default"] = (symbol);
@@ -30199,7 +30199,7 @@ var EcogestureSelectionDetail = function EcogestureSelectionDetail(_ref) {
}
}, /*#__PURE__*/_react.default.createElement(_StyledIcon.default, {
icon: _selectionObjective.default,
- size: 40
+ size: 24
}), t('ecogesture_selection.button_objective')), /*#__PURE__*/_react.default.createElement(_core.Button, {
classes: {
root: 'btnSecondary doing',
@@ -30210,7 +30210,7 @@ var EcogestureSelectionDetail = function EcogestureSelectionDetail(_ref) {
}
}, /*#__PURE__*/_react.default.createElement(_StyledIcon.default, {
icon: _selectionDoing.default,
- size: 40
+ size: 24
}), t('ecogesture_selection.button_doing')), /*#__PURE__*/_react.default.createElement(_core.Button, {
classes: {
root: 'btnSecondary skip',
@@ -30221,7 +30221,7 @@ var EcogestureSelectionDetail = function EcogestureSelectionDetail(_ref) {
}
}, /*#__PURE__*/_react.default.createElement(_StyledIcon.default, {
icon: _selectionSkip.default,
- size: 40
+ size: 24
}), t('ecogesture_selection.button_skip'))));
};
var _default = EcogestureSelectionDetail;
@@ -30756,6 +30756,7 @@ var theme = (0, _core.createTheme)({
width: '100%',
border: '1px solid var(--grey-2)',
backgroundColor: 'var(--grey-1)',
+ boxShadow: ' 0px 4px 16px 0px rgba(0, 0, 0, 0.12)',
boxSizing: 'border-box',
borderRadius: 43,
padding: 8,
@@ -30776,6 +30777,7 @@ var theme = (0, _core.createTheme)({
},
MuiAccordion: {
root: {
+ boxShadow: ' 0px 4px 16px 0px rgba(0, 0, 0, 0.12)',
'&.MuiAccordion-root:before': {
backgroundColor: 'transparent'
}
diff --git a/index.html b/index.html
index 6d984161ff132070f68d85f117d2c669b2f3c2fc..a22f88d2b6028d16f21e6e0d561e716c1b69c953 100644
--- a/index.html
+++ b/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="{{.Locale}}"><head><meta charset="utf-8"><title>Ecolyo</title><link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"><link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"><!-- PWA Manifest --><link rel="manifest" href="/manifest.json" crossorigin="use-credentials"><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#297EF2"><meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,viewport-fit=cover"><!-- PWA Chrome --><link rel="icon" sizes="192x192" href="/android-chrome-192x192.png"><link rel="icon" sizes="512x512" href="/android-chrome-512x512.png"><!-- PWA iOS --><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="apple-touch-startup-image" href="/apple-touch-icon.png"><meta name="apple-mobile-web-app-title" content="Ecolyo"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><!-- PWA Colors --><meta name="theme-color" content="#343641"><meta name="background-color" content="#121212"><meta name="color-scheme" content="only dark">{{.ThemeCSS}} {{.CozyBar}}<script src="//{{.Domain}}/assets/js/piwik.js"></script></head><body><div role="application" class="application" data-cozy="{{.CozyData}}"><script src="vendors/ecolyo.21a27bc77d17a636e94a.js"></script><script src="app/ecolyo.78a5b6e94a7decf40b75.js"></script></div></body></html>
\ No newline at end of file
+<!DOCTYPE html><html lang="{{.Locale}}"><head><meta charset="utf-8"><title>Ecolyo</title><link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"><link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"><!-- PWA Manifest --><link rel="manifest" href="/manifest.json" crossorigin="use-credentials"><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#297EF2"><meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,viewport-fit=cover"><!-- PWA Chrome --><link rel="icon" sizes="192x192" href="/android-chrome-192x192.png"><link rel="icon" sizes="512x512" href="/android-chrome-512x512.png"><!-- PWA iOS --><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="apple-touch-startup-image" href="/apple-touch-icon.png"><meta name="apple-mobile-web-app-title" content="Ecolyo"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><!-- PWA Colors --><meta name="theme-color" content="#343641"><meta name="background-color" content="#121212"><meta name="color-scheme" content="only dark">{{.ThemeCSS}} {{.CozyBar}}<script src="//{{.Domain}}/assets/js/piwik.js"></script></head><body><div role="application" class="application" data-cozy="{{.CozyData}}"><script src="vendors/ecolyo.21a27bc77d17a636e94a.js"></script><script src="app/ecolyo.77902a081a257337a744.js"></script></div></body></html>
\ No newline at end of file
diff --git a/public/ecolyo.7392109173a05f37d4c1.js b/public/ecolyo.67b485726fa22e2b7152.js
similarity index 99%
rename from public/ecolyo.7392109173a05f37d4c1.js
rename to public/ecolyo.67b485726fa22e2b7152.js
index 09938de39004f4b6f6d4d1b0b6eaf0470b1bd79c..60e3a3db452d26f57eddfe5cb9b9274d532b58b7 100644
--- a/public/ecolyo.7392109173a05f37d4c1.js
+++ b/public/ecolyo.67b485726fa22e2b7152.js
@@ -23271,7 +23271,7 @@ exports.i(__webpack_require__("/O3k"), "");
exports.push([module.i, "@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap);", ""]);
// Module
-exports.push([module.i, "/* Cozy UI utilities classes */\n/* Cozy UI React components styles */\n/* App styles */\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\nbody {\n background: #1b1c21;\n overflow: unset !important;\n color: #e0e0e0;\n}\n\n.column {\n display: flex;\n flex-direction: column;\n}\n\n.row {\n display: flex;\n flex-direction: row;\n}\n\n.cozy-bar {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n}\n\n[role=banner] .coz-bar-container {\n background-color: #ffffff;\n}\n@media only screen and (max-width : 768px) {\n [role=banner] .coz-bar-container {\n padding: 0.6rem 0 0 0;\n background-color: unset;\n }\n}\n\n.coz-bar-wrapper {\n box-shadow: unset !important;\n background: unset !important;\n}\n\n.coz-label {\n color: #32363f;\n}\n\n.content-view-loading {\n height: 80vh;\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n color: #e0e0e0;\n}\n.content-view-loading .content-view-loading-text {\n padding-top: 1rem;\n margin: 0 2rem;\n text-align: center;\n}\n.content-view-loading .content-view-loading-button {\n max-width: 50vw;\n margin-top: 1rem;\n}\n\n[role=main] {\n /* width */\n /* Track */\n /* Handle */\n}\n[role=main]::-webkit-scrollbar {\n width: 10px;\n}\n[role=main]::-webkit-scrollbar-track {\n background: #3e4045;\n}\n[role=main]::-webkit-scrollbar-thumb {\n background: #6f7074;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n* {\n font-family: Lato, sans-serif;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np {\n font-family: Lato, sans-serif;\n}\n\n.home-title {\n font-size: 1rem;\n font-family: Lato, sans-serif;\n font-style: normal;\n font-weight: normal;\n line-height: 120%;\n text-transform: uppercase;\n}\n\n.app-title {\n font-family: Lato, sans-serif;\n font-style: normal;\n font-weight: bold;\n font-size: 21px;\n line-height: 24px;\n text-align: center;\n letter-spacing: 0.15px;\n color: #e0e0e0;\n text-shadow: 0px -1px 0px #060609, 0px 1px 0px rgba(255, 255, 255, 0.07);\n}\n\n.text-10, .text-10-italic, .text-10-bold, .text-10-bold-capitalize, .text-10-bold-uppercase, .text-10-normal, .text-10-normal-150, .text-10-normal-uppercase {\n font-style: normal;\n font-size: 0.625rem;\n line-height: 120%;\n}\n.text-10-normal, .text-10-normal-150, .text-10-normal-uppercase {\n font-weight: normal;\n}\n.text-10-normal-uppercase {\n text-transform: uppercase;\n}\n.text-10-normal-150 {\n line-height: 150%;\n}\n.text-10-bold, .text-10-bold-capitalize, .text-10-bold-uppercase {\n font-weight: 700;\n}\n.text-10-bold-uppercase {\n text-transform: uppercase;\n}\n.text-10-bold-capitalize {\n text-transform: capitalize;\n}\n.text-10-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-12, .text-12-italic, .text-12-bold, .text-12-bold-capitalize, .text-12-bold-uppercase, .text-12-normal, .text-12-normal-150, .text-12-normal-uppercase {\n font-style: normal;\n font-size: 0.75rem;\n line-height: 120%;\n}\n.text-12-normal, .text-12-normal-150, .text-12-normal-uppercase {\n font-weight: normal;\n}\n.text-12-normal-uppercase {\n text-transform: uppercase;\n}\n.text-12-normal-150 {\n line-height: 150%;\n}\n.text-12-bold, .text-12-bold-capitalize, .text-12-bold-uppercase {\n font-weight: 700;\n}\n.text-12-bold-uppercase {\n text-transform: uppercase;\n}\n.text-12-bold-capitalize {\n text-transform: capitalize;\n}\n.text-12-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-13, .text-13-italic, .text-13-bold, .text-13-bold-capitalize, .text-13-bold-uppercase, .text-13-normal, .text-13-normal-150, .text-13-normal-uppercase {\n font-style: normal;\n font-size: 0.8125rem;\n line-height: 120%;\n}\n.text-13-normal, .text-13-normal-150, .text-13-normal-uppercase {\n font-weight: normal;\n}\n.text-13-normal-uppercase {\n text-transform: uppercase;\n}\n.text-13-normal-150 {\n line-height: 150%;\n}\n.text-13-bold, .text-13-bold-capitalize, .text-13-bold-uppercase {\n font-weight: 700;\n}\n.text-13-bold-uppercase {\n text-transform: uppercase;\n}\n.text-13-bold-capitalize {\n text-transform: capitalize;\n}\n.text-13-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-14, .text-14-italic, .text-14-bold, .text-14-bold-capitalize, .text-14-bold-uppercase, .text-14-normal, .text-14-normal-150, .text-14-normal-uppercase {\n font-style: normal;\n font-size: 0.875rem;\n line-height: 120%;\n}\n.text-14-normal, .text-14-normal-150, .text-14-normal-uppercase {\n font-weight: normal;\n}\n.text-14-normal-uppercase {\n text-transform: uppercase;\n}\n.text-14-normal-150 {\n line-height: 150%;\n}\n.text-14-bold, .text-14-bold-capitalize, .text-14-bold-uppercase {\n font-weight: 700;\n}\n.text-14-bold-uppercase {\n text-transform: uppercase;\n}\n.text-14-bold-capitalize {\n text-transform: capitalize;\n}\n.text-14-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-15, .text-15-italic, .text-15-bold, .text-15-bold-capitalize, .text-15-bold-uppercase, .text-15-normal, .text-15-normal-150, .text-15-normal-uppercase {\n font-style: normal;\n font-size: 0.938rem;\n line-height: 120%;\n}\n.text-15-normal, .text-15-normal-150, .text-15-normal-uppercase {\n font-weight: normal;\n}\n.text-15-normal-uppercase {\n text-transform: uppercase;\n}\n.text-15-normal-150 {\n line-height: 150%;\n}\n.text-15-bold, .text-15-bold-capitalize, .text-15-bold-uppercase {\n font-weight: 700;\n}\n.text-15-bold-uppercase {\n text-transform: uppercase;\n}\n.text-15-bold-capitalize {\n text-transform: capitalize;\n}\n.text-15-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-16, .text-16-italic, .text-16-bold, .text-16-bold-capitalize, .text-16-bold-uppercase, .text-16-normal, .text-16-normal-150, .text-16-normal-uppercase {\n font-style: normal;\n font-size: 1rem;\n line-height: 120%;\n}\n.text-16-normal, .text-16-normal-150, .text-16-normal-uppercase {\n font-weight: normal;\n}\n.text-16-normal-uppercase {\n text-transform: uppercase;\n}\n.text-16-normal-150 {\n line-height: 150%;\n}\n.text-16-bold, .text-16-bold-capitalize, .text-16-bold-uppercase {\n font-weight: 700;\n}\n.text-16-bold-uppercase {\n text-transform: uppercase;\n}\n.text-16-bold-capitalize {\n text-transform: capitalize;\n}\n.text-16-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-18, .text-18-italic, .text-18-bold, .text-18-bold-capitalize, .text-18-bold-uppercase, .text-18-normal, .text-18-normal-150, .text-18-normal-uppercase {\n font-style: normal;\n font-size: 1.125rem;\n line-height: 120%;\n}\n.text-18-normal, .text-18-normal-150, .text-18-normal-uppercase {\n font-weight: normal;\n}\n.text-18-normal-uppercase {\n text-transform: uppercase;\n}\n.text-18-normal-150 {\n line-height: 150%;\n}\n.text-18-bold, .text-18-bold-capitalize, .text-18-bold-uppercase {\n font-weight: 700;\n}\n.text-18-bold-uppercase {\n text-transform: uppercase;\n}\n.text-18-bold-capitalize {\n text-transform: capitalize;\n}\n.text-18-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-19, .text-19-italic, .text-19-bold, .text-19-bold-capitalize, .text-19-bold-uppercase, .text-19-normal, .text-19-normal-150, .text-19-normal-uppercase {\n font-style: normal;\n font-size: 1.188rem;\n line-height: 120%;\n}\n.text-19-normal, .text-19-normal-150, .text-19-normal-uppercase {\n font-weight: normal;\n}\n.text-19-normal-uppercase {\n text-transform: uppercase;\n}\n.text-19-normal-150 {\n line-height: 150%;\n}\n.text-19-bold, .text-19-bold-capitalize, .text-19-bold-uppercase {\n font-weight: 700;\n}\n.text-19-bold-uppercase {\n text-transform: uppercase;\n}\n.text-19-bold-capitalize {\n text-transform: capitalize;\n}\n.text-19-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-20, .text-20-italic, .text-20-bold, .text-20-bold-capitalize, .text-20-bold-uppercase, .text-20-normal, .text-20-normal-150, .text-20-normal-uppercase {\n font-style: normal;\n font-size: 1.25rem;\n line-height: 120%;\n}\n.text-20-normal, .text-20-normal-150, .text-20-normal-uppercase {\n font-weight: normal;\n}\n.text-20-normal-uppercase {\n text-transform: uppercase;\n}\n.text-20-normal-150 {\n line-height: 150%;\n}\n.text-20-bold, .text-20-bold-capitalize, .text-20-bold-uppercase {\n font-weight: 700;\n}\n.text-20-bold-uppercase {\n text-transform: uppercase;\n}\n.text-20-bold-capitalize {\n text-transform: capitalize;\n}\n.text-20-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-21, .text-21-italic, .text-21-bold, .text-21-bold-capitalize, .text-21-bold-uppercase, .text-21-normal, .text-21-normal-150, .text-21-normal-uppercase {\n font-style: normal;\n font-size: 1.313rem;\n line-height: 120%;\n}\n.text-21-normal, .text-21-normal-150, .text-21-normal-uppercase {\n font-weight: normal;\n}\n.text-21-normal-uppercase {\n text-transform: uppercase;\n}\n.text-21-normal-150 {\n line-height: 150%;\n}\n.text-21-bold, .text-21-bold-capitalize, .text-21-bold-uppercase {\n font-weight: 700;\n}\n.text-21-bold-uppercase {\n text-transform: uppercase;\n}\n.text-21-bold-capitalize {\n text-transform: capitalize;\n}\n.text-21-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-22, .text-22-italic, .text-22-bold, .text-22-bold-capitalize, .text-22-bold-uppercase, .text-22-normal, .text-22-normal-150, .text-22-normal-uppercase {\n font-style: normal;\n font-size: 1.375rem;\n line-height: 120%;\n}\n.text-22-normal, .text-22-normal-150, .text-22-normal-uppercase {\n font-weight: normal;\n}\n.text-22-normal-uppercase {\n text-transform: uppercase;\n}\n.text-22-normal-150 {\n line-height: 150%;\n}\n.text-22-bold, .text-22-bold-capitalize, .text-22-bold-uppercase {\n font-weight: 700;\n}\n.text-22-bold-uppercase {\n text-transform: uppercase;\n}\n.text-22-bold-capitalize {\n text-transform: capitalize;\n}\n.text-22-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-24, .text-24-italic, .text-24-bold, .text-24-bold-capitalize, .text-24-bold-uppercase, .text-24-normal, .text-24-normal-150, .text-24-normal-uppercase {\n font-style: normal;\n font-size: 1.5rem;\n line-height: 120%;\n}\n.text-24-normal, .text-24-normal-150, .text-24-normal-uppercase {\n font-weight: normal;\n}\n.text-24-normal-uppercase {\n text-transform: uppercase;\n}\n.text-24-normal-150 {\n line-height: 150%;\n}\n.text-24-bold, .text-24-bold-capitalize, .text-24-bold-uppercase {\n font-weight: 700;\n}\n.text-24-bold-uppercase {\n text-transform: uppercase;\n}\n.text-24-bold-capitalize {\n text-transform: capitalize;\n}\n.text-24-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-26, .text-26-italic, .text-26-bold, .text-26-bold-capitalize, .text-26-bold-uppercase, .text-26-normal, .text-26-normal-150, .text-26-normal-uppercase {\n font-style: normal;\n font-size: 1.625rem;\n line-height: 120%;\n}\n.text-26-normal, .text-26-normal-150, .text-26-normal-uppercase {\n font-weight: normal;\n}\n.text-26-normal-uppercase {\n text-transform: uppercase;\n}\n.text-26-normal-150 {\n line-height: 150%;\n}\n.text-26-bold, .text-26-bold-capitalize, .text-26-bold-uppercase {\n font-weight: 700;\n}\n.text-26-bold-uppercase {\n text-transform: uppercase;\n}\n.text-26-bold-capitalize {\n text-transform: capitalize;\n}\n.text-26-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-28, .text-28-italic, .text-28-bold, .text-28-bold-capitalize, .text-28-bold-uppercase, .text-28-normal, .text-28-normal-150, .text-28-normal-uppercase {\n font-style: normal;\n font-size: 1.75rem;\n line-height: 120%;\n}\n.text-28-normal, .text-28-normal-150, .text-28-normal-uppercase {\n font-weight: normal;\n}\n.text-28-normal-uppercase {\n text-transform: uppercase;\n}\n.text-28-normal-150 {\n line-height: 150%;\n}\n.text-28-bold, .text-28-bold-capitalize, .text-28-bold-uppercase {\n font-weight: 700;\n}\n.text-28-bold-uppercase {\n text-transform: uppercase;\n}\n.text-28-bold-capitalize {\n text-transform: capitalize;\n}\n.text-28-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-36, .text-36-italic, .text-36-bold, .text-36-bold-capitalize, .text-36-bold-uppercase, .text-36-normal, .text-36-normal-150, .text-36-normal-uppercase {\n font-style: normal;\n font-size: 2.25rem;\n line-height: 120%;\n}\n.text-36-normal, .text-36-normal-150, .text-36-normal-uppercase {\n font-weight: normal;\n}\n.text-36-normal-uppercase {\n text-transform: uppercase;\n}\n.text-36-normal-150 {\n line-height: 150%;\n}\n.text-36-bold, .text-36-bold-capitalize, .text-36-bold-uppercase {\n font-weight: 700;\n}\n.text-36-bold-uppercase {\n text-transform: uppercase;\n}\n.text-36-bold-capitalize {\n text-transform: capitalize;\n}\n.text-36-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n/* Card */\n.card-title-on {\n font-family: Lato, sans-serif;\n font-style: normal;\n font-weight: normal;\n font-size: 1.125rem;\n line-height: 120%;\n color: #e0e0e0;\n}\n\n.card-text-bold {\n font-family: Lato, sans-serif;\n font-style: normal;\n font-weight: bold;\n font-size: 1rem;\n line-height: 120%;\n color: #e0e0e0;\n}\n\n.card-indicator {\n font-family: Lato, sans-serif;\n font-style: normal;\n font-weight: normal;\n font-size: 1rem;\n line-height: 120%;\n color: #e0e0e0;\n}\n\n.card-text {\n font-family: Lato, sans-serif;\n font-style: normal;\n font-weight: normal;\n font-size: 1rem;\n line-height: 120%;\n color: #e0e0e0;\n}\n\n/* Chart */\n.chart-ticks-x-text {\n font-family: Lato, sans-serif;\n font-style: normal;\n font-weight: normal;\n font-size: 1rem;\n line-height: 120%;\n}\n@media only screen and (max-width : 768px) {\n .chart-ticks-x-text {\n font-size: 0.685rem;\n }\n}\n\n.chart-ticks-y-text {\n font-family: Lato, sans-serif;\n font-style: normal;\n font-weight: normal;\n font-size: 0.9rem;\n line-height: 120%;\n}\n@media only screen and (max-width : 768px) {\n .chart-ticks-y-text {\n font-size: 0.75rem;\n }\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.axis {\n color: #7b7b7b;\n}\n.axis .tick-text {\n fill: #7b7b7b;\n}\n.axis .tick-text.tick-text-selected {\n fill: #e0e0e0;\n}\n.axis .separator {\n text-align: center;\n margin: 0 2px;\n font-size: 1rem !important;\n}\n\n.value-text {\n fill: #7b7b7b;\n}\n.value-text.selected {\n fill: #e0e0e0;\n}\n\n.barContainer.disabled *,\n.barFill.disabled * {\n cursor: default !important;\n}\n.barContainer:hover,\n.barFill:hover {\n cursor: pointer;\n}\n\n.background-true {\n opacity: 0.1;\n}\n.background-true:hover {\n cursor: pointer;\n}\n\n.background-false {\n opacity: 0;\n}\n\n.animate-background {\n transition: all 0.2s ease-out;\n}\n\n.bar-compare-ELECTRICITY:hover,\n.bar-compare-GAS:hover,\n.bar-compare-WATER:hover,\n.bar-compare-MULTIFLUID:hover,\n.bar-MULTIFLUID:hover,\n.bar-WATER:hover,\n.bar-GAS:hover,\n.bar-ELECTRICITY:hover {\n cursor: pointer;\n}\n.bar-compare-ELECTRICITY:hover.disabled,\n.bar-compare-GAS:hover.disabled,\n.bar-compare-WATER:hover.disabled,\n.bar-compare-MULTIFLUID:hover.disabled,\n.bar-MULTIFLUID:hover.disabled,\n.bar-WATER:hover.disabled,\n.bar-GAS:hover.disabled,\n.bar-ELECTRICITY:hover.disabled {\n cursor: default;\n}\n\n.bar-ELECTRICITY {\n fill: #5d3d2a;\n}\n.bar-ELECTRICITY.selected {\n fill: #d87b39;\n filter: drop-shadow(0 -0.1rem 0.2rem #d87b39);\n}\n\n.bar-compare-ELECTRICITY {\n fill: #795c47;\n}\n.bar-compare-ELECTRICITY.selected {\n fill: #e2bca1;\n filter: drop-shadow(0 -0.1rem 0.2rem #e2bca1);\n}\n\n.bar-WATER {\n fill: #20415e;\n}\n.bar-WATER.selected {\n fill: #3a98ec;\n filter: drop-shadow(0 -0.1rem 0.2rem #3a98ec);\n}\n\n.bar-compare-WATER {\n fill: #4d5c6e;\n}\n.bar-compare-WATER.selected {\n fill: #abd4fa;\n filter: drop-shadow(0 -0.1rem 0.2rem #abd4fa);\n}\n\n.bar-GAS {\n fill: #184940;\n}\n.bar-GAS.selected {\n fill: #45d1b8;\n filter: drop-shadow(0 -0.1rem 0.2rem #45d1b8);\n}\n\n.bar-compare-GAS {\n fill: #597773;\n}\n.bar-compare-GAS.selected {\n fill: #a8f7e9;\n filter: drop-shadow(0 -0.1rem 0.2rem #a8f7e9);\n}\n\n.bar-MULTIFLUID {\n fill: #705d1d;\n}\n.bar-MULTIFLUID.selected {\n fill: #e3b82a;\n filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a);\n}\n.bar-MULTIFLUID.disabled:hover {\n cursor: default;\n}\n\n.bar-duel {\n fill: #61f0f2;\n}\n.bar-duel.selected {\n fill: #61f0f2;\n filter: drop-shadow(0 -0.1rem 0.2rem #61f0f2);\n}\n.bar-duel.disabled:hover {\n cursor: default;\n}\n\n.bar-UPCOMING {\n fill: #7b7b7b;\n opacity: 0.6;\n}\n.bar-UPCOMING.selected {\n fill: #7b7b7b;\n}\n.bar-UPCOMING.disabled:hover {\n cursor: default;\n}\n\n.bar-compare-MULTIFLUID {\n fill: #7d6a4e;\n}\n.bar-compare-MULTIFLUID.selected {\n fill: #ffd597;\n filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a);\n}\n\n.bar-average {\n stroke-width: 2;\n stroke: #e3b82a;\n}\n\n.week {\n fill: #e2bca1;\n}\n.week.selected {\n fill: #e2bca1;\n filter: drop-shadow(0 -0.1rem 0.2rem #e2bca1);\n}\n\n.weekend {\n fill: #ffd597;\n}\n.weekend.selected {\n fill: #ffd597;\n filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a);\n}\n\n.barValue {\n outline: none;\n}\n.barValue:focus-visible {\n outline: 2px solid #1b8bff;\n outline-offset: 2px;\n}\n\n/** Animation **/\n.bounce-1 {\n animation-name: bounce-1;\n animation-timing-function: cubic-bezier(1, 1, 0.42, 1);\n animation-iteration-count: 1;\n transform-origin: bottom center;\n transform-box: fill-box;\n}\n\n@keyframes bounce-1 {\n 0% {\n transform: scale(0.1, 0.1);\n }\n 28% {\n transform: scale(0.1, 1.1);\n }\n 45% {\n transform: scale(0.8, 0.95);\n }\n 55% {\n transform: scale(1, 1);\n }\n 65% {\n transform: scale(1, 0.98);\n }\n 75% {\n transform: scale(1, 1);\n }\n}\n.bounce-2 {\n animation-name: bounce-2;\n animation-timing-function: cubic-bezier(1, 1, 0.42, 1);\n animation-iteration-count: 1;\n transform-origin: bottom center;\n transform-box: fill-box;\n}\n\n@keyframes bounce-2 {\n 0% {\n transform: scale(1, 1);\n }\n 28% {\n transform: scale(1, 1.1);\n }\n 45% {\n transform: scale(0.8, 0.95);\n }\n 55% {\n transform: scale(1, 1);\n }\n 65% {\n transform: scale(1, 0.98);\n }\n 75% {\n transform: scale(1, 1);\n }\n}\n/** Animation delay **/\n.delay {\n animation-duration: 0.4s;\n}\n\n.delay--0 {\n animation-duration: 0.4s;\n}\n\n.delay--1 {\n animation-duration: 0.48s;\n}\n\n.delay--2 {\n animation-duration: 0.56s;\n}\n\n.delay--3 {\n animation-duration: 0.64s;\n}\n\n.delay--4 {\n animation-duration: 0.72s;\n}\n\n.delay--5 {\n animation-duration: 0.8s;\n}\n\n.delay--6 {\n animation-duration: 0.88s;\n}\n\n.delay--7 {\n animation-duration: 0.96s;\n}\n\n.delay--8 {\n animation-duration: 1.04s;\n}\n\n.delay--9 {\n animation-duration: 1.12s;\n}\n\n.delay--10 {\n animation-duration: 1.2s;\n}\n\n.delay--11 {\n animation-duration: 1.28s;\n}\n\n.delay--12 {\n animation-duration: 1.36s;\n}\n\n.delay--13 {\n animation-duration: 1.44s;\n}\n\n.delay--14 {\n animation-duration: 1.52s;\n}\n\n.delay--15 {\n animation-duration: 1.6s;\n}\n\n.delay--16 {\n animation-duration: 1.68s;\n}\n\n.delay--17 {\n animation-duration: 1.76s;\n}\n\n.delay--18 {\n animation-duration: 1.84s;\n}\n\n.delay--19 {\n animation-duration: 1.92s;\n}\n\n.delay--20 {\n animation-duration: 2s;\n}\n\n.delay--21 {\n animation-duration: 2.08s;\n}\n\n.delay--22 {\n animation-duration: 2.16s;\n}\n\n.delay--23 {\n animation-duration: 2.24s;\n}\n\n.delay--24 {\n animation-duration: 2.32s;\n}\n\n.delay--25 {\n animation-duration: 2.4s;\n}\n\n.delay--26 {\n animation-duration: 2.48s;\n}\n\n.delay--27 {\n animation-duration: 2.56s;\n}\n\n.delay--28 {\n animation-duration: 2.64s;\n}\n\n.delay--29 {\n animation-duration: 2.72s;\n}\n\n.delay--30 {\n animation-duration: 2.8s;\n}\n\n.delay--31 {\n animation-duration: 2.88s;\n}\n\n.delay--32 {\n animation-duration: 2.96s;\n}\n\n.delay--33 {\n animation-duration: 3.04s;\n}\n\n.delay--34 {\n animation-duration: 3.12s;\n}\n\n.delay--35 {\n animation-duration: 3.2s;\n}\n\n.delay--36 {\n animation-duration: 3.28s;\n}\n\n.delay--37 {\n animation-duration: 3.36s;\n}\n\n.delay--38 {\n animation-duration: 3.44s;\n}\n\n.delay--39 {\n animation-duration: 3.52s;\n}\n\n.delay--40 {\n animation-duration: 3.6s;\n}\n\n.delay--41 {\n animation-duration: 3.68s;\n}\n\n.delay--42 {\n animation-duration: 3.76s;\n}\n\n.delay--43 {\n animation-duration: 3.84s;\n}\n\n.delay--44 {\n animation-duration: 3.92s;\n}\n\n.delay--45 {\n animation-duration: 4s;\n}\n\n.delay--46 {\n animation-duration: 4.08s;\n}\n\n.delay--47 {\n animation-duration: 4.16s;\n}\n\n.delay--48 {\n animation-duration: 4.24s;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\nbutton span {\n font-size: 1rem;\n font-weight: 700;\n}\nbutton:focus-visible {\n outline: 2px solid #1b8bff;\n outline-offset: 2px;\n}\nbutton.btnPrimary {\n background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017;\n border: 1px solid;\n border-color: transparent;\n border-radius: 4px;\n width: 100%;\n text-transform: initial;\n transition: all 150ms ease-in-out;\n}\nbutton.btnPrimary span:first-child {\n color: #121212;\n}\nbutton.btnPrimary:hover, button.btnPrimary:focus, button.btnPrimary.active, button.btnPrimary:disabled {\n background-color: #b89318;\n}\nbutton.btnPrimary:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\nbutton.btnSecondary {\n background: transparent;\n border: 1px solid;\n border-color: #e0e0e0;\n border-radius: 4px;\n width: 100%;\n text-transform: initial;\n transition: all 150ms ease-in-out;\n}\nbutton.btnSecondary span:first-child {\n color: #e0e0e0;\n}\nbutton.btnSecondary:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\nbutton.btnText span {\n text-decoration: underline;\n text-transform: none;\n font-weight: 400;\n}\nbutton.btnIncrement {\n background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n border: 1px solid;\n border-color: transparent;\n border-radius: 4px;\n width: 100%;\n text-transform: initial;\n transition: all 150ms ease-in-out;\n min-width: 40px;\n width: 40px;\n height: 40px;\n border-radius: 4px;\n box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.55);\n}\nbutton.btnIncrement span:first-child {\n color: #ffffff;\n}\nbutton.btnIncrement:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\nbutton.btnTab {\n background: transparent;\n border: 1px solid;\n border-color: transparent;\n border-radius: 4px;\n width: 100%;\n text-transform: initial;\n transition: all 150ms ease-in-out;\n text-transform: none;\n border-radius: 43px !important;\n height: 25px;\n padding: 4px;\n}\nbutton.btnTab span:first-child {\n color: #e0e0e0;\n}\nbutton.btnTab:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\nbutton.btnTab span {\n font-weight: 400;\n line-height: normal;\n}\nbutton.btnTab.active {\n background: rgba(255, 255, 255, 0.1);\n}\nbutton.btnTab.active span {\n font-weight: 700;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\ninput.inputText,\ninput.inputNumber {\n box-sizing: border-box;\n border: 1px solid #7b7b7b;\n background: transparent;\n transition: all 300ms ease;\n color: #e0e0e0;\n}\n\ninput.inputText {\n appearance: none;\n border-radius: 4px;\n height: 45px;\n width: 100%;\n max-width: 280px;\n padding: 0 0.5rem;\n}\n\ninput.inputNumber {\n border-radius: 2px;\n height: 40px;\n width: 60px;\n max-width: 5rem;\n text-align: center;\n}\n\ninput:focus-visible {\n outline: 2px solid #1b8bff;\n outline-offset: 2px;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.card {\n background-color: #23252d;\n border: 1px solid #2f3139;\n box-sizing: border-box;\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.75);\n border-radius: 4px;\n padding: 16px;\n}\n.card:hover {\n opacity: 0.9;\n}\n.card.rich-card {\n padding: 16px;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\ndiv.modal-root .MuiBackdrop-root {\n background-color: hsla(231deg, 11%, 12%, 0.85);\n}\n\ndiv.modal-paper {\n background: #23252d;\n border: 1px solid #2f3139;\n width: 36rem;\n max-width: 100%;\n max-height: 90vh;\n padding: 2rem;\n box-sizing: border-box;\n box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n border-radius: 4px;\n margin: 0 0 0 13.75rem;\n align-items: center;\n color: #ffffff;\n}\n@media only screen and (max-width : 1023px) {\n div.modal-paper {\n width: 35rem;\n margin: 0;\n }\n}\n@media only screen and (max-width : 768px) {\n div.modal-paper {\n padding: 1rem 1rem 1.5rem;\n width: 85%;\n max-width: 35rem;\n margin: 0;\n }\n}\ndiv.modal-paper.no-padding {\n padding: 0;\n}\ndiv.modal-paper .modal-paper-close-button {\n position: absolute;\n top: 0.5rem;\n right: 0.5rem;\n padding: 5px 5px;\n z-index: 10;\n}\n\ndiv.modal-paper-full-screen {\n background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n width: 100%;\n max-width: 100%;\n height: 100%;\n max-height: 100%;\n padding: 0;\n margin: 0;\n box-sizing: border-box;\n box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n border-radius: 4px;\n color: #ffffff;\n display: flex;\n align-items: center;\n}\ndiv.modal-paper-full-screen.dark-background {\n background: #121212;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\ndiv.expansion-panel-root {\n margin-bottom: 1rem;\n color: #e0e0e0;\n background-color: #23252d;\n border: 1px solid #2f3139;\n border-radius: 4px;\n box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);\n transition: background-color 0.6s ease;\n box-sizing: border-box;\n}\ndiv.expansion-panel-root.Mui-expanded:first-child {\n margin: 1.2rem 0;\n}\ndiv.expansion-panel-root.Mui-expanded:last-child {\n margin: 1.2rem 0;\n}\ndiv.expansion-panel-root.red-border {\n border: 1px solid #d25959;\n}\n\ndiv.expansion-panel-summary {\n padding: 0.25rem 1rem;\n min-height: 4rem;\n}\ndiv.expansion-panel-summary.Mui-focused {\n border-radius: 4px;\n background-color: unset;\n box-shadow: 0 0 0 1px #e0e0e0;\n}\ndiv.expansion-panel-summary:focus-visible {\n outline: 2px solid #1b8bff;\n outline-offset: 2px;\n}\ndiv.expansion-panel-summary.Mui-expanded {\n min-height: 4rem;\n}\ndiv.expansion-panel-summary.Mui-expanded.small {\n min-height: 3rem;\n}\ndiv.expansion-panel-summary.small {\n padding: 0 1.2rem;\n min-height: 3rem;\n}\ndiv.expansion-panel-summary.bold-text {\n font-weight: bold;\n}\n\ndiv.expansion-panel-content {\n display: flex;\n align-items: center;\n}\ndiv.expansion-panel-content.Mui-expanded {\n margin: 0.75rem 0;\n}\n\ndiv.expansion-panel-details {\n padding: 0 1.2rem 1.2rem;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\na {\n color: #deaf0e;\n}\na:visited {\n color: #deaf0e;\n}\n\na:focus {\n outline: none;\n box-shadow: inset 0 0 0 1px #e0e0e0;\n}\na:focus > div:first-child {\n box-shadow: 0 0 0 1px #e0e0e0;\n}\n\na:focus-visible {\n outline: 2px solid #1b8bff;\n outline-offset: 2px;\n}\n\na.MuiLink-underlineHover:hover {\n text-decoration: none;\n}\n\na.MuiTypography-colorPrimary {\n color: #e0e0e0;\n}\n\n:root {\n white-space: pre-line;\n --blue: #58ffff;\n --blue40: rgba(88, 255, 255, 0.2509803922);\n --blueBackground: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(1, 153, 163, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #58ffff;\n --blueRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(1, 153, 163, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #58ffff;\n --blueRadialGradientTrans: radial-gradient(circle, #58ffff 0%, rgba(255, 255, 255, 0) 100%);\n --elecColor: #d87b39;\n --elecColor40: rgba(216, 123, 57, 0.4);\n --elecCompareColor: #e2bca1;\n --gasColor: #45d1b8;\n --gasColor40: rgba(69, 209, 184, 0.4);\n --gasCompareColor: #a8f7e9;\n --waterColor: #3a98ec;\n --waterColor40: rgba(58, 152, 236, 0.4);\n --waterCompareColor: #abd4fa;\n --multiColor: #e3b82a;\n --multiCompareColor: #ffd597;\n --redPrimary: #d25959;\n --greyBright: #e0e0e0;\n --greyDark: #7b7b7b;\n --textWhite: #ffffff;\n --softGrey: #a0a0a0;\n --darkLight: #25262b;\n --darkLight2: #121212;\n --textFont: Lato, sans-serif;\n --greyLinearGradientBackground: linear-gradient(180deg, #323339 0%, #25262b 100%);\n --multiColorRadialGradientTrans: radial-gradient(circle, #e3b82a 0%, rgba(255, 255, 255, 0) 100%);\n --elecColorRadialGradientTrans: radial-gradient(circle, #d87b39 0%, rgba(255, 255, 255, 0) 100%);\n --waterColorRadialGradientTrans: radial-gradient(circle, #3a98ec 0%, rgba(255, 255, 255, 0) 100%);\n --gasColorRadialGradientTrans: radial-gradient(circle, #e3b82a 0%, rgba(255, 255, 255, 0) 100%);\n --multiColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017;\n --elecColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(158, 67, 2, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #d87b39;\n --gasColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(4, 106, 88, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #45d1b8;\n --waterColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(2, 93, 174, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #3a98ec;\n --grey-0: #1b1c21;\n --grey-1: #23252d;\n --grey-2: #2f3139;\n --paperBackgroundColor: $dark-2;\n --primaryTextColor: $grey-bright;\n}\n\n.application {\n overflow-x: hidden;\n}\n\n.accordion-icon {\n color: #ffffff;\n}\n\n.loaderContainer {\n height: 80vh;\n display: flex;\n flex: 1;\n justify-content: center;\n align-items: center;\n background-color: transparent;\n}\n\n.makeStyles-fab-1 {\n top: 12px;\n left: 3rem !important;\n width: 36px !important;\n height: 36px !important;\n background-color: #7b7b7b !important;\n}\n\ninput:-webkit-autofill,\ninput:-webkit-autofill:hover,\ninput:-webkit-autofill:focus,\ninput:-webkit-autofill:active {\n -webkit-box-shadow: 0 0 0 30px #1b1c22 inset !important;\n}", ""]);
+exports.push([module.i, "/* Cozy UI utilities classes */\n/* Cozy UI React components styles */\n/* App styles */\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\nbody {\n background: #1b1c21;\n overflow: unset !important;\n color: #e0e0e0;\n}\n\n.column {\n display: flex;\n flex-direction: column;\n}\n\n.row {\n display: flex;\n flex-direction: row;\n}\n\n.cozy-bar {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n}\n\n[role=banner] .coz-bar-container {\n background-color: #ffffff;\n}\n@media only screen and (max-width : 768px) {\n [role=banner] .coz-bar-container {\n padding: 0.6rem 0 0 0;\n background-color: unset;\n }\n}\n\n.coz-bar-wrapper {\n box-shadow: unset !important;\n background: unset !important;\n}\n\n.coz-label {\n color: #32363f;\n}\n\n.content-view-loading {\n height: 80vh;\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n color: #e0e0e0;\n}\n.content-view-loading .content-view-loading-text {\n padding-top: 1rem;\n margin: 0 2rem;\n text-align: center;\n}\n.content-view-loading .content-view-loading-button {\n max-width: 50vw;\n margin-top: 1rem;\n}\n\n[role=main] {\n /* width */\n /* Track */\n /* Handle */\n}\n[role=main]::-webkit-scrollbar {\n width: 10px;\n}\n[role=main]::-webkit-scrollbar-track {\n background: #3e4045;\n}\n[role=main]::-webkit-scrollbar-thumb {\n background: #6f7074;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n* {\n font-family: Lato, sans-serif;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np {\n font-family: Lato, sans-serif;\n}\n\n.home-title {\n font-size: 1rem;\n font-family: Lato, sans-serif;\n font-style: normal;\n font-weight: normal;\n line-height: 120%;\n text-transform: uppercase;\n}\n\n.app-title {\n font-family: Lato, sans-serif;\n font-style: normal;\n font-weight: bold;\n font-size: 21px;\n line-height: 24px;\n text-align: center;\n letter-spacing: 0.15px;\n color: #e0e0e0;\n text-shadow: 0px -1px 0px #060609, 0px 1px 0px rgba(255, 255, 255, 0.07);\n}\n\n.text-10, .text-10-italic, .text-10-bold, .text-10-bold-capitalize, .text-10-bold-uppercase, .text-10-normal, .text-10-normal-150, .text-10-normal-uppercase {\n font-style: normal;\n font-size: 0.625rem;\n line-height: 120%;\n}\n.text-10-normal, .text-10-normal-150, .text-10-normal-uppercase {\n font-weight: normal;\n}\n.text-10-normal-uppercase {\n text-transform: uppercase;\n}\n.text-10-normal-150 {\n line-height: 150%;\n}\n.text-10-bold, .text-10-bold-capitalize, .text-10-bold-uppercase {\n font-weight: 700;\n}\n.text-10-bold-uppercase {\n text-transform: uppercase;\n}\n.text-10-bold-capitalize {\n text-transform: capitalize;\n}\n.text-10-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-12, .text-12-italic, .text-12-bold, .text-12-bold-capitalize, .text-12-bold-uppercase, .text-12-normal, .text-12-normal-150, .text-12-normal-uppercase {\n font-style: normal;\n font-size: 0.75rem;\n line-height: 120%;\n}\n.text-12-normal, .text-12-normal-150, .text-12-normal-uppercase {\n font-weight: normal;\n}\n.text-12-normal-uppercase {\n text-transform: uppercase;\n}\n.text-12-normal-150 {\n line-height: 150%;\n}\n.text-12-bold, .text-12-bold-capitalize, .text-12-bold-uppercase {\n font-weight: 700;\n}\n.text-12-bold-uppercase {\n text-transform: uppercase;\n}\n.text-12-bold-capitalize {\n text-transform: capitalize;\n}\n.text-12-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-13, .text-13-italic, .text-13-bold, .text-13-bold-capitalize, .text-13-bold-uppercase, .text-13-normal, .text-13-normal-150, .text-13-normal-uppercase {\n font-style: normal;\n font-size: 0.8125rem;\n line-height: 120%;\n}\n.text-13-normal, .text-13-normal-150, .text-13-normal-uppercase {\n font-weight: normal;\n}\n.text-13-normal-uppercase {\n text-transform: uppercase;\n}\n.text-13-normal-150 {\n line-height: 150%;\n}\n.text-13-bold, .text-13-bold-capitalize, .text-13-bold-uppercase {\n font-weight: 700;\n}\n.text-13-bold-uppercase {\n text-transform: uppercase;\n}\n.text-13-bold-capitalize {\n text-transform: capitalize;\n}\n.text-13-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-14, .text-14-italic, .text-14-bold, .text-14-bold-capitalize, .text-14-bold-uppercase, .text-14-normal, .text-14-normal-150, .text-14-normal-uppercase {\n font-style: normal;\n font-size: 0.875rem;\n line-height: 120%;\n}\n.text-14-normal, .text-14-normal-150, .text-14-normal-uppercase {\n font-weight: normal;\n}\n.text-14-normal-uppercase {\n text-transform: uppercase;\n}\n.text-14-normal-150 {\n line-height: 150%;\n}\n.text-14-bold, .text-14-bold-capitalize, .text-14-bold-uppercase {\n font-weight: 700;\n}\n.text-14-bold-uppercase {\n text-transform: uppercase;\n}\n.text-14-bold-capitalize {\n text-transform: capitalize;\n}\n.text-14-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-15, .text-15-italic, .text-15-bold, .text-15-bold-capitalize, .text-15-bold-uppercase, .text-15-normal, .text-15-normal-150, .text-15-normal-uppercase {\n font-style: normal;\n font-size: 0.938rem;\n line-height: 120%;\n}\n.text-15-normal, .text-15-normal-150, .text-15-normal-uppercase {\n font-weight: normal;\n}\n.text-15-normal-uppercase {\n text-transform: uppercase;\n}\n.text-15-normal-150 {\n line-height: 150%;\n}\n.text-15-bold, .text-15-bold-capitalize, .text-15-bold-uppercase {\n font-weight: 700;\n}\n.text-15-bold-uppercase {\n text-transform: uppercase;\n}\n.text-15-bold-capitalize {\n text-transform: capitalize;\n}\n.text-15-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-16, .text-16-italic, .text-16-bold, .text-16-bold-capitalize, .text-16-bold-uppercase, .text-16-normal, .text-16-normal-150, .text-16-normal-uppercase {\n font-style: normal;\n font-size: 1rem;\n line-height: 120%;\n}\n.text-16-normal, .text-16-normal-150, .text-16-normal-uppercase {\n font-weight: normal;\n}\n.text-16-normal-uppercase {\n text-transform: uppercase;\n}\n.text-16-normal-150 {\n line-height: 150%;\n}\n.text-16-bold, .text-16-bold-capitalize, .text-16-bold-uppercase {\n font-weight: 700;\n}\n.text-16-bold-uppercase {\n text-transform: uppercase;\n}\n.text-16-bold-capitalize {\n text-transform: capitalize;\n}\n.text-16-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-18, .text-18-italic, .text-18-bold, .text-18-bold-capitalize, .text-18-bold-uppercase, .text-18-normal, .text-18-normal-150, .text-18-normal-uppercase {\n font-style: normal;\n font-size: 1.125rem;\n line-height: 120%;\n}\n.text-18-normal, .text-18-normal-150, .text-18-normal-uppercase {\n font-weight: normal;\n}\n.text-18-normal-uppercase {\n text-transform: uppercase;\n}\n.text-18-normal-150 {\n line-height: 150%;\n}\n.text-18-bold, .text-18-bold-capitalize, .text-18-bold-uppercase {\n font-weight: 700;\n}\n.text-18-bold-uppercase {\n text-transform: uppercase;\n}\n.text-18-bold-capitalize {\n text-transform: capitalize;\n}\n.text-18-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-19, .text-19-italic, .text-19-bold, .text-19-bold-capitalize, .text-19-bold-uppercase, .text-19-normal, .text-19-normal-150, .text-19-normal-uppercase {\n font-style: normal;\n font-size: 1.188rem;\n line-height: 120%;\n}\n.text-19-normal, .text-19-normal-150, .text-19-normal-uppercase {\n font-weight: normal;\n}\n.text-19-normal-uppercase {\n text-transform: uppercase;\n}\n.text-19-normal-150 {\n line-height: 150%;\n}\n.text-19-bold, .text-19-bold-capitalize, .text-19-bold-uppercase {\n font-weight: 700;\n}\n.text-19-bold-uppercase {\n text-transform: uppercase;\n}\n.text-19-bold-capitalize {\n text-transform: capitalize;\n}\n.text-19-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-20, .text-20-italic, .text-20-bold, .text-20-bold-capitalize, .text-20-bold-uppercase, .text-20-normal, .text-20-normal-150, .text-20-normal-uppercase {\n font-style: normal;\n font-size: 1.25rem;\n line-height: 120%;\n}\n.text-20-normal, .text-20-normal-150, .text-20-normal-uppercase {\n font-weight: normal;\n}\n.text-20-normal-uppercase {\n text-transform: uppercase;\n}\n.text-20-normal-150 {\n line-height: 150%;\n}\n.text-20-bold, .text-20-bold-capitalize, .text-20-bold-uppercase {\n font-weight: 700;\n}\n.text-20-bold-uppercase {\n text-transform: uppercase;\n}\n.text-20-bold-capitalize {\n text-transform: capitalize;\n}\n.text-20-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-21, .text-21-italic, .text-21-bold, .text-21-bold-capitalize, .text-21-bold-uppercase, .text-21-normal, .text-21-normal-150, .text-21-normal-uppercase {\n font-style: normal;\n font-size: 1.313rem;\n line-height: 120%;\n}\n.text-21-normal, .text-21-normal-150, .text-21-normal-uppercase {\n font-weight: normal;\n}\n.text-21-normal-uppercase {\n text-transform: uppercase;\n}\n.text-21-normal-150 {\n line-height: 150%;\n}\n.text-21-bold, .text-21-bold-capitalize, .text-21-bold-uppercase {\n font-weight: 700;\n}\n.text-21-bold-uppercase {\n text-transform: uppercase;\n}\n.text-21-bold-capitalize {\n text-transform: capitalize;\n}\n.text-21-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-22, .text-22-italic, .text-22-bold, .text-22-bold-capitalize, .text-22-bold-uppercase, .text-22-normal, .text-22-normal-150, .text-22-normal-uppercase {\n font-style: normal;\n font-size: 1.375rem;\n line-height: 120%;\n}\n.text-22-normal, .text-22-normal-150, .text-22-normal-uppercase {\n font-weight: normal;\n}\n.text-22-normal-uppercase {\n text-transform: uppercase;\n}\n.text-22-normal-150 {\n line-height: 150%;\n}\n.text-22-bold, .text-22-bold-capitalize, .text-22-bold-uppercase {\n font-weight: 700;\n}\n.text-22-bold-uppercase {\n text-transform: uppercase;\n}\n.text-22-bold-capitalize {\n text-transform: capitalize;\n}\n.text-22-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-24, .text-24-italic, .text-24-bold, .text-24-bold-capitalize, .text-24-bold-uppercase, .text-24-normal, .text-24-normal-150, .text-24-normal-uppercase {\n font-style: normal;\n font-size: 1.5rem;\n line-height: 120%;\n}\n.text-24-normal, .text-24-normal-150, .text-24-normal-uppercase {\n font-weight: normal;\n}\n.text-24-normal-uppercase {\n text-transform: uppercase;\n}\n.text-24-normal-150 {\n line-height: 150%;\n}\n.text-24-bold, .text-24-bold-capitalize, .text-24-bold-uppercase {\n font-weight: 700;\n}\n.text-24-bold-uppercase {\n text-transform: uppercase;\n}\n.text-24-bold-capitalize {\n text-transform: capitalize;\n}\n.text-24-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-26, .text-26-italic, .text-26-bold, .text-26-bold-capitalize, .text-26-bold-uppercase, .text-26-normal, .text-26-normal-150, .text-26-normal-uppercase {\n font-style: normal;\n font-size: 1.625rem;\n line-height: 120%;\n}\n.text-26-normal, .text-26-normal-150, .text-26-normal-uppercase {\n font-weight: normal;\n}\n.text-26-normal-uppercase {\n text-transform: uppercase;\n}\n.text-26-normal-150 {\n line-height: 150%;\n}\n.text-26-bold, .text-26-bold-capitalize, .text-26-bold-uppercase {\n font-weight: 700;\n}\n.text-26-bold-uppercase {\n text-transform: uppercase;\n}\n.text-26-bold-capitalize {\n text-transform: capitalize;\n}\n.text-26-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-28, .text-28-italic, .text-28-bold, .text-28-bold-capitalize, .text-28-bold-uppercase, .text-28-normal, .text-28-normal-150, .text-28-normal-uppercase {\n font-style: normal;\n font-size: 1.75rem;\n line-height: 120%;\n}\n.text-28-normal, .text-28-normal-150, .text-28-normal-uppercase {\n font-weight: normal;\n}\n.text-28-normal-uppercase {\n text-transform: uppercase;\n}\n.text-28-normal-150 {\n line-height: 150%;\n}\n.text-28-bold, .text-28-bold-capitalize, .text-28-bold-uppercase {\n font-weight: 700;\n}\n.text-28-bold-uppercase {\n text-transform: uppercase;\n}\n.text-28-bold-capitalize {\n text-transform: capitalize;\n}\n.text-28-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n.text-36, .text-36-italic, .text-36-bold, .text-36-bold-capitalize, .text-36-bold-uppercase, .text-36-normal, .text-36-normal-150, .text-36-normal-uppercase {\n font-style: normal;\n font-size: 2.25rem;\n line-height: 120%;\n}\n.text-36-normal, .text-36-normal-150, .text-36-normal-uppercase {\n font-weight: normal;\n}\n.text-36-normal-uppercase {\n text-transform: uppercase;\n}\n.text-36-normal-150 {\n line-height: 150%;\n}\n.text-36-bold, .text-36-bold-capitalize, .text-36-bold-uppercase {\n font-weight: 700;\n}\n.text-36-bold-uppercase {\n text-transform: uppercase;\n}\n.text-36-bold-capitalize {\n text-transform: capitalize;\n}\n.text-36-italic {\n font-style: italic;\n font-weight: normal;\n}\n\n/* Card */\n.card-title-on {\n font-family: Lato, sans-serif;\n font-style: normal;\n font-weight: normal;\n font-size: 1.125rem;\n line-height: 120%;\n color: #e0e0e0;\n}\n\n.card-text-bold {\n font-family: Lato, sans-serif;\n font-style: normal;\n font-weight: bold;\n font-size: 1rem;\n line-height: 120%;\n color: #e0e0e0;\n}\n\n.card-indicator {\n font-family: Lato, sans-serif;\n font-style: normal;\n font-weight: normal;\n font-size: 1rem;\n line-height: 120%;\n color: #e0e0e0;\n}\n\n.card-text {\n font-family: Lato, sans-serif;\n font-style: normal;\n font-weight: normal;\n font-size: 1rem;\n line-height: 120%;\n color: #e0e0e0;\n}\n\n/* Chart */\n.chart-ticks-x-text {\n font-family: Lato, sans-serif;\n font-style: normal;\n font-weight: normal;\n font-size: 1rem;\n line-height: 120%;\n}\n@media only screen and (max-width : 768px) {\n .chart-ticks-x-text {\n font-size: 0.685rem;\n }\n}\n\n.chart-ticks-y-text {\n font-family: Lato, sans-serif;\n font-style: normal;\n font-weight: normal;\n font-size: 0.9rem;\n line-height: 120%;\n}\n@media only screen and (max-width : 768px) {\n .chart-ticks-y-text {\n font-size: 0.75rem;\n }\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.axis {\n color: #7b7b7b;\n}\n.axis .tick-text {\n fill: #7b7b7b;\n}\n.axis .tick-text.tick-text-selected {\n fill: #e0e0e0;\n}\n.axis .separator {\n text-align: center;\n margin: 0 2px;\n font-size: 1rem !important;\n}\n\n.value-text {\n fill: #7b7b7b;\n}\n.value-text.selected {\n fill: #e0e0e0;\n}\n\n.barContainer.disabled *,\n.barFill.disabled * {\n cursor: default !important;\n}\n.barContainer:hover,\n.barFill:hover {\n cursor: pointer;\n}\n\n.background-true {\n opacity: 0.1;\n}\n.background-true:hover {\n cursor: pointer;\n}\n\n.background-false {\n opacity: 0;\n}\n\n.animate-background {\n transition: all 0.2s ease-out;\n}\n\n.bar-compare-ELECTRICITY:hover,\n.bar-compare-GAS:hover,\n.bar-compare-WATER:hover,\n.bar-compare-MULTIFLUID:hover,\n.bar-MULTIFLUID:hover,\n.bar-WATER:hover,\n.bar-GAS:hover,\n.bar-ELECTRICITY:hover {\n cursor: pointer;\n}\n.bar-compare-ELECTRICITY:hover.disabled,\n.bar-compare-GAS:hover.disabled,\n.bar-compare-WATER:hover.disabled,\n.bar-compare-MULTIFLUID:hover.disabled,\n.bar-MULTIFLUID:hover.disabled,\n.bar-WATER:hover.disabled,\n.bar-GAS:hover.disabled,\n.bar-ELECTRICITY:hover.disabled {\n cursor: default;\n}\n\n.bar-ELECTRICITY {\n fill: #5d3d2a;\n}\n.bar-ELECTRICITY.selected {\n fill: #d87b39;\n filter: drop-shadow(0 -0.1rem 0.2rem #d87b39);\n}\n\n.bar-compare-ELECTRICITY {\n fill: #795c47;\n}\n.bar-compare-ELECTRICITY.selected {\n fill: #e2bca1;\n filter: drop-shadow(0 -0.1rem 0.2rem #e2bca1);\n}\n\n.bar-WATER {\n fill: #20415e;\n}\n.bar-WATER.selected {\n fill: #3a98ec;\n filter: drop-shadow(0 -0.1rem 0.2rem #3a98ec);\n}\n\n.bar-compare-WATER {\n fill: #4d5c6e;\n}\n.bar-compare-WATER.selected {\n fill: #abd4fa;\n filter: drop-shadow(0 -0.1rem 0.2rem #abd4fa);\n}\n\n.bar-GAS {\n fill: #184940;\n}\n.bar-GAS.selected {\n fill: #45d1b8;\n filter: drop-shadow(0 -0.1rem 0.2rem #45d1b8);\n}\n\n.bar-compare-GAS {\n fill: #597773;\n}\n.bar-compare-GAS.selected {\n fill: #a8f7e9;\n filter: drop-shadow(0 -0.1rem 0.2rem #a8f7e9);\n}\n\n.bar-MULTIFLUID {\n fill: #705d1d;\n}\n.bar-MULTIFLUID.selected {\n fill: #e3b82a;\n filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a);\n}\n.bar-MULTIFLUID.disabled:hover {\n cursor: default;\n}\n\n.bar-duel {\n fill: #61f0f2;\n}\n.bar-duel.selected {\n fill: #61f0f2;\n filter: drop-shadow(0 -0.1rem 0.2rem #61f0f2);\n}\n.bar-duel.disabled:hover {\n cursor: default;\n}\n\n.bar-UPCOMING {\n fill: #7b7b7b;\n opacity: 0.6;\n}\n.bar-UPCOMING.selected {\n fill: #7b7b7b;\n}\n.bar-UPCOMING.disabled:hover {\n cursor: default;\n}\n\n.bar-compare-MULTIFLUID {\n fill: #7d6a4e;\n}\n.bar-compare-MULTIFLUID.selected {\n fill: #ffd597;\n filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a);\n}\n\n.bar-average {\n stroke-width: 2;\n stroke: #e3b82a;\n}\n\n.week {\n fill: #e2bca1;\n}\n.week.selected {\n fill: #e2bca1;\n filter: drop-shadow(0 -0.1rem 0.2rem #e2bca1);\n}\n\n.weekend {\n fill: #ffd597;\n}\n.weekend.selected {\n fill: #ffd597;\n filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a);\n}\n\n.barValue {\n outline: none;\n}\n.barValue:focus-visible {\n outline: 2px solid #1b8bff;\n outline-offset: 2px;\n}\n\n/** Animation **/\n.bounce-1 {\n animation-name: bounce-1;\n animation-timing-function: cubic-bezier(1, 1, 0.42, 1);\n animation-iteration-count: 1;\n transform-origin: bottom center;\n transform-box: fill-box;\n}\n\n@keyframes bounce-1 {\n 0% {\n transform: scale(0.1, 0.1);\n }\n 28% {\n transform: scale(0.1, 1.1);\n }\n 45% {\n transform: scale(0.8, 0.95);\n }\n 55% {\n transform: scale(1, 1);\n }\n 65% {\n transform: scale(1, 0.98);\n }\n 75% {\n transform: scale(1, 1);\n }\n}\n.bounce-2 {\n animation-name: bounce-2;\n animation-timing-function: cubic-bezier(1, 1, 0.42, 1);\n animation-iteration-count: 1;\n transform-origin: bottom center;\n transform-box: fill-box;\n}\n\n@keyframes bounce-2 {\n 0% {\n transform: scale(1, 1);\n }\n 28% {\n transform: scale(1, 1.1);\n }\n 45% {\n transform: scale(0.8, 0.95);\n }\n 55% {\n transform: scale(1, 1);\n }\n 65% {\n transform: scale(1, 0.98);\n }\n 75% {\n transform: scale(1, 1);\n }\n}\n/** Animation delay **/\n.delay {\n animation-duration: 0.4s;\n}\n\n.delay--0 {\n animation-duration: 0.4s;\n}\n\n.delay--1 {\n animation-duration: 0.48s;\n}\n\n.delay--2 {\n animation-duration: 0.56s;\n}\n\n.delay--3 {\n animation-duration: 0.64s;\n}\n\n.delay--4 {\n animation-duration: 0.72s;\n}\n\n.delay--5 {\n animation-duration: 0.8s;\n}\n\n.delay--6 {\n animation-duration: 0.88s;\n}\n\n.delay--7 {\n animation-duration: 0.96s;\n}\n\n.delay--8 {\n animation-duration: 1.04s;\n}\n\n.delay--9 {\n animation-duration: 1.12s;\n}\n\n.delay--10 {\n animation-duration: 1.2s;\n}\n\n.delay--11 {\n animation-duration: 1.28s;\n}\n\n.delay--12 {\n animation-duration: 1.36s;\n}\n\n.delay--13 {\n animation-duration: 1.44s;\n}\n\n.delay--14 {\n animation-duration: 1.52s;\n}\n\n.delay--15 {\n animation-duration: 1.6s;\n}\n\n.delay--16 {\n animation-duration: 1.68s;\n}\n\n.delay--17 {\n animation-duration: 1.76s;\n}\n\n.delay--18 {\n animation-duration: 1.84s;\n}\n\n.delay--19 {\n animation-duration: 1.92s;\n}\n\n.delay--20 {\n animation-duration: 2s;\n}\n\n.delay--21 {\n animation-duration: 2.08s;\n}\n\n.delay--22 {\n animation-duration: 2.16s;\n}\n\n.delay--23 {\n animation-duration: 2.24s;\n}\n\n.delay--24 {\n animation-duration: 2.32s;\n}\n\n.delay--25 {\n animation-duration: 2.4s;\n}\n\n.delay--26 {\n animation-duration: 2.48s;\n}\n\n.delay--27 {\n animation-duration: 2.56s;\n}\n\n.delay--28 {\n animation-duration: 2.64s;\n}\n\n.delay--29 {\n animation-duration: 2.72s;\n}\n\n.delay--30 {\n animation-duration: 2.8s;\n}\n\n.delay--31 {\n animation-duration: 2.88s;\n}\n\n.delay--32 {\n animation-duration: 2.96s;\n}\n\n.delay--33 {\n animation-duration: 3.04s;\n}\n\n.delay--34 {\n animation-duration: 3.12s;\n}\n\n.delay--35 {\n animation-duration: 3.2s;\n}\n\n.delay--36 {\n animation-duration: 3.28s;\n}\n\n.delay--37 {\n animation-duration: 3.36s;\n}\n\n.delay--38 {\n animation-duration: 3.44s;\n}\n\n.delay--39 {\n animation-duration: 3.52s;\n}\n\n.delay--40 {\n animation-duration: 3.6s;\n}\n\n.delay--41 {\n animation-duration: 3.68s;\n}\n\n.delay--42 {\n animation-duration: 3.76s;\n}\n\n.delay--43 {\n animation-duration: 3.84s;\n}\n\n.delay--44 {\n animation-duration: 3.92s;\n}\n\n.delay--45 {\n animation-duration: 4s;\n}\n\n.delay--46 {\n animation-duration: 4.08s;\n}\n\n.delay--47 {\n animation-duration: 4.16s;\n}\n\n.delay--48 {\n animation-duration: 4.24s;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\nbutton span {\n font-size: 1rem;\n font-weight: 700;\n}\nbutton:focus-visible {\n outline: 2px solid #1b8bff;\n outline-offset: 2px;\n}\nbutton.btnPrimary {\n background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017;\n border: 1px solid;\n border-color: transparent;\n border-radius: 4px;\n width: 100%;\n text-transform: initial;\n transition: all 150ms ease-in-out;\n}\nbutton.btnPrimary span:first-child {\n color: #121212;\n}\nbutton.btnPrimary:hover, button.btnPrimary:focus, button.btnPrimary.active, button.btnPrimary:disabled {\n background-color: #b89318;\n}\nbutton.btnPrimary:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\nbutton.btnSecondary {\n background: transparent;\n border: 1px solid;\n border-color: #e0e0e0;\n border-radius: 4px;\n width: 100%;\n text-transform: initial;\n transition: all 150ms ease-in-out;\n}\nbutton.btnSecondary span:first-child {\n color: #e0e0e0;\n}\nbutton.btnSecondary:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\nbutton.btnText span {\n text-decoration: underline;\n text-transform: none;\n font-weight: 400;\n}\nbutton.btnIncrement {\n background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n border: 1px solid;\n border-color: transparent;\n border-radius: 4px;\n width: 100%;\n text-transform: initial;\n transition: all 150ms ease-in-out;\n min-width: 40px;\n width: 40px;\n height: 40px;\n border-radius: 4px;\n box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.55);\n}\nbutton.btnIncrement span:first-child {\n color: #ffffff;\n}\nbutton.btnIncrement:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\nbutton.btnTab {\n background: transparent;\n border: 1px solid;\n border-color: transparent;\n border-radius: 4px;\n width: 100%;\n text-transform: initial;\n transition: all 150ms ease-in-out;\n text-transform: none;\n border-radius: 43px !important;\n height: 25px;\n min-width: fit-content;\n padding: 4px;\n}\nbutton.btnTab span:first-child {\n color: #e0e0e0;\n}\nbutton.btnTab:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\nbutton.btnTab span {\n font-weight: 400;\n line-height: normal;\n}\nbutton.btnTab.active {\n background: rgba(255, 255, 255, 0.1);\n}\nbutton.btnTab.active span {\n font-weight: 700;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\ninput.inputText,\ninput.inputNumber {\n box-sizing: border-box;\n border: 1px solid #7b7b7b;\n background: transparent;\n transition: all 300ms ease;\n color: #e0e0e0;\n}\n\ninput.inputText {\n appearance: none;\n border-radius: 4px;\n height: 45px;\n width: 100%;\n max-width: 280px;\n padding: 0 0.5rem;\n}\n\ninput.inputNumber {\n border-radius: 2px;\n height: 40px;\n width: 60px;\n max-width: 5rem;\n text-align: center;\n}\n\ninput:focus-visible {\n outline: 2px solid #1b8bff;\n outline-offset: 2px;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\n.card {\n background-color: #23252d;\n border: 1px solid #2f3139;\n box-sizing: border-box;\n box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);\n border-radius: 4px;\n padding: 16px;\n}\n.card:hover {\n opacity: 0.9;\n}\n.card.rich-card {\n padding: 16px;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\ndiv.modal-root .MuiBackdrop-root {\n background-color: hsla(231deg, 11%, 12%, 0.85);\n}\n\ndiv.modal-paper {\n background: #23252d;\n border: 1px solid #2f3139;\n width: 36rem;\n max-width: 100%;\n max-height: 90vh;\n padding: 2rem;\n box-sizing: border-box;\n box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n border-radius: 4px;\n margin: 0 0 0 13.75rem;\n align-items: center;\n color: #ffffff;\n}\n@media only screen and (max-width : 1023px) {\n div.modal-paper {\n width: 35rem;\n margin: 0;\n }\n}\n@media only screen and (max-width : 768px) {\n div.modal-paper {\n padding: 1rem 1rem 1.5rem;\n width: 85%;\n max-width: 35rem;\n margin: 0;\n }\n}\ndiv.modal-paper.no-padding {\n padding: 0;\n}\ndiv.modal-paper .modal-paper-close-button {\n position: absolute;\n top: 0.5rem;\n right: 0.5rem;\n padding: 5px 5px;\n z-index: 10;\n}\n\ndiv.modal-paper-full-screen {\n background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n width: 100%;\n max-width: 100%;\n height: 100%;\n max-height: 100%;\n padding: 0;\n margin: 0;\n box-sizing: border-box;\n box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n border-radius: 4px;\n color: #ffffff;\n display: flex;\n align-items: center;\n}\ndiv.modal-paper-full-screen.dark-background {\n background: #121212;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\ndiv.expansion-panel-root {\n margin-bottom: 1rem;\n color: #e0e0e0;\n background-color: #23252d;\n border: 1px solid #2f3139;\n border-radius: 4px;\n box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);\n transition: background-color 0.6s ease;\n box-sizing: border-box;\n}\ndiv.expansion-panel-root.Mui-expanded:first-child {\n margin: 1.2rem 0;\n}\ndiv.expansion-panel-root.Mui-expanded:last-child {\n margin: 1.2rem 0;\n}\ndiv.expansion-panel-root.red-border {\n border: 1px solid #d25959;\n}\n\ndiv.expansion-panel-summary {\n padding: 0.25rem 1rem;\n min-height: 4rem;\n}\ndiv.expansion-panel-summary.Mui-focused {\n border-radius: 4px;\n background-color: unset;\n box-shadow: 0 0 0 1px #e0e0e0;\n}\ndiv.expansion-panel-summary:focus-visible {\n outline: 2px solid #1b8bff;\n outline-offset: 2px;\n}\ndiv.expansion-panel-summary.Mui-expanded {\n min-height: 4rem;\n}\ndiv.expansion-panel-summary.Mui-expanded.small {\n min-height: 3rem;\n}\ndiv.expansion-panel-summary.small {\n padding: 0 1.2rem;\n min-height: 3rem;\n}\ndiv.expansion-panel-summary.bold-text {\n font-weight: bold;\n}\n\ndiv.expansion-panel-content {\n display: flex;\n align-items: center;\n}\ndiv.expansion-panel-content.Mui-expanded {\n margin: 0.75rem 0;\n}\n\ndiv.expansion-panel-details {\n padding: 0 1.2rem 1.2rem;\n}\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** Base background for every screen */\n/** Level 1, for background blocks */\n/** Level 2, for background sub-blocks */\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** Ecogesture selection */\na {\n color: #deaf0e;\n}\na:visited {\n color: #deaf0e;\n}\n\na:focus {\n outline: none;\n box-shadow: inset 0 0 0 1px #e0e0e0;\n}\na:focus > div:first-child {\n box-shadow: 0 0 0 1px #e0e0e0;\n}\n\na:focus-visible {\n outline: 2px solid #1b8bff;\n outline-offset: 2px;\n}\n\na.MuiLink-underlineHover:hover {\n text-decoration: none;\n}\n\na.MuiTypography-colorPrimary {\n color: #e0e0e0;\n}\n\n:root {\n white-space: pre-line;\n --blue: #58ffff;\n --blue40: rgba(88, 255, 255, 0.2509803922);\n --blueBackground: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(1, 153, 163, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #58ffff;\n --blueRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(1, 153, 163, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #58ffff;\n --blueRadialGradientTrans: radial-gradient(circle, #58ffff 0%, rgba(255, 255, 255, 0) 100%);\n --elecColor: #d87b39;\n --elecColor40: rgba(216, 123, 57, 0.4);\n --elecCompareColor: #e2bca1;\n --gasColor: #45d1b8;\n --gasColor40: rgba(69, 209, 184, 0.4);\n --gasCompareColor: #a8f7e9;\n --waterColor: #3a98ec;\n --waterColor40: rgba(58, 152, 236, 0.4);\n --waterCompareColor: #abd4fa;\n --multiColor: #e3b82a;\n --multiCompareColor: #ffd597;\n --redPrimary: #d25959;\n --greyBright: #e0e0e0;\n --greyDark: #7b7b7b;\n --textWhite: #ffffff;\n --softGrey: #a0a0a0;\n --darkLight: #25262b;\n --darkLight2: #121212;\n --textFont: Lato, sans-serif;\n --greyLinearGradientBackground: linear-gradient(180deg, #323339 0%, #25262b 100%);\n --multiColorRadialGradientTrans: radial-gradient(circle, #e3b82a 0%, rgba(255, 255, 255, 0) 100%);\n --elecColorRadialGradientTrans: radial-gradient(circle, #d87b39 0%, rgba(255, 255, 255, 0) 100%);\n --waterColorRadialGradientTrans: radial-gradient(circle, #3a98ec 0%, rgba(255, 255, 255, 0) 100%);\n --gasColorRadialGradientTrans: radial-gradient(circle, #e3b82a 0%, rgba(255, 255, 255, 0) 100%);\n --multiColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017;\n --elecColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(158, 67, 2, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #d87b39;\n --gasColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(4, 106, 88, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #45d1b8;\n --waterColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(2, 93, 174, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #3a98ec;\n --grey-0: #1b1c21;\n --grey-1: #23252d;\n --grey-2: #2f3139;\n --paperBackgroundColor: $dark-2;\n --primaryTextColor: $grey-bright;\n}\n\n.application {\n overflow-x: hidden;\n}\n\n.accordion-icon {\n color: #ffffff;\n}\n\n.loaderContainer {\n height: 80vh;\n display: flex;\n flex: 1;\n justify-content: center;\n align-items: center;\n background-color: transparent;\n}\n\n.makeStyles-fab-1 {\n top: 12px;\n left: 3rem !important;\n width: 36px !important;\n height: 36px !important;\n background-color: #7b7b7b !important;\n}\n\ninput:-webkit-autofill,\ninput:-webkit-autofill:hover,\ninput:-webkit-autofill:focus,\ninput:-webkit-autofill:active {\n -webkit-box-shadow: 0 0 0 30px #1b1c22 inset !important;\n}", ""]);
diff --git a/public/index.html b/public/index.html
index 22f9c12abef4b6a9eb737ef5eabf6989834007ba..2eb6b1208ead7a390e284967fef03c529fb8beda 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="{{.Locale}}"><head><meta charset="utf-8"><title>Ecolyo | Désabonnement</title><link rel="icon" type="image/png" href="public/favicon-32x32.png" sizes="32x32"><link rel="icon" type="image/png" href="public/favicon-16x16.png" sizes="16x16"><!-- PWA Manifest --><link rel="mask-icon" href="public/safari-pinned-tab.svg" color="#297EF2"><meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,viewport-fit=cover"><!-- PWA iOS --><link rel="apple-touch-icon" sizes="180x180" href="public/apple-touch-icon.png"><link rel="apple-touch-startup-image" href="public/apple-touch-icon.png"><meta name="apple-mobile-web-app-title" content="Ecolyo"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><!-- PWA Colors --><meta name="theme-color" content="#343641"><meta name="background-color" content="#121212"><meta name="color-scheme" content="only dark">{{.ThemeCSS}} {{.CozyBar}}<script src="//{{.Domain}}/assets/js/piwik.js"></script></head><body><div role="application" class="application" data-cozy="{{.CozyData}}"><script src="../public/ecolyo.7392109173a05f37d4c1.js"></script></div></body></html>
\ No newline at end of file
+<!DOCTYPE html><html lang="{{.Locale}}"><head><meta charset="utf-8"><title>Ecolyo | Désabonnement</title><link rel="icon" type="image/png" href="public/favicon-32x32.png" sizes="32x32"><link rel="icon" type="image/png" href="public/favicon-16x16.png" sizes="16x16"><!-- PWA Manifest --><link rel="mask-icon" href="public/safari-pinned-tab.svg" color="#297EF2"><meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,viewport-fit=cover"><!-- PWA iOS --><link rel="apple-touch-icon" sizes="180x180" href="public/apple-touch-icon.png"><link rel="apple-touch-startup-image" href="public/apple-touch-icon.png"><meta name="apple-mobile-web-app-title" content="Ecolyo"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><!-- PWA Colors --><meta name="theme-color" content="#343641"><meta name="background-color" content="#121212"><meta name="color-scheme" content="only dark">{{.ThemeCSS}} {{.CozyBar}}<script src="//{{.Domain}}/assets/js/piwik.js"></script></head><body><div role="application" class="application" data-cozy="{{.CozyData}}"><script src="../public/ecolyo.67b485726fa22e2b7152.js"></script></div></body></html>
\ No newline at end of file
diff --git a/services/aggregatorUsageEvents/ecolyo.js b/services/aggregatorUsageEvents/ecolyo.js
index f89aa31266ceb6f9d07b7160cf9df7b89cea3b91..559133c74dafb144a6dc852b79b87558b6747e12 100644
--- a/services/aggregatorUsageEvents/ecolyo.js
+++ b/services/aggregatorUsageEvents/ecolyo.js
@@ -133996,13 +133996,13 @@ const convertDateToShortDateString = (actualData, timeStep) => {
const date = actualData[0].date;
switch (timeStep) {
case _enums.TimeStep.HALF_AN_HOUR:
- return `Bilan du ${date.setLocale('fr').toFormat('cccc dd LLLL')}`;
+ return `Comparaison du bilan du ${date.setLocale('fr').toFormat('cccc dd LLLL')}`;
case _enums.TimeStep.DAY:
- return `Bilan ${(0, _utils.getMonthNameWithPrep)(date)}`;
+ return `Comparaison du bilan ${(0, _utils.getMonthNameWithPrep)(date)}`;
case _enums.TimeStep.WEEK:
- return `Bilan du ${date.toFormat('dd/MM')} au ${actualData[actualData.length - 1].date.toFormat('dd/MM')}`;
+ return `Comparaison du bilan du ${date.toFormat('dd/MM')} au ${actualData[actualData.length - 1].date.toFormat('dd/MM')}`;
case _enums.TimeStep.MONTH:
- return `Bilan de l’année ${date.toFormat('y')}`;
+ return `Comparaison du bilan de l’année ${date.toFormat('y')}`;
case _enums.TimeStep.YEAR:
return `de ${date.toFormat('y')} à ${actualData[actualData.length - 1].date.toFormat('y')}`;
default:
@@ -134782,7 +134782,7 @@ throw new Error("Module parse failed: Unexpected token (1:0)\nYou may need an ap
/* 922 */
/***/ (function(module, exports) {
-throw new Error("Module parse failed: Unexpected token (1:0)\nYou may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders\n> <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n| <rect y=\"0.5\" width=\"40\" height=\"40\" rx=\"4\" fill=\"white\" fill-opacity=\"0.1\" />\n| <g clip-path=\"url(#clip0_7384_9152)\">");
+throw new Error("Module parse failed: Unexpected token (1:0)\nYou may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders\n> <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n| <rect y=\"0.5\" width=\"40\" height=\"40\" rx=\"8\" fill=\"white\" fill-opacity=\"0.1\" />\n| <g clip-path=\"url(#clip0_7485_37794)\">");
/***/ }),
/* 923 */
diff --git a/services/consumptionAlert/ecolyo.js b/services/consumptionAlert/ecolyo.js
index 1ccabb4244cae6ab5f87ebf8e6b11d9268ca3620..f4660ebe7a4546050fe1629cf5c1db3a66d5e514 100644
--- a/services/consumptionAlert/ecolyo.js
+++ b/services/consumptionAlert/ecolyo.js
@@ -116386,13 +116386,13 @@ const convertDateToShortDateString = (actualData, timeStep) => {
const date = actualData[0].date;
switch (timeStep) {
case _enums.TimeStep.HALF_AN_HOUR:
- return `Bilan du ${date.setLocale('fr').toFormat('cccc dd LLLL')}`;
+ return `Comparaison du bilan du ${date.setLocale('fr').toFormat('cccc dd LLLL')}`;
case _enums.TimeStep.DAY:
- return `Bilan ${(0, _utils.getMonthNameWithPrep)(date)}`;
+ return `Comparaison du bilan ${(0, _utils.getMonthNameWithPrep)(date)}`;
case _enums.TimeStep.WEEK:
- return `Bilan du ${date.toFormat('dd/MM')} au ${actualData[actualData.length - 1].date.toFormat('dd/MM')}`;
+ return `Comparaison du bilan du ${date.toFormat('dd/MM')} au ${actualData[actualData.length - 1].date.toFormat('dd/MM')}`;
case _enums.TimeStep.MONTH:
- return `Bilan de l’année ${date.toFormat('y')}`;
+ return `Comparaison du bilan de l’année ${date.toFormat('y')}`;
case _enums.TimeStep.YEAR:
return `de ${date.toFormat('y')} à ${actualData[actualData.length - 1].date.toFormat('y')}`;
default:
@@ -117172,7 +117172,7 @@ throw new Error("Module parse failed: Unexpected token (1:0)\nYou may need an ap
/* 922 */
/***/ (function(module, exports) {
-throw new Error("Module parse failed: Unexpected token (1:0)\nYou may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders\n> <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n| <rect y=\"0.5\" width=\"40\" height=\"40\" rx=\"4\" fill=\"white\" fill-opacity=\"0.1\" />\n| <g clip-path=\"url(#clip0_7384_9152)\">");
+throw new Error("Module parse failed: Unexpected token (1:0)\nYou may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders\n> <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n| <rect y=\"0.5\" width=\"40\" height=\"40\" rx=\"8\" fill=\"white\" fill-opacity=\"0.1\" />\n| <g clip-path=\"url(#clip0_7485_37794)\">");
/***/ }),
/* 923 */
diff --git a/services/enedisHalfHourMonthlyAnalysis/ecolyo.js b/services/enedisHalfHourMonthlyAnalysis/ecolyo.js
index b918b67d9fa994f763f3370708734d3b55c82e63..7abb47b716994505b4d98de6a1d6d0b31b576612 100644
--- a/services/enedisHalfHourMonthlyAnalysis/ecolyo.js
+++ b/services/enedisHalfHourMonthlyAnalysis/ecolyo.js
@@ -133593,13 +133593,13 @@ const convertDateToShortDateString = (actualData, timeStep) => {
const date = actualData[0].date;
switch (timeStep) {
case _enums.TimeStep.HALF_AN_HOUR:
- return `Bilan du ${date.setLocale('fr').toFormat('cccc dd LLLL')}`;
+ return `Comparaison du bilan du ${date.setLocale('fr').toFormat('cccc dd LLLL')}`;
case _enums.TimeStep.DAY:
- return `Bilan ${(0, _utils.getMonthNameWithPrep)(date)}`;
+ return `Comparaison du bilan ${(0, _utils.getMonthNameWithPrep)(date)}`;
case _enums.TimeStep.WEEK:
- return `Bilan du ${date.toFormat('dd/MM')} au ${actualData[actualData.length - 1].date.toFormat('dd/MM')}`;
+ return `Comparaison du bilan du ${date.toFormat('dd/MM')} au ${actualData[actualData.length - 1].date.toFormat('dd/MM')}`;
case _enums.TimeStep.MONTH:
- return `Bilan de l’année ${date.toFormat('y')}`;
+ return `Comparaison du bilan de l’année ${date.toFormat('y')}`;
case _enums.TimeStep.YEAR:
return `de ${date.toFormat('y')} à ${actualData[actualData.length - 1].date.toFormat('y')}`;
default:
@@ -134379,7 +134379,7 @@ throw new Error("Module parse failed: Unexpected token (1:0)\nYou may need an ap
/* 922 */
/***/ (function(module, exports) {
-throw new Error("Module parse failed: Unexpected token (1:0)\nYou may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders\n> <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n| <rect y=\"0.5\" width=\"40\" height=\"40\" rx=\"4\" fill=\"white\" fill-opacity=\"0.1\" />\n| <g clip-path=\"url(#clip0_7384_9152)\">");
+throw new Error("Module parse failed: Unexpected token (1:0)\nYou may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders\n> <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n| <rect y=\"0.5\" width=\"40\" height=\"40\" rx=\"8\" fill=\"white\" fill-opacity=\"0.1\" />\n| <g clip-path=\"url(#clip0_7485_37794)\">");
/***/ }),
/* 923 */
diff --git a/services/monthlyReportNotification/ecolyo.js b/services/monthlyReportNotification/ecolyo.js
index c8828d042da885f03dd3dcd8456d5c864aca1441..e61ae4110349f1d5a731f470be9ef6330d915a52 100644
--- a/services/monthlyReportNotification/ecolyo.js
+++ b/services/monthlyReportNotification/ecolyo.js
@@ -116386,13 +116386,13 @@ const convertDateToShortDateString = (actualData, timeStep) => {
const date = actualData[0].date;
switch (timeStep) {
case _enums.TimeStep.HALF_AN_HOUR:
- return `Bilan du ${date.setLocale('fr').toFormat('cccc dd LLLL')}`;
+ return `Comparaison du bilan du ${date.setLocale('fr').toFormat('cccc dd LLLL')}`;
case _enums.TimeStep.DAY:
- return `Bilan ${(0, _utils.getMonthNameWithPrep)(date)}`;
+ return `Comparaison du bilan ${(0, _utils.getMonthNameWithPrep)(date)}`;
case _enums.TimeStep.WEEK:
- return `Bilan du ${date.toFormat('dd/MM')} au ${actualData[actualData.length - 1].date.toFormat('dd/MM')}`;
+ return `Comparaison du bilan du ${date.toFormat('dd/MM')} au ${actualData[actualData.length - 1].date.toFormat('dd/MM')}`;
case _enums.TimeStep.MONTH:
- return `Bilan de l’année ${date.toFormat('y')}`;
+ return `Comparaison du bilan de l’année ${date.toFormat('y')}`;
case _enums.TimeStep.YEAR:
return `de ${date.toFormat('y')} à ${actualData[actualData.length - 1].date.toFormat('y')}`;
default:
@@ -117172,7 +117172,7 @@ throw new Error("Module parse failed: Unexpected token (1:0)\nYou may need an ap
/* 922 */
/***/ (function(module, exports) {
-throw new Error("Module parse failed: Unexpected token (1:0)\nYou may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders\n> <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n| <rect y=\"0.5\" width=\"40\" height=\"40\" rx=\"4\" fill=\"white\" fill-opacity=\"0.1\" />\n| <g clip-path=\"url(#clip0_7384_9152)\">");
+throw new Error("Module parse failed: Unexpected token (1:0)\nYou may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders\n> <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n| <rect y=\"0.5\" width=\"40\" height=\"40\" rx=\"8\" fill=\"white\" fill-opacity=\"0.1\" />\n| <g clip-path=\"url(#clip0_7485_37794)\">");
/***/ }),
/* 923 */