@font-face{font-display:swap;font-family:HankenGrotesk;font-weight:100 900;src:url(/static/media/HankenGrotesk-VariableFont_wght.d642a5d85689aa7d33db.ttf) format("truetype")}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}img,svg{display:block;max-width:100%}:root{--clr-accent-1:0,100%,67%;--clr-accent-2:39,100%,56%;--clr-accent-3:166,100%,37%;--clr-accent-4:234,85%,45%;--font-family-default:"HankenGrotesk",sans-serif;--clr-primary-hsl-400:252,100%,67%;--clr-primary-hsl-500:256,72%,46%;--clr-secondary-hsl-400:241,81%,54%;--clr-secondary-hsl-500:241,72%,46%;--clr-neutal-hsl-100:0,0%,100%;--clr-neutal-hsl-200:221,100%,96%;--clr-neutal-hsl-300:241,100%,89%;--clr-neutal-hsl-700:224,30%,27%;--clr-neutral-100:hsl(var(--clr-neutal-hsl-100));--clr-neutral-200:hsl(var(--clr-neutal-hsl-200));--clr-neutral-300:hsl(var(--clr-neutal-hsl-300));--clr-neutral-700:hsl(var(--clr-neutal-hsl-700));--clr-primary-400:hsl(var(--clr-primary-hsl-400));--clr-primary-500:hsl(var(--clr-primary-hsl-500));--clr-secondary-400:hsl(var(--clr-secondary-hsl-400));--clr-secondary-500:hsl(var(--clr-secondary-hsl-500));--gradient-primary:linear-gradient(var(--clr-primary-400),var(--clr-secondary-400));--gradient-to-transparent:linear-gradient(var(--clr-primary-500),hsl(var(--clr-secondary-hsl-500),0));--fw-regular:500;--fw-bold:700;--fw-black:800;--fs-400:1.125rem;--fs-500:1.25rem;--fs-600:1.5rem;--fs-700:1.75rem;--fs-800:2rem;--fs-900:5rem}body{color:224,30%,27%;color:var(--clr-neutal-hsl-700);font-family:HankenGrotesk,sans-serif;font-family:var(--font-family-default);font-size:1.125rem;font-size:var(--fs-400)}@media (min-width:600px){body{display:grid;min-height:100vh;place-items:center}}.section-title{font-size:1.5rem;font-size:var(--fs-600);font-weight:700;font-weight:var(--fw-bold)}.button{background:#303b5a;background:var(--clr-neutral-700);border:0;border-radius:100vw;color:#fff;color:var(--clr-neutral-100);cursor:pointer;line-height:1;padding:1rem 2rem}.button:focus-visible,.button:hover{background:linear-gradient(#7857ff,#2e2be9);background:var(--gradient-primary)}.results-container{--border-radius:2rem;--padding:2.5rem;display:grid;max-width:46rem}@media (min-width:600px){.results-container{border-radius:var(--border-radius);box-shadow:.5rem 1rem 3rem rgba(48,59,90,.2);box-shadow:.5rem 1rem 3rem hsl(var(--clr-neutal-hsl-700),.2);grid-template-columns:1fr 1fr;margin-inline:1rem}}.results{background:linear-gradient(#7857ff,#2e2be9);background:var(--gradient-primary);border-radius:0 0 var(--border-radius) var(--border-radius);color:hsla(0,0%,100%,.7);color:hsl(var(--clr-neutal-hsl-100),.7);padding:var(--padding) calc(var(--padding)*1.5);text-align:center}@media (min-width:600px){.results{border-radius:var(--border-radius)}}.flex-group{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.grid-flow{grid-gap:1rem;align-content:start;display:grid;gap:1rem}.grid-flow[data-spacing=large]{gap:2rem}.results-score{aspect-ratio:1/1;background:linear-gradient(#4e21ca,rgba(36,33,202,0));background:var(--gradient-to-transparent);border-radius:50%;display:grid;margin-inline:auto;place-content:center;width:12rem}.results-score span{display:block;font-size:5rem;font-size:var(--fs-900);font-weight:800;font-weight:var(--fw-black);line-height:1}.result-rank,.results-score span{color:#fff;color:var(--clr-neutral-100)}.result-rank{font-size:1.75rem;font-size:var(--fs-700);font-weight:700;font-weight:var(--fw-bold)}.summary{padding:var(--padding)}.summary-item{align-items:center;background-color:hsl(var(--item-color),.1);border-radius:.5rem;display:flex;justify-content:space-between;padding:1rem}.summary-item-title{color:hsl(var(--item-color));font-weight:700;font-weight:var(--fw-bold)}.summary-item[data-item-type=accent-1]{--item-color:var(--clr-accent-1)}.summary-item[data-item-type=accent-2]{--item-color:var(--clr-accent-2)}.summary-item[data-item-type=accent-3]{--item-color:var(--clr-accent-3)}.summary-item[data-item-type=accent-4]{--item-color:var(--clr-accent-4)}.summary-score{color:rgba(48,59,90,.5);color:hsl(var(--clr-neutal-hsl-700),.5);font-weight:800;font-weight:var(--fw-black)}.summary-score span{color:#303b5a;color:var(--clr-neutral-700)}
/*# sourceMappingURL=main.a70e7702.css.map*/