.logo{display:inline-block;margin-right:6rem}.navbar{display:inline-block;width:100%;max-width:99.5rem}.navbar ul{list-style:none}.navbar li{display:inline-block;margin-right:1.5rem;line-height:1.6}.navbar li:last-child{margin-right:0}.navbar a{color:#fff;font-size:var(--font-size-navbar);font-weight:600;text-decoration:none;transition:color .3s ease}.navbar a:hover{color:var(--color-red)}@media (min-width: 905px){.navbar ul{display:flex;justify-content:space-between;list-style:none}.navbar li{margin-right:6rem;line-height:initial}}header{position:fixed;z-index:1;top:0;left:0;right:0;display:flex;justify-content:space-between;flex-direction:column;width:100%;padding:2rem 3rem;background-color:var(--color-black);color:#fff;box-shadow:0 .4rem 1rem #0009}@media (min-width: 905px){header{flex-direction:row;align-items:center}}.sidebar{order:1;position:fixed;top:15rem;left:0;bottom:0;display:flex;flex-direction:column;height:100%;min-height:60rem;padding:2rem 1rem;background-color:var(--color-black);color:#fff;box-shadow:0 .4rem 1rem #0009}.sidebar ul{display:flex;flex-direction:column;align-items:center;list-style:none}.sidebar a{color:#fff;text-decoration:none}.sidebar a:hover .icon{transform:scale(1.1)}.sidebar .icon{display:block;width:4rem;height:auto;margin-bottom:1rem;transition:transform .3s ease}.sidebar .copyright{display:flex;align-items:center;margin-top:2rem;writing-mode:vertical-rl;transform:rotate(-180deg);font-size:1.2rem}@media (min-width: 361px){.sidebar{top:13rem}}@media (min-width: 905px){.sidebar{top:10rem;width:12rem;padding:2rem 3rem}.sidebar .icon{width:6rem;margin-bottom:2rem}}main{order:2;display:flex;align-items:center;flex-direction:column;width:100%;max-width:144rem;margin-left:auto;margin-right:auto;padding:18.5rem 2.5rem 2.5rem 8.5rem}@media (min-width: 392px){main{padding-top:15.5rem}}@media (min-width: 905px){main{padding:14.5rem 4.5rem 4.5rem 16.5rem}}.user-selector{display:flex;gap:2rem}.user-link{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .3s ease-in-out;text-decoration:none}.user-link p{margin-top:.5rem;font-weight:700;color:var(--color-grey);transition:color .3s ease}.user-image{display:flex;justify-content:center;align-items:center;border-radius:50%;transition:all .3s ease}.user-image svg{width:8rem;height:8rem;transition:transform .3s ease,filter .3s ease;fill:var(--color-grey)}.user-link:hover .user-image{filter:brightness(1.2);transform:scale(1.1)}.user-link:hover p{color:var(--color-grey-light)}@media (min-width: 905px){.user-link span{margin-top:1rem}.user-image svg{width:10rem;height:10rem}}.session-length-chart--tooltip{background-color:var(--color-white);color:var(--color-black);padding:.5rem;font-size:1rem;font-weight:500}.session-length-chart{position:relative;padding:0!important;background:var(--color-red)!important}.session-length-chart .chart-title{position:absolute;top:2rem;left:2rem}.session-length-chart .chart-title .white-color{display:block;max-width:14rem;color:#ffffffb3;line-height:1.6}.session-length-chart .recharts-wrapper{width:100%;height:100%}.session-length-chart .recharts-responsive-container{width:100%!important;height:100%!important}.activity-type-chart{display:flex;justify-content:center;align-items:center;width:100%;height:260px;aspect-ratio:1 / 1;padding:0!important}.recharts-pie-sector{stroke:transparent!important}.score-container{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:260px;padding:0;aspect-ratio:1 / 1}.score-title{position:absolute;top:1.5rem;left:1.5rem;font-size:16px;font-weight:500}.score-legend{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.score-legend span{display:block;font-size:2.6rem;font-weight:500}.score-legend span:nth-of-type(2){width:8rem;margin-top:5px;color:var(--color-grey);font-size:1.4rem;font-weight:500;line-height:1.4}.error-message{color:var(--color-red);font-weight:700;text-align:center}path.recharts-sector:focus{outline:none}@media (min-width: 905px){.score-title{top:3rem;left:3rem}}.dashboard{width:100%}.dashboard-content{display:flex;flex-direction:column;margin-top:6rem}.charts-container{width:100%;margin-right:3rem}.small-charts{display:grid;grid-template-columns:1fr;gap:20px}.stats-container{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.dashboard-title .highlight{color:var(--color-red)}.activity-chart,.spent-energy,.session-length-chart,.score-container{margin-bottom:4rem;padding:1.5rem;background:var(--color-grey-lighter);border-radius:.5rem;overflow:hidden}.spent-energy{display:flex;flex-direction:column;padding:.5rem}.spent-energy--icon{margin-bottom:1.5rem}.spent-energy--number{font-size:1rem;font-weight:700}.spent-energy--name{font-size:1rem}.chart-title{margin-right:auto;margin-bottom:1rem;font-size:1.5rem;font-weight:500}.recharts-text{font-size:1.4rem}.activity-chart--legend{color:var(--color-grey);font-size:1.4rem;line-height:1}.activity-chart--tooltip{display:flex;flex-direction:column;background-color:var(--color-red-dark);color:var(--color-white);padding:1rem;font-size:1rem;text-align:center;line-height:2}.custom-legend{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;margin-bottom:6rem}.chart-legend{display:flex;align-items:center;gap:1rem;margin-top:.5rem}.recharts-surface{width:1rem;height:1rem}.legend-color{flex-shrink:0;width:8px;height:8px;border-radius:50%}@media (min-width: 1200px){.dashboard-content{flex-direction:row}.stats-container{grid-auto-rows:max-content;gap:0;width:30%;max-width:26rem}.activity-chart,.spent-energy,.session-length-chart,.score-container{padding:3rem}.spent-energy{display:flex;flex-direction:row;flex-grow:1;align-items:center;padding:1.5rem}.spent-energy--icon{margin-bottom:0;width:6rem;height:6rem}.spent-energy--info{margin-left:2.5rem}.spent-energy--number{font-size:2rem}.spent-energy--name{font-size:1.4rem}.custom-legend{flex-direction:row}.chart-legend{margin-right:3rem}.chart-legend:last-of-type{margin-right:0}.stats-container{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr)}}@media (min-width: 1200px){.small-charts{grid-template-columns:repeat(3,1fr)}}.error404{color:var(--color-red);font-size:10rem}@media (min-width: 905px){.error404{font-size:20rem}}:root{--color-black: #020203;--color-black-alt: #282d30;--color-white: #ffffff;--color-red: #FF0101;--color-red-dark: #E60000;--color-pink: #fcc8d5;--color-blue: #7cd7fa;--color-grey: grey;--color-grey-dark: #282D30;--color-grey-light: #9a9a9a;--color-grey-lighter: #FBFBFB;--color-grey-lighter-alt: #DEDEDE;--font-primary: "Roboto", serif;--font-size-base: 1.6rem;--font-size-navbar: 1.6rem}*{margin:0;padding:0;box-sizing:border-box}html{font-size:10px;scroll-behavior:smooth}h1{font-size:2.4rem;margin-bottom:1.5rem}p{margin-bottom:1rem}body{color:#000;font-family:var(--font-primary);font-size:var(--font-size-base);font-optical-sizing:auto;overflow-y:scroll}.container{display:flex;height:100vh}@media (min-width: 905px){:root{--font-size-navbar: 2.4rem}h1{font-size:3.6rem;margin-bottom:3rem}body{overflow-y:scroll}}