:root{--purple-600: hsl(246, 80%, 60%);--orange: hsl(15, 100%, 70%);--blue: hsl(195, 74%, 62%);--pink: hsl(348, 100%, 68%);--green: hsl(145, 58%, 55%);--purple: hsl(264, 64%, 52%);--yellow: hsl(43, 84%, 65%);--navy-950: hsl(226, 43%, 10%);--navy-900: hsl(235, 46%, 20%);--navy-200: hsl(236, 100%, 87%);--purple-500: hsl(235, 45%, 61%);--color-neutral: hsl(0, 0%, 100%);--color-muted: hsla(236, 100%, 87%, 0.5);--color-surface-hover: rgba(52, 57, 123, 255);--spacing-xs: 0.3rem;--spacing-sm: 0.75rem;--spacing-md-1: 1rem;--spacing-md-2: 1.5rem;--spacing-lg-1: 2rem;--spacing-lg-2: 2.5rem;--spacing-xl-1: 3rem;--spacing-xl-2: 4rem;--spacing-xxl: 5rem}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:1.125rem}body{align-content:center;min-height:100vh;font-family:"Rubik",Arial,Helvetica,sans-serif;background-color:var(--navy-950)}body.loading{visibility:hidden}button{font-family:inherit}img{display:block;max-width:100%}ul{list-style-type:none}.tracking-card__user{display:grid}.tracking-card__user-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md-2);background-color:var(--purple-600)}.tracking-card__user-image{width:4rem;border:3px solid var(--color-neutral);border-radius:100%}.tracking-card__user-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.tracking-card__user-text{color:var(--navy-200);font-size:.7rem}.tracking-card__user-name{color:var(--color-neutral);font-weight:300}.tracking-card__filter-list{padding-block:var(--spacing-md-2);display:flex;justify-content:space-evenly}.tracking-card__filter-button{background-color:rgba(0,0,0,0);border:none;color:var(--color-muted);font-size:1rem;font-weight:300;cursor:pointer}.tracking-card__filter-button.active{color:var(--color-neutral);font-weight:400}.tracking-card__activity{position:relative;padding-top:2.2rem;overflow:hidden}.tracking-card__activity-image{position:absolute;top:-0.5rem;right:var(--spacing-md-2)}.tracking-card__activity-wrapper{display:grid;gap:var(--spacing-xs);position:inherit;z-index:2;padding:var(--spacing-md-2);cursor:pointer}.tracking-card__activity-wrapper:hover{background-color:var(--color-surface-hover)}.tracking-card__activity-title,.tracking-card__activity-current{color:var(--color-neutral)}.tracking-card__activity-title{font-size:1rem;font-weight:400}.tracking-card__activity-current{font-size:1.6rem;font-weight:300}.tracking-card__activity-previous{color:var(--navy-200);font-size:.8rem;text-align:right}.tracking-card__activity-header,.tracking-card__activity-hours{display:flex;align-items:center;justify-content:space-between}.tracking-card__activity-hours{gap:var(--spacing-sm)}.tracking-card article,.tracking-card__activity-wrapper{background-color:var(--navy-900)}.tracking-card article,.tracking-card__user-header,.tracking-card__activity-wrapper{border-radius:1rem}.tracking-card{display:grid;gap:var(--spacing-md-2);margin-top:var(--spacing-xxl);margin-inline:auto;padding-inline:var(--spacing-md-1);max-width:21rem}.attribution{margin-top:2rem;margin-bottom:1rem;font-size:11px;text-align:center}.attribution a{color:hsl(228,45%,44%)}@media screen and (min-width: 48em){.tracking-card__filter-item button{font-size:.9rem}.tracking-card__activity-previous{font-size:.7rem}.tracking-card{grid-template-columns:13rem repeat(2, 1fr);grid-template-areas:"card1 card2 card3" "card1 card4 card5" "card1 card6 card7";margin-block:unset;max-width:48rem}.tracking-card article:nth-child(1){grid-area:card1}.tracking-card article:nth-child(2){grid-area:card2}.tracking-card article:nth-child(3){grid-area:card3}.tracking-card article:nth-child(4){grid-area:card4}.tracking-card article:nth-child(5){grid-area:card5}.tracking-card article:nth-child(6){grid-area:card6}.tracking-card article:nth-child(7){grid-area:card7}.tracking-card__user{grid-template-rows:2.2fr 1fr}.tracking-card__user-header{flex-direction:column;gap:var(--spacing-lg-1);align-items:start}.tracking-card__user-info{flex-grow:1}.tracking-card__user-name{flex-grow:1;font-size:2rem}.tracking-card__filter-list{flex-direction:column;padding-block:unset;padding-inline:var(--spacing-md-2)}footer{position:absolute;bottom:0;left:50%;transform:translateX(-50%)}}@media screen and (min-width: 64em){.tracking-card{grid-template-columns:repeat(4, 1fr);grid-template-areas:"card1 card2 card3 card4" "card1 card5 card6 card7";max-width:56rem}.tracking-card__activity-wrapper{gap:var(--spacing-md-1)}.tracking-card__activity-hours{flex-direction:column;align-items:start;gap:var(--spacing-sm)}.tracking-card__activity-current{font-size:2.5rem}}.bg-orange{background:linear-gradient(0deg, transparent 50%, var(--orange) 50%)}.bg-blue{background:linear-gradient(0deg, transparent 50%, var(--blue) 50%)}.bg-pink{background:linear-gradient(0deg, transparent 50%, var(--pink) 50%)}.bg-green{background:linear-gradient(0deg, transparent 50%, var(--green) 50%)}.bg-green .tracking-card__activity-image{top:0rem}.bg-purple{background:linear-gradient(0deg, transparent 50%, var(--purple) 50%)}.bg-yellow{background:linear-gradient(0deg, transparent 50%, var(--yellow) 50%)}/*# sourceMappingURL=style.css.map */