@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);*{box-sizing:border-box}body,html{margin:0;padding:0;scroll-behavior:smooth;width:100%}a{color:#000;text-decoration:none}li{list-style-type:none}h1{margin:0}#root{display:flex;flex-direction:column;min-height:100vh}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-weight:500}p{line-height:1.5rem}.error{align-items:center;color:red;display:flex;flex-direction:column;height:100vh;justify-content:center;margin-top:0}.error__content{text-align:center}.error__content__number{font-size:18rem;font-weight:700;margin:10rem}.error__content__text{font-size:2.25rem;margin:0}.error__link{color:red;font-size:1.125rem;margin-top:8rem;text-decoration:underline}.error__link:hover{color:#dc2626}.sidebar{align-items:center;background-color:#020203;display:flex;flex-direction:column;height:100vh;justify-content:flex-end;padding:7.688rem 1.5rem 2rem;position:fixed;top:0;width:7.313rem}.sidebar__copyright{color:#fff;font-size:.75rem;-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}.sidebar__nav{flex-direction:column;gap:1.25rem;height:80%}.sidebar__nav,.sidebar__nav__link{display:flex;justify-content:center}.sidebar__nav__link{align-items:center;background-color:#fff;height:4rem;width:4rem}.sidebar__nav__link:hover{background-color:#ff0101}.sidebar__nav__link:hover img{-webkit-filter:invert(100%) saturate(0) brightness(200%);filter:invert(100%) saturate(0) brightness(200%)}.dashboard{display:flex;flex-direction:column;margin:9.938rem auto auto;padding-left:3.656rem}@media screen and (max-width:1350px){.dashboard{margin:8.438rem 1rem 0 5rem}}@media screen and (max-width:1280px){.dashboard{margin:7.938rem 1rem 0 5rem}}.hero__title{color:#000;font-size:3rem;line-height:1.5rem}.hero__title__firstname{color:#ff0101}.hero__text{font-size:1.125rem;font-weight:400;margin-top:2.5rem}.charts__chart-activity .tooltip{align-items:center;background-color:#e60000;display:flex;flex-direction:column;gap:.5rem;height:4.5rem;justify-content:center;width:3rem}.charts__chart-activity .tooltip__text{color:#fff;font-size:10px;line-height:24px;margin:0;text-align:center}.charts__chart-activity{background:#fbfbfb;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.021);height:320px;padding:1.5rem;width:835px}@media screen and (max-width:1280px){.charts__chart-activity{width:100%}}.charts__chart-activity__head{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:.75rem}.charts__chart-activity__head__legend{display:flex;flex-direction:row;gap:2rem;margin:0}.charts__chart-activity__head__legend__data{align-items:center;display:flex;gap:.75rem}.charts__chart-activity__head__legend__data__color--kg{background:#282d30;border-radius:50%;height:.5rem;width:.5rem}.charts__chart-activity__head__legend__data__color--cal{background:#e60000;border-radius:50%;height:.5rem;width:.5rem}.charts__chart-activity__head__legend__data__cal,.charts__chart-activity__head__legend__data__kg{color:#74798c;font-size:14px;margin:0}.charts__chart-activity__head__title{color:#20253a;font-size:15px;font-weight:500;line-height:24px;margin:0}.charts__chart-session .tooltip{align-items:center;background-color:#fff;display:flex;height:28px;justify-content:center;margin-right:.4rem;width:46px}.charts__chart-session .tooltip__text{font-size:10px;line-height:24px;text-align:center}.charts__chart-session{background:red;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.021);height:263px;overflow:hidden;width:258px}@media screen and (max-width:1280px){.charts__chart-session{width:30%}}@media screen and (max-width:960px){.charts__chart-session{width:100%}}.charts__chart-session__head{position:relative;width:12rem}@media screen and (max-width:960px){.charts__chart-session__head{width:auto}}.charts__chart-session__head__title{color:#fff;font-size:15px;font-weight:500;line-height:1.5rem;margin:0;mix-blend-mode:normal;opacity:.7;padding-left:1.75rem;padding-top:1rem;position:absolute;z-index:2}.session-responsive{padding-top:2.5rem}.charts__chart-perf{background:#282d30;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.021);height:263px;padding:.5rem;width:258px}@media screen and (max-width:1280px){.charts__chart-perf{width:30%}}@media screen and (max-width:960px){.charts__chart-perf{width:100%}}.charts__chart-score{background:#fbfbfb;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.021);height:263px;padding:.5rem;position:relative;width:258px}@media screen and (max-width:1280px){.charts__chart-score{align-items:center;display:flex;flex-direction:column;width:30%}}@media screen and (max-width:960px){.charts__chart-score{height:auto;width:100%}}.charts__chart-score .wrap-container{height:210px;position:relative;width:258px}.charts__chart-score__title{color:#20253a;font-size:15px;font-weight:500;line-height:24px;margin:1rem 1.25rem 0}@media screen and (max-width:1280px){.charts__chart-score__title{padding-left:.5rem;width:100%}}@media screen and (max-width:960px){.charts__chart-score__title{padding-left:0;width:auto}}.charts__chart-score__text{color:#74798c;font-size:16px;left:39%;line-height:26px;position:absolute;text-align:center;top:25%}.charts__chart-score__text__score{color:#282d30;font-size:26px;font-weight:700}.charts{display:flex;flex-direction:column;justify-content:center;width:auto}.container-wrap{display:flex;flex-direction:row;gap:1.875rem}@media screen and (max-width:960px){.container-wrap{flex-direction:column}}.color--blue{background-color:#e9f4fb}.color--red{background-color:#fbe9e9}.color--yellow{background-color:#fbf6e5}.color--pink{background-color:#fbeaef}.user-perf{background:#fbfbfb;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.021);display:flex;flex-direction:row;height:124px;padding:2rem;width:258px}.user-perf__container{align-items:center;border-radius:6px;display:flex;height:60px;justify-content:center;mix-blend-mode:normal;width:60px}.user-perf__container__img{height:20px;width:auto}.user-perf__data{display:flex;flex-direction:column;justify-content:center;margin-left:1.5rem}.user-perf__data__quantity{color:#282d30;font-size:20px;font-weight:700;line-height:24px;margin:0}.user-perf__data__unit{color:#74798c;font-size:14px;line-height:24px;margin:0}.perfs{display:flex;flex-direction:column;gap:2rem}@media screen and (max-width:1280px){.perfs{flex-direction:row;flex-wrap:wrap;gap:.25rem;justify-content:space-between}}@media screen and (max-width:960px){.perfs{gap:.25rem;justify-content:space-evenly}}.flex-wrap{display:flex;flex-direction:row;gap:2rem;margin-top:3rem;width:100%}@media screen and (max-width:1280px){.flex-wrap{flex-direction:column}}.connexion{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:100vh}.connexion__title{margin-top:.75rem}.connexion__btns{display:flex;gap:3rem;margin-top:.5rem}.connexion__btns a button{background-color:#f5f5f5;border:1.5px solid #e1e1e1;border-radius:.5rem;cursor:pointer;flex-grow:1;font-size:1rem;padding:1rem 2rem;text-align:center}.connexion__btns a button:hover{background-color:#e5e5e5}header{align-items:center;background:#020203;box-shadow:0 4px 4px rgba(0,0,0,.25);display:flex;flex-direction:row;gap:2rem;height:5.688rem;padding:1.25rem 2rem;position:fixed;width:100%;z-index:1}header nav{display:flex;justify-content:space-around;width:inherit}header nav a{size:1.5rem;border-radius:.25rem;color:#fff;cursor:pointer;line-height:1.5rem;padding:.5rem 1rem}header nav a:hover{background:#fff;color:#020203}
/*# sourceMappingURL=main.505b6777.css.map*/