.quiz__spinner:before{content:"";display:inline-block;width:30px;height:30px;border-radius:50%;animation:spin 1s cubic-bezier(.42,.04,.7,.9) infinite;z-index:888}@media(min-width:992px){.quiz__spinner:before{width:40px;height:40px}}.quiz{width:100%;background-color:#f7f9fa;font-family:Fira Sans,sans-serif;overflow:hidden}.quiz.is-loading{display:flex;align-items:center;justify-content:center;height:100vh;background-color:#009f98}.quiz *{box-sizing:border-box;margin:0;padding:0}.quiz *:before,.quiz *:after{box-sizing:border-box}.quiz h1,.quiz h2,.quiz h3,.quiz h4,.quiz h5,.quiz h6{font-weight:600;line-height:1.3;letter-spacing:.02em}.quiz button{font-family:Fira Sans,sans-serif}.quiz__loading{display:flex;align-items:center}.quiz__spinner:before{border:2px solid #fff;border-bottom-color:#009f98}.quiz__status{color:#fff;margin-left:1em}.quiz__logo{position:absolute;top:0;left:0;right:0;z-index:555;width:160px;margin:20px auto}@media(min-width:992px){.quiz__logo{right:auto;margin:20px}}.quiz__logo img{width:100%;height:auto}.quiz__inner{width:100%;min-height:100vh;display:flex;flex-direction:column}@media(min-width:992px){.quiz__inner{flex-direction:row;min-height:768px;height:auto}}.quiz__content{padding:80px 20px 20px;z-index:2;position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.quiz__panel{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:350px;text-align:center;padding:10px 20px}.quiz__panel--answers{flex-grow:1;background-color:#262937}@media(min-width:992px){.quiz__panel--answers{width:50%;min-height:768px;height:100vh}}.quiz__panel--question{position:relative;overflow:hidden;background-color:#009f98;height:50vh}@media(min-width:992px){.quiz__panel--question{width:50%;min-height:768px;height:100vh}}.quiz__finished,.quiz__intro{overflow:hidden;position:relative;width:100%;min-height:100vh;background-color:#009f98;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}@media(min-width:992px){.quiz__finished,.quiz__intro{padding:20px;min-height:768px;height:auto}}.quiz__finished:before,.quiz__intro:before{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;opacity:.03;z-index:1}.quiz__finished .quiz__buttons .quiz__button{flex:0 1 calc(33.333% - 20px)}.quiz__finished:before,.quiz__intro:before{content:"";display:block;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMTAgOTMuNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTEwIDkzLjYiPjxwYXRoIGQ9Ik0xMTAgMGgtNTYuMWMtMTguOCAwLTMzLjQgNi43LTM2LjUgMjIuNGwtLjMgMS43LS4xLjd2LS4xYy0uMyA1LjIgMSAxMC40IDMuNiAxNC44IDUuNyAxMC4xIDE2IDE1LjIgMjMgMTEuMnM4LTE1LjMgMi4zLTI1LjVjLTMuNy02LjYtOS4zLTExLTE0LjgtMTIuMiA0LjgtMiA5LjktMyAxNS0yLjloMjBsLTEwLjMgMzEtMS40IDQuMi03LjggMjMuNi0xLjQgNC4yYy0yLjYgNy41LTYuNSAxMi0xMS4yIDE1IDMuMi01LjkgMS4yLTE1LjMtNS41LTIyLjYtNy44LTguNi0xOS0xMS4yLTI0LjktNS44cy00LjQgMTYuNyAzLjQgMjUuM2M1IDUuNSAxMS4zIDguNSAxNi43IDguNiAxMi4zLjUgMjQuOC00LjkgMzAuMy0yMS42bDIwLjUtNjEuOWgzMS45bDMuNi0xMC4xeiIvPjwvc3ZnPg==);background-size:cover;background-repeat:no-repeat;background-position:center}.quiz__question{font-size:28px;color:#fff;transform:translate3d(200%,0,0)}.quiz__question.is-active{animation:slideRight .5s ease forwards}@media(min-width:992px){.quiz__question{font-size:30px}}@media(min-width:1600px){.quiz__question{font-size:35px}}.quiz__points{font-weight:600;text-transform:uppercase;letter-spacing:.35em;font-size:40px;color:#fff;fill:#fff;line-height:1;opacity:0;animation:slideFadeUp .6s ease forwards}.quiz__subtitle{margin:30px auto .8em;font-size:23px;font-weight:600;max-width:80%;color:#fff;opacity:0;animation:slideFadeUpBig .6s .2s ease forwards}@media(min-width:992px){.quiz__subtitle{margin:50px auto .8em;font-size:35px}}@media(min-width:1600px){.quiz__subtitle{font-size:40px;max-width:960px}}.quiz__text{color:#fff;font-size:18px;font-weight:200;max-width:80%;line-height:1.5;margin:1em auto 0}@media(min-width:1600px){.quiz__text{max-width:960px}}.quiz__title{color:#fff;margin-bottom:.5em;font-size:23px}@media(min-width:992px){.quiz__title{font-size:35px}}@media(min-width:1600px){.quiz__title{font-size:40px;max-width:960px}}.quiz__lead{color:#fff;font-size:20px;font-weight:200;max-width:80%;line-height:1.5;opacity:0;animation:slideFadeUp .6s .3s ease forwards}@media(min-width:992px){.quiz__lead{font-size:23px;max-width:70%}}@media(min-width:1600px){.quiz__lead{max-width:960px}}.quiz__buttons,.quiz__actions{flex-shrink:0;display:flex;flex-direction:column;opacity:0;animation:slideFadeUp .6s .4s ease forwards}@media(min-width:992px){.quiz__buttons,.quiz__actions{flex-direction:row;flex-wrap:wrap;justify-content:center}}.quiz__buttons{margin:30px 0 0}@media(min-width:992px){.quiz__buttons{margin:60px 0 0}}.quiz__actions{margin:10px 0}@media(min-width:992px){.quiz__actions{margin:20px 0 0}}@media(min-width:1600px){.quiz__actions{margin:30px 0 0}}.quiz__actions .quiz__button{margin:10px}.quiz__stats{flex-shrink:0;opacity:0;animation:slideFadeUp .6s .4s ease forwards}.quiz__circle{stroke-linecap:round;fill:none;transform-origin:center;transform:rotate(-90deg);stroke-width:4px}.quiz__circle--track{stroke:#fff3}.quiz__circle--expand.is-animating{transition:all 1s .4s ease;stroke:#fff}.quiz__icon{display:inline-block}.quiz__button{display:flex;align-items:center;justify-content:center;font-size:18px;font-family:Fira Sans,sans-serif;border:none;line-height:1;text-decoration:none;cursor:pointer}.quiz__button:hover,.quiz__button:focus,.quiz__button:active{outline:none}.quiz__button-text{margin-left:.5em}.quiz__button--high,.quiz__button--low{font-size:20px;margin:10px;padding:1.1em 1.5em 1em}.quiz__button--big{font-size:23px}.quiz__button--high{background:#fff;color:#009f98}.quiz__button--high:hover,.quiz__button--high:focus,.quiz__button--high:active{background:#e5e5e5}.quiz__button--low{background:transparent;color:#fff;border:2px solid transparent}.quiz__button--low:hover,.quiz__button--low:focus,.quiz__button--low:active{color:#fff!important;border-color:#fff}.quiz__button--share .social-icon{transform:scale(1.5)}.quiz__button--answer{line-height:1.5;flex-grow:1;color:#fff;padding:1em;width:100%;margin:10px 0;background-color:#2d3040;opacity:0}.quiz__button--answer.is-active{animation:fadeIn 1s ease forwards}@media(min-width:768px){.quiz__button--answer{padding:2em;font-size:20px}}.quiz__button--answer:hover,.quiz__button--answer:focus,.quiz__button--answer:active{background-color:#373b4f}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideRight{0%{transform:translate3d(200%,0,0)}to{transform:translateZ(0)}}@keyframes slideFadeUp{0%{opacity:0;transform:translate3d(0,50%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes slideFadeUpBig{0%{opacity:0;transform:scale(.9) translate3d(0,50%,0)}75%{transform:scale(1.02)}to{opacity:1;transform:scale(1) translateZ(0)}}@keyframes scaleUp{0%{transform:scale(.8)}to{transform:scale(1)}}body{margin:0;padding:0;font-family:sans-serif}