header[data-v-ff04321c]{max-width:540px}header h1[data-v-ff04321c]{letter-spacing:.25px}@media (max-width: 375px){header h1[data-v-ff04321c]{font-size:var(--size-800);letter-spacing:.1666667px;line-height:var(--size-900)}}header p[data-v-ff04321c]{margin-top:var(--size-500);line-height:var(--size-800)}@media (max-width: 375px){header p[data-v-ff04321c]{letter-spacing:.1041667px}}footer .attribution[data-v-1969a46c]{margin-top:2rem;font-size:11px;text-align:center}footer .attribution a[data-v-1969a46c]{color:#3e52a3}.card[data-v-2fd689aa]{max-height:250px;height:250px;padding:2rem;border-radius:.375rem;box-shadow:0 .125rem .9375rem .25rem #0000001a}@media (max-width: 375px){.card[data-v-2fd689aa]{padding:1.75rem;max-height:222px;height:222px}}.card.team-builder[data-v-2fd689aa]{grid-area:team;border-top:.25rem solid var(--clr-primary-400)}.card.supervisor[data-v-2fd689aa]{grid-area:supervisor;border-top:.25rem solid var(--clr-primary-500)}.card.karma[data-v-2fd689aa]{grid-area:karma;border-top:.25rem solid var(--clr-primary-600)}.card.calculator[data-v-2fd689aa]{grid-area:calculator;border-top:.25rem solid var(--clr-primary-700)}.card h1[data-v-2fd689aa]{line-height:1.875rem}.card p[data-v-2fd689aa]{margin-top:var(--size-100);line-height:var(--size-800);letter-spacing:.0902778px;mix-blend-mode:normal}@media (max-width: 375px){.card p[data-v-2fd689aa]{margin-top:0;font-size:var(--fs-200)}}.card .icon[data-v-2fd689aa]{margin-top:2.5rem}@media (max-width: 375px){.card .icon[data-v-2fd689aa]{margin-top:2rem}.card .icon svg[data-v-2fd689aa]{transform:scale(.9)}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}html,body{height:100%}body{text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg{max-width:100%;display:block}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--clr-primary-400: hsl(0, 78%, 62%);--clr-primary-500: hsl(180, 62%, 55%);--clr-primary-600: hsl(34, 97%, 64%);--clr-primary-700: hsl(212, 86%, 64%);--clr-neutral-100: hsl(0, 0%, 100%);--clr-neutral-400: hsl(0, 0%, 98%);--clr-neutral-700: hsl(229, 6%, 66%);--clr-neutral-900: hsl(234, 12%, 34%);--ff-primary: "Poppins", sans-serif;--ff-body: var(--ff-primary);--fw-extra-light: 200;--fw-regular: 400;--fw-semi-bold: 600;--size-100: .375rem;--size-200: .8125rem;--size-300: .875rem;--size-400: .9375rem;--size-500: 1rem;--size-600: 1.125rem;--size-700: 1.25rem;--size-800: 1.5rem;--size-900: 2.25rem;--fs-100: var(--size-100);--fs-200: var(--size-200);--fs-300: var(--size-300);--fs-400: var(--size-400);--fs-500: var(--size-500);--fs-600: var(--size-600);--fs-700: var(--size-700);--fs-800: var(--size-800);--fs-900: var(--size-900);--fs-body: var(--fs-400)}.bg-primary-400{background-color:var(--clr-primary-400)}.bg-primary-500{background-color:var(--clr-primary-500)}.bg-primary-600{background-color:var(--clr-primary-600)}.bg-primary-700{background-color:var(--clr-primary-700)}.bg-neutral-100{background-color:var(--clr-neutral-100)}.bg-neutral-400{background-color:var(--clr-neutral-400)}.bg-neutral-700{background-color:var(--clr-neutral-700)}.bg-neutral-900{background-color:var(--clr-neutral-900)}.text-primary-400{color:var(--clr-primary-400)}.text-primary-500{color:var(--clr-primary-500)}.text-primary-600{color:var(--clr-primary-600)}.text-primary-700{color:var(--clr-primary-700)}.text-neutral-100{color:var(--clr-neutral-100)}.text-neutral-400{color:var(--clr-neutral-400)}.text-neutral-700{color:var(--clr-neutral-700)}.text-neutral-900{color:var(--clr-neutral-900)}.text-line-through{text-decoration:line-through}.fw-extra-light{font-weight:var(--fw-extra-light)}.fw-regular{font-weight:var(--fw-regular)}.fw-semi-bold{font-weight:var(--fw-semi-bold)}.fs-body{font-size:var(--fs-body)}.ff-primary{font-family:var(--ff-primary)}.ff-heading{font-family:var(--ff-heading)}.size-100{font-size:var(--size-100)}.size-200{font-size:var(--size-200)}.size-300{font-size:var(--size-300)}.size-400{font-size:var(--size-400)}.size-500{font-size:var(--size-500)}.size-600{font-size:var(--size-600)}.size-700{font-size:var(--size-700)}.size-800{font-size:var(--size-800)}.size-900{font-size:var(--size-900)}.lh-100{font-size:var(--size-100)}.lh-200{font-size:var(--size-200)}.lh-300{font-size:var(--size-300)}.lh-400{font-size:var(--size-400)}.lh-500{font-size:var(--size-500)}.lh-600{font-size:var(--size-600)}.lh-700{font-size:var(--size-700)}.lh-800{font-size:var(--size-800)}.lh-900{font-size:var(--size-900)}.fs-100{font-size:var(--fs-100)}.fs-200{font-size:var(--fs-200)}.fs-300{font-size:var(--fs-300)}.fs-400{font-size:var(--fs-400)}.fs-500{font-size:var(--fs-500)}.fs-600{font-size:var(--fs-600)}.fs-700{font-size:var(--fs-700)}.fs-800{font-size:var(--fs-800)}.fs-900{font-size:var(--fs-900)}.flex{display:flex}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.justify-content-end{justify-content:end}.justify-content-space-between{justify-content:space-between}.justify-content-space-around{justify-content:space-around}.flex-direction-column{flex-direction:column}.flex-direction-row{flex-direction:row}.text-center{text-align:center}.text-decoration-none{text-decoration:none}.opacity-50{opacity:.5}body{font-family:var(--ff-body);font-size:var(--fs-body);color:var(--clr-neutral-900);background-color:var(--clr-neutral-400);min-height:100vh}@media (max-width: 375px){#app main{padding:2rem}}#app main .cards{max-width:1110px;margin-top:4.25rem;display:grid;align-items:center;place-content:center;gap:1.875rem;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);grid-template-areas:"supervisor team calculator" "supervisor karma calculator"}@media (max-width: 375px){#app main .cards{display:flex;flex-direction:column}}#app main .cards .supervisor{grid-area:supervisor}#app main .cards .team-builder{grid-area:team}#app main .cards .calculator{grid-area:calculator}#app main .cards .karma{grid-area:karma}
