diff --git a/src/assets/icons/visu/data-nok.svg b/src/assets/icons/visu/data-nok.svg
new file mode 100644
index 0000000000000000000000000000000000000000..2fa102e73ad07d0a00461765794892bc1838f220
--- /dev/null
+++ b/src/assets/icons/visu/data-nok.svg
@@ -0,0 +1,4 @@
+<svg width="42" height="40" viewBox="0 0 42 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.64307 36.7416L38.3571 3.55908" stroke="#D25959" stroke-width="8"/>
+<path d="M38.3572 36.7416L3.64318 3.55908" stroke="#D25959" stroke-width="8"/>
+</svg>
diff --git a/src/assets/icons/visu/data-ok.svg b/src/assets/icons/visu/data-ok.svg
new file mode 100644
index 0000000000000000000000000000000000000000..1e55406da3a2362955dce21b208a701df21d7488
--- /dev/null
+++ b/src/assets/icons/visu/data-ok.svg
@@ -0,0 +1,3 @@
+<svg width="57" height="43" viewBox="0 0 57 43" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.10266 23.2133L19.1834 36.7416L53.8974 3.55908" stroke="#E3B82A" stroke-width="8"/>
+</svg>
diff --git a/src/assets/icons/visu/enedis-logo.svg b/src/assets/icons/visu/enedis-logo.svg
index 0e07225ab4de19103fb97e4747d61039ecd4d08a..c9bab7de0e5ef57f72891d2b0bd260726b4cc0e8 100644
--- a/src/assets/icons/visu/enedis-logo.svg
+++ b/src/assets/icons/visu/enedis-logo.svg
@@ -1,4 +1,4 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M0 10C0 4.47715 4.47715 0 10 0H38C43.5229 0 48 4.47715 48 10V38C48 43.5229 43.5228 48 38 48H0V10Z" fill="black"/>
-<path d="M0 21V28H9V30C9 36.6274 14.3726 42 21 42H47.1679C47.7031 40.775 48 39.4222 48 38V35H21C18.2386 35 16 32.7615 16 30V28H33C36.3137 28 39 25.3137 39 22V12C39 8.68628 36.3137 6 33 6H15C11.6863 6 9 8.68628 9 12V19H16V16C16 14.3431 17.3431 13 19 13H29C30.6569 13 32 14.3431 32 16V18C32 19.6569 30.6569 21 29 21H0Z" fill="#F1C017"/>
+<path d="M10 0C4.47715 0 0 4.47715 0 10V21H29C30.6569 21 32 19.6569 32 18V16C32 14.3431 30.6569 13 29 13H19C17.3431 13 16 14.3431 16 16V19H9V12C9 8.68628 11.6863 6 15 6H33C36.3137 6 39 8.68628 39 12V22C39 25.3137 36.3137 28 33 28H16V30C16 32.7615 18.2386 35 21 35H48V10C48 4.47715 43.5229 0 38 0H10Z" fill="black"/>
+<path d="M47.2141 41.8925C47.1989 41.9284 47.1835 41.9643 47.1679 42H21C14.3726 42 9 36.6274 9 30V28H0V48H38C42.1421 48 45.6961 45.4816 47.2141 41.8925Z" fill="black"/>
</svg>
diff --git a/src/components/ContentComponents/EcogestureModal/EcogestureModal.tsx b/src/components/ContentComponents/EcogestureModal/EcogestureModal.tsx
index d0b93c84007ea72c0e68f5e500b066d96e37381a..4ade458920055b4268bee1ad6d67ccfa69d6b01e 100644
--- a/src/components/ContentComponents/EcogestureModal/EcogestureModal.tsx
+++ b/src/components/ContentComponents/EcogestureModal/EcogestureModal.tsx
@@ -82,8 +82,8 @@ const EcogestureModal: React.FC<EcogestureModalProps> = ({
))}
</div>
</div>
+ <div className="long-name">{ecogesture.longName}</div>
<div className="em-description text-16-normal-150">
- <span className="long-name">{ecogesture.longName} </span>
{ecogesture.longDescription}
</div>
</div>
diff --git a/src/components/ContentComponents/Konnector/KonnectorLaunch.tsx b/src/components/ContentComponents/Konnector/KonnectorLaunch.tsx
index cf13ee8a9e2c206a71adf580a5f552765944307f..b74aa5ca196cafef40f7d40d3c898944edac99ad 100644
--- a/src/components/ContentComponents/Konnector/KonnectorLaunch.tsx
+++ b/src/components/ContentComponents/Konnector/KonnectorLaunch.tsx
@@ -15,6 +15,9 @@ import Lottie from 'react-lottie'
import * as loadingData from 'assets/anims/bounceloading.json'
import StyledButton from 'components/CommonKit/Button/StyledButton'
import Modal from 'components/CommonKit/Modal/Modal'
+import StyledIcon from 'components/CommonKit/Icon/StyledIcon'
+import errorIcon from 'assets/icons/visu/data-nok.svg'
+import successIcon from 'assets/icons/visu/data-ok.svg'
const loadingOptions = {
loop: true,
@@ -45,11 +48,8 @@ const KonnectorLaunch: React.FC<KonnectorLaunchProps> = ({
setState(_state)
}
- const handleClick = () => {
- handleKonnectorLaunch()
- }
-
const handleCloseClick = () => {
+ handleKonnectorLaunch()
setOpenModal(false)
}
@@ -78,32 +78,50 @@ const KonnectorLaunch: React.FC<KonnectorLaunchProps> = ({
}, [])
return (
- <div className="klaunch-content">
- {!state ? (
- <>
- <Lottie options={loadingOptions} height={50} width={50} />
- <div className="klaunch-content-text klaunch-content-text-center text-16-normal">
- <div>{t('KONNECTORCONFIG.PLZ_WAIT')}</div>
- </div>
- <div className="klaunch-content-text text-16-normal">
- <div>{t('KONNECTORCONFIG.LOADING_DATA')}</div>
- </div>
- </>
- ) : (
- <>
- <Modal open={openModal} handleCloseClick={handleCloseClick} border>
- <div className="klaunch-info-txt">
- {state === ERROR_EVENT
- ? t('KONNECTORCONFIG.ERROR_DATA')
- : t('KONNECTORCONFIG.SUCCESS')}
- <StyledButton type="button" color="primary" onClick={handleClick}>
+ <Modal open={openModal} handleCloseClick={handleCloseClick} border>
+ <div className="klaunch-content">
+ {!state ? (
+ <>
+ <Lottie options={loadingOptions} height={50} width={50} speed={2} />
+ <div className="klaunch-content-text klaunch-content-text-center text-16-normal">
+ <div className="kc-wait">{t('KONNECTORCONFIG.PLZ_WAIT')}</div>
+ </div>
+ <div className="klaunch-content-text text-16-normal">
+ <div>{t('KONNECTORCONFIG.LOADING_DATA')}</div>
+ </div>
+ </>
+ ) : (
+ <>
+ <div className="klaunch-info">
+ {state === ERROR_EVENT ? (
+ <div className="konnector-config">
+ <StyledIcon icon={errorIcon} size={48} />
+ <div className="kce-picto-txt text-20-bold">
+ {t('KONNECTORCONFIG.ERROR_TXT')}
+ </div>
+ {t('KONNECTORCONFIG.ERROR_DATA')}
+ </div>
+ ) : (
+ <div className="konnector-config">
+ <StyledIcon icon={successIcon} size={48} />
+ <div className="kcs-picto-txt text-20-bold">
+ {t('KONNECTORCONFIG.SUCCESS_TXT')}
+ </div>
+ {t('KONNECTORCONFIG.SUCCESS_DATA')}
+ </div>
+ )}
+ <StyledButton
+ type="button"
+ color="primary"
+ onClick={handleCloseClick}
+ >
<div>{t('KONNECTORCONFIG.OK')}</div>
</StyledButton>
</div>
- </Modal>
- </>
- )}
- </div>
+ </>
+ )}
+ </div>
+ </Modal>
)
}
diff --git a/src/components/ContentComponents/KonnectorViewer/KonnectorViewerCard.tsx b/src/components/ContentComponents/KonnectorViewer/KonnectorViewerCard.tsx
index 8ea145a2b6b44152e929e640653828e89e62aebd..0f40480ba35c2b79571368924a62d3b0eee63dc5 100644
--- a/src/components/ContentComponents/KonnectorViewer/KonnectorViewerCard.tsx
+++ b/src/components/ContentComponents/KonnectorViewer/KonnectorViewerCard.tsx
@@ -61,7 +61,9 @@ const KonnectorViewerCard: React.FC<KonnectorViewerCardProps> = ({
const loginFailed: boolean =
triggerState != null &&
triggerState.last_error != undefined &&
- triggerState.last_error === 'LOGIN_FAILED'
+ triggerState.last_error === 'LOGIN_FAILED' &&
+ triggerState.status != undefined &&
+ triggerState.status === 'errored'
const toggleAccordion = () => {
setActiveState(setActive === '' ? 'active' : '')
@@ -85,6 +87,7 @@ const KonnectorViewerCard: React.FC<KonnectorViewerCardProps> = ({
const updateState = async (trigger: Trigger) => {
const triggerState = await TriggerService.fetchTriggerState(client, trigger)
+ console.log('triggerState', triggerState)
if (triggerState) {
setTriggerState(triggerState)
}
@@ -168,6 +171,7 @@ const KonnectorViewerCard: React.FC<KonnectorViewerCardProps> = ({
style={{ maxHeight: `${setHeight}` }}
className={`accordion-content ${setActive}`}
>
+ {console.log('loginFailed', loginFailed)}
{!konnector ? (
<KonnectorNotFound
konnectorSlug={fluidConfig.konnectorConfig.slug}
diff --git a/src/styles/components/_challenges.scss b/src/styles/components/_challenges.scss
index a1b4b034469f8e755811ccc7afeba8ef2bba65ea..e72710f8ffc0dcb3f0a0d028e2a4bf83efecb1ac 100644
--- a/src/styles/components/_challenges.scss
+++ b/src/styles/components/_challenges.scss
@@ -259,6 +259,8 @@
.cm-win-star {
grid-column: 1;
grid-row: 1;
+ -webkit-animation: rotating 60s linear infinite;
+ animation: rotating 60s linear infinite;
}
}
.cm-result {
@@ -570,3 +572,20 @@
opacity: 1;
}
}
+
+@-webkit-keyframes rotating {
+ from {
+ -webkit-transform: rotate(0deg);
+ }
+ to {
+ -webkit-transform: rotate(360deg);
+ }
+}
+@keyframes rotating {
+ from {
+ -webkit-transform: rotate(0deg);
+ }
+ to {
+ -webkit-transform: rotate(360deg);
+ }
+}
diff --git a/src/styles/components/_ecogesture.scss b/src/styles/components/_ecogesture.scss
index d4abf9fadbe91a668302216368e4b47eeefcb703..57fae3085bdfc637411ac54f45b386913e8e39b7 100644
--- a/src/styles/components/_ecogesture.scss
+++ b/src/styles/components/_ecogesture.scss
@@ -162,11 +162,13 @@
margin-bottom: 1rem;
}
}
+ .long-name {
+ font-weight: bold;
+ line-height: 150%;
+ margin: 0.5rem 0 1rem;
+ }
.em-description {
padding-bottom: 2.5rem;
- .long-name {
- font-weight: bold;
- }
}
.em-description-2 {
padding-top: 2rem;
diff --git a/src/styles/components/_konnector.scss b/src/styles/components/_konnector.scss
index 9d5a231effb08284bd46f677987f04a5dbff0837..1990158480a0d65f7d79fe5a744f7d253cb6a5a1 100644
--- a/src/styles/components/_konnector.scss
+++ b/src/styles/components/_konnector.scss
@@ -162,13 +162,33 @@
}
.klaunch-content-text {
color: $text-bright;
- margin: 1rem 0;
+ margin: 1rem;
+ text-align: center;
+ .kc-wait {
+ color: $text-dark;
+ margin-bottom: 2rem;
+ }
}
.klaunch-content-text-center {
text-align: center;
}
- .klaunch-info-txt {
+ .klaunch-info {
margin: 1.5rem;
+ .konnector-config {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ text-align: center;
+ .kce-picto-txt {
+ color: $red-primary;
+ margin: 1.25rem;
+ }
+ .kcs-picto-txt {
+ color: $multi-color;
+ margin: 1.25rem;
+ }
+ }
}
}
diff --git a/src/styles/components/_nav.scss b/src/styles/components/_nav.scss
index d8e4e8189cba94b337741c0e5dc4fa6c28d7a617..1c3d2dc6fe710934dffffb019f8912fab3a3042c 100644
--- a/src/styles/components/_nav.scss
+++ b/src/styles/components/_nav.scss
@@ -19,7 +19,7 @@
}
.logo-grand-lyon {
position: absolute;
- top: 50%;
+ bottom: 20px;
left: 100px;
@media #{$tablet} {
display: none;
diff --git a/src/styles/index.css b/src/styles/index.css
index 92ba7db5ccc39fd66aeb06b02fc64b1edb25d582..28692f77d8ea92a0867203f74e44c79de1217f5d 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -287,6 +287,14 @@ p {
line-height: 120%; }
/* line 110, src/styles/base/_typography.scss */
+.text-19-bold {
+ font-family: Lato, sans-serif;
+ font-style: normal;
+ font-weight: bold;
+ font-size: 1.188rem;
+ line-height: 120%; }
+
+/* line 117, src/styles/base/_typography.scss */
.text-20-bold {
font-family: Lato, sans-serif;
font-style: normal;
@@ -294,7 +302,7 @@ p {
font-size: 1.25rem;
line-height: 120%; }
-/* line 117, src/styles/base/_typography.scss */
+/* line 124, src/styles/base/_typography.scss */
.text-21-bold {
font-family: Lato, sans-serif;
font-style: normal;
@@ -302,7 +310,7 @@ p {
font-size: 1.313rem;
line-height: 120%; }
-/* line 124, src/styles/base/_typography.scss */
+/* line 131, src/styles/base/_typography.scss */
.text-22-normal {
font-family: Lato, sans-serif;
font-style: normal;
@@ -310,7 +318,7 @@ p {
font-size: 1.375rem;
line-height: 120%; }
-/* line 131, src/styles/base/_typography.scss */
+/* line 138, src/styles/base/_typography.scss */
.text-22-bold {
font-family: Lato, sans-serif;
font-style: normal;
@@ -318,7 +326,7 @@ p {
font-size: 1.375rem;
line-height: 120%; }
-/* line 138, src/styles/base/_typography.scss */
+/* line 145, src/styles/base/_typography.scss */
.text-24-normal {
font-family: Lato, sans-serif;
font-style: normal;
@@ -326,7 +334,7 @@ p {
font-size: 1.5rem;
line-height: 120%; }
-/* line 145, src/styles/base/_typography.scss */
+/* line 152, src/styles/base/_typography.scss */
.text-24-bold {
font-family: Lato, sans-serif;
font-style: normal;
@@ -335,7 +343,7 @@ p {
line-height: 120%; }
/* Button */
-/* line 155, src/styles/base/_typography.scss */
+/* line 162, src/styles/base/_typography.scss */
.button-primary-text span {
font-family: Lato, sans-serif;
font-style: normal;
@@ -344,7 +352,7 @@ p {
line-height: 120%;
color: #e0e0e0; }
-/* line 164, src/styles/base/_typography.scss */
+/* line 171, src/styles/base/_typography.scss */
.button-secondary-text {
font-family: Lato, sans-serif;
font-style: normal;
@@ -354,7 +362,7 @@ p {
color: #e0e0e0; }
/* Card */
-/* line 174, src/styles/base/_typography.scss */
+/* line 181, src/styles/base/_typography.scss */
.card-title-on {
font-family: Lato, sans-serif;
font-style: normal;
@@ -363,7 +371,7 @@ p {
line-height: 120%;
color: #e0e0e0; }
-/* line 182, src/styles/base/_typography.scss */
+/* line 189, src/styles/base/_typography.scss */
.card-title-off {
font-family: Lato, sans-serif;
font-style: normal;
@@ -372,7 +380,7 @@ p {
line-height: 120%;
color: #e0e0e0; }
-/* line 190, src/styles/base/_typography.scss */
+/* line 197, src/styles/base/_typography.scss */
.card-text-bold {
font-family: Lato, sans-serif;
font-style: normal;
@@ -381,7 +389,7 @@ p {
line-height: 120%;
color: #e0e0e0; }
-/* line 198, src/styles/base/_typography.scss */
+/* line 205, src/styles/base/_typography.scss */
.card-result {
font-family: Lato, sans-serif;
font-style: normal;
@@ -390,7 +398,7 @@ p {
line-height: 120%;
color: #e0e0e0; }
-/* line 206, src/styles/base/_typography.scss */
+/* line 213, src/styles/base/_typography.scss */
.card-indicator {
font-family: Lato, sans-serif;
font-style: normal;
@@ -399,7 +407,7 @@ p {
line-height: 120%;
color: #e0e0e0; }
-/* line 214, src/styles/base/_typography.scss */
+/* line 221, src/styles/base/_typography.scss */
.card-text {
font-family: Lato, sans-serif;
font-style: normal;
@@ -409,7 +417,7 @@ p {
color: #e0e0e0; }
/* Chart */
-/* line 224, src/styles/base/_typography.scss */
+/* line 231, src/styles/base/_typography.scss */
.chart-date {
font-family: Lato, sans-serif;
font-style: normal;
@@ -418,7 +426,7 @@ p {
line-height: 123%;
color: #e0e0e0; }
-/* line 232, src/styles/base/_typography.scss */
+/* line 239, src/styles/base/_typography.scss */
.chart-result {
font-family: Lato, sans-serif;
font-style: normal;
@@ -427,7 +435,7 @@ p {
line-height: 120%;
color: #e0e0e0; }
-/* line 240, src/styles/base/_typography.scss */
+/* line 247, src/styles/base/_typography.scss */
.chart-fluid {
font-family: Lato, sans-serif;
font-style: normal;
@@ -436,7 +444,7 @@ p {
line-height: 120%;
color: #e0e0e0; }
-/* line 248, src/styles/base/_typography.scss */
+/* line 255, src/styles/base/_typography.scss */
.chart-switch-text {
font-family: Lato, sans-serif;
font-style: normal;
@@ -445,7 +453,7 @@ p {
line-height: 120%;
color: #e0e0e0; }
-/* line 256, src/styles/base/_typography.scss */
+/* line 263, src/styles/base/_typography.scss */
.chart-ticks-x-text {
font-family: Lato, sans-serif;
font-style: normal;
@@ -453,11 +461,11 @@ p {
font-size: 1rem;
line-height: 120%; }
@media only screen and (max-width: 768px) {
- /* line 256, src/styles/base/_typography.scss */
+ /* line 263, src/styles/base/_typography.scss */
.chart-ticks-x-text {
font-size: 0.875rem; } }
-/* line 266, src/styles/base/_typography.scss */
+/* line 273, src/styles/base/_typography.scss */
.chart-ticks-y-text {
font-family: Lato, sans-serif;
font-style: normal;
@@ -465,12 +473,12 @@ p {
font-size: 0.9rem;
line-height: 120%; }
@media only screen and (max-width: 768px) {
- /* line 266, src/styles/base/_typography.scss */
+ /* line 273, src/styles/base/_typography.scss */
.chart-ticks-y-text {
font-size: 0.75rem; } }
/* Cozy bar */
-/* line 278, src/styles/base/_typography.scss */
+/* line 285, src/styles/base/_typography.scss */
.cozybar {
font-family: Lato, sans-serif;
font-style: normal;
@@ -480,7 +488,7 @@ p {
color: #e0e0e0; }
/* List */
-/* line 288, src/styles/base/_typography.scss */
+/* line 295, src/styles/base/_typography.scss */
.list-title {
font-family: Lato, sans-serif;
font-style: normal;
@@ -491,7 +499,7 @@ p {
color: #e0e0e0; }
/* Tab */
-/* line 299, src/styles/base/_typography.scss */
+/* line 306, src/styles/base/_typography.scss */
.tab-text-on {
font-family: Lato, sans-serif;
font-style: normal;
@@ -499,7 +507,7 @@ p {
font-size: 1rem;
line-height: 120%; }
-/* line 306, src/styles/base/_typography.scss */
+/* line 313, src/styles/base/_typography.scss */
.tab-text-off {
font-family: Lato, sans-serif;
font-style: normal;
@@ -632,29 +640,39 @@ p {
border: 1px solid #7b7b7b;
border-radius: 4px;
color: #e0e0e0;
- padding: 0 5%; }
- /* line 23, src/styles/components/_form.scss */
+ padding: 0 5%;
+ outline-offset: -1px; }
+ /* line 24, src/styles/components/_form.scss */
+ .form .form-input:focus {
+ outline: none;
+ box-shadow: inset 0px 0px 0px 1px #e3b82a; }
+ /* line 28, src/styles/components/_form.scss */
.form .form-group {
display: flex;
- flex-direction: column; }
- /* line 26, src/styles/components/_form.scss */
+ flex-direction: column;
+ margin: 1.5rem 0 0 0; }
+ /* line 32, src/styles/components/_form.scss */
.form .form-group .form-trailing-icon {
float: right;
position: relative;
margin-top: -48px;
margin-right: 15px; }
- /* line 33, src/styles/components/_form.scss */
+ /* line 39, src/styles/components/_form.scss */
.form .form-control {
height: 3rem; }
@media only screen and (max-width: 768px) {
- /* line 33, src/styles/components/_form.scss */
+ /* line 39, src/styles/components/_form.scss */
.form .form-control {
max-width: 100vw; } }
- /* line 39, src/styles/components/_form.scss */
+ /* line 45, src/styles/components/_form.scss */
.form .form-message {
color: #ce3535;
- min-height: 1.25rem; }
- /* line 43, src/styles/components/_form.scss */
+ min-height: 1.25rem;
+ margin-top: 0.125rem; }
+ /* line 50, src/styles/components/_form.scss */
+ .form .form-button {
+ margin-top: 0.125rem; }
+ /* line 53, src/styles/components/_form.scss */
.form ::placeholder {
color: #e0e0e0; }
@@ -846,69 +864,138 @@ p {
flex: 1; }
/* line 45, src/styles/components/_konnector.scss */
.accordion .accordion-header .state-picto {
- position: absolute; }
- /* line 49, src/styles/components/_konnector.scss */
+ position: absolute;
+ display: flex; }
+ /* line 50, src/styles/components/_konnector.scss */
+ .accordion .accordion-update-result {
+ margin: 0.5rem 1.5rem; }
+ @media only screen and (max-width: 768px) {
+ /* line 50, src/styles/components/_konnector.scss */
+ .accordion .accordion-update-result {
+ margin: 0.5rem 0; } }
+ /* line 56, src/styles/components/_konnector.scss */
.accordion .accordion-update {
flex: 2;
padding: 0.5rem 1rem; }
- /* line 53, src/styles/components/_konnector.scss */
+ /* line 60, src/styles/components/_konnector.scss */
.accordion .accordion-state {
flex: 2;
margin-right: 1rem; }
- /* line 57, src/styles/components/_konnector.scss */
+ /* line 64, src/styles/components/_konnector.scss */
.accordion .accordion-frequency {
flex: 1;
padding: 0 1rem; }
- /* line 61, src/styles/components/_konnector.scss */
+ /* line 68, src/styles/components/_konnector.scss */
.accordion .accordion-caption {
- font-size: 0.8rem;
color: #a0a0a0;
text-transform: lowercase; }
- /* line 65, src/styles/components/_konnector.scss */
+ /* line 71, src/styles/components/_konnector.scss */
.accordion .accordion-caption::first-letter {
text-transform: uppercase; }
- /* line 69, src/styles/components/_konnector.scss */
+ /* line 75, src/styles/components/_konnector.scss */
.accordion .accordion-caption-red {
- color: #ce3535; }
- /* line 72, src/styles/components/_konnector.scss */
+ color: #ce3535;
+ text-transform: lowercase; }
+ /* line 78, src/styles/components/_konnector.scss */
+ .accordion .accordion-caption-red::first-letter {
+ text-transform: uppercase; }
+ /* line 82, src/styles/components/_konnector.scss */
.accordion .accordion-content {
overflow: hidden;
transition: max-height 0.6s ease; }
- /* line 76, src/styles/components/_konnector.scss */
+ /* line 86, src/styles/components/_konnector.scss */
.accordion .inline-buttons {
display: flex;
flex-flow: row nowrap; }
- /* line 80, src/styles/components/_konnector.scss */
+ /* line 90, src/styles/components/_konnector.scss */
.accordion .btn-position {
width: 100%;
margin: 0.5rem 1rem; }
-/* line 86, src/styles/components/_konnector.scss */
+/* line 96, src/styles/components/_konnector.scss */
.kv-root {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0 1.5rem; }
- /* line 92, src/styles/components/_konnector.scss */
+ /* line 102, src/styles/components/_konnector.scss */
.kv-root .kv-content {
width: 45.75rem; }
@media only screen and (max-width: 768px) {
- /* line 92, src/styles/components/_konnector.scss */
+ /* line 102, src/styles/components/_konnector.scss */
.kv-root .kv-content {
width: 100%; } }
- /* line 97, src/styles/components/_konnector.scss */
+ /* line 107, src/styles/components/_konnector.scss */
.kv-root .kv-content .kv-header {
margin-top: 2.5rem;
margin-bottom: 1.25rem;
color: #e0e0e0; }
-/* line 105, src/styles/components/_konnector.scss */
+/* line 116, src/styles/components/_konnector.scss */
+.knotfound {
+ margin: 0 1.5rem; }
+ @media only screen and (max-width: 768px) {
+ /* line 116, src/styles/components/_konnector.scss */
+ .knotfound {
+ margin: 0; } }
+ /* line 121, src/styles/components/_konnector.scss */
+ .knotfound .knotfound-text {
+ color: #e0e0e0;
+ padding-top: 1rem; }
+ /* line 125, src/styles/components/_konnector.scss */
+ .knotfound .knotfound-button {
+ margin-bottom: 1rem; }
+
+/* line 131, src/styles/components/_konnector.scss */
+.koauthform {
+ margin: 0 1.5rem; }
+ @media only screen and (max-width: 768px) {
+ /* line 131, src/styles/components/_konnector.scss */
+ .koauthform {
+ margin: 0; } }
+ /* line 136, src/styles/components/_konnector.scss */
+ .koauthform .koauthform-text {
+ color: #e0e0e0;
+ padding-top: 1rem; }
+ /* line 140, src/styles/components/_konnector.scss */
+ .koauthform .koauthform-button {
+ margin-bottom: 1rem; }
+
+/* line 147, src/styles/components/_konnector.scss */
+.kloginauthform .kloginauthform-text {
+ color: #e0e0e0;
+ padding-top: 1rem; }
+
+/* line 151, src/styles/components/_konnector.scss */
+.kloginauthform .kloginauthform-button {
+ margin-bottom: 1rem; }
+
+/* line 158, src/styles/components/_konnector.scss */
+.klaunch-content {
+ margin: 0.5rem 1.5rem; }
+ @media only screen and (max-width: 768px) {
+ /* line 158, src/styles/components/_konnector.scss */
+ .klaunch-content {
+ margin: 0.5rem 0; } }
+ /* line 163, src/styles/components/_konnector.scss */
+ .klaunch-content .klaunch-content-text {
+ color: #e0e0e0;
+ margin: 1rem 0; }
+ /* line 167, src/styles/components/_konnector.scss */
+ .klaunch-content .klaunch-content-text-center {
+ text-align: center; }
+ /* line 170, src/styles/components/_konnector.scss */
+ .klaunch-content .klaunch-info-txt {
+ margin: 1.5rem; }
+
+/* line 175, src/styles/components/_konnector.scss */
.state-icon {
height: 22px;
width: 22px;
- margin-left: 32px;
- margin-bottom: 40px; }
+ position: absolute;
+ bottom: 8px;
+ left: 30px; }
/** BLACK **/
/** TEXT COLOR **/
@@ -1045,6 +1132,50 @@ p {
.fs-root .fs-slide {
min-height: 14rem; } }
+/* 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%; } }
+
/** BLACK **/
/** TEXT COLOR **/
/** RED **/
@@ -1431,58 +1562,89 @@ p {
/* line 4, src/styles/components/_nav.scss */
.o-sidebar {
background-color: #25262b; } }
+ /* 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; } }
-/* line 21, src/styles/components/_nav.scss */
+/* line 29, src/styles/components/_nav.scss */
.c-nav-link {
padding: 0 1rem; }
- /* line 23, src/styles/components/_nav.scss */
+ /* line 31, src/styles/components/_nav.scss */
.c-nav-link .on {
display: none; }
- /* line 26, src/styles/components/_nav.scss */
+ /* line 34, src/styles/components/_nav.scss */
.c-nav-link .off {
display: block; }
-/* line 36, src/styles/components/_nav.scss */
+/* line 44, src/styles/components/_nav.scss */
.c-nav-link .c-nav-icon {
padding-right: 0.5rem;
width: 50px;
height: 36px;
fill: none; }
-/* line 43, src/styles/components/_nav.scss */
+/* line 51, src/styles/components/_nav.scss */
.c-nav-link.is-active {
box-shadow: inset 0.25rem 0 0 0 #b2901b; }
-/* line 47, src/styles/components/_nav.scss */
+/* line 55, src/styles/components/_nav.scss */
.c-nav-link.is-active .c-nav-icon {
fill: #b2901b !important; }
-/* line 51, src/styles/components/_nav.scss */
+/* line 59, src/styles/components/_nav.scss */
.c-nav-link.is-active {
color: white;
text-decoration: none; }
- /* line 54, src/styles/components/_nav.scss */
+ /* line 62, src/styles/components/_nav.scss */
.c-nav-link.is-active .on {
display: block; }
- /* line 57, src/styles/components/_nav.scss */
+ /* line 65, src/styles/components/_nav.scss */
.c-nav-link.is-active .off {
display: none; }
@media only screen and (max-width: 1023px) {
- /* line 63, src/styles/components/_nav.scss */
+ /* line 71, src/styles/components/_nav.scss */
.o-sidebar {
height: 56px; }
- /* line 66, src/styles/components/_nav.scss */
+ /* line 74, src/styles/components/_nav.scss */
.c-nav-link {
padding: 0; }
- /* line 70, src/styles/components/_nav.scss */
+ /* line 78, src/styles/components/_nav.scss */
.c-nav-link .c-nav-icon {
padding: 0;
margin: auto; }
- /* line 75, src/styles/components/_nav.scss */
+ /* line 83, src/styles/components/_nav.scss */
.c-nav-link.is-active {
box-shadow: unset; } }
+/* 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; } }
+
/** BLACK **/
/** TEXT COLOR **/
/** RED **/
@@ -1714,87 +1876,88 @@ p {
flex-direction: row; }
/* line 97, src/styles/components/_challenges.scss */
.cli .cli-left .cli-content .cli-content-icon {
- margin: 0.5rem 0; }
- /* line 100, src/styles/components/_challenges.scss */
+ margin: 0.5rem 0;
+ z-index: 5; }
+ /* line 101, src/styles/components/_challenges.scss */
.cli .cli-left .cli-content .cli-content-title {
color: #ffffff;
margin: 0 1rem;
align-self: center; }
- /* line 105, src/styles/components/_challenges.scss */
+ /* line 106, src/styles/components/_challenges.scss */
.cli .cli-left .cli-content .subtitle-finished {
color: #a0a0a0; }
- /* line 108, src/styles/components/_challenges.scss */
+ /* line 109, src/styles/components/_challenges.scss */
.cli .cli-left .cli-content .title-finished {
color: #e0e0e0; }
- /* line 111, src/styles/components/_challenges.scss */
+ /* line 112, src/styles/components/_challenges.scss */
.cli .cli-left .cli-content .subtitle-ongoing {
color: #58FFFF; }
- /* line 114, src/styles/components/_challenges.scss */
+ /* line 115, src/styles/components/_challenges.scss */
.cli .cli-left .cli-content .title-ongoing {
color: #ffffff; }
- /* line 117, src/styles/components/_challenges.scss */
+ /* line 118, src/styles/components/_challenges.scss */
.cli .cli-left .cli-content .subtitle-available {
color: #121212; }
- /* line 120, src/styles/components/_challenges.scss */
+ /* line 121, src/styles/components/_challenges.scss */
.cli .cli-left .cli-content .title-available {
color: #121212; }
- /* line 123, src/styles/components/_challenges.scss */
+ /* line 124, src/styles/components/_challenges.scss */
.cli .cli-left .cli-content .title-locked {
color: #a0a0a0;
opacity: 0.35; }
- /* line 129, src/styles/components/_challenges.scss */
+ /* line 130, src/styles/components/_challenges.scss */
.cli .cli-right {
align-self: center;
padding-right: 1.2rem; }
- /* line 132, src/styles/components/_challenges.scss */
+ /* line 133, src/styles/components/_challenges.scss */
.cli .cli-right.cli-right-ongoing {
padding-right: calc(1.2rem + 2px); }
- /* line 135, src/styles/components/_challenges.scss */
+ /* line 136, src/styles/components/_challenges.scss */
.cli .cli-right.cli-right-available {
padding-right: calc(1.2rem + 2px); }
-/* line 142, src/styles/components/_challenges.scss */
+/* line 143, src/styles/components/_challenges.scss */
.cc-link {
color: black;
text-decoration: none; }
-/* line 146, src/styles/components/_challenges.scss */
+/* line 147, src/styles/components/_challenges.scss */
.cc {
cursor: pointer;
display: flex;
flex-direction: row;
margin: 0.25rem 0.25rem;
width: 100%; }
- /* line 152, src/styles/components/_challenges.scss */
+ /* line 153, src/styles/components/_challenges.scss */
.cc .cc-content-left {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
width: inherit; }
- /* line 158, src/styles/components/_challenges.scss */
+ /* line 159, src/styles/components/_challenges.scss */
.cc .cc-content-left .cc-content-title {
color: #ffffff; }
- /* line 160, src/styles/components/_challenges.scss */
+ /* line 161, src/styles/components/_challenges.scss */
.cc .cc-content-left .cc-content-title.cc-content-title-padding {
padding-top: 1rem; }
- /* line 164, src/styles/components/_challenges.scss */
+ /* line 165, src/styles/components/_challenges.scss */
.cc .cc-content-left .cc-content-progress {
margin-top: 1rem; }
- /* line 167, src/styles/components/_challenges.scss */
+ /* line 168, src/styles/components/_challenges.scss */
.cc .cc-content-left .cc-content-timeline {
padding: 0 0.5rem; }
- /* line 170, src/styles/components/_challenges.scss */
+ /* line 171, src/styles/components/_challenges.scss */
.cc .cc-content-left .cc-content-visu {
padding: 1rem 0; }
- /* line 174, src/styles/components/_challenges.scss */
+ /* line 175, src/styles/components/_challenges.scss */
.cc .cc-content-right {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
align-self: center; }
- /* line 180, src/styles/components/_challenges.scss */
+ /* line 181, src/styles/components/_challenges.scss */
.cc .cc-content-right .cc-notification {
display: flex;
align-items: center;
@@ -1806,133 +1969,168 @@ p {
color: black;
margin-right: 1rem; }
-/* line 195, src/styles/components/_challenges.scss */
+/* line 196, src/styles/components/_challenges.scss */
.cm-content {
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
- padding: 1.5rem 1rem 0.5rem;
+ padding: 1.5rem 1rem 1.5rem;
width: 22.125rem; }
@media only screen and (max-width: 768px) {
- /* line 195, src/styles/components/_challenges.scss */
+ /* line 196, src/styles/components/_challenges.scss */
.cm-content {
width: 90%; } }
- /* line 205, src/styles/components/_challenges.scss */
+ /* line 206, src/styles/components/_challenges.scss */
.cm-content .win {
background: #eed582;
background: Linear-gradient(90deg, #bf723b 0%, #dd9a2b 26.04%, #f6d74c 45.31%, #d1880d 75%, #a05b11 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; }
- /* line 218, src/styles/components/_challenges.scss */
+ /* line 219, src/styles/components/_challenges.scss */
.cm-content .defeat {
background: #eed582;
background: Linear-gradient(90deg, #a66340 0%, #ae5f38 33.33%, #9e4e24 51.56%, #a4573a 66.67%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; }
- /* line 230, src/styles/components/_challenges.scss */
+ /* line 231, src/styles/components/_challenges.scss */
.cm-content .cm-title {
- text-align: center;
- margin-bottom: 210px; }
+ text-align: center; }
/* line 234, src/styles/components/_challenges.scss */
.cm-content .cm-win-badge-star {
display: grid;
align-items: center;
justify-items: center;
position: absolute;
- top: 22px; }
- /* line 240, src/styles/components/_challenges.scss */
+ top: 15px; }
+ @media only screen and (max-width: 768px) {
+ /* line 234, src/styles/components/_challenges.scss */
+ .cm-content .cm-win-badge-star {
+ top: 65px; } }
+ /* line 243, src/styles/components/_challenges.scss */
+ .cm-content .cm-win-badge-star.--ecolyo-royal {
+ top: -38px; }
+ @media only screen and (max-width: 768px) {
+ /* line 243, src/styles/components/_challenges.scss */
+ .cm-content .cm-win-badge-star.--ecolyo-royal {
+ top: 12px; } }
+ /* line 250, src/styles/components/_challenges.scss */
.cm-content .cm-win-badge-star .cm-win-badge {
+ -webkit-animation: scale-in-center 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s both;
+ animation: scale-in-center 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s both;
grid-column: 1;
grid-row: 1;
z-index: 1; }
- /* line 245, src/styles/components/_challenges.scss */
+ /* line 259, src/styles/components/_challenges.scss */
.cm-content .cm-win-badge-star .cm-win-star {
grid-column: 1;
- grid-row: 1; }
- /* line 250, src/styles/components/_challenges.scss */
+ grid-row: 1;
+ -webkit-animation: rotating 60s linear infinite;
+ animation: rotating 60s linear infinite; }
+ /* line 266, src/styles/components/_challenges.scss */
+ .cm-content .cm-result {
+ color: #e0e0e0;
+ text-align: center;
+ margin-top: 1.5rem;
+ margin-bottom: 0.5rem;
+ margin-bottom: 165px; }
+ /* line 272, src/styles/components/_challenges.scss */
+ .cm-content .cm-result .cm-result-positif {
+ color: #7fd771; }
+ /* line 275, src/styles/components/_challenges.scss */
+ .cm-content .cm-result .cm-result-negatif {
+ color: #d24444; }
+ /* line 279, src/styles/components/_challenges.scss */
.cm-content .cm-badge {
- margin: 2rem; }
- /* line 253, src/styles/components/_challenges.scss */
+ position: absolute;
+ top: 135px; }
+ @media only screen and (max-width: 768px) {
+ /* line 279, src/styles/components/_challenges.scss */
+ .cm-content .cm-badge {
+ top: 142px; } }
+ /* line 286, src/styles/components/_challenges.scss */
.cm-content .cm-button-valid {
margin-top: 1rem;
width: 100%; }
- /* line 257, src/styles/components/_challenges.scss */
+ /* line 290, src/styles/components/_challenges.scss */
.cm-content .cm-txt {
text-align: center;
margin-bottom: 1rem;
width: 100%; }
- /* line 262, src/styles/components/_challenges.scss */
+ /* line 295, src/styles/components/_challenges.scss */
.cm-content .cm-text-new-available {
margin-top: 1.25rem; }
-/* line 266, src/styles/components/_challenges.scss */
-.cm-overspent-value {
- color: #D25959; }
-
-/* line 271, src/styles/components/_challenges.scss */
+/* line 301, src/styles/components/_challenges.scss */
.list-of-days-duration {
display: flex;
flex-direction: row;
justify-content: center;
- margin-top: 1rem;
+ margin-top: 3rem;
width: 100%; }
- /* line 277, src/styles/components/_challenges.scss */
+ @media only screen and (max-width: 768px) {
+ /* line 301, src/styles/components/_challenges.scss */
+ .list-of-days-duration {
+ margin-top: 1rem; } }
+ /* line 310, src/styles/components/_challenges.scss */
.list-of-days-duration .day-solo {
display: flex;
flex-direction: column;
width: 100%; }
- /* line 281, src/styles/components/_challenges.scss */
+ /* line 314, src/styles/components/_challenges.scss */
.list-of-days-duration .day-solo .day-line-label {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%; }
- /* line 287, src/styles/components/_challenges.scss */
+ /* line 320, src/styles/components/_challenges.scss */
.list-of-days-duration .day-solo .day-line-label .date-dash {
width: 50%;
height: 2px;
background-color: #7b7b7b; }
- /* line 292, src/styles/components/_challenges.scss */
+ /* line 325, src/styles/components/_challenges.scss */
.list-of-days-duration .day-solo .day-line-label .past {
background-color: #58FFFF; }
- /* line 295, src/styles/components/_challenges.scss */
+ /* line 328, src/styles/components/_challenges.scss */
.list-of-days-duration .day-solo .day-line-label .futur {
background-color: #7b7b7b; }
- /* line 298, src/styles/components/_challenges.scss */
+ /* line 331, src/styles/components/_challenges.scss */
+ .list-of-days-duration .day-solo .day-line-label .none {
+ opacity: 0; }
+ /* line 334, src/styles/components/_challenges.scss */
.list-of-days-duration .day-solo .day-line-label .date-label {
width: 0.625rem;
height: 0.625rem;
border-radius: 50%;
position: absolute; }
- /* line 305, src/styles/components/_challenges.scss */
+ /* line 341, src/styles/components/_challenges.scss */
.list-of-days-duration .day-solo .day-letter {
margin-top: 0.8rem;
text-align: center;
color: #a0a0a0; }
- /* line 310, src/styles/components/_challenges.scss */
+ /* line 346, src/styles/components/_challenges.scss */
.list-of-days-duration .day-solo .day-date {
margin-top: 0.2rem;
text-align: center;
color: #a0a0a0; }
-/* line 319, src/styles/components/_challenges.scss */
+/* line 355, src/styles/components/_challenges.scss */
.view-start-date {
padding: 0.25rem 0;
color: #58FFFF; }
-/* line 325, src/styles/components/_challenges.scss */
+/* line 361, src/styles/components/_challenges.scss */
.pile-energy-follow {
display: flex;
flex-direction: row;
align-items: center;
- justify-content: space-between;
+ justify-content: center;
width: 100%; }
- /* line 331, src/styles/components/_challenges.scss */
+ /* line 367, src/styles/components/_challenges.scss */
.pile-energy-follow .pile-section {
display: grid; }
- /* line 333, src/styles/components/_challenges.scss */
+ /* line 369, src/styles/components/_challenges.scss */
.pile-energy-follow .pile-section .filter-pile {
grid-column: 1;
grid-row: 1;
@@ -1944,133 +2142,145 @@ p {
opacity: 0.8;
background-color: #121212;
z-index: 1; }
- /* line 345, src/styles/components/_challenges.scss */
+ /* line 381, src/styles/components/_challenges.scss */
.pile-energy-follow .pile-section .pile-icon {
grid-column: 1;
grid-row: 1;
margin: -25px 0; }
- /* line 351, src/styles/components/_challenges.scss */
+ /* line 387, src/styles/components/_challenges.scss */
.pile-energy-follow .max-energy {
color: #7b7b7b; }
- /* line 354, src/styles/components/_challenges.scss */
+ /* line 390, src/styles/components/_challenges.scss */
+ .pile-energy-follow .values-section {
+ margin-left: 1rem; }
+ /* line 393, src/styles/components/_challenges.scss */
.pile-energy-follow .no-values-section {
color: #ffffff;
- padding-right: 1rem; }
+ margin-left: 1rem; }
-/* line 361, src/styles/components/_challenges.scss */
+/* line 400, src/styles/components/_challenges.scss */
.ongoing-challenge {
min-height: 620px; }
-/* line 364, src/styles/components/_challenges.scss */
+/* line 403, src/styles/components/_challenges.scss */
.cp-root {
width: 100%; }
- /* line 366, src/styles/components/_challenges.scss */
- .cp-root .cp-content, .cp-root .cp-content.--locked {
+ /* line 405, src/styles/components/_challenges.scss */
+ .cp-root .cp-content, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal, .cp-root .cp-content.--locked {
display: flex;
align-items: center;
flex-direction: column;
color: #e0e0e0;
min-height: 84vh;
justify-content: space-between; }
- /* line 374, src/styles/components/_challenges.scss */
- .cp-root .--locked.cp-content {
+ /* line 413, src/styles/components/_challenges.scss */
+ .cp-root .cm-content .--locked.cm-win-badge-star.--ecolyo-royal, .cm-content .cp-root .--locked.cm-win-badge-star.--ecolyo-royal, .cp-root .--locked.cp-content {
justify-content: center; }
- /* line 379, src/styles/components/_challenges.scss */
- .cp-root .cp-content .cp-info, .cp-root .cp-content .cp-info.--available {
+ /* line 418, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-info, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-info, .cp-root .cp-content .cp-info.--available {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
background-color: #121212;
width: 100%;
+ min-height: 55vh;
padding-top: 1rem;
padding-bottom: 0.5rem; }
- /* line 388, src/styles/components/_challenges.scss */
- .cp-root .cp-content .--available.cp-info {
+ /* line 428, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .--available.cp-info, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .--available.cp-info, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .--available.cp-info {
height: 74vh; }
- /* line 392, src/styles/components/_challenges.scss */
- .cp-root .cp-content .cp-info .cp-icon {
- margin-bottom: 1rem; }
- /* line 395, src/styles/components/_challenges.scss */
- .cp-root .cp-content .cp-info .cp-icon-available {
+ /* line 432, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-info .cp-icon, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info .cp-icon, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-info .cp-icon {
+ margin: 1rem; }
+ /* line 435, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-info .cp-icon-available, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info .cp-icon-available, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-info .cp-icon-available {
margin: 2rem; }
- /* line 398, src/styles/components/_challenges.scss */
- .cp-root .cp-content .cp-info .cp-win-badge-star {
+ /* line 438, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-info .cp-win-badge-star, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info .cp-win-badge-star, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-info .cp-win-badge-star {
display: grid;
align-items: center;
- justify-items: center; }
- /* line 402, src/styles/components/_challenges.scss */
- .cp-root .cp-content .cp-info .cp-win-badge-star .cp-win-badge {
+ justify-items: center;
+ margin: -100px; }
+ /* line 443, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-info .cp-win-badge-star .cp-win-badge, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info .cp-win-badge-star .cp-win-badge, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-info .cp-win-badge-star .cp-win-badge {
grid-column: 1;
grid-row: 1;
z-index: 1; }
- /* line 407, src/styles/components/_challenges.scss */
- .cp-root .cp-content .cp-info .cp-win-badge-star .cp-win-star {
+ /* line 448, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-info .cp-win-badge-star .cp-win-star, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info .cp-win-badge-star .cp-win-star, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-info .cp-win-badge-star .cp-win-star {
grid-column: 1;
grid-row: 1; }
- /* line 412, src/styles/components/_challenges.scss */
- .cp-root .cp-content .cp-info .cp-date {
+ /* line 453, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-info .cp-date, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info .cp-date, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-info .cp-date {
color: #a0a0a0;
text-align: center;
margin-top: 1rem; }
- /* line 417, src/styles/components/_challenges.scss */
- .cp-root .cp-content .cp-info .cp-title {
+ /* line 458, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-info .cp-title, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info .cp-title, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-info .cp-title {
color: #e0e0e0;
text-align: center;
margin-top: 0.5rem; }
- /* line 422, src/styles/components/_challenges.scss */
- .cp-root .cp-content .cp-info .cp-result {
+ /* line 463, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-info .cp-result, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info .cp-result, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-info .cp-result {
color: #e0e0e0;
text-align: center;
margin-top: 1.5rem;
margin-bottom: 0.5rem; }
- /* line 427, src/styles/components/_challenges.scss */
- .cp-root .cp-content .cp-info .cp-result .cp-result-positif {
+ /* line 468, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-info .cp-result .cp-result-positif, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info .cp-result .cp-result-positif, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-info .cp-result .cp-result-positif {
color: #7fd771; }
- /* line 430, src/styles/components/_challenges.scss */
- .cp-root .cp-content .cp-info .cp-result .cp-result-negatif {
+ /* line 471, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-info .cp-result .cp-result-negatif, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info .cp-result .cp-result-negatif, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-info .cp-result .cp-result-negatif {
color: #d24444; }
- /* line 434, src/styles/components/_challenges.scss */
- .cp-root .cp-content .cp-info .cp-description {
+ /* line 475, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-info .cp-description, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info .cp-description, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-info .cp-description {
text-align: center;
margin-top: 1rem;
margin-bottom: 0.5rem;
margin-left: 1.25rem;
margin-right: 1.25rem;
max-width: 53rem; }
- /* line 442, src/styles/components/_challenges.scss */
- .cp-root .cp-content .cp-info .cp-valid {
+ /* line 483, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-info .cp-valid, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info .cp-valid, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-info .cp-valid, .cp-root .cp-content .cp-info .cp-valid.--ongoing {
justify-content: center;
display: flex;
flex-direction: row;
width: 90%;
margin-top: 0.75rem;
max-width: 53rem; }
- /* line 449, src/styles/components/_challenges.scss */
- .cp-root .cp-content .cp-info .cp-valid .cp-left-button {
+ /* line 490, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-info .--ongoing.cp-valid, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info .--ongoing.cp-valid, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-info .--ongoing.cp-valid {
+ width: 25%; }
+ @media only screen and (max-width: 768px) {
+ /* line 490, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-info .--ongoing.cp-valid, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info .--ongoing.cp-valid, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-info .--ongoing.cp-valid {
+ width: 60%; } }
+ /* line 497, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-info .cp-valid .cp-left-button, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info .cp-valid .cp-left-button, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-info .cp-valid .cp-left-button {
margin-right: 0.25rem;
margin-left: 0;
width: 100%; }
- /* line 454, src/styles/components/_challenges.scss */
- .cp-root .cp-content .cp-info .cp-valid .cp-right-button {
+ /* line 502, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-info .cp-valid .cp-right-button, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info .cp-valid .cp-right-button, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-info .cp-valid .cp-right-button {
margin-left: 0.25rem;
margin-right: 0;
width: 100%; }
- /* line 461, src/styles/components/_challenges.scss */
- .cp-root .cp-content .cp-follow {
+ /* line 509, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-follow, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-follow, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-follow {
width: 90%;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 1rem;
max-width: 53rem; }
- /* line 469, src/styles/components/_challenges.scss */
- .cp-root .cp-content .cp-valid-locked {
+ /* line 517, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-valid-locked, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-valid-locked, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-valid-locked {
margin-top: 2rem;
width: 80%;
max-width: 53rem; }
- /* line 474, src/styles/components/_challenges.scss */
- .cp-root .cp-content .cp-bottom {
+ /* line 522, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-bottom, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-bottom, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-bottom {
padding: 1.25rem 1.25rem;
width: 90%;
display: flex;
@@ -2079,22 +2289,54 @@ p {
max-width: 53rem;
margin-bottom: 2rem; }
@media only screen and (max-width: 768px) {
- /* line 474, src/styles/components/_challenges.scss */
- .cp-root .cp-content .cp-bottom {
+ /* line 522, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-bottom, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-bottom, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-bottom {
margin-bottom: 0; } }
- /* line 485, src/styles/components/_challenges.scss */
- .cp-root .cp-content .cp-bottom .cp-eg-content {
+ /* line 533, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-bottom .cp-eg-content, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-bottom .cp-eg-content, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-bottom .cp-eg-content {
width: 100%; }
- /* line 487, src/styles/components/_challenges.scss */
- .cp-root .cp-content .cp-bottom .cp-eg-content .linked-ecogestures {
+ /* line 535, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-bottom .cp-eg-content .linked-ecogestures, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-bottom .cp-eg-content .linked-ecogestures, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-bottom .cp-eg-content .linked-ecogestures {
text-transform: uppercase; }
- /* line 490, src/styles/components/_challenges.scss */
- .cp-root .cp-content .cp-bottom .cp-eg-content .cp-ecogestures {
+ /* line 538, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-bottom .cp-eg-content .cp-ecogestures, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-bottom .cp-eg-content .cp-ecogestures, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-bottom .cp-eg-content .cp-ecogestures {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between; }
+@-webkit-keyframes scale-in-center {
+ 0% {
+ -webkit-transform: scale(0);
+ transform: scale(0);
+ opacity: 1; }
+ 100% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 1; } }
+
+@keyframes scale-in-center {
+ 0% {
+ -webkit-transform: scale(0);
+ transform: scale(0);
+ opacity: 1; }
+ 100% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 1; } }
+
+@-webkit-keyframes rotating {
+ from {
+ -webkit-transform: rotate(0deg); }
+ to {
+ -webkit-transform: rotate(360deg); } }
+
+@keyframes rotating {
+ from {
+ -webkit-transform: rotate(0deg); }
+ to {
+ -webkit-transform: rotate(360deg); } }
+
/** BLACK **/
/** TEXT COLOR **/
/** RED **/
@@ -2142,7 +2384,7 @@ p {
/* line 32, src/styles/components/_ecogesture.scss */
.ecogesture-root .ecogesture-content .ecogesture-list-item {
width: 48%;
- height: 7rem;
+ height: 8rem;
margin: 1% 1%; }
/* line 37, src/styles/components/_ecogesture.scss */
.ecogesture-root .ecogesture-content .ecogesture-list-item > button {
@@ -2156,41 +2398,50 @@ p {
/* line 48, src/styles/components/_ecogesture.scss */
.ec {
display: flex;
+ justify-content: center;
width: 100%;
height: 100%; }
- /* line 52, src/styles/components/_ecogesture.scss */
+ /* line 53, src/styles/components/_ecogesture.scss */
.ec .ec-content {
display: flex;
flex-direction: column;
- align-items: flex-start;
- justify-content: flex-end; }
- /* line 57, src/styles/components/_ecogesture.scss */
+ align-items: center;
+ justify-content: space-around; }
+ /* line 58, src/styles/components/_ecogesture.scss */
+ .ec .ec-content.ec-content-unlocked {
+ padding: 0.4rem 0; }
+ /* line 61, src/styles/components/_ecogesture.scss */
+ .ec .ec-content.ec-content-challenge {
+ padding: 0.5rem 0; }
+ /* line 64, src/styles/components/_ecogesture.scss */
+ .ec .ec-content .ec-content-icon {
+ min-height: 50px; }
+ /* line 67, src/styles/components/_ecogesture.scss */
.ec .ec-content .ec-content-short-name {
display: flex;
flex: 1;
- align-items: center; }
- /* line 63, src/styles/components/_ecogesture.scss */
- .ec .ec-content .ec-content-nwh-true {
- margin-top: 0.25rem;
- color: #121212; }
- /* line 67, src/styles/components/_ecogesture.scss */
- .ec .ec-content .ec-content-nwh-undefined {
+ align-items: center;
+ text-align: center; }
+ /* line 73, src/styles/components/_ecogesture.scss */
+ .ec .ec-content .ec-content-nwh {
margin-top: 0.25rem;
color: #a0a0a0; }
-/* line 73, src/styles/components/_ecogesture.scss */
+/* line 79, src/styles/components/_ecogesture.scss */
.cp-eg-1 {
+ height: 8rem;
width: 100%;
margin-right: 0.25rem;
text-align: center; }
-/* line 78, src/styles/components/_ecogesture.scss */
+/* line 85, src/styles/components/_ecogesture.scss */
.cp-eg-2 {
+ height: 8rem;
width: 100%;
margin-left: 0.25rem;
text-align: center; }
-/* line 85, src/styles/components/_ecogesture.scss */
+/* line 93, src/styles/components/_ecogesture.scss */
.em-header {
color: #e0e0e0;
border-bottom: 1px solid rgba(163, 163, 163, 0.4);
@@ -2199,38 +2450,38 @@ p {
display: flex;
justify-content: center; }
-/* line 93, src/styles/components/_ecogesture.scss */
+/* line 101, src/styles/components/_ecogesture.scss */
.em-icon {
margin-bottom: 1rem; }
-/* line 96, src/styles/components/_ecogesture.scss */
+/* line 104, src/styles/components/_ecogesture.scss */
.em-title {
margin-bottom: 0; }
-/* line 99, src/styles/components/_ecogesture.scss */
+/* line 107, src/styles/components/_ecogesture.scss */
.em-detail {
display: flex;
flex-direction: row;
margin: 0.5em 0; }
- /* line 103, src/styles/components/_ecogesture.scss */
+ /* line 111, src/styles/components/_ecogesture.scss */
.em-detail .em-detail-nwh {
display: flex;
flex: 1;
align-self: flex-start;
margin-top: 0.65rem;
color: var(--textDark); }
- /* line 109, src/styles/components/_ecogesture.scss */
+ /* line 117, src/styles/components/_ecogesture.scss */
.em-detail .em-detail-nwh .em-detail-nwh-unit {
margin-left: 0.2rem; }
- /* line 113, src/styles/components/_ecogesture.scss */
+ /* line 121, src/styles/components/_ecogesture.scss */
.em-detail .em-picto-flow {
display: flex;
align-self: flex-end; }
- /* line 116, src/styles/components/_ecogesture.scss */
+ /* line 124, src/styles/components/_ecogesture.scss */
.em-detail .em-picto-flow .em-pic-content {
margin: 0.3em; }
-/* line 122, src/styles/components/_ecogesture.scss */
+/* line 130, src/styles/components/_ecogesture.scss */
.em-content-box {
max-height: 25rem;
overflow: auto;
@@ -2240,28 +2491,46 @@ p {
/* width */
/* Track */
/* Handle */ }
- /* line 129, src/styles/components/_ecogesture.scss */
+ /* line 137, src/styles/components/_ecogesture.scss */
.em-content-box::-webkit-scrollbar {
width: 10px; }
- /* line 133, src/styles/components/_ecogesture.scss */
+ /* line 141, src/styles/components/_ecogesture.scss */
.em-content-box::-webkit-scrollbar-track {
background: #3e4045; }
- /* line 137, src/styles/components/_ecogesture.scss */
+ /* line 145, src/styles/components/_ecogesture.scss */
.em-content-box::-webkit-scrollbar-thumb {
background: #6f7074; }
- /* line 140, src/styles/components/_ecogesture.scss */
+ /* line 148, src/styles/components/_ecogesture.scss */
.em-content-box .em-content-box-text {
display: flex;
flex-direction: column;
padding: 1.5rem 1.5rem;
width: 22.125rem; }
@media only screen and (max-width: 768px) {
- /* line 140, src/styles/components/_ecogesture.scss */
+ /* line 148, src/styles/components/_ecogesture.scss */
.em-content-box .em-content-box-text {
width: 100%; } }
- /* line 148, src/styles/components/_ecogesture.scss */
+ /* line 156, src/styles/components/_ecogesture.scss */
+ .em-content-box .em-content-box-text .em-content-box-text-header {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center; }
+ /* line 161, src/styles/components/_ecogesture.scss */
+ .em-content-box .em-content-box-text .em-content-box-text-header .icon {
+ margin-bottom: 1rem; }
+ /* line 165, src/styles/components/_ecogesture.scss */
.em-content-box .em-content-box-text .em-description {
padding-bottom: 2.5rem; }
+ /* line 167, src/styles/components/_ecogesture.scss */
+ .em-content-box .em-content-box-text .em-description .long-name {
+ font-weight: bold; }
+ /* line 171, src/styles/components/_ecogesture.scss */
+ .em-content-box .em-content-box-text .em-description-2 {
+ padding-top: 2rem; }
+ /* line 174, src/styles/components/_ecogesture.scss */
+ .em-content-box .em-content-box-text .em-description-3 {
+ padding-bottom: 0.5rem; }
/** BLACK **/
/** TEXT COLOR **/
@@ -2316,17 +2585,48 @@ p {
.modal-overlay .modal-box.modal-box-bordered {
border: 1px solid #58FFFF40; }
/* line 41, src/styles/components/_modal.scss */
+ .modal-overlay .modal-box.yellow-border {
+ border: 1px solid rgba(227, 184, 42, 0.4); }
+ /* line 44, src/styles/components/_modal.scss */
.modal-overlay .modal-box .modal-close-button {
position: absolute;
top: 0.5rem;
right: 0.5rem;
padding: 5px 5px; }
- /* line 47, src/styles/components/_modal.scss */
+ /* line 50, src/styles/components/_modal.scss */
.modal-overlay .modal-box .modal-content {
display: flex;
flex-direction: column;
align-items: center;
color: #ffffff; }
+ /* line 56, src/styles/components/_modal.scss */
+ .modal-overlay .modal-box .wm-header {
+ 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-clip: 'text';
+ -webkit-background-clip: text;
+ color: transparent;
+ margin-top: 2rem; }
+ /* line 63, src/styles/components/_modal.scss */
+ .modal-overlay .modal-box .wm-name {
+ 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-clip: 'text';
+ -webkit-background-clip: text;
+ color: transparent;
+ margin-bottom: 1.25rem; }
+ /* line 70, src/styles/components/_modal.scss */
+ .modal-overlay .modal-box .button-ok {
+ width: 90%;
+ margin-bottom: 2rem; }
+ /* line 74, src/styles/components/_modal.scss */
+ .modal-overlay .modal-box .wm-perso {
+ text-align: center;
+ width: 60%;
+ margin: 1rem; }
+ /* line 79, src/styles/components/_modal.scss */
+ .modal-overlay .modal-box .wm-connect {
+ text-align: center;
+ width: 88%;
+ margin: 1rem; }
/** BLACK **/
/** TEXT COLOR **/
@@ -2447,46 +2747,13 @@ p {
color: var(--textBright); }
/* line 22, src/styles/components/_splash.scss */
.splash-root .splash-content {
- margin-left: 2rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
- flex: 1; }
- @media only screen and (max-width: 768px) {
- /* line 22, src/styles/components/_splash.scss */
- .splash-root .splash-content {
- align-items: flex-start;
- justify-content: flex-start; } }
- /* line 33, src/styles/components/_splash.scss */
- .splash-root .splash-content .splash-step {
- display: flex;
- flex-direction: row;
- width: 60%;
- height: 90px; }
- @media only screen and (max-width: 1023px) {
- /* line 33, src/styles/components/_splash.scss */
- .splash-root .splash-content .splash-step {
- width: 80%; } }
- @media only screen and (max-width: 768px) {
- /* line 33, src/styles/components/_splash.scss */
- .splash-root .splash-content .splash-step {
- width: 100%; } }
- /* line 44, src/styles/components/_splash.scss */
- .splash-root .splash-content .splash-step .splash-step-text {
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 1;
- text-align: center;
- color: #e0e0e0; }
- /* line 52, src/styles/components/_splash.scss */
- .splash-root .splash-content .splash-step .splash-step-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 90px; }
- /* line 61, src/styles/components/_splash.scss */
+ flex: 1;
+ margin-top: 6rem; }
+ /* line 30, src/styles/components/_splash.scss */
.splash-root .splash-footer {
display: flex;
flex-direction: column;
@@ -2494,16 +2761,48 @@ p {
justify-content: flex-start;
height: 10rem;
margin: 0 2rem; }
- /* line 68, src/styles/components/_splash.scss */
+ /* line 37, src/styles/components/_splash.scss */
.splash-root .splash-footer .splash-footer-error-text {
text-align: center;
color: red;
margin: 0.5rem 0; }
- /* line 73, src/styles/components/_splash.scss */
+ /* line 42, src/styles/components/_splash.scss */
.splash-root .splash-footer .splash-footer-button {
max-width: 50vw; }
-/* line 26, src/styles/index.scss */
+/** BLACK **/
+/** TEXT COLOR **/
+/** RED **/
+/** YELLOW **/
+/** ORANGE **/
+/** BLUE **/
+/** GREEN **/
+/** WHITE **/
+/** GREY **/
+/** App colors **/
+/** TABS GRADIENT **/
+/* line 4, src/styles/components/_auth.scss */
+.authform-button-content {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: 100%; }
+ @media only screen and (max-width: 768px) {
+ /* line 4, src/styles/components/_auth.scss */
+ .authform-button-content {
+ justify-content: left; } }
+ /* line 12, src/styles/components/_auth.scss */
+ .authform-button-content .authform-button-content-icon {
+ margin: 0 1.375rem; }
+ /* line 15, src/styles/components/_auth.scss */
+ .authform-button-content .authform-button-text {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ text-align: left;
+ max-width: 10.625rem; }
+
+/* line 27, src/styles/index.scss */
:root {
--blue: #58FFFF;
--blue40: #58FFFF40;
@@ -2537,10 +2836,10 @@ p {
--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 60, src/styles/index.scss */
+/* line 61, src/styles/index.scss */
.application {
overflow-x: hidden; }
@media only screen and (max-width: 768px) {
- /* line 60, src/styles/index.scss */
+ /* line 61, src/styles/index.scss */
.application {
min-height: 100vh; } }