:root{--color-state-blue: hsl(252, 100%, 67%);--color-royal-blue: hsl(241, 72%, 54%);--color-violet-blue: hsl(256, 72%, 46%, 1);--color-persian-blue: hsl(241, 72%, 46%, 0);--color-white: hsl(0, 0%, 100%);--color-pale-blue: hsl(221, 100%, 96%);--color-light-lavender: hsl(241, 100%, 89%);--color-dark-gray-blue: hsl(224, 30%, 27%)}.summary-container{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.summary-container button{all:unset;display:block;margin-block-start:1rem;padding:1rem;border-radius:2rem;text-align:center;color:var(--color-pale-blue);background-color:var(--color-dark-gray-blue)}.summary-container button:hover{background-color:var(--color-violet-blue)}.category-container{display:flex;gap:.8rem;padding:1rem;border-radius:1rem;font-weight:600}.summary-title{font-size:1.25rem;font-weight:700;color:var(--color-dark-gray-blue)}.category-white-space{flex:1}.category-point{color:var(--color-dark-gray-blue)}.category-maximum{color:var(--color-light-lavender)}.result-container{display:flex;flex-direction:column;max-width:40rem;margin-inline-start:auto;margin-inline-end:auto;margin-block-end:calc(1rem + 2vw);border-radius:3rem;background-color:var(--color-white)}@media(min-width: 480px){.result-container{display:grid;grid-template-columns:1fr 1fr;margin-block-start:clamp(3rem,6vw,10rem)}}.overview-container{display:flex;flex-direction:column;gap:2rem;color:var(--color-white);background-image:linear-gradient(to bottom, var(--color-state-blue), var(--color-violet-blue));border-end-end-radius:3rem;border-end-start-radius:3rem}@media(min-width: 480px){.overview-container{border-start-end-radius:3rem;border-start-start-radius:3rem}}.overview-container h1{text-align:center;font-size:1.5rem;color:var(--color-light-lavender);font-weight:400}.result-score-outer-container{display:flex}.result-score-inner-container{display:flex;flex-direction:column;justify-content:end;align-items:center;margin:auto;width:10rem;padding-block-end:2rem;aspect-ratio:1/1;border-radius:50%;background-image:linear-gradient(to bottom, var(--color-violet-blue), var(--color-state-blue))}.result-score{font-size:3rem;font-weight:600}.result-upper-bound{color:var(--color-light-lavender)}.result-quality-container{text-align:center;padding-block-end:2rem}.quality-title{font-size:2rem;font-weight:600}.quality-description{padding:1rem 3rem;color:var(--color-pale-blue)}*{box-sizing:border-box}body{margin:0;font-family:"Hanken Grotesk",sans-serif;font-weight:400;background-color:var(--color-pale-blue)}.attribution{margin-block-start:calc(2rem + 2vw);text-align:center}/*# sourceMappingURL=style.css.map */