body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,body *{box-sizing:border-box;max-height:1000000px;-webkit-text-size-adjust:none;text-size-adjust:none;font-size-adjust:none}#root,body,html{margin:0;padding:0;width:100%;height:100%}html body *,html body :focus{outline:none}.dropdown{--dropdown-height:40px;--dropdown-img-size:24px;--dropdown-icon-size:16px;--dropdown-padding:6px;--dropdown-inner-height:calc(var(--dropdown-height) - var(--border-size)*2);position:fixed;top:20px;right:20px;padding:0;margin:0;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.dropdown .dropdown-toggle{position:relative;top:10px;right:10px;margin-bottom:1em;border:var(--border-size) solid var(--color-gray-medium);border-radius:calc(var(--dropdown-height)/2);cursor:pointer;height:var(--dropdown-height);line-height:var(--dropdown-height);padding:0 var(--dropdown-padding);z-index:99;background:#fff;transition:all .2s}.dropdown .dropdown-toggle:hover{border-color:var(--color-black)}.dropdown .dropdown-toggle:hover .dropdown-toggle-icon,.dropdown .dropdown-toggle:hover .dropdown-toggle-img{transform:scale(1.1)}.dropdown .dropdown-toggle-icon,.dropdown .dropdown-toggle-img{transform:scale(1);transition:transform .2s}.dropdown .dropdown-toggle-icon,.dropdown .dropdown-toggle-img,.dropdown .dropdown-toggle-text{vertical-align:top;display:inline-block;position:relative}.dropdown .dropdown-toggle-text{height:var(--dropdown-inner-height);line-height:calc(var(--line-height-factor)*var(--dropdown-inner-height))}.dropdown .dropdown-toggle-img{height:var(--dropdown-inner-height);width:var(--dropdown-img-size);margin-right:calc(var(--border-size) + var(--dropdown-padding))}.dropdown .dropdown-toggle-img img,.dropdown .dropdown-toggle-img svg{display:block;position:relative;top:var(--dropdown-padding);width:var(--dropdown-img-size);height:var(--dropdown-img-size)}.dropdown .dropdown-toggle-icon{top:calc(var(--border-size)*-1);height:var(--dropdown-height);margin-left:calc(var(--border-size) + var(--dropdown-padding));width:var(--dropdown-img-size)}.dropdown .dropdown-toggle-icon:after,.dropdown .dropdown-toggle-icon:before{content:"";width:var(--dropdown-icon-size);height:var(--dropdown-icon-size);position:absolute;top:50%;left:50%;margin-left:calc(var(--dropdown-icon-size)/-2);margin-top:calc(var(--dropdown-icon-size)/-2);background-size:contain;background-repeat:no-repeat;background-position:50% 50%;transform:rotate(0);transition:all var(--transition-time)}.dropdown .dropdown-toggle-icon:after{opacity:1;background-image:url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwMCIgd2lkdGg9IjMwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZD0iTTMzLjg4MyAyNi42OWgzMi4yMzVjNC44NzkgMCA4Ljg2OS0zLjQ5NyA4Ljg2OS03Ljc3MSAwLTQuMjcyLTMuOTktNy43Ny04Ljg2OS03Ljc3SDMzLjg4M2MtNC44NzkgMC04Ljg3IDMuNDk3LTguODcgNy43NyAwIDQuMjc0IDMuOTkxIDcuNzcxIDguODcgNy43NzF6TTY2LjExOCA3My4zMUgzMy44ODNjLTQuODc5IDAtOC44NyAzLjQ5Ny04Ljg3IDcuNzcxIDAgNC4yNzIgMy45OTEgNy43NyA4Ljg3IDcuNzdoMzIuMjM1YzQuODc5IDAgOC44NjktMy40OTcgOC44NjktNy43NyAwLTQuMjc0LTMuOTktNy43NzEtOC44NjktNy43NzF6TTg2LjEzIDQyLjIzSDEzLjg3MWMtNC44NzkgMC04Ljg3IDMuNDk2LTguODcgNy43N3MzLjk5MSA3Ljc3IDguODcgNy43N0g4Ni4xM2M0Ljg3OSAwIDguODY5LTMuNDk2IDguODY5LTcuNzdzLTMuOTktNy43Ny04Ljg2OS03Ljc3eiIvPjwvc3ZnPg==")}.dropdown .dropdown-toggle-icon:before{opacity:0;background-size:90%;background-image:url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwMCIgd2lkdGg9IjMwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZD0iTTYxLjIgNTAuNWwzMi4xIDMyLjFjMyAzIDMgNy43IDAgMTAuNy0zIDMtNy43IDMtMTAuNyAwTDUwLjUgNjEuMiAxOC40IDkzLjNjLTMgMy03LjcgMy0xMC43IDAtMy0zLTMtNy43IDAtMTAuN2wzMi4xLTMyLjFMNy43IDE4LjRjLTMtMy0zLTcuNyAwLTEwLjdzNy43LTMgMTAuNyAwbDMyLjEgMzIuMUw4Mi42IDcuN2MzLTMgNy43LTMgMTAuNyAwIDMgMyAzIDcuNyAwIDEwLjdMNjEuMiA1MC41eiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=")}.dropdown .dropdown-item{cursor:pointer;margin:0 0 10px}.dropdown .dropdown-list{position:absolute;top:0;right:calc(-100% - var(--dropdown-height));border:var(--border);border-radius:30px;margin:-10px;padding:70px 20px 10px 28px;background:#fff;z-index:1;opacity:0;transition:right .2s,opacity var(--transition-time);min-width:calc(100% + var(--dropdown-height))}.dropdown.dropdown-open .dropdown-toggle-icon:before{opacity:1;transform:rotate(90deg)}.dropdown.dropdown-open .dropdown-toggle-icon:after{opacity:0;transform:rotate(90deg)}.dropdown.dropdown-open .dropdown-list{right:0;opacity:1}.nav-dropdown a{font-weight:700;color:#fff;text-decoration:none;padding-left:0;transition:padding var(--transition-time)}.nav-dropdown a.active,.nav-dropdown a:hover{padding-left:5px}.nav-dropdown .dropdown-list{border:none;background:var(--color-red);background-color:var(--color-red)}.nav-dropdown.smiley-angry .dropdown-toggle-img svg path{fill:var(--color-red)}.nav-dropdown.smiley-disappointed .dropdown-toggle-img svg path{fill:var(--color-orange)}.nav-dropdown.smiley-happy .dropdown-toggle-img svg path,.nav-dropdown.smiley-smirk .dropdown-toggle-img svg path{fill:var(--color-green)}.splash-screen{width:100%;height:100%;position:fixed;top:0;left:0;text-align:center;padding-top:calc(50vh + 100px);opacity:1;pointer-events:none;background:#fff;margin-top:0;z-index:99999999;transition:all 2s 1s}.splash-screen:before{content:"";position:absolute;top:0;left:0;width:100%;height:50vh;background:linear-gradient(hsla(0,0%,100%,0),#fff);transform:translateY(-50vh)}.splash-screen .logo{display:block;position:absolute;top:50%;left:50%;width:200px;height:200px;max-width:calc(100vw - var(--padding-large)*2);max-height:calc(100vh - var(--padding-large)*2);transform:translate(-50%,-50%);margin-top:0;transition:margin 1s}.splash-screen .content{animation:splash_show 1s}.splash-screen.hide{opacity:0;margin-top:100vh;pointer-events:none}@keyframes splash_show{0%{opacity:0}to{opacity:1}}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:url(/static/media/overlay-trans.7dd888c1.png) 50% 50% no-repeat;background-size:100% 100%;z-index:0;pointer-events:none}@media (orientation:portrait){.overlay{width:100vh;height:100vw;transform:rotate(90deg) translateY(-100%);transform-origin:top left}}.page-login .container.speech{width:480px;margin:var(--padding-large) auto}.form,form{opacity:1;transition:all .5s;filter:none}.form.busy,form.busy{opacity:.8;pointer-events:none;filter:grayscale()}.input,input:not([type=button]),textarea{background:#fff;border-radius:var(--border-radius);border:1px solid var(--color-gray-medium);color:var(--color-gray);margin:var(--padding-tiny) 0;padding:0 var(--padding-tiny);height:var(--input-height);line-height:var(--input-height);font-size:1em;transition:border-color var(--transition-time);width:100%}.input:focus,input:not([type=button]):focus,textarea:focus{border-color:var(--color-gray)}.label,label{text-align:left;display:block;margin:0 0 1em}.label span,label span{display:block;padding-left:var(--padding-tiny);color:var(--color-black);font-weight:400;font-size:1.05em}.button,button{background-color:var(--color-main);border-radius:var(--input-height);border:var(--border-size) solid var(--color-main);color:#fff;margin:.5em 0;padding:0 1.7em;height:var(--input-height);line-height:calc(var(--input-height)*var(--line-height-factor)*0.9);font-weight:700;font-size:1em;text-align:center;cursor:pointer;width:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color var(--transition-time),color var(--transition-time),border-color var(--transition-time)}.button span,button span{vertical-align:middle;line-height:1}.button.secondary,button.secondary{background-color:#fff;border-color:var(--color-gray-medium);color:var(--color-black)}.button.secondary:not(.large),button.secondary:not(.large){font-size:.9em;padding:0 1.2em;border-radius:var(--input-height-small);height:var(--input-height-small);line-height:calc(var(--input-height-small)*var(--line-height-factor)*0.9)}.button.secondary:not(.large).empty,.button.secondary:not(.large).round,button.secondary:not(.large).empty,button.secondary:not(.large).round{width:var(--input-height-small);padding:0}.button.secondary:after,.button.secondary:before,button.secondary:after,button.secondary:before{color:var(--color-black);border-color:var(--color-black)}.button.icon-next,.button.icon-next.secondary,.button.icon-right,.button.icon-right.secondary,button.icon-next,button.icon-next.secondary,button.icon-right,button.icon-right.secondary{position:relative;padding-right:calc(var(--padding-small) + 24px)}.button.icon-next.secondary svg,.button.icon-next svg,.button.icon-right.secondary svg,.button.icon-right svg,button.icon-next.secondary svg,button.icon-next svg,button.icon-right.secondary svg,button.icon-right svg{position:absolute;right:var(--padding-small);top:50%;transform:rotate(180deg) translateY(-50%);transform-origin:0 0}.button.icon-next.empty svg,.button.icon-right.empty svg,button.icon-next.empty svg,button.icon-right.empty svg{left:50%;right:auto;transform:rotate(180deg) translate(-50%,-50%)}.button.icon-left,.button.icon-left.secondary,.button.icon-prev,.button.icon-prev.secondary,button.icon-left,button.icon-left.secondary,button.icon-prev,button.icon-prev.secondary{position:relative;padding-left:calc(var(--padding-small) + 24px)}.button.icon-left.secondary svg,.button.icon-left svg,.button.icon-prev.secondary svg,.button.icon-prev svg,button.icon-left.secondary svg,button.icon-left svg,button.icon-prev.secondary svg,button.icon-prev svg{position:absolute;top:50%;left:var(--padding-small);transform:translateY(-50%)}.button.icon-left.empty svg,.button.icon-prev.empty svg,button.icon-left.empty svg,button.icon-prev.empty svg{left:50%;transform:translate(-50%,-50%)}.button.empty,.button.round,button.empty,button.round{padding:0;width:var(--input-height);text-align:center}.button.disabled,.button[disabled],button.disabled,button[disabled]{pointer-events:none;background-color:var(--color-gray-light);border-color:var(--color-gray-medium);color:var(--color-gray);opacity:.8}.button.disabled:after,.button.disabled:before,.button[disabled]:after,.button[disabled]:before,button.disabled:after,button.disabled:before,button[disabled]:after,button[disabled]:before{color:var(--color-gray);border-color:var(--color-gray)}.button.disabled svg path,.button[disabled] svg path,button.disabled svg path,button[disabled] svg path{fill:var(--color-gray)}.button:hover:not(.secondary),button:hover:not(.secondary){border-color:var(--color-red-dark);background-color:var(--color-red-dark)}.button:hover.secondary,.button:hover.secondary:after,.button:hover.secondary:before,button:hover.secondary,button:hover.secondary:after,button:hover.secondary:before{border-color:var(--color-black);color:var(--color-black)}.button:not(.fullwidth),button:not(.fullwidth){margin:calc(var(--padding-small)/2)}.button.fullwidth,button.fullwidth{width:100%;margin:calc(var(--padding-small)/2) 0}.button.left,button.left{float:left;margin-left:0}.button.right,button.right{float:right;margin-right:0}.button.hidden,button.hidden{display:none}.container{max-width:100%;width:660px;margin:0 auto;position:relative}.container.center{text-align:center}.container.large{width:720px}.container.fullwidth{width:100%}.container.borders{border:2px solid var(--color-gray);border-radius:8px;padding:var(--padding-large);background:#fff}.container.speech{margin:var(--padding-small) 0;padding:var(--padding-small)}.container.speech .toggle-button-group{margin-top:calc(var(--padding-tiny)*-1)}.container.speech .avatar-chooser{margin-top:0;margin-bottom:0}.container.speech:after{content:"";position:absolute;top:0;left:50%;margin:-9px 0 0 -6px;width:13px;height:13px;background:#fff;border:2px solid var(--color-black);border-left:none;border-bottom:none;border-radius:3px;transform:rotate(-45deg)}.container.speech.arrow-left:after{top:50%;left:-3px;transform:rotate(225deg)}.container.speech.arrow-right:after{top:50%;left:auto;right:-9px;transform:rotate(45deg)}.container.speech.arrow-bottom:after{top:auto;left:50%;bottom:-9px;transform:rotate(135deg)}.page-home{--home-content-z:200;--home-background-z:100;--home-background-width:1200px;--home-background-height:1200px;--home-background-offset:calc(var(--home-background-height)*-1 + 340px);--home-buttons-offset:-140px;--home-avatar-width:60px;--home-avatar-bottom:180px;--home-mountain-height:200px}.page-home .container{position:relative}.page-home .header{position:relative;z-index:var(--home-content-z)}.page-home .header ul{list-style:none;padding:0;margin:0}.page-home .toggle-button-group.type-medium{position:relative;z-index:var(--home-content-z);display:block;width:100%;margin:0}.page-home .background{position:relative;margin-top:var(--home-background-offset);margin-bottom:var(--home-buttons-offset);width:var(--home-background-width);height:var(--home-background-height);z-index:var(--home-background-z);left:50%;transform:translateX(-50%);background:#fff}.page-home .background *{position:absolute}.page-home .background .mountain,.page-home .background .sky{bottom:0;left:50%;transform:translateX(-50%);width:100%;background-repeat:no-repeat}.page-home .background .sky{height:100%;background-position:bottom;background-size:100%;background-image:url(/static/media/bg.cde9d50b.png);z-index:2}.page-home .background .mountain{background-position:top;background-size:100% 100%;background-image:url(/static/media/mountain.7bdb327e.png);z-index:110;height:var(--home-mountain-height)}.page-home .background .avatar{left:calc(var(--home-background-width)/2);bottom:var(--home-avatar-bottom);z-index:120;transform-origin:bottom center}.page-home .background .avatar svg{width:var(--home-avatar-width);height:auto;position:absolute;bottom:0;left:calc(var(--home-avatar-width)/-2)}.page-home .background .avatar.animate-intro{animation-name:avatar_intro;animation-duration:1.3s;animation-delay:.7s;animation-fill-mode:both}.page-home .background .clouds{width:110vw;height:30%;bottom:100px;z-index:90;left:50%;margin-left:-55vw}.location.location-:before{opacity:1;background-color:var(--color-green-medium)}.location.location- .overlay{display:none}.location.location- .page-home .overlay{display:block;z-index:150}.location.location- .dropdown{z-index:200}@media screen and (max-width:700px){.page-home .container .toggle-button-group.type-medium{--padding-small:1em;--button-height:auto}.page-home .container .toggle-button-group.type-medium .toggle-button.progress-button{padding:var(--padding-small)}.page-home .container .toggle-button-group.type-medium .toggle-button.progress-button .content,.page-home .container .toggle-button-group.type-medium .toggle-button.progress-button .progress-bar,.page-home .container .toggle-button-group.type-medium .toggle-button.progress-button .progress-bar-done{min-width:0;width:60%;-ms-flex:6 0 60%;flex:6 0 60%}.page-home .container .toggle-button-group.type-medium .toggle-button.progress-button .content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-ms-flex-item-align:start;align-self:flex-start;margin-top:-.3em}.page-home .container .toggle-button-group.type-medium .toggle-button.progress-button .subtitle,.page-home .container .toggle-button-group.type-medium .toggle-button.progress-button .title{display:inline}.page-home .container .toggle-button-group.type-medium .toggle-button.progress-button .subtitle{padding-left:.5em}.page-home .container .toggle-button-group.type-medium .toggle-button.progress-button .progress-bar,.page-home .container .toggle-button-group.type-medium .toggle-button.progress-button .progress-bar-done{-ms-flex-item-align:end;align-self:flex-end;margin:0 0 .3em 1em;transform:translateX(-100%)}.page-home .container .toggle-button-group.type-medium .toggle-button.progress-button .button{position:absolute;right:var(--padding-small);width:auto;max-width:calc(40% - 80px)}.page-home .container .toggle-button-group.type-medium .toggle-button.progress-button.progress-done .progress-bar-done{width:24px;height:24px;padding:0;margin:-12px 0 0 calc(10% - 12px);position:absolute;left:50%;top:50%}.page-home .container .toggle-button-group.type-medium .toggle-button.progress-button.progress-done .progress-bar-done .text{display:none}.page-home .container .toggle-button-group.type-medium .toggle-button.progress-button.progress-done .content{-ms-flex-item-align:center;align-self:center}}@media screen and (max-width:500px){.page-home .container .toggle-button-group.type-medium .toggle-button.progress-button .content,.page-home .container .toggle-button-group.type-medium .toggle-button.progress-button .progress-bar{width:calc(100% - 60px);-ms-flex:8 0 auto;flex:8 0 auto}.page-home .container .toggle-button-group.type-medium .toggle-button.progress-button .button{display:none}.page-home .container .toggle-button-group.type-medium .toggle-button.progress-button.progress-done .progress-bar-done{right:var(--padding-tiny);left:auto}}@media screen and (max-width:400px){.page-home .container .toggle-button-group.type-medium .toggle-button.progress-button .content .subtitle{display:none}}@keyframes avatar_intro{0%{z-index:90;margin-bottom:-100px;transform:scale(.6)}40%{z-index:110;margin-bottom:30px;transform:scale(.95,1.05)}80%{z-index:120;margin-bottom:0;transform:scale(1)}90%{transform:scale(1.05,.95)}to{transform:scale(1)}}@media screen and (min-width:1200px){.page-home{--home-background-width:100vw}}.toggle-button-group{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:calc(100% + var(--padding-small));margin:var(--padding-small) 0 var(--padding-small) calc(var(--padding-small)*-1);-webkit-user-select:none;-ms-user-select:none;user-select:none}.toggle-button-group.noclick,.toggle-button-group.noclick *{pointer-events:none}.toggle-button-group.type-large .toggle-button{box-shadow:var(--box-shadow)}.toggle-button-group.type-large .toggle-button .asset{margin-top:var(--padding-small)}.toggle-button-group.type-medium{--button-height:90px;--asset-height:calc(var(--button-height) - var(--padding-tiny)*2 - var(--border-size)*2);margin:var(--padding-tiny) 0 var(--padding-tiny) calc(var(--padding-tiny)*-2)}.toggle-button-group.type-medium .toggle-button{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;font-size:1em;height:var(--button-height);padding:var(--padding-tiny);margin:var(--padding-tiny) 0 0 var(--padding-tiny);text-align:left}.toggle-button-group.type-medium .toggle-button .asset,.toggle-button-group.type-medium .toggle-button .content{vertical-align:middle;margin:0}.toggle-button-group.type-medium .toggle-button .asset{height:var(--asset-height);min-height:var(--asset-height);max-height:var(--asset-height);width:var(--asset-height);min-width:var(--asset-height);max-width:var(--asset-height);border-radius:4px;background-color:var(--color-green-light);padding:var(--padding-tiny)}.toggle-button-group.type-medium .toggle-button .asset svg,.toggle-button-group.type-medium .toggle-button .asset svg path{fill:var(--color-green);opacity:.8}.toggle-button-group.type-medium .toggle-button .content{padding:0 0 0 var(--padding-tiny);margin:0}.toggle-button-group.type-medium .toggle-button:not(.disabled):not([disabled]):hover .asset{transform:scale(1);opacity:1}.toggle-button-group.type-medium .toggle-button:not(.disabled):not([disabled]):hover .asset img,.toggle-button-group.type-medium .toggle-button:not(.disabled):not([disabled]):hover .asset svg{transform:scale(1.1)}.toggle-button-group.type-medium .toggle-button.active .asset svg,.toggle-button-group.type-medium .toggle-button.active .asset svg path{fill:var(--color-green)}.toggle-button{display:block;-ms-flex:1 0 44%;flex:1 0 44%;border:var(--border-size) solid var(--color-gray-light);border-radius:var(--border-radius);width:50%;margin:var(--padding-small) 0 0 var(--padding-small);padding:var(--padding-small);font-size:1.2em;background-color:#fff;transition:background var(--transition-time),border var(--transition-time);cursor:pointer}.toggle-button .asset{width:60px;margin:0 auto;transform:scale(1);transition:transform var(--transition-time)}.toggle-button .content{font-weight:400}.toggle-button .subtitle{font-size:.8em}.toggle-button .asset+.content{margin-top:var(--padding-small)}.toggle-button .title+.subtitle{margin-top:.5em}.toggle-button img,.toggle-button svg{max-width:100%;max-height:100%;height:auto;transition:all var(--transition-time)}.toggle-button svg,.toggle-button svg path{fill:var(--color-red)}.toggle-button img{opacity:.9}.toggle-button:not(.active):hover{border-color:var(--color-gray)}.toggle-button:not(.active):hover .asset{transform:scale(1.1)}.toggle-button.active{background-color:var(--color-red);border-color:var(--color-red);color:#fff}.toggle-button.active:hover{background-color:var(--color-red-dark);border-color:var(--color-red-dark)}.toggle-button.active img{opacity:1}.toggle-button.active svg,.toggle-button.active svg path{fill:#fff}.toggle-button-group .toggle-button.progress-button{display:-ms-flexbox;display:flex;-ms-flex:1 0;flex:1 0;width:100%;padding:var(--padding-small);margin:0 0 var(--padding-small) 0;box-shadow:var(--box-shadow);position:relative}.toggle-button-group .toggle-button.progress-button .asset{--asset-height:40px;background-color:transparent;padding:0}.toggle-button-group .toggle-button.progress-button .asset svg,.toggle-button-group .toggle-button.progress-button .asset svg path{fill:var(--color-red);opacity:1}.toggle-button-group .toggle-button.progress-button.active svg,.toggle-button-group .toggle-button.progress-button.active svg path{fill:#fff}.toggle-button-group .toggle-button.progress-button.active .button{background-color:#fff;border-color:#fff;color:var(--color-red)}.toggle-button-group .toggle-button.progress-button .content{padding:0 var(--padding-small);text-align:left;width:25%;min-width:225px}.toggle-button-group .toggle-button.progress-button .content .title{font-size:1.2em}.toggle-button-group .toggle-button.progress-button .progress-bar,.toggle-button-group .toggle-button.progress-button .progress-bar-done{-ms-flex:1 0;flex:1 0;margin-right:var(--padding-small)}.toggle-button-group .toggle-button.progress-button .button{font-weight:400;margin:0}.toggle-button-group .toggle-button.progress-button .progress-bar-done *{vertical-align:middle;display:inline-block}.toggle-button-group .toggle-button.progress-button .progress-bar-done svg{margin-right:var(--padding-tiny)}.toggle-button-group .toggle-button.progress-button.progress-done{background-color:var(--color-green);border-color:var(--color-green);color:#fff}.toggle-button-group .toggle-button.progress-button.progress-done svg,.toggle-button-group .toggle-button.progress-button.progress-done svg path{fill:#fff}.toggle-button-group .toggle-button.progress-button.progress-done .button,.toggle-button-group .toggle-button.progress-button.progress-done button{border-color:#fff;background-color:var(--color-green)}.toggle-button-group .toggle-button.disabled,.toggle-button-group .toggle-button[disabled]{border-color:var(--color-gray-medium);background-color:var(--color-gray-light);color:var(--color-gray);pointer-events:none}.toggle-button-group .toggle-button.disabled .asset,.toggle-button-group .toggle-button.disabled .content,.toggle-button-group .toggle-button[disabled] .asset,.toggle-button-group .toggle-button[disabled] .content{opacity:.5}.toggle-button-group .toggle-button.disabled .asset svg,.toggle-button-group .toggle-button.disabled .asset svg path,.toggle-button-group .toggle-button[disabled] .asset svg,.toggle-button-group .toggle-button[disabled] .asset svg path{fill:var(--color-gray)}.toggle-button-group .toggle-button.disabled .progress-bar,.toggle-button-group .toggle-button[disabled] .progress-bar{visibility:hidden}@media screen and (max-width:500px){.toggle-button-group.type-large{margin-top:calc(var(--padding-tiny)*-1)}.toggle-button-group.type-large .toggle-button{padding:var(--padding-tiny) var(--padding-small)}.toggle-button-group.type-large .toggle-button .asset{margin-top:var(--padding-small)}}@media screen and (max-width:450px){.toggle-button-group.type-medium .toggle-button{-ms-flex:1 0 100%;flex:1 0 100%}}@media screen and (max-width:350px){.toggle-button-group.type-large .toggle-button{padding:var(--padding-tiny)}.toggle-button-group.type-large .toggle-button .asset{width:auto;height:50px;margin-top:var(--padding-tiny)}.toggle-button-group.type-large .toggle-button .content{margin-top:var(--padding-tiny)}.toggle-button-group.type-medium .toggle-button{font-size:.9em}}.progress-bar{display:block;margin:var(--padding-tiny) auto;background:var(--color-gray-light);border-radius:100px;height:4px;max-width:calc(100% - 10px);width:320px;position:relative}.progress-bar .track{position:absolute;top:-1px;left:0;border-radius:100px;height:6px;background:var(--color-green);min-width:6px;width:0;transition:width var(--transition-time)}.avatar-chooser .toggle-button-group .toggle-button{-ms-flex:1 0 40%;flex:1 0 40%}.avatar-chooser .toggle-button-group .toggle-button.active .avatar svg circle{fill:#fff}.avatar-chooser .toggle-button-group .toggle-button.active .avatar svg path{fill:var(--color-black)}.avatar svg circle{fill:#fff}.avatar svg path{fill:var(--color-black)}@media screen and (max-width:350px){.avatar-chooser .toggle-button-group .toggle-button .avatar svg{height:50px;width:auto}}.cloud{object-fit:contain;min-width:7%;max-width:14%;height:auto}.cloud svg{fill:#fff;stroke:#fff;width:100%;height:auto}.cloud.flip{transform:scaleX(-1)}.cloud.animate{position:absolute;animation-name:slide_cloud;animation-duration:300s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes slide_cloud{0%{left:-10%}to{left:110%}}.page-intro .progress-bar-intro{margin-top:0;margin-bottom:var(--padding-large)}@media screen and (max-width:320px){.page-intro .goals-step .toggle-button-group{margin:var(--padding-small) 0 0 0;width:100%}.page-intro .goals-step .toggle-button-group .toggle-button{-ms-flex:1 0 100%;flex:1 0 100%;width:100%;margin:0 0 var(--padding-small) 0}}.intro-buttons{margin:var(--padding-small) 0;overflow:auto}.intro-buttons .button{max-width:45%;margin-left:0;margin-right:0}.intro-buttons .button.icon-next{text-align:right}.page-pathways .back.button{position:fixed;left:30px;top:20px;opacity:0;margin-left:-300px;transition:all var(--transition-time);animation-name:enter_back;animation-duration:var(--transition-time);animation-iteration-count:1;animation-fill-mode:both}.page-pathways .progress-bar{margin-bottom:var(--padding-large)}.page-pathways .header-icon{margin:var(--padding-small) auto 0 auto}.page-pathways .header-icon path,.page-pathways .header-icon svg{fill:var(--color-red)}.page-pathways .pathway-icon+h1{margin-top:0;font-size:3.8em}.page-pathways .timeline{margin-top:calc(var(--padding-large)*2)}.page-pathways .popup .steps{margin:0 auto}.page-pathways.page-transition-enter-done .back.button{opacity:1;margin-left:0}@keyframes enter_back{0%{opacity:0;margin-left:-300px}to{opacity:1;margin-left:0}}.timeline{--dot-height-large:48px;--dot-height-medium:32px;--dot-height-small:20px;--line-size:4px;position:relative;display:-ms-flexbox;display:flex;height:var(--dot-height-large);width:100vw;top:0;left:50%;transform:translateX(-50%)}.timeline .item,.timeline .item-empty{-ms-flex:1 0;flex:1 0;display:inline-block}.timeline .first{width:50%}.timeline .item{position:relative;height:var(--dot-height-large)}.timeline .item:after{left:0;width:var(--dot-height-small);height:var(--dot-height-small);transform:translate(-50%,-50%);border-radius:100%;overflow:hidden;background-color:var(--color-red);text-align:center;line-height:calc(var(--dot-height-small)*var(--line-height-factor));color:#fff;font-size:1em;font-family:var(--font-header);border:var(--line-size) solid #fff}.timeline .item:after,.timeline .item:before{content:"";position:absolute;top:50%;display:block;transition:all var(--transition-time)}.timeline .item:before{width:100%;transform:translateY(-50%);border-top:var(--line-size) solid var(--color-red)}.timeline .item .feedback-icon{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);z-index:1}.timeline .item .feedback-icon svg{transform:scale(1);margin-top:4px;transition:all var(--transition-time)}.timeline .item .feedback-icon svg path{fill:#fff;transition:all var(--transition-time)}.timeline .item.active.label{color:var(--color-black)}.timeline .item.done:before{border-color:var(--color-green)}.timeline .item.done .feedback-icon svg{transform:scale(.65)}.timeline .item.done:after{content:"";font-size:1.5em;background-color:var(--color-green);width:var(--dot-height-medium);height:var(--dot-height-medium);line-height:calc(var(--dot-height-medium)*var(--line-height-factor))}.timeline .item.done .label{color:var(--color-green)}.timeline .item.active .feedback-icon svg{transform:scale(1)}.timeline .item.active:after{content:"";font-size:2em;width:var(--dot-height-large);height:var(--dot-height-large);line-height:calc(var(--dot-height-large)*var(--line-height-factor))}.timeline .item.active:not(.feedback):after{content:"?"}.timeline .content{position:absolute;top:var(--dot-height-large);left:0;transform:translateX(-50%);text-align:center;margin-top:1em}.timeline .label{text-align:center;color:var(--color-gray);font-size:1em;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline .tooltip{margin-top:1em;width:auto;min-width:250px;max-width:85vw;text-align:center;padding:var(--padding-tiny) var(--padding-small)}.timeline .tooltip p{padding:0;margin:var(--padding-tiny) 0;font-size:1.25em}.timeline .tooltip .button{margin:var(--padding-tiny) auto}.timeline .tooltip.feedback p{margin-bottom:0}.timeline .tooltip .feedback p{color:var(--color-black);margin:0}.timeline .button.icon-left,.timeline .button.icon-right{position:absolute;top:50%;transform:translateY(-50%);margin:0}.timeline .button.icon-left{left:-50px}.timeline .button.icon-right{right:-50px}.timeline:before{content:"";position:absolute;display:block;left:0;top:calc(var(--dot-height-large)/2 - var(--line-size)/2);width:100vw;border-top:var(--line-size) dashed var(--color-gray-medium)}.timeline-popup{position:fixed;top:0;left:0;z-index:999999}.timeline-popup .hide-popup,.timeline-popup .show-popup{animation-name:show_popup}.timeline-popup .hide-popup,.timeline-popup .hide-popup .container,.timeline-popup .show-popup,.timeline-popup .show-popup .container{animation-duration:var(--transition-time);animation-fill-mode:both}.timeline-popup .hide-popup .container,.timeline-popup .show-popup .container{animation-name:show_popup_container}.timeline-popup .hide-popup,.timeline-popup .hide-popup .container{animation-direction:reverse;pointer-events:none}.timeline-popup .popup{position:fixed;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);padding:0;margin:0;z-index:999999}.timeline-popup .popup,.timeline-popup .popup .container{top:50%;left:50%;transform:translate(-50%,-50%)}.timeline-popup .popup .container{position:absolute;width:800px;min-height:600px;max-width:calc(100% - var(--padding-large)*2);max-height:calc(100% - var(--padding-large)*2);margin:0;padding:0;display:-ms-flexbox;display:flex;overflow:hidden}.timeline-popup .popup .content{width:100%;max-height:100%;overflow:auto;padding:var(--padding-large)}.timeline-popup .popup .content,.timeline-popup .popup .image{-ms-flex:1 0;flex:1 0}.timeline-popup .popup .intro,.timeline-popup .popup .text{margin-top:1em;font-weight:400}.timeline-popup .popup .intro,.timeline-popup .popup .intro p{color:var(--color-gray)}.timeline-popup .popup .text,.timeline-popup .popup .text p{color:var(--color-black)}.timeline-popup .popup .close{top:var(--padding-small);right:var(--padding-small);overflow:hidden;border-radius:100%;background-color:#fff;border:var(--border-size) solid var(--color-red);cursor:pointer}.timeline-popup .popup .close,.timeline-popup .popup .close:before{position:absolute;width:var(--padding-large);height:var(--padding-large)}.timeline-popup .popup .close:before{content:"+";font-family:sans-serif;color:var(--color-gray);font-weight:400;font-size:2em;display:block;left:50%;top:50%;text-align:center;line-height:calc(var(--padding-large)*var(--line-height-factor));transform:rotate(45deg) translate(-50%,-50%);transform-origin:0 0;transition:all var(--transition-time)}.timeline-popup .popup .close:hover:before{color:var(--color-black)}.timeline-popup .toggle-button-group .toggle-button{-ms-flex:1 0 80%;flex:1 0 80%}.timeline-popup .toggle-button-group .button{margin:var(--padding-small) auto}@keyframes show_popup{0%{opacity:0}to{opacity:1}}@keyframes show_popup_container{0%{margin-top:-300px}to{margin-top:0}}.timeline-popup .popup.has-image{display:-ms-flexbox;display:flex}.timeline-popup .popup.has-image .content,.timeline-popup .popup.has-image .image{-ms-flex:1 0 50%;flex:1 0 50%;width:50%;padding:var(--padding-small)}.timeline-popup .popup.has-image .content{text-align:left}.timeline-popup .popup.has-image .container{min-height:0}.timeline-popup .image img{max-width:100%;height:auto;border-radius:var(--border-radius)}.timeline-popup h1{padding-right:50px}.smiley-list{margin:var(--padding-tiny) auto;padding:var(--padding-tiny) 0;min-width:280px}.smiley-list .smiley{display:inline-block;vertical-align:top;margin:0 var(--padding-tiny)}.smiley-list .smiley svg path{fill:var(--color-black);transition:fill var(--transition-time)}.smiley-list .smiley:first-child{margin-left:0}.smiley-list .smiley:last-child{margin-right:0}.smiley-list.hover .smiley{cursor:pointer;transform:scale(1);transition:transform var(--transition-time)}.smiley-list.hover .smiley:hover{transform:scale(1.1)}.smiley-list.hover .smiley-angry:hover svg path{fill:var(--color-red)}.smiley-list.hover .smiley-disapointed:hover svg path,.smiley-list.hover .smiley-indifferent:hover svg path{fill:var(--color-orange)}.smiley-list.hover .smiley-happy:hover svg,.smiley-list.hover .smiley-happy:hover svg path,.smiley-list.hover .smiley-smirk:hover svg,.smiley-list.hover .smiley-smirk:hover svg path{fill:var(--color-green)}@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:900;src:url(/static/media/SourceSansPro-Black.1b9eb207.eot);src:local("Source Sans Pro Black"),local("SourceSansProBlack"),url(/static/media/SourceSansPro-Black.1b9eb207.eot) format("embedded-opentype"),url(/static/media/SourceSansPro-Black.9cf37b2b.woff2) format("woff2"),url(/static/media/SourceSansPro-Black.25517b8a.woff) format("woff"),url(/static/media/SourceSansPro-Black.9ded577f.ttf) format("truetype")}@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:600;src:url(/static/media/SourceSansPro-SemiBold.1e133d30.eot);src:local("Source Sans Pro SemiBold"),local("SourceSansPro-SemiBold"),url(/static/media/SourceSansPro-SemiBold.1e133d30.eot) format("embedded-opentype"),url(/static/media/SourceSansPro-SemiBold.ce2a6c42.woff2) format("woff2"),url(/static/media/SourceSansPro-SemiBold.162fbc67.woff) format("woff"),url(/static/media/SourceSansPro-SemiBold.83476a89.ttf) format("truetype")}@font-face{font-family:"Ratio Display";font-style:normal;font-weight:400;font-display:swap;src:url(/static/media/RatioDisplayHeavy.f2f86bea.eot);src:local("Ratio Display"),local("RatioDisplay"),url(/static/media/RatioDisplayHeavy.f2f86bea.eot) format("embedded-opentype"),url(/static/media/RatioDisplayHeavy.d6c4d9fb.woff2) format("woff2"),url(/static/media/RatioDisplayHeavy.37b11305.woff) format("woff"),url(/static/media/RatioDisplayHeavy.f8d43ad5.ttf) format("truetype")}:root{--color-red:#f55645;--color-red-dark:#ff6852;--color-orange:#ff974d;--color-green:#39cc83;--color-green-light:#bff4d5;--color-green-medium:#9df2c1;--color-black:#2e2e33;--color-gray:#616166;--color-gray-light:#eff0f0;--color-gray-medium:#d5d5d6;--color-main:var(--color-red);--color-black-30:rgba(46,46,51,0.050980392156862744);--color-black-60:rgba(46,46,51,0.12156862745098039);--border-radius:8px;--border-size:2px;--border-color:var(--color-gray);--border:var(--border-size) solid var(--border-color);--font-main:"Source Sans Pro",sans-serif;--font-header:"Ratio Display","Source Sans Pro",sans-serif;--box-shadow:0px 2px 6px var(--color-black-30);--box-shadow-large:0px 3px 12px var(--color-black-60);--padding-large:40px;--padding-medium:30px;--padding-small:20px;--padding-tiny:10px;--transition-time:.5s;--line-height-factor:1;--input-height:40px;--input-height-small:34px}#root[data-useragent*=android][data-useragent*=firefox],#root[data-useragent*=android][data-useragent*=webview]{--line-height-factor:.85}@media screen and (max-width:640px){:root{--padding-large:30px}}@media screen and (max-width:450px){:root{--padding-large:20px}}.page-transition{position:relative;top:0;left:0;width:100%}.page-transition-enter{opacity:0;transform:translateY(-50vh);pointer-events:none}.page-transition-enter-active{transition:all .5s;transition:all var(--transition-time)}.page-transition-enter-active,.page-transition-exit{opacity:1;transform:translateY(0);pointer-events:none}.page-transition-exit{position:absolute}.page-transition-exit-active{position:absolute;opacity:0;transform:translateY(50vh);transition:all .5s;transition:all var(--transition-time);pointer-events:none}.nav-transition{position:absolute;top:0;left:50%;width:100%}.nav-transition-enter{opacity:0;transform:translateX(50vh);pointer-events:none}.nav-transition-enter-active{opacity:1;transform:translateX(0);transition:all .5s;transition:all var(--transition-time)}.nav-transition-enter-done,.nav-transition-exit{transform:translateX(0)}.nav-transition-exit{opacity:1;pointer-events:none}.nav-transition-exit-active{transform:translate(50vh);transition:all .5s;transition:all var(--transition-time)}.animation-dir-next,.animation-dir-prev,.step-transition{position:relative}.step-transition{top:0;left:0;width:100%}.step-transition-enter{opacity:0;pointer-events:none}.step-transition-enter-active{transition:all .5s;transition:all var(--transition-time)}.step-transition-enter-active,.step-transition-exit{opacity:1;transform:translateX(0);pointer-events:none}.step-transition-exit{position:absolute}.step-transition-exit-active{position:absolute;opacity:0;transition:all .5s;transition:all var(--transition-time);pointer-events:none}.animation-dir-next .step-transition-enter{transform:translateX(100vw)}.animation-dir-next .step-transition-enter-active{transform:translateX(0)}.animation-dir-next .step-transition-exit-active{transform:translateX(-100vw);position:absolute}.animation-dir-prev .step-transition-enter{transform:translateX(-100vw)}.animation-dir-prev .step-transition-enter-active{transform:translateX(0)}.animation-dir-prev .step-transition-exit-active{transform:translateX(100vw);position:absolute}body,html{padding:0;margin:0;background:#fff}body,body *,html,html *{scroll-behavior:smooth}.BleepApp{color:#2e2e33;color:var(--color-black);font-family:"Source Sans Pro",sans-serif;font-family:var(--font-main);font-weight:600;position:relative;margin:0 auto;padding:40px;padding:var(--padding-large);width:100%;min-height:100%;overflow-x:hidden;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:padding-top .5s;transition:padding-top var(--transition-time)}.BleepApp input,.BleepApp textarea{-webkit-user-select:all;-ms-user-select:all;user-select:all}.BleepApp h1,.BleepApp h2,.BleepApp h3,.BleepApp h4,.BleepApp h5,.BleepApp h6{line-height:1.2em;margin:.2em 0}.BleepApp h1:first-child,.BleepApp h2:first-child,.BleepApp h3:first-child,.BleepApp h4:first-child,.BleepApp h5:first-child,.BleepApp h6:first-child{margin-top:0}.BleepApp h1,.BleepApp h2,.BleepApp h3{font-family:"Ratio Display","Source Sans Pro",sans-serif;font-family:var(--font-header);font-weight:400}.BleepApp h4,.BleepApp h5,.BleepApp h6{font-family:"Source Sans Pro",sans-serif;font-family:var(--font-main);font-weight:900}.BleepApp h1{font-size:2.5em}.BleepApp h2{font-size:2em}.BleepApp h3{font-size:1.3em}.BleepApp h4,.BleepApp h5,.BleepApp h6{color:#f55645;color:var(--color-main)}.BleepApp li,.BleepApp p{color:#616166;color:var(--color-gray);line-height:1.5em;font-size:1.2em}.BleepApp h1+p{margin-top:0}.location:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fff;z-index:0;opacity:0;transition:opacity .5s,background-color .5s;transition:opacity var(--transition-time),background-color var(--transition-time)}.pathway-icon{max-width:60px;max-height:60px}@media (orientation:portrait){.BleepApp:before{width:100vh;height:100vw;transform:rotate(90deg) translateY(-100%);transform-origin:top left}}@media screen and (max-width:980px){.BleepApp:not(.no-nav){padding-top:100px}}@media screen and (max-width:640px){.BleepApp:not(.no-nav){padding-top:80px}.BleepApp .dropdown{top:10px;right:20px}.BleepApp .dropdown .dropdown-list{border-top-left-radius:0;border-top-right-radius:0}}@media screen and (max-width:450px){.BleepApp .dropdown{right:10px}.BleepApp .dropdown .dropdown-list{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0}}
/*# sourceMappingURL=main.c5a3a83c.chunk.css.map */