Skip to content
Snippets Groups Projects
Normal view Permalink
index.css 89.4 KiB
Newer Older
  • Learn to ignore specific revisions
    • Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1001 1002 1003 1004 1005 1006 1007 1008 1009 1010 1011 1012 1013 1014 1015 1016 1017 1018 1019 1020 1021 1022 1023 1024 1025 1026 1027 1028 1029 1030 1031 1032 1033 1034 1035 1036 1037 1038 1039 1040 1041 1042 1043 1044 1045 1046 1047 1048 1049 1050 1051 1052 1053 1054 1055 1056 1057 1058 1059 1060 1061 1062 1063 1064 1065 1066 1067 1068 1069 1070 1071 1072 1073 1074 1075 1076 1077 1078 1079 
    /** TEXT COLOR **/
/** RED **/
/** YELLOW **/
/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
/* line 5, src/styles/components/_fluid.scss */
.sf {
  display: flex;
  flex-direction: column; }
  /* line 9, src/styles/components/_fluid.scss */
  .sf .sf-header .sf-header-title {
    color: #e0e0e0; }
  /* line 12, src/styles/components/_fluid.scss */
  .sf .sf-header .sf-header-text {
    color: #a0a0a0; }
  /* line 16, src/styles/components/_fluid.scss */
  .sf .sf-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 3rem; }
    /* line 21, src/styles/components/_fluid.scss */
    .sf .sf-content .sf-link {
      margin: 1rem; }

/* line 28, src/styles/components/_fluid.scss */
.fc-root {
  background-color: #121212;
  padding: 2rem 2rem 1rem 2rem;
  margin-bottom: 1rem; }
  @media only screen and (max-width: 768px) {
    /* line 28, src/styles/components/_fluid.scss */
    .fc-root {
      padding: 1.5rem 1rem 1rem 1rem;
      margin-bottom: 0.5rem; } }
  /* line 36, src/styles/components/_fluid.scss */
  .fc-root .fc-content {
    min-height: 31.875rem; }
    @media only screen and (max-width: 768px) {
      /* line 36, src/styles/components/_fluid.scss */
      .fc-root .fc-content {
        min-height: 23.875rem; } }
    /* line 41, src/styles/components/_fluid.scss */
    .fc-root .fc-content .fc-loader {
      min-height: 31.875rem;
      display: flex;
      justify-content: center;
      align-items: center; }
      @media only screen and (max-width: 768px) {
        /* line 41, src/styles/components/_fluid.scss */
        .fc-root .fc-content .fc-loader {
          min-height: 23.875rem; } }

/* line 54, src/styles/components/_fluid.scss */
.fv-root {
  direction: 'rtl'; }
  /* line 56, src/styles/components/_fluid.scss */
  .fv-root .fv-nav-period {
    display: flex;
    flex-direction: row; }
    /* line 59, src/styles/components/_fluid.scss */
    .fv-root .fv-nav-period .nav-button {
      flex: 1;
      font-size: large; }
  /* line 64, src/styles/components/_fluid.scss */
  .fv-root .fv-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 8.375rem;
    margin-bottom: 0.25rem; }
  /* line 71, src/styles/components/_fluid.scss */
  .fv-root .fv-footer {
    display: flex;
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1080 1081 1082 1083 1084 
        justify-content: center; }
    /* line 74, src/styles/components/_fluid.scss */
    .fv-root .fv-footer .fv-footer-compare {
      width: 100%;
      max-width: 58.75rem;
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1085 
          display: flex;
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1086 1087 1088 1089 1090 1091 1092 1093 1094 1095 1096 1097 1098 1099 1100 1101 1102 1103 
          flex-direction: row;
      align-items: center; }
      /* 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;
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1104 
          display: flex;
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1105 1106 1107 1108 1109 1110 1111 1112 1113 
          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; }
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1114
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1115 
    /* line 112, src/styles/components/_fluid.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1116 1117 1118 1119 
    .fs-root {
  flex: 1;
  height: 22rem; }
  @media only screen and (max-width: 768px) {
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1120 
        /* line 112, src/styles/components/_fluid.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1121 1122 
        .fs-root {
      height: 14rem; } }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1123 
      /* line 118, src/styles/components/_fluid.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1124 1125 1126 1127 1128 1129 1130 
      .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) {
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1131 
          /* line 118, src/styles/components/_fluid.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1132 1133 1134 
          .fs-root .fs-slide {
        min-height: 14rem; } }
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1135 1136 1137 1138 1139 1140 1141 1142 1143 1144 1145 1146 1147 1148 1149 1150 1151 1152 1153 1154 1155 1156 1157 1158 1159 1160 1161 1162 1163 1164 1165 1166 1167 1168 1169 1170 1171 1172 1173 1174 1175 1176 1177 1178 
    /* line 131, src/styles/components/_fluid.scss */
.cta-box {
  background-color: rgba(18, 18, 18, 0.8);
  position: absolute;
  left: 0;
  width: calc(100vw - 220px);
  padding: 0rem 1rem 0rem 0rem;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 37.5rem; }
  @media only screen and (max-width: 768px) {
    /* line 131, src/styles/components/_fluid.scss */
    .cta-box {
      height: 29rem;
      width: 100vw; } }
  @media only screen and (max-width: 1023px) {
    /* line 131, src/styles/components/_fluid.scss */
    .cta-box {
      width: 100vw; } }
  /* line 151, src/styles/components/_fluid.scss */
  .cta-box .cta-box-header {
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.2px;
    margin-bottom: 1.5em;
    color: #e0e0e0;
    width: 50%; }
    @media only screen and (max-width: 768px) {
      /* line 151, src/styles/components/_fluid.scss */
      .cta-box .cta-box-header {
        width: 80%; } }
  /* line 162, src/styles/components/_fluid.scss */
  .cta-box .cta-box-button {
    margin-left: auto;
    margin-right: auto;
    width: 50%; }
    @media only screen and (max-width: 768px) {
      /* line 162, src/styles/components/_fluid.scss */
      .cta-box .cta-box-button {
        width: 80%; } }
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1179 1180 1181 1182 1183 1184 1185 1186 1187 1188 1189 
    /** BLACK **/
/** TEXT COLOR **/
/** RED **/
/** YELLOW **/
/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1190 1191 1192 1193 1194 1195 1196 1197 1198 1199 1200 1201 1202 1203 1204 
    /* 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; }
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1205 1206 1207 1208 1209 1210 1211 1212 1213 1214 1215 1216 1217 1218 1219 1220 
    
/** 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;
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1221 1222 1223 1224 1225 1226 1227 
      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 */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1228 1229 1230 1231 
      .cv .cv-content-date {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1232 1233 
        width: 100%; }
    /* line 18, src/styles/components/_consumptionvisualizer.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1234 1235 1236 1237 1238 1239 
        .cv .cv-content-date .cv-date-group {
      display: flex;
      flex-direction: column;
      width: 38vw;
      align-items: center;
      align-self: center; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1240 
          /* line 24, src/styles/components/_consumptionvisualizer.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1241 1242 
          .cv .cv-content-date .cv-date-group .cv-date {
        color: #e0e0e0; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1243 
            /* line 26, src/styles/components/_consumptionvisualizer.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1244 1245 
            .cv .cv-content-date .cv-date-group .cv-date::first-letter {
          text-transform: uppercase; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1246 
      /* line 32, src/styles/components/_consumptionvisualizer.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1247 1248 1249 1250 
      .cv .cv-load {
    min-height: 5.25rem;
    display: flex;
    align-items: center; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1251 
        /* line 36, src/styles/components/_consumptionvisualizer.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1252 1253 1254 1255 
        .cv .cv-load .cv-load-content {
      display: flex;
      flex-direction: row;
      align-items: center; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1256 
          /* line 40, src/styles/components/_consumptionvisualizer.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1257 1258 1259 1260 1261 
          .cv .cv-load .cv-load-content .cv-load-section {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0.5rem 0.5rem; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1262 
            /* line 45, src/styles/components/_consumptionvisualizer.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1263 1264 
            .cv .cv-load .cv-load-content .cv-load-section.cv-load-section-left {
          align-items: flex-end; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1265 
            /* line 48, src/styles/components/_consumptionvisualizer.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1266 1267 
            .cv .cv-load .cv-load-content .cv-load-section.cv-load-section-right {
          align-items: flex-start; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1268 
            /* line 51, src/styles/components/_consumptionvisualizer.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1269 1270 
            .cv .cv-load .cv-load-content .cv-load-section .cv-load-value {
          flex-direction: row; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1271 
              /* line 53, src/styles/components/_consumptionvisualizer.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1272 1273 1274 
              .cv .cv-load .cv-load-content .cv-load-section .cv-load-value span {
            align-self: flex-end;
            margin-left: 0.5em; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1275 
      /* line 61, src/styles/components/_consumptionvisualizer.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1276 1277 1278 
      .cv .cv-euro {
    display: flex;
    flex-direction: row; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1279 
        /* line 64, src/styles/components/_consumptionvisualizer.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1280 1281 1282 
        .cv .cv-euro .cv-euro-link {
      text-decoration: none;
      color: transparent; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1283 
        /* line 68, src/styles/components/_consumptionvisualizer.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1284 1285 1286 1287 
        .cv .cv-euro .cv-euro-fluid {
      padding: 0 0.5rem;
      display: flex;
      align-items: center; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1288 
          /* line 72, src/styles/components/_consumptionvisualizer.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1289 1290 
          .cv .cv-euro .cv-euro-fluid .cv-euro-fluid-icon {
        margin-right: 0.5rem; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1291 
          /* line 75, src/styles/components/_consumptionvisualizer.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1292 1293 
          .cv .cv-euro .cv-euro-fluid div {
        padding-top: 0.2rem; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1294 
      /* line 80, src/styles/components/_consumptionvisualizer.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1295 1296 1297 1298 
      .cv .cv-info {
    min-height: 1.5rem;
    display: flex;
    align-items: center; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1299 
      /* line 85, src/styles/components/_consumptionvisualizer.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1300 1301 
      .cv .electricity {
    color: #d87b39; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1302 
      /* line 88, src/styles/components/_consumptionvisualizer.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1303 1304 
      .cv .electricity-compare {
    color: #e2bca1; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1305 
      /* line 91, src/styles/components/_consumptionvisualizer.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1306 1307 
      .cv .water {
    color: #3a98ec; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1308 
      /* line 94, src/styles/components/_consumptionvisualizer.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1309 1310 
      .cv .water-compare {
    color: #abd4fa; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1311 
      /* line 97, src/styles/components/_consumptionvisualizer.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1312 1313 
      .cv .gas {
    color: #45d1b8; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1314 
      /* line 100, src/styles/components/_consumptionvisualizer.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1315 1316 
      .cv .gas-compare {
    color: #a8f7e9; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1317 
      /* line 103, src/styles/components/_consumptionvisualizer.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1318 1319 
      .cv .multifluid {
    color: #ffffff; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1320 
      /* line 106, src/styles/components/_consumptionvisualizer.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1321 1322 
      .cv .multifluid-compare {
    color: #ffd597; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1323 
      /* line 109, src/styles/components/_consumptionvisualizer.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1324 1325 
      .cv .error {
    color: #d24444; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1326 
      /* line 112, src/styles/components/_consumptionvisualizer.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1327 1328 1329 1330 1331 
      .cv .error-line {
    color: #d24444;
    cursor: pointer;
    display: flex;
    align-items: center; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1332 
      /* line 118, src/styles/components/_consumptionvisualizer.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1333 1334 
      .cv .underlined-error {
    border-bottom: solid 1px #d24444; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1335 
      /* line 121, src/styles/components/_consumptionvisualizer.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1336 1337 
      .cv .warning-icon {
    margin-right: 4px; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1338 
      /* line 124, src/styles/components/_consumptionvisualizer.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1339 1340 
      .cv .multifluid-compare {
    color: #ffd597; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1341 
      /* line 127, src/styles/components/_consumptionvisualizer.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1342 1343 1344 1345 1346 1347 1348 1349 1350 1351 1352 1353 1354 1355 1356 1357 1358 1359 1360 1361 1362 1363 1364 1365 1366 1367 1368 1369 1370 1371 1372 1373 1374 1375 1376 1377 1378 1379 1380 1381 1382 1383 1384 1385 1386 1387 1388 1389 1390 1391 1392 1393 1394 1395 1396 1397 1398 1399 1400 1401 1402 1403 1404 1405 1406 1407 1408 1409 1410 1411 1412 1413 1414 1415 1416 1417 1418 1419 1420 1421 1422 1423 1424 1425 1426 1427 1428 1429 1430 1431 1432 1433 1434 1435 1436 1437 1438 1439 1440 1441 1442 1443 1444 1445 1446 1447 1448 1449 1450 1451 1452 1453 1454 1455 1456 1457 1458 1459 1460 1461 1462 1463 1464 1465 1466 1467 1468 1469 1470 1471 1472 1473 1474 1475 1476 1477 1478 1479 1480 1481 1482 1483 1484 1485 1486 1487 1488 1489 1490 1491 1492 1493 1494 1495 1496 1497 1498 1499 1500 1501 1502 1503 1504 1505 1506 1507 1508 1509 1510 1511 1512 1513 1514 1515 1516 1517 1518 1519 1520 1521 1522 1523 1524 1525 1526 1527 1528 1529 1530 1531 1532 1533 1534 1535 1536 1537 1538 1539 1540 1541 1542 1543 1544 1545 1546 1547 1548 1549 1550 1551 1552 1553 1554 1555 1556 1557 1558 1559 
      .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;
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1560 1561 1562 1563 1564 
      z-index: 19; }
  @media only screen and (max-width: 1023px) {
    /* line 4, src/styles/components/_nav.scss */
    .o-sidebar {
      background-color: #25262b; } }
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1565 1566 1567 1568 1569 1570 1571 1572 1573 
      /* line 20, src/styles/components/_nav.scss */
  .o-sidebar .logo-grand-lyon {
    position: absolute;
    bottom: 20px;
    left: 100px; }
    @media only screen and (max-width: 1023px) {
      /* line 20, src/styles/components/_nav.scss */
      .o-sidebar .logo-grand-lyon {
        display: none; } }
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1574
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1575 
    /* line 29, src/styles/components/_nav.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1576 1577 
    .c-nav-link {
  padding: 0 1rem; }
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1578 
      /* line 31, src/styles/components/_nav.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1579 1580 
      .c-nav-link .on {
    display: none; }
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1581 
      /* line 34, src/styles/components/_nav.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1582 1583 1584 
      .c-nav-link .off {
    display: block; }
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1585 
    /* line 44, src/styles/components/_nav.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1586 1587 1588 1589 1590 1591 
    .c-nav-link .c-nav-icon {
  padding-right: 0.5rem;
  width: 50px;
  height: 36px;
  fill: none; }
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1592 
    /* line 51, src/styles/components/_nav.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1593 1594 1595 
    .c-nav-link.is-active {
  box-shadow: inset 0.25rem 0 0 0 #b2901b; }
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1596 
    /* line 55, src/styles/components/_nav.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1597 1598 1599 
    .c-nav-link.is-active .c-nav-icon {
  fill: #b2901b !important; }
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1600 
    /* line 59, src/styles/components/_nav.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1601 1602 1603 
    .c-nav-link.is-active {
  color: white;
  text-decoration: none; }
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1604 
      /* line 62, src/styles/components/_nav.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1605 1606 
      .c-nav-link.is-active .on {
    display: block; }
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1607 
      /* line 65, src/styles/components/_nav.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1608 1609 1610 
      .c-nav-link.is-active .off {
    display: none; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1611 
    @media only screen and (max-width: 1023px) {
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1612 
      /* line 71, src/styles/components/_nav.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1613 1614 
      .o-sidebar {
    height: 56px; }
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1615 
      /* line 74, src/styles/components/_nav.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1616 1617 
      .c-nav-link {
    padding: 0; }
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1618 
      /* line 78, src/styles/components/_nav.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1619 1620 
      .c-nav-link .c-nav-icon {
    padding: 0;
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1621 
        margin: auto; }
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1622 
      /* line 83, src/styles/components/_nav.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1623 1624 1625 
      .c-nav-link.is-active {
    box-shadow: unset; } }
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1626 1627 1628 1629 1630 1631 1632 1633 1634 1635 1636 1637 1638 1639 1640 1641 1642 1643 1644 1645 1646 1647 
    /* line 88, src/styles/components/_nav.scss */
.nb-challenge-notif {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 42px;
  bottom: 22px;
  width: 1.25rem;
  height: 1.25rem;
  color: #25262b;
  border-radius: 50%;
  border: 1px solid #25262b;
  z-index: 1;
  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;
  font-size: 12px; }
  @media only screen and (max-width: 1023px) {
    /* line 88, src/styles/components/_nav.scss */
    .nb-challenge-notif {
      left: 25px;
      bottom: unset; } }
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1648 1649 1650 1651 1652 1653 1654 1655 1656 1657 1658 1659 1660 1661 1662 1663 1664 
    /** 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;
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1665 
      padding: 0.5rem 1.5rem; }
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1666 1667 1668 1669 1670 1671 1672 
      @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;
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1673 
        width: 45.75rem; }
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1674 1675 1676 1677 
        @media only screen and (max-width: 768px) {
      /* line 15, src/styles/components/_indicators.scss */
      .fi-root .fi-content {
        width: 100%; } }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1678 
        /* line 21, src/styles/components/_indicators.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1679 
        .fi-root .fi-content .fi-header {
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1680 1681 1682 1683 1684 1685 1686 1687 1688 1689 1690 1691 1692 1693 1694 
          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;
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1695 
          color: #e0e0e0; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1696 1697 1698 
        /* line 39, src/styles/components/_indicators.scss */
    .fi-root .sfi-content .sfi-redirect {
      margin-bottom: 1.25rem;
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1699 
          display: flex;
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1700 1701 1702 1703 1704 1705 1706 
          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; }
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1707
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1708 
    /* line 54, src/styles/components/_indicators.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1709 1710 1711 
    .fpi-link {
  color: transparent; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1712 
    /* line 57, src/styles/components/_indicators.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1713 1714 1715 1716 1717 
    .fpi {
  display: flex;
  flex-direction: row;
  margin: 0.25rem 0.25rem;
  width: 100%; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1718 
      /* line 62, src/styles/components/_indicators.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1719 1720 1721 1722 
      .fpi .fpi-left {
    flex: 1;
    display: flex;
    flex-direction: column; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1723 
        /* line 66, src/styles/components/_indicators.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1724 1725 1726 
        .fpi .fpi-left .fpi-title {
      align-content: flex-start;
      margin-bottom: 0.5rem; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1727 
        /* line 70, src/styles/components/_indicators.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1728 1729 1730 
        .fpi .fpi-left .fpi-content {
      display: flex;
      flex-direction: row; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1731 
          /* line 73, src/styles/components/_indicators.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1732 1733 
          .fpi .fpi-left .fpi-content .fpi-content-icon {
        margin: 0.5rem 0; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1734 
          /* line 76, src/styles/components/_indicators.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1735 1736 1737 
          .fpi .fpi-left .fpi-content .fpi-content-perf {
        margin: 0 1rem;
        align-self: center; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1738 
            /* line 79, src/styles/components/_indicators.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1739 1740 
            .fpi .fpi-left .fpi-content .fpi-content-perf .fpi-content-perf-result {
          color: #e0e0e0; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1741 
              /* line 81, src/styles/components/_indicators.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1742 1743 1744 
              .fpi .fpi-left .fpi-content .fpi-content-perf .fpi-content-perf-result span {
            display: inline-block;
            padding-right: 0.25rem; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1745 
            /* line 86, src/styles/components/_indicators.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1746 1747 
            .fpi .fpi-left .fpi-content .fpi-content-perf .fpi-content-perf-indicator {
          color: #a0a0a0; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1748 
              /* line 89, src/styles/components/_indicators.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1749 1750 
              .fpi .fpi-left .fpi-content .fpi-content-perf .fpi-content-perf-indicator .fpi-content-perf-indicator-kpi.positive {
            color: #ffffff; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1751 
              /* line 92, src/styles/components/_indicators.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1752 1753 
              .fpi .fpi-left .fpi-content .fpi-content-perf .fpi-content-perf-indicator .fpi-content-perf-indicator-kpi.positive {
            color: #cf6666; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1754 
              /* line 95, src/styles/components/_indicators.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1755 1756 
              .fpi .fpi-left .fpi-content .fpi-content-perf .fpi-content-perf-indicator .fpi-content-perf-indicator-kpi.negative {
            color: #7fd771; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1757 
        /* line 102, src/styles/components/_indicators.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1758 1759 1760 
        .fpi .fpi-left .fpi-footer {
      margin-top: 0.5rem;
      color: #a0a0a0; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1761 
      /* line 107, src/styles/components/_indicators.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1762 1763 1764 1765 1766 1767 1768 1769 1770 1771 1772 1773 1774 1775 1776 1777 1778 1779 1780 1781 1782 1783 1784 1785 
      .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;
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1786 
        width: 45.75rem; }
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1787 1788 1789 1790 
        @media only screen and (max-width: 768px) {
      /* line 11, src/styles/components/_challenges.scss */
      .ccc-root .ccc-content {
        width: 100%; } }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1791 
        /* line 17, src/styles/components/_challenges.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1792 
        .ccc-root .ccc-content .ccc-header {
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1793 1794 
          margin-top: 0.375rem;
      margin-bottom: 1.25rem;
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1795 1796 
          color: #e0e0e0; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1797 1798 1799 1800 1801 1802 1803 1804 1805 1806 1807 1808 1809 1810 1811 1812 1813 1814 1815 1816 1817 1818 1819 1820 1821 1822 1823 1824 1825 1826 1827 1828 1829 1830 1831 1832 1833 1834 1835 1836 1837 1838 
    /* 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; } }
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1839
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1840 
    /* line 65, src/styles/components/_challenges.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1841 1842 1843 1844 
    .cli-link {
  color: black;
  text-decoration: none; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1845 
    /* line 69, src/styles/components/_challenges.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1846 1847 1848 1849 
    .cli {
  cursor: pointer;
  display: flex;
  flex-direction: row;
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1850 
      margin: 2rem 0.5rem;
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1851 
      border-radius: 2px; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1852 1853 1854 1855 1856 
      @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 */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1857 1858 1859 1860 
      .cli.cli-available {
    background: linear-gradient(180deg, #61F0F2 0%, #48C2C4 100%);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1861 
      /* line 83, src/styles/components/_challenges.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1862 1863 1864 1865 1866 
      .cli.cli-ongoing {
    border: 1px solid #58FFFF;
    background: #121212;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1867 
      /* line 89, src/styles/components/_challenges.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1868 1869 1870 1871 1872 
      .cli .cli-left {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-left: 1.415rem; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1873 
        /* line 94, src/styles/components/_challenges.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1874 1875 1876 
        .cli .cli-left .cli-content {
      display: flex;
      flex-direction: row; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1877 
          /* line 97, src/styles/components/_challenges.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1878 
          .cli .cli-left .cli-content .cli-content-icon {
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1879 1880 1881 
            margin: 0.5rem 0;
        z-index: 5; }
      /* line 101, src/styles/components/_challenges.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1882 1883 1884 1885 
          .cli .cli-left .cli-content .cli-content-title {
        color: #ffffff;
        margin: 0 1rem;
        align-self: center; }
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1886 
          /* line 106, src/styles/components/_challenges.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1887 1888 
          .cli .cli-left .cli-content .subtitle-finished {
        color: #a0a0a0; }
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1889 
          /* line 109, src/styles/components/_challenges.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1890 1891 
          .cli .cli-left .cli-content .title-finished {
        color: #e0e0e0; }
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1892 
          /* line 112, src/styles/components/_challenges.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1893 1894 
          .cli .cli-left .cli-content .subtitle-ongoing {
        color: #58FFFF; }
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1895 
          /* line 115, src/styles/components/_challenges.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1896 1897 
          .cli .cli-left .cli-content .title-ongoing {
        color: #ffffff; }
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1898 
          /* line 118, src/styles/components/_challenges.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1899 1900 
          .cli .cli-left .cli-content .subtitle-available {
        color: #121212; }
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1901 
          /* line 121, src/styles/components/_challenges.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1902 1903 
          .cli .cli-left .cli-content .title-available {
        color: #121212; }
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1904 
          /* line 124, src/styles/components/_challenges.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1905 1906 1907 
          .cli .cli-left .cli-content .title-locked {
        color: #a0a0a0;
        opacity: 0.35; }
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1908 
      /* line 130, src/styles/components/_challenges.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1909 1910 1911 
      .cli .cli-right {
    align-self: center;
    padding-right: 1.2rem; }
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1912 
        /* line 133, src/styles/components/_challenges.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1913 1914 
        .cli .cli-right.cli-right-ongoing {
      padding-right: calc(1.2rem + 2px); }
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1915 
        /* line 136, src/styles/components/_challenges.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1916 1917 1918 
        .cli .cli-right.cli-right-available {
      padding-right: calc(1.2rem + 2px); }
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1919 
    /* line 143, src/styles/components/_challenges.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1920 1921 1922 1923 
    .cc-link {
  color: black;
  text-decoration: none; }
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1924 
    /* line 147, src/styles/components/_challenges.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1925 1926 1927 1928 1929 1930 
    .cc {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  margin: 0.25rem 0.25rem;
  width: 100%; }
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1931 
      /* line 153, src/styles/components/_challenges.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1932 1933 1934 1935 1936 1937 
      .cc .cc-content-left {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: inherit; }
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1938 
        /* line 159, src/styles/components/_challenges.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1939 1940 
        .cc .cc-content-left .cc-content-title {
      color: #ffffff; }
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1941 
          /* line 161, src/styles/components/_challenges.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1942 1943 
          .cc .cc-content-left .cc-content-title.cc-content-title-padding {
        padding-top: 1rem; }
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1944 
        /* line 165, src/styles/components/_challenges.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1945 1946 
        .cc .cc-content-left .cc-content-progress {
      margin-top: 1rem; }
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1947 
        /* line 168, src/styles/components/_challenges.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1948 1949 
        .cc .cc-content-left .cc-content-timeline {
      padding: 0 0.5rem; }
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1950 
        /* line 171, src/styles/components/_challenges.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1951 1952 
        .cc .cc-content-left .cc-content-visu {
      padding: 1rem 0; }
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1953 
      /* line 175, src/styles/components/_challenges.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1954 1955 1956 1957 1958 1959 
      .cc .cc-content-right {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-self: center; }
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1960 
        /* line 181, src/styles/components/_challenges.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1961 1962 1963 1964 1965 1966 1967 1968 1969 1970 1971 
        .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; }
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1972 
    /* line 196, src/styles/components/_challenges.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1973 1974 1975 1976 1977 
    .cm-content {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1978 
      padding: 1.5rem 1rem 1.5rem;
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1979 1980 
      width: 22.125rem; }
  @media only screen and (max-width: 768px) {
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1981 
        /* line 196, src/styles/components/_challenges.scss */
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1982 1983 
        .cm-content {
      width: 90%; } }
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1984 
      /* line 206, src/styles/components/_challenges.scss */
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1985 1986 1987 1988 1989 
      .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; }
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1990 
      /* line 219, src/styles/components/_challenges.scss */
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1991 1992 1993 1994 1995 
      .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; }
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1996 
      /* line 231, src/styles/components/_challenges.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    1997 
      .cm-content .cm-title {
    Romain CREY's avatar
    modal connect + all doctype names change  
    Romain CREY committed
    1998 
        text-align: center; }
    Yoan VALLET's avatar
    Update index.css  
    Yoan VALLET committed
    1999 
      /* line 234, src/styles/components/_challenges.scss */
    Hugo NOUTS's avatar
    Initial commit
    Hugo NOUTS committed
    2000 
      .cm-content .cm-win-badge-star {
    Show full blame