diff --git a/app.config.environment.alpha.js b/app.config.environment.alpha.js
index fc29ceef5f481c76b058ae5fe9b5f30f989ee8d3..9f389dacb63de45e0275f6c7d2ca145dcd8f8a68 100644
--- a/app.config.environment.alpha.js
+++ b/app.config.environment.alpha.js
@@ -12,7 +12,8 @@ module.exports = {
     new webpack.HashedModuleIdsPlugin(),
     new webpack.optimize.OccurrenceOrderPlugin(),
     new webpack.DefinePlugin({
-      'process.env.NODE_ENV': JSON.stringify('development'), // to compile on production mode (redux)
+      'process.env.NODE_ENV': JSON.stringify('production'), // to compile on production mode (redux)
+      'process.env.IS_ALPHA': JSON.stringify('true'),
       __DEVELOPMENT__: false,
       __DEVTOOLS__: false,
       __STACK_ASSETS__: target !== 'mobile',
diff --git a/app.config.environment.dev.js b/app.config.environment.dev.js
index c1c0f983402d26d917645e9e4d9ceb91d7f39ced..bdfec3f9ed843c279fa63a57f12beda8bcb45010 100644
--- a/app.config.environment.dev.js
+++ b/app.config.environment.dev.js
@@ -18,6 +18,7 @@ const stackProvidedLibsConfig = {
   plugins: [
     new webpack.DefinePlugin({
       'process.env.NODE_ENV': JSON.stringify('development'),
+      'process.env.IS_ALPHA': JSON.stringify('true'), //set this variable true for dev so tests runs with alpha variable
       __STACK_ASSETS__: true,
     }),
   ],
diff --git a/app.config.js b/app.config.js
index ab21d2835e48b5b0fed0889f79e3ab55bcb8ccab..766c8fbe90b4b7ed7fa27aa6cfe946c2574e10d0 100644
--- a/app.config.js
+++ b/app.config.js
@@ -33,7 +33,7 @@ const configs = [
   require(`cozy-scripts/config/webpack.target.${target}`),
 ]
 
-if (environment === 'production') {
+if (environment === 'production' && process.env.IS_ALPHA !== 'true') {
   configs.push(require('cozy-scripts/config/webpack.environment.prod'))
 } else {
   configs.push(require('./app.config.environment.dev'))
diff --git a/src/components/Feedback/FeedbackModal.spec.tsx b/src/components/Feedback/FeedbackModal.spec.tsx
index dbd6912f04431b9076a039003c41dc93d7b9fff1..a5c818cd01cc8b924fa7582b73d264fef4f9eea9 100644
--- a/src/components/Feedback/FeedbackModal.spec.tsx
+++ b/src/components/Feedback/FeedbackModal.spec.tsx
@@ -90,7 +90,7 @@ describe('FeedbackModal functionnalities', () => {
           email: 'ecolyo@grandlyon.com',
         },
       ],
-      subject: '[Ecolyo - alpha] - Feedbacks - feedback.type_bug',
+      subject: '[Ecolyo] - Feedbacks - feedback.type_bug',
       attachments: [],
       parts: [
         {
diff --git a/src/services/environement.service.spec.ts b/src/services/environement.service.spec.ts
index c59e2c1049fbf857c81c03ea8bcc4b8080f11626..be29f53368e395d7febcafb438ba89c95ca07988 100644
--- a/src/services/environement.service.spec.ts
+++ b/src/services/environement.service.spec.ts
@@ -14,19 +14,22 @@ describe('Environement service', () => {
 
   describe('isProduction method', () => {
     it('should return true', async () => {
+      process.env.IS_ALPHA = 'toto'
       process.env.NODE_ENV = 'production'
       const result = environementService.isProduction()
       expect(result).toEqual(true)
     })
 
     it('should return false, developement case', async () => {
+      process.env.IS_ALPHA = 'true'
       process.env.NODE_ENV = 'development'
       const result = environementService.isProduction()
       expect(result).toEqual(false)
     })
 
-    it('should return false, non existing case', async () => {
-      process.env.NODE_ENV = 'toto'
+    it('should return false, alpha case', async () => {
+      process.env.IS_ALPHA = 'true'
+      process.env.NODE_ENV = 'production'
       const result = environementService.isProduction()
       expect(result).toEqual(false)
     })
diff --git a/src/services/environement.service.ts b/src/services/environement.service.ts
index ada633c3a44b3a07d5405e8c68610b3520d13af1..268d437981e02a1e0b9d0868141e441d85c77afa 100644
--- a/src/services/environement.service.ts
+++ b/src/services/environement.service.ts
@@ -1,16 +1,16 @@
 export default class EnvironementService {
-  private getEnvironement() {
-    return process.env.NODE_ENV
+  private isAlpha() {
+    return process.env.IS_ALPHA
   }
 
   public isProduction() {
-    if (this.getEnvironement() === 'production') {
+    if (this.isAlpha() !== 'true') {
       return true
     }
     return false
   }
   public getPublicURL() {
-    if (this.getEnvironement() === 'production') {
+    if (this.isAlpha() !== 'true') {
       return 'https://ecolyo-agent.grandlyon.com'
     } else {
       return 'https://ecolyo-agent-rec.grandlyon.com'
diff --git a/src/styles/index.css b/src/styles/index.css
index 202216d6e58e35eadacebd6e3b7f0874c5e11d9e..0608ced4f312e0ca8c28406faf7150ecdb048f7f 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -13,56 +13,67 @@
 /** App colors **/
 /** TABS GRADIENT **/
 /** SCROLLBAR **/
-@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap");
-/* line 4, src/styles/base/_layout.scss */
+@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
+/* line 5, src/styles/base/_layout.scss */
 html {
-  background: #1b1c22; }
+  background: #1b1c22;
+}
 
-/* line 8, src/styles/base/_layout.scss */
+/* line 9, src/styles/base/_layout.scss */
 body {
   background: #1b1c22;
-  overflow: unset !important; }
+  overflow: unset !important;
+}
 
-/* line 13, src/styles/base/_layout.scss */
+/* line 14, src/styles/base/_layout.scss */
 .column {
   display: flex;
-  flex-direction: column; }
+  flex-direction: column;
+}
 
-/* line 18, src/styles/base/_layout.scss */
+/* line 19, src/styles/base/_layout.scss */
 .row {
   display: flex;
-  flex-direction: row; }
+  flex-direction: row;
+}
 
-/* line 23, src/styles/base/_layout.scss */
+/* line 24, src/styles/base/_layout.scss */
 .cozy-bar {
   width: 100%;
   display: flex;
   align-items: center;
-  justify-content: center; }
+  justify-content: center;
+}
 
-/* line 30, src/styles/base/_layout.scss */
+/* line 31, src/styles/base/_layout.scss */
 [role='banner'] .coz-bar-container {
-  background-color: #ffffff; }
-  @media only screen and (max-width: 768px) {
-    /* line 30, src/styles/base/_layout.scss */
-    [role='banner'] .coz-bar-container {
-      padding: 0 0 0 0;
-      background-color: unset; } }
-
-/* line 38, src/styles/base/_layout.scss */
+  background-color: #ffffff;
+}
+@media only screen and (max-width: 768px) {
+  /* line 31, src/styles/base/_layout.scss */
+  [role='banner'] .coz-bar-container {
+    padding: 0 0 0 0;
+    background-color: unset;
+  }
+}
+
+/* line 39, src/styles/base/_layout.scss */
 .coz-bar-wrapper {
   box-shadow: unset !important;
-  background: unset !important; }
+  background: unset !important;
+}
 
-/* line 42, src/styles/base/_layout.scss */
+/* line 43, src/styles/base/_layout.scss */
 .cv-button {
-  width: 4.25rem; }
+  width: 4.25rem;
+}
 
-/* line 45, src/styles/base/_layout.scss */
+/* line 46, src/styles/base/_layout.scss */
 .coz-label {
-  color: #32363f; }
+  color: #32363f;
+}
 
-/* line 49, src/styles/base/_layout.scss */
+/* line 50, src/styles/base/_layout.scss */
 .header {
   display: flex;
   align-items: center;
@@ -72,65 +83,88 @@ body {
   z-index: 18;
   position: fixed;
   top: 48px;
-  left: 0; }
-  @media only screen and (max-width: 768px) {
-    /* line 49, src/styles/base/_layout.scss */
-    .header {
-      top: 0; } }
-  /* line 62, src/styles/base/_layout.scss */
-  .header .header-top {
-    background: radial-gradient(74.83% 76.97% at 50% 13.64%, #343641 0%, #1b1c22 100%);
-    width: 100%; }
-    /* line 69, src/styles/base/_layout.scss */
-    .header .header-top .header-text {
-      padding: 0 1rem 1rem 1rem;
-      color: #e0e0e0; }
-  /* line 74, src/styles/base/_layout.scss */
+  left: 0;
+}
+@media only screen and (max-width: 768px) {
+  /* line 50, src/styles/base/_layout.scss */
+  .header {
+    top: 0;
+  }
+}
+/* line 63, src/styles/base/_layout.scss */
+.header .header-top {
+  background: radial-gradient(
+    74.83% 76.97% at 50% 13.64%,
+    #343641 0%,
+    #1b1c22 100%
+  );
+  width: 100%;
+}
+/* line 70, src/styles/base/_layout.scss */
+.header .header-top .header-text {
+  padding: 0 1rem 1rem 1rem;
+  color: #e0e0e0;
+}
+/* line 75, src/styles/base/_layout.scss */
+.header .header-content {
+  margin: 0 0 0 220px;
+  display: flex;
+  flex-direction: column;
+}
+@media only screen and (max-width: 1023px) {
+  /* line 75, src/styles/base/_layout.scss */
   .header .header-content {
-    margin: 0 0 0 220px;
-    display: flex;
-    flex-direction: column; }
-    @media only screen and (max-width: 1023px) {
-      /* line 74, src/styles/base/_layout.scss */
-      .header .header-content {
-        margin: 0; } }
-    @media only screen and (max-width: 768px) {
-      /* line 74, src/styles/base/_layout.scss */
-      .header .header-content {
-        margin: 60px 0 0 0; } }
-    /* line 84, src/styles/base/_layout.scss */
-    .header .header-content .header-content-top {
-      display: flex;
-      flex-direction: row; }
-      /* line 87, src/styles/base/_layout.scss */
-      .header .header-content .header-content-top.header-content-top-right {
-        justify-content: flex-end; }
-      /* line 90, src/styles/base/_layout.scss */
-      .header .header-content .header-content-top .header-text {
-        padding: 2rem 1rem;
-        flex: 1; }
-      /* line 94, src/styles/base/_layout.scss */
-      .header .header-content .header-content-top .header-text-desktop {
-        display: flex;
-        flex: 1;
-        padding: 2rem 1.25rem;
-        color: #e0e0e0; }
-      /* line 100, src/styles/base/_layout.scss */
-      .header .header-content .header-content-top .header-back-button {
-        padding: 0 0.75rem; }
-      @media only screen and (max-width: 768px) {
-        /* line 104, src/styles/base/_layout.scss */
-        .header .header-content .header-content-top .header-text {
-          padding: 0 1rem 1rem 1rem;
-          color: #e0e0e0; }
-        /* line 108, src/styles/base/_layout.scss */
-        .header .header-content .header-content-top .header-text-desktop {
-          display: none; }
-        /* line 111, src/styles/base/_layout.scss */
-        .header .header-content .header-content-top .header-feedbacks-button {
-          display: none; } }
-
-/* line 119, src/styles/base/_layout.scss */
+    margin: 0;
+  }
+}
+@media only screen and (max-width: 768px) {
+  /* line 75, src/styles/base/_layout.scss */
+  .header .header-content {
+    margin: 60px 0 0 0;
+  }
+}
+/* line 85, src/styles/base/_layout.scss */
+.header .header-content .header-content-top {
+  display: flex;
+  flex-direction: row;
+}
+/* line 88, src/styles/base/_layout.scss */
+.header .header-content .header-content-top.header-content-top-right {
+  justify-content: flex-end;
+}
+/* line 91, src/styles/base/_layout.scss */
+.header .header-content .header-content-top .header-text {
+  padding: 2rem 1rem;
+  flex: 1;
+}
+/* line 95, src/styles/base/_layout.scss */
+.header .header-content .header-content-top .header-text-desktop {
+  display: flex;
+  flex: 1;
+  padding: 2rem 1.25rem;
+  color: #e0e0e0;
+}
+/* line 101, src/styles/base/_layout.scss */
+.header .header-content .header-content-top .header-back-button {
+  padding: 0 0.75rem;
+}
+@media only screen and (max-width: 768px) {
+  /* line 105, src/styles/base/_layout.scss */
+  .header .header-content .header-content-top .header-text {
+    padding: 0 1rem 1rem 1rem;
+    color: #e0e0e0;
+  }
+  /* line 109, src/styles/base/_layout.scss */
+  .header .header-content .header-content-top .header-text-desktop {
+    display: none;
+  }
+  /* line 112, src/styles/base/_layout.scss */
+  .header .header-content .header-content-top .header-feedbacks-button {
+    display: none;
+  }
+}
+
+/* line 120, src/styles/base/_layout.scss */
 .content-view-loading {
   height: 80vh;
   width: 100%;
@@ -138,31 +172,38 @@ body {
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  color: #e0e0e0; }
-  /* line 127, src/styles/base/_layout.scss */
-  .content-view-loading .content-view-loading-text {
-    padding-top: 1rem;
-    margin: 0 2rem;
-    text-align: center; }
-  /* line 132, src/styles/base/_layout.scss */
-  .content-view-loading .content-view-loading-button {
-    max-width: 50vw;
-    margin-top: 1rem; }
-
-/* line 138, src/styles/base/_layout.scss */
+  color: #e0e0e0;
+}
+/* line 128, src/styles/base/_layout.scss */
+.content-view-loading .content-view-loading-text {
+  padding-top: 1rem;
+  margin: 0 2rem;
+  text-align: center;
+}
+/* line 133, src/styles/base/_layout.scss */
+.content-view-loading .content-view-loading-button {
+  max-width: 50vw;
+  margin-top: 1rem;
+}
+
+/* line 139, src/styles/base/_layout.scss */
 [role='main'] {
   /* width */
   /* Track */
-  /* Handle */ }
-  /* line 140, src/styles/base/_layout.scss */
-  [role='main']::-webkit-scrollbar {
-    width: 10px; }
-  /* line 144, src/styles/base/_layout.scss */
-  [role='main']::-webkit-scrollbar-track {
-    background: #3e4045; }
-  /* line 148, src/styles/base/_layout.scss */
-  [role='main']::-webkit-scrollbar-thumb {
-    background: #6f7074; }
+  /* Handle */
+}
+/* line 141, src/styles/base/_layout.scss */
+[role='main']::-webkit-scrollbar {
+  width: 10px;
+}
+/* line 145, src/styles/base/_layout.scss */
+[role='main']::-webkit-scrollbar-track {
+  background: #3e4045;
+}
+/* line 149, src/styles/base/_layout.scss */
+[role='main']::-webkit-scrollbar-thumb {
+  background: #6f7074;
+}
 
 /** BLACK **/
 /** RED **/
@@ -186,7 +227,8 @@ body {
 /** SCROLLBAR **/
 /* line 5, src/styles/base/_typography.scss */
 * {
-  font-family: Lato, sans-serif; }
+  font-family: Lato, sans-serif;
+}
 
 /* line 9, src/styles/base/_typography.scss */
 h1,
@@ -197,7 +239,8 @@ h5,
 h6,
 p {
   color: #a0a0a0;
-  font-family: Lato, sans-serif; }
+  font-family: Lato, sans-serif;
+}
 
 /* line 20, src/styles/base/_typography.scss */
 .home-title {
@@ -206,7 +249,8 @@ p {
   font-style: normal;
   font-weight: normal;
   line-height: 120%;
-  text-transform: uppercase; }
+  text-transform: uppercase;
+}
 
 /* line 29, src/styles/base/_typography.scss */
 .app-title {
@@ -218,349 +262,579 @@ p {
   text-align: center;
   letter-spacing: 0.15px;
   color: #e0e0e0;
-  text-shadow: 0px -1px 0px #060609, 0px 1px 0px rgba(255, 255, 255, 0.07); }
+  text-shadow: 0px -1px 0px #060609, 0px 1px 0px rgba(255, 255, 255, 0.07);
+}
 
 /* line 41, src/styles/base/_typography.scss */
 .isBuilding {
   color: #e3b82a;
-  margin-left: .8rem;
-  margin-right: .8rem; }
+  margin-left: 0.8rem;
+  margin-right: 0.8rem;
+}
 
 /* line 48, src/styles/base/_typography.scss */
-.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 {
+.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 {
   font-style: normal;
   font-size: 0.625rem;
-  line-height: 120%; }
-  /* line 52, src/styles/base/_typography.scss */
-  .text-10-normal, .text-10-normal-uppercase, .text-10-normal-150 {
-    font-weight: normal; }
-    /* line 55, src/styles/base/_typography.scss */
-    .text-10-normal-uppercase {
-      text-transform: uppercase; }
-    /* line 59, src/styles/base/_typography.scss */
-    .text-10-normal-150 {
-      line-height: 150%; }
-  /* line 64, src/styles/base/_typography.scss */
-  .text-10-bold, .text-10-bold-uppercase, .text-10-bold-capitalize {
-    font-weight: 700; }
-    /* line 67, src/styles/base/_typography.scss */
-    .text-10-bold-uppercase {
-      text-transform: uppercase; }
-    /* line 71, src/styles/base/_typography.scss */
-    .text-10-bold-capitalize {
-      text-transform: capitalize; }
-  /* line 76, src/styles/base/_typography.scss */
-  .text-10-italic {
-    font-style: italic;
-    font-weight: normal; }
+  line-height: 120%;
+}
+/* line 52, src/styles/base/_typography.scss */
+.text-10-normal,
+.text-10-normal-uppercase,
+.text-10-normal-150 {
+  font-weight: normal;
+}
+/* line 55, src/styles/base/_typography.scss */
+.text-10-normal-uppercase {
+  text-transform: uppercase;
+}
+/* line 59, src/styles/base/_typography.scss */
+.text-10-normal-150 {
+  line-height: 150%;
+}
+/* line 64, src/styles/base/_typography.scss */
+.text-10-bold,
+.text-10-bold-uppercase,
+.text-10-bold-capitalize {
+  font-weight: 700;
+}
+/* line 67, src/styles/base/_typography.scss */
+.text-10-bold-uppercase {
+  text-transform: uppercase;
+}
+/* line 71, src/styles/base/_typography.scss */
+.text-10-bold-capitalize {
+  text-transform: capitalize;
+}
+/* line 76, src/styles/base/_typography.scss */
+.text-10-italic {
+  font-style: italic;
+  font-weight: normal;
+}
 
 /* line 48, src/styles/base/_typography.scss */
-.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 {
+.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 {
   font-style: normal;
   font-size: 0.875rem;
-  line-height: 120%; }
-  /* line 52, src/styles/base/_typography.scss */
-  .text-14-normal, .text-14-normal-uppercase, .text-14-normal-150 {
-    font-weight: normal; }
-    /* line 55, src/styles/base/_typography.scss */
-    .text-14-normal-uppercase {
-      text-transform: uppercase; }
-    /* line 59, src/styles/base/_typography.scss */
-    .text-14-normal-150 {
-      line-height: 150%; }
-  /* line 64, src/styles/base/_typography.scss */
-  .text-14-bold, .text-14-bold-uppercase, .text-14-bold-capitalize {
-    font-weight: 700; }
-    /* line 67, src/styles/base/_typography.scss */
-    .text-14-bold-uppercase {
-      text-transform: uppercase; }
-    /* line 71, src/styles/base/_typography.scss */
-    .text-14-bold-capitalize {
-      text-transform: capitalize; }
-  /* line 76, src/styles/base/_typography.scss */
-  .text-14-italic {
-    font-style: italic;
-    font-weight: normal; }
+  line-height: 120%;
+}
+/* line 52, src/styles/base/_typography.scss */
+.text-14-normal,
+.text-14-normal-uppercase,
+.text-14-normal-150 {
+  font-weight: normal;
+}
+/* line 55, src/styles/base/_typography.scss */
+.text-14-normal-uppercase {
+  text-transform: uppercase;
+}
+/* line 59, src/styles/base/_typography.scss */
+.text-14-normal-150 {
+  line-height: 150%;
+}
+/* line 64, src/styles/base/_typography.scss */
+.text-14-bold,
+.text-14-bold-uppercase,
+.text-14-bold-capitalize {
+  font-weight: 700;
+}
+/* line 67, src/styles/base/_typography.scss */
+.text-14-bold-uppercase {
+  text-transform: uppercase;
+}
+/* line 71, src/styles/base/_typography.scss */
+.text-14-bold-capitalize {
+  text-transform: capitalize;
+}
+/* line 76, src/styles/base/_typography.scss */
+.text-14-italic {
+  font-style: italic;
+  font-weight: normal;
+}
 
 /* line 48, src/styles/base/_typography.scss */
-.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 {
+.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 {
   font-style: normal;
   font-size: 0.938rem;
-  line-height: 120%; }
-  /* line 52, src/styles/base/_typography.scss */
-  .text-15-normal, .text-15-normal-uppercase, .text-15-normal-150 {
-    font-weight: normal; }
-    /* line 55, src/styles/base/_typography.scss */
-    .text-15-normal-uppercase {
-      text-transform: uppercase; }
-    /* line 59, src/styles/base/_typography.scss */
-    .text-15-normal-150 {
-      line-height: 150%; }
-  /* line 64, src/styles/base/_typography.scss */
-  .text-15-bold, .text-15-bold-uppercase, .text-15-bold-capitalize {
-    font-weight: 700; }
-    /* line 67, src/styles/base/_typography.scss */
-    .text-15-bold-uppercase {
-      text-transform: uppercase; }
-    /* line 71, src/styles/base/_typography.scss */
-    .text-15-bold-capitalize {
-      text-transform: capitalize; }
-  /* line 76, src/styles/base/_typography.scss */
-  .text-15-italic {
-    font-style: italic;
-    font-weight: normal; }
+  line-height: 120%;
+}
+/* line 52, src/styles/base/_typography.scss */
+.text-15-normal,
+.text-15-normal-uppercase,
+.text-15-normal-150 {
+  font-weight: normal;
+}
+/* line 55, src/styles/base/_typography.scss */
+.text-15-normal-uppercase {
+  text-transform: uppercase;
+}
+/* line 59, src/styles/base/_typography.scss */
+.text-15-normal-150 {
+  line-height: 150%;
+}
+/* line 64, src/styles/base/_typography.scss */
+.text-15-bold,
+.text-15-bold-uppercase,
+.text-15-bold-capitalize {
+  font-weight: 700;
+}
+/* line 67, src/styles/base/_typography.scss */
+.text-15-bold-uppercase {
+  text-transform: uppercase;
+}
+/* line 71, src/styles/base/_typography.scss */
+.text-15-bold-capitalize {
+  text-transform: capitalize;
+}
+/* line 76, src/styles/base/_typography.scss */
+.text-15-italic {
+  font-style: italic;
+  font-weight: normal;
+}
 
 /* line 48, src/styles/base/_typography.scss */
-.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 {
+.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 {
   font-style: normal;
   font-size: 1rem;
-  line-height: 120%; }
-  /* line 52, src/styles/base/_typography.scss */
-  .text-16-normal, .text-16-normal-uppercase, .text-16-normal-150 {
-    font-weight: normal; }
-    /* line 55, src/styles/base/_typography.scss */
-    .text-16-normal-uppercase {
-      text-transform: uppercase; }
-    /* line 59, src/styles/base/_typography.scss */
-    .text-16-normal-150 {
-      line-height: 150%; }
-  /* line 64, src/styles/base/_typography.scss */
-  .text-16-bold, .text-16-bold-uppercase, .text-16-bold-capitalize {
-    font-weight: 700; }
-    /* line 67, src/styles/base/_typography.scss */
-    .text-16-bold-uppercase {
-      text-transform: uppercase; }
-    /* line 71, src/styles/base/_typography.scss */
-    .text-16-bold-capitalize {
-      text-transform: capitalize; }
-  /* line 76, src/styles/base/_typography.scss */
-  .text-16-italic {
-    font-style: italic;
-    font-weight: normal; }
+  line-height: 120%;
+}
+/* line 52, src/styles/base/_typography.scss */
+.text-16-normal,
+.text-16-normal-uppercase,
+.text-16-normal-150 {
+  font-weight: normal;
+}
+/* line 55, src/styles/base/_typography.scss */
+.text-16-normal-uppercase {
+  text-transform: uppercase;
+}
+/* line 59, src/styles/base/_typography.scss */
+.text-16-normal-150 {
+  line-height: 150%;
+}
+/* line 64, src/styles/base/_typography.scss */
+.text-16-bold,
+.text-16-bold-uppercase,
+.text-16-bold-capitalize {
+  font-weight: 700;
+}
+/* line 67, src/styles/base/_typography.scss */
+.text-16-bold-uppercase {
+  text-transform: uppercase;
+}
+/* line 71, src/styles/base/_typography.scss */
+.text-16-bold-capitalize {
+  text-transform: capitalize;
+}
+/* line 76, src/styles/base/_typography.scss */
+.text-16-italic {
+  font-style: italic;
+  font-weight: normal;
+}
 
 /* line 48, src/styles/base/_typography.scss */
-.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 {
+.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 {
   font-style: normal;
   font-size: 1.125rem;
-  line-height: 120%; }
-  /* line 52, src/styles/base/_typography.scss */
-  .text-18-normal, .text-18-normal-uppercase, .text-18-normal-150 {
-    font-weight: normal; }
-    /* line 55, src/styles/base/_typography.scss */
-    .text-18-normal-uppercase {
-      text-transform: uppercase; }
-    /* line 59, src/styles/base/_typography.scss */
-    .text-18-normal-150 {
-      line-height: 150%; }
-  /* line 64, src/styles/base/_typography.scss */
-  .text-18-bold, .text-18-bold-uppercase, .text-18-bold-capitalize {
-    font-weight: 700; }
-    /* line 67, src/styles/base/_typography.scss */
-    .text-18-bold-uppercase {
-      text-transform: uppercase; }
-    /* line 71, src/styles/base/_typography.scss */
-    .text-18-bold-capitalize {
-      text-transform: capitalize; }
-  /* line 76, src/styles/base/_typography.scss */
-  .text-18-italic {
-    font-style: italic;
-    font-weight: normal; }
+  line-height: 120%;
+}
+/* line 52, src/styles/base/_typography.scss */
+.text-18-normal,
+.text-18-normal-uppercase,
+.text-18-normal-150 {
+  font-weight: normal;
+}
+/* line 55, src/styles/base/_typography.scss */
+.text-18-normal-uppercase {
+  text-transform: uppercase;
+}
+/* line 59, src/styles/base/_typography.scss */
+.text-18-normal-150 {
+  line-height: 150%;
+}
+/* line 64, src/styles/base/_typography.scss */
+.text-18-bold,
+.text-18-bold-uppercase,
+.text-18-bold-capitalize {
+  font-weight: 700;
+}
+/* line 67, src/styles/base/_typography.scss */
+.text-18-bold-uppercase {
+  text-transform: uppercase;
+}
+/* line 71, src/styles/base/_typography.scss */
+.text-18-bold-capitalize {
+  text-transform: capitalize;
+}
+/* line 76, src/styles/base/_typography.scss */
+.text-18-italic {
+  font-style: italic;
+  font-weight: normal;
+}
 
 /* line 48, src/styles/base/_typography.scss */
-.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 {
+.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 {
   font-style: normal;
   font-size: 1.188rem;
-  line-height: 120%; }
-  /* line 52, src/styles/base/_typography.scss */
-  .text-19-normal, .text-19-normal-uppercase, .text-19-normal-150 {
-    font-weight: normal; }
-    /* line 55, src/styles/base/_typography.scss */
-    .text-19-normal-uppercase {
-      text-transform: uppercase; }
-    /* line 59, src/styles/base/_typography.scss */
-    .text-19-normal-150 {
-      line-height: 150%; }
-  /* line 64, src/styles/base/_typography.scss */
-  .text-19-bold, .text-19-bold-uppercase, .text-19-bold-capitalize {
-    font-weight: 700; }
-    /* line 67, src/styles/base/_typography.scss */
-    .text-19-bold-uppercase {
-      text-transform: uppercase; }
-    /* line 71, src/styles/base/_typography.scss */
-    .text-19-bold-capitalize {
-      text-transform: capitalize; }
-  /* line 76, src/styles/base/_typography.scss */
-  .text-19-italic {
-    font-style: italic;
-    font-weight: normal; }
+  line-height: 120%;
+}
+/* line 52, src/styles/base/_typography.scss */
+.text-19-normal,
+.text-19-normal-uppercase,
+.text-19-normal-150 {
+  font-weight: normal;
+}
+/* line 55, src/styles/base/_typography.scss */
+.text-19-normal-uppercase {
+  text-transform: uppercase;
+}
+/* line 59, src/styles/base/_typography.scss */
+.text-19-normal-150 {
+  line-height: 150%;
+}
+/* line 64, src/styles/base/_typography.scss */
+.text-19-bold,
+.text-19-bold-uppercase,
+.text-19-bold-capitalize {
+  font-weight: 700;
+}
+/* line 67, src/styles/base/_typography.scss */
+.text-19-bold-uppercase {
+  text-transform: uppercase;
+}
+/* line 71, src/styles/base/_typography.scss */
+.text-19-bold-capitalize {
+  text-transform: capitalize;
+}
+/* line 76, src/styles/base/_typography.scss */
+.text-19-italic {
+  font-style: italic;
+  font-weight: normal;
+}
 
 /* line 48, src/styles/base/_typography.scss */
-.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 {
+.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 {
   font-style: normal;
   font-size: 1.25rem;
-  line-height: 120%; }
-  /* line 52, src/styles/base/_typography.scss */
-  .text-20-normal, .text-20-normal-uppercase, .text-20-normal-150 {
-    font-weight: normal; }
-    /* line 55, src/styles/base/_typography.scss */
-    .text-20-normal-uppercase {
-      text-transform: uppercase; }
-    /* line 59, src/styles/base/_typography.scss */
-    .text-20-normal-150 {
-      line-height: 150%; }
-  /* line 64, src/styles/base/_typography.scss */
-  .text-20-bold, .text-20-bold-uppercase, .text-20-bold-capitalize {
-    font-weight: 700; }
-    /* line 67, src/styles/base/_typography.scss */
-    .text-20-bold-uppercase {
-      text-transform: uppercase; }
-    /* line 71, src/styles/base/_typography.scss */
-    .text-20-bold-capitalize {
-      text-transform: capitalize; }
-  /* line 76, src/styles/base/_typography.scss */
-  .text-20-italic {
-    font-style: italic;
-    font-weight: normal; }
+  line-height: 120%;
+}
+/* line 52, src/styles/base/_typography.scss */
+.text-20-normal,
+.text-20-normal-uppercase,
+.text-20-normal-150 {
+  font-weight: normal;
+}
+/* line 55, src/styles/base/_typography.scss */
+.text-20-normal-uppercase {
+  text-transform: uppercase;
+}
+/* line 59, src/styles/base/_typography.scss */
+.text-20-normal-150 {
+  line-height: 150%;
+}
+/* line 64, src/styles/base/_typography.scss */
+.text-20-bold,
+.text-20-bold-uppercase,
+.text-20-bold-capitalize {
+  font-weight: 700;
+}
+/* line 67, src/styles/base/_typography.scss */
+.text-20-bold-uppercase {
+  text-transform: uppercase;
+}
+/* line 71, src/styles/base/_typography.scss */
+.text-20-bold-capitalize {
+  text-transform: capitalize;
+}
+/* line 76, src/styles/base/_typography.scss */
+.text-20-italic {
+  font-style: italic;
+  font-weight: normal;
+}
 
 /* line 48, src/styles/base/_typography.scss */
-.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 {
+.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 {
   font-style: normal;
   font-size: 1.313rem;
-  line-height: 120%; }
-  /* line 52, src/styles/base/_typography.scss */
-  .text-21-normal, .text-21-normal-uppercase, .text-21-normal-150 {
-    font-weight: normal; }
-    /* line 55, src/styles/base/_typography.scss */
-    .text-21-normal-uppercase {
-      text-transform: uppercase; }
-    /* line 59, src/styles/base/_typography.scss */
-    .text-21-normal-150 {
-      line-height: 150%; }
-  /* line 64, src/styles/base/_typography.scss */
-  .text-21-bold, .text-21-bold-uppercase, .text-21-bold-capitalize {
-    font-weight: 700; }
-    /* line 67, src/styles/base/_typography.scss */
-    .text-21-bold-uppercase {
-      text-transform: uppercase; }
-    /* line 71, src/styles/base/_typography.scss */
-    .text-21-bold-capitalize {
-      text-transform: capitalize; }
-  /* line 76, src/styles/base/_typography.scss */
-  .text-21-italic {
-    font-style: italic;
-    font-weight: normal; }
+  line-height: 120%;
+}
+/* line 52, src/styles/base/_typography.scss */
+.text-21-normal,
+.text-21-normal-uppercase,
+.text-21-normal-150 {
+  font-weight: normal;
+}
+/* line 55, src/styles/base/_typography.scss */
+.text-21-normal-uppercase {
+  text-transform: uppercase;
+}
+/* line 59, src/styles/base/_typography.scss */
+.text-21-normal-150 {
+  line-height: 150%;
+}
+/* line 64, src/styles/base/_typography.scss */
+.text-21-bold,
+.text-21-bold-uppercase,
+.text-21-bold-capitalize {
+  font-weight: 700;
+}
+/* line 67, src/styles/base/_typography.scss */
+.text-21-bold-uppercase {
+  text-transform: uppercase;
+}
+/* line 71, src/styles/base/_typography.scss */
+.text-21-bold-capitalize {
+  text-transform: capitalize;
+}
+/* line 76, src/styles/base/_typography.scss */
+.text-21-italic {
+  font-style: italic;
+  font-weight: normal;
+}
 
 /* line 48, src/styles/base/_typography.scss */
-.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 {
+.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 {
   font-style: normal;
   font-size: 1.375rem;
-  line-height: 120%; }
-  /* line 52, src/styles/base/_typography.scss */
-  .text-22-normal, .text-22-normal-uppercase, .text-22-normal-150 {
-    font-weight: normal; }
-    /* line 55, src/styles/base/_typography.scss */
-    .text-22-normal-uppercase {
-      text-transform: uppercase; }
-    /* line 59, src/styles/base/_typography.scss */
-    .text-22-normal-150 {
-      line-height: 150%; }
-  /* line 64, src/styles/base/_typography.scss */
-  .text-22-bold, .text-22-bold-uppercase, .text-22-bold-capitalize {
-    font-weight: 700; }
-    /* line 67, src/styles/base/_typography.scss */
-    .text-22-bold-uppercase {
-      text-transform: uppercase; }
-    /* line 71, src/styles/base/_typography.scss */
-    .text-22-bold-capitalize {
-      text-transform: capitalize; }
-  /* line 76, src/styles/base/_typography.scss */
-  .text-22-italic {
-    font-style: italic;
-    font-weight: normal; }
+  line-height: 120%;
+}
+/* line 52, src/styles/base/_typography.scss */
+.text-22-normal,
+.text-22-normal-uppercase,
+.text-22-normal-150 {
+  font-weight: normal;
+}
+/* line 55, src/styles/base/_typography.scss */
+.text-22-normal-uppercase {
+  text-transform: uppercase;
+}
+/* line 59, src/styles/base/_typography.scss */
+.text-22-normal-150 {
+  line-height: 150%;
+}
+/* line 64, src/styles/base/_typography.scss */
+.text-22-bold,
+.text-22-bold-uppercase,
+.text-22-bold-capitalize {
+  font-weight: 700;
+}
+/* line 67, src/styles/base/_typography.scss */
+.text-22-bold-uppercase {
+  text-transform: uppercase;
+}
+/* line 71, src/styles/base/_typography.scss */
+.text-22-bold-capitalize {
+  text-transform: capitalize;
+}
+/* line 76, src/styles/base/_typography.scss */
+.text-22-italic {
+  font-style: italic;
+  font-weight: normal;
+}
 
 /* line 48, src/styles/base/_typography.scss */
-.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 {
+.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 {
   font-style: normal;
   font-size: 1.5rem;
-  line-height: 120%; }
-  /* line 52, src/styles/base/_typography.scss */
-  .text-24-normal, .text-24-normal-uppercase, .text-24-normal-150 {
-    font-weight: normal; }
-    /* line 55, src/styles/base/_typography.scss */
-    .text-24-normal-uppercase {
-      text-transform: uppercase; }
-    /* line 59, src/styles/base/_typography.scss */
-    .text-24-normal-150 {
-      line-height: 150%; }
-  /* line 64, src/styles/base/_typography.scss */
-  .text-24-bold, .text-24-bold-uppercase, .text-24-bold-capitalize {
-    font-weight: 700; }
-    /* line 67, src/styles/base/_typography.scss */
-    .text-24-bold-uppercase {
-      text-transform: uppercase; }
-    /* line 71, src/styles/base/_typography.scss */
-    .text-24-bold-capitalize {
-      text-transform: capitalize; }
-  /* line 76, src/styles/base/_typography.scss */
-  .text-24-italic {
-    font-style: italic;
-    font-weight: normal; }
+  line-height: 120%;
+}
+/* line 52, src/styles/base/_typography.scss */
+.text-24-normal,
+.text-24-normal-uppercase,
+.text-24-normal-150 {
+  font-weight: normal;
+}
+/* line 55, src/styles/base/_typography.scss */
+.text-24-normal-uppercase {
+  text-transform: uppercase;
+}
+/* line 59, src/styles/base/_typography.scss */
+.text-24-normal-150 {
+  line-height: 150%;
+}
+/* line 64, src/styles/base/_typography.scss */
+.text-24-bold,
+.text-24-bold-uppercase,
+.text-24-bold-capitalize {
+  font-weight: 700;
+}
+/* line 67, src/styles/base/_typography.scss */
+.text-24-bold-uppercase {
+  text-transform: uppercase;
+}
+/* line 71, src/styles/base/_typography.scss */
+.text-24-bold-capitalize {
+  text-transform: capitalize;
+}
+/* line 76, src/styles/base/_typography.scss */
+.text-24-italic {
+  font-style: italic;
+  font-weight: normal;
+}
 
 /* line 48, src/styles/base/_typography.scss */
-.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 {
+.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 {
   font-style: normal;
   font-size: 1.75rem;
-  line-height: 120%; }
-  /* line 52, src/styles/base/_typography.scss */
-  .text-28-normal, .text-28-normal-uppercase, .text-28-normal-150 {
-    font-weight: normal; }
-    /* line 55, src/styles/base/_typography.scss */
-    .text-28-normal-uppercase {
-      text-transform: uppercase; }
-    /* line 59, src/styles/base/_typography.scss */
-    .text-28-normal-150 {
-      line-height: 150%; }
-  /* line 64, src/styles/base/_typography.scss */
-  .text-28-bold, .text-28-bold-uppercase, .text-28-bold-capitalize {
-    font-weight: 700; }
-    /* line 67, src/styles/base/_typography.scss */
-    .text-28-bold-uppercase {
-      text-transform: uppercase; }
-    /* line 71, src/styles/base/_typography.scss */
-    .text-28-bold-capitalize {
-      text-transform: capitalize; }
-  /* line 76, src/styles/base/_typography.scss */
-  .text-28-italic {
-    font-style: italic;
-    font-weight: normal; }
+  line-height: 120%;
+}
+/* line 52, src/styles/base/_typography.scss */
+.text-28-normal,
+.text-28-normal-uppercase,
+.text-28-normal-150 {
+  font-weight: normal;
+}
+/* line 55, src/styles/base/_typography.scss */
+.text-28-normal-uppercase {
+  text-transform: uppercase;
+}
+/* line 59, src/styles/base/_typography.scss */
+.text-28-normal-150 {
+  line-height: 150%;
+}
+/* line 64, src/styles/base/_typography.scss */
+.text-28-bold,
+.text-28-bold-uppercase,
+.text-28-bold-capitalize {
+  font-weight: 700;
+}
+/* line 67, src/styles/base/_typography.scss */
+.text-28-bold-uppercase {
+  text-transform: uppercase;
+}
+/* line 71, src/styles/base/_typography.scss */
+.text-28-bold-capitalize {
+  text-transform: capitalize;
+}
+/* line 76, src/styles/base/_typography.scss */
+.text-28-italic {
+  font-style: italic;
+  font-weight: normal;
+}
 
 /* line 48, src/styles/base/_typography.scss */
-.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 {
+.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 {
   font-style: normal;
   font-size: 2.25rem;
-  line-height: 120%; }
-  /* line 52, src/styles/base/_typography.scss */
-  .text-36-normal, .text-36-normal-uppercase, .text-36-normal-150 {
-    font-weight: normal; }
-    /* line 55, src/styles/base/_typography.scss */
-    .text-36-normal-uppercase {
-      text-transform: uppercase; }
-    /* line 59, src/styles/base/_typography.scss */
-    .text-36-normal-150 {
-      line-height: 150%; }
-  /* line 64, src/styles/base/_typography.scss */
-  .text-36-bold, .text-36-bold-uppercase, .text-36-bold-capitalize {
-    font-weight: 700; }
-    /* line 67, src/styles/base/_typography.scss */
-    .text-36-bold-uppercase {
-      text-transform: uppercase; }
-    /* line 71, src/styles/base/_typography.scss */
-    .text-36-bold-capitalize {
-      text-transform: capitalize; }
-  /* line 76, src/styles/base/_typography.scss */
-  .text-36-italic {
-    font-style: italic;
-    font-weight: normal; }
+  line-height: 120%;
+}
+/* line 52, src/styles/base/_typography.scss */
+.text-36-normal,
+.text-36-normal-uppercase,
+.text-36-normal-150 {
+  font-weight: normal;
+}
+/* line 55, src/styles/base/_typography.scss */
+.text-36-normal-uppercase {
+  text-transform: uppercase;
+}
+/* line 59, src/styles/base/_typography.scss */
+.text-36-normal-150 {
+  line-height: 150%;
+}
+/* line 64, src/styles/base/_typography.scss */
+.text-36-bold,
+.text-36-bold-uppercase,
+.text-36-bold-capitalize {
+  font-weight: 700;
+}
+/* line 67, src/styles/base/_typography.scss */
+.text-36-bold-uppercase {
+  text-transform: uppercase;
+}
+/* line 71, src/styles/base/_typography.scss */
+.text-36-bold-capitalize {
+  text-transform: capitalize;
+}
+/* line 76, src/styles/base/_typography.scss */
+.text-36-italic {
+  font-style: italic;
+  font-weight: normal;
+}
 
 /* Card */
 /* line 85, src/styles/base/_typography.scss */
@@ -570,7 +844,8 @@ p {
   font-weight: normal;
   font-size: 1.125rem;
   line-height: 120%;
-  color: #e0e0e0; }
+  color: #e0e0e0;
+}
 
 /* line 93, src/styles/base/_typography.scss */
 .card-text-bold {
@@ -579,7 +854,8 @@ p {
   font-weight: bold;
   font-size: 1rem;
   line-height: 120%;
-  color: #e0e0e0; }
+  color: #e0e0e0;
+}
 
 /* line 101, src/styles/base/_typography.scss */
 .card-result {
@@ -588,7 +864,8 @@ p {
   font-weight: 900;
   font-size: 1.75rem;
   line-height: 120%;
-  color: #e0e0e0; }
+  color: #e0e0e0;
+}
 
 /* line 109, src/styles/base/_typography.scss */
 .card-indicator {
@@ -597,7 +874,8 @@ p {
   font-weight: normal;
   font-size: 1rem;
   line-height: 120%;
-  color: #e0e0e0; }
+  color: #e0e0e0;
+}
 
 /* line 117, src/styles/base/_typography.scss */
 .card-text {
@@ -606,7 +884,8 @@ p {
   font-weight: normal;
   font-size: 1rem;
   line-height: 120%;
-  color: #e0e0e0; }
+  color: #e0e0e0;
+}
 
 /* Chart */
 /* line 127, src/styles/base/_typography.scss */
@@ -615,11 +894,14 @@ p {
   font-style: normal;
   font-weight: normal;
   font-size: 1rem;
-  line-height: 120%; }
-  @media only screen and (max-width: 768px) {
-    /* line 127, src/styles/base/_typography.scss */
-    .chart-ticks-x-text {
-      font-size: 0.685rem; } }
+  line-height: 120%;
+}
+@media only screen and (max-width: 768px) {
+  /* line 127, src/styles/base/_typography.scss */
+  .chart-ticks-x-text {
+    font-size: 0.685rem;
+  }
+}
 
 /* line 137, src/styles/base/_typography.scss */
 .chart-ticks-y-text {
@@ -627,11 +909,14 @@ p {
   font-style: normal;
   font-weight: normal;
   font-size: 0.9rem;
-  line-height: 120%; }
-  @media only screen and (max-width: 768px) {
-    /* line 137, src/styles/base/_typography.scss */
-    .chart-ticks-y-text {
-      font-size: 0.75rem; } }
+  line-height: 120%;
+}
+@media only screen and (max-width: 768px) {
+  /* line 137, src/styles/base/_typography.scss */
+  .chart-ticks-y-text {
+    font-size: 0.75rem;
+  }
+}
 
 /* Cozy bar */
 /* line 149, src/styles/base/_typography.scss */
@@ -641,7 +926,8 @@ p {
   font-weight: bold;
   font-size: 1.3125rem;
   line-height: 120%;
-  color: #e0e0e0; }
+  color: #e0e0e0;
+}
 
 /** BLACK **/
 /** RED **/
@@ -655,35 +941,53 @@ p {
 /** SCROLLBAR **/
 /* line 4, src/styles/components/_barchart.scss */
 .axis {
-  color: #7b7b7b; }
-  /* line 6, src/styles/components/_barchart.scss */
-  .axis .tick-text {
-    fill: #7b7b7b; }
-    /* line 8, src/styles/components/_barchart.scss */
-    .axis .tick-text.tick-text-selected {
-      fill: #e0e0e0; }
-  /* line 12, src/styles/components/_barchart.scss */
-  .axis .separator {
-    text-align: center;
-    margin: 0 2px;
-    font-size: 1rem !important; }
+  color: #7b7b7b;
+}
+/* line 6, src/styles/components/_barchart.scss */
+.axis .tick-text {
+  fill: #7b7b7b;
+}
+/* line 8, src/styles/components/_barchart.scss */
+.axis .tick-text.tick-text-selected {
+  fill: #e0e0e0;
+}
+/* line 12, src/styles/components/_barchart.scss */
+.axis .separator {
+  text-align: center;
+  margin: 0 2px;
+  font-size: 1rem !important;
+}
 
 /* line 18, src/styles/components/_barchart.scss */
 .value-text {
-  fill: #7b7b7b; }
-  /* line 20, src/styles/components/_barchart.scss */
-  .value-text.selected {
-    fill: #e0e0e0; }
-
-/* line 24, src/styles/components/_barchart.scss */
+  fill: #7b7b7b;
+}
+/* line 20, src/styles/components/_barchart.scss */
+.value-text.selected {
+  fill: #e0e0e0;
+}
+
+/* line 26, src/styles/components/_barchart.scss */
+.barContainer:hover,
+.barFill:hover {
+  cursor: pointer;
+}
+
+/* line 30, src/styles/components/_barchart.scss */
 .background-true {
-  opacity: 0.1; }
-
-/* line 27, src/styles/components/_barchart.scss */
+  opacity: 0.1;
+}
+/* line 32, src/styles/components/_barchart.scss */
+.background-true:hover {
+  cursor: pointer;
+}
+
+/* line 36, src/styles/components/_barchart.scss */
 .background-false {
-  opacity: 0; }
+  opacity: 0;
+}
 
-/* line 38, src/styles/components/_barchart.scss */
+/* line 47, src/styles/components/_barchart.scss */
 .bar-compare-ELECTRICITY:hover,
 .bar-compare-GAS:hover,
 .bar-compare-WATER:hover,
@@ -692,118 +996,147 @@ p {
 .bar-WATER:hover,
 .bar-GAS:hover,
 .bar-ELECTRICITY:hover {
-  cursor: pointer; }
+  cursor: pointer;
+}
 
-/* line 42, src/styles/components/_barchart.scss */
+/* line 51, src/styles/components/_barchart.scss */
 .bar-ELECTRICITY {
-  fill: #5d3d2a; }
-  /* line 44, src/styles/components/_barchart.scss */
-  .bar-ELECTRICITY.selected {
-    fill: #d87b39;
-    filter: drop-shadow(0 -0.1rem 0.2rem #d87b39); }
-
-/* line 50, src/styles/components/_barchart.scss */
+  fill: #5d3d2a;
+}
+/* line 53, src/styles/components/_barchart.scss */
+.bar-ELECTRICITY.selected {
+  fill: #d87b39;
+  filter: drop-shadow(0 -0.1rem 0.2rem #d87b39);
+}
+
+/* line 59, src/styles/components/_barchart.scss */
 .bar-compare-ELECTRICITY {
-  fill: #795c47; }
-  /* line 52, src/styles/components/_barchart.scss */
-  .bar-compare-ELECTRICITY.selected {
-    fill: #e2bca1;
-    filter: drop-shadow(0 -0.1rem 0.2rem #e2bca1); }
-
-/* line 58, src/styles/components/_barchart.scss */
+  fill: #795c47;
+}
+/* line 61, src/styles/components/_barchart.scss */
+.bar-compare-ELECTRICITY.selected {
+  fill: #e2bca1;
+  filter: drop-shadow(0 -0.1rem 0.2rem #e2bca1);
+}
+
+/* line 67, src/styles/components/_barchart.scss */
 .bar-WATER {
-  fill: #20415e; }
-  /* line 60, src/styles/components/_barchart.scss */
-  .bar-WATER.selected {
-    fill: #3a98ec;
-    filter: drop-shadow(0 -0.1rem 0.2rem #3a98ec); }
-
-/* line 66, src/styles/components/_barchart.scss */
+  fill: #20415e;
+}
+/* line 69, src/styles/components/_barchart.scss */
+.bar-WATER.selected {
+  fill: #3a98ec;
+  filter: drop-shadow(0 -0.1rem 0.2rem #3a98ec);
+}
+
+/* line 75, src/styles/components/_barchart.scss */
 .bar-compare-WATER {
-  fill: #4d5c6e; }
-  /* line 68, src/styles/components/_barchart.scss */
-  .bar-compare-WATER.selected {
-    fill: #abd4fa;
-    filter: drop-shadow(0 -0.1rem 0.2rem #abd4fa); }
-
-/* line 74, src/styles/components/_barchart.scss */
+  fill: #4d5c6e;
+}
+/* line 77, src/styles/components/_barchart.scss */
+.bar-compare-WATER.selected {
+  fill: #abd4fa;
+  filter: drop-shadow(0 -0.1rem 0.2rem #abd4fa);
+}
+
+/* line 83, src/styles/components/_barchart.scss */
 .bar-GAS {
-  fill: #184940; }
-  /* line 76, src/styles/components/_barchart.scss */
-  .bar-GAS.selected {
-    fill: #45d1b8;
-    filter: drop-shadow(0 -0.1rem 0.2rem #45d1b8); }
-
-/* line 82, src/styles/components/_barchart.scss */
+  fill: #184940;
+}
+/* line 85, src/styles/components/_barchart.scss */
+.bar-GAS.selected {
+  fill: #45d1b8;
+  filter: drop-shadow(0 -0.1rem 0.2rem #45d1b8);
+}
+
+/* line 91, src/styles/components/_barchart.scss */
 .bar-compare-GAS {
-  fill: #597773; }
-  /* line 84, src/styles/components/_barchart.scss */
-  .bar-compare-GAS.selected {
-    fill: #a8f7e9;
-    filter: drop-shadow(0 -0.1rem 0.2rem #a8f7e9); }
-
-/* line 90, src/styles/components/_barchart.scss */
+  fill: #597773;
+}
+/* line 93, src/styles/components/_barchart.scss */
+.bar-compare-GAS.selected {
+  fill: #a8f7e9;
+  filter: drop-shadow(0 -0.1rem 0.2rem #a8f7e9);
+}
+
+/* line 99, src/styles/components/_barchart.scss */
 .bar-MULTIFLUID {
-  fill: #705d1d; }
-  /* line 92, src/styles/components/_barchart.scss */
-  .bar-MULTIFLUID.selected {
-    fill: #e3b82a;
-    filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a); }
-  /* line 97, src/styles/components/_barchart.scss */
-  .bar-MULTIFLUID.disabled:hover {
-    cursor: default; }
-
-/* line 102, src/styles/components/_barchart.scss */
+  fill: #705d1d;
+}
+/* line 101, src/styles/components/_barchart.scss */
+.bar-MULTIFLUID.selected {
+  fill: #e3b82a;
+  filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a);
+}
+/* line 106, src/styles/components/_barchart.scss */
+.bar-MULTIFLUID.disabled:hover {
+  cursor: default;
+}
+
+/* line 111, src/styles/components/_barchart.scss */
 .bar-duel {
-  fill: #61f0f2; }
-  /* line 104, src/styles/components/_barchart.scss */
-  .bar-duel.selected {
-    fill: #61f0f2;
-    filter: drop-shadow(0 -0.1rem 0.2rem #61f0f2); }
-  /* line 109, src/styles/components/_barchart.scss */
-  .bar-duel.disabled:hover {
-    cursor: default; }
-
-/* line 114, src/styles/components/_barchart.scss */
+  fill: #61f0f2;
+}
+/* line 113, src/styles/components/_barchart.scss */
+.bar-duel.selected {
+  fill: #61f0f2;
+  filter: drop-shadow(0 -0.1rem 0.2rem #61f0f2);
+}
+/* line 118, src/styles/components/_barchart.scss */
+.bar-duel.disabled:hover {
+  cursor: default;
+}
+
+/* line 123, src/styles/components/_barchart.scss */
 .bar-UNCOMING {
   fill: #242633;
-  opacity: 0.6; }
-  /* line 117, src/styles/components/_barchart.scss */
-  .bar-UNCOMING.selected {
-    fill: #e3b82a;
-    filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a); }
-  /* line 122, src/styles/components/_barchart.scss */
-  .bar-UNCOMING.disabled:hover {
-    cursor: default; }
-
-/* line 128, src/styles/components/_barchart.scss */
+  opacity: 0.6;
+}
+/* line 126, src/styles/components/_barchart.scss */
+.bar-UNCOMING.selected {
+  fill: #e3b82a;
+  filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a);
+}
+/* line 131, src/styles/components/_barchart.scss */
+.bar-UNCOMING.disabled:hover {
+  cursor: default;
+}
+
+/* line 137, src/styles/components/_barchart.scss */
 .bar-compare-MULTIFLUID {
-  fill: #7d6a4e; }
-  /* line 130, src/styles/components/_barchart.scss */
-  .bar-compare-MULTIFLUID.selected {
-    fill: #ffd597;
-    filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a); }
+  fill: #7d6a4e;
+}
+/* line 139, src/styles/components/_barchart.scss */
+.bar-compare-MULTIFLUID.selected {
+  fill: #ffd597;
+  filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a);
+}
 
-/* line 135, src/styles/components/_barchart.scss */
+/* line 144, src/styles/components/_barchart.scss */
 .bar-average {
   stroke-width: 2;
-  stroke: #e3b82a; }
+  stroke: #e3b82a;
+}
 
 /* line 139, src/styles/components/_barchart.scss */
 .week {
-  fill: #e2bca1; }
-  /* line 141, src/styles/components/_barchart.scss */
-  .week.selected {
-    fill: #e2bca1;
-    filter: drop-shadow(0 -0.1rem 0.2rem #e2bca1); }
+  fill: #e2bca1;
+}
+/* line 141, src/styles/components/_barchart.scss */
+.week.selected {
+  fill: #e2bca1;
+  filter: drop-shadow(0 -0.1rem 0.2rem #e2bca1);
+}
 
 /* line 146, src/styles/components/_barchart.scss */
 .weekend {
-  fill: #ffd597; }
-  /* line 148, src/styles/components/_barchart.scss */
-  .weekend.selected {
-    fill: #ffd597;
-    filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a); }
+  fill: #ffd597;
+}
+/* line 148, src/styles/components/_barchart.scss */
+.weekend.selected {
+  fill: #ffd597;
+  filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a);
+}
 
 /** Animation **/
 /* line 154, src/styles/components/_barchart.scss */
@@ -812,21 +1145,29 @@ p {
   animation-timing-function: cubic-bezier(1, 1, 0.42, 1);
   animation-iteration-count: 1;
   transform-origin: bottom center;
-  transform-box: fill-box; }
+  transform-box: fill-box;
+}
 
 @keyframes bounce-1 {
   0% {
-    transform: scale(0.1, 0.1); }
+    transform: scale(0.1, 0.1);
+  }
   28% {
-    transform: scale(0.1, 1.1); }
+    transform: scale(0.1, 1.1);
+  }
   45% {
-    transform: scale(0.8, 0.95); }
+    transform: scale(0.8, 0.95);
+  }
   55% {
-    transform: scale(1, 1); }
+    transform: scale(1, 1);
+  }
   65% {
-    transform: scale(1, 0.98); }
+    transform: scale(1, 0.98);
+  }
   75% {
-    transform: scale(1, 1); } }
+    transform: scale(1, 1);
+  }
+}
 
 /* line 182, src/styles/components/_barchart.scss */
 .bounce-2 {
@@ -834,96 +1175,123 @@ p {
   animation-timing-function: cubic-bezier(1, 1, 0.42, 1);
   animation-iteration-count: 1;
   transform-origin: bottom center;
-  transform-box: fill-box; }
+  transform-box: fill-box;
+}
 
 @keyframes bounce-2 {
   0% {
-    transform: scale(1, 1); }
+    transform: scale(1, 1);
+  }
   28% {
-    transform: scale(1, 1.1); }
+    transform: scale(1, 1.1);
+  }
   45% {
-    transform: scale(0.8, 0.95); }
+    transform: scale(0.8, 0.95);
+  }
   55% {
-    transform: scale(1, 1); }
+    transform: scale(1, 1);
+  }
   65% {
-    transform: scale(1, 0.98); }
+    transform: scale(1, 0.98);
+  }
   75% {
-    transform: scale(1, 1); } }
+    transform: scale(1, 1);
+  }
+}
 
 /* line 210, src/styles/components/_barchart.scss */
 .bounce-3 {
   animation-name: bounce-3;
   animation-timing-function: cubic-bezier(1, 1, 0.42, 1);
   animation-iteration-count: 1;
-  transform-origin: bottom center; }
+  transform-origin: bottom center;
+}
 
 @keyframes bounce-3 {
   0% {
     opacity: 0.6;
-    transform: scaleY(1); }
+    transform: scaleY(1);
+  }
   50% {
     transform: scaleY(1.1);
-    opacity: 0.8; }
+    opacity: 0.8;
+  }
   100% {
     transform: scaleY(1);
-    opacity: 1; } }
+    opacity: 1;
+  }
+}
 
 /** Animatio ndelay **/
-/* line 232, src/styles/components/_barchart.scss */
+/* line 227, src/styles/components/_barchart.scss */
 .delay {
-  animation-duration: 0.4s; }
+  animation-duration: 0.4s;
+}
 
-/* line 235, src/styles/components/_barchart.scss */
+/* line 230, src/styles/components/_barchart.scss */
 .delay--0 {
-  animation-duration: 0.6s; }
+  animation-duration: 0.6s;
+}
 
-/* line 238, src/styles/components/_barchart.scss */
+/* line 233, src/styles/components/_barchart.scss */
 .delay--1 {
-  animation-duration: 0.7s; }
+  animation-duration: 0.7s;
+}
 
-/* line 241, src/styles/components/_barchart.scss */
+/* line 236, src/styles/components/_barchart.scss */
 .delay--2 {
-  animation-duration: 0.8s; }
+  animation-duration: 0.8s;
+}
 
-/* line 244, src/styles/components/_barchart.scss */
+/* line 239, src/styles/components/_barchart.scss */
 .delay--3 {
-  animation-duration: 0.9s; }
+  animation-duration: 0.9s;
+}
 
-/* line 247, src/styles/components/_barchart.scss */
+/* line 242, src/styles/components/_barchart.scss */
 .delay--4 {
-  animation-duration: 1s; }
+  animation-duration: 1s;
+}
 
-/* line 250, src/styles/components/_barchart.scss */
+/* line 245, src/styles/components/_barchart.scss */
 .delay--5 {
-  animation-duration: 1.1s; }
+  animation-duration: 1.1s;
+}
 
-/* line 253, src/styles/components/_barchart.scss */
+/* line 248, src/styles/components/_barchart.scss */
 .delay--6 {
-  animation-duration: 1.2s; }
+  animation-duration: 1.2s;
+}
 
-/* line 256, src/styles/components/_barchart.scss */
+/* line 251, src/styles/components/_barchart.scss */
 .delay--7 {
-  animation-duration: 1.3s; }
+  animation-duration: 1.3s;
+}
 
-/* line 259, src/styles/components/_barchart.scss */
+/* line 254, src/styles/components/_barchart.scss */
 .delay--8 {
-  animation-duration: 1.4s; }
+  animation-duration: 1.4s;
+}
 
-/* line 262, src/styles/components/_barchart.scss */
+/* line 257, src/styles/components/_barchart.scss */
 .delay--9 {
-  animation-duration: 1.5s; }
+  animation-duration: 1.5s;
+}
 
-/* line 265, src/styles/components/_barchart.scss */
+/* line 260, src/styles/components/_barchart.scss */
 .delay--10 {
-  animation-duration: 1.6s; }
+  animation-duration: 1.6s;
+}
 
-/* line 268, src/styles/components/_barchart.scss */
+/* line 263, src/styles/components/_barchart.scss */
 .delay--11 {
-  animation-duration: 1.8s; }
+  animation-duration: 1.8s;
+}
 
-/* line 271, src/styles/components/_barchart.scss */
+/* line 266, src/styles/components/_barchart.scss */
 .delay--12 {
-  animation-duration: 1.9s; }
+  animation-duration: 1.9s;
+}
 
 /** BLACK **/
 /** RED **/
@@ -937,23 +1305,35 @@ p {
 /** SCROLLBAR **/
 /* line 5, src/styles/components/_buttons.scss */
 button.btn-highlight {
-  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;
+  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;
   background-color: #e3b82a;
   border: none;
   border-radius: 2px;
   margin: 1.5rem 0 0;
   width: 100%;
   text-transform: initial;
-  cursor: pointer; }
-  /* line 15, src/styles/base/_mixins.scss */
-  button.btn-highlight span:first-child {
-    color: #000000; }
-  /* line 18, src/styles/base/_mixins.scss */
-  button.btn-highlight:hover, button.btn-highlight:focus, button.btn-highlight.active, button.btn-highlight:disabled {
-    background-color: #b89318; }
-  /* line 24, src/styles/base/_mixins.scss */
-  button.btn-highlight:disabled {
-    cursor: not-allowed; }
+  cursor: pointer;
+}
+/* line 15, src/styles/base/_mixins.scss */
+button.btn-highlight span:first-child {
+  color: #000000;
+}
+/* line 18, src/styles/base/_mixins.scss */
+button.btn-highlight:hover,
+button.btn-highlight:focus,
+button.btn-highlight.active,
+button.btn-highlight:disabled {
+  background-color: #b89318;
+}
+/* line 24, src/styles/base/_mixins.scss */
+button.btn-highlight:disabled {
+  cursor: not-allowed;
+}
 
 /* line 10, src/styles/components/_buttons.scss */
 button.btn-primary-positive {
@@ -964,19 +1344,30 @@ button.btn-primary-positive {
   margin: 1.5rem 0 0;
   width: 100%;
   text-transform: initial;
-  cursor: pointer; }
-  /* line 15, src/styles/base/_mixins.scss */
-  button.btn-primary-positive span:first-child {
-    color: #e3b82a; }
-  /* line 18, src/styles/base/_mixins.scss */
-  button.btn-primary-positive:hover, button.btn-primary-positive:focus, button.btn-primary-positive.active, button.btn-primary-positive:disabled {
-    background-color: rgba(18, 18, 18, 0.2); }
-    /* line 18, src/styles/components/_buttons.scss */
-    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 {
-      color: rgba(227, 184, 42, 0.7); }
-  /* line 24, src/styles/base/_mixins.scss */
-  button.btn-primary-positive:disabled {
-    cursor: not-allowed; }
+  cursor: pointer;
+}
+/* line 15, src/styles/base/_mixins.scss */
+button.btn-primary-positive span:first-child {
+  color: #e3b82a;
+}
+/* line 18, src/styles/base/_mixins.scss */
+button.btn-primary-positive:hover,
+button.btn-primary-positive:focus,
+button.btn-primary-positive.active,
+button.btn-primary-positive:disabled {
+  background-color: rgba(18, 18, 18, 0.2);
+}
+/* line 18, src/styles/components/_buttons.scss */
+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 {
+  color: rgba(227, 184, 42, 0.7);
+}
+/* line 24, src/styles/base/_mixins.scss */
+button.btn-primary-positive:disabled {
+  cursor: not-allowed;
+}
 
 /* line 23, src/styles/components/_buttons.scss */
 button.btn-primary-negative {
@@ -987,19 +1378,30 @@ button.btn-primary-negative {
   margin: 1.5rem 0 0;
   width: 100%;
   text-transform: initial;
-  cursor: pointer; }
-  /* line 15, src/styles/base/_mixins.scss */
-  button.btn-primary-negative span:first-child {
-    color: #e3b82a; }
-  /* line 18, src/styles/base/_mixins.scss */
-  button.btn-primary-negative:hover, button.btn-primary-negative:focus, button.btn-primary-negative.active, button.btn-primary-negative:disabled {
-    background-color: rgba(123, 123, 123, 0.2); }
-    /* line 31, src/styles/components/_buttons.scss */
-    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 {
-      color: rgba(227, 184, 42, 0.7); }
-  /* line 24, src/styles/base/_mixins.scss */
-  button.btn-primary-negative:disabled {
-    cursor: not-allowed; }
+  cursor: pointer;
+}
+/* line 15, src/styles/base/_mixins.scss */
+button.btn-primary-negative span:first-child {
+  color: #e3b82a;
+}
+/* line 18, src/styles/base/_mixins.scss */
+button.btn-primary-negative:hover,
+button.btn-primary-negative:focus,
+button.btn-primary-negative.active,
+button.btn-primary-negative:disabled {
+  background-color: rgba(123, 123, 123, 0.2);
+}
+/* line 31, src/styles/components/_buttons.scss */
+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 {
+  color: rgba(227, 184, 42, 0.7);
+}
+/* line 24, src/styles/base/_mixins.scss */
+button.btn-primary-negative:disabled {
+  cursor: not-allowed;
+}
 
 /* line 36, src/styles/components/_buttons.scss */
 button.btn-secondary-positive {
@@ -1010,19 +1412,30 @@ button.btn-secondary-positive {
   margin: 1.5rem 0 0;
   width: 100%;
   text-transform: initial;
-  cursor: pointer; }
-  /* line 15, src/styles/base/_mixins.scss */
-  button.btn-secondary-positive span:first-child {
-    color: #e0e0e0; }
-  /* line 18, src/styles/base/_mixins.scss */
-  button.btn-secondary-positive:hover, button.btn-secondary-positive:focus, button.btn-secondary-positive.active, button.btn-secondary-positive:disabled {
-    background-color: rgba(18, 18, 18, 0.2); }
-    /* line 44, src/styles/components/_buttons.scss */
-    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 {
-      color: rgba(224, 224, 224, 0.7); }
-  /* line 24, src/styles/base/_mixins.scss */
-  button.btn-secondary-positive:disabled {
-    cursor: not-allowed; }
+  cursor: pointer;
+}
+/* line 15, src/styles/base/_mixins.scss */
+button.btn-secondary-positive span:first-child {
+  color: #e0e0e0;
+}
+/* line 18, src/styles/base/_mixins.scss */
+button.btn-secondary-positive:hover,
+button.btn-secondary-positive:focus,
+button.btn-secondary-positive.active,
+button.btn-secondary-positive:disabled {
+  background-color: rgba(18, 18, 18, 0.2);
+}
+/* line 44, src/styles/components/_buttons.scss */
+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 {
+  color: rgba(224, 224, 224, 0.7);
+}
+/* line 24, src/styles/base/_mixins.scss */
+button.btn-secondary-positive:disabled {
+  cursor: not-allowed;
+}
 
 /* line 49, src/styles/components/_buttons.scss */
 button.btn-secondary-negative {
@@ -1033,19 +1446,30 @@ button.btn-secondary-negative {
   margin: 1.5rem 0 0;
   width: 100%;
   text-transform: initial;
-  cursor: pointer; }
-  /* line 15, src/styles/base/_mixins.scss */
-  button.btn-secondary-negative span:first-child {
-    color: #e0e0e0; }
-  /* line 18, src/styles/base/_mixins.scss */
-  button.btn-secondary-negative:hover, button.btn-secondary-negative:focus, button.btn-secondary-negative.active, button.btn-secondary-negative:disabled {
-    background-color: rgba(123, 123, 123, 0.2); }
-    /* line 57, src/styles/components/_buttons.scss */
-    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 {
-      color: rgba(224, 224, 224, 0.7); }
-  /* line 24, src/styles/base/_mixins.scss */
-  button.btn-secondary-negative:disabled {
-    cursor: not-allowed; }
+  cursor: pointer;
+}
+/* line 15, src/styles/base/_mixins.scss */
+button.btn-secondary-negative span:first-child {
+  color: #e0e0e0;
+}
+/* line 18, src/styles/base/_mixins.scss */
+button.btn-secondary-negative:hover,
+button.btn-secondary-negative:focus,
+button.btn-secondary-negative.active,
+button.btn-secondary-negative:disabled {
+  background-color: rgba(123, 123, 123, 0.2);
+}
+/* line 57, src/styles/components/_buttons.scss */
+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 {
+  color: rgba(224, 224, 224, 0.7);
+}
+/* line 24, src/styles/base/_mixins.scss */
+button.btn-secondary-negative:disabled {
+  cursor: not-allowed;
+}
 
 /* line 62, src/styles/components/_buttons.scss */
 button.btn-duel-off {
@@ -1056,16 +1480,23 @@ button.btn-duel-off {
   margin: 1.5rem 0 0;
   width: 100%;
   text-transform: initial;
-  cursor: pointer; }
-  /* line 15, src/styles/base/_mixins.scss */
-  button.btn-duel-off span:first-child {
-    color: #ffffff; }
-  /* line 18, src/styles/base/_mixins.scss */
-  button.btn-duel-off:hover, button.btn-duel-off:focus, button.btn-duel-off.active, button.btn-duel-off:disabled {
-    background-color: black; }
-  /* line 24, src/styles/base/_mixins.scss */
-  button.btn-duel-off:disabled {
-    cursor: not-allowed; }
+  cursor: pointer;
+}
+/* line 15, src/styles/base/_mixins.scss */
+button.btn-duel-off span:first-child {
+  color: #ffffff;
+}
+/* line 18, src/styles/base/_mixins.scss */
+button.btn-duel-off:hover,
+button.btn-duel-off:focus,
+button.btn-duel-off.active,
+button.btn-duel-off:disabled {
+  background-color: black;
+}
+/* line 24, src/styles/base/_mixins.scss */
+button.btn-duel-off:disabled {
+  cursor: not-allowed;
+}
 
 /* line 72, src/styles/components/_buttons.scss */
 button.btn-duel-active {
@@ -1076,56 +1507,86 @@ button.btn-duel-active {
   margin: 1.5rem 0 0;
   width: 100%;
   text-transform: initial;
-  cursor: pointer; }
-  /* line 15, src/styles/base/_mixins.scss */
-  button.btn-duel-active span:first-child {
-    color: #121212; }
-  /* line 18, src/styles/base/_mixins.scss */
-  button.btn-duel-active:hover, button.btn-duel-active:focus, button.btn-duel-active.active, button.btn-duel-active:disabled {
-    background-color: #00bebe; }
-  /* line 24, src/styles/base/_mixins.scss */
-  button.btn-duel-active:disabled {
-    cursor: not-allowed; }
+  cursor: pointer;
+}
+/* line 15, src/styles/base/_mixins.scss */
+button.btn-duel-active span:first-child {
+  color: #121212;
+}
+/* line 18, src/styles/base/_mixins.scss */
+button.btn-duel-active:hover,
+button.btn-duel-active:focus,
+button.btn-duel-active.active,
+button.btn-duel-active:disabled {
+  background-color: #00bebe;
+}
+/* line 24, src/styles/base/_mixins.scss */
+button.btn-duel-active:disabled {
+  cursor: not-allowed;
+}
 
 /* line 77, src/styles/components/_buttons.scss */
 button.btn-duel-on {
-  background: radial-gradient(60.65% 30.62% at 50% 3.13%, #2a2b30 0%, #1b1c22 100%);
+  background: radial-gradient(
+    60.65% 30.62% at 50% 3.13%,
+    #2a2b30 0%,
+    #1b1c22 100%
+  );
   background-color: #121212;
   border: 1px solid #58ffff;
   border-radius: 2px;
   margin: 1.5rem 0 0;
   width: 100%;
   text-transform: initial;
-  cursor: pointer; }
-  /* line 15, src/styles/base/_mixins.scss */
-  button.btn-duel-on span:first-child {
-    color: #ffffff; }
-  /* line 18, src/styles/base/_mixins.scss */
-  button.btn-duel-on:hover, button.btn-duel-on:focus, button.btn-duel-on.active, button.btn-duel-on:disabled {
-    background-color: black; }
-  /* line 24, src/styles/base/_mixins.scss */
-  button.btn-duel-on:disabled {
-    cursor: not-allowed; }
+  cursor: pointer;
+}
+/* line 15, src/styles/base/_mixins.scss */
+button.btn-duel-on span:first-child {
+  color: #ffffff;
+}
+/* line 18, src/styles/base/_mixins.scss */
+button.btn-duel-on:hover,
+button.btn-duel-on:focus,
+button.btn-duel-on.active,
+button.btn-duel-on:disabled {
+  background-color: black;
+}
+/* line 24, src/styles/base/_mixins.scss */
+button.btn-duel-on:disabled {
+  cursor: not-allowed;
+}
 
 /* line 82, src/styles/components/_buttons.scss */
 button.btn-profile-next {
-  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;
+  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;
   background-color: #e3b82a;
   border: none;
   border-radius: 2px;
   margin: 1.5rem 0 0;
   width: 100%;
   text-transform: initial;
-  cursor: pointer; }
-  /* line 15, src/styles/base/_mixins.scss */
-  button.btn-profile-next span:first-child {
-    color: #000000; }
-  /* line 18, src/styles/base/_mixins.scss */
-  button.btn-profile-next:hover, button.btn-profile-next:focus, button.btn-profile-next.active, button.btn-profile-next:disabled {
-    background-color: #b89318; }
-  /* line 24, src/styles/base/_mixins.scss */
-  button.btn-profile-next:disabled {
-    cursor: not-allowed; }
+  cursor: pointer;
+}
+/* line 15, src/styles/base/_mixins.scss */
+button.btn-profile-next span:first-child {
+  color: #000000;
+}
+/* line 18, src/styles/base/_mixins.scss */
+button.btn-profile-next:hover,
+button.btn-profile-next:focus,
+button.btn-profile-next.active,
+button.btn-profile-next:disabled {
+  background-color: #b89318;
+}
+/* line 24, src/styles/base/_mixins.scss */
+button.btn-profile-next:disabled {
+  cursor: not-allowed;
+}
 
 /* line 87, src/styles/components/_buttons.scss */
 button.btn-profile-back {
@@ -1136,13 +1597,16 @@ button.btn-profile-back {
   margin: 1.5rem 0 0;
   width: 100%;
   text-transform: initial;
-  cursor: pointer; }
-  /* line 15, src/styles/base/_mixins.scss */
-  button.btn-profile-back span:first-child {
-    color: #7b7b7b; }
-  /* line 24, src/styles/base/_mixins.scss */
-  button.btn-profile-back:disabled {
-    cursor: not-allowed; }
+  cursor: pointer;
+}
+/* line 15, src/styles/base/_mixins.scss */
+button.btn-profile-back span:first-child {
+  color: #7b7b7b;
+}
+/* line 24, src/styles/base/_mixins.scss */
+button.btn-profile-back:disabled {
+  cursor: not-allowed;
+}
 
 /** BLACK **/
 /** RED **/
@@ -1161,13 +1625,20 @@ button.btn-profile-back {
   box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.75);
   border-radius: 4px;
   margin: 10px 0px 20px 0px;
-  padding: 16px; }
-  /* line 10, src/styles/components/_card.scss */
-  .card:hover {
-    background: linear-gradient(180deg, rgba(70, 71, 77, 0.7) 0%, rgba(57, 58, 63, 0.7) 100%); }
-  /* line 13, src/styles/components/_card.scss */
-  .card.rich-card {
-    padding: 24px 16px; }
+  padding: 16px;
+}
+/* line 10, src/styles/components/_card.scss */
+.card:hover {
+  background: linear-gradient(
+    180deg,
+    rgba(70, 71, 77, 0.7) 0%,
+    rgba(57, 58, 63, 0.7) 100%
+  );
+}
+/* line 13, src/styles/components/_card.scss */
+.card.rich-card {
+  padding: 24px 16px;
+}
 
 /** BLACK **/
 /** RED **/
@@ -1179,11 +1650,12 @@ button.btn-profile-back {
 /** App colors **/
 /** TABS GRADIENT **/
 /** SCROLLBAR **/
-/* line 4, src/styles/components/_dialog.scss */
+/* line 5, src/styles/components/_dialog.scss */
 div.modal-root .MuiBackdrop-root {
-  background-color: rgba(27, 28, 34, 0.85); }
+  background-color: rgba(27, 28, 34, 0.85);
+}
 
-/* line 9, src/styles/components/_dialog.scss */
+/* line 10, src/styles/components/_dialog.scss */
 div.modal-paper {
   background: linear-gradient(180deg, #323339 0%, #25262b 100%);
   width: 36rem;
@@ -1195,37 +1667,46 @@ div.modal-paper {
   border-radius: 4px;
   margin: 0 0 0 13.75rem;
   align-items: center;
-  color: #ffffff; }
-  @media only screen and (max-width: 1023px) {
-    /* line 9, src/styles/components/_dialog.scss */
-    div.modal-paper {
-      width: 35rem;
-      margin: 0; } }
-  @media only screen and (max-width: 768px) {
-    /* line 9, src/styles/components/_dialog.scss */
-    div.modal-paper {
-      padding: 1rem;
-      width: 85%;
-      max-width: 35rem;
-      margin: 0; } }
-  /* line 31, src/styles/components/_dialog.scss */
-  div.modal-paper.no-padding {
-    padding: 0; }
-  /* line 34, src/styles/components/_dialog.scss */
-  div.modal-paper.blue-border {
-    border: 1px solid #58ffff40; }
-  /* line 37, src/styles/components/_dialog.scss */
-  div.modal-paper.yellow-border {
-    border: 1px solid rgba(227, 184, 42, 0.4); }
-  /* line 40, src/styles/components/_dialog.scss */
-  div.modal-paper .modal-paper-close-button {
-    position: absolute;
-    top: 0.5rem;
-    right: 0.5rem;
-    padding: 5px 5px;
-    z-index: 10; }
-
-/* line 49, src/styles/components/_dialog.scss */
+  color: #ffffff;
+}
+@media only screen and (max-width: 1023px) {
+  /* line 10, src/styles/components/_dialog.scss */
+  div.modal-paper {
+    width: 35rem;
+    margin: 0;
+  }
+}
+@media only screen and (max-width: 768px) {
+  /* line 10, src/styles/components/_dialog.scss */
+  div.modal-paper {
+    padding: 1rem;
+    width: 85%;
+    max-width: 35rem;
+    margin: 0;
+  }
+}
+/* line 32, src/styles/components/_dialog.scss */
+div.modal-paper.no-padding {
+  padding: 0;
+}
+/* line 35, src/styles/components/_dialog.scss */
+div.modal-paper.blue-border {
+  border: 1px solid #58ffff40;
+}
+/* line 38, src/styles/components/_dialog.scss */
+div.modal-paper.yellow-border {
+  border: 1px solid rgba(227, 184, 42, 0.4);
+}
+/* line 41, src/styles/components/_dialog.scss */
+div.modal-paper .modal-paper-close-button {
+  position: absolute;
+  top: 0.5rem;
+  right: 0.5rem;
+  padding: 5px 5px;
+  z-index: 10;
+}
+
+/* line 50, src/styles/components/_dialog.scss */
 div.modal-paper-full-screen {
   background: linear-gradient(180deg, #323339 0%, #25262b 100%);
   width: 100%;
@@ -1239,10 +1720,12 @@ div.modal-paper-full-screen {
   border-radius: 4px;
   color: #ffffff;
   display: flex;
-  align-items: center; }
-  /* line 63, src/styles/components/_dialog.scss */
-  div.modal-paper-full-screen.dark-background {
-    background: #121212; }
+  align-items: center;
+}
+/* line 64, src/styles/components/_dialog.scss */
+div.modal-paper-full-screen.dark-background {
+  background: #121212;
+}
 
 /** BLACK **/
 /** RED **/
@@ -1262,51 +1745,64 @@ div.expansion-panel-root {
   border-radius: 4px;
   box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.75);
   transition: background-color 0.6s ease;
-  box-sizing: border-box; }
-  /* line 11, src/styles/components/_expansion-panel.scss */
-  div.expansion-panel-root.Mui-expanded:first-child {
-    margin: 1.2rem 0; }
-  /* line 14, src/styles/components/_expansion-panel.scss */
-  div.expansion-panel-root.Mui-expanded:last-child {
-    margin: 1.2rem 0; }
-  /* line 17, src/styles/components/_expansion-panel.scss */
-  div.expansion-panel-root.red-border {
-    border: 1px solid #d25959; }
+  box-sizing: border-box;
+}
+/* line 11, src/styles/components/_expansion-panel.scss */
+div.expansion-panel-root.Mui-expanded:first-child {
+  margin: 1.2rem 0;
+}
+/* line 14, src/styles/components/_expansion-panel.scss */
+div.expansion-panel-root.Mui-expanded:last-child {
+  margin: 1.2rem 0;
+}
+/* line 17, src/styles/components/_expansion-panel.scss */
+div.expansion-panel-root.red-border {
+  border: 1px solid #d25959;
+}
 
 /* line 21, src/styles/components/_expansion-panel.scss */
 div.expansion-panel-summary {
   padding: 0.25rem 1.2rem;
-  min-height: 4rem; }
-  /* line 24, src/styles/components/_expansion-panel.scss */
-  div.expansion-panel-summary.Mui-focused {
-    border-radius: 4px;
-    background-color: unset;
-    box-shadow: 0 0 0 1px #e0e0e0; }
-  /* line 29, src/styles/components/_expansion-panel.scss */
-  div.expansion-panel-summary.Mui-expanded {
-    min-height: 4rem; }
-    /* line 31, src/styles/components/_expansion-panel.scss */
-    div.expansion-panel-summary.Mui-expanded.small {
-      min-height: 3rem; }
-  /* line 35, src/styles/components/_expansion-panel.scss */
-  div.expansion-panel-summary.small {
-    padding: 0 1.2rem;
-    min-height: 3rem; }
-  /* line 39, src/styles/components/_expansion-panel.scss */
-  div.expansion-panel-summary.bold-text {
-    font-weight: bold; }
+  min-height: 4rem;
+}
+/* line 24, src/styles/components/_expansion-panel.scss */
+div.expansion-panel-summary.Mui-focused {
+  border-radius: 4px;
+  background-color: unset;
+  box-shadow: 0 0 0 1px #e0e0e0;
+}
+/* line 29, src/styles/components/_expansion-panel.scss */
+div.expansion-panel-summary.Mui-expanded {
+  min-height: 4rem;
+}
+/* line 31, src/styles/components/_expansion-panel.scss */
+div.expansion-panel-summary.Mui-expanded.small {
+  min-height: 3rem;
+}
+/* line 35, src/styles/components/_expansion-panel.scss */
+div.expansion-panel-summary.small {
+  padding: 0 1.2rem;
+  min-height: 3rem;
+}
+/* line 39, src/styles/components/_expansion-panel.scss */
+div.expansion-panel-summary.bold-text {
+  font-weight: bold;
+}
 
 /* line 43, src/styles/components/_expansion-panel.scss */
 div.expansion-panel-content {
   display: flex;
-  align-items: center; }
-  /* line 46, src/styles/components/_expansion-panel.scss */
-  div.expansion-panel-content.Mui-expanded {
-    margin: 0.75rem 0; }
+  align-items: center;
+}
+/* line 46, src/styles/components/_expansion-panel.scss */
+div.expansion-panel-content.Mui-expanded {
+  margin: 0.75rem 0;
+}
 
 /* line 50, src/styles/components/_expansion-panel.scss */
 div.expansion-panel-details {
-  padding: 0 1.2rem 1.2rem; }
+  padding: 0 1.2rem 1.2rem;
+}
 
 /** BLACK **/
 /** RED **/
@@ -1320,34 +1816,54 @@ div.expansion-panel-details {
 /** SCROLLBAR **/
 /* line 2, src/styles/components/_link.scss */
 a {
-  color: #deaf0e; }
-  /* line 4, src/styles/components/_link.scss */
-  a:visited {
-    color: #deaf0e; }
+  color: #deaf0e;
+}
+/* line 4, src/styles/components/_link.scss */
+a:visited {
+  color: #deaf0e;
+}
 
 /* line 9, src/styles/components/_link.scss */
 a:focus {
   outline: none;
-  box-shadow: inset 0 0 0 1px #e0e0e0; }
-  /* line 12, src/styles/components/_link.scss */
-  a:focus > div:first-child {
-    box-shadow: 0 0 0 1px #e0e0e0; }
+  box-shadow: inset 0 0 0 1px #e0e0e0;
+}
+/* line 12, src/styles/components/_link.scss */
+a:focus > div:first-child {
+  box-shadow: 0 0 0 1px #e0e0e0;
+}
 
 /* line 16, src/styles/components/_link.scss */
 a.MuiLink-underlineHover:hover {
-  text-decoration: none; }
+  text-decoration: none;
+}
 
 /* line 19, src/styles/components/_link.scss */
 a.MuiTypography-colorPrimary {
-  color: #e0e0e0; }
+  color: #e0e0e0;
+}
 
 /* line 19, src/styles/index.scss */
 :root {
   --blue: #58ffff;
   --blue40: #58ffff40;
-  --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;
-  --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;
-  --blueRadialGradientTrans: radial-gradient(circle, #58ffff 0%, rgba(255, 255, 255, 0) 100%);
+  --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;
+  --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;
+  --blueRadialGradientTrans: radial-gradient(
+    circle,
+    #58ffff 0%,
+    rgba(255, 255, 255, 0) 100%
+  );
   --elecColor: #d87b39;
   --elecColor40: rgba(216, 123, 57, 0.4);
   --elecCompareColor: #e2bca1;
@@ -1367,21 +1883,65 @@ a.MuiTypography-colorPrimary {
   --darkLight: #25262b;
   --darkLight2: #121212;
   --textFont: Lato, sans-serif;
-  --greyLinearGradientBackground: linear-gradient(180deg, #323339 0%, #25262b 100%);
-  --multiColorRadialGradientTrans: radial-gradient(circle, #e3b82a 0%, rgba(255, 255, 255, 0) 100%);
-  --elecColorRadialGradientTrans: radial-gradient(circle, #d87b39 0%, rgba(255, 255, 255, 0) 100%);
-  --waterColorRadialGradientTrans: radial-gradient(circle, #3a98ec 0%, rgba(255, 255, 255, 0) 100%);
-  --gasColorRadialGradientTrans: radial-gradient(circle, #e3b82a 0%, rgba(255, 255, 255, 0) 100%);
-  --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;
-  --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;
-  --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;
-  --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; }
+  --greyLinearGradientBackground: linear-gradient(
+    180deg,
+    #323339 0%,
+    #25262b 100%
+  );
+  --multiColorRadialGradientTrans: radial-gradient(
+    circle,
+    #e3b82a 0%,
+    rgba(255, 255, 255, 0) 100%
+  );
+  --elecColorRadialGradientTrans: radial-gradient(
+    circle,
+    #d87b39 0%,
+    rgba(255, 255, 255, 0) 100%
+  );
+  --waterColorRadialGradientTrans: radial-gradient(
+    circle,
+    #3a98ec 0%,
+    rgba(255, 255, 255, 0) 100%
+  );
+  --gasColorRadialGradientTrans: radial-gradient(
+    circle,
+    #e3b82a 0%,
+    rgba(255, 255, 255, 0) 100%
+  );
+  --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;
+  --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;
+  --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;
+  --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;
+}
 
 /* line 55, src/styles/index.scss */
 .application {
   overflow-x: hidden;
-  background-color: #121212; }
-  @media only screen and (max-width: 768px) {
-    /* line 55, src/styles/index.scss */
-    .application {
-      min-height: 100vh; } }
+  background-color: #121212;
+}
+@media only screen and (max-width: 768px) {
+  /* line 55, src/styles/index.scss */
+  .application {
+    min-height: 100vh;
+  }
+}
diff --git a/yarn.lock b/yarn.lock
index 8b53c0d0c53e05ba5d8074b175f4a578ee67c7a1..cb22fdd368b91fb8d5fdcd0300388bd3da60bc45 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3348,7 +3348,7 @@ browserslist-config-cozy@^0.3.0, browserslist-config-cozy@^0.3.1:
   resolved "https://registry.yarnpkg.com/browserslist-config-cozy/-/browserslist-config-cozy-0.3.2.tgz#0a06ed1357480e4e90bbe826aa3159c7e8bc85b3"
   integrity sha512-d3wUIrKK8OYUPpgY3FJdb2I3xoDLtia7s2hhNfVUvQMldhw/xivmbtrPlkDdtsOjXa/SXKNhJT45uiS1QOhqVg==
 
-browserslist@^4.11.1, browserslist@^4.17.5, browserslist@^4.17.6, browserslist@^4.3.4:
+browserslist@^4.11.1, browserslist@^4.17.5, browserslist@^4.18.1, browserslist@^4.3.4:
   version "4.18.1"
   resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.18.1.tgz#60d3920f25b6860eb917c6c7b185576f4d8b017f"
   integrity sha512-8ScCzdpPwR2wQh8IT82CA2VgDwjHyqMovPBZSNH54+tm4Jk2pCuv90gmAdH6J84OCRWi0b4gMe6O6XPXuJnjgQ==
@@ -4512,11 +4512,11 @@ copy-webpack-plugin@6.4.1:
     webpack-sources "^1.4.3"
 
 core-js-compat@^3.18.0:
-  version "3.19.1"
-  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.19.1.tgz#fe598f1a9bf37310d77c3813968e9f7c7bb99476"
-  integrity sha512-Q/VJ7jAF/y68+aUsQJ/afPOewdsGkDtcMb40J8MbuWKlK3Y+wtHq8bTHKPj2WKWLIqmS5JhHs4CzHtz6pT2W6g==
+  version "3.19.2"
+  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.19.2.tgz#18066a3404a302433cb0aa8be82dd3d75c76e5c4"
+  integrity sha512-ObBY1W5vx/LFFMaL1P5Udo4Npib6fu+cMokeziWkA8Tns4FcDemKF5j9JvaI5JhdkW8EQJQGJN1EcrzmEwuAqQ==
   dependencies:
-    browserslist "^4.17.6"
+    browserslist "^4.18.1"
     semver "7.0.0"
 
 core-js-pure@^3.19.0:
@@ -10754,16 +10754,16 @@ mini-css-extract-plugin@0.5.0:
     schema-utils "^1.0.0"
     webpack-sources "^1.1.0"
 
-minilog@3.1.0:
+minilog@3.1.0, "minilog@https://github.com/cozy/minilog.git#master":
   version "3.1.0"
-  resolved "git+https://github.com/cozy/minilog.git#6da0aa58759c4f1a1a7e0fd093dbe2a67c035c55"
+  resolved "https://github.com/cozy/minilog.git#6da0aa58759c4f1a1a7e0fd093dbe2a67c035c55"
   dependencies:
     microee "0.0.6"
 
-"minilog@https://github.com/cozy/minilog.git#master":
+"minilog@git+https://github.com/cozy/minilog.git#master":
   version "3.1.0"
   uid "6da0aa58759c4f1a1a7e0fd093dbe2a67c035c55"
-  resolved "https://github.com/cozy/minilog.git#6da0aa58759c4f1a1a7e0fd093dbe2a67c035c55"
+  resolved "git+https://github.com/cozy/minilog.git#6da0aa58759c4f1a1a7e0fd093dbe2a67c035c55"
   dependencies:
     microee "0.0.6"