diff --git a/src/components/Konnector/KonnectorViewerCard.tsx b/src/components/Konnector/KonnectorViewerCard.tsx
index 39d6a5d6ddb55ccdadcc54fc776403767d4c7771..a06e52bebf9d4c207a9d7afb456d3152581a76e6 100644
--- a/src/components/Konnector/KonnectorViewerCard.tsx
+++ b/src/components/Konnector/KonnectorViewerCard.tsx
@@ -1,4 +1,4 @@
-import React, { useState, useEffect, useCallback } from 'react'
+import React, { useState, useEffect, useCallback, useMemo } from 'react'
import { useI18n } from 'cozy-ui/transpiled/react/I18n'
import { useClient } from 'cozy-client'
import { useDispatch, useSelector } from 'react-redux'
@@ -51,6 +51,8 @@ import { DateTime } from 'luxon'
import { setSelectedDate } from 'store/chart/chart.actions'
import DateChartService from 'services/dateChart.service'
import StyledIcon from 'components/CommonKit/Icon/StyledIcon'
+import PartnersInfoService from 'services/partnersInfo.service'
+import { PartnersInfo } from 'models/partnersInfo.model'
interface KonnectorViewerCardProps {
fluidStatus: FluidStatus
@@ -95,6 +97,10 @@ const KonnectorViewerCard: React.FC<KonnectorViewerCardProps> = ({
const { currentChallenge } = useSelector(
(state: AppStore) => state.ecolyo.challenge
)
+ const fluidService = useMemo(() => new FluidService(client), [client])
+ const partnersInfoService = useMemo(() => new PartnersInfoService(client), [
+ client,
+ ])
/* eslint-disable @typescript-eslint/no-non-null-assertion */
const lastDataDate =
@@ -114,7 +120,6 @@ const KonnectorViewerCard: React.FC<KonnectorViewerCardProps> = ({
const updateGlobalFluidStatus = useCallback(async (): Promise<
FluidStatus[]
> => {
- const fluidService = new FluidService(client)
const _updatedFluidStatus: FluidStatus[] = await fluidService.getFluidStatus()
setUpdatedFluidStatus(_updatedFluidStatus)
const refDate: DateTime = DateTime.fromISO('0001-01-01')
@@ -129,7 +134,7 @@ const KonnectorViewerCard: React.FC<KonnectorViewerCardProps> = ({
}
return _updatedFluidStatus
- }, [client, dispatch])
+ }, [dispatch, fluidService])
const refreshChallengeState = useCallback(async () => {
if (
@@ -157,10 +162,21 @@ const KonnectorViewerCard: React.FC<KonnectorViewerCardProps> = ({
await refreshChallengeState()
const _updatedFluidStatus = await updateGlobalFluidStatus()
if (_updatedFluidStatus.length > 0) {
- dispatch(setFluidStatus(_updatedFluidStatus))
+ const partnersInfo: PartnersInfo = await partnersInfoService.getPartnersInfo()
+ const updatedFluidStatus: FluidStatus[] = await fluidService.getFluidStatus(
+ partnersInfo
+ )
+ dispatch(setFluidStatus(updatedFluidStatus))
}
setActive(false)
- }, [refreshChallengeState, updateGlobalFluidStatus, setActive, dispatch])
+ }, [
+ refreshChallengeState,
+ updateGlobalFluidStatus,
+ setActive,
+ partnersInfoService,
+ fluidService,
+ dispatch,
+ ])
const handleConnectionEnd = useCallback(async () => {
if (
@@ -178,16 +194,11 @@ const KonnectorViewerCard: React.FC<KonnectorViewerCardProps> = ({
await handleAccountDeletion()
} else {
if (updatedFluidStatus.length > 0) {
- const fluidService = new FluidService(client)
- const partnerIssuesArray = await fluidService.getFluidsConcernedByPartnerIssue(
- statusArray
+ const partnersInfo: PartnersInfo = await partnersInfoService.getPartnersInfo()
+ const _updatedFluidStatus: FluidStatus[] = await fluidService.getFluidStatus(
+ partnersInfo
)
- if (partnerIssuesArray && partnerIssuesArray.length > 0) {
- for (const fluid of partnerIssuesArray) {
- updatedFluidStatus[fluid].status = FluidState.PARTNER_ISSUE
- }
- }
- dispatch(setFluidStatus(updatedFluidStatus))
+ dispatch(setFluidStatus(_updatedFluidStatus))
}
}
setActive(false)
@@ -199,12 +210,13 @@ const KonnectorViewerCard: React.FC<KonnectorViewerCardProps> = ({
account,
client,
dispatch,
+ fluidService,
fluidStatus,
handleAccountDeletion,
konnectorErrorDescription,
+ partnersInfoService,
setActive,
- statusArray,
- updatedFluidStatus,
+ updatedFluidStatus.length,
])
const getConnectionCard = useCallback(() => {
diff --git a/src/services/fluid.service.ts b/src/services/fluid.service.ts
index 6989034b3a03139f058dbdf88eed91d03ab104f5..b23c492a36c4d4ad21d3d450bde449b357d86411 100644
--- a/src/services/fluid.service.ts
+++ b/src/services/fluid.service.ts
@@ -156,6 +156,7 @@ export default class FluidService {
fluidType: FluidType.ELECTRICITY,
status:
partnersInfo &&
+ partnersInfo.notification_activated &&
this.isFluidInPartnerIssue(
FluidType.ELECTRICITY,
this.parseFluidStatus(elecKonnector, elecStatus),
@@ -178,6 +179,7 @@ export default class FluidService {
fluidType: FluidType.WATER,
status:
partnersInfo &&
+ partnersInfo.notification_activated &&
this.isFluidInPartnerIssue(
FluidType.WATER,
this.parseFluidStatus(waterKonnector, waterStatus),
@@ -200,6 +202,7 @@ export default class FluidService {
fluidType: FluidType.GAS,
status:
partnersInfo &&
+ partnersInfo.notification_activated &&
this.isFluidInPartnerIssue(
FluidType.GAS,
this.parseFluidStatus(gasKonnector, gasStatus),
diff --git a/src/styles/index.css b/src/styles/index.css
index 0608ced4f312e0ca8c28406faf7150ecdb048f7f..4db44fc1b7d059b206b42e29696120b6c7b7ff02 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -13,65 +13,54 @@
/** App colors **/
/** TABS GRADIENT **/
/** SCROLLBAR **/
-@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
+@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 9, src/styles/base/_layout.scss */
body {
background: #1b1c22;
- overflow: unset !important;
-}
+ overflow: unset !important; }
/* line 14, src/styles/base/_layout.scss */
.column {
display: flex;
- flex-direction: column;
-}
+ flex-direction: column; }
/* line 19, src/styles/base/_layout.scss */
.row {
display: flex;
- flex-direction: row;
-}
+ flex-direction: row; }
/* line 24, src/styles/base/_layout.scss */
.cozy-bar {
width: 100%;
display: flex;
align-items: center;
- justify-content: center;
-}
+ justify-content: center; }
/* line 31, src/styles/base/_layout.scss */
[role='banner'] .coz-bar-container {
- 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;
- }
-}
+ 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 43, src/styles/base/_layout.scss */
.cv-button {
- width: 4.25rem;
-}
+ width: 4.25rem; }
/* line 46, src/styles/base/_layout.scss */
.coz-label {
- color: #32363f;
-}
+ color: #32363f; }
/* line 50, src/styles/base/_layout.scss */
.header {
@@ -83,86 +72,63 @@ body {
z-index: 18;
position: fixed;
top: 48px;
- 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) {
+ 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;
- }
-}
-@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;
- }
-}
+ 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; } }
+ @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 {
@@ -172,38 +138,31 @@ body {
flex-direction: column;
justify-content: center;
align-items: center;
- 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;
-}
+ 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 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;
-}
+ /* 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 **/
@@ -227,8 +186,7 @@ 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,
@@ -239,8 +197,7 @@ h5,
h6,
p {
color: #a0a0a0;
- font-family: Lato, sans-serif;
-}
+ font-family: Lato, sans-serif; }
/* line 20, src/styles/base/_typography.scss */
.home-title {
@@ -249,8 +206,7 @@ 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 {
@@ -262,579 +218,349 @@ 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: 0.8rem;
- margin-right: 0.8rem;
-}
+ margin-left: .8rem;
+ margin-right: .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 */
@@ -844,8 +570,7 @@ 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 {
@@ -854,8 +579,7 @@ p {
font-weight: bold;
font-size: 1rem;
line-height: 120%;
- color: #e0e0e0;
-}
+ color: #e0e0e0; }
/* line 101, src/styles/base/_typography.scss */
.card-result {
@@ -864,8 +588,7 @@ p {
font-weight: 900;
font-size: 1.75rem;
line-height: 120%;
- color: #e0e0e0;
-}
+ color: #e0e0e0; }
/* line 109, src/styles/base/_typography.scss */
.card-indicator {
@@ -874,8 +597,7 @@ p {
font-weight: normal;
font-size: 1rem;
line-height: 120%;
- color: #e0e0e0;
-}
+ color: #e0e0e0; }
/* line 117, src/styles/base/_typography.scss */
.card-text {
@@ -884,8 +606,7 @@ p {
font-weight: normal;
font-size: 1rem;
line-height: 120%;
- color: #e0e0e0;
-}
+ color: #e0e0e0; }
/* Chart */
/* line 127, src/styles/base/_typography.scss */
@@ -894,14 +615,11 @@ 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 {
@@ -909,14 +627,11 @@ 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 */
@@ -926,8 +641,7 @@ p {
font-weight: bold;
font-size: 1.3125rem;
line-height: 120%;
- color: #e0e0e0;
-}
+ color: #e0e0e0; }
/** BLACK **/
/** RED **/
@@ -941,51 +655,41 @@ 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;
-}
+ 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;
-}
+ cursor: pointer; }
/* line 30, src/styles/components/_barchart.scss */
.background-true {
- opacity: 0.1;
-}
-/* line 32, src/styles/components/_barchart.scss */
-.background-true:hover {
- cursor: pointer;
-}
+ 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 47, src/styles/components/_barchart.scss */
.bar-compare-ELECTRICITY:hover,
@@ -996,302 +700,238 @@ p {
.bar-WATER:hover,
.bar-GAS:hover,
.bar-ELECTRICITY:hover {
- cursor: pointer;
-}
+ cursor: pointer; }
/* line 51, src/styles/components/_barchart.scss */
.bar-ELECTRICITY {
- fill: #5d3d2a;
-}
-/* line 53, src/styles/components/_barchart.scss */
-.bar-ELECTRICITY.selected {
- fill: #d87b39;
- filter: drop-shadow(0 -0.1rem 0.2rem #d87b39);
-}
+ 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 61, src/styles/components/_barchart.scss */
-.bar-compare-ELECTRICITY.selected {
- fill: #e2bca1;
- filter: drop-shadow(0 -0.1rem 0.2rem #e2bca1);
-}
+ 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 69, src/styles/components/_barchart.scss */
-.bar-WATER.selected {
- fill: #3a98ec;
- filter: drop-shadow(0 -0.1rem 0.2rem #3a98ec);
-}
+ 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 77, src/styles/components/_barchart.scss */
-.bar-compare-WATER.selected {
- fill: #abd4fa;
- filter: drop-shadow(0 -0.1rem 0.2rem #abd4fa);
-}
+ 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 85, src/styles/components/_barchart.scss */
-.bar-GAS.selected {
- fill: #45d1b8;
- filter: drop-shadow(0 -0.1rem 0.2rem #45d1b8);
-}
+ 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 93, src/styles/components/_barchart.scss */
-.bar-compare-GAS.selected {
- fill: #a8f7e9;
- filter: drop-shadow(0 -0.1rem 0.2rem #a8f7e9);
-}
+ 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 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;
-}
+ 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 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;
-}
+ 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 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;
-}
+ 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 139, 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 144, src/styles/components/_barchart.scss */
.bar-average {
stroke-width: 2;
- stroke: #e3b82a;
-}
+ stroke: #e3b82a; }
-/* line 139, src/styles/components/_barchart.scss */
+/* line 148, 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);
-}
-
-/* line 146, src/styles/components/_barchart.scss */
+ fill: #e2bca1; }
+ /* line 150, src/styles/components/_barchart.scss */
+ .week.selected {
+ fill: #e2bca1;
+ filter: drop-shadow(0 -0.1rem 0.2rem #e2bca1); }
+
+/* line 155, 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 157, 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 */
+/* line 163, 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;
-}
+ 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 */
+/* line 191, 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;
-}
+ 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 */
+/* line 219, 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 227, src/styles/components/_barchart.scss */
+/* line 241, src/styles/components/_barchart.scss */
.delay {
- animation-duration: 0.4s;
-}
+ animation-duration: 0.4s; }
-/* line 230, src/styles/components/_barchart.scss */
+/* line 244, src/styles/components/_barchart.scss */
.delay--0 {
- animation-duration: 0.6s;
-}
+ animation-duration: 0.6s; }
-/* line 233, src/styles/components/_barchart.scss */
+/* line 247, src/styles/components/_barchart.scss */
.delay--1 {
- animation-duration: 0.7s;
-}
+ animation-duration: 0.7s; }
-/* line 236, src/styles/components/_barchart.scss */
+/* line 250, src/styles/components/_barchart.scss */
.delay--2 {
- animation-duration: 0.8s;
-}
+ animation-duration: 0.8s; }
-/* line 239, src/styles/components/_barchart.scss */
+/* line 253, src/styles/components/_barchart.scss */
.delay--3 {
- animation-duration: 0.9s;
-}
+ animation-duration: 0.9s; }
-/* line 242, src/styles/components/_barchart.scss */
+/* line 256, src/styles/components/_barchart.scss */
.delay--4 {
- animation-duration: 1s;
-}
+ animation-duration: 1s; }
-/* line 245, src/styles/components/_barchart.scss */
+/* line 259, src/styles/components/_barchart.scss */
.delay--5 {
- animation-duration: 1.1s;
-}
+ animation-duration: 1.1s; }
-/* line 248, src/styles/components/_barchart.scss */
+/* line 262, src/styles/components/_barchart.scss */
.delay--6 {
- animation-duration: 1.2s;
-}
+ animation-duration: 1.2s; }
-/* line 251, src/styles/components/_barchart.scss */
+/* line 265, src/styles/components/_barchart.scss */
.delay--7 {
- animation-duration: 1.3s;
-}
+ animation-duration: 1.3s; }
-/* line 254, src/styles/components/_barchart.scss */
+/* line 268, src/styles/components/_barchart.scss */
.delay--8 {
- animation-duration: 1.4s;
-}
+ animation-duration: 1.4s; }
-/* line 257, src/styles/components/_barchart.scss */
+/* line 271, src/styles/components/_barchart.scss */
.delay--9 {
- animation-duration: 1.5s;
-}
+ animation-duration: 1.5s; }
-/* line 260, src/styles/components/_barchart.scss */
+/* line 274, src/styles/components/_barchart.scss */
.delay--10 {
- animation-duration: 1.6s;
-}
+ animation-duration: 1.6s; }
-/* line 263, src/styles/components/_barchart.scss */
+/* line 277, src/styles/components/_barchart.scss */
.delay--11 {
- animation-duration: 1.8s;
-}
+ animation-duration: 1.8s; }
-/* line 266, src/styles/components/_barchart.scss */
+/* line 280, src/styles/components/_barchart.scss */
.delay--12 {
- animation-duration: 1.9s;
-}
+ animation-duration: 1.9s; }
/** BLACK **/
/** RED **/
@@ -1305,35 +945,23 @@ 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 {
@@ -1344,30 +972,19 @@ 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 {
@@ -1378,30 +995,19 @@ 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 {
@@ -1412,30 +1018,19 @@ 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 {
@@ -1446,30 +1041,19 @@ 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 {
@@ -1480,23 +1064,16 @@ 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 {
@@ -1507,86 +1084,56 @@ 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 {
@@ -1597,16 +1144,13 @@ 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 **/
@@ -1625,20 +1169,13 @@ button.btn-profile-back:disabled {
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 **/
@@ -1652,8 +1189,7 @@ button.btn-profile-back:disabled {
/** SCROLLBAR **/
/* 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 10, src/styles/components/_dialog.scss */
div.modal-paper {
@@ -1667,44 +1203,35 @@ 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 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;
-}
+ 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 {
@@ -1720,12 +1247,10 @@ div.modal-paper-full-screen {
border-radius: 4px;
color: #ffffff;
display: flex;
- align-items: center;
-}
-/* line 64, 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 **/
@@ -1745,64 +1270,51 @@ 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 **/
@@ -1816,54 +1328,34 @@ 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;
@@ -1883,65 +1375,21 @@ 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; } }