body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#root,.App{height:100%}.App{display:flex;-moz-flex-direction:column;-o-flex-direction:column;flex-direction:column;text-align:center}.App>div:not(#side-menu){height:calc(100vh - 48px);position:relative}.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)}}header{height:48px}.panel{position:absolute;left:0;top:0;bottom:0;overflow:hidden;width:100vw}@media screen and (min-aspect-ratio:3/4){.panel{width:75vh}}@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 (min-aspect-ratio:3/4){.panel .stripe{width:10.5vh}}@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{cursor:pointer;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.02c701af.svg) 50% 50% no-repeat;background-size:35%;margin-bottom:-7px}@media screen and (min-aspect-ratio:3/4){.back{width:9.54vh}}@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 (min-aspect-ratio:3/4){.back{height:9.54vh}}@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 (min-aspect-ratio:3/4){.back{left:10.5vh}}@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;text-align:left}.cover:before{content:none}.cover .header{position:absolute;bottom:calc(18vw + 47px)}@media screen and (min-aspect-ratio:3/4){.cover .header{bottom:calc(13.5vh + 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 (min-aspect-ratio:3/4){.cover h1{font-size:6.75vh}}@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 (min-aspect-ratio:3/4){.cover h1{margin-left:18.75vh}}@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 (min-aspect-ratio:3/4){.cover h1{width:41.25vh}}@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 (min-aspect-ratio:3/4){.cover .button{bottom:9vh}}@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 (min-aspect-ratio:3/4){.cover .button{left:12.75vh}}@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 (min-aspect-ratio:3/4){.cover .button{width:53.25vh}}@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 (min-aspect-ratio:3/4){.cover .button.wide{width:53.25vh}}@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 (min-aspect-ratio:3/4){.cover .logo{margin-left:18.75vh}}@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 (min-aspect-ratio:3/4){.cover .logo{width:35.25vh}}@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 (min-aspect-ratio:3/4){.step-hexagon{width:22.5vh}}@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 (min-aspect-ratio:3/4){.step-hexagon{height:22.5vh}}@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 (min-aspect-ratio:3/4){.step-hexagon{left:2.925vh}}@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 (min-aspect-ratio:3/4){.step-hexagon{top:.75vh}}@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 (min-aspect-ratio:3/4){.number-hexagon{width:7.5vh}}@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 (min-aspect-ratio:3/4){.number-hexagon{height:7.5vh}}@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{cursor:pointer;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 (min-aspect-ratio:3/4){.button{width:32.25vh}}@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.8b725438.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 (min-aspect-ratio:3/4){.question-wrapper{padding-top:26.25vh}}@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 (min-aspect-ratio:3/4){.question-wrapper{width:75vh}}@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;-moz-align-items:center;-ms-align-items:center;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.8b725438.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;-moz-flex-direction:column;flex-direction:column}@media screen and (min-aspect-ratio:3/4){.question .question-background{left:10.5vh}}@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 (min-aspect-ratio:3/4){.question .question-background{width:64.5vh}}@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;-moz-flex-direction:column;flex-direction:column;-moz-justify-content:flex-end;-ms-justify-content:flex-end;justify-content:flex-end;-ms-flex-pack: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;-moz-flex-direction:column;flex-direction:column}@media screen and (min-aspect-ratio:3/4){.question .text{margin-left:4.725vh}}@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 (min-aspect-ratio:3/4){.question .text{margin-right:4.725vh}}@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 (min-aspect-ratio:3/4){.question .buttons{width:68.25vh}}@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 (min-aspect-ratio:3/4){.question .buttons{margin-bottom:6vh}}@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 (min-aspect-ratio:3/4){.question .buttons{margin-left:-3.75vh}}@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{cursor:pointer;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 (min-aspect-ratio:3/4){.questions-progress-bars{left:10.5vh}}@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.8b725438.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;padding:0 0 calc(7.8vh - 13px) 14vw;box-sizing:border-box}@media screen and (min-aspect-ratio:3/4){.summary-wrapper{padding-left:10.5vh}}@media screen and (device-width:320px){.summary-wrapper{padding-left:44.8px}}@media screen and (device-width:350px){.summary-wrapper{padding-left:49px}}@media screen and (device-width:375px){.summary-wrapper{padding-left:52.5px}}@media screen and (device-width:414px){.summary-wrapper{padding-left:57.96px}}@media screen and (device-width:768px){.summary-wrapper{padding-left:107.52px}}.summary-wrapper:after{content:"";width:14px;height:14px;background:url(../../static/media/scroll.0a0c053f.svg);position:absolute;bottom:calc(68px + 2.05rem);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 (min-aspect-ratio:3/4){.summary-wrapper .scrollable-content{padding-right:4.725vh}}@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 (min-aspect-ratio:3/4){.summary-wrapper .scrollable-content{padding-bottom:11.25vh}}@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 (min-aspect-ratio:3/4){.summary-wrapper .scrollable-content{padding-left:4.725vh}}@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:-3vw;bottom:5vw}@media screen and (min-aspect-ratio:3/4){.summary-wrapper .scrollable-content .back{left:-2.25vh}}@media screen and (device-width:320px){.summary-wrapper .scrollable-content .back{left:-9.6px}}@media screen and (device-width:350px){.summary-wrapper .scrollable-content .back{left:-10.5px}}@media screen and (device-width:375px){.summary-wrapper .scrollable-content .back{left:-11.25px}}@media screen and (device-width:414px){.summary-wrapper .scrollable-content .back{left:-12.42px}}@media screen and (device-width:768px){.summary-wrapper .scrollable-content .back{left:-23.04px}}@media screen and (min-aspect-ratio:3/4){.summary-wrapper .scrollable-content .back{bottom:3.75vh}}@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}.summary-wrapper .actions{position:absolute;bottom:0;left:14vw;right:12.6vw;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0)}@media screen and (min-aspect-ratio:3/4){.summary-wrapper .actions{left:10.5vh}}@media screen and (device-width:320px){.summary-wrapper .actions{left:44.8px}}@media screen and (device-width:350px){.summary-wrapper .actions{left:49px}}@media screen and (device-width:375px){.summary-wrapper .actions{left:52.5px}}@media screen and (device-width:414px){.summary-wrapper .actions{left:57.96px}}@media screen and (device-width:768px){.summary-wrapper .actions{left:107.52px}}@media screen and (min-aspect-ratio:3/4){.summary-wrapper .actions{right:9.45vh}}@media screen and (device-width:320px){.summary-wrapper .actions{right:40.32px}}@media screen and (device-width:350px){.summary-wrapper .actions{right:44.1px}}@media screen and (device-width:375px){.summary-wrapper .actions{right:47.25px}}@media screen and (device-width:414px){.summary-wrapper .actions{right:52.164px}}@media screen and (device-width:768px){.summary-wrapper .actions{right:96.768px}}.summary-wrapper .actions .actions-container{position:relative;left:6.3vw;padding-top:.85rem;padding-bottom:1.7rem;background:#fff;display:flex;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;-ms-flex-pack:space-between}@media screen and (min-aspect-ratio:3/4){.summary-wrapper .actions .actions-container{left:4.725vh}}@media screen and (device-width:320px){.summary-wrapper .actions .actions-container{left:20.16px}}@media screen and (device-width:350px){.summary-wrapper .actions .actions-container{left:22.05px}}@media screen and (device-width:375px){.summary-wrapper .actions .actions-container{left:23.625px}}@media screen and (device-width:414px){.summary-wrapper .actions .actions-container{left:26.082px}}@media screen and (device-width:768px){.summary-wrapper .actions .actions-container{left:48.384px}}.summary-wrapper .actions .actions-container .button{width:calc(50% - 4px);display:inline-block;margin-top:.5rem}.summary-wrapper .actions .actions-container .button:first-child{background:#358232}.recommendation{margin-top:6em}.recommendation .header{margin-top:2.5em;display:flex;-moz-align-items:center;-ms-align-items:center;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}@media screen and (min-aspect-ratio:3/4){.recommendation .packshot{max-height:37.5vh}}@media screen and (device-width:320px){.recommendation .packshot{max-height:160px}}@media screen and (device-width:350px){.recommendation .packshot{max-height:175px}}@media screen and (device-width:375px){.recommendation .packshot{max-height:187.5px}}@media screen and (device-width:414px){.recommendation .packshot{max-height:207px}}@media screen and (device-width:768px){.recommendation .packshot{max-height:384px}}@media screen and (min-aspect-ratio:3/4){.recommendation .packshot{margin-top:7.5vh}}@media screen and (device-width:320px){.recommendation .packshot{margin-top:32px}}@media screen and (device-width:350px){.recommendation .packshot{margin-top:35px}}@media screen and (device-width:375px){.recommendation .packshot{margin-top:37.5px}}@media screen and (device-width:414px){.recommendation .packshot{margin-top:41.4px}}@media screen and (device-width:768px){.recommendation .packshot{margin-top:76.8px}}@media screen and (min-aspect-ratio:3/4){.recommendation .packshot{margin-bottom:7.5vh}}@media screen and (device-width:320px){.recommendation .packshot{margin-bottom:32px}}@media screen and (device-width:350px){.recommendation .packshot{margin-bottom:35px}}@media screen and (device-width:375px){.recommendation .packshot{margin-bottom:37.5px}}@media screen and (device-width:414px){.recommendation .packshot{margin-bottom:41.4px}}@media screen and (device-width:768px){.recommendation .packshot{margin-bottom:76.8px}}.recommendation .number-hexagon{position:absolute;margin-left:-11vw}@media screen and (min-aspect-ratio:3/4){.recommendation .number-hexagon{margin-left:-8.25vh}}@media screen and (device-width:320px){.recommendation .number-hexagon{margin-left:-35.2px}}@media screen and (device-width:350px){.recommendation .number-hexagon{margin-left:-38.5px}}@media screen and (device-width:375px){.recommendation .number-hexagon{margin-left:-41.25px}}@media screen and (device-width:414px){.recommendation .number-hexagon{margin-left:-45.54px}}@media screen and (device-width:768px){.recommendation .number-hexagon{margin-left:-84.48px}}.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}@media screen and (min-aspect-ratio:3/4){.processing-popup .content .number-hexagon{width:30vh}}@media screen and (device-width:320px){.processing-popup .content .number-hexagon{width:128px}}@media screen and (device-width:350px){.processing-popup .content .number-hexagon{width:140px}}@media screen and (device-width:375px){.processing-popup .content .number-hexagon{width:150px}}@media screen and (device-width:414px){.processing-popup .content .number-hexagon{width:165.6px}}@media screen and (device-width:768px){.processing-popup .content .number-hexagon{width:307.2px}}@media screen and (min-aspect-ratio:3/4){.processing-popup .content .number-hexagon{height:30vh}}@media screen and (device-width:320px){.processing-popup .content .number-hexagon{height:128px}}@media screen and (device-width:350px){.processing-popup .content .number-hexagon{height:140px}}@media screen and (device-width:375px){.processing-popup .content .number-hexagon{height:150px}}@media screen and (device-width:414px){.processing-popup .content .number-hexagon{height:165.6px}}@media screen and (device-width:768px){.processing-popup .content .number-hexagon{height:307.2px}}.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}@media screen and (min-aspect-ratio:3/4){.processing-popup .content .number-hexagon .number{font-size:11.25vh}}@media screen and (device-width:320px){.processing-popup .content .number-hexagon .number{font-size:48px}}@media screen and (device-width:350px){.processing-popup .content .number-hexagon .number{font-size:52.5px}}@media screen and (device-width:375px){.processing-popup .content .number-hexagon .number{font-size:56.25px}}@media screen and (device-width:414px){.processing-popup .content .number-hexagon .number{font-size:62.1px}}@media screen and (device-width:768px){.processing-popup .content .number-hexagon .number{font-size:115.2px}}.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")}html{overflow:hidden;background:grey}body,html{height:100%}body{max-width:75vh;background:#fff;overflow-x:hidden;width:100vw;font-family:"Source Sans Pro",sans-serif;overflow:hidden;margin:auto;position:relative;-webkit-font-smoothing:antialiased;display:flex;-moz-flex-direction:column;flex-direction:column}@media screen and (min-aspect-ratio:3/4){body{width:75vh}}@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}.App>header{height:48px;background-color:#fff;position:relative;z-index:20;display:flex;-moz-flex-direction:row;flex-direction:row;flex-wrap:wrap;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;-ms-flex-pack:space-between;-moz-align-items:center;-ms-align-items:center;align-items:center;box-shadow:0 2px 3px rgba(0,0,0,.25)}.App>header .right-actions{white-space:nowrap}.App>header .logo{width:48px;height:48px;background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAABACAMAAAB83JS9AAAApVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABU/knhAAAANnRSTlMAbnu2RPGp0KVYknJROuDIjXdeKvXt48OemDEmIA3bvLOHgWM+Ni4bCgbq5yIR1q1qZhRKQAJo+RGxAAAB/UlEQVRIx+2WWXKjMBBAZWx2sFmM2TEmeEu8JjN9/6PNVBJJhkTbbyrvSyXpFa2ubgnEIJgSCqTEHiiZmvoEFP2opBrwwEzFPOiPqqOiRvDISkW1sKUe8TOWlCPuYchcXs1ghHxVrMZqLmuW2FiYqjnuSGYdPCol1TkWaD1u5MwTLYVKsSrueL+BUILHsZSa4u0hQi0eu2qtukNIw+OLZKvSGtqBSsQGOeog26HYPC8Hx7NIeYhVGzA++s8NMKV86ScHNDhsKN+q1qi0UpFJvzL5mHDIRC1QA3rU8TUVCdQXvHH5eftWIJnjGDBXPGWSqVeuOgGM8Wf2Tr8mUx5XNYFDyzMr4HLmqDe+anPUlq9abPMV+CxrTqsKiMStqh5xIlITlukBwQk1QhjQeU/4ql5YhWKISh+C4cJGFPGOGdcbXfG/VR1g9UgtyvGK3Zm0e3TGq8p8Je50bctoVdZyTNcCbqvqfxnJZ0S8BeBcmwav82J3gim+qhVZdH30y4/ksC+3M/tmS20+1lXs2+EmN6aLRhf9+x3Pp6KPtCC/rheXFx0eeTYzLZoNAil7L3I7J2vXZpMsYUwzzTYTzz/VVPG73Jqm5lz//sZv0qujPb0Ve/QVooyiWluBa/s1YhMOPzJftHnnFfuj9N+v3qS5a/fxGcljG93d21YHpMw/AbXm9BPnFwMAAAAASUVORK5CYII=) 50% no-repeat;background-size:45%;pointer-events:none;margin-left:25px}.App>header .exit{height:100%;display:flex;justify-content:center;align-items:center;width:40px;outline:none;position:absolute;top:0;left:0;z-index:1}.App>header .exit img{height:20px;width:11px;width:11.3px;display:block;position:relative;z-index:1}#side-menu .blend{background:#235821;opacity:0;pointer-events:none;position:absolute;top:0;left:0;bottom:0;right:0;transition:opacity .4s;z-index:201}#side-menu .scroller{background:#fff;height:100%;position:absolute;width:85%;top:0;right:-85%;transition:right .5s ease;overflow-y:scroll;z-index:202;-webkit-overflow-scrolling:touch}#side-menu nav{height:100%;display:flex;-moz-flex-direction:column;flex-direction:column;-moz-justify-content:flex-end;-ms-justify-content:flex-end;justify-content:flex-end;-ms-flex-pack:flex-end;background:#fff;color:#00275b;position:relative;box-sizing:border-box}#side-menu nav:before{content:"";display:table}#side-menu nav>ul{margin-top:30px}#side-menu nav>ul:first-child{margin-top:48px;flex:1 1;overflow:scroll}#side-menu nav>ul:last-child{margin-top:0;width:100%}#side-menu nav>ul:last-child li{border-top:1px solid #8a9db2;border-bottom:none}#side-menu nav>ul li.is-parent{position:relative}#side-menu nav>ul li.is-parent:after,#side-menu nav>ul li.is-parent:before{display:block;content:"";width:18px;height:2px;position:absolute;right:18px;background-color:#000;top:23px;margin-top:-1px;transition:all .5s ease}#side-menu nav>ul li.is-parent:before{width:2px;height:18px;right:26px;margin-top:-9px}#side-menu nav>ul li.is-parent.expanded:after,#side-menu nav>ul li.is-parent.expanded:before{-webkit-transform:rotate(180deg);transform:rotate(180deg)}#side-menu nav>ul li.is-parent.expanded:before{height:0;margin-top:0}#side-menu nav>ul li .row{height:48px;padding-left:6px;display:flex;border-bottom:1px solid #8a9db2;padding-right:54px}#side-menu nav>ul li .row .icon-area{width:48px;display:flex;-moz-align-items:center;-ms-align-items:center;align-items:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;-ms-flex-pack:center}#side-menu nav>ul li .row .label{flex:1 1;-ms-align-self:center;align-self:center;font-weight:600;font-size:13px;text-align:left}#side-menu nav>ul li .submenu{min-height:0;height:0;overflow:hidden;transition:all .5s ease}#side-menu nav>ul li .submenu li{font-size:12px;font-weight:600}#side-menu nav>ul li .submenu li .row{padding-left:54px;height:48px;align-items:center}#side-menu nav>ul li .submenu .submenu li .row{padding-left:69.84px;color:#575757;font-weight:400}#side-menu nav>ul li.expanded>.submenu-container>.submenu{height:auto;min-height:48px}#side-menu nav>ul li .icon{width:20px;height:20px}#side-menu nav>ul li .icon img{display:block;height:20px;width:auto;margin:0 auto}#side-menu nav>ul li .icon.exit img{height:25px}#side-menu nav>ul li .letter.icon{border-radius:50%;line-height:20px;color:#fff;font-weight:700;font-size:14px;text-align:center}#side-menu nav li{background-color:#fff;cursor:pointer}#side-menu nav li.red{color:#a76c47}#side-menu nav li.red .letter.icon,#side-menu nav li.red .submenu>li:after,#side-menu nav li.red .submenu>li:before,#side-menu nav li.red:after,#side-menu nav li.red:before{background:#a76c47!important}#side-menu nav li.green{color:#73793b}#side-menu nav li.green .letter.icon,#side-menu nav li.green .submenu>li:after,#side-menu nav li.green .submenu>li:before,#side-menu nav li.green:after,#side-menu nav li.green:before{background:#73793b!important}#side-menu nav li.blue{color:#396e75}#side-menu nav li.blue .letter.icon,#side-menu nav li.blue .submenu>li:after,#side-menu nav li.blue .submenu>li:before,#side-menu nav li.blue:after,#side-menu nav li.blue:before{background:#396e75!important}#side-menu nav li.yellow{color:#62625a}#side-menu nav li.yellow .letter.icon,#side-menu nav li.yellow .submenu>li:after,#side-menu nav li.yellow .submenu>li:before,#side-menu nav li.yellow:after,#side-menu nav li.yellow:before{background:#62625a!important}#side-menu nav li.gray{color:#000}#side-menu nav li.gray .letter.icon,#side-menu nav li.gray .submenu>li:after,#side-menu nav li.gray .submenu>li:before,#side-menu nav li.gray:after,#side-menu nav li.gray:before{background:#000!important}#side-menu nav li.black{color:#000}#side-menu nav li.black .letter.icon,#side-menu nav li.black .submenu>li:after,#side-menu nav li.black .submenu>li:before,#side-menu nav li.black:after,#side-menu nav li.black:before{background:#000!important}#side-menu.expanded .blend,#side-menu.expanded .close{opacity:.8;pointer-events:all}#side-menu.expanded .scroller{right:0}#side-menu .home{display:none}#hamburger{box-sizing:border-box;cursor:pointer;margin-right:10px;padding:12px 10px;height:40px;display:inline-block;-webkit-tap-highlight-color:transparent}#hamburger>.hamburger-icon{position:relative;width:20px;height:2px;background:#000;margin-top:7px}#hamburger>.hamburger-icon:after,#hamburger>.hamburger-icon:before{content:"";width:20px;height:2px;background:#000;position:absolute;left:0}#hamburger>.hamburger-icon:before{top:-6px}#hamburger>.hamburger-icon:after{bottom:-6px}.close{width:45px;height:45px;margin:0 5px;background:#fff url(../../static/media/close.33d0ff18.svg) 50% 50% no-repeat;background-size:15px;border-radius:50%;cursor:pointer;opacity:0;pointer-events:none;position:absolute;top:2px;right:0;transition:opacity .4s;-webkit-tap-highlight-color:transparent;z-index:203}#side-menu nav>ul li .row{border-bottom:none}#side-menu nav>ul{margin-top:48px!important}#side-menu nav>ul li{background:url(../../static/media/arrow-right.6fe48390.svg) calc(100% - 24px) 50% no-repeat;background-size:8px;border-bottom:1px solid #b4b4b4;border-top:none;color:#000!important;padding-left:14px}#side-menu nav>ul li.exit{background:none}@media screen and (max-aspect-ratio:1/2){.iPhone.magloftShell #side-menu nav>ul:last-child{margin-bottom:20px}}@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 (min-aspect-ratio:3/4){.step-hexagon{width:13.5vh}}@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 (min-aspect-ratio:3/4){.step-hexagon{height:13.5vh}}@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 (min-aspect-ratio:3/4){.step-hexagon{left:3.75vh}}@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 (min-aspect-ratio:3/4){.step-hexagon{top:6.75vh}}@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 (min-aspect-ratio:3/4){.step-hexagon>.label{font-size:2.55vh}}@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 (min-aspect-ratio:3/4){.cover .logo{margin-left:24.375vh}}@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 (min-aspect-ratio:3/4){.cover h1{font-size:3.975vh}}@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,.cover .button.wide{left:32.5vw;right:32.5vw;bottom:7vw;margin:auto;width:auto}}@media screen and (min-width:700px) and (orientation:portrait) and (min-aspect-ratio:3/4){.cover .button,.cover .button.wide{left:24.375vh}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:320px){.cover .button,.cover .button.wide{left:104px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:350px){.cover .button,.cover .button.wide{left:113.75px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:375px){.cover .button,.cover .button.wide{left:121.875px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:414px){.cover .button,.cover .button.wide{left:134.55px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:768px){.cover .button,.cover .button.wide{left:249.6px}}@media screen and (min-width:700px) and (orientation:portrait) and (min-aspect-ratio:3/4){.cover .button,.cover .button.wide{right:24.375vh}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:320px){.cover .button,.cover .button.wide{right:104px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:350px){.cover .button,.cover .button.wide{right:113.75px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:375px){.cover .button,.cover .button.wide{right:121.875px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:414px){.cover .button,.cover .button.wide{right:134.55px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:768px){.cover .button,.cover .button.wide{right:249.6px}}@media screen and (min-width:700px) and (orientation:portrait) and (min-aspect-ratio:3/4){.cover .button,.cover .button.wide{bottom:5.25vh}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:320px){.cover .button,.cover .button.wide{bottom:22.4px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:350px){.cover .button,.cover .button.wide{bottom:24.5px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:375px){.cover .button,.cover .button.wide{bottom:26.25px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:414px){.cover .button,.cover .button.wide{bottom:28.98px}}@media screen and (min-width:700px) and (orientation:portrait) and (device-width:768px){.cover .button,.cover .button.wide{bottom:53.76px}}@media screen and (min-width:700px) and (orientation:portrait){.cover .button.wide:before,.cover .button:before{margin-left:0}}@media screen and (min-width:700px) and (orientation:portrait){.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 (min-aspect-ratio:3/4){.question .text{margin-left:6vh}}@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 (min-aspect-ratio:3/4){.question .text{margin-right:6vh}}@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;-moz-align-items:center;-ms-align-items:center;align-items:center;margin-bottom:7em}}@media screen and (min-width:700px) and (orientation:portrait) and (min-aspect-ratio:3/4){.question .title-wrapper{min-height:13.5vh}}@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}}@media screen and (min-width:700px) and (orientation:portrait){.question .question-title{min-height:auto;margin-bottom:0}}@media screen and (min-width:700px) and (orientation:portrait){.question .question-details{font-size:19px}}@media screen and (min-width:700px) and (orientation:portrait){.question .question-explanation{font-size:18px}}@media screen and (min-width:700px) and (orientation:portrait){.question .buttons{margin-bottom:8vh;margin-left:8vw;margin-right:8vw;width:auto}}@media screen and (min-width:700px) and (orientation:portrait) and (min-aspect-ratio:3/4){.question .buttons{margin-left:6vh}}@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 (min-aspect-ratio:3/4){.question .buttons{margin-right:6vh}}@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}}@media screen and (min-width:700px) and (orientation:portrait){.question .button{width:47.2%;font-size:24px}}@media screen and (min-width:700px) and (orientation:portrait){.panel .stripe{top:52px}}@media screen and (min-width:700px) and (orientation:portrait){.back{width:8.5vw;height:8.5vw}}@media screen and (min-width:700px) and (orientation:portrait) and (min-aspect-ratio:3/4){.back{width:6.375vh}}@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 (min-aspect-ratio:3/4){.back{height:6.375vh}}@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}}@media screen and (min-width:700px) and (orientation:portrait){.number-hexagon{width:7.8vw;height:7.8vw}}@media screen and (min-width:700px) and (orientation:portrait) and (min-aspect-ratio:3/4){.number-hexagon{width:5.85vh}}@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 (min-aspect-ratio:3/4){.number-hexagon{height:5.85vh}}@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 (min-aspect-ratio:3/4){.number-hexagon>.number{font-size:2.625vh}}@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;-moz-align-items:center;-ms-align-items:center;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;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;-ms-flex-pack:space-between;-moz-align-items:flex-start;-ms-align-items:flex-start;align-items:flex-start}}@media screen and (min-width:700px) and (orientation:portrait){.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;-moz-flex-direction:column;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;-moz-align-items:flex-start;-ms-align-items:flex-start;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;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;-ms-flex-pack:center;-moz-align-items:center;-ms-align-items: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}}@media screen and (min-width:700px) and (orientation:portrait){.actions{margin-top:12vw;width:100%;display:flex;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;-ms-flex-pack:space-between}.actions>.button.wide{width:45%}}@media screen and (min-width:700px) and (orientation:portrait){.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.74b3e4bb.chunk.css.map */