diff --git a/2/ecolyo.f27210bd7d2c078e63a5.js b/2/ecolyo.37e3c9c760be70c202c8.js
similarity index 99%
rename from 2/ecolyo.f27210bd7d2c078e63a5.js
rename to 2/ecolyo.37e3c9c760be70c202c8.js
index dfb7c2229004f3efe630d6be5e0e6d72407b34ca..fd66fa57cc6a1176756186358eaed148a2b4be27 100644
--- a/2/ecolyo.f27210bd7d2c078e63a5.js
+++ b/2/ecolyo.37e3c9c760be70c202c8.js
@@ -3089,7 +3089,7 @@ if(false) {}
exports = module.exports = __webpack_require__("JPst")(false);
// Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.consumptionview-loading {\n background-color: #121212;\n height: 80vh;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center; }\n\n.consumptionview-content {\n background-color: #121212; }\n .consumptionview-content.--hidden {\n display: none; }\n\n.konnector-section {\n background-color: #121212;\n margin: auto;\n width: 45.75rem;\n box-sizing: border-box;\n margin-top: 1rem; }\n @media only screen and (max-width: 768px) {\n .konnector-section {\n width: 100%;\n padding: 0rem 1rem 3rem 1rem; } }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.consumptionview-loading {\n background-color: #121212;\n height: 80vh;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center; }\n\n.consumptionview-content {\n background-color: #121212; }\n .consumptionview-content.--hidden {\n display: none; }\n\n.konnector-section {\n background-color: #121212;\n margin: auto;\n width: 45.75rem;\n box-sizing: border-box;\n margin-top: 1rem;\n margin-bottom: 2rem; }\n @media only screen and (max-width: 768px) {\n .konnector-section {\n width: 100%;\n padding: 0rem 1rem 3rem 1rem;\n margin-bottom: 0; } }\n", ""]);
diff --git a/3/ecolyo.9fdeed5ee4f980be60b9.js b/3/ecolyo.acbffdea2c42c09f1bed.js
similarity index 99%
rename from 3/ecolyo.9fdeed5ee4f980be60b9.js
rename to 3/ecolyo.acbffdea2c42c09f1bed.js
index edad19484329efb40bf664f9644ad27b566fb34b..0262fbfc9d790db1c7205ace32611efb014f4de6 100644
--- a/3/ecolyo.9fdeed5ee4f980be60b9.js
+++ b/3/ecolyo.acbffdea2c42c09f1bed.js
@@ -763,7 +763,7 @@ exports.default = _default2;
exports = module.exports = __webpack_require__("JPst")(false);
// Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.profile-navigation {\n border-top: 1px solid #7b7b7b;\n background: #1b1c22;\n position: fixed;\n bottom: 0;\n height: 6.5rem;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: flex-start;\n padding: 0 0 env(safe-area-inset-bottom) 0; }\n @media (min-width: 1023px) {\n .profile-navigation {\n background: none;\n position: absolute;\n height: 3rem; } }\n .profile-navigation .rounded {\n border-radius: 22px;\n margin-left: 1rem;\n margin-right: 1rem; }\n .profile-navigation .disabled {\n opacity: 0.5; }\n .profile-navigation button.profile-navigation-button {\n max-width: 12.5rem;\n margin: 0.375rem 1rem;\n padding: 0.5rem 1rem; }\n", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.profile-navigation {\n border-top: 1px solid #7b7b7b;\n background: #1b1c22;\n position: fixed;\n bottom: 0;\n height: 6.5rem;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: flex-start;\n padding: 0 0 env(safe-area-inset-bottom) 0; }\n @media (min-width: 1023px) {\n .profile-navigation {\n background: none;\n height: 3rem; } }\n .profile-navigation .rounded {\n border-radius: 22px;\n margin-left: 1rem;\n margin-right: 1rem; }\n .profile-navigation .disabled {\n opacity: 0.5; }\n .profile-navigation button.profile-navigation-button {\n max-width: 12.5rem;\n margin: 0.375rem 1rem;\n padding: 0.5rem 1rem; }\n", ""]);
diff --git a/app/ecolyo.cfb37d90908c8eccbd8a.js b/app/ecolyo.867ae0951593f379c19a.js
similarity index 99%
rename from app/ecolyo.cfb37d90908c8eccbd8a.js
rename to app/ecolyo.867ae0951593f379c19a.js
index a74acf5f8b5c6f2efebe237c559e01e3b5af0225..2674b1195b878c3965c83e7ed9f5c34e760c67d3 100644
--- a/app/ecolyo.cfb37d90908c8eccbd8a.js
+++ b/app/ecolyo.867ae0951593f379c19a.js
@@ -64,7 +64,7 @@
/******/
/******/ // script path function
/******/ function jsonpScriptSrc(chunkId) {
-/******/ return __webpack_require__.p + "" + ({}[chunkId]||chunkId) + "/ecolyo." + {"1":"de5fb8c518bf83cb165b","2":"f27210bd7d2c078e63a5","3":"9fdeed5ee4f980be60b9","4":"7d5e813c8e0157008e36","5":"45ac42b2448265ff7321","6":"a3016721fa562bc5b0bc","8":"d4fbe14d31aa7cd559c6","9":"0da0c60f6e6a5c2641d3","10":"faae636d6a573a9a2399","11":"9b513c202205eecc62de","12":"17d82fb4e9becc64c280"}[chunkId] + ".js"
+/******/ return __webpack_require__.p + "" + ({}[chunkId]||chunkId) + "/ecolyo." + {"1":"de5fb8c518bf83cb165b","2":"37e3c9c760be70c202c8","3":"acbffdea2c42c09f1bed","4":"7d5e813c8e0157008e36","5":"45ac42b2448265ff7321","6":"a3016721fa562bc5b0bc","8":"d4fbe14d31aa7cd559c6","9":"0da0c60f6e6a5c2641d3","10":"faae636d6a573a9a2399","11":"9b513c202205eecc62de","12":"17d82fb4e9becc64c280"}[chunkId] + ".js"
/******/ }
/******/
/******/ // The require function
@@ -28721,7 +28721,7 @@ exports.i(__webpack_require__("tgIe"), "");
exports.push([module.i, "@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap);", ""]);
// Module
-exports.push([module.i, "/* Cozy UI utilities classes */\n/* Cozy UI React components styles */\n/* App styles */\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\nhtml {\n background: #1b1c22; }\n\nbody {\n background: #1b1c22;\n overflow: unset !important; }\n\n.column {\n display: flex;\n flex-direction: column; }\n\n.row {\n display: flex;\n flex-direction: row; }\n\n.cozy-bar {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center; }\n\n[role='banner'] .coz-bar-container {\n background-color: #ffffff; }\n @media only screen and (max-width: 768px) {\n [role='banner'] .coz-bar-container {\n padding: 0 0 0 0;\n background-color: unset; } }\n\n.coz-bar-wrapper {\n box-shadow: unset !important;\n background: unset !important; }\n\n.cv-button {\n width: 4.25rem; }\n\n.coz-label {\n color: #32363f; }\n\n.header {\n display: flex;\n align-items: center;\n flex-direction: column;\n overflow: hidden;\n width: 100%;\n z-index: 18;\n position: fixed;\n top: 48px;\n left: 0; }\n @media only screen and (max-width: 768px) {\n .header {\n top: 0; } }\n .header .header-top {\n background: radial-gradient(74.83% 76.97% at 50% 13.64%, #343641 0%, #1b1c22 100%);\n width: 100%; }\n .header .header-top .header-text {\n padding: 0 1rem 1rem 1rem;\n color: #e0e0e0; }\n .header .header-content {\n margin: 0 0 0 220px;\n display: flex;\n flex-direction: column; }\n @media only screen and (max-width: 1023px) {\n .header .header-content {\n margin: 0; } }\n @media only screen and (max-width: 768px) {\n .header .header-content {\n margin: 60px 0 0 0; } }\n .header .header-content .header-content-top {\n display: flex;\n flex-direction: row; }\n .header .header-content .header-content-top.header-content-top-right {\n justify-content: flex-end; }\n .header .header-content .header-content-top .header-text {\n padding: 2rem 1rem;\n flex: 1; }\n .header .header-content .header-content-top .header-text-desktop {\n display: flex;\n flex: 1;\n padding: 2rem 1.25rem;\n color: #e0e0e0; }\n .header .header-content .header-content-top .header-back-button {\n padding: 0 0.75rem; }\n @media only screen and (max-width: 768px) {\n .header .header-content .header-content-top .header-text {\n padding: 0 1rem 1rem 1rem;\n color: #e0e0e0; }\n .header .header-content .header-content-top .header-text-desktop {\n display: none; }\n .header .header-content .header-content-top .header-feedbacks-button {\n display: none; } }\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 .content-view-loading .content-view-loading-text {\n padding-top: 1rem;\n margin: 0 2rem;\n text-align: center; }\n .content-view-loading .content-view-loading-button {\n max-width: 50vw;\n margin-top: 1rem; }\n\n[role='main'] {\n /* width */\n /* Track */\n /* Handle */ }\n [role='main']::-webkit-scrollbar {\n width: 10px; }\n [role='main']::-webkit-scrollbar-track {\n background: #3e4045; }\n [role='main']::-webkit-scrollbar-thumb {\n background: #6f7074; }\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n* {\n font-family: Lato, sans-serif; }\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np {\n color: #a0a0a0;\n font-family: Lato, sans-serif; }\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.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.isBuilding {\n color: #e3b82a;\n margin-left: .8rem;\n margin-right: .8rem; }\n\n.text-10, .text-10-normal, .text-10-normal-uppercase, .text-10-normal-150, .text-10-bold, .text-10-bold-uppercase, .text-10-bold-capitalize, .text-10-italic {\n font-style: normal;\n font-size: 0.625rem;\n line-height: 120%; }\n .text-10-normal, .text-10-normal-uppercase, .text-10-normal-150 {\n font-weight: normal; }\n .text-10-normal-uppercase {\n text-transform: uppercase; }\n .text-10-normal-150 {\n line-height: 150%; }\n .text-10-bold, .text-10-bold-uppercase, .text-10-bold-capitalize {\n font-weight: 700; }\n .text-10-bold-uppercase {\n text-transform: uppercase; }\n .text-10-bold-capitalize {\n text-transform: capitalize; }\n .text-10-italic {\n font-style: italic;\n font-weight: normal; }\n\n.text-14, .text-14-normal, .text-14-normal-uppercase, .text-14-normal-150, .text-14-bold, .text-14-bold-uppercase, .text-14-bold-capitalize, .text-14-italic {\n font-style: normal;\n font-size: 0.875rem;\n line-height: 120%; }\n .text-14-normal, .text-14-normal-uppercase, .text-14-normal-150 {\n font-weight: normal; }\n .text-14-normal-uppercase {\n text-transform: uppercase; }\n .text-14-normal-150 {\n line-height: 150%; }\n .text-14-bold, .text-14-bold-uppercase, .text-14-bold-capitalize {\n font-weight: 700; }\n .text-14-bold-uppercase {\n text-transform: uppercase; }\n .text-14-bold-capitalize {\n text-transform: capitalize; }\n .text-14-italic {\n font-style: italic;\n font-weight: normal; }\n\n.text-15, .text-15-normal, .text-15-normal-uppercase, .text-15-normal-150, .text-15-bold, .text-15-bold-uppercase, .text-15-bold-capitalize, .text-15-italic {\n font-style: normal;\n font-size: 0.938rem;\n line-height: 120%; }\n .text-15-normal, .text-15-normal-uppercase, .text-15-normal-150 {\n font-weight: normal; }\n .text-15-normal-uppercase {\n text-transform: uppercase; }\n .text-15-normal-150 {\n line-height: 150%; }\n .text-15-bold, .text-15-bold-uppercase, .text-15-bold-capitalize {\n font-weight: 700; }\n .text-15-bold-uppercase {\n text-transform: uppercase; }\n .text-15-bold-capitalize {\n text-transform: capitalize; }\n .text-15-italic {\n font-style: italic;\n font-weight: normal; }\n\n.text-16, .text-16-normal, .text-16-normal-uppercase, .text-16-normal-150, .text-16-bold, .text-16-bold-uppercase, .text-16-bold-capitalize, .text-16-italic {\n font-style: normal;\n font-size: 1rem;\n line-height: 120%; }\n .text-16-normal, .text-16-normal-uppercase, .text-16-normal-150 {\n font-weight: normal; }\n .text-16-normal-uppercase {\n text-transform: uppercase; }\n .text-16-normal-150 {\n line-height: 150%; }\n .text-16-bold, .text-16-bold-uppercase, .text-16-bold-capitalize {\n font-weight: 700; }\n .text-16-bold-uppercase {\n text-transform: uppercase; }\n .text-16-bold-capitalize {\n text-transform: capitalize; }\n .text-16-italic {\n font-style: italic;\n font-weight: normal; }\n\n.text-18, .text-18-normal, .text-18-normal-uppercase, .text-18-normal-150, .text-18-bold, .text-18-bold-uppercase, .text-18-bold-capitalize, .text-18-italic {\n font-style: normal;\n font-size: 1.125rem;\n line-height: 120%; }\n .text-18-normal, .text-18-normal-uppercase, .text-18-normal-150 {\n font-weight: normal; }\n .text-18-normal-uppercase {\n text-transform: uppercase; }\n .text-18-normal-150 {\n line-height: 150%; }\n .text-18-bold, .text-18-bold-uppercase, .text-18-bold-capitalize {\n font-weight: 700; }\n .text-18-bold-uppercase {\n text-transform: uppercase; }\n .text-18-bold-capitalize {\n text-transform: capitalize; }\n .text-18-italic {\n font-style: italic;\n font-weight: normal; }\n\n.text-19, .text-19-normal, .text-19-normal-uppercase, .text-19-normal-150, .text-19-bold, .text-19-bold-uppercase, .text-19-bold-capitalize, .text-19-italic {\n font-style: normal;\n font-size: 1.188rem;\n line-height: 120%; }\n .text-19-normal, .text-19-normal-uppercase, .text-19-normal-150 {\n font-weight: normal; }\n .text-19-normal-uppercase {\n text-transform: uppercase; }\n .text-19-normal-150 {\n line-height: 150%; }\n .text-19-bold, .text-19-bold-uppercase, .text-19-bold-capitalize {\n font-weight: 700; }\n .text-19-bold-uppercase {\n text-transform: uppercase; }\n .text-19-bold-capitalize {\n text-transform: capitalize; }\n .text-19-italic {\n font-style: italic;\n font-weight: normal; }\n\n.text-20, .text-20-normal, .text-20-normal-uppercase, .text-20-normal-150, .text-20-bold, .text-20-bold-uppercase, .text-20-bold-capitalize, .text-20-italic {\n font-style: normal;\n font-size: 1.25rem;\n line-height: 120%; }\n .text-20-normal, .text-20-normal-uppercase, .text-20-normal-150 {\n font-weight: normal; }\n .text-20-normal-uppercase {\n text-transform: uppercase; }\n .text-20-normal-150 {\n line-height: 150%; }\n .text-20-bold, .text-20-bold-uppercase, .text-20-bold-capitalize {\n font-weight: 700; }\n .text-20-bold-uppercase {\n text-transform: uppercase; }\n .text-20-bold-capitalize {\n text-transform: capitalize; }\n .text-20-italic {\n font-style: italic;\n font-weight: normal; }\n\n.text-21, .text-21-normal, .text-21-normal-uppercase, .text-21-normal-150, .text-21-bold, .text-21-bold-uppercase, .text-21-bold-capitalize, .text-21-italic {\n font-style: normal;\n font-size: 1.313rem;\n line-height: 120%; }\n .text-21-normal, .text-21-normal-uppercase, .text-21-normal-150 {\n font-weight: normal; }\n .text-21-normal-uppercase {\n text-transform: uppercase; }\n .text-21-normal-150 {\n line-height: 150%; }\n .text-21-bold, .text-21-bold-uppercase, .text-21-bold-capitalize {\n font-weight: 700; }\n .text-21-bold-uppercase {\n text-transform: uppercase; }\n .text-21-bold-capitalize {\n text-transform: capitalize; }\n .text-21-italic {\n font-style: italic;\n font-weight: normal; }\n\n.text-22, .text-22-normal, .text-22-normal-uppercase, .text-22-normal-150, .text-22-bold, .text-22-bold-uppercase, .text-22-bold-capitalize, .text-22-italic {\n font-style: normal;\n font-size: 1.375rem;\n line-height: 120%; }\n .text-22-normal, .text-22-normal-uppercase, .text-22-normal-150 {\n font-weight: normal; }\n .text-22-normal-uppercase {\n text-transform: uppercase; }\n .text-22-normal-150 {\n line-height: 150%; }\n .text-22-bold, .text-22-bold-uppercase, .text-22-bold-capitalize {\n font-weight: 700; }\n .text-22-bold-uppercase {\n text-transform: uppercase; }\n .text-22-bold-capitalize {\n text-transform: capitalize; }\n .text-22-italic {\n font-style: italic;\n font-weight: normal; }\n\n.text-24, .text-24-normal, .text-24-normal-uppercase, .text-24-normal-150, .text-24-bold, .text-24-bold-uppercase, .text-24-bold-capitalize, .text-24-italic {\n font-style: normal;\n font-size: 1.5rem;\n line-height: 120%; }\n .text-24-normal, .text-24-normal-uppercase, .text-24-normal-150 {\n font-weight: normal; }\n .text-24-normal-uppercase {\n text-transform: uppercase; }\n .text-24-normal-150 {\n line-height: 150%; }\n .text-24-bold, .text-24-bold-uppercase, .text-24-bold-capitalize {\n font-weight: 700; }\n .text-24-bold-uppercase {\n text-transform: uppercase; }\n .text-24-bold-capitalize {\n text-transform: capitalize; }\n .text-24-italic {\n font-style: italic;\n font-weight: normal; }\n\n.text-28, .text-28-normal, .text-28-normal-uppercase, .text-28-normal-150, .text-28-bold, .text-28-bold-uppercase, .text-28-bold-capitalize, .text-28-italic {\n font-style: normal;\n font-size: 1.75rem;\n line-height: 120%; }\n .text-28-normal, .text-28-normal-uppercase, .text-28-normal-150 {\n font-weight: normal; }\n .text-28-normal-uppercase {\n text-transform: uppercase; }\n .text-28-normal-150 {\n line-height: 150%; }\n .text-28-bold, .text-28-bold-uppercase, .text-28-bold-capitalize {\n font-weight: 700; }\n .text-28-bold-uppercase {\n text-transform: uppercase; }\n .text-28-bold-capitalize {\n text-transform: capitalize; }\n .text-28-italic {\n font-style: italic;\n font-weight: normal; }\n\n.text-36, .text-36-normal, .text-36-normal-uppercase, .text-36-normal-150, .text-36-bold, .text-36-bold-uppercase, .text-36-bold-capitalize, .text-36-italic {\n font-style: normal;\n font-size: 2.25rem;\n line-height: 120%; }\n .text-36-normal, .text-36-normal-uppercase, .text-36-normal-150 {\n font-weight: normal; }\n .text-36-normal-uppercase {\n text-transform: uppercase; }\n .text-36-normal-150 {\n line-height: 150%; }\n .text-36-bold, .text-36-bold-uppercase, .text-36-bold-capitalize {\n font-weight: 700; }\n .text-36-bold-uppercase {\n text-transform: uppercase; }\n .text-36-bold-capitalize {\n text-transform: capitalize; }\n .text-36-italic {\n font-style: italic;\n font-weight: normal; }\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.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.card-result {\n font-family: Lato, sans-serif;\n font-style: normal;\n font-weight: 900;\n font-size: 1.75rem;\n line-height: 120%;\n color: #e0e0e0; }\n\n.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.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/* 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 @media only screen and (max-width: 768px) {\n .chart-ticks-x-text {\n font-size: 0.685rem; } }\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 @media only screen and (max-width: 768px) {\n .chart-ticks-y-text {\n font-size: 0.75rem; } }\n\n/* Cozy bar */\n.cozybar {\n font-family: Lato, sans-serif;\n font-style: normal;\n font-weight: bold;\n font-size: 1.3125rem;\n line-height: 120%;\n color: #e0e0e0; }\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.axis {\n color: #7b7b7b; }\n .axis .tick-text {\n fill: #7b7b7b; }\n .axis .tick-text.tick-text-selected {\n fill: #e0e0e0; }\n .axis .separator {\n text-align: center;\n margin: 0 2px;\n font-size: 1rem !important; }\n\n.value-text {\n fill: #7b7b7b; }\n .value-text.selected {\n fill: #e0e0e0; }\n\n.barContainer:hover,\n.barFill:hover {\n cursor: pointer; }\n\n.background-true {\n opacity: 0.1; }\n .background-true:hover {\n cursor: pointer; }\n\n.background-false {\n opacity: 0; }\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-ELECTRICITY {\n fill: #5d3d2a; }\n .bar-ELECTRICITY.selected {\n fill: #d87b39;\n filter: drop-shadow(0 -0.1rem 0.2rem #d87b39); }\n\n.bar-compare-ELECTRICITY {\n fill: #795c47; }\n .bar-compare-ELECTRICITY.selected {\n fill: #e2bca1;\n filter: drop-shadow(0 -0.1rem 0.2rem #e2bca1); }\n\n.bar-WATER {\n fill: #20415e; }\n .bar-WATER.selected {\n fill: #3a98ec;\n filter: drop-shadow(0 -0.1rem 0.2rem #3a98ec); }\n\n.bar-compare-WATER {\n fill: #4d5c6e; }\n .bar-compare-WATER.selected {\n fill: #abd4fa;\n filter: drop-shadow(0 -0.1rem 0.2rem #abd4fa); }\n\n.bar-GAS {\n fill: #184940; }\n .bar-GAS.selected {\n fill: #45d1b8;\n filter: drop-shadow(0 -0.1rem 0.2rem #45d1b8); }\n\n.bar-compare-GAS {\n fill: #597773; }\n .bar-compare-GAS.selected {\n fill: #a8f7e9;\n filter: drop-shadow(0 -0.1rem 0.2rem #a8f7e9); }\n\n.bar-MULTIFLUID {\n fill: #705d1d; }\n .bar-MULTIFLUID.selected {\n fill: #e3b82a;\n filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a); }\n .bar-MULTIFLUID.disabled:hover {\n cursor: default; }\n\n.bar-duel {\n fill: #61f0f2; }\n .bar-duel.selected {\n fill: #61f0f2;\n filter: drop-shadow(0 -0.1rem 0.2rem #61f0f2); }\n .bar-duel.disabled:hover {\n cursor: default; }\n\n.bar-UNCOMING {\n fill: #242633;\n opacity: 0.6; }\n .bar-UNCOMING.selected {\n fill: #e3b82a;\n filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a); }\n .bar-UNCOMING.disabled:hover {\n cursor: default; }\n\n.bar-compare-MULTIFLUID {\n fill: #7d6a4e; }\n .bar-compare-MULTIFLUID.selected {\n fill: #ffd597;\n filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a); }\n\n.bar-average {\n stroke-width: 2;\n stroke: #e3b82a; }\n\n.week {\n fill: #e2bca1; }\n .week.selected {\n fill: #e2bca1;\n filter: drop-shadow(0 -0.1rem 0.2rem #e2bca1); }\n\n.weekend {\n fill: #ffd597; }\n .weekend.selected {\n fill: #ffd597;\n filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a); }\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@keyframes bounce-1 {\n 0% {\n transform: scale(0.1, 0.1); }\n 28% {\n transform: scale(0.1, 1.1); }\n 45% {\n transform: scale(0.8, 0.95); }\n 55% {\n transform: scale(1, 1); }\n 65% {\n transform: scale(1, 0.98); }\n 75% {\n transform: scale(1, 1); } }\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@keyframes bounce-2 {\n 0% {\n transform: scale(1, 1); }\n 28% {\n transform: scale(1, 1.1); }\n 45% {\n transform: scale(0.8, 0.95); }\n 55% {\n transform: scale(1, 1); }\n 65% {\n transform: scale(1, 0.98); }\n 75% {\n transform: scale(1, 1); } }\n\n.bounce-3 {\n animation-name: bounce-3;\n animation-timing-function: cubic-bezier(1, 1, 0.42, 1);\n animation-iteration-count: 1;\n transform-origin: bottom center; }\n\n@keyframes bounce-3 {\n 0% {\n opacity: 0.6;\n transform: scaleY(1); }\n 50% {\n transform: scaleY(1.1);\n opacity: 0.8; }\n 100% {\n transform: scaleY(1);\n opacity: 1; } }\n\n/** Animatio ndelay **/\n.delay {\n animation-duration: 0.4s; }\n\n.delay--0 {\n animation-duration: 0.6s; }\n\n.delay--1 {\n animation-duration: 0.7s; }\n\n.delay--2 {\n animation-duration: 0.8s; }\n\n.delay--3 {\n animation-duration: 0.9s; }\n\n.delay--4 {\n animation-duration: 1s; }\n\n.delay--5 {\n animation-duration: 1.1s; }\n\n.delay--6 {\n animation-duration: 1.2s; }\n\n.delay--7 {\n animation-duration: 1.3s; }\n\n.delay--8 {\n animation-duration: 1.4s; }\n\n.delay--9 {\n animation-duration: 1.5s; }\n\n.delay--10 {\n animation-duration: 1.6s; }\n\n.delay--11 {\n animation-duration: 1.8s; }\n\n.delay--12 {\n animation-duration: 1.9s; }\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\nbutton.btn-highlight {\n background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017;\n background-color: #e3b82a;\n border: none;\n border-radius: 2px;\n margin: 1.5rem 0 0;\n width: 100%;\n text-transform: initial;\n cursor: pointer; }\n button.btn-highlight span:first-child {\n color: #000000; }\n button.btn-highlight:hover, button.btn-highlight:focus, button.btn-highlight.active, button.btn-highlight:disabled {\n background-color: #b89318; }\n button.btn-highlight:disabled {\n cursor: not-allowed; }\n\nbutton.btn-primary-positive {\n background: transparent;\n background-color: transparent;\n border: 1px solid #121212;\n border-radius: 2px;\n margin: 1.5rem 0 0;\n width: 100%;\n text-transform: initial;\n cursor: pointer; }\n button.btn-primary-positive span:first-child {\n color: #e3b82a; }\n button.btn-primary-positive:hover, button.btn-primary-positive:focus, button.btn-primary-positive.active, button.btn-primary-positive:disabled {\n background-color: rgba(18, 18, 18, 0.2); }\n button.btn-primary-positive:hover span:first-child, button.btn-primary-positive:focus span:first-child, button.btn-primary-positive.active span:first-child, button.btn-primary-positive:disabled span:first-child {\n color: rgba(227, 184, 42, 0.7); }\n button.btn-primary-positive:disabled {\n cursor: not-allowed; }\n\nbutton.btn-primary-negative {\n background: transparent;\n background-color: transparent;\n border: 1px solid #7b7b7b;\n border-radius: 2px;\n margin: 1.5rem 0 0;\n width: 100%;\n text-transform: initial;\n cursor: pointer; }\n button.btn-primary-negative span:first-child {\n color: #e3b82a; }\n button.btn-primary-negative:hover, button.btn-primary-negative:focus, button.btn-primary-negative.active, button.btn-primary-negative:disabled {\n background-color: rgba(123, 123, 123, 0.2); }\n button.btn-primary-negative:hover span:first-child, button.btn-primary-negative:focus span:first-child, button.btn-primary-negative.active span:first-child, button.btn-primary-negative:disabled span:first-child {\n color: rgba(227, 184, 42, 0.7); }\n button.btn-primary-negative:disabled {\n cursor: not-allowed; }\n\nbutton.btn-secondary-positive {\n background: transparent;\n background-color: transparent;\n border: 1px solid #121212;\n border-radius: 2px;\n margin: 1.5rem 0 0;\n width: 100%;\n text-transform: initial;\n cursor: pointer; }\n button.btn-secondary-positive span:first-child {\n color: #e0e0e0; }\n button.btn-secondary-positive:hover, button.btn-secondary-positive:focus, button.btn-secondary-positive.active, button.btn-secondary-positive:disabled {\n background-color: rgba(18, 18, 18, 0.2); }\n button.btn-secondary-positive:hover span:first-child, button.btn-secondary-positive:focus span:first-child, button.btn-secondary-positive.active span:first-child, button.btn-secondary-positive:disabled span:first-child {\n color: rgba(224, 224, 224, 0.7); }\n button.btn-secondary-positive:disabled {\n cursor: not-allowed; }\n\nbutton.btn-secondary-negative {\n background: transparent;\n background-color: transparent;\n border: 1px solid #7b7b7b;\n border-radius: 2px;\n margin: 1.5rem 0 0;\n width: 100%;\n text-transform: initial;\n cursor: pointer; }\n button.btn-secondary-negative span:first-child {\n color: #e0e0e0; }\n button.btn-secondary-negative:hover, button.btn-secondary-negative:focus, button.btn-secondary-negative.active, button.btn-secondary-negative:disabled {\n background-color: rgba(123, 123, 123, 0.2); }\n button.btn-secondary-negative:hover span:first-child, button.btn-secondary-negative:focus span:first-child, button.btn-secondary-negative.active span:first-child, button.btn-secondary-negative:disabled span:first-child {\n color: rgba(224, 224, 224, 0.7); }\n button.btn-secondary-negative:disabled {\n cursor: not-allowed; }\n\nbutton.btn-duel-off {\n background: #121212;\n background-color: #121212;\n border: 1px solid rgba(97, 240, 242, 0.5);\n border-radius: 2px;\n margin: 1.5rem 0 0;\n width: 100%;\n text-transform: initial;\n cursor: pointer; }\n button.btn-duel-off span:first-child {\n color: #ffffff; }\n button.btn-duel-off:hover, button.btn-duel-off:focus, button.btn-duel-off.active, button.btn-duel-off:disabled {\n background-color: black; }\n button.btn-duel-off:disabled {\n cursor: not-allowed; }\n\nbutton.btn-duel-active {\n background: #58ffff;\n background-color: #58ffff;\n border: none;\n border-radius: 2px;\n margin: 1.5rem 0 0;\n width: 100%;\n text-transform: initial;\n cursor: pointer; }\n button.btn-duel-active span:first-child {\n color: #121212; }\n button.btn-duel-active:hover, button.btn-duel-active:focus, button.btn-duel-active.active, button.btn-duel-active:disabled {\n background-color: #00bebe; }\n button.btn-duel-active:disabled {\n cursor: not-allowed; }\n\nbutton.btn-duel-on {\n background: radial-gradient(60.65% 30.62% at 50% 3.13%, #2a2b30 0%, #1b1c22 100%);\n background-color: #121212;\n border: 1px solid #58ffff;\n border-radius: 2px;\n margin: 1.5rem 0 0;\n width: 100%;\n text-transform: initial;\n cursor: pointer; }\n button.btn-duel-on span:first-child {\n color: #ffffff; }\n button.btn-duel-on:hover, button.btn-duel-on:focus, button.btn-duel-on.active, button.btn-duel-on:disabled {\n background-color: black; }\n button.btn-duel-on:disabled {\n cursor: not-allowed; }\n\nbutton.btn-profile-next {\n background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017;\n background-color: #e3b82a;\n border: none;\n border-radius: 2px;\n margin: 1.5rem 0 0;\n width: 100%;\n text-transform: initial;\n cursor: pointer; }\n button.btn-profile-next span:first-child {\n color: #000000; }\n button.btn-profile-next:hover, button.btn-profile-next:focus, button.btn-profile-next.active, button.btn-profile-next:disabled {\n background-color: #b89318; }\n button.btn-profile-next:disabled {\n cursor: not-allowed; }\n\nbutton.btn-profile-back {\n background: none;\n background-color: none;\n border: none;\n border-radius: 2px;\n margin: 1.5rem 0 0;\n width: 100%;\n text-transform: initial;\n cursor: pointer; }\n button.btn-profile-back span:first-child {\n color: #a0a0a0; }\n button.btn-profile-back:disabled {\n cursor: not-allowed; }\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.card {\n background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n box-sizing: border-box;\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.75);\n border-radius: 4px;\n margin: 10px 0px 20px 0px;\n padding: 16px; }\n .card:hover {\n background: linear-gradient(180deg, rgba(70, 71, 77, 0.7) 0%, rgba(57, 58, 63, 0.7) 100%); }\n .card.rich-card {\n padding: 24px 16px; }\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\ndiv.modal-root .MuiBackdrop-root {\n background-color: rgba(27, 28, 34, 0.85); }\n\ndiv.modal-paper {\n background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n width: 36rem;\n max-width: 100%;\n max-height: 90vh;\n padding: 2rem;\n box-sizing: border-box;\n box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n border-radius: 4px;\n margin: 0 0 0 13.75rem;\n align-items: center;\n color: #ffffff; }\n @media only screen and (max-width: 1023px) {\n div.modal-paper {\n width: 35rem;\n margin: 0; } }\n @media only screen and (max-width: 768px) {\n div.modal-paper {\n padding: 1rem;\n width: 85%;\n max-width: 35rem;\n margin: 0; } }\n div.modal-paper.no-padding {\n padding: 0; }\n div.modal-paper.blue-border {\n border: 1px solid #58ffff40; }\n div.modal-paper.yellow-border {\n border: 1px solid rgba(227, 184, 42, 0.4); }\n div.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\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 div.modal-paper-full-screen.dark-background {\n background: #121212; }\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\ndiv.expansion-panel-root {\n margin: 1.2rem 0;\n color: #e0e0e0;\n background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n border-radius: 4px;\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.75);\n transition: background-color 0.6s ease;\n box-sizing: border-box; }\n div.expansion-panel-root.Mui-expanded:first-child {\n margin: 1.2rem 0; }\n div.expansion-panel-root.Mui-expanded:last-child {\n margin: 1.2rem 0; }\n div.expansion-panel-root.red-border {\n border: 1px solid #d25959; }\n\ndiv.expansion-panel-summary {\n padding: 0.25rem 1.2rem;\n min-height: 4rem; }\n div.expansion-panel-summary.Mui-focused {\n border-radius: 4px;\n background-color: unset;\n box-shadow: 0 0 0 1px #e0e0e0; }\n div.expansion-panel-summary.Mui-expanded {\n min-height: 4rem; }\n div.expansion-panel-summary.Mui-expanded.small {\n min-height: 3rem; }\n div.expansion-panel-summary.small {\n padding: 0 1.2rem;\n min-height: 3rem; }\n div.expansion-panel-summary.bold-text {\n font-weight: bold; }\n\ndiv.expansion-panel-content {\n display: flex;\n align-items: center; }\n div.expansion-panel-content.Mui-expanded {\n margin: 0.75rem 0; }\n\ndiv.expansion-panel-details {\n padding: 0 1.2rem 1.2rem; }\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\na {\n color: #deaf0e; }\n a:visited {\n color: #deaf0e; }\n\na:focus {\n outline: none;\n box-shadow: inset 0 0 0 1px #e0e0e0; }\n a:focus > div:first-child {\n box-shadow: 0 0 0 1px #e0e0e0; }\n\na.MuiLink-underlineHover:hover {\n text-decoration: none; }\n\na.MuiTypography-colorPrimary {\n color: #e0e0e0; }\n\n:root {\n --blue: #58ffff;\n --blue40: #58ffff40;\n --blueBackground: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(1, 153, 163, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #58ffff;\n --blueRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(1, 153, 163, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #58ffff;\n --blueRadialGradientTrans: radial-gradient(circle, #58ffff 0%, rgba(255, 255, 255, 0) 100%);\n --elecColor: #d87b39;\n --elecColor40: rgba(216, 123, 57, 0.4);\n --elecCompareColor: #e2bca1;\n --gasColor: #45d1b8;\n --gasColor40: rgba(69, 209, 184, 0.4);\n --gasCompareColor: #a8f7e9;\n --waterColor: #3a98ec;\n --waterColor40: rgba(58, 152, 236, 0.4);\n --waterCompareColor: #abd4fa;\n --multiColor: #e3b82a;\n --multiCompareColor: #ffd597;\n --redPrimary: #d25959;\n --greyBright: #e0e0e0;\n --greyDark: #7b7b7b;\n --textWhite: #ffffff;\n --softGrey: #a0a0a0;\n --darkLight: #25262b;\n --darkLight2: #121212;\n --textFont: Lato, sans-serif;\n --greyLinearGradientBackground: linear-gradient(180deg, #323339 0%, #25262b 100%);\n --multiColorRadialGradientTrans: radial-gradient(circle, #e3b82a 0%, rgba(255, 255, 255, 0) 100%);\n --elecColorRadialGradientTrans: radial-gradient(circle, #d87b39 0%, rgba(255, 255, 255, 0) 100%);\n --waterColorRadialGradientTrans: radial-gradient(circle, #3a98ec 0%, rgba(255, 255, 255, 0) 100%);\n --gasColorRadialGradientTrans: radial-gradient(circle, #e3b82a 0%, rgba(255, 255, 255, 0) 100%);\n --multiColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017;\n --elecColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(158, 67, 2, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #d87b39;\n --gasColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(4, 106, 88, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #45d1b8;\n --waterColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(2, 93, 174, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #3a98ec; }\n\n.application {\n overflow-x: hidden;\n background-color: #121212; }\n @media only screen and (max-width: 768px) {\n .application {\n min-height: 100vh; } }\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/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\nhtml {\n background: #1b1c22; }\n\nbody {\n background: #1b1c22;\n overflow: unset !important; }\n\n.column {\n display: flex;\n flex-direction: column; }\n\n.row {\n display: flex;\n flex-direction: row; }\n\n.cozy-bar {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: 0; }\n @media only screen and (max-width: 768px) {\n .cozy-bar {\n margin-left: 1.25rem; } }\n\n[role='banner'] .coz-bar-container {\n background-color: #ffffff; }\n @media only screen and (max-width: 768px) {\n [role='banner'] .coz-bar-container {\n padding: 0 0 0 0;\n background-color: unset; } }\n\n.coz-bar-wrapper {\n box-shadow: unset !important;\n background: unset !important; }\n\n.cv-button {\n width: 4.25rem; }\n\n.coz-label {\n color: #32363f; }\n\n.header {\n display: flex;\n align-items: center;\n flex-direction: column;\n overflow: hidden;\n width: 100%;\n z-index: 18;\n position: fixed;\n top: 48px;\n left: 0; }\n @media only screen and (max-width: 768px) {\n .header {\n top: 0; } }\n .header .header-top {\n background: radial-gradient(74.83% 76.97% at 50% 13.64%, #343641 0%, #1b1c22 100%);\n width: 100%; }\n .header .header-top .header-text {\n padding: 0 1rem 1rem 1rem;\n color: #e0e0e0; }\n .header .header-content {\n margin: 0 0 0 220px;\n display: flex;\n flex-direction: column; }\n @media only screen and (max-width: 1023px) {\n .header .header-content {\n margin: 0; } }\n @media only screen and (max-width: 768px) {\n .header .header-content {\n margin: 60px 0 0 0; } }\n .header .header-content .header-content-top {\n display: flex;\n flex-direction: row; }\n .header .header-content .header-content-top.header-content-top-right {\n justify-content: flex-end; }\n .header .header-content .header-content-top .header-text {\n padding: 2rem 1rem;\n flex: 1; }\n .header .header-content .header-content-top .header-text-desktop {\n display: flex;\n flex: 1;\n padding: 2rem 1.25rem;\n color: #e0e0e0; }\n .header .header-content .header-content-top .header-back-button {\n padding: 0 0.75rem; }\n @media only screen and (max-width: 768px) {\n .header .header-content .header-content-top .header-text {\n padding: 0 1rem 1rem 1rem;\n color: #e0e0e0; }\n .header .header-content .header-content-top .header-text-desktop {\n display: none; }\n .header .header-content .header-content-top .header-feedbacks-button {\n display: none; } }\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 .content-view-loading .content-view-loading-text {\n padding-top: 1rem;\n margin: 0 2rem;\n text-align: center; }\n .content-view-loading .content-view-loading-button {\n max-width: 50vw;\n margin-top: 1rem; }\n\n[role='main'] {\n /* width */\n /* Track */\n /* Handle */ }\n [role='main']::-webkit-scrollbar {\n width: 10px; }\n [role='main']::-webkit-scrollbar-track {\n background: #3e4045; }\n [role='main']::-webkit-scrollbar-thumb {\n background: #6f7074; }\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n* {\n font-family: Lato, sans-serif; }\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np {\n color: #a0a0a0;\n font-family: Lato, sans-serif; }\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.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.isBuilding {\n color: #e3b82a;\n margin-left: .8rem;\n margin-right: .8rem; }\n\n.text-10, .text-10-normal, .text-10-normal-uppercase, .text-10-normal-150, .text-10-bold, .text-10-bold-uppercase, .text-10-bold-capitalize, .text-10-italic {\n font-style: normal;\n font-size: 0.625rem;\n line-height: 120%; }\n .text-10-normal, .text-10-normal-uppercase, .text-10-normal-150 {\n font-weight: normal; }\n .text-10-normal-uppercase {\n text-transform: uppercase; }\n .text-10-normal-150 {\n line-height: 150%; }\n .text-10-bold, .text-10-bold-uppercase, .text-10-bold-capitalize {\n font-weight: 700; }\n .text-10-bold-uppercase {\n text-transform: uppercase; }\n .text-10-bold-capitalize {\n text-transform: capitalize; }\n .text-10-italic {\n font-style: italic;\n font-weight: normal; }\n\n.text-14, .text-14-normal, .text-14-normal-uppercase, .text-14-normal-150, .text-14-bold, .text-14-bold-uppercase, .text-14-bold-capitalize, .text-14-italic {\n font-style: normal;\n font-size: 0.875rem;\n line-height: 120%; }\n .text-14-normal, .text-14-normal-uppercase, .text-14-normal-150 {\n font-weight: normal; }\n .text-14-normal-uppercase {\n text-transform: uppercase; }\n .text-14-normal-150 {\n line-height: 150%; }\n .text-14-bold, .text-14-bold-uppercase, .text-14-bold-capitalize {\n font-weight: 700; }\n .text-14-bold-uppercase {\n text-transform: uppercase; }\n .text-14-bold-capitalize {\n text-transform: capitalize; }\n .text-14-italic {\n font-style: italic;\n font-weight: normal; }\n\n.text-15, .text-15-normal, .text-15-normal-uppercase, .text-15-normal-150, .text-15-bold, .text-15-bold-uppercase, .text-15-bold-capitalize, .text-15-italic {\n font-style: normal;\n font-size: 0.938rem;\n line-height: 120%; }\n .text-15-normal, .text-15-normal-uppercase, .text-15-normal-150 {\n font-weight: normal; }\n .text-15-normal-uppercase {\n text-transform: uppercase; }\n .text-15-normal-150 {\n line-height: 150%; }\n .text-15-bold, .text-15-bold-uppercase, .text-15-bold-capitalize {\n font-weight: 700; }\n .text-15-bold-uppercase {\n text-transform: uppercase; }\n .text-15-bold-capitalize {\n text-transform: capitalize; }\n .text-15-italic {\n font-style: italic;\n font-weight: normal; }\n\n.text-16, .text-16-normal, .text-16-normal-uppercase, .text-16-normal-150, .text-16-bold, .text-16-bold-uppercase, .text-16-bold-capitalize, .text-16-italic {\n font-style: normal;\n font-size: 1rem;\n line-height: 120%; }\n .text-16-normal, .text-16-normal-uppercase, .text-16-normal-150 {\n font-weight: normal; }\n .text-16-normal-uppercase {\n text-transform: uppercase; }\n .text-16-normal-150 {\n line-height: 150%; }\n .text-16-bold, .text-16-bold-uppercase, .text-16-bold-capitalize {\n font-weight: 700; }\n .text-16-bold-uppercase {\n text-transform: uppercase; }\n .text-16-bold-capitalize {\n text-transform: capitalize; }\n .text-16-italic {\n font-style: italic;\n font-weight: normal; }\n\n.text-18, .text-18-normal, .text-18-normal-uppercase, .text-18-normal-150, .text-18-bold, .text-18-bold-uppercase, .text-18-bold-capitalize, .text-18-italic {\n font-style: normal;\n font-size: 1.125rem;\n line-height: 120%; }\n .text-18-normal, .text-18-normal-uppercase, .text-18-normal-150 {\n font-weight: normal; }\n .text-18-normal-uppercase {\n text-transform: uppercase; }\n .text-18-normal-150 {\n line-height: 150%; }\n .text-18-bold, .text-18-bold-uppercase, .text-18-bold-capitalize {\n font-weight: 700; }\n .text-18-bold-uppercase {\n text-transform: uppercase; }\n .text-18-bold-capitalize {\n text-transform: capitalize; }\n .text-18-italic {\n font-style: italic;\n font-weight: normal; }\n\n.text-19, .text-19-normal, .text-19-normal-uppercase, .text-19-normal-150, .text-19-bold, .text-19-bold-uppercase, .text-19-bold-capitalize, .text-19-italic {\n font-style: normal;\n font-size: 1.188rem;\n line-height: 120%; }\n .text-19-normal, .text-19-normal-uppercase, .text-19-normal-150 {\n font-weight: normal; }\n .text-19-normal-uppercase {\n text-transform: uppercase; }\n .text-19-normal-150 {\n line-height: 150%; }\n .text-19-bold, .text-19-bold-uppercase, .text-19-bold-capitalize {\n font-weight: 700; }\n .text-19-bold-uppercase {\n text-transform: uppercase; }\n .text-19-bold-capitalize {\n text-transform: capitalize; }\n .text-19-italic {\n font-style: italic;\n font-weight: normal; }\n\n.text-20, .text-20-normal, .text-20-normal-uppercase, .text-20-normal-150, .text-20-bold, .text-20-bold-uppercase, .text-20-bold-capitalize, .text-20-italic {\n font-style: normal;\n font-size: 1.25rem;\n line-height: 120%; }\n .text-20-normal, .text-20-normal-uppercase, .text-20-normal-150 {\n font-weight: normal; }\n .text-20-normal-uppercase {\n text-transform: uppercase; }\n .text-20-normal-150 {\n line-height: 150%; }\n .text-20-bold, .text-20-bold-uppercase, .text-20-bold-capitalize {\n font-weight: 700; }\n .text-20-bold-uppercase {\n text-transform: uppercase; }\n .text-20-bold-capitalize {\n text-transform: capitalize; }\n .text-20-italic {\n font-style: italic;\n font-weight: normal; }\n\n.text-21, .text-21-normal, .text-21-normal-uppercase, .text-21-normal-150, .text-21-bold, .text-21-bold-uppercase, .text-21-bold-capitalize, .text-21-italic {\n font-style: normal;\n font-size: 1.313rem;\n line-height: 120%; }\n .text-21-normal, .text-21-normal-uppercase, .text-21-normal-150 {\n font-weight: normal; }\n .text-21-normal-uppercase {\n text-transform: uppercase; }\n .text-21-normal-150 {\n line-height: 150%; }\n .text-21-bold, .text-21-bold-uppercase, .text-21-bold-capitalize {\n font-weight: 700; }\n .text-21-bold-uppercase {\n text-transform: uppercase; }\n .text-21-bold-capitalize {\n text-transform: capitalize; }\n .text-21-italic {\n font-style: italic;\n font-weight: normal; }\n\n.text-22, .text-22-normal, .text-22-normal-uppercase, .text-22-normal-150, .text-22-bold, .text-22-bold-uppercase, .text-22-bold-capitalize, .text-22-italic {\n font-style: normal;\n font-size: 1.375rem;\n line-height: 120%; }\n .text-22-normal, .text-22-normal-uppercase, .text-22-normal-150 {\n font-weight: normal; }\n .text-22-normal-uppercase {\n text-transform: uppercase; }\n .text-22-normal-150 {\n line-height: 150%; }\n .text-22-bold, .text-22-bold-uppercase, .text-22-bold-capitalize {\n font-weight: 700; }\n .text-22-bold-uppercase {\n text-transform: uppercase; }\n .text-22-bold-capitalize {\n text-transform: capitalize; }\n .text-22-italic {\n font-style: italic;\n font-weight: normal; }\n\n.text-24, .text-24-normal, .text-24-normal-uppercase, .text-24-normal-150, .text-24-bold, .text-24-bold-uppercase, .text-24-bold-capitalize, .text-24-italic {\n font-style: normal;\n font-size: 1.5rem;\n line-height: 120%; }\n .text-24-normal, .text-24-normal-uppercase, .text-24-normal-150 {\n font-weight: normal; }\n .text-24-normal-uppercase {\n text-transform: uppercase; }\n .text-24-normal-150 {\n line-height: 150%; }\n .text-24-bold, .text-24-bold-uppercase, .text-24-bold-capitalize {\n font-weight: 700; }\n .text-24-bold-uppercase {\n text-transform: uppercase; }\n .text-24-bold-capitalize {\n text-transform: capitalize; }\n .text-24-italic {\n font-style: italic;\n font-weight: normal; }\n\n.text-28, .text-28-normal, .text-28-normal-uppercase, .text-28-normal-150, .text-28-bold, .text-28-bold-uppercase, .text-28-bold-capitalize, .text-28-italic {\n font-style: normal;\n font-size: 1.75rem;\n line-height: 120%; }\n .text-28-normal, .text-28-normal-uppercase, .text-28-normal-150 {\n font-weight: normal; }\n .text-28-normal-uppercase {\n text-transform: uppercase; }\n .text-28-normal-150 {\n line-height: 150%; }\n .text-28-bold, .text-28-bold-uppercase, .text-28-bold-capitalize {\n font-weight: 700; }\n .text-28-bold-uppercase {\n text-transform: uppercase; }\n .text-28-bold-capitalize {\n text-transform: capitalize; }\n .text-28-italic {\n font-style: italic;\n font-weight: normal; }\n\n.text-36, .text-36-normal, .text-36-normal-uppercase, .text-36-normal-150, .text-36-bold, .text-36-bold-uppercase, .text-36-bold-capitalize, .text-36-italic {\n font-style: normal;\n font-size: 2.25rem;\n line-height: 120%; }\n .text-36-normal, .text-36-normal-uppercase, .text-36-normal-150 {\n font-weight: normal; }\n .text-36-normal-uppercase {\n text-transform: uppercase; }\n .text-36-normal-150 {\n line-height: 150%; }\n .text-36-bold, .text-36-bold-uppercase, .text-36-bold-capitalize {\n font-weight: 700; }\n .text-36-bold-uppercase {\n text-transform: uppercase; }\n .text-36-bold-capitalize {\n text-transform: capitalize; }\n .text-36-italic {\n font-style: italic;\n font-weight: normal; }\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.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.card-result {\n font-family: Lato, sans-serif;\n font-style: normal;\n font-weight: 900;\n font-size: 1.75rem;\n line-height: 120%;\n color: #e0e0e0; }\n\n.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.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/* 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 @media only screen and (max-width: 768px) {\n .chart-ticks-x-text {\n font-size: 0.685rem; } }\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 @media only screen and (max-width: 768px) {\n .chart-ticks-y-text {\n font-size: 0.75rem; } }\n\n/* Cozy bar */\n.cozybar {\n font-family: Lato, sans-serif;\n font-style: normal;\n font-weight: bold;\n font-size: 1.3125rem;\n line-height: 120%;\n color: #e0e0e0; }\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.axis {\n color: #7b7b7b; }\n .axis .tick-text {\n fill: #7b7b7b; }\n .axis .tick-text.tick-text-selected {\n fill: #e0e0e0; }\n .axis .separator {\n text-align: center;\n margin: 0 2px;\n font-size: 1rem !important; }\n\n.value-text {\n fill: #7b7b7b; }\n .value-text.selected {\n fill: #e0e0e0; }\n\n.barContainer:hover,\n.barFill:hover {\n cursor: pointer; }\n\n.background-true {\n opacity: 0.1; }\n .background-true:hover {\n cursor: pointer; }\n\n.background-false {\n opacity: 0; }\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-ELECTRICITY {\n fill: #5d3d2a; }\n .bar-ELECTRICITY.selected {\n fill: #d87b39;\n filter: drop-shadow(0 -0.1rem 0.2rem #d87b39); }\n\n.bar-compare-ELECTRICITY {\n fill: #795c47; }\n .bar-compare-ELECTRICITY.selected {\n fill: #e2bca1;\n filter: drop-shadow(0 -0.1rem 0.2rem #e2bca1); }\n\n.bar-WATER {\n fill: #20415e; }\n .bar-WATER.selected {\n fill: #3a98ec;\n filter: drop-shadow(0 -0.1rem 0.2rem #3a98ec); }\n\n.bar-compare-WATER {\n fill: #4d5c6e; }\n .bar-compare-WATER.selected {\n fill: #abd4fa;\n filter: drop-shadow(0 -0.1rem 0.2rem #abd4fa); }\n\n.bar-GAS {\n fill: #184940; }\n .bar-GAS.selected {\n fill: #45d1b8;\n filter: drop-shadow(0 -0.1rem 0.2rem #45d1b8); }\n\n.bar-compare-GAS {\n fill: #597773; }\n .bar-compare-GAS.selected {\n fill: #a8f7e9;\n filter: drop-shadow(0 -0.1rem 0.2rem #a8f7e9); }\n\n.bar-MULTIFLUID {\n fill: #705d1d; }\n .bar-MULTIFLUID.selected {\n fill: #e3b82a;\n filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a); }\n .bar-MULTIFLUID.disabled:hover {\n cursor: default; }\n\n.bar-duel {\n fill: #61f0f2; }\n .bar-duel.selected {\n fill: #61f0f2;\n filter: drop-shadow(0 -0.1rem 0.2rem #61f0f2); }\n .bar-duel.disabled:hover {\n cursor: default; }\n\n.bar-UNCOMING {\n fill: #242633;\n opacity: 0.6; }\n .bar-UNCOMING.selected {\n fill: #e3b82a;\n filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a); }\n .bar-UNCOMING.disabled:hover {\n cursor: default; }\n\n.bar-compare-MULTIFLUID {\n fill: #7d6a4e; }\n .bar-compare-MULTIFLUID.selected {\n fill: #ffd597;\n filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a); }\n\n.bar-average {\n stroke-width: 2;\n stroke: #e3b82a; }\n\n.week {\n fill: #e2bca1; }\n .week.selected {\n fill: #e2bca1;\n filter: drop-shadow(0 -0.1rem 0.2rem #e2bca1); }\n\n.weekend {\n fill: #ffd597; }\n .weekend.selected {\n fill: #ffd597;\n filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a); }\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@keyframes bounce-1 {\n 0% {\n transform: scale(0.1, 0.1); }\n 28% {\n transform: scale(0.1, 1.1); }\n 45% {\n transform: scale(0.8, 0.95); }\n 55% {\n transform: scale(1, 1); }\n 65% {\n transform: scale(1, 0.98); }\n 75% {\n transform: scale(1, 1); } }\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@keyframes bounce-2 {\n 0% {\n transform: scale(1, 1); }\n 28% {\n transform: scale(1, 1.1); }\n 45% {\n transform: scale(0.8, 0.95); }\n 55% {\n transform: scale(1, 1); }\n 65% {\n transform: scale(1, 0.98); }\n 75% {\n transform: scale(1, 1); } }\n\n.bounce-3 {\n animation-name: bounce-3;\n animation-timing-function: cubic-bezier(1, 1, 0.42, 1);\n animation-iteration-count: 1;\n transform-origin: bottom center; }\n\n@keyframes bounce-3 {\n 0% {\n opacity: 0.6;\n transform: scaleY(1); }\n 50% {\n transform: scaleY(1.1);\n opacity: 0.8; }\n 100% {\n transform: scaleY(1);\n opacity: 1; } }\n\n/** Animatio ndelay **/\n.delay {\n animation-duration: 0.4s; }\n\n.delay--0 {\n animation-duration: 0.6s; }\n\n.delay--1 {\n animation-duration: 0.7s; }\n\n.delay--2 {\n animation-duration: 0.8s; }\n\n.delay--3 {\n animation-duration: 0.9s; }\n\n.delay--4 {\n animation-duration: 1s; }\n\n.delay--5 {\n animation-duration: 1.1s; }\n\n.delay--6 {\n animation-duration: 1.2s; }\n\n.delay--7 {\n animation-duration: 1.3s; }\n\n.delay--8 {\n animation-duration: 1.4s; }\n\n.delay--9 {\n animation-duration: 1.5s; }\n\n.delay--10 {\n animation-duration: 1.6s; }\n\n.delay--11 {\n animation-duration: 1.8s; }\n\n.delay--12 {\n animation-duration: 1.9s; }\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\nbutton.btn-highlight {\n background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017;\n background-color: #e3b82a;\n border: none;\n border-radius: 2px;\n margin: 1.5rem 0 0;\n width: 100%;\n text-transform: initial;\n cursor: pointer; }\n button.btn-highlight span:first-child {\n color: #000000; }\n button.btn-highlight:hover, button.btn-highlight:focus, button.btn-highlight.active, button.btn-highlight:disabled {\n background-color: #b89318; }\n button.btn-highlight:disabled {\n cursor: not-allowed; }\n\nbutton.btn-primary-positive {\n background: transparent;\n background-color: transparent;\n border: 1px solid #121212;\n border-radius: 2px;\n margin: 1.5rem 0 0;\n width: 100%;\n text-transform: initial;\n cursor: pointer; }\n button.btn-primary-positive span:first-child {\n color: #e3b82a; }\n button.btn-primary-positive:hover, button.btn-primary-positive:focus, button.btn-primary-positive.active, button.btn-primary-positive:disabled {\n background-color: rgba(18, 18, 18, 0.2); }\n button.btn-primary-positive:hover span:first-child, button.btn-primary-positive:focus span:first-child, button.btn-primary-positive.active span:first-child, button.btn-primary-positive:disabled span:first-child {\n color: rgba(227, 184, 42, 0.7); }\n button.btn-primary-positive:disabled {\n cursor: not-allowed; }\n\nbutton.btn-primary-negative {\n background: transparent;\n background-color: transparent;\n border: 1px solid #7b7b7b;\n border-radius: 2px;\n margin: 1.5rem 0 0;\n width: 100%;\n text-transform: initial;\n cursor: pointer; }\n button.btn-primary-negative span:first-child {\n color: #e3b82a; }\n button.btn-primary-negative:hover, button.btn-primary-negative:focus, button.btn-primary-negative.active, button.btn-primary-negative:disabled {\n background-color: rgba(123, 123, 123, 0.2); }\n button.btn-primary-negative:hover span:first-child, button.btn-primary-negative:focus span:first-child, button.btn-primary-negative.active span:first-child, button.btn-primary-negative:disabled span:first-child {\n color: rgba(227, 184, 42, 0.7); }\n button.btn-primary-negative:disabled {\n cursor: not-allowed; }\n\nbutton.btn-secondary-positive {\n background: transparent;\n background-color: transparent;\n border: 1px solid #121212;\n border-radius: 2px;\n margin: 1.5rem 0 0;\n width: 100%;\n text-transform: initial;\n cursor: pointer; }\n button.btn-secondary-positive span:first-child {\n color: #e0e0e0; }\n button.btn-secondary-positive:hover, button.btn-secondary-positive:focus, button.btn-secondary-positive.active, button.btn-secondary-positive:disabled {\n background-color: rgba(18, 18, 18, 0.2); }\n button.btn-secondary-positive:hover span:first-child, button.btn-secondary-positive:focus span:first-child, button.btn-secondary-positive.active span:first-child, button.btn-secondary-positive:disabled span:first-child {\n color: rgba(224, 224, 224, 0.7); }\n button.btn-secondary-positive:disabled {\n cursor: not-allowed; }\n\nbutton.btn-secondary-negative {\n background: transparent;\n background-color: transparent;\n border: 1px solid #7b7b7b;\n border-radius: 2px;\n margin: 1.5rem 0 0;\n width: 100%;\n text-transform: initial;\n cursor: pointer; }\n button.btn-secondary-negative span:first-child {\n color: #e0e0e0; }\n button.btn-secondary-negative:hover, button.btn-secondary-negative:focus, button.btn-secondary-negative.active, button.btn-secondary-negative:disabled {\n background-color: rgba(123, 123, 123, 0.2); }\n button.btn-secondary-negative:hover span:first-child, button.btn-secondary-negative:focus span:first-child, button.btn-secondary-negative.active span:first-child, button.btn-secondary-negative:disabled span:first-child {\n color: rgba(224, 224, 224, 0.7); }\n button.btn-secondary-negative:disabled {\n cursor: not-allowed; }\n\nbutton.btn-duel-off {\n background: #121212;\n background-color: #121212;\n border: 1px solid rgba(97, 240, 242, 0.5);\n border-radius: 2px;\n margin: 1.5rem 0 0;\n width: 100%;\n text-transform: initial;\n cursor: pointer; }\n button.btn-duel-off span:first-child {\n color: #ffffff; }\n button.btn-duel-off:hover, button.btn-duel-off:focus, button.btn-duel-off.active, button.btn-duel-off:disabled {\n background-color: black; }\n button.btn-duel-off:disabled {\n cursor: not-allowed; }\n\nbutton.btn-duel-active {\n background: #58ffff;\n background-color: #58ffff;\n border: none;\n border-radius: 2px;\n margin: 1.5rem 0 0;\n width: 100%;\n text-transform: initial;\n cursor: pointer; }\n button.btn-duel-active span:first-child {\n color: #121212; }\n button.btn-duel-active:hover, button.btn-duel-active:focus, button.btn-duel-active.active, button.btn-duel-active:disabled {\n background-color: #00bebe; }\n button.btn-duel-active:disabled {\n cursor: not-allowed; }\n\nbutton.btn-duel-on {\n background: radial-gradient(60.65% 30.62% at 50% 3.13%, #2a2b30 0%, #1b1c22 100%);\n background-color: #121212;\n border: 1px solid #58ffff;\n border-radius: 2px;\n margin: 1.5rem 0 0;\n width: 100%;\n text-transform: initial;\n cursor: pointer; }\n button.btn-duel-on span:first-child {\n color: #ffffff; }\n button.btn-duel-on:hover, button.btn-duel-on:focus, button.btn-duel-on.active, button.btn-duel-on:disabled {\n background-color: black; }\n button.btn-duel-on:disabled {\n cursor: not-allowed; }\n\nbutton.btn-profile-next {\n background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017;\n background-color: #e3b82a;\n border: none;\n border-radius: 2px;\n margin: 1.5rem 0 0;\n width: 100%;\n text-transform: initial;\n cursor: pointer; }\n button.btn-profile-next span:first-child {\n color: #000000; }\n button.btn-profile-next:hover, button.btn-profile-next:focus, button.btn-profile-next.active, button.btn-profile-next:disabled {\n background-color: #b89318; }\n button.btn-profile-next:disabled {\n cursor: not-allowed; }\n\nbutton.btn-profile-back {\n background: none;\n background-color: none;\n border: none;\n border-radius: 2px;\n margin: 1.5rem 0 0;\n width: 100%;\n text-transform: initial;\n cursor: pointer; }\n button.btn-profile-back span:first-child {\n color: #a0a0a0; }\n button.btn-profile-back:disabled {\n cursor: not-allowed; }\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.card {\n background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n box-sizing: border-box;\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.75);\n border-radius: 4px;\n margin: 10px 0px 20px 0px;\n padding: 16px; }\n .card:hover {\n background: linear-gradient(180deg, rgba(70, 71, 77, 0.7) 0%, rgba(57, 58, 63, 0.7) 100%); }\n .card.rich-card {\n padding: 24px 16px; }\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\ndiv.modal-root .MuiBackdrop-root {\n background-color: rgba(27, 28, 34, 0.85); }\n\ndiv.modal-paper {\n background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n width: 36rem;\n max-width: 100%;\n max-height: 90vh;\n padding: 2rem;\n box-sizing: border-box;\n box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n border-radius: 4px;\n margin: 0 0 0 13.75rem;\n align-items: center;\n color: #ffffff; }\n @media only screen and (max-width: 1023px) {\n div.modal-paper {\n width: 35rem;\n margin: 0; } }\n @media only screen and (max-width: 768px) {\n div.modal-paper {\n padding: 1rem;\n width: 85%;\n max-width: 35rem;\n margin: 0; } }\n div.modal-paper.no-padding {\n padding: 0; }\n div.modal-paper.blue-border {\n border: 1px solid #58ffff40; }\n div.modal-paper.yellow-border {\n border: 1px solid rgba(227, 184, 42, 0.4); }\n div.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\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 div.modal-paper-full-screen.dark-background {\n background: #121212; }\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\ndiv.expansion-panel-root {\n margin: 1.2rem 0;\n color: #e0e0e0;\n background: linear-gradient(180deg, #323339 0%, #25262b 100%);\n border-radius: 4px;\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.75);\n transition: background-color 0.6s ease;\n box-sizing: border-box; }\n div.expansion-panel-root.Mui-expanded:first-child {\n margin: 1.2rem 0; }\n div.expansion-panel-root.Mui-expanded:last-child {\n margin: 1.2rem 0; }\n div.expansion-panel-root.red-border {\n border: 1px solid #d25959; }\n\ndiv.expansion-panel-summary {\n padding: 0.25rem 1.2rem;\n min-height: 4rem; }\n div.expansion-panel-summary.Mui-focused {\n border-radius: 4px;\n background-color: unset;\n box-shadow: 0 0 0 1px #e0e0e0; }\n div.expansion-panel-summary.Mui-expanded {\n min-height: 4rem; }\n div.expansion-panel-summary.Mui-expanded.small {\n min-height: 3rem; }\n div.expansion-panel-summary.small {\n padding: 0 1.2rem;\n min-height: 3rem; }\n div.expansion-panel-summary.bold-text {\n font-weight: bold; }\n\ndiv.expansion-panel-content {\n display: flex;\n align-items: center; }\n div.expansion-panel-content.Mui-expanded {\n margin: 0.75rem 0; }\n\ndiv.expansion-panel-details {\n padding: 0 1.2rem 1.2rem; }\n\n/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\na {\n color: #deaf0e; }\n a:visited {\n color: #deaf0e; }\n\na:focus {\n outline: none;\n box-shadow: inset 0 0 0 1px #e0e0e0; }\n a:focus > div:first-child {\n box-shadow: 0 0 0 1px #e0e0e0; }\n\na.MuiLink-underlineHover:hover {\n text-decoration: none; }\n\na.MuiTypography-colorPrimary {\n color: #e0e0e0; }\n\n:root {\n --blue: #58ffff;\n --blue40: #58ffff40;\n --blueBackground: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(1, 153, 163, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #58ffff;\n --blueRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(1, 153, 163, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #58ffff;\n --blueRadialGradientTrans: radial-gradient(circle, #58ffff 0%, rgba(255, 255, 255, 0) 100%);\n --elecColor: #d87b39;\n --elecColor40: rgba(216, 123, 57, 0.4);\n --elecCompareColor: #e2bca1;\n --gasColor: #45d1b8;\n --gasColor40: rgba(69, 209, 184, 0.4);\n --gasCompareColor: #a8f7e9;\n --waterColor: #3a98ec;\n --waterColor40: rgba(58, 152, 236, 0.4);\n --waterCompareColor: #abd4fa;\n --multiColor: #e3b82a;\n --multiCompareColor: #ffd597;\n --redPrimary: #d25959;\n --greyBright: #e0e0e0;\n --greyDark: #7b7b7b;\n --textWhite: #ffffff;\n --softGrey: #a0a0a0;\n --darkLight: #25262b;\n --darkLight2: #121212;\n --textFont: Lato, sans-serif;\n --greyLinearGradientBackground: linear-gradient(180deg, #323339 0%, #25262b 100%);\n --multiColorRadialGradientTrans: radial-gradient(circle, #e3b82a 0%, rgba(255, 255, 255, 0) 100%);\n --elecColorRadialGradientTrans: radial-gradient(circle, #d87b39 0%, rgba(255, 255, 255, 0) 100%);\n --waterColorRadialGradientTrans: radial-gradient(circle, #3a98ec 0%, rgba(255, 255, 255, 0) 100%);\n --gasColorRadialGradientTrans: radial-gradient(circle, #e3b82a 0%, rgba(255, 255, 255, 0) 100%);\n --multiColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017;\n --elecColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(158, 67, 2, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #d87b39;\n --gasColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(4, 106, 88, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #45d1b8;\n --waterColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(2, 93, 174, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #3a98ec; }\n\n.application {\n overflow-x: hidden;\n background-color: #121212; }\n @media only screen and (max-width: 768px) {\n .application {\n min-height: 100vh; } }\n", ""]);
diff --git a/index.html b/index.html
index 3714da40163e8dd543fe0ce334e0159cc95e1e91..c949511b1eb1dadeaa9beb8af6c9e78e5c227972 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,user-scalable=0,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">{{.ThemeCSS}} {{.CozyBar}}</head><body><div role="application" class="application" data-cozy-token="{{.Token}}" data-cozy-domain="{{.Domain}}" data-cozy-locale="{{.Locale}}" data-cozy-app-name="{{.AppName}}" data-cozy-app-slug="{{.AppSlug}}" data-cozy-app-name-prefix="{{.AppNamePrefix}}" data-cozy-app-editor="{{.AppEditor}}" data-cozy-icon-path="{{.IconPath}}"><script src="vendors/ecolyo.3256cfd41a1e2c66ff46.js"></script><script src="app/ecolyo.cfb37d90908c8eccbd8a.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,user-scalable=0,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">{{.ThemeCSS}} {{.CozyBar}}</head><body><div role="application" class="application" data-cozy-token="{{.Token}}" data-cozy-domain="{{.Domain}}" data-cozy-locale="{{.Locale}}" data-cozy-app-name="{{.AppName}}" data-cozy-app-slug="{{.AppSlug}}" data-cozy-app-name-prefix="{{.AppNamePrefix}}" data-cozy-app-editor="{{.AppEditor}}" data-cozy-icon-path="{{.IconPath}}"><script src="vendors/ecolyo.3256cfd41a1e2c66ff46.js"></script><script src="app/ecolyo.867ae0951593f379c19a.js"></script></div></body></html>
\ No newline at end of file