index.css

      /* line 80, src/styles/components/_fluid.scss */
      .fv-root .fv-footer .fv-footer-compare :hover {
        cursor: pointer; }
      /* line 83, src/styles/components/_fluid.scss */
      .fv-root .fv-footer .fv-footer-compare .fv-footer-label {
        flex: 1;
        display: flex;
        justify-content: flex-start;
        color: #a0a0a0; }
        /* line 88, src/styles/components/_fluid.scss */
        .fv-root .fv-footer .fv-footer-compare .fv-footer-label.selected {
          color: #ffffff; }
    /* line 94, src/styles/components/_fluid.scss */
    .fv-root .fv-footer .fv-footer-challenge {
      width: 100%;
      max-width: 58.75rem;
      display: flex;
      flex-direction: row;
      align-items: center; }
      /* line 100, src/styles/components/_fluid.scss */
      .fv-root .fv-footer .fv-footer-challenge .fv-footer-label-padding {
        flex: 1;
        display: flex;
        justify-content: flex-start;
        padding-left: 0.75rem;
        color: #a0a0a0; }

/* line 112, src/styles/components/_fluid.scss */
.fs-root {
  flex: 1;
  height: 22rem; }
  @media only screen and (max-width: 768px) {
    /* line 112, src/styles/components/_fluid.scss */
    .fs-root {
      height: 14rem; } }
  /* line 118, src/styles/components/_fluid.scss */
  .fs-root .fs-slide {
    min-height: 22rem;
    overflow-x: hidden;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media only screen and (max-width: 768px) {
      /* line 118, src/styles/components/_fluid.scss */
      .fs-root .fs-slide {
        min-height: 14rem; } }

/** BLACK **/
/** TEXT COLOR **/
/** RED **/
/** YELLOW **/
/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
/* line 4, src/styles/components/_navigator.scss */
.cn {
  display: flex;
  justify-content: center; }
  /* line 7, src/styles/components/_navigator.scss */
  .cn .cn-tabs {
    width: 50.625rem; }
    @media only screen and (max-width: 768px) {
      /* line 7, src/styles/components/_navigator.scss */
      .cn .cn-tabs {
        width: 100%;
        margin: 0 1.25rem; } }
    /* line 13, src/styles/components/_navigator.scss */
    .cn .cn-tabs .cn-tab {
      outline: none !important; }

/** BLACK **/
/** TEXT COLOR **/
/** RED **/
/** YELLOW **/
/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
/* line 4, src/styles/components/_consumptionvisualizer.scss */
.cv {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 27.5rem; }
  @media only screen and (max-width: 768px) {
    /* line 4, src/styles/components/_consumptionvisualizer.scss */
    .cv {
      width: 100%; } }
  /* line 12, src/styles/components/_consumptionvisualizer.scss */
  .cv .cv-content-date {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 100%; }
    /* line 18, src/styles/components/_consumptionvisualizer.scss */
    .cv .cv-content-date .cv-date-group {
      display: flex;
      flex-direction: column;
      width: 38vw;
      align-items: center;
      align-self: center; }
      /* line 24, src/styles/components/_consumptionvisualizer.scss */
      .cv .cv-content-date .cv-date-group .cv-date {
        color: #e0e0e0; }
        /* line 26, src/styles/components/_consumptionvisualizer.scss */
        .cv .cv-content-date .cv-date-group .cv-date::first-letter {
          text-transform: uppercase; }
  /* line 32, src/styles/components/_consumptionvisualizer.scss */
  .cv .cv-load {
    min-height: 5.25rem;
    display: flex;
    align-items: center; }
    /* line 36, src/styles/components/_consumptionvisualizer.scss */
    .cv .cv-load .cv-load-content {
      display: flex;
      flex-direction: row;
      align-items: center; }
      /* line 40, src/styles/components/_consumptionvisualizer.scss */
      .cv .cv-load .cv-load-content .cv-load-section {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0.5rem 0.5rem; }
        /* line 45, src/styles/components/_consumptionvisualizer.scss */
        .cv .cv-load .cv-load-content .cv-load-section.cv-load-section-left {
          align-items: flex-end; }
        /* line 48, src/styles/components/_consumptionvisualizer.scss */
        .cv .cv-load .cv-load-content .cv-load-section.cv-load-section-right {
          align-items: flex-start; }
        /* line 51, src/styles/components/_consumptionvisualizer.scss */
        .cv .cv-load .cv-load-content .cv-load-section .cv-load-value {
          flex-direction: row; }
          /* line 53, src/styles/components/_consumptionvisualizer.scss */
          .cv .cv-load .cv-load-content .cv-load-section .cv-load-value span {
            align-self: flex-end;
            margin-left: 0.5em; }
  /* line 61, src/styles/components/_consumptionvisualizer.scss */
  .cv .cv-euro {
    display: flex;
    flex-direction: row; }
    /* line 64, src/styles/components/_consumptionvisualizer.scss */
    .cv .cv-euro .cv-euro-link {
      text-decoration: none;
      color: transparent; }
    /* line 68, src/styles/components/_consumptionvisualizer.scss */
    .cv .cv-euro .cv-euro-fluid {
      padding: 0 0.5rem;
      display: flex;
      align-items: center; }
      /* line 72, src/styles/components/_consumptionvisualizer.scss */
      .cv .cv-euro .cv-euro-fluid .cv-euro-fluid-icon {
        margin-right: 0.5rem; }
      /* line 75, src/styles/components/_consumptionvisualizer.scss */
      .cv .cv-euro .cv-euro-fluid div {
        padding-top: 0.2rem; }
  /* line 80, src/styles/components/_consumptionvisualizer.scss */
  .cv .cv-info {
    min-height: 1.5rem;
    display: flex;
    align-items: center; }
  /* line 85, src/styles/components/_consumptionvisualizer.scss */
  .cv .electricity {
    color: #d87b39; }
  /* line 88, src/styles/components/_consumptionvisualizer.scss */
  .cv .electricity-compare {
    color: #e2bca1; }
  /* line 91, src/styles/components/_consumptionvisualizer.scss */
  .cv .water {
    color: #3a98ec; }
  /* line 94, src/styles/components/_consumptionvisualizer.scss */
  .cv .water-compare {
    color: #abd4fa; }
  /* line 97, src/styles/components/_consumptionvisualizer.scss */
  .cv .gas {
    color: #45d1b8; }
  /* line 100, src/styles/components/_consumptionvisualizer.scss */
  .cv .gas-compare {
    color: #a8f7e9; }
  /* line 103, src/styles/components/_consumptionvisualizer.scss */
  .cv .multifluid {
    color: #ffffff; }
  /* line 106, src/styles/components/_consumptionvisualizer.scss */
  .cv .multifluid-compare {
    color: #ffd597; }
  /* line 109, src/styles/components/_consumptionvisualizer.scss */
  .cv .error {
    color: #d24444; }
  /* line 112, src/styles/components/_consumptionvisualizer.scss */
  .cv .error-line {
    color: #d24444;
    cursor: pointer;
    display: flex;
    align-items: center; }
  /* line 118, src/styles/components/_consumptionvisualizer.scss */
  .cv .underlined-error {
    border-bottom: solid 1px #d24444; }
  /* line 121, src/styles/components/_consumptionvisualizer.scss */
  .cv .warning-icon {
    margin-right: 4px; }
  /* line 124, src/styles/components/_consumptionvisualizer.scss */
  .cv .multifluid-compare {
    color: #ffd597; }
  /* line 127, src/styles/components/_consumptionvisualizer.scss */
  .cv .cv-button {
    border: none;
    background: none;
    color: #a0a0a0;
    text-decoration: underline; }

/** BLACK **/
/** TEXT COLOR **/
/** RED **/
/** YELLOW **/
/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
/* 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 13, src/styles/components/_barchart.scss */
.background-true {
  display: inline; }

/* line 16, src/styles/components/_barchart.scss */
.background-false {
  display: none; }

/* line 19, src/styles/components/_barchart.scss */
.bar-ELECTRICITY {
  fill: #5d3d2a; }
  /* line 21, src/styles/components/_barchart.scss */
  .bar-ELECTRICITY.selected {
    fill: #d87b39;
    filter: drop-shadow(0 -0.1rem 0.2rem #d87b39); }

/* line 27, src/styles/components/_barchart.scss */
.bar-compare-ELECTRICITY {
  fill: #795c47; }
  /* line 29, src/styles/components/_barchart.scss */
  .bar-compare-ELECTRICITY.selected {
    fill: #e2bca1;
    filter: drop-shadow(0 -0.1rem 0.2rem #e2bca1); }

/* line 35, src/styles/components/_barchart.scss */
.bar-WATER {
  fill: #20415e; }
  /* line 37, src/styles/components/_barchart.scss */
  .bar-WATER.selected {
    fill: #3a98ec;
    filter: drop-shadow(0 -0.1rem 0.2rem #3a98ec); }

/* line 43, src/styles/components/_barchart.scss */
.bar-compare-WATER {
  fill: #4d5c6e; }
  /* line 45, src/styles/components/_barchart.scss */
  .bar-compare-WATER.selected {
    fill: #abd4fa;
    filter: drop-shadow(0 -0.1rem 0.2rem #abd4fa); }

/* line 51, src/styles/components/_barchart.scss */
.bar-GAS {
  fill: #184940; }
  /* line 53, src/styles/components/_barchart.scss */
  .bar-GAS.selected {
    fill: #45d1b8;
    filter: drop-shadow(0 -0.1rem 0.2rem #45d1b8); }

/* line 59, src/styles/components/_barchart.scss */
.bar-compare-GAS {
  fill: #597773; }
  /* line 61, src/styles/components/_barchart.scss */
  .bar-compare-GAS.selected {
    fill: #a8f7e9;
    filter: drop-shadow(0 -0.1rem 0.2rem #a8f7e9); }

/* line 67, src/styles/components/_barchart.scss */
.bar-MULTIFLUID {
  fill: #705d1d; }
  /* line 69, src/styles/components/_barchart.scss */
  .bar-MULTIFLUID.selected {
    fill: #e3b82a;
    filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a); }

/* line 75, src/styles/components/_barchart.scss */
.bar-compare-MULTIFLUID {
  fill: #7d6a4e; }
  /* line 77, src/styles/components/_barchart.scss */
  .bar-compare-MULTIFLUID.selected {
    fill: #ffd597;
    filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a); }

/** Animation **/
/* line 84, src/styles/components/_barchart.scss */
.bounce-1 {
  animation-name: bounce-1;
  animation-timing-function: cubic-bezier(1, 1, 0.42, 1);
  animation-iteration-count: 1;
  transform-origin: bottom center;
  transform-box: fill-box; }

@keyframes bounce-1 {
  0% {
    transform: scale(0.1, 0.1); }
  28% {
    transform: scale(0.1, 1.1); }
  45% {
    transform: scale(0.8, 0.95); }
  55% {
    transform: scale(1, 1); }
  65% {
    transform: scale(1, 0.98); }
  75% {
    transform: scale(1, 1); } }

/* line 112, src/styles/components/_barchart.scss */
.bounce-2 {
  animation-name: bounce-2;
  animation-timing-function: cubic-bezier(1, 1, 0.42, 1);
  animation-iteration-count: 1;
  transform-origin: bottom center;
  transform-box: fill-box; }

@keyframes bounce-2 {
  0% {
    transform: scale(1, 1); }
  28% {
    transform: scale(1, 1.1); }
  45% {
    transform: scale(0.8, 0.95); }
  55% {
    transform: scale(1, 1); }
  65% {
    transform: scale(1, 0.98); }
  75% {
    transform: scale(1, 1); } }

/** Animatio ndelay **/
/* line 141, src/styles/components/_barchart.scss */
.delay {
  animation-duration: 0.4s; }

/* line 144, src/styles/components/_barchart.scss */
.delay--0 {
  animation-duration: 0.6s; }

/* line 147, src/styles/components/_barchart.scss */
.delay--1 {
  animation-duration: 0.7s; }

/* line 150, src/styles/components/_barchart.scss */
.delay--2 {
  animation-duration: 0.8s; }

/* line 153, src/styles/components/_barchart.scss */
.delay--3 {
  animation-duration: 0.9s; }

/* line 156, src/styles/components/_barchart.scss */
.delay--4 {
  animation-duration: 1s; }

/* line 159, src/styles/components/_barchart.scss */
.delay--5 {
  animation-duration: 1.1s; }

/* line 162, src/styles/components/_barchart.scss */
.delay--6 {
  animation-duration: 1.2s; }

/* line 165, src/styles/components/_barchart.scss */
.delay--7 {
  animation-duration: 1.3s; }

/* line 168, src/styles/components/_barchart.scss */
.delay--8 {
  animation-duration: 1.4s; }

/* line 171, src/styles/components/_barchart.scss */
.delay--9 {
  animation-duration: 1.5s; }

/* line 174, src/styles/components/_barchart.scss */
.delay--10 {
  animation-duration: 1.6s; }

/* line 177, src/styles/components/_barchart.scss */
.delay--11 {
  animation-duration: 1.8s; }

/* line 180, src/styles/components/_barchart.scss */
.delay--12 {
  animation-duration: 1.9s; }

/** BLACK **/
/** TEXT COLOR **/
/** RED **/
/** YELLOW **/
/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
/* line 4, src/styles/components/_nav.scss */
.o-sidebar {
  background-color: #25262b;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 8px 10px rgba(0, 0, 0, 0.14);
  border-top: unset;
  border-right: unset;
  z-index: 19; }
  @media only screen and (max-width: 1023px) {
    /* line 4, src/styles/components/_nav.scss */
    .o-sidebar {
      background-color: #25262b; } }

/* line 21, src/styles/components/_nav.scss */
.c-nav-link {
  padding: 0 1rem; }
  /* line 23, src/styles/components/_nav.scss */
  .c-nav-link .on {
    display: none; }
  /* line 26, src/styles/components/_nav.scss */
  .c-nav-link .off {
    display: block; }

/* line 36, src/styles/components/_nav.scss */
.c-nav-link .c-nav-icon {
  padding-right: 0.5rem;
  width: 50px;
  height: 36px;
  fill: none; }

/* line 43, src/styles/components/_nav.scss */
.c-nav-link.is-active {
  box-shadow: inset 0.25rem 0 0 0 #b2901b; }

/* line 47, src/styles/components/_nav.scss */
.c-nav-link.is-active .c-nav-icon {
  fill: #b2901b !important; }

/* line 51, src/styles/components/_nav.scss */
.c-nav-link.is-active {
  color: white;
  text-decoration: none; }
  /* line 54, src/styles/components/_nav.scss */
  .c-nav-link.is-active .on {
    display: block; }
  /* line 57, src/styles/components/_nav.scss */
  .c-nav-link.is-active .off {
    display: none; }

@media only screen and (max-width: 1023px) {
  /* line 63, src/styles/components/_nav.scss */
  .o-sidebar {
    height: 56px; }
  /* line 66, src/styles/components/_nav.scss */
  .c-nav-link {
    padding: 0; }
  /* line 70, src/styles/components/_nav.scss */
  .c-nav-link .c-nav-icon {
    padding: 0;
    margin: auto; }
  /* line 75, src/styles/components/_nav.scss */
  .c-nav-link.is-active {
    box-shadow: unset; } }

/** BLACK **/
/** TEXT COLOR **/
/** RED **/
/** YELLOW **/
/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
/* line 5, src/styles/components/_indicators.scss */
.fi-root {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1.5rem; }
  @media only screen and (max-width: 768px) {
    /* line 5, src/styles/components/_indicators.scss */
    .fi-root {
      margin-bottom: 0; } }
  /* line 15, src/styles/components/_indicators.scss */
  .fi-root .fi-content {
    min-height: 23.875rem;
    width: 45.75rem; }
    @media only screen and (max-width: 768px) {
      /* line 15, src/styles/components/_indicators.scss */
      .fi-root .fi-content {
        width: 100%; } }
    /* line 21, src/styles/components/_indicators.scss */
    .fi-root .fi-content .fi-header {
      margin-top: 2.5rem;
      margin-bottom: 1.25rem;
      color: #e0e0e0; }
  /* line 28, src/styles/components/_indicators.scss */
  .fi-root .sfi-content {
    min-height: 16rem;
    width: 45.75rem; }
    @media only screen and (max-width: 768px) {
      /* line 28, src/styles/components/_indicators.scss */
      .fi-root .sfi-content {
        width: 100%; } }
    /* line 34, src/styles/components/_indicators.scss */
    .fi-root .sfi-content .sfi-header {
      margin-top: 2.5rem;
      margin-bottom: 1.25rem;
      color: #e0e0e0; }
    /* line 39, src/styles/components/_indicators.scss */
    .fi-root .sfi-content .sfi-redirect {
      margin-bottom: 1.25rem;
      display: flex;
      flex-wrap: wrap; }
      /* line 43, src/styles/components/_indicators.scss */
      .fi-root .sfi-content .sfi-redirect .redirect-card-link:nth-child(2) {
        margin-left: 0.625rem; }
      /* line 46, src/styles/components/_indicators.scss */
      .fi-root .sfi-content .sfi-redirect .redirect-card-link {
        flex: 1; }

/* line 54, src/styles/components/_indicators.scss */
.fpi-link {
  color: transparent; }

/* line 57, src/styles/components/_indicators.scss */
.fpi {
  display: flex;
  flex-direction: row;
  margin: 0.25rem 0.25rem;
  width: 100%; }
  /* line 62, src/styles/components/_indicators.scss */
  .fpi .fpi-left {
    flex: 1;
    display: flex;
    flex-direction: column; }
    /* line 66, src/styles/components/_indicators.scss */
    .fpi .fpi-left .fpi-title {
      align-content: flex-start;
      margin-bottom: 0.5rem; }
    /* line 70, src/styles/components/_indicators.scss */
    .fpi .fpi-left .fpi-content {
      display: flex;
      flex-direction: row; }
      /* line 73, src/styles/components/_indicators.scss */
      .fpi .fpi-left .fpi-content .fpi-content-icon {
        margin: 0.5rem 0; }
      /* line 76, src/styles/components/_indicators.scss */
      .fpi .fpi-left .fpi-content .fpi-content-perf {
        margin: 0 1rem;
        align-self: center; }
        /* line 79, src/styles/components/_indicators.scss */
        .fpi .fpi-left .fpi-content .fpi-content-perf .fpi-content-perf-result {
          color: #e0e0e0; }
          /* line 81, src/styles/components/_indicators.scss */
          .fpi .fpi-left .fpi-content .fpi-content-perf .fpi-content-perf-result span {
            display: inline-block;
            padding-right: 0.25rem; }
        /* line 86, src/styles/components/_indicators.scss */
        .fpi .fpi-left .fpi-content .fpi-content-perf .fpi-content-perf-indicator {
          color: #a0a0a0; }
          /* line 89, src/styles/components/_indicators.scss */
          .fpi .fpi-left .fpi-content .fpi-content-perf .fpi-content-perf-indicator .fpi-content-perf-indicator-kpi.positive {
            color: #ffffff; }
          /* line 92, src/styles/components/_indicators.scss */
          .fpi .fpi-left .fpi-content .fpi-content-perf .fpi-content-perf-indicator .fpi-content-perf-indicator-kpi.positive {
            color: #cf6666; }
          /* line 95, src/styles/components/_indicators.scss */
          .fpi .fpi-left .fpi-content .fpi-content-perf .fpi-content-perf-indicator .fpi-content-perf-indicator-kpi.negative {
            color: #7fd771; }
    /* line 102, src/styles/components/_indicators.scss */
    .fpi .fpi-left .fpi-footer {
      margin-top: 0.5rem;
      color: #a0a0a0; }
  /* line 107, src/styles/components/_indicators.scss */
  .fpi .fpi-right {
    align-self: center; }

/** BLACK **/
/** TEXT COLOR **/
/** RED **/
/** YELLOW **/
/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
/* line 5, src/styles/components/_challenges.scss */
.ccc-root {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem 1.5rem; }
  /* line 11, src/styles/components/_challenges.scss */
  .ccc-root .ccc-content {
    min-height: 9rem;
    width: 45.75rem; }
    @media only screen and (max-width: 768px) {
      /* line 11, src/styles/components/_challenges.scss */
      .ccc-root .ccc-content {
        width: 100%; } }
    /* line 17, src/styles/components/_challenges.scss */
    .ccc-root .ccc-content .ccc-header {
      margin-top: 0.375rem;
      margin-bottom: 1.25rem;
      color: #e0e0e0; }

/* line 24, src/styles/components/_challenges.scss */
.loc-root {
  display: flex;
  justify-content: center; }
  /* line 27, src/styles/components/_challenges.scss */
  .loc-root .loc-content {
    width: 100%;
    max-width: 53rem;
    display: grid; }
    @media only screen and (max-width: 768px) {
      /* line 27, src/styles/components/_challenges.scss */
      .loc-root .loc-content {
        display: block; } }
    /* line 34, src/styles/components/_challenges.scss */
    .loc-root .loc-content .timeline-line {
      background-color: #e0e0e0;
      width: 1px;
      height: calc(100vh);
      grid-column: 1;
      grid-row: 1;
      position: unset;
      margin-left: 3.8rem; }
      @media only screen and (max-width: 1023px) {
        /* line 34, src/styles/components/_challenges.scss */
        .loc-root .loc-content .timeline-line {
          height: calc(100vh - 229px); } }
      @media only screen and (max-width: 768px) {
        /* line 34, src/styles/components/_challenges.scss */
        .loc-root .loc-content .timeline-line {
          height: 100vh;
          display: block;
          position: fixed; } }
    /* line 51, src/styles/components/_challenges.scss */
    .loc-root .loc-content .list-of-challenge-cards {
      padding-top: 1rem;
      width: 100%;
      grid-column: 1;
      grid-row: 1; }
      @media only screen and (max-width: 768px) {
        /* line 51, src/styles/components/_challenges.scss */
        .loc-root .loc-content .list-of-challenge-cards {
          display: block; } }

/* line 65, src/styles/components/_challenges.scss */
.cli-link {
  color: black;
  text-decoration: none; }

/* line 69, src/styles/components/_challenges.scss */
.cli {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  margin: 2rem 0.5rem;
  border-radius: 2px; }
  @media only screen and (max-width: 768px) {
    /* line 69, src/styles/components/_challenges.scss */
    .cli {
      margin: 1rem 0.5rem; } }
  /* line 78, src/styles/components/_challenges.scss */
  .cli.cli-available {
    background: linear-gradient(180deg, #61F0F2 0%, #48C2C4 100%);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  /* line 83, src/styles/components/_challenges.scss */
  .cli.cli-ongoing {
    border: 1px solid #58FFFF;
    background: #121212;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  /* line 89, src/styles/components/_challenges.scss */
  .cli .cli-left {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-left: 1.415rem; }
    /* line 94, src/styles/components/_challenges.scss */
    .cli .cli-left .cli-content {
      display: flex;
      flex-direction: row; }
      /* line 97, src/styles/components/_challenges.scss */
      .cli .cli-left .cli-content .cli-content-icon {
        margin: 0.5rem 0; }
      /* line 100, src/styles/components/_challenges.scss */
      .cli .cli-left .cli-content .cli-content-title {
        color: #ffffff;
        margin: 0 1rem;
        align-self: center; }
      /* line 105, src/styles/components/_challenges.scss */
      .cli .cli-left .cli-content .subtitle-finished {
        color: #a0a0a0; }
      /* line 108, src/styles/components/_challenges.scss */
      .cli .cli-left .cli-content .title-finished {
        color: #e0e0e0; }
      /* line 111, src/styles/components/_challenges.scss */
      .cli .cli-left .cli-content .subtitle-ongoing {
        color: #58FFFF; }
      /* line 114, src/styles/components/_challenges.scss */
      .cli .cli-left .cli-content .title-ongoing {
        color: #ffffff; }
      /* line 117, src/styles/components/_challenges.scss */
      .cli .cli-left .cli-content .subtitle-available {
        color: #121212; }
      /* line 120, src/styles/components/_challenges.scss */
      .cli .cli-left .cli-content .title-available {
        color: #121212; }
      /* line 123, src/styles/components/_challenges.scss */
      .cli .cli-left .cli-content .title-locked {
        color: #a0a0a0;
        opacity: 0.35; }
  /* line 129, src/styles/components/_challenges.scss */
  .cli .cli-right {
    align-self: center;
    padding-right: 1.2rem; }
    /* line 132, src/styles/components/_challenges.scss */
    .cli .cli-right.cli-right-ongoing {
      padding-right: calc(1.2rem + 2px); }
    /* line 135, src/styles/components/_challenges.scss */
    .cli .cli-right.cli-right-available {
      padding-right: calc(1.2rem + 2px); }

/* line 142, src/styles/components/_challenges.scss */
.cc-link {
  color: black;
  text-decoration: none; }

/* line 146, src/styles/components/_challenges.scss */
.cc {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  margin: 0.25rem 0.25rem;
  width: 100%; }
  /* line 152, src/styles/components/_challenges.scss */
  .cc .cc-content-left {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: inherit; }
    /* line 158, src/styles/components/_challenges.scss */
    .cc .cc-content-left .cc-content-title {
      color: #ffffff; }
      /* line 160, src/styles/components/_challenges.scss */
      .cc .cc-content-left .cc-content-title.cc-content-title-padding {
        padding-top: 1rem; }
    /* line 164, src/styles/components/_challenges.scss */
    .cc .cc-content-left .cc-content-progress {
      margin-top: 1rem; }
    /* line 167, src/styles/components/_challenges.scss */
    .cc .cc-content-left .cc-content-timeline {
      padding: 0 0.5rem; }
    /* line 170, src/styles/components/_challenges.scss */
    .cc .cc-content-left .cc-content-visu {
      padding: 1rem 0; }
  /* line 174, src/styles/components/_challenges.scss */
  .cc .cc-content-right {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-self: center; }
    /* line 180, src/styles/components/_challenges.scss */
    .cc .cc-content-right .cc-notification {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 1.8125rem;
      width: 1.8125rem;
      border-radius: 50%;
      background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(1, 153, 163, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #58FFFF;
      color: black;
      margin-right: 1rem; }

/* line 195, src/styles/components/_challenges.scss */
.cm-content {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  padding: 1.5rem 1rem 0.5rem;
  width: 22.125rem; }
  @media only screen and (max-width: 768px) {
    /* line 195, src/styles/components/_challenges.scss */
    .cm-content {
      width: 90%; } }
  /* line 205, src/styles/components/_challenges.scss */
  .cm-content .win {
    background: #eed582;
    background: Linear-gradient(90deg, #bf723b 0%, #dd9a2b 26.04%, #f6d74c 45.31%, #d1880d 75%, #a05b11 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  /* line 218, src/styles/components/_challenges.scss */
  .cm-content .defeat {
    background: #eed582;
    background: Linear-gradient(90deg, #a66340 0%, #ae5f38 33.33%, #9e4e24 51.56%, #a4573a 66.67%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  /* line 230, src/styles/components/_challenges.scss */
  .cm-content .cm-title {
    text-align: center;
    margin-bottom: 210px; }
  /* line 234, src/styles/components/_challenges.scss */
  .cm-content .cm-win-badge-star {
    display: grid;
    align-items: center;
    justify-items: center;
    position: absolute;
    top: 22px; }
    /* line 240, src/styles/components/_challenges.scss */
    .cm-content .cm-win-badge-star .cm-win-badge {
      grid-column: 1;
      grid-row: 1;
      z-index: 1; }
    /* line 245, src/styles/components/_challenges.scss */
    .cm-content .cm-win-badge-star .cm-win-star {
      grid-column: 1;
      grid-row: 1; }
  /* line 250, src/styles/components/_challenges.scss */
  .cm-content .cm-badge {
    margin: 2rem; }
  /* line 253, src/styles/components/_challenges.scss */
  .cm-content .cm-button-valid {
    margin-top: 1rem;
    width: 100%; }
  /* line 257, src/styles/components/_challenges.scss */
  .cm-content .cm-txt {
    text-align: center;
    margin-bottom: 1rem;
    width: 100%; }
  /* line 262, src/styles/components/_challenges.scss */
  .cm-content .cm-text-new-available {
    margin-top: 1.25rem; }

/* line 266, src/styles/components/_challenges.scss */
.cm-overspent-value {
  color: #D25959; }

/* line 271, src/styles/components/_challenges.scss */
.list-of-days-duration {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 1rem;
  width: 100%; }
  /* line 277, src/styles/components/_challenges.scss */
  .list-of-days-duration .day-solo {
    display: flex;
    flex-direction: column;
    width: 100%; }
    /* line 281, src/styles/components/_challenges.scss */
    .list-of-days-duration .day-solo .day-line-label {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      width: 100%; }
      /* line 287, src/styles/components/_challenges.scss */
      .list-of-days-duration .day-solo .day-line-label .date-dash {
        width: 50%;
        height: 2px;
        background-color: #7b7b7b; }
      /* line 292, src/styles/components/_challenges.scss */
      .list-of-days-duration .day-solo .day-line-label .past {
        background-color: #58FFFF; }
      /* line 295, src/styles/components/_challenges.scss */
      .list-of-days-duration .day-solo .day-line-label .futur {
        background-color: #7b7b7b; }
      /* line 298, src/styles/components/_challenges.scss */
      .list-of-days-duration .day-solo .day-line-label .date-label {
        width: 0.625rem;
        height: 0.625rem;
        border-radius: 50%;
        position: absolute; }
    /* line 305, src/styles/components/_challenges.scss */
    .list-of-days-duration .day-solo .day-letter {
      margin-top: 0.8rem;
      text-align: center;
      color: #a0a0a0; }
    /* line 310, src/styles/components/_challenges.scss */
    .list-of-days-duration .day-solo .day-date {
      margin-top: 0.2rem;
      text-align: center;
      color: #a0a0a0; }

/* line 319, src/styles/components/_challenges.scss */
.view-start-date {
  padding: 0.25rem 0;
  color: #58FFFF; }

/* line 325, src/styles/components/_challenges.scss */
.pile-energy-follow {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%; }
  /* line 331, src/styles/components/_challenges.scss */
  .pile-energy-follow .pile-section {
    display: grid; }
    /* line 333, src/styles/components/_challenges.scss */
    .pile-energy-follow .pile-section .filter-pile {
      grid-column: 1;
      grid-row: 1;
      justify-self: flex-end;
      align-self: center;
      width: 0%;
      position: relative;
      right: 0;
      opacity: 0.8;
      background-color: #121212;
      z-index: 1; }
    /* line 345, src/styles/components/_challenges.scss */
    .pile-energy-follow .pile-section .pile-icon {
      grid-column: 1;
      grid-row: 1;
      margin: -25px 0; }
  /* line 351, src/styles/components/_challenges.scss */
  .pile-energy-follow .max-energy {
    color: #7b7b7b; }
  /* line 354, src/styles/components/_challenges.scss */
  .pile-energy-follow .no-values-section {
    color: #ffffff;
    padding-right: 1rem; }

/* line 361, src/styles/components/_challenges.scss */
.ongoing-challenge {
  min-height: 620px; }

/* line 364, src/styles/components/_challenges.scss */
.cp-root {
  width: 100%; }
  /* line 366, src/styles/components/_challenges.scss */
  .cp-root .cp-content, .cp-root .cp-content.--locked {
    display: flex;
    align-items: center;
    flex-direction: column;
    color: #e0e0e0;
    min-height: 84vh;
    justify-content: space-between; }
    /* line 374, src/styles/components/_challenges.scss */
    .cp-root .--locked.cp-content {
      justify-content: center; }
    /* line 379, src/styles/components/_challenges.scss */
    .cp-root .cp-content .cp-info, .cp-root .cp-content .cp-info.--available {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      background-color: #121212;
      width: 100%;
      padding-top: 1rem;
      padding-bottom: 0.5rem; }
      /* line 388, src/styles/components/_challenges.scss */
      .cp-root .cp-content .--available.cp-info {
        height: 74vh; }
      /* line 392, src/styles/components/_challenges.scss */
      .cp-root .cp-content .cp-info .cp-icon {
        margin-bottom: 1rem; }
      /* line 395, src/styles/components/_challenges.scss */
      .cp-root .cp-content .cp-info .cp-icon-available {
        margin: 2rem; }
      /* line 398, src/styles/components/_challenges.scss */
      .cp-root .cp-content .cp-info .cp-win-badge-star {
        display: grid;
        align-items: center;