@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";.activity-card{background-position:93% -12%;background-repeat:no-repeat;border-radius:15px 15px 36px 36px;padding-top:40px}@media (min-width: 672px){.activity-card{background-position:93% -5%;background-size:32%;max-width:188px;padding-top:32px}}.activity-card--work{background-image:url(public/images/icon-work.svg);background-color:#ff8b64}.activity-card--play{background-image:url(public/images/icon-play.svg);background-color:#55c2e6}.activity-card--study{background-image:url(public/images/icon-study.svg);background-color:#ff5e7d}.activity-card--exercise{background-image:url(public/images/icon-exercise.svg);background-color:#4bcf82}.activity-card--social{background-image:url(public/images/icon-social.svg);background-color:#7335d2}.activity-card--self-care{background-image:url(public/images/icon-self-care.svg);background-color:#f1c75b}.activity-card__body{background-color:#1c204b;border-radius:15px;padding:24px}.activity-card__header{align-items:center;display:flex;justify-content:space-between;margin-top:4px}.activity-card__title{font-size:18px;font-family:Rubik,sans-serif;font-weight:500;line-height:1.15;letter-spacing:normal;font-style:normal;color:#fff}.activity-card__menu-button{background-color:transparent;border:none;cursor:pointer;font-size:18px;height:16px;padding:0;width:16px}.activity-card__times{align-items:center;display:flex;justify-content:space-between;margin-top:8px}@media (min-width: 672px){.activity-card__times{flex-direction:column;gap:8px}}.activity-card__current-time{font-size:32px;font-family:Rubik,sans-serif;font-weight:300;line-height:1.2;letter-spacing:normal;font-style:normal;color:#fff}@media (min-width: 672px){.activity-card__current-time{font-size:56px;font-family:Rubik,sans-serif;font-weight:300;line-height:1.2;letter-spacing:normal;font-style:normal;align-items:start}}.activity-card__previous-time{font-size:15px;font-family:Rubik,sans-serif;font-weight:400;line-height:1.2;letter-spacing:normal;font-style:normal;color:#bbc0ff}.activity-dashboard{margin-top:24px;display:grid;gap:24px}@media (min-width: 672px){.activity-dashboard{grid-template-columns:repeat(3,1fr)}}@media (min-width: 912px){.activity-dashboard{margin-top:0;margin-left:24px}}.user-profile-card__button{font-size:18px;font-family:Rubik,sans-serif;font-weight:400;line-height:1.15;letter-spacing:normal;font-style:normal;background:none;border:none;color:#7078c9;cursor:pointer}.user-profile-card{width:100%}@media (min-width: 912px){.user-profile-card{max-width:255px}}.user-profile-card__header{align-items:center;background-color:#5747ea;border-radius:15px;display:flex;gap:24px;justify-content:center;padding:24px;position:relative;z-index:2}@media (min-width: 672px){.user-profile-card__header{justify-content:flex-start}}@media (min-width: 912px){.user-profile-card__header{flex-direction:column;align-items:flex-start}}.user-profile-card__avatar{border-radius:50%;border:solid 4px #ffffff;height:72px;width:72px}.user-profile-card__label{font-size:15px;font-family:Rubik,sans-serif;font-weight:400;line-height:1.2;letter-spacing:normal;font-style:normal;color:#bbc0ff}.user-profile-card__name{font-size:24px;font-family:Rubik,sans-serif;font-weight:300;line-height:1.15;letter-spacing:normal;font-style:normal;color:#fff;margin-top:8px}@media (min-width: 912px){.user-profile-card__name{font-size:40px;font-family:Rubik,sans-serif;font-weight:300;line-height:1.2;letter-spacing:normal;font-style:normal}}.user-profile-card__timeframe-selector{background-color:#1c204b;border-bottom-left-radius:15px;border-bottom-right-radius:15px;display:flex;gap:24px;justify-content:center;margin-top:-16px;padding:40px 24px 24px}.user-profile-card__timeframe-selector:active{color:#fff}@media (min-width: 672px){.user-profile-card__timeframe-selector{gap:40px}}@media (min-width: 912px){.user-profile-card__timeframe-selector{gap:24px;flex-direction:column;align-items:start}}body{align-items:center;background-color:#0e1323;display:flex;flex-direction:column;min-height:100vh;justify-content:center}.main-layout{margin-top:80px;margin-bottom:80px}@media (min-width: 672px){.main-layout{margin:auto;padding:0 16px}}@media (min-width: 912px){.main-layout{display:flex}}#app{display:contents}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}.hidden{display:none}