html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}*[hidden]{display:none}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--spacing-3xs: 1px;--spacing-2xs: 2px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 32px;--spacing-xl: 64px;--spacing-2xl: 128px;--spacing-3xl: 256px;--font-size-3xs: .5rem;--font-size-2xs: .625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--light-gray: rgba(242, 242, 242, .33)}*{box-sizing:border-box;font-family:Roboto,sans-serif;letter-spacing:.5px}#root{display:grid;grid-template-rows:96px minmax(768px,auto);grid-template-columns:96px auto}.header{width:100%;position:fixed;background-color:#000;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);box-shadow:0 0 var(--spacing-sm) 0 #000;grid-column:1 / 3;grid-row:1;z-index:2;height:96px}.header__nav{width:100%}.header__nav__list{display:flex;justify-content:space-around}.header__nav__list li{font-size:var(--font-size-lg)}.aside{position:fixed;display:flex;background:#000;justify-content:center;align-items:center;padding:var(--spacing-lg) var(--spacing-md);grid-column:1 / 2;grid-row:2 / 3;top:0;height:100%;width:96px;z-index:1}.aside img{background:#fff;padding:var(--spacing-md);border-radius:var(--spacing-sm);width:100%}.aside p{font-size:var(--font-size-xs);color:#fff;writing-mode:vertical-lr;transform:rotate(180deg);position:absolute;bottom:var(--spacing-lg)}.aside__icons{display:flex;flex-direction:column;gap:var(--spacing-md)}.main{grid-row:2 / 3;grid-column:2 / 3;padding:var(--spacing-lg)}.greeting{margin-bottom:var(--spacing-xl)}.greeting h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-lg)}.greeting h1 span{color:red}.dashboard{display:flex;flex-direction:row;justify-content:space-between;gap:var(--spacing-lg)}.dashboard__metrics{display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%}.dashboard__metrics-container{background-color:var(--light-gray);padding:var(--spacing-lg);height:300px}.dashboard__metrics-header{display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.dashboard__metrics-legend{display:flex;gap:var(--spacing-lg)}.dashboard__metrics-legend-item{display:flex;gap:var(--spacing-sm);align-items:center}.dashboard__metrics-legend-icon{width:12px;height:12px;aspect-ratio:1 / 1;border-radius:100%}.dashboard__metrics-legend-text{color:gray}.dashboard__metrics>*{border-radius:var(--spacing-sm)}.dashboard__metrics__daily{height:320px;padding:var(--spacing-md);background-color:var(--light-gray)}.dashboard__metrics__average{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--spacing-lg);justify-items:stretch}.dashboard__metrics__average>*{padding:var(--spacing-lg);background-color:var(--light-gray);border-radius:var(--spacing-sm);aspect-ratio:1/1;height:100%;max-height:300px}.dashboard__metrics__average-session{background:red;padding:var(--spacing-lg) 0}.dashboard__metrics__average-title{margin:0 33% var(--spacing-sm) 15%;color:#fff}.dashboard__metrics__average-performance{background:#282d30}.dashboard__metrics__average-score h3{color:#000}.dashboard__macro{width:fit-content;min-width:225px;display:grid;align-content:space-between}.dashboard__macro__infos{border-radius:var(--spacing-sm)}.dashboard__macro article{padding:var(--spacing-lg);background-color:var(--light-gray);display:flex;gap:var(--spacing-md);align-items:center;border-radius:var(--spacing-xs);justify-content:space-between;height:fit-content}.dashboard__macro p:first-child{font-weight:700;margin-bottom:var(--spacing-sm)}.dashboard__macro p:last-child{font-size:var(--font-size-xs);color:#74798c}.calories{background-color:#ff00001a;padding:var(--spacing-md);border-radius:var(--spacing-xs)}.proteines{background-color:#3399ff26;padding:var(--spacing-md);border-radius:var(--spacing-xs)}.glucides{background-color:#ffff0026;padding:var(--spacing-md);border-radius:var(--spacing-xs)}.lipides{background-color:#ff668526;padding:var(--spacing-md);border-radius:var(--spacing-xs)}line.recharts-cartesian-axis-tick-line{display:none}.popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3}.popup__container{position:relative}.popup__content{background:#000;color:#fff;padding:var(--spacing-xl);border:var(--spacing-xs) solid red;border-radius:var(--spacing-sm);overflow:hidden;display:flex;flex-direction:column;gap:var(--spacing-md)}.popup__title{font-size:var(--font-size-2xl)}.popup__text{line-height:1.25}.popup__close{position:absolute;background:#000;color:#fff;border:var(--spacing-xs) solid red;top:-16px;right:-16px;padding:var(--spacing-sm);aspect-ratio:1 / 1;border-radius:100%;cursor:pointer}@media (max-width: 1440px){.dashboard__metrics__average-title{margin:0 15% var(--spacing-sm) 15%}.dashboard__metrics__average-session{padding:var(--spacing-md) 0 var(--spacing-lg) 0}.dashboard__metrics__average-score,.dashboard__metrics__average-performance{padding:var(--spacing-md)}.dashboard__macro{min-width:initial}.dashboard__macro__infos{padding:var(--spacing-md)}}.pulsate-bck{animation:pulsate-bck .9s ease-in-out 3 both}@keyframes pulsate-bck{0%{transform:scale(1)}50%{transform:scale(1.01)}to{transform:scale(1)}}