@import"https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500&display=swap";*{margin:0;box-sizing:border-box;padding:0}html{min-height:100vh}html body{font-family:"Rubik";background-color:#0f1424;min-height:100vh}html body .root{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh}html body .root .grid{display:grid;grid-template-columns:repeat(4, minmax(200px, 250px));padding:1.5rem;gap:1.5rem}html body .root .grid .card{min-height:100%}html body .root .grid .card .container{padding:2rem 1.5rem;border-radius:10px;transition:background-color .1s}html body .root .grid .card.profile{grid-row:1/span 2;display:flex;flex-direction:column}html body .root .grid .card.profile .container{flex:1;display:grid;grid-auto-rows:max-content;grid-template-columns:1fr;background-color:#5847eb;margin-bottom:-10px;z-index:1}html body .root .grid .card.profile .container .image{width:65px;aspect-ratio:1/1;border-radius:100%;background-color:#fafafa;padding:2px}html body .root .grid .card.profile .container .label{font-size:1rem;margin-top:1.5rem;font-weight:400;color:#bdc1ff}html body .root .grid .card.profile .container .title{font-weight:300;margin-top:0rem;font-size:2rem;color:#fafafa}html body .root .grid .card.profile nav{padding:1.5rem;background-color:#1c1f4a;border-radius:10px;padding-top:calc(1.5rem + 10px)}html body .root .grid .card.profile nav .list{display:flex;flex-direction:column;list-style:none;gap:1rem}html body .root .grid .card.profile nav .list .item{font-weight:400}html body .root .grid .card.profile nav .list .item .link{font-size:1rem;text-decoration:none;color:#bdc1ff;transition:color .1s}html body .root .grid .card.profile nav .list .item .link:hover,html body .root .grid .card.profile nav .list .item .link.active{color:#f0f1ff}html body .root .grid .card.state{display:flex;flex-direction:column}html body .root .grid .card.state::before{content:"";height:55px}html body .root .grid .card.state::before{border-radius:10px 10px 0px 0px;background-color:#6f76c8;background-repeat:no-repeat;margin-bottom:-10px;background-position-x:calc(100% - 20px)}html body .root .grid .card.state.work::before{background-color:#ff8c66;background-image:url(../images/icon-work.svg);background-position-y:-10px}html body .root .grid .card.state.play::before{background-color:#56c2e6;background-image:url(../images/icon-play.svg);background-position-y:-5px}html body .root .grid .card.state.study::before{background-color:#ff5c7c;background-image:url(../images/icon-study.svg);background-position-y:-5px}html body .root .grid .card.state.exercise::before{background-color:#4acf81;background-image:url(../images/icon-exercise.svg);background-position-y:0px}html body .root .grid .card.state.social::before{background-color:#7536d3;background-image:url(../images/icon-social.svg);background-position-y:-15px}html body .root .grid .card.state.self-care::before{background-color:#f1c65b;background-image:url(../images/icon-self-care.svg);background-position-y:-10px}html body .root .grid .card.state .container{display:grid;grid-template-columns:1fr;background-color:#1c1f4a;cursor:pointer}html body .root .grid .card.state .container:hover{background-color:#292f70}html body .root .grid .card.state .container header{display:flex;flex-direction:row;justify-content:space-between}html body .root .grid .card.state .container header .title{font-weight:400;color:#fafafa;font-size:1rem;line-height:1rem;min-height:1rem}html body .root .grid .card.state .container header .ellipsis{display:flex;justify-content:center;align-items:center;cursor:pointer;filter:brightness(0.8);transition:filter .1s}html body .root .grid .card.state .container header .ellipsis:hover{filter:brightness(1.2)}html body .root .grid .card.state .container .current{font-weight:300;font-size:3rem;line-height:3rem;min-height:3rem;color:#fafafa;margin-top:1.5rem}html body .root .grid .card.state .container footer .previous{font-weight:400;font-size:.75rem;line-height:.75rem;min-height:.75rem;color:#bdc1ff;margin-top:.5rem}html body .root .grid .attribution{font-size:.75rem;text-align:center;grid-column:1/span 4;color:#bdc1ff}html body .root .grid .attribution a{color:#f0f1ff}@media screen and (max-width: 530px){html body .root .grid{grid-template-columns:1fr;width:100%}html body .root .grid .card.profile{grid-row:1/span 1}html body .root .grid .card.profile .container{grid-template-columns:max-content auto;align-items:center;column-gap:1rem}html body .root .grid .card.profile .container .image{grid-row:1/span 2}html body .root .grid .card.profile .container .label{margin-top:0}html body .root .grid .card.profile .container .title{font-size:1.5rem}html body .root .grid .card.profile nav .list{flex-direction:row;justify-content:space-between}html body .root .grid .card.state::before{content:"";height:45px}html body .root .grid .card.state .container{display:grid;grid-template-columns:1fr 1fr;background-color:#1c1f4a;justify-content:space-between;cursor:pointer}html body .root .grid .card.state .container header{grid-column:1/span 2}html body .root .grid .card.state .container .current{font-size:2rem;margin-top:.5rem}html body .root .grid .card.state .container footer{display:flex;align-items:center;justify-content:right}html body .root .grid .attribution{grid-column:1/span 1;display:flex;flex-direction:column;row-gap:.5rem}}@media screen and (min-width: 531px)and (max-width: 768px){html body .root .grid{grid-template-columns:repeat(2, minmax(200px, 250px))}html body .root .grid .card.profile{grid-row:1/span 2}html body .root .grid .card.profile nav .list{flex-direction:row;justify-content:space-between}html body .root .grid .attribution{grid-column:1/span 2}}@media screen and (min-width: 769px)and (max-width: 1024px){html body .root .grid{grid-template-columns:repeat(3, minmax(200px, 250px))}html body .root .grid .card.profile{grid-row:1/span 3}html body .root .grid .card.profile nav .list{flex-direction:row;justify-content:space-between}html body .root .grid .attribution{grid-column:1/span 3}}/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22index.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAAQ,sFAER,EACE,SACA,sBACA,UAGF,KACE,iBAEA,UACE,oBACA,yBACA,iBAEA,gBACE,aACA,sBACA,uBACA,mBACA,iBAEA,sBACE,aACA,sDACA,eACA,WAEA,4BACE,gBAEA,uCACE,oBACA,mBACA,gCAGF,oCACE,kBACA,aACA,sBAEA,+CACE,OACA,aACA,2BACA,0BACA,yBACA,oBACA,UAEA,sDACE,WACA,iBACA,mBACA,yBACA,YAGF,sDACE,eACA,kBACA,gBACA,cAGF,sDACE,gBACA,gBACA,eACA,cAIJ,wCACE,eACA,yBACA,mBACA,gCAEA,8CACE,aACA,sBACA,gBACA,SAEA,oDACE,gBAEA,0DACE,eACA,qBACA,cACA,qBAEA,iIAEE,cAQZ,kCACE,aACA,sBAEA,0CACE,WACA,YAGF,0CACE,gCACA,yBACA,4BACA,oBACA,wCAGF,+CACE,yBACA,8CACA,4BAGF,+CACE,yBACA,8CACA,2BAGF,gDACE,yBACA,+CACA,2BAGF,mDACE,yBACA,kDACA,0BAGF,iDACE,yBACA,gDACA,4BAGF,oDACE,yBACA,mDACA,4BAGF,6CACE,aACA,0BACA,yBACA,eAEA,mDACE,yBAGF,oDACE,aACA,mBACA,8BAEA,2DACE,gBACA,cACA,eACA,iBACA,gBAGF,8DACE,aACA,uBACA,mBACA,eACA,uBACA,sBAEA,oEACE,uBAKN,sDACE,gBACA,eACA,iBACA,gBACA,cACA,kBAIA,8DACE,gBACA,iBACA,mBACA,kBACA,cACA,iBAOV,mCACE,iBACA,kBACA,qBACA,cAEA,qCACE,cAKN,qCACE,sBACE,0BACA,WAGE,oCACE,kBAEA,+CACE,uCACA,mBACA,gBAEA,sDACE,kBAGF,sDACE,aAGF,sDACE,iBAKF,8CACE,mBACA,8BAMJ,0CACE,WACA,YAGF,6CACE,aACA,8BACA,yBACA,8BACA,eAEA,oDACE,qBAGF,sDACE,eACA,iBAGF,oDACE,aACA,mBACA,sBAMR,mCACE,qBACA,aACA,sBACA,eAKN,2DACE,sBACE,sDAGE,oCACE,kBAGE,8CACE,mBACA,8BAMR,mCACE,sBAKN,4DACE,sBACE,sDAGE,oCACE,kBAGE,8CACE,mBACA,8BAMR,mCACE%22,%22file%22:%22index.css%22%7D */