@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";.daily-activity{height:320px;position:relative;background-color:var(--main-bg-chart);border-radius:5px}.daily-activity-first__legend-text,.daily-activity-second__legend-text{font-weight:500;fill:#74798c}.daily-activity-first__legend-circle{fill:var(--second-bar-daily-color)}.daily-activity__label-text{font-weight:500}.daily-activity__rect-hover{opacity:0;transition:opacity .1s;stroke:#c4c4c4}.daily-activity__rect-hover:hover{opacity:.5}.daily-activity__first-bar{fill:var(--first-bar-daily-color)}.daily-activity__second-bar{fill:var(--second-bar-daily-color)}.daily-activity__first-bar,.daily-activity__second-bar{pointer-events:none}.daily-activity__grid-line{stroke:gray}.daily-activity-y-axis__text{transform:translate(40px)}.daily-activity-x-axis__text{transform:translateY(25px)}.daily-activity-y-axis__text,.daily-activity-x-axis__text{dominant-baseline:middle;text-anchor:middle;font-size:.875rem;font-weight:500;fill:#9b9eac}.daily-activity__tooltip{background-color:var(--bg-tooltip);color:var(--secondary-color);padding:.75rem;font-size:.75rem;font-weight:500;text-align:center;pointer-events:none;margin-left:1rem}.daily-activity__tooltip>p:first-child{margin-bottom:1.5rem}nav ul{list-style:none}nav ul a{text-decoration:none}.header{display:flex;justify-content:space-between;background-color:var(--main-bg-color-nav);padding:1rem 2rem}.header__logo{min-height:60px;min-width:180px}.header__logo-link{margin-right:10%}.horizontal-nav{color:var(--secondary-color);width:100%}.horizontal-nav__list{display:flex;height:100%;justify-content:space-between;align-items:center;flex-direction:row;padding:0 1rem 0 0}.horizontal-nav__item:after{content:"";width:100%;height:4px;background-color:#fff;display:block;opacity:0;transform:translateY(10px);transition:all .4s ease-in-out}.horizontal-nav__item:hover:after{opacity:1;transform:translateY(0)}.horizontal-nav__link{color:var(--secondary-color);font-size:1.5rem;font-weight:700}.horizontal-nav__link:visited{color:var(--secondary-color)}.line-chart{height:100%;width:100%;margin:auto;background-color:var(--bg-average-chart);border-radius:5px;transition:transform .2s ease-in-out}.line-chart__title{position:absolute;left:30px;top:25px;width:65%;font-weight:500;color:var(--color-average-chart-title);opacity:.7}.line-chart__path{stroke:var(--color-average-chart-path);stroke-width:2;opacity:.7}.line-chart__text{transform:translateY(20px);text-anchor:middle;fill:var(--color-average-chart-label);opacity:.7;font-weight:500}.line-chart__shade{opacity:.2;fill:var(--color-average-chart-shade)}.line-chart__indicator{fill:#fff}.line-chart__tooltip{background-color:#fff;padding:.25rem;font-size:.625rem;margin-left:5px;pointer-events:none}.line-chart:hover .line-chart__path,.line-chart:hover .line-chart__text,.line-chart:hover .line-chart__title{opacity:.9}.line-chart:hover{transform:scale(1.06)}.nutrients{display:flex;flex-direction:column;gap:2rem;justify-content:space-between;width:100%;min-width:210px;max-width:260px;flex:1}@media (max-width: 1200px){.nutrients{flex-direction:row;min-width:100%;order:-1;margin-bottom:1rem}}.metric-card{display:flex;padding:2rem;background-color:var(--bg-metric-card);border-radius:5px;gap:1.5rem}.metric-card__text{display:flex;flex-direction:column;justify-content:center}.metric-card__value{font-size:1.125rem;font-weight:700}.metric-card__category{color:var(--label-color);font-weight:500;font-size:.875rem}@media (max-width: 1200px){.metric-card{padding:1rem;gap:1rem;width:fit-content}.metric-card img{height:40px}}.sidebar{background-color:var(--main-bg-color-nav);height:100%;min-height:800px;width:fit-content;padding:0 1.5rem;display:grid;grid-template:repeat(3,1fr)/1fr}.sidebar__select{height:fit-content;grid-row-start:1;align-self:center;width:64px}.sidebar__copyright{color:#fff;grid-row-start:3;font-size:.75rem;font-weight:500;align-self:center;margin:auto;writing-mode:vertical-rl}.sidebar-nav{grid-row-start:2}.sidebar-nav__list{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:0}.home{flex:1;display:flex}.home__content{margin:auto;padding-top:1rem;width:min(80%,1500px)}.home__metrics{display:flex;gap:2%;padding-bottom:20px}.home__chart{flex:3}.home__chart-grid{display:grid;grid-template:260px/repeat(3,1fr);margin-top:1rem;gap:1rem}@media (max-width: 1200px){.home__metrics{flex-direction:column}}.user-presentation{margin-bottom:4rem}.user-presentation__title{font-size:3rem;margin-bottom:2rem}.user-presentation__name-user{color:var(--main-color-name-user)}.user-presentation__message-incentive{font-size:1.25rem}@media (max-width: 1200px){.user-presentation{margin-bottom:2rem}}.performance-chart{background-color:var(--bg-performance-chart);border-radius:5px;transition:transform .2s ease-in-out}.performance-chart__label-text{font-size:.75rem;fill:var(--color-label-performance-chart);font-weight:500;dominant-baseline:middle;text-anchor:middle}.performance-chart__plot-path{fill:var(--color-plot-performance-chart);opacity:var(--opacity-plot-performance-chart)}.performance-chart__levels-path{fill:none;stroke:var(--color-stroke-level-performance-chart)}.performance-chart:hover{transform:scale(1.06)}.score-chart{background-color:var(--bg-score-chart);border-radius:5px;transition:transform .2s ease-in-out}.score-chart__arc-plot{fill:var(--color-arc-score-chart)}.score-chart__label-text{text-anchor:middle;dominant-baseline:middle;fill:var(--color-text-score-chart);font-weight:500}.score-chart__label-text--value{fill:var(--color-value-score-chart);font-weight:700}.score-chart__circle{fill:var(--color-circle-score-chart)}.score-chart:hover{transform:scale(1.06)}:root{--main-bg-color: #FFF;--main-bg-color-nav: #020203;--main-color: #000;--secondary-color: #FFF;--main-color-name-user: #FF0101;--main-bg-chart: #FBFBFB;--desktop-font-size-nav: 1.5rem;--main-font-family: "Roboto", sans-serif;--first-bar-daily-color: #000;--second-bar-daily-color: #FF0101;--bg-tooltip: #FF0101;--bg-metric-card: #FBFBFB;--label-color: #74798C;--bg-average-chart: #FF0101;--color-average-chart-path: #FFF;--color-average-chart-label: #FFF;--color-average-chart-shade: #000;--color-average-chart-title: #FFF;--bg-performance-chart: #282D30;--color-plot-performance-chart: #FF0101;--opacity-plot-performance-chart: .7;--color-stroke-level-performance-chart: #FFF;--color-label-performance-chart: #FFF;--bg-score-chart: #FBFBFB;--color-circle-score-chart: #FFF;--color-arc-score-chart: #FF0101;--color-value-score-chart: #282D30;--color-text-score-chart: #74798C}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}html{font-family:var(--main-font-family)}#root{display:flex;flex-direction:column;min-width:800px}