.button{padding:.9rem 2rem;background-color:#303b5a;color:#fff;border-radius:999px;border:none;cursor:pointer;font-size:1.125rem;font-weight:700;transition:background-color .2s}.button:hover:not(:disabled){background:linear-gradient(0deg,#2e2be9,#7857ff)}.button:disabled{background-color:#b3bcd6;cursor:not-allowed}.results-card{display:flex;flex-direction:row;width:100%;max-width:46rem;height:100%;max-height:32rem;margin:0 auto;text-align:center;border-radius:2rem;background-color:#fff;box-shadow:0 16px 32px #2421ca55}.results-card h2{font-size:1.5rem;font-weight:700;line-height:1.2}.results-card .results-score{flex:1;display:flex;flex-direction:column;align-items:center;gap:2rem;padding:1.25rem;background:linear-gradient(0deg,#2e2be9,#7857ff);color:#c8c7ff;border-radius:2rem;padding:2.5rem}.results-card .results-score .score-circle{width:12.5rem;height:12.5rem;border-radius:50%;background:linear-gradient(0deg,#2421ca00,#4e21ca);display:flex;flex-direction:column;align-items:center;justify-content:start;color:#fff}.results-card .results-score .score-circle .score{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.24rem;margin-block-start:4.25rem}.results-card .results-score .score-circle .score .score-value{font-size:4.5rem;font-weight:800;line-height:.7}.results-card .results-score .score-circle .score .score-out-of{font-size:1rem;font-weight:500;line-height:1;color:#c8c7ff}.results-card .results-score .score-text h3{margin-top:0;font-size:2rem;font-weight:500;line-height:1.2;margin-block-end:1rem;color:#fff}.results-card .results-score .score-text p{margin:0;font-size:1.125rem;line-height:1.4;padding:0 1.25rem}.results-card .results-summary{flex:1;width:100%;padding:1.25rem;text-align:left;padding:2.5rem;font-size:1.125rem;color:#303b5a}.results-card .results-summary h2{line-height:1.2;margin-block-end:1.75rem;font-weight:700}.results-card .results-summary .button{width:100%}.results-card .results-summary .results-list{display:flex;flex-direction:column;gap:1rem;margin-block-end:2.5rem}.results-card .results-summary .results-list .result-item{display:flex;align-items:center;justify-content:space-between;height:3.5rem;padding:.625rem .75rem;border-radius:.5rem}.results-card .results-summary .results-list .result-item.reaction{background-color:#fff5f5}.results-card .results-summary .results-list .result-item.reaction .category{color:#ff5757}.results-card .results-summary .results-list .result-item.memory{background-color:#fffaf0}.results-card .results-summary .results-list .result-item.memory .category{color:#ffb01f}.results-card .results-summary .results-list .result-item.verbal{background-color:#f5fffd}.results-card .results-summary .results-list .result-item.verbal .category{color:#00bd91}.results-card .results-summary .results-list .result-item.visual{background-color:#f1f2fe}.results-card .results-summary .results-list .result-item.visual .category{color:#1125d4}.results-card .results-summary .results-list .result-item .icon-category{display:flex;align-items:center;gap:.65rem}.results-card .results-summary .results-list .result-item .icon-category img{width:1.5rem;height:1.5rem}.results-card .results-summary .results-list .result-item .icon-category .category{font-weight:500;line-height:1}.results-card .results-summary .results-list .result-item .score{font-weight:700;line-height:1}.results-card .results-summary .results-list .result-item .total{color:#7082b2;display:inline-block;margin-left:.25rem;font-weight:500;line-height:1}@media(max-width:48rem){.results-card{flex-direction:column;max-width:100%;max-height:none;border-radius:0}.results-card h2{font-size:1.125rem}.results-card .results-score{border-radius:0 0 2rem 2rem;padding:1.5rem;gap:1.5rem;max-height:22.25rem;height:100%}.results-card .results-score .score-circle{width:8.5rem;height:8.5rem}.results-card .results-score .score-circle .score{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;margin-block-start:2.75rem}.results-card .results-score .score-circle .score .score-value{font-size:3.5rem;font-weight:800;line-height:.7}.results-card .results-score .score-circle .score .score-out-of{font-size:1rem;font-weight:500;line-height:1;color:#c8c7ff}.results-card .results-score .score-text h3{font-size:1.5rem;margin-top:.35rem;margin-block-end:.5rem}.results-card .results-score .score-text p{font-size:1rem}.results-card .results-summary{padding:1.5rem;font-size:1rem}.results-card .results-summary h2{margin-block-end:1.5rem;font-size:1.125rem;font-weight:700}.results-card .results-summary .results-list{gap:1rem;margin-block-end:1.5rem}.results-card .results-summary .results-list .result-item{display:flex;align-items:center;justify-content:space-between;height:3.5rem;padding:1rem;border-radius:.5rem}.results-card .results-summary .results-list .result-item .icon-category img{width:1.125rem;height:1.125rem}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;line-height:1.5;text-rendering:optimizeSpeed}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{background:none;border:none;padding:0;cursor:pointer}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul,ol{list-style:none;padding:0}#root{isolation:isolate}@font-face{font-family:Hanken Grotesk;src:url(/fem-results-summary-component/assets/HankenGrotesk-Medium-Xu500KWa.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Hanken Grotesk;src:url(/fem-results-summary-component/assets/HankenGrotesk-Bold-DkRj-xgz.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Hanken Grotesk;src:url(/fem-results-summary-component/assets/HankenGrotesk-ExtraBold-BLQq7doA.ttf) format("truetype");font-weight:800;font-style:normal}body{font-family:Hanken Grotesk,sans-serif}.app-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#ebf1ff}