.social[data-v-6a967800]{display:flex;flex-direction:row;margin:0 -10px 0 -10px;padding:0;justify-content:center}.social li[data-v-6a967800]{padding:5px 10px;list-style:none}.social li a img[data-v-6a967800]{height:25px;transition:transform .2s}.social li a:hover img[data-v-6a967800]{transform:scale(1.2);filter:drop-shadow(0 0 5px #fff2)}.hidden{display:none}.overflow-hidden{overflow:hidden}.main{max-width:1200px;padding:0 40px;box-sizing:border-box;min-height:1000px;height:100vh;padding-top:100px;margin:0 auto;z-index:5;background:var(--bg);background-size:100%;background-attachment:local;background-repeat:no-repeat}.main,.main h2{position:relative}.main h2{font-size:56px;margin:0 0 20px 0;z-index:7}.main .quiz{position:relative;z-index:5;max-width:500px;margin:0 auto;padding:50px;padding-bottom:20px;text-align:left;background-color:#3d1f05;border:2px solid #2b1501;border-radius:30px;color:#fff;font-size:24px;box-shadow:10px 10px 25px rgba(0,0,0,.2);margin-top:50px;transition:all .4s;box-sizing:content-box}.main .quiz .bean-container{pointer-events:none;position:absolute;width:100%;height:100%;left:0;top:0;cursor:pointer;transition:all .3s}.main .quiz .bean-container .bean-container-inner{pointer-events:none;position:relative;width:100%;height:100%;transition:all .3s}@-webkit-keyframes shake{0%{transform:translate(-5px,-30px)}}@keyframes shake{0%{transform:translate(-5px,-30px)}}@-webkit-keyframes shake2{0%{top:50%;bottom:50%;left:50%;right:50%;opacity:0}30%{opacity:0}74%{opacity:0}75%{opacity:1}}@keyframes shake2{0%{top:50%;bottom:50%;left:50%;right:50%;opacity:0}30%{opacity:0}74%{opacity:0}75%{opacity:1}}@-webkit-keyframes beans1{0%{transform:translate(0) rotate(0deg)}20%{transform:translateY(-20px) rotate(0deg)}40%{transform:translateY(10px) rotate(3deg)}60%{transform:translateY(5px) rotate(8deg)}80%{transform:translateY(15) rotate(2deg)}to{transform:translate(0) rotate(0deg)}}@keyframes beans1{0%{transform:translate(0) rotate(0deg)}20%{transform:translateY(-20px) rotate(0deg)}40%{transform:translateY(10px) rotate(3deg)}60%{transform:translateY(5px) rotate(8deg)}80%{transform:translateY(15) rotate(2deg)}to{transform:translate(0) rotate(0deg)}}@-webkit-keyframes beans2{0%{transform:translate(0)}6%{transform:translate(15px,8px) rotate(8deg)}10%{transform:translate(12px,40px) rotate(-8deg)}14%{transform:translate(15px,16px) rotate(0)}20%{transform:translate(6px,80px) rotate(16deg)}25%{transform:translate(15px,16px) rotate(8deg)}30%{transform:translate(18px,-40px) rotate(-4deg)}35%{transform:translate(15px,-80px) rotate(4deg)}40%{transform:translate(12px,-16px) rotate(4deg)}45%{transform:translate(9px,-24px) rotate(12deg)}50%{transform:translate(3px) rotate(12deg)}55%{transform:translate(-3px) rotate(-12deg)}60%{transform:translate(-3px) rotate(8deg)}65%{transform:translateY(40px) rotate(4deg)}70%{transform:translateY(60px) rotate(-5deg)}75%{transform:translateY(60px) rotate(8deg)}80%{transform:translate(6px) rotate(8deg)}85%{transform:translate(6px,-20px) rotate(12deg)}90%{transform:translate(2px,60px) rotate(12deg)}95%{transform:translateY(28px) rotate(4deg)}to{transform:translate(0)}}@keyframes beans2{0%{transform:translate(0)}6%{transform:translate(15px,8px) rotate(8deg)}10%{transform:translate(12px,40px) rotate(-8deg)}14%{transform:translate(15px,16px) rotate(0)}20%{transform:translate(6px,80px) rotate(16deg)}25%{transform:translate(15px,16px) rotate(8deg)}30%{transform:translate(18px,-40px) rotate(-4deg)}35%{transform:translate(15px,-80px) rotate(4deg)}40%{transform:translate(12px,-16px) rotate(4deg)}45%{transform:translate(9px,-24px) rotate(12deg)}50%{transform:translate(3px) rotate(12deg)}55%{transform:translate(-3px) rotate(-12deg)}60%{transform:translate(-3px) rotate(8deg)}65%{transform:translateY(40px) rotate(4deg)}70%{transform:translateY(60px) rotate(-5deg)}75%{transform:translateY(60px) rotate(8deg)}80%{transform:translate(6px) rotate(8deg)}85%{transform:translate(6px,-20px) rotate(12deg)}90%{transform:translate(2px,60px) rotate(12deg)}95%{transform:translateY(28px) rotate(4deg)}to{transform:translate(0)}}.main .quiz .bean-container .bean-container-inner .img-holder{position:absolute;width:100%;height:100%;transition:all .3s;-webkit-animation-name:shake;animation-name:shake;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.main .quiz .bean-container .bean-container-inner .img-holder .bean{position:absolute;transition:all .3s}.main .quiz .bean-container .bean-container-inner .img-holder .bean.shake{-webkit-animation-name:shake2;animation-name:shake2;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.main .quiz .bean-container .bean-container-inner .img-holder .bean.shake img{-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.main .quiz .bean-container .bean-container-inner .img-holder .bean img{-webkit-animation-name:beans1,beans2;animation-name:beans1,beans2;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear,ease-in-out;animation-timing-function:linear,ease-in-out;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-delay:0;animation-delay:0}.main .quiz .bean-container .bean-container-inner .img-holder .bean.bean1{top:30px;right:-120px}.main .quiz .bean-container .bean-container-inner .img-holder .bean.bean1 img{-webkit-animation-duration:5s,60s;animation-duration:5s,60s;-webkit-animation-delay:0s,5s;animation-delay:0s,5s}.main .quiz .bean-container .bean-container-inner .img-holder .bean.bean11{top:180px;right:-80px;transform:rotate(-30deg);z-index:750}.main .quiz .bean-container .bean-container-inner .img-holder .bean.bean11 img{-webkit-animation-duration:1s,60s;animation-duration:1s,60s;-webkit-animation-delay:0s,1s;animation-delay:0s,1s}.main .quiz .bean-container .bean-container-inner .img-holder .bean.bean21{top:260px;right:-170px;transform:scale(.8)}.main .quiz .bean-container .bean-container-inner .img-holder .bean.bean21 img{-webkit-animation-duration:7s,60s;animation-duration:7s,60s;-webkit-animation-delay:0s,7s;animation-delay:0s,7s}.main .quiz .bean-container .bean-container-inner .img-holder .bean.bean31{top:450px;right:-190px;transform:rotate(50deg)}.main .quiz .bean-container .bean-container-inner .img-holder .bean.bean31 img{-webkit-animation-duration:1s,60s;animation-duration:1s,60s;-webkit-animation-delay:0s,1s;animation-delay:0s,1s}.main .quiz .bean-container .bean-container-inner .img-holder .bean.bean41{bottom:40px;left:-200px;transform:rotate(101deg);z-index:750}.main .quiz .bean-container .bean-container-inner .img-holder .bean.bean41 img{-webkit-animation-duration:9s,60s;animation-duration:9s,60s;-webkit-animation-delay:0s,9s;animation-delay:0s,9s}.main .quiz .bean-container .bean-container-inner .img-holder .bean.bean2{top:350px;right:-100px}.main .quiz .bean-container .bean-container-inner .img-holder .bean.bean2 img{-webkit-animation-duration:3s,60s;animation-duration:3s,60s;-webkit-animation-delay:0s,3s;animation-delay:0s,3s}.main .quiz .bean-container .bean-container-inner .img-holder .bean.bean12{top:130px;right:-180px;transform:scale(.75) rotate(-10deg)}.main .quiz .bean-container .bean-container-inner .img-holder .bean.bean12 img{-webkit-animation-duration:7s,60s;animation-duration:7s,60s;-webkit-animation-delay:0s,7s;animation-delay:0s,7s}.main .quiz .bean-container .bean-container-inner .img-holder .bean.bean22{top:100px;left:-180px;transform:scale(.75) rotate(169deg)}.main .quiz .bean-container .bean-container-inner .img-holder .bean.bean22 img{-webkit-animation-duration:5s,60s;animation-duration:5s,60s;-webkit-animation-delay:0s,5s;animation-delay:0s,5s}.main .quiz .bean-container .bean-container-inner .img-holder .bean.bean3{top:250px;right:-230px;transform:rotate(-40deg) scale(.75)}.main .quiz .bean-container .bean-container-inner .img-holder .bean.bean3 img{-webkit-animation-duration:20s,60s;animation-duration:20s,60s;-webkit-animation-delay:0s,20s;animation-delay:0s,20s}.main .quiz .bean-container .bean-container-inner .img-holder .bean.bean13{bottom:-100px;right:-40px;transform:rotate(-30deg) scale(1.1)}.main .quiz .bean-container .bean-container-inner .img-holder .bean.bean13 img{-webkit-animation-duration:18s,60s;animation-duration:18s,60s;-webkit-animation-delay:0s,18s;animation-delay:0s,18s}.main .quiz .bean-container .bean-container-inner .img-holder .bean.bean23{bottom:-80px;left:150px}.main .quiz .bean-container .bean-container-inner .img-holder .bean.bean23 img{-webkit-animation-duration:16s,60s;animation-duration:16s,60s;-webkit-animation-delay:0s,16s;animation-delay:0s,16s}.main .quiz .bean-container .bean-container-inner .img-holder .bean.bean33{bottom:0;left:-180px;transform:rotate(130deg) scale(1.2)}.main .quiz .bean-container .bean-container-inner .img-holder .bean.bean33 img{-webkit-animation-duration:14s,60s;animation-duration:14s,60s;-webkit-animation-delay:0s,14s;animation-delay:0s,14s}.main .quiz .bean-container .bean-container-inner .img-holder .bean.bean4{bottom:-80px;right:90px;transform:rotate(-40deg) scale(.7)}.main .quiz .bean-container .bean-container-inner .img-holder .bean.bean4 img{-webkit-animation-duration:12s,60s;animation-duration:12s,60s;-webkit-animation-delay:0s,12s;animation-delay:0s,12s}.main .quiz .bean-container .bean-container-inner .img-holder .bean.bean14{bottom:-50px;left:-50px;z-index:750}.main .quiz .bean-container .bean-container-inner .img-holder .bean.bean14 img{-webkit-animation-duration:10s,60s;animation-duration:10s,60s;-webkit-animation-delay:0s,10s;animation-delay:0s,10s}.main .quiz .bean-container .bean-container-inner .img-holder .bean.bean5{bottom:100px;left:-100px;transform:rotate(-10deg) scale(.9)}.main .quiz .bean-container .bean-container-inner .img-holder .bean.bean5 img{-webkit-animation-duration:8s,60s;animation-duration:8s,60s;-webkit-animation-delay:0s,8s;animation-delay:0s,8s}.main .quiz .bean-container .bean-container-inner .img-holder .bean.bean15{bottom:40%;left:-200px;transform:rotate(-31deg) scale(1.2)}.main .quiz .bean-container .bean-container-inner .img-holder .bean.bean15 img{-webkit-animation-duration:6s,60s;animation-duration:6s,60s;-webkit-animation-delay:0s,6s;animation-delay:0s,6s}.main .quiz .bean-container .bean-container-inner .img-holder .bean.bean25{top:30%;left:-100px;transform:rotate(20deg) scale(.7)}.main .quiz .bean-container .bean-container-inner .img-holder .bean.bean25 img{-webkit-animation-duration:4s,60s;animation-duration:4s,60s;-webkit-animation-delay:0s,4s;animation-delay:0s,4s}.main .quiz .bean-container .bean-container-inner .img-holder .bean.bean35{top:-20px;left:-100px}.main .quiz .bean-container .bean-container-inner .img-holder .bean.bean35 img{-webkit-animation-duration:2s,60s;animation-duration:2s,60s;-webkit-animation-delay:0s,2s;animation-delay:0s,2s}.main .quiz.start{transition:all .4s;margin-top:100px;padding-top:100px;font-size:21px}.main .quiz.start .which{position:absolute;top:-150px;left:0;transition:all .4s}.main .quiz.start .start-text{max-width:70%}@-webkit-keyframes rotation{0%{transform:rotate(0deg)}2.5%{transform:rotate(-3deg)}5%{transform:rotate(3deg)}7.5%{transform:rotate(-3deg)}10%{transform:rotate(3deg)}12.5%{transform:rotate(0deg)}to{transform:rotate(0deg)}}@keyframes rotation{0%{transform:rotate(0deg)}2.5%{transform:rotate(-3deg)}5%{transform:rotate(3deg)}7.5%{transform:rotate(-3deg)}10%{transform:rotate(3deg)}12.5%{transform:rotate(0deg)}to{transform:rotate(0deg)}}.main .quiz.start img.which{z-index:250}.main .quiz.start img.cup{position:absolute;right:-100px;top:0;z-index:500;-webkit-animation-name:rotation;animation-name:rotation;-webkit-animation-duration:4.5s;animation-duration:4.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:cubic-bezier(.47,0,.745,.715);animation-timing-function:cubic-bezier(.47,0,.745,.715)}.main .quiz.start .start{--height:40px;margin:30px auto 10px 0;display:flex;justify-content:center;margin-top:80px}.main .quiz.start .start button{padding:10px 60px 14px;cursor:pointer;background-color:#e25905;color:#fff;border-radius:var(--height);text-decoration:none;border:none;font-size:25px;line-height:var(--height);text-align:center;box-shadow:0 0 15px rgba(51,51,51,.2);align-items:center;box-sizing:border-box;box-shadow:10px 10px 30px 0 rgba(0,0,0,.3);vertical-align:bottom}.main .quiz.start .start button:hover{background-color:#c74c00}.main .quiz.start .start button:active{background-color:#b24400}.main .quiz:not(.start) .which{position:absolute;top:-190px;left:0;transform:scale(.3);transition:all .4s}.main .quiz.reaction{background-color:#ea5219;border-color:#fff;min-height:400px}.main .quiz.reaction h2{font-size:32px;text-align:center;font-weight:400;letter-spacing:1px}.main .quiz.reaction .reaction-text{max-width:60%;margin:50px 0}.main .quiz.reaction .reaction-text p{font-size:20px}.main .quiz.reaction .container{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;pointer-events:none;border-radius:28px}.main .quiz.reaction .container.overflow-hidden{overflow:hidden}.main .quiz.reaction .container img{pointer-events:none;position:absolute;bottom:0;right:0}.main .quiz.reaction .container img.vertical{bottom:-50px}.main .quiz.reaction .container img.vertical2{bottom:-100px}.main .quiz.reaction .container img.horizontal{right:-50px}.main .quiz.reaction .container img.horizontal2{right:-100px}.main .quiz.reaction .reaction{--height:30px;margin:30px auto 10px 0;margin-top:60px}.main .quiz.reaction .reaction button{padding:10px 35px;cursor:pointer;background-color:transparent;color:#fff;border-radius:var(--height);text-decoration:none;border:none;font-size:16px;line-height:var(--height);text-align:center;align-items:center;box-sizing:border-box;border:2px solid #fff}.main .quiz.reaction .reaction button:hover{background-color:rgba(0,0,0,.2)}.main .quiz.reaction .reaction button:active{background-color:rgba(0,0,0,.3333333333333333)}.main .quiz.result{background-color:var(--bgc)}.main .quiz.result h2{max-width:60%;font-size:44px}.main .quiz.result .result-text{margin-top:50px}.main .quiz.result .result-text p{font-size:16px}.main .quiz.result .result-text p a{color:#fff;text-decoration:underline}.main .quiz.result h3{margin-bottom:20px}.main .quiz.result .result-img{position:absolute;top:-40px;right:-40px;max-height:260px}.main .quiz.result .result{--height:35px;margin:30px auto 10px 0;display:flex;justify-content:center;margin-top:20px}.main .quiz.result .result button{padding:10px 60px 14px;cursor:pointer;background-color:#e25905;color:#fff;border-radius:var(--height);text-decoration:none;border:none;font-size:20px;line-height:var(--height);text-align:center;box-shadow:0 0 15px rgba(51,51,51,.2);align-items:center;box-sizing:border-box;box-shadow:10px 10px 30px 0 rgba(0,0,0,.3);vertical-align:bottom}.main .quiz.result .result button:hover{background-color:#c74c00}.main .quiz.result .result button:active{background-color:#b24400}.main .quiz .question{position:relative;z-index:10;display:inline;color:#fff;line-height:5px;font-size:24px}.main .quiz .answers{padding:0 20px;margin-left:-45px}.main .quiz .answers button,.main .quiz .answers label{position:relative;display:block;width:100%;text-align:left;border:1px solid #67411c;border-radius:10px;margin:30px;padding:12px;padding-left:80px;cursor:pointer;font-size:20px;background:#2c1601;z-index:5;color:#fff}.main .quiz .answers button:hover,.main .quiz .answers button:hover img,.main .quiz .answers label:hover,.main .quiz .answers label:hover img{background-color:#67411c}.main .quiz .answers button img,.main .quiz .answers label img{background:#2c1601;position:absolute;height:65px;width:65px;border:4px solid #67411c;border-radius:50%;left:-20px;top:50%;transform:translateY(-50%)}.footer{position:absolute;bottom:-150px;left:50%;transform:translateX(-50%);text-align:center;margin-bottom:40px;padding-bottom:40px}.alt-logo{--altlogo-accent-color:CurrentColor;--altlogo-accent-opacity:0.7;--altlogo-accent-width:0;color:#fff;font-family:Calibri,sans-serif}.alt-logo .logo-prefix-text{font-size:13px;line-height:13px;vertical-align:bottom;display:inline-block;text-align:left;transition:all .2s;opacity:var(--altlogo-accent-opacity)}.alt-logo .logo-prefix-text span{font-size:12px;line-height:10px}.alt-logo svg{max-width:110px}.alt-logo:hover{--altlogo-accent-color:red;--altlogo-accent-opacity:1;--altlogo-accent-width:100%;text-decoration:none}@media only screen and (max-width:800px){.main{padding:60px 20px;background-position-x:50%;background-position-y:0;background-size:800px}.main .quiz:not(.start) .which{max-width:80vw;top:-80px;left:50%;transform:translate(-50%)}.main .quiz,.main .quiz.start{padding:10px;margin-top:30px;border-radius:20px;font-size:16px}.main .quiz .bean-container .bean-container-inner .img-holder .bean img,.main .quiz.start .bean-container .bean-container-inner .img-holder .bean img{max-height:50px}.main .quiz.start .which,.main .quiz .which{max-height:70px;top:-80px;left:50%;transform:translate(-50%)}.main .quiz.start img.cup,.main .quiz img.cup{height:350px;right:-150px;top:-40px}.main .quiz .start,.main .quiz.start .start{margin-top:40px}.main .quiz .question,.main .quiz.start .question{font-size:20px}.main .quiz.start button,.main .quiz.start label,.main .quiz button,.main .quiz label{margin:12px 0;padding:7px;font-size:16px!important}.main .quiz.start button input,.main .quiz.start label input,.main .quiz button input,.main .quiz label input{display:none}.main .quiz.question .question{font-size:16px}.main .quiz.question .answers{margin-left:0;padding:0}.main .quiz.question .answers button{margin-left:10px;width:calc(100% - 10px);padding:8px;padding-left:45px;font-size:14px!important}.main .quiz.question .answers button img{border-width:3px;left:-10px;height:42px;width:42px}.main .quiz.reaction h2{font-size:22px;font-weight:700;margin-bottom:0;margin-top:20px}.main .quiz.reaction .reaction-text{max-width:unset;margin:20px 0}.main .quiz.reaction .reaction-text p{font-size:16px}.main .quiz.reaction .container{border-radius:18px}.main .quiz.reaction .container img{max-width:150px}.main .quiz.reaction .container img.vertical{bottom:-30px}.main .quiz.reaction .container img.vertical2{bottom:-60px}.main .quiz.reaction .container img.horizontal{right:-30px}.main .quiz.reaction .container img.horizontal2{right:-60px}.main .quiz.reaction .reaction{margin-top:10px;--height:20px}.main .quiz.reaction .reaction button{font-size:16px;padding-left:30px;padding-right:30px;--heigth:20px}.main .quiz.result h2{font-size:20px}.main .quiz.result img{max-width:150px}.main .quiz.result .result-text{margin-top:30px}.main .quiz.result .result-text p{letter-spacing:-.2px;font-size:14px}.main .quiz.result .result-text p a{color:#e25905}.main .quiz.result h3{font-size:16px}.main .quiz.result .result{--height:20px;margin-top:0}.main .quiz.result .result button{padding-left:40px;padding-right:40px}.alt-logo{z-index:750}.alt-logo svg{max-width:80px;max-height:20px}}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}body,html{overflow-x:hidden}body{--color-yota-main:#3c1f11;background-color:var(--color-yota-main)}a{cursor:pointer}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#fff;font-weight:400;background-color:var(--color-yota-main);font-family:Tahoma,sans-serif}