body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.question .question-title,a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none}audio,canvas,video{display:inline-block;*display:inline;*zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic}figure,form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}button,html,input,select,textarea{color:#222}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.swipe-left .enter{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.swipe-right .enter{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.enter.enter-active{transition:all .5s}.enter.enter-active,.exit{-webkit-transform:translateZ(0);transform:translateZ(0)}.swipe-left .exit-active{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);transition:all .5s}.swipe-right .exit-active{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);transition:all .5s}.fade-out .enter,.fade-out .exit-active{opacity:0;transition:all .5s}.fade-out .enter-active{opacity:1}@-webkit-keyframes bounce{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounce{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.panel{position:absolute;left:0;top:0;bottom:0;overflow:hidden;width:100vw}@media screen and (device-width:320px){.panel{width:320px}}@media screen and (device-width:350px){.panel{width:350px}}@media screen and (device-width:375px){.panel{width:375px}}@media screen and (device-width:414px){.panel{width:414px}}@media screen and (device-width:768px){.panel{width:768px}}.panel .stripe{position:absolute;width:14vw;background-position:0 50%;background-size:cover;top:33px;left:0;bottom:0}@media screen and (device-width:320px){.panel .stripe{width:44.8px}}@media screen and (device-width:350px){.panel .stripe{width:49px}}@media screen and (device-width:375px){.panel .stripe{width:52.5px}}@media screen and (device-width:414px){.panel .stripe{width:57.96px}}@media screen and (device-width:768px){.panel .stripe{width:107.52px}}.panel.summary .stripe{top:0}.back{position:absolute;width:12.72vw;height:12.72vw;border-radius:50%;z-index:3;bottom:7.8vh;left:14vw;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);background:#235821 url(../../static/media/back-arrow.927a4c9a.svg) 50% 50% no-repeat;background-size:35%;margin-bottom:-7px}@media screen and (device-width:320px){.back{width:40.704px}}@media screen and (device-width:350px){.back{width:44.52px}}@media screen and (device-width:375px){.back{width:47.7px}}@media screen and (device-width:414px){.back{width:52.6608px}}@media screen and (device-width:768px){.back{width:97.6896px}}@media screen and (device-width:320px){.back{height:40.704px}}@media screen and (device-width:350px){.back{height:44.52px}}@media screen and (device-width:375px){.back{height:47.7px}}@media screen and (device-width:414px){.back{height:52.6608px}}@media screen and (device-width:768px){.back{height:97.6896px}}@media screen and (device-width:320px){.back{left:44.8px}}@media screen and (device-width:350px){.back{left:49px}}@media screen and (device-width:375px){.back{left:52.5px}}@media screen and (device-width:414px){.back{left:57.96px}}@media screen and (device-width:768px){.back{left:107.52px}}.cover{background:url(../../static/media/cover.39e855e2.jpg) 50% 60%;background-size:cover;background-size:100vw;text-align:left}@media screen and (device-width:320px){.cover{background-size:320px}}@media screen and (device-width:350px){.cover{background-size:350px}}@media screen and (device-width:375px){.cover{background-size:375px}}@media screen and (device-width:414px){.cover{background-size:414px}}@media screen and (device-width:768px){.cover{background-size:768px}}.cover:before{content:none}.cover .header{position:absolute;bottom:calc(18vw + 47px)}@media screen and (device-width:320px){.cover .header{bottom:104.6px}}@media screen and (device-width:350px){.cover .header{bottom:110px}}@media screen and (device-width:375px){.cover .header{bottom:114.5px}}@media screen and (device-width:414px){.cover .header{bottom:121.52px}}@media screen and (device-width:768px){.cover .header{bottom:185.24px}}.cover h1{font-size:9vw;font-weight:700;text-align:left;margin-left:25vw;width:55vw;line-height:1;color:#235821}@media screen and (device-width:320px){.cover h1{font-size:28.8px}}@media screen and (device-width:350px){.cover h1{font-size:31.5px}}@media screen and (device-width:375px){.cover h1{font-size:33.75px}}@media screen and (device-width:414px){.cover h1{font-size:37.26px}}@media screen and (device-width:768px){.cover h1{font-size:69.12px}}@media screen and (device-width:320px){.cover h1{margin-left:80px}}@media screen and (device-width:350px){.cover h1{margin-left:87.5px}}@media screen and (device-width:375px){.cover h1{margin-left:93.75px}}@media screen and (device-width:414px){.cover h1{margin-left:103.5px}}@media screen and (device-width:768px){.cover h1{margin-left:192px}}@media screen and (device-width:320px){.cover h1{width:176px}}@media screen and (device-width:350px){.cover h1{width:192.5px}}@media screen and (device-width:375px){.cover h1{width:206.25px}}@media screen and (device-width:414px){.cover h1{width:227.7px}}@media screen and (device-width:768px){.cover h1{width:422.4px}}.cover .button{font-weight:600;position:absolute;bottom:12vw;left:17vw;width:71vw}@media screen and (device-width:320px){.cover .button{bottom:38.4px}}@media screen and (device-width:350px){.cover .button{bottom:42px}}@media screen and (device-width:375px){.cover .button{bottom:45px}}@media screen and (device-width:414px){.cover .button{bottom:49.68px}}@media screen and (device-width:768px){.cover .button{bottom:92.16px}}@media screen and (device-width:320px){.cover .button{left:54.4px}}@media screen and (device-width:350px){.cover .button{left:59.5px}}@media screen and (device-width:375px){.cover .button{left:63.75px}}@media screen and (device-width:414px){.cover .button{left:70.38px}}@media screen and (device-width:768px){.cover .button{left:130.56px}}@media screen and (device-width:320px){.cover .button{width:227.2px}}@media screen and (device-width:350px){.cover .button{width:248.5px}}@media screen and (device-width:375px){.cover .button{width:266.25px}}@media screen and (device-width:414px){.cover .button{width:293.94px}}@media screen and (device-width:768px){.cover .button{width:545.28px}}.cover .button.wide{width:71vw}@media screen and (device-width:320px){.cover .button.wide{width:227.2px}}@media screen and (device-width:350px){.cover .button.wide{width:248.5px}}@media screen and (device-width:375px){.cover .button.wide{width:266.25px}}@media screen and (device-width:414px){.cover .button.wide{width:293.94px}}@media screen and (device-width:768px){.cover .button.wide{width:545.28px}}.cover .logo{margin-top:30px;margin-bottom:30px;margin-left:25vw;width:47vw}@media screen and (device-width:320px){.cover .logo{margin-left:80px}}@media screen and (device-width:350px){.cover .logo{margin-left:87.5px}}@media screen and (device-width:375px){.cover .logo{margin-left:93.75px}}@media screen and (device-width:414px){.cover .logo{margin-left:103.5px}}@media screen and (device-width:768px){.cover .logo{margin-left:192px}}@media screen and (device-width:320px){.cover .logo{width:150.4px}}@media screen and (device-width:350px){.cover .logo{width:164.5px}}@media screen and (device-width:375px){.cover .logo{width:176.25px}}@media screen and (device-width:414px){.cover .logo{width:194.58px}}@media screen and (device-width:768px){.cover .logo{width:360.96px}}.step-hexagon{width:30vw;height:30vw;position:absolute;left:3.9vw;top:1vw;z-index:10}@media screen and (device-width:320px){.step-hexagon{width:96px}}@media screen and (device-width:350px){.step-hexagon{width:105px}}@media screen and (device-width:375px){.step-hexagon{width:112.5px}}@media screen and (device-width:414px){.step-hexagon{width:124.2px}}@media screen and (device-width:768px){.step-hexagon{width:230.4px}}@media screen and (device-width:320px){.step-hexagon{height:96px}}@media screen and (device-width:350px){.step-hexagon{height:105px}}@media screen and (device-width:375px){.step-hexagon{height:112.5px}}@media screen and (device-width:414px){.step-hexagon{height:124.2px}}@media screen and (device-width:768px){.step-hexagon{height:230.4px}}@media screen and (device-width:320px){.step-hexagon{left:12.48px}}@media screen and (device-width:350px){.step-hexagon{left:13.65px}}@media screen and (device-width:375px){.step-hexagon{left:14.625px}}@media screen and (device-width:414px){.step-hexagon{left:16.146px}}@media screen and (device-width:768px){.step-hexagon{left:29.952px}}@media screen and (device-width:320px){.step-hexagon{top:3.2px}}@media screen and (device-width:350px){.step-hexagon{top:3.5px}}@media screen and (device-width:375px){.step-hexagon{top:3.75px}}@media screen and (device-width:414px){.step-hexagon{top:4.14px}}@media screen and (device-width:768px){.step-hexagon{top:7.68px}}.step-hexagon .hexagon{display:block;width:100%;height:100%;-webkit-filter:drop-shadow(0 8px 6px rgba(0,0,0,.3));filter:drop-shadow(0 8px 6px rgba(0,0,0,.3))}.step-hexagon>.number{position:absolute;top:50%;right:53%;-webkit-transform:translateY(-50%);transform:translateY(-50%);fill:#fff;height:40%}.step-hexagon>.label{position:absolute;top:50%;left:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:50% 0;transform-origin:50% 0;right:0;text-align:center;font-size:5.4vw;color:#fff;font-weight:400}.number-hexagon{width:10vw;height:10vw;position:relative}@media screen and (device-width:320px){.number-hexagon{width:32px}}@media screen and (device-width:350px){.number-hexagon{width:35px}}@media screen and (device-width:375px){.number-hexagon{width:37.5px}}@media screen and (device-width:414px){.number-hexagon{width:41.4px}}@media screen and (device-width:768px){.number-hexagon{width:76.8px}}@media screen and (device-width:320px){.number-hexagon{height:32px}}@media screen and (device-width:350px){.number-hexagon{height:35px}}@media screen and (device-width:375px){.number-hexagon{height:37.5px}}@media screen and (device-width:414px){.number-hexagon{height:41.4px}}@media screen and (device-width:768px){.number-hexagon{height:76.8px}}.number-hexagon .hexagon{display:block;width:100%;height:100%}.number-hexagon>.number{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;font-size:16px;font-weight:900}.button{text-decoration:none;display:block;font-size:18px;font-weight:900;color:#fff;text-align:center;padding:.8em 0;width:43vw;background:linear-gradient(90deg,#92c020,#7a991c);box-shadow:5px 5px 10px 0 rgba(0,0,0,.2)}@media screen and (device-width:320px){.button{width:137.6px}}@media screen and (device-width:350px){.button{width:150.5px}}@media screen and (device-width:375px){.button{width:161.25px}}@media screen and (device-width:414px){.button{width:178.02px}}@media screen and (device-width:768px){.button{width:330.24px}}.button.positive{background:linear-gradient(90deg,#92c020,#7a991c)}.button.wide{width:auto}.button.leaf:before{content:"";display:inline-block;vertical-align:middle;background:url(../../static/media/leaf.dce88854.svg) 50% 50% no-repeat;background-size:contain;width:1em;height:1em;margin-left:-1.5em;margin-right:.5em;margin-top:-.15em}.question-wrapper{padding-top:35vw;width:100vw;right:0;position:absolute;bottom:0;top:0;z-index:2}@media screen and (device-width:320px){.question-wrapper{padding-top:112px}}@media screen and (device-width:350px){.question-wrapper{padding-top:122.5px}}@media screen and (device-width:375px){.question-wrapper{padding-top:131.25px}}@media screen and (device-width:414px){.question-wrapper{padding-top:144.9px}}@media screen and (device-width:768px){.question-wrapper{padding-top:268.8px}}@media screen and (device-width:320px){.question-wrapper{width:320px}}@media screen and (device-width:350px){.question-wrapper{width:350px}}@media screen and (device-width:375px){.question-wrapper{width:375px}}@media screen and (device-width:414px){.question-wrapper{width:414px}}@media screen and (device-width:768px){.question-wrapper{width:768px}}.question{opacity:0;pointer-events:none;transition:opacity .5s;text-align:left;line-height:1.25;position:absolute;top:0;bottom:0;left:0;right:0}.question.active{opacity:1;pointer-events:all;font-weight:700}.question .header-bar{height:33px;display:flex;align-items:center;background:linear-gradient(90deg,#7eab10,#abe51d);color:#fff;padding:0 1.2em;font-weight:700;font-size:14px}.step-3 .question .header-bar{background:linear-gradient(90deg,#63850f,#8eb13a)}.step-4 .question .header-bar{background:linear-gradient(90deg,#4e6516,#607a22)}.question .header-bar:before{content:"";display:inline-block;background:url(../../static/media/leaf.dce88854.svg) 0 0 no-repeat;background-size:contain;width:1em;height:1em;margin-right:1em}.question .question-background{position:absolute;top:33px;left:14vw;bottom:7.8vh;width:86vw;background:#fff;box-shadow:6px 6px 15px rgba(0,0,0,.1);z-index:2;display:flex;flex-direction:column}@media screen and (device-width:320px){.question .question-background{left:44.8px}}@media screen and (device-width:350px){.question .question-background{left:49px}}@media screen and (device-width:375px){.question .question-background{left:52.5px}}@media screen and (device-width:414px){.question .question-background{left:57.96px}}@media screen and (device-width:768px){.question .question-background{left:107.52px}}@media screen and (device-width:320px){.question .question-background{width:275.2px}}@media screen and (device-width:350px){.question .question-background{width:301px}}@media screen and (device-width:375px){.question .question-background{width:322.5px}}@media screen and (device-width:414px){.question .question-background{width:356.04px}}@media screen and (device-width:768px){.question .question-background{width:660.48px}}.question .title-wrapper{margin-top:4em;margin-bottom:2em}.question .title-wrapper hgroup{margin-bottom:0}.question .question-title{min-height:auto;margin-bottom:0}.question hgroup{min-height:3.75em;margin-bottom:1.25em;line-height:1.25;font-size:21px}.question hgroup .question-title,.question hgroup h2{min-height:auto;margin-bottom:.25em}.question hgroup .question-subtitle{color:#84ae1a;font-weight:400;margin-top:0}.question .question-details{color:#000;font-size:16px;font-weight:400;margin-bottom:1.8em}.question .question-details b{font-weight:900;color:#84ae1a}.question .question-explanation{font-size:13px;color:#666;font-weight:400;flex:1 1;display:flex;flex-direction:column;justify-content:flex-end;margin-bottom:5px}.question .text{flex:1 1;margin-bottom:3vh;margin-left:6.3vw;margin-right:6.3vw;overflow-y:auto;display:flex;flex-direction:column}@media screen and (device-width:320px){.question .text{margin-left:20.16px}}@media screen and (device-width:350px){.question .text{margin-left:22.05px}}@media screen and (device-width:375px){.question .text{margin-left:23.625px}}@media screen and (device-width:414px){.question .text{margin-left:26.082px}}@media screen and (device-width:768px){.question .text{margin-left:48.384px}}@media screen and (device-width:320px){.question .text{margin-right:20.16px}}@media screen and (device-width:350px){.question .text{margin-right:22.05px}}@media screen and (device-width:375px){.question .text{margin-right:23.625px}}@media screen and (device-width:414px){.question .text{margin-right:26.082px}}@media screen and (device-width:768px){.question .text{margin-right:48.384px}}.question .buttons{display:flex;justify-content:space-between;width:91vw;margin-bottom:8vw;margin-left:-5vw;flex-wrap:wrap}@media screen and (device-width:320px){.question .buttons{width:291.2px}}@media screen and (device-width:350px){.question .buttons{width:318.5px}}@media screen and (device-width:375px){.question .buttons{width:341.25px}}@media screen and (device-width:414px){.question .buttons{width:376.74px}}@media screen and (device-width:768px){.question .buttons{width:698.88px}}@media screen and (device-width:320px){.question .buttons{margin-bottom:25.6px}}@media screen and (device-width:350px){.question .buttons{margin-bottom:28px}}@media screen and (device-width:375px){.question .buttons{margin-bottom:30px}}@media screen and (device-width:414px){.question .buttons{margin-bottom:33.12px}}@media screen and (device-width:768px){.question .buttons{margin-bottom:61.44px}}@media screen and (device-width:320px){.question .buttons{margin-left:-16px}}@media screen and (device-width:350px){.question .buttons{margin-left:-17.5px}}@media screen and (device-width:375px){.question .buttons{margin-left:-18.75px}}@media screen and (device-width:414px){.question .buttons{margin-left:-20.7px}}@media screen and (device-width:768px){.question .buttons{margin-left:-38.4px}}.question .buttons.tall{margin-bottom:7vh}.question .buttons .button{padding:.9em 0}.question .buttons .button:nth-child(1n+3){margin-top:4vw}.questions-progress-bars{position:absolute;bottom:7.8vh;height:13px;margin-bottom:-13px;left:14vw;right:0;display:flex;z-index:2;background:#c7c6c6}@media screen and (device-width:320px){.questions-progress-bars{left:44.8px}}@media screen and (device-width:350px){.questions-progress-bars{left:49px}}@media screen and (device-width:375px){.questions-progress-bars{left:52.5px}}@media screen and (device-width:414px){.questions-progress-bars{left:57.96px}}@media screen and (device-width:768px){.questions-progress-bars{left:107.52px}}.questions-progress-bars .progress-bar{margin-right:4px;background:#c7c6c6;transition:width .5s}.questions-progress-bars .progress-bar.active{background:#92bf20 url(../../static/media/leaf.dce88854.svg) calc(100% - 5px) 50% no-repeat;background-size:9px}.questions-progress-bars .progress-bar:last-child{margin-right:0}.summary-wrapper{text-align:left;height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;padding:0 0 calc(7.8vh - 13px) 14vw;box-sizing:border-box}.summary-wrapper:after{content:"";width:14px;height:14px;background:url(../../static/media/scroll.205b6475.svg);position:absolute;bottom:14px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-animation:bounce 1s ease-in-out infinite;animation:bounce 1s ease-in-out infinite;transition:opacity 1s ease}.summary-wrapper.scrolled:after{opacity:0}.summary-wrapper .scrollable-content{background:#fff;position:relative;padding:0 6.3vw 15vw;min-height:85%}@media screen and (device-width:320px){.summary-wrapper .scrollable-content{padding-right:20.16px}}@media screen and (device-width:350px){.summary-wrapper .scrollable-content{padding-right:22.05px}}@media screen and (device-width:375px){.summary-wrapper .scrollable-content{padding-right:23.625px}}@media screen and (device-width:414px){.summary-wrapper .scrollable-content{padding-right:26.082px}}@media screen and (device-width:768px){.summary-wrapper .scrollable-content{padding-right:48.384px}}@media screen and (device-width:320px){.summary-wrapper .scrollable-content{padding-bottom:48px}}@media screen and (device-width:350px){.summary-wrapper .scrollable-content{padding-bottom:52.5px}}@media screen and (device-width:375px){.summary-wrapper .scrollable-content{padding-bottom:56.25px}}@media screen and (device-width:414px){.summary-wrapper .scrollable-content{padding-bottom:62.1px}}@media screen and (device-width:768px){.summary-wrapper .scrollable-content{padding-bottom:115.2px}}@media screen and (device-width:320px){.summary-wrapper .scrollable-content{padding-left:20.16px}}@media screen and (device-width:350px){.summary-wrapper .scrollable-content{padding-left:22.05px}}@media screen and (device-width:375px){.summary-wrapper .scrollable-content{padding-left:23.625px}}@media screen and (device-width:414px){.summary-wrapper .scrollable-content{padding-left:26.082px}}@media screen and (device-width:768px){.summary-wrapper .scrollable-content{padding-left:48.384px}}.summary-wrapper .scrollable-content:before{content:"";display:table}.summary-wrapper .scrollable-content .back{left:0;bottom:5vw}@media screen and (device-width:320px){.summary-wrapper .scrollable-content .back{bottom:16px}}@media screen and (device-width:350px){.summary-wrapper .scrollable-content .back{bottom:17.5px}}@media screen and (device-width:375px){.summary-wrapper .scrollable-content .back{bottom:18.75px}}@media screen and (device-width:414px){.summary-wrapper .scrollable-content .back{bottom:20.7px}}@media screen and (device-width:768px){.summary-wrapper .scrollable-content .back{bottom:38.4px}}.summary-wrapper .title-wrapper+p{margin-bottom:6em}.summary-wrapper .button.wide{font-size:16px;padding:1em 0;font-weight:600;margin-top:1rem}.summary-wrapper .button.leaf{background:#358232}.summary-wrapper .button.positive{background:#235821}.summary-wrapper .button.simple{background:none;color:#358232;box-shadow:none;border:1px solid grey;margin-bottom:6em;margin-top:2.5em}.question .summary-wrapper .question-title,.summary-wrapper .question .question-title,.summary-wrapper h2{color:#84ae1a;font-size:24px;margin-top:1.2em;min-height:0;margin-bottom:1.8em}.summary-wrapper .conjunction{margin-top:-2em}.recommendation{margin-top:6em}.recommendation .header{margin-top:2.5em;display:flex;align-items:center;position:relative}.recommendation .header h3{margin-top:0;flex:1 1;text-align:left}.recommendation .packshot{display:block;max-width:100%;max-height:50vw;margin:10vw auto}.recommendation .number-hexagon{position:absolute;margin-left:-11vw}.processing-popup{position:absolute;top:0;bottom:0;left:0;right:0;background:url(../../static/media/preparing-background.169722d7.jpg) 50% 50% no-repeat;background-size:cover;z-index:10;transition:opacity 1.5s ease}.processing-popup .content{position:absolute;top:43%;left:50%;width:70%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.processing-popup .content .number-hexagon{width:40vw;height:40vw;margin:1.5em auto}.processing-popup .content .number-hexagon .hexagon{-webkit-filter:drop-shadow(0 8px 6px rgba(0,0,0,.3));filter:drop-shadow(0 8px 6px rgba(0,0,0,.3))}.processing-popup .content .number-hexagon .number{font-size:15vw}.processing-popup .content p{font-size:16px;line-height:1.5}.processing-popup.hidden{opacity:0}@font-face{font-family:"Source Sans Pro";font-weight:200;font-style:normal;font-stretch:normal;src:url(../../static/media/SourceSansPro-ExtraLight.ttf.c7c8c750.woff) format("woff")}@font-face{font-family:"Source Sans Pro";font-weight:200;font-style:italic;font-stretch:normal;src:url(../../static/media/SourceSansPro-ExtraLightIt.ttf.cc095dc1.woff) format("woff")}@font-face{font-family:"Source Sans Pro";font-weight:300;font-style:normal;font-stretch:normal;src:url(../../static/media/SourceSansPro-Light.ttf.d38432a6.woff) format("woff")}@font-face{font-family:"Source Sans Pro";font-weight:300;font-style:italic;font-stretch:normal;src:url(../../static/media/SourceSansPro-LightIt.ttf.6924b4c1.woff) format("woff")}@font-face{font-family:"Source Sans Pro";font-weight:400;font-style:normal;font-stretch:normal;src:url(../../static/media/SourceSansPro-Regular.ttf.467fd583.woff) format("woff")}@font-face{font-family:"Source Sans Pro";font-weight:400;font-style:italic;font-stretch:normal;src:url(../../static/media/SourceSansPro-It.ttf.c7d04078.woff) format("woff")}@font-face{font-family:"Source Sans Pro";font-weight:600;font-style:normal;font-stretch:normal;src:url(../../static/media/SourceSansPro-Semibold.ttf.ee442c96.woff) format("woff")}@font-face{font-family:"Source Sans Pro";font-weight:600;font-style:italic;font-stretch:normal;src:url(../../static/media/SourceSansPro-SemiboldIt.ttf.18f8b90f.woff) format("woff")}@font-face{font-family:"Source Sans Pro";font-weight:700;font-style:normal;font-stretch:normal;src:url(../../static/media/SourceSansPro-Bold.ttf.67abd201.woff) format("woff")}@font-face{font-family:"Source Sans Pro";font-weight:700;font-style:italic;font-stretch:normal;src:url(../../static/media/SourceSansPro-BoldIt.ttf.319a6781.woff) format("woff")}@font-face{font-family:"Source Sans Pro";font-weight:900;font-style:normal;font-stretch:normal;src:url(../../static/media/SourceSansPro-Black.ttf.9bd36470.woff) format("woff")}@font-face{font-family:"Source Sans Pro";font-weight:900;font-style:italic;font-stretch:normal;src:url(../../static/media/SourceSansPro-BlackIt.ttf.4fd8b443.woff) format("woff")}body{overflow-x:hidden;width:100vw;font-family:"Source Sans Pro",sans-serif;background:#fff}@media screen and (device-width:320px){body{width:320px}}@media screen and (device-width:350px){body{width:350px}}@media screen and (device-width:375px){body{width:375px}}@media screen and (device-width:414px){body{width:414px}}@media screen and (device-width:768px){body{width:768px}}.question .question-title,h2{margin-bottom:1.25em;font-weight:600;line-height:1.25;font-size:16px}.question .question-title b,h2 b{font-weight:900;color:#7fad00}h3{font-size:20px;font-weight:600;margin-top:2.5em}h3 b{font-weight:700}@media screen and (max-height:640px){.step-hexagon{width:25vw;height:25vw;top:4vw}.step-hexagon>.number{height:45%;right:50%}.step-hexagon>.label{font-size:5vw;left:6%}}@media screen and (min-width:700px) and (orientation:portrait){.question .question-title,h2{font-size:28px}h3{font-size:20px}.step-hexagon{width:18vw;height:18vw;left:5vw;top:9vw}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:320px){.step-hexagon{width:57.6px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:350px){.step-hexagon{width:63px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:375px){.step-hexagon{width:67.5px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:414px){.step-hexagon{width:74.52px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:768px){.step-hexagon{width:138.24px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:320px){.step-hexagon{height:57.6px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:350px){.step-hexagon{height:63px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:375px){.step-hexagon{height:67.5px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:414px){.step-hexagon{height:74.52px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:768px){.step-hexagon{height:138.24px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:320px){.step-hexagon{left:16px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:350px){.step-hexagon{left:17.5px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:375px){.step-hexagon{left:18.75px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:414px){.step-hexagon{left:20.7px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:768px){.step-hexagon{left:38.4px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:320px){.step-hexagon{top:28.8px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:350px){.step-hexagon{top:31.5px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:375px){.step-hexagon{top:33.75px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:414px){.step-hexagon{top:37.26px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:768px){.step-hexagon{top:69.12px}}@media screen and (min-width:700px) and (orientation:portrait){.step-hexagon>.label{font-size:3.4vw}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:320px){.step-hexagon>.label{font-size:10.88px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:350px){.step-hexagon>.label{font-size:11.9px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:375px){.step-hexagon>.label{font-size:12.75px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:414px){.step-hexagon>.label{font-size:14.076px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:768px){.step-hexagon>.label{font-size:26.112px}}@media screen and (min-width:700px) and (orientation:portrait){.cover{background-position:50% 30%}.cover .header{bottom:calc(12vw + 47px)}.cover .logo{width:30%;margin-left:32.5vw}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:320px){.cover .logo{margin-left:104px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:350px){.cover .logo{margin-left:113.75px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:375px){.cover .logo{margin-left:121.875px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:414px){.cover .logo{margin-left:134.55px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:768px){.cover .logo{margin-left:249.6px}}@media screen and (min-width:700px) and (orientation:portrait){.cover h1{font-size:5.3vw;margin-left:auto;margin-right:auto;width:35%}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:320px){.cover h1{font-size:16.96px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:350px){.cover h1{font-size:18.55px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:375px){.cover h1{font-size:19.875px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:414px){.cover h1{font-size:21.942px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:768px){.cover h1{font-size:40.704px}}@media screen and (min-width:700px) and (orientation:portrait){.cover .button{left:32.5vw;right:32.5vw;bottom:7vw;margin:auto}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:320px){.cover .button{left:104px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:350px){.cover .button{left:113.75px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:375px){.cover .button{left:121.875px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:414px){.cover .button{left:134.55px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:768px){.cover .button{left:249.6px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:320px){.cover .button{right:104px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:350px){.cover .button{right:113.75px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:375px){.cover .button{right:121.875px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:414px){.cover .button{right:134.55px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:768px){.cover .button{right:249.6px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:320px){.cover .button{bottom:22.4px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:350px){.cover .button{bottom:24.5px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:375px){.cover .button{bottom:26.25px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:414px){.cover .button{bottom:28.98px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:768px){.cover .button{bottom:53.76px}}@media screen and (min-width:700px) and (orientation:portrait){.cover .button:before{margin-left:0}.question .header-bar{height:52px;font-size:20px}.question .question-background{top:52px}.question .text{margin-left:8vw;margin-right:8vw}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:320px){.question .text{margin-left:25.6px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:350px){.question .text{margin-left:28px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:375px){.question .text{margin-left:30px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:414px){.question .text{margin-left:33.12px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:768px){.question .text{margin-left:61.44px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:320px){.question .text{margin-right:25.6px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:350px){.question .text{margin-right:28px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:375px){.question .text{margin-right:30px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:414px){.question .text{margin-right:33.12px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:768px){.question .text{margin-right:61.44px}}@media screen and (min-width:700px) and (orientation:portrait){.question .title-wrapper{min-height:18vw;padding-left:0;display:flex;align-items:center;margin-bottom:7em}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:320px){.question .title-wrapper{min-height:57.6px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:350px){.question .title-wrapper{min-height:63px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:375px){.question .title-wrapper{min-height:67.5px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:414px){.question .title-wrapper{min-height:74.52px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:768px){.question .title-wrapper{min-height:138.24px}}@media screen and (min-width:700px) and (orientation:portrait){.question .title-wrapper hgroup{margin-bottom:0}.question .question-title{min-height:auto;margin-bottom:0}.question .question-details{font-size:19px}.question .question-explanation{font-size:18px}.question .buttons{margin-bottom:8vh;margin-left:8vw;margin-right:8vw;width:auto}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:320px){.question .buttons{margin-left:25.6px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:350px){.question .buttons{margin-left:28px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:375px){.question .buttons{margin-left:30px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:414px){.question .buttons{margin-left:33.12px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:768px){.question .buttons{margin-left:61.44px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:320px){.question .buttons{margin-right:25.6px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:350px){.question .buttons{margin-right:28px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:375px){.question .buttons{margin-right:30px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:414px){.question .buttons{margin-right:33.12px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:768px){.question .buttons{margin-right:61.44px}}@media screen and (min-width:700px) and (orientation:portrait){.question .buttons .button{padding:.7em 0}.question .button{width:47.2%;font-size:24px}.panel .stripe{top:52px}.back{width:8.5vw;height:8.5vw}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:320px){.back{width:27.2px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:350px){.back{width:29.75px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:375px){.back{width:31.875px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:414px){.back{width:35.19px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:768px){.back{width:65.28px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:320px){.back{height:27.2px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:350px){.back{height:29.75px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:375px){.back{height:31.875px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:414px){.back{height:35.19px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:768px){.back{height:65.28px}}@media screen and (min-width:700px) and (orientation:portrait){.questions-progress-bars{height:21px;margin-bottom:-21px}.questions-progress-bars .progress-bar.active{background-position:6px 45%;background-size:14px}.number-hexagon{width:7.8vw;height:7.8vw}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:320px){.number-hexagon{width:24.96px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:350px){.number-hexagon{width:27.3px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:375px){.number-hexagon{width:29.25px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:414px){.number-hexagon{width:32.292px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:768px){.number-hexagon{width:59.904px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:320px){.number-hexagon{height:24.96px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:350px){.number-hexagon{height:27.3px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:375px){.number-hexagon{height:29.25px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:414px){.number-hexagon{height:32.292px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:768px){.number-hexagon{height:59.904px}}@media screen and (min-width:700px) and (orientation:portrait){.number-hexagon>.number{font-size:3.5vw;font-weight:700}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:320px){.number-hexagon>.number{font-size:11.2px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:350px){.number-hexagon>.number{font-size:12.25px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:375px){.number-hexagon>.number{font-size:13.125px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:414px){.number-hexagon>.number{font-size:14.49px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:768px){.number-hexagon>.number{font-size:26.88px}}@media screen and (min-width:700px) and (orientation:portrait){.summary-wrapper .title-wrapper{display:flex;align-items:center;margin-top:3em;margin-bottom:0;width:100%}.question .summary-wrapper .title-wrapper .question-title,.summary-wrapper .title-wrapper .question .question-title,.summary-wrapper .title-wrapper h2{font-size:36px;margin-bottom:0;min-height:auto}.summary-wrapper .title-wrapper+p{margin-bottom:0;margin-top:4em}.summary-wrapper .scrollable-content{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:start}.recommendation{display:flex}.recommendation.singular{width:45%}.recommendation.tripple .item.product:first-child p{width:335%;flex:auto}.recommendation.double p{width:222%;flex:auto}.recommendation .item{display:flex;flex-direction:column}.recommendation .item.conjunction{justify-content:center;align-items:center;width:10%}.recommendation .item.product{flex:1 1}.recommendation .item .header{margin-top:0;align-items:flex-start}.recommendation .item .header .number-hexagon{float:left;position:relative;margin-left:0;margin-right:1em;top:-.85em}.recommendation .item h3{margin-top:0;margin-bottom:2em}.recommendation .item .button{margin-bottom:0}.recommendation .item p{flex:1 1}.recommendation .item .packshot-wrapper{width:150px;height:150px;display:flex;justify-content:center;align-items:center;margin-bottom:2em}.recommendation .item .packshot-wrapper img{max-width:100%;max-height:100%;display:block;margin:0}.recommendation .number-hexagon{margin-left:-10.2vw;width:6vw;height:6vw}.actions{margin-top:12vw;width:100%;display:flex;justify-content:space-between}.actions>.button.wide{width:45%}.processing-popup .content .number-hexagon{width:35vw;height:35vw}.processing-popup .content .number-hexagon .number{font-size:12vw}.processing-popup .content p{font-size:24px}}
/*# sourceMappingURL=main.b6d231dc.chunk.css.map */