html{font-size:20px;color:#262626}html *{font-family:var(--font-foundersGrotesk)}body{line-height:1.3;background-color:#fff;margin:0;padding:0;word-wrap:break-word;overflow-wrap:break-word;overflow-x:hidden;width:100vw;text-align:left}main{max-width:1240px;margin:0 auto;font-weight:400}main .container{margin:0 -20px;overflow:hidden;position:relative}main .innerPadding{padding:0 20px}main .lineSeparator{padding-top:1rem;border-top:3px solid #262626}main h1{padding:0;font-weight:700;font-size:1.75rem;margin:0 0 1.5rem;line-height:1.1}main p{margin-top:0;margin-bottom:1.25rem}.container{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;flex-wrap:nowrap}.col-infographic{width:75%;margin-bottom:1rem;position:relative}.col-text{width:25%}.col-infographic svg{margin:auto;display:block;width:100%;max-width:680px;height:auto}.instructionContainer{display:flex;gap:10px}svg #btn1:not(.no-hover){cursor:pointer}svg #btn1 .pattern{opacity:0}svg #btn1 path{transition:fill .4s ease}svg #btn1 .bg{fill:#ebebeb}svg #btn1 .text{fill:#262626}svg #btn1.active .bg,svg #btn1:not(.no-hover):hover .bg{fill:#d5201b}svg #btn1.active .pattern,svg #btn1:not(.no-hover):hover .pattern{opacity:1!important}svg #btn1.active .text,svg #btn1:not(.no-hover):hover .text{fill:#ebebeb}svg #btn2:not(.no-hover){cursor:pointer}svg #btn2 .pattern{opacity:0}svg #btn2 path{transition:fill .4s ease}svg #btn2 .bg{fill:#ebebeb}svg #btn2 .text{fill:#262626}svg #btn2.active .bg,svg #btn2:not(.no-hover):hover .bg{fill:#144752}svg #btn2.active .pattern,svg #btn2:not(.no-hover):hover .pattern{opacity:1!important}svg #btn2.active .text,svg #btn2:not(.no-hover):hover .text{fill:#ebebeb}svg #btn3:not(.no-hover){cursor:pointer}svg #btn3 .pattern{opacity:0}svg #btn3 path{transition:fill .4s ease}svg #btn3 .bg{fill:#ebebeb}svg #btn3 .text{fill:#262626}svg #btn3.active .bg,svg #btn3:not(.no-hover):hover .bg{fill:#646363}svg #btn3.active .pattern,svg #btn3:not(.no-hover):hover .pattern{opacity:1!important}svg #btn3.active .text,svg #btn3:not(.no-hover):hover .text{fill:#ebebeb}svg #btn4:not(.no-hover){cursor:pointer}svg #btn4 .pattern{opacity:0}svg #btn4 path{transition:fill .4s ease}svg #btn4 .bg{fill:#ebebeb}svg #btn4 .text{fill:#262626}svg #btn4.active .bg,svg #btn4:not(.no-hover):hover .bg{fill:#ec9831}svg #btn4.active .pattern,svg #btn4:not(.no-hover):hover .pattern{opacity:1!important}svg #btn4.active .text,svg #btn4:not(.no-hover):hover .text{fill:#ebebeb}svg #btn5:not(.no-hover){cursor:pointer}svg #btn5 .pattern{opacity:0}svg #btn5 path{transition:fill .4s ease}svg #btn5 .bg{fill:#ebebeb}svg #btn5 .text{fill:#262626}svg #btn5.active .bg,svg #btn5:not(.no-hover):hover .bg{fill:#ec9831}svg #btn5.active .pattern,svg #btn5:not(.no-hover):hover .pattern{opacity:1!important}svg #btn5.active .text,svg #btn5:not(.no-hover):hover .text{fill:#ebebeb}svg #btn6:not(.no-hover){cursor:pointer}svg #btn6 .pattern{opacity:0}svg #btn6 path{transition:fill .4s ease}svg #btn6 .bg{fill:#ebebeb}svg #btn6 .text{fill:#262626}svg #btn6.active .bg,svg #btn6:not(.no-hover):hover .bg{fill:#d5201b}svg #btn6.active .pattern,svg #btn6:not(.no-hover):hover .pattern{opacity:1!important}svg #btn6.active .text,svg #btn6:not(.no-hover):hover .text{fill:#ebebeb}svg #btn7:not(.no-hover){cursor:pointer}svg #btn7 .pattern{opacity:0}svg #btn7 path{transition:fill .4s ease}svg #btn7 .bg{fill:#ebebeb}svg #btn7 .text{fill:#262626}svg #btn7.active .bg,svg #btn7:not(.no-hover):hover .bg{fill:#646363}svg #btn7.active .pattern,svg #btn7:not(.no-hover):hover .pattern{opacity:1!important}svg #btn7.active .text,svg #btn7:not(.no-hover):hover .text{fill:#ebebeb}svg #btn8:not(.no-hover){cursor:pointer}svg #btn8 .pattern{opacity:0}svg #btn8 path{transition:fill .4s ease}svg #btn8 .bg{fill:#ebebeb}svg #btn8 .text{fill:#262626}svg #btn8.active .bg,svg #btn8:not(.no-hover):hover .bg{fill:#144752}svg #btn8.active .pattern,svg #btn8:not(.no-hover):hover .pattern{opacity:1!important}svg #btn8.active .text,svg #btn8:not(.no-hover):hover .text{fill:#ebebeb}.infobox h1{margin-top:0}.close-container{text-align:right;margin-top:-.5rem;margin-bottom:.5rem}button{background-color:#262626;color:#fff;box-sizing:border-box;display:inline-block;text-decoration:none;font-family:inherit;margin:0;cursor:pointer;border:.05rem solid #262626;transition:color .2s ease,background-color .2s ease,border-color .2s ease;text-align:center;padding:.25rem .75rem;font-weight:400;font-size:.8rem;line-height:inherit}button:hover{background-color:#646363;border-color:#646363}button.close{background-color:transparent;border:0;padding:0;display:inline-block;line-height:0;margin-right:-10px}button.close:hover line{stroke:#646363}button.results{position:absolute;top:0;right:20px}button.read{position:absolute;top:0;left:20px}@media screen and (max-width:1130px){.col-infographic,.col-text{width:50%}}@media screen and (max-width:900px){.col-infographic{margin-top:1rem}.col-infographic .lineSeparator{display:none}main{position:relative}.container{flex-direction:column}.col-infographic,.col-text{width:100%}.infobox{position:absolute;bottom:0;background-color:#fff;border-top:3px solid #262626;box-sizing:border-box;width:90%;left:5%;box-shadow:0 1px 7px rgba(38,38,38,.341);height:auto;padding:1rem}}@media screen and (max-width:599px){main{position:relative}main h1{font-size:1.4rem;margin-bottom:1.25rem}}@media screen and (max-width:340px){main{position:relative}main h1{font-size:1.4rem;margin-bottom:1.25rem}main .instructionContainer p{font-size:.8rem}main .instructionContainer img{width:26px}.close-container{text-align:right;margin-top:-.5rem;margin-bottom:0}.close-container button.close{margin-right:0}.infobox{position:absolute;bottom:0;background-color:#fff;border-top:3px solid #262626;box-sizing:border-box;width:calc(100% - 40px);left:20px;box-shadow:none;height:100%;padding:1rem 0 0}}.infobox{animation:fade-in .5s ease-out 0s}@keyframes fade-in{0%{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:translateZ(0)}}@font-face{font-family:__foundersGrotesk_feab60;src:url(.././media/foundersGroteskRegular.woff2) format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:__foundersGrotesk_feab60;src:url(.././media/foundersGroteskBold.woff2) format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:__foundersGrotesk_Fallback_feab60;src:local("Arial");ascent-override:104.54%;descent-override:21.67%;line-gap-override:0.00%;size-adjust:89.06%}.__className_feab60{font-family:__foundersGrotesk_feab60,__foundersGrotesk_Fallback_feab60}.__variable_feab60{--font-foundersGrotesk:"__foundersGrotesk_feab60","__foundersGrotesk_Fallback_feab60"}