*,:before,:after{box-sizing:inherit;margin:0;padding:0}html{background-color:#0f1424;font-size:62.5%}body{box-sizing:border-box;color:#fff;justify-content:center;align-items:center;max-width:60rem;min-height:100vh;margin:0 auto;padding:8rem 3rem;font-family:Rubik,sans-serif;font-size:1.6rem;font-weight:400;line-height:1.2;display:flex}@media (width>=62em){body{max-width:114rem;padding:3rem}}p,h1,h2,h3{word-break:break-word}h1,h2,h3{font-weight:500}h3{font-size:1.8rem}@font-face{font-family:Rubik;src:url(Rubik-Light.ec569f67.woff2)format("woff2"),url(Rubik-Light.43f608c5.woff)format("woff"),url(Rubik-Light.910abd23.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Rubik;src:url(Rubik-Regular.fd6f24e2.woff2)format("woff2"),url(Rubik-Regular.64d775f7.woff)format("woff"),url(Rubik-Regular.61812f7c.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Rubik;src:url(Rubik-Medium.b18bfea6.woff2)format("woff2"),url(Rubik-Medium.1ea02978.woff)format("woff"),url(Rubik-Medium.926894c3.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}.dashboard{grid-template-columns:1fr;gap:3rem;width:85vw;max-width:60rem;display:grid}@media (width>=62em){.dashboard{grid-template-columns:minmax(10vw,25rem) 1fr;max-width:100rem}}.dashboard__header{background-color:#1c1f4a;border-radius:1.5rem;flex-direction:column;display:flex;overflow:hidden}.dashboard__info{background-color:#5647ea;border-radius:1.5rem;align-items:center;gap:2rem;padding:2em;display:flex}@media (width>=62em){.dashboard__info{flex-direction:column;flex-grow:1;align-items:flex-start;gap:4rem}}.dashboard__img{border:.4rem solid #fff;border-radius:50%;width:6rem;max-width:100%}@media (width>=48em){.dashboard__img{width:8rem}}.dashboard__details{flex-direction:column;gap:.5rem;display:flex}@media (width>=62em){.dashboard__details{gap:1rem}}.dashboard__title{color:#bdc1ff;font-size:calc(.5rem + 2.2vw);font-weight:400}@media (width>=48em){.dashboard__title{font-size:1.8rem}}.dashboard__name{font-size:calc(.5rem + 4.2vw);font-weight:300}@media (width>=48em){.dashboard__name{font-size:3.8rem}}.dashboard__period{justify-content:space-between;align-items:center;gap:2rem;padding:1.4em 2em;display:flex}@media (width>=62em){.dashboard__period{flex-direction:column;flex-grow:1;justify-content:center;align-items:flex-start;padding:2em}}.dashboard__period-item{color:#6f76c8;-webkit-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:#00000080;font-size:1.6rem;font-weight:400;transition:color .2s}.dashboard__period-radio{display:none}.dashboard__period-radio:checked+*{color:#fff}.dashboard__main{grid-template-columns:1fr;gap:3rem;list-style-type:none;display:grid}@media (width>=62em){.dashboard__main{grid-template-columns:1fr 1fr 1fr}}.dashboard__item{border-radius:1.5rem;flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.dashboard__item--loading .dashboard__report{grid-template-columns:1fr 2fr}@media (width>=62em){.dashboard__item--loading .dashboard__report{grid-template-columns:1fr auto}}.dashboard__item--loading .dashboard__time,.dashboard__item--loading .dashboard__previous{background-color:#1c1f4a;background-image:linear-gradient(110deg,#0f1424 8%,#1c1f4a 18%,#0f1424 33%);background-size:200% 100%;border-radius:5px;height:4rem;animation:1.5s linear infinite shine}.dashboard__item--loading .dashboard__previous *{visibility:hidden}.dashboard__item--work{background-color:#ff8c66}.dashboard__item--play{background-color:#56c2e6}.dashboard__item--study{background-color:#ff5c7c}.dashboard__item--exercise{background-color:#4acf81}.dashboard__item--social{background-color:#7536d3}.dashboard__item--self-care{background-color:#f1c65b}@keyframes shine{to{background-position-x:-200%}}.dashboard__icon{width:6rem;position:absolute;top:-.8rem;left:100%;transform:translate(calc(-100% - 1rem))}.dashboard__report{z-index:10;background-color:#1c1f4a;border-radius:1.5rem 1.5rem 0 0;grid-template-columns:auto 1fr;align-items:center;gap:.5rem 1rem;margin-top:4rem;padding:2em;display:grid;position:relative}@media (width>=62em){.dashboard__report{grid-template-columns:1fr auto;align-items:start}}.dashboard__time{font-size:2.8rem;font-weight:300}@media (width>=62em){.dashboard__time{grid-column:1/3;padding-top:2rem}}.dashboard__menu-icon-container{text-align:right}.dashboard__menu-icon{width:2rem}.dashboard__previous{color:#bdc1ff;text-align:right;padding-top:.5rem;font-size:1.4rem}@media (width>=62em){.dashboard__previous{text-align:left;grid-column:1/3}}
/*# sourceMappingURL=index.5bcf6a76.css.map */