@font-face{font-display:swap;font-family:Rubik;font-style:normal;font-weight:300;src:url(/assets/rubik-v28-latin-300-CnHqEbbs.woff2) format("woff2")}@font-face{font-display:swap;font-family:Rubik;font-style:normal;font-weight:400;src:url(/assets/rubik-v28-latin-regular-Bd548WEe.woff2) format("woff2")}@font-face{font-display:swap;font-family:Rubik;font-style:normal;font-weight:500;src:url(/assets/rubik-v28-latin-500-u2YmNvkZ.woff2) format("woff2")}:root{--ff-primary: "Rubik", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--fs-user-tab-desk: clamp(1.5rem, .3571rem + 2.381vi, 2.5rem);--fs-current-hrs-mob-tab: clamp(2rem, .5687rem + 6.1069vi, 3.5rem);--fs-body: 1.125rem;--fs-previous-hrs: .9375rem;--fs-report: .9375rem;--fw-1: 300;--fw-2: 400;--fw-3: 500}:root{--clr-user-bg: hsl(246, 80%, 60%);--clr-work: hsl(15, 100%, 70%);--clr-play: hsl(195, 74%, 62%);--clr-study: hsl(348, 100%, 68%);--clr-exercise: hsl(145, 58%, 55%);--clr-social: hsl(264, 64%, 52%);--clr-self-c: hsl(43, 84%, 65%);--clr-body-bg: hsl(226, 43%, 10%);--clr-cards-bg: hsl(235, 46%, 20%);--clr-card-hover: hsl(235, 41%, 34%);--clr-btn: hsl(235, 45%, 66%);--clr-light: hsl(0, 0%, 100%);--clr-previous-hrs: hsl(236, 100%, 87%);--clr-report: hsl(233, 100%, 93%)}html{font-size:100%}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}body{font-family:var(--ff-primary);font-size:var(--fs-body);line-height:1.16;color:var(--clr-light);background-color:var(--clr-body-bg)}h2{font-weight:var(--fw-3)}p,li,figcaption{text-wrap:pretty}img,picture,video,canvas,svg{display:block;max-inline-size:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{text-wrap:balance}a,a:visited,a:active{text-decoration:none}ul{list-style:none}.body{min-block-size:100vh;position:relative}.page-wrapper{inline-size:100%;max-inline-size:103.125rem}.main{padding-inline:clamp(24px,-27.5267px + 13.7405vi,78px);padding-block:clamp(81px,-6.7863px + 23.4097vi,173px)}.dashboard__profile{background-color:var(--clr-cards-bg);border-radius:.9375rem;grid-area:profile}.dashboard__profile-header{padding:32px;background-color:var(--clr-user-bg);border-radius:.9375rem}.dashboard__profile-avatar{border:.1875rem solid var(--clr-light);border-radius:50%;inline-size:4rem;block-size:4rem}.dashboard__profile-label{font-size:var(--fs-report);font-weight:var(--fw-2);color:var(--clr-report)}.dashboard__profile-name{font-size:var(--fs-user-tab-desk);font-weight:var(--fw-1)}.dashboard__tabs{padding-block-end:25px;padding-inline-start:36px;padding-inline-end:24px}.dashboard__tab{background-color:transparent;border:none;border-radius:.1875rem;color:var(--clr-btn);cursor:pointer;transition:color .3s}.dashboard__tab:focus-visible{outline:.125rem solid var(--clr-light);outline-offset:.125rem}.dashboard__tab--active{color:var(--clr-light)}.dashboard__card--work{grid-area:work}.dashboard__card--play{grid-area:play}.dashboard__card--study{grid-area:study}.dashboard__card--exercise{grid-area:exercise}.dashboard__card--social{grid-area:social}.dashboard__card--self-care{grid-area:self}.dashboard__card{border-radius:.9375rem;overflow:clip}.dashboard__card-decor--work{background-color:var(--clr-work)}.dashboard__card-decor--play{background-color:var(--clr-play)}.dashboard__card-decor--study{background-color:var(--clr-study)}.dashboard__card-decor--exercise{background-color:var(--clr-exercise)}.dashboard__card-decor--social{background-color:var(--clr-social)}.dashboard__card-decor--self-care{background-color:var(--clr-self-c)}.dashboard__card-icon--work{inline-size:4.9375rem;block-size:4.9375rem;margin-inline-end:17px;margin-block-start:-11px}.dashboard__card-icon--play{inline-size:4.9375rem;block-size:5rem;margin-inline-end:17px;margin-block-start:-5px}.dashboard__card-icon--study{inline-size:4.9375rem;block-size:4.9375rem;margin-inline-end:17px;margin-block-start:-6px}.dashboard__card-icon--exercise{inline-size:5.0625rem;block-size:3.4375rem;margin-inline-end:17px}.dashboard__card-icon--social{inline-size:4.6875rem;block-size:6.25rem;margin-inline-end:17px;margin-block-start:-14px}.dashboard__card-icon--self-care{inline-size:4.1875rem;block-size:4.1875rem;margin-inline-end:17px;margin-block-start:-11px}.dashboard__card-content{background-color:var(--clr-cards-bg);padding-inline:24px;padding-block:27.5px;border-radius:.9375rem;position:relative;z-index:1;transition:background-color .3s}.dashboard__card-content:hover,.dashboard__card-content:focus-within{background-color:var(--clr-card-hover)}.dashboard__card-content--work{margin-block-start:-27.7px}.dashboard__card-content--play{margin-block-start:-36px}.dashboard__card-content--study{margin-block-start:-33px}.dashboard__card-content--exercise{margin-block-start:-16px}.dashboard__card-content--social{margin-block-start:-47px}.dashboard__card-content--self-care{margin-block-start:-18px}.dashboard__card-title{font-size:var(--fs-body)}.dashboard__card-option-btn{background-color:transparent;border:none;border-radius:.125rem;cursor:pointer}.dashboard__card-option-btn:focus-visible{outline:.125rem solid var(--clr-light);outline-offset:.375rem}.dashboard__card-option-icon{inline-size:1.3125rem;block-size:.3125rem}.dashboard__card-hrs-current{font-size:var(--fs-current-hrs-mob-tab);font-weight:var(--fw-1)}.dashboard__card-hrs-previous{font-size:var(--fs-previous-hrs);font-weight:var(--fw-2);color:var(--clr-previous-hrs);white-space:nowrap}.attribution{position:absolute;inset-block-end:10px;inset-inline:0;font-size:12px;text-align:center;color:var(--clr-light)}.attribution__link{border-radius:3px;color:var(--clr-light);text-decoration:underline;transition:color .3s}.attribution__link:hover,.attribution__link:focus-visible{color:var(--clr-work)}.attribution__link:focus-visible{outline:3px solid var(--clr-light);outline-offset:2px}.body{display:grid;place-items:center}.page-wrapper{display:flex;flex-direction:column}.main{display:grid}.dashboard{display:grid;grid-auto-columns:1fr;grid-template-rows:12.6875rem;grid-auto-rows:10rem;gap:24px;grid-template-areas:"profile" "work" "play" "study" "exercise" "social" "self"}.dashboard__profile{display:flex;flex-direction:column;row-gap:24px}.dashboard__profile-header{display:flex;align-items:center;-moz-column-gap:24px;column-gap:24px}.dashboard__profile-title{display:flex;flex-direction:column;row-gap:8px}.dashboard__tabs{display:flex;justify-content:center;-moz-column-gap:clamp(24px,-7.4286px + 9.8214vi,68px);column-gap:clamp(24px,-7.4286px + 9.8214vi,68px)}.dashboard__card-decor{display:flex;justify-content:flex-end}.dashboard__card-content{display:flex;flex-direction:column;row-gap:8px}.dashboard__card-header{display:flex;align-items:center;justify-content:space-between}.dashboard__card-data{display:flex;justify-content:space-between;align-items:center}@media (width > 47.96875em){.dashboard{grid-auto-rows:13.3125rem;gap:clamp(24px,14.8571px + 1.1905vi,32px);grid-template-areas:"profile profile profile" "work play study" "exercise social self"}.dashboard__card-decor{block-size:3.1875rem}.dashboard__card-icon--work{inline-size:3.625rem;block-size:3.625rem;margin-inline-end:11px;margin-block-start:-7px}.dashboard__card-icon--play,.dashboard__card-icon--study{inline-size:3.625rem;block-size:3.625rem;margin-inline-end:11px;margin-block-start:-6px}.dashboard__card-icon--exercise{inline-size:3.66875rem;block-size:2.4625rem;margin-inline-end:11px;margin-block-start:-1px}.dashboard__card-icon--social{inline-size:3.39rem;block-size:4.60625rem;margin-inline-end:11px;margin-block-start:-11px}.dashboard__card-icon--self-care{inline-size:3.3125rem;block-size:3.3125rem;margin-inline-end:11px;margin-block-start:-10px}.dashboard__card-content{padding-inline:clamp(21.5px,11.7857px + 1.2649vi,30px);padding-block:clamp(25.5px,19.2143px + .8185vi,31px);row-gap:16px;block-size:11.25rem}.dashboard__card-content--work,.dashboard__card-content--play,.dashboard__card-content--study,.dashboard__card-content--exercise,.dashboard__card-content--social,.dashboard__card-content--self-care{margin-block-start:-18px}.dashboard__card-option-icon{inline-size:.969375rem;block-size:.24125rem}.dashboard__card-data{flex-direction:column;row-gap:8px;align-items:flex-start}}@media (width > 80em){.main{place-items:center}.dashboard{max-inline-size:69.75rem;max-block-size:32.5rem;grid-template-rows:15.25rem;grid-auto-rows:unset;grid-template-areas:"profile work play study" "profile exercise social self"}.dashboard__profile{max-inline-size:15.9375rem;row-gap:28px}.dashboard__profile-header{padding-inline-end:85px;padding-block-end:92px;flex-direction:column;align-items:flex-start;row-gap:40px}.dashboard__profile-title{row-gap:0}.dashboard__tabs{padding-block-end:32px;padding-inline-start:32px;padding-inline-end:24px;flex-direction:column;row-gap:21px}.dashboard__profile-avatar{inline-size:4.875rem;block-size:4.875rem}.dashboard__card-decor{block-size:3.9375rem}.dashboard__card-icon--work{inline-size:4.9375rem;block-size:4.9375rem;margin-inline-end:17px;margin-block-start:-11px}.dashboard__card-icon--play{inline-size:4.9375rem;block-size:5rem;margin-inline-end:17px;margin-block-start:-7px}.dashboard__card-icon--study{inline-size:4.9375rem;block-size:4.9375rem;margin-inline-end:17px;margin-block-start:-6px}.dashboard__card-icon--exercise{inline-size:5.0625rem;block-size:3.4375rem;margin-inline-end:17px}.dashboard__card-icon--social{inline-size:4.6875rem;block-size:6.25rem;margin-inline-end:17px;margin-block-start:-15px}.dashboard__card-icon--self-care{inline-size:4.1875rem;block-size:4.1875rem;margin-inline-end:17px;margin-block-start:-11px}.dashboard__card-content{row-gap:24px;block-size:12.4375rem}.dashboard__card-option-icon{inline-size:1.3125rem;block-size:.3125rem}}