:root{--colorBlue:#5847eb;--colorLightOrange:#ff8c66;--colorSoftBlue:#56c2e6;--colorLightRed:#ff5c7c;--colorLimeGreen:#4acf81;--colorViolet:#7536d3;--colorSoftYellow:#f1c65b;--colorVeryDarkBlue:#0f1424;--colorDarkBlue:#1c1f4a;--colorDesaturatedBlue:#6f76c8;--colorPaleBlue:#bdc1ff;--fontWeightLight:300;--fontWeightRegular:400;--fontWeightBold:500}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Rubik,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}#root{background-color:#0f1424;background-color:var(--colorVeryDarkBlue)}@media only screen and (min-width:768px){#root{display:flex;height:100vh}}.App{padding:84px 24px}@media only screen and (min-width:768px){.App{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 3fr;margin:auto;max-width:1150px}}.user-info-container{background-color:#1c1f4a;background-color:var(--colorDarkBlue);border-radius:16px}@media only screen and (min-width:768px){.user-info-container{display:flex;flex-direction:column}}.user-info{background-color:#5847eb;background-color:var(--colorBlue);border-radius:inherit;display:flex;padding:32px}@media only screen and (min-width:768px){.user-info{flex-direction:column}}.user-name-container{flex-grow:1;padding-left:16px}.user-name-container p{margin:8px 0}@media only screen and (min-width:768px){.user-name-container{padding:24px 0 44px}}.avatar{align-self:center;border:3px solid #fff;border-radius:36px;height:64px;width:64px}@media only screen and (min-width:768px){.avatar{align-self:flex-start;border-radius:40px;height:72px;width:72px}}.report-for{color:#bdc1ff;color:var(--colorPaleBlue);font-size:15px;font-weight:400;font-weight:var(--fontWeightRegular)}.user-name{color:#fff;font-size:24px;font-weight:300;font-weight:var(--fontWeightLight)}@media only screen and (min-width:768px){.user-name{font-size:36px}}.tabs-container{background-color:#1c1f4a;background-color:var(--colorDarkBlue);border-radius:inherit;display:flex;justify-content:space-between;padding:28px 32px}@media only screen and (min-width:768px){.tabs-container{display:grid;flex-grow:1;grid-template-rows:1fr 1fr 1fr;padding:16px 32px}}.tab{background:transparent;color:#6f76c8;color:var(--colorDesaturatedBlue);cursor:pointer;font-size:18px;transition:color .2s ease-in-out}.tab.active,.tab:hover{color:#fff}@media only screen and (min-width:768px){.tab{align-self:center}}.track-container{grid-gap:28px;display:grid;gap:28px;padding:24px 0}@media only screen and (min-width:768px){.track-container{grid-template-columns:1fr 1fr 1fr;padding:0}}.track{border-radius:16px;overflow:hidden;padding-top:40px;position:relative}.track-icon{position:absolute;right:16px;top:-10px}.track-inner{grid-gap:4px;background-color:#1c1f4a;background-color:var(--colorDarkBlue);border-radius:inherit;cursor:pointer;display:grid;gap:4px;height:100%;padding:28px;position:relative;transition:background-color .2s ease-in-out}.track-inner:hover{background-color:#6f76c8;background-color:var(--colorDesaturatedBlue)}.track-title-container{display:flex;justify-content:space-between}.track-title{color:#fff;font-weight:500;font-weight:var(--fontWeightBold);margin:0}.track-ellipsis{align-self:center;height:5px}.track-ellipsis:hover{color:#fff}.track-value-container{display:flex;justify-content:space-between}@media only screen and (min-width:768px){.track-value-container{flex-direction:column;margin-top:16px}}.track-value{color:#fff;font-size:36px;font-weight:300;font-weight:var(--fontWeightLight);margin:0}.track-previous-value{align-self:center;color:#bdc1ff;color:var(--colorPaleBlue);font-size:14px;margin:0}@media only screen and (min-width:768px){.track-value{font-size:48px}.track-previous-value{align-self:flex-start;margin-top:8px}}.track.work{background-color:#ff8c66;background-color:var(--colorLightOrange)}.track.play{background-color:#56c2e6;background-color:var(--colorSoftBlue)}.track.study{background-color:#ff5c7c;background-color:var(--colorLightRed)}.track.exercise{background-color:#4acf81;background-color:var(--colorLimeGreen)}.track.social{background-color:#7536d3;background-color:var(--colorViolet)}.track.self-care{background-color:#f1c65b;background-color:var(--colorSoftYellow)}
/*# sourceMappingURL=main.36f0d091.css.map*/