.zoo .slideText-enter-active,.zoo .slideText-leave-active,.zooquizzes .slideText-enter-active,.zooquizzes .slideText-leave-active{-o-transition:.5s;-webkit-transition:.5s;transition:.5s}.zoo .slideText-enter,.zooquizzes .slideText-enter{-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%)}.zoo .slideText-leave-to,.zooquizzes .slideText-leave-to{-ms-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.zoo .slideDownAnswerText-enter-active,.zoo .slideDownAnswerText-leave-active,.zooquizzes .slideDownAnswerText-enter-active,.zooquizzes .slideDownAnswerText-leave-active{-o-transition:.5s;-webkit-transition:.5s;transition:.5s}.zoo .slideDownAnswerText-enter,.zooquizzes .slideDownAnswerText-enter{-ms-transform:scaleY(0);-ms-transform-origin:top;-webkit-transform:scaleY(0);-webkit-transform-origin:top;transform:scaleY(0);transform-origin:top}.zoo .slideDownAnswerText-leave-to,.zooquizzes .slideDownAnswerText-leave-to{-ms-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.mildOpacity{-o-transition:background-color .4s ease-out;-webkit-transition:background-color .4s ease-out;transition:background-color .4s ease-out}.mildOpacity.screenshot{background-color:#333}.mildOpacity.knowledge{background-color:#555858;background-color:rgba(85,88,88,.8)}.mildOpacity.personality{background-color:#8a5313;background-color:rgba(138,83,19,.6)}#quiz{background-position:50%;background-repeat:no-repeat;background-size:cover;height:auto;overflow-x:hidden;overflow-y:hidden;position:relative;width:100%}@media (min-width:600px){#quiz .questionWrapper{min-height:415px}}.question{-ms-flex-align:center;-webkit-box-align:center;align-items:center;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:24px;font-weight:700;line-height:27px;position:relative;text-align:left}.question.screenshot{-ms-flex-align:end;-webkit-box-align:end;align-items:flex-end;height:0;padding-top:60%}.question.personality{font-weight:900;min-height:190px}@media (max-width:600px){.question.personality{min-height:130px}}.question.knowledge{min-height:190px}@media (max-width:600px){.question.knowledge{min-height:130px}}.bg-image{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;min-height:415px;position:absolute;width:100%}#questionImage{height:180px;height:auto;left:0;max-width:840px;top:0;width:100%}.questionImageContainer{line-height:14px;overflow:hidden;position:relative;position:absolute;top:0;width:100%}.question-attribute-quiz{color:#dedcdc;font-size:11.2px;font-size:.7rem;font-weight:200;line-height:14.4px;line-height:.9rem;padding-right:1em;text-align:right}.question-attribute-quiz.result-attribute{background-color:#313030;color:#dcdcdc!important}.question-hero-attribute-quiz{text-align:right}.questionImageFade{background:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(transparent),to(#000));background:-webkit-linear-gradient(transparent,transparent,#000);background:-o-linear-gradient(transparent,transparent,#000);background:linear-gradient(transparent,transparent,#000);background:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(transparent),to(rgba(0,0,0,.97)));background:-webkit-linear-gradient(transparent,transparent,rgba(0,0,0,.97));background:-o-linear-gradient(transparent,transparent,rgba(0,0,0,.97));background:linear-gradient(transparent,transparent,rgba(0,0,0,.97));bottom:0;height:100%;max-width:100%;position:absolute;width:100%;z-index:1}#blur,.page{height:auto;position:relative;width:100%}.questionText{-ms-flex:1;-webkit-box-flex:1;flex:1;font-size:calc(.64em + 1vw);font-weight:700;line-height:1.25;margin:1.3rem 0 0;padding:1rem 2rem 2rem 30px;z-index:1}.questionText.screenshot{-ms-flex:1;-ms-flex-item-align:end;-webkit-box-flex:1;align-self:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;flex:1;line-height:normal!important}@media (max-width:600px){.questionText.screenshot{font-size:16px}}.questionText.personality{font-size:32px;line-height:36px;padding:15px 15px 15px 40px}@media (max-width:600px){.questionText.personality{font-size:24px;line-height:27px;padding:15px}}@media (max-width:600px){.questionText.knowledge{font-size:16px}}.option{height:100%;line-height:16px;word-wrap:break-word}.answerOptions,.option,.options{font-weight:600;position:relative}.answerOptions,.options{-ms-flex-direction:column;-webkit-box-direction:normal;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;font-size:18px;line-height:22px;text-align:left;width:100%}.options a:hover{background:#555858;background:rgba(85,88,88,.8);cursor:pointer}.option-selected{background:#496487!important}.spacer{background-color:#fff;display:block;height:1px;position:relative}.optionText{font-size:15px;padding:15px 40px;word-break:break-word}@media (max-width:600px){.optionText{padding:15px}}.optionText.screenshot{font-size:19px!important}@media (max-width:600px){.optionText.screenshot{padding:15px 40px!important}}.optionText.knowledge{font-weight:300}.html--desktop .option--hover:hover{background:#496487;background:rgba(73,100,135,.8);cursor:pointer}.option--active{background:#496487}.incorrect{background-color:#7a3d3d}.correct{background-color:#2c7a2e}#hintBoxWrapper{position:absolute;z-index:11!important}#hintBoxWrapper,#hintPageWrapper{-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;background-color:#000;background-color:rgba(0,0,0,.62);display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;top:0;transition:all .5s ease-in-out;width:100%}#hintPageWrapper{-webkit-transform:translateZ(0);left:0;position:fixed;transform:translateZ(0);z-index:1000!important}#hintBox{background-color:#000;background-color:rgba(0,0,0,.85);position:absolute;top:50%;z-index:4}#hintBox,#hintBoxOverlay{border:1px solid #fff;border-radius:5px;height:auto;left:50%;margin-left:-142px;margin-top:-54px;padding:13px;visibility:visible!important;width:280px}#hintBoxOverlay{background-color:#fff;position:fixed;top:40%;z-index:1001}#hintText{color:#000;font-size:16px;margin-top:5px;text-align:center}#hintContinueBtn,#videoModalCloseBtn{color:#fff;cursor:pointer;text-transform:capitalize}#hintContinueBtn{background-color:#bd0fe0;border:1px solid #fff;border-radius:3px;color:#fff;margin:15px auto auto;padding:10px;text-align:center;width:100px}#hintHeader{font-size:20px;font-weight:700;text-align:center}.hintBtn{background-color:#bd0fe0;border:0;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;left:.5em;line-height:1.3;margin-right:15px;position:absolute;text-align:center;text-transform:uppercase;top:.5em;z-index:4}.hintBtn.knowledge{padding:5px 7px}.hintBtn.knowledge,.hintBtn.screenshot{-ms-flex:0.1;-webkit-box-flex:0.1;flex:0.1}.hintBtn.screenshot{margin-bottom:10px;padding:5px 10px;z-index:4}@media (max-width:600px){.hintBtn{font-size:10px!important;width:53px!important}}#answer{border-bottom:1px solid #fff!important;color:#fff;overflow:hidden;padding:15px 0;text-align:left;width:100%}.answerType{font-size:20px;font-weight:900;line-height:22px;padding:0 40px 10px;text-transform:capitalize}.answerDescription{font-size:20px;font-weight:400;line-height:21px;padding:0 40px}.outcome-page-default .background-image{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;position:absolute;width:100%}.outcome-page-default .page-content{position:relative}.outcome-page-default .content-wrapper,.outcome-page-default .page-content{min-height:415px}.outcome-page-default .content-wrapper,.outcome-page-default .text-content{-ms-flex-flow:column;-ms-flex-pack:center;-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-box-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;flex-flow:column;justify-content:center}.outcome-page-default .content-wrapper{background-color:hsla(0,0%,100%,.8);position:relative;width:100%;z-index:2}.outcome-page-default .heading{margin-left:25px;max-width:520px}.outcome-page-default .outcome-description{color:#000;font-size:20px;font-weight:300;line-height:27px;padding-top:15px}.outcome-page-default .outcome-btn,.outcome-page-default .share-button{-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-pack:center;align-items:center;border-radius:40px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;margin-bottom:15px;margin-left:10px;margin-right:10px;max-width:370px;padding:10px 23px}@media (min-width:600px){.outcome-page-default .outcome-btn,.outcome-page-default .share-button{margin-left:25px}}.outcome-page-default .outcome-btn{background-color:#01a6de;height:50px;margin-top:20px}.outcome-page-default .outcome-btn .outcome-button-text{color:#fff;font-size:24px;font-weight:900;text-transform:uppercase}.outcome-page-default .share-button{background-color:#346799;height:75px;margin-top:20px}@media (min-width:600px){.outcome-page-default .share-button{margin-top:75px}}.outcome-page-default .install-extn-btn,.outcome-page-default .try-again-btn{margin-bottom:15px;margin-top:0}.outcome-page-default .share-button .social-icon{-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-pack:center;align-items:center;border-radius:50%;color:#fff;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:28px;height:45px;justify-content:center;width:45px}.outcome-page-default .share-button .fa-facebook{background-color:#fff;border:none;color:#346799}.outcome-page-default .share-button .call-to-action{color:#fff;font-size:24px;font-weight:900;text-align:center;text-transform:uppercase}.outcome-page-default .outcome-result,.outcome-page-default .outcome-score{color:#000;font-size:60px;font-weight:900;line-height:48px}@media (min-width:600px){.outcome-page-default .outcome-result,.outcome-page-default .outcome-score{font-size:92px;line-height:68px}}.outcome-page-default .outcome-result{padding-top:15px}.outcome-page-default .outcome-title{color:#000;font-size:24px;font-weight:600;margin-bottom:10px;margin-left:25px;margin-top:25px}.social-buttons{padding:10px 0 10px 10px}#ms-quiz{-webkit-font-smoothing:auto;margin:0;position:relative;text-align:left!important;text-align:initial!important;z-index:600}#ms-quiz.screenshot{margin:auto!important;max-width:600px!important}#ms-quiz-feed{-webkit-font-smoothing:auto;margin:0;overflow:hidden;position:relative;text-align:left!important;text-align:initial!important;z-index:600}#ms-quiz-feed.screenshot{margin:auto!important;max-width:100%!important}.howstuffworks #ms-quiz.screenshot,.learnhowstuffworks #ms-quiz.screenshot,.playhowstuffworks #ms-quiz.screenshot{max-width:100%!important}.howstuffworks .bg-image,.learnhowstuffworks .bg-image,.playhowstuffworks .bg-image{display:none}.howstuffworks .mildOpacity,.learnhowstuffworks .mildOpacity,.playhowstuffworks .mildOpacity{background:#333;margin:10px 0}.howstuffworks .questionText,.learnhowstuffworks .questionText,.playhowstuffworks .questionText{-ms-flex:1;-webkit-box-flex:1;flex:1;font-size:calc(.64em + 1vw);font-weight:700;line-height:1.25;margin:1.3rem 0 0;padding:1rem 2rem 2rem 30px}.howstuffworks .correct,.learnhowstuffworks .correct,.playhowstuffworks .correct{background:#148f15}.howstuffworks .option,.learnhowstuffworks .option,.playhowstuffworks .option{font-weight:400}.howstuffworks .answerType,.learnhowstuffworks .answerType,.playhowstuffworks .answerType{font-size:25.008px;font-size:1.563rem}.howstuffworks #answer,.learnhowstuffworks #answer,.playhowstuffworks #answer{padding:1em}.howstuffworks .answerDescription,.howstuffworks .answerType,.learnhowstuffworks .answerDescription,.learnhowstuffworks .answerType,.playhowstuffworks .answerDescription,.playhowstuffworks .answerType{padding:0}.howstuffworks .answerType,.learnhowstuffworks .answerType,.playhowstuffworks .answerType{margin:3px 0}.howstuffworks .optionText.knowledge,.learnhowstuffworks .optionText.knowledge,.playhowstuffworks .optionText.knowledge{font-size:16px!important;font-size:1rem!important;padding:21px 30px!important}.howstuffworks .optionText.screenshot,.learnhowstuffworks .optionText.screenshot,.playhowstuffworks .optionText.screenshot{font-size:16px!important;font-size:1rem!important;font-weight:lighter;padding:1.2rem 30px}.howstuffworks .optionText.personality,.learnhowstuffworks .optionText.personality,.playhowstuffworks .optionText.personality{padding:20px 40px}.howstuffworks .question.screenshot,.learnhowstuffworks .question.screenshot,.playhowstuffworks .question.screenshot{overflow:hidden;padding-top:53%}.howstuffworks .questionWrapper,.learnhowstuffworks .questionWrapper,.playhowstuffworks .questionWrapper{min-height:300px!important}@media (max-width:425px){.howstuffworks .questionWrapper,.learnhowstuffworks .questionWrapper,.playhowstuffworks .questionWrapper{min-height:inherit!important}.howstuffworks .questionWrapper .questionText,.learnhowstuffworks .questionWrapper .questionText,.playhowstuffworks .questionWrapper .questionText{font-size:18px}.howstuffworks .questionWrapper .answerDescription,.howstuffworks .questionWrapper .answerType,.learnhowstuffworks .questionWrapper .answerDescription,.learnhowstuffworks .questionWrapper .answerType,.playhowstuffworks .questionWrapper .answerDescription,.playhowstuffworks .questionWrapper .answerType{font-size:16px;font-size:1rem}.howstuffworks .questionWrapper .optionText.knowledge,.learnhowstuffworks .questionWrapper .optionText.knowledge,.playhowstuffworks .questionWrapper .optionText.knowledge{padding:16px 29px}.howstuffworks .questionWrapper .optionText.screenshot,.learnhowstuffworks .questionWrapper .optionText.screenshot,.playhowstuffworks .questionWrapper .optionText.screenshot{font-size:16px;padding:15px 30px!important}}.playhowstuffworks .quiz-wrapper{margin:0}.playhowstuffworks .quiz-title{padding:0}.feed .share-quiz-button{background-color:#346799;border-radius:40px;height:75px;margin:20px auto;max-width:370px;padding:10px 23px}.feed .share-quiz-button,.feed .share-quiz-button .social-icon{-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-pack:center;align-items:center;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.feed .share-quiz-button .social-icon{border-radius:50%;color:#fff;font-size:28px;height:45px;width:45px}.feed .share-quiz-button .fa-facebook{background-color:#fff;border:none;color:#346799}.feed .share-quiz-button .call-to-action{color:#fff;font-size:24px;font-weight:900;text-align:center;text-transform:uppercase}