body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@font-face{font-family:"Latoblack";src:url(/static/media/Lato-Black.c6df9294.woff)}@font-face{font-family:"Latoregular";src:url(/static/media/Lato-Regular.c8a1fd8e.woff)}@font-face{font-family:"Latobold";src:url(/static/media/Lato-Bold.d15e7978.woff)}body,html{margin:0;padding:0;height:100vh;background-color:#151521}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}.container{max-width:600px;margin:auto}.rank-header{padding:10px;background-color:#2e2e41;color:#fff;font-size:25px;text-align:center;font-family:"Latoblack",Arial,Helvetica,sans-serif}.rank-body{width:100%;font-family:"Latobold",Arial,Helvetica,sans-serif;color:#fff;border-collapse:collapse}.rank-body td{text-align:center;padding:15px 0;height:65px;vertical-align:middle}.rank-body tr:nth-child(2n){background-color:#2e2e41}.mine-points,.mine-points>td{background-color:#da724f!important}.mine-points>td{padding:15px 0;margin:0 auto}.start-button-container{width:100%;position:relative;display:flex;justify-content:center;flex-flow:column;width:80%;z-index:2;margin:-65px auto 15px;align-items:center}.claim{display:block;color:#151521;font-size:20px;margin-bottom:10px;text-shadow:0 0 50px #fff}.claim,.start-button{text-align:center;font-family:"Latoblack",Arial,Helvetica,sans-serif}.start-button{padding:15px 30px;color:#000;border:none;border-radius:3px;background-color:#ffd064;outline:none;box-shadow:none;cursor:pointer;font-size:25px;max-width:200px}.banner{bottom:-5px;position:-webkit-sticky;position:sticky;width:100%;overflow:hidden!important;min-height:135px;border:none}.pills-icon-home{position:absolute;width:200px;z-index:1;top:50%;left:50%;transition:.3s;transform:translate(-50%,-50%)}svg g{transform:translate(150px,150px) scale(1);animation:animatezoom .8s linear infinite}@keyframes animatezoom{to{transform:translate(150px,150px) scale(1.414)}}.psyco-panel-countdown-container{margin-top:10px;width:100%;height:300px;overflow:hidden;position:relative;transition:.5s}.psyco-panel-countdown{width:100%;height:100%;background-color:#6fc79e}.psyco-panel-countdown>svg{width:200%;height:200%;opacity:.5}.home-second-countdown,.psyco-panel-countdown>svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-second-countdown{z-index:1;text-align:center;font-family:"Latoblack",Arial,Helvetica,sans-serif}.home-second-countdown>div{font-size:150px;animation-iteration-count:5}@keyframes rotate-scale-up{0%{transform:scale(1) rotate(0)}50%{transform:scale(2) rotate(180deg)}to{transform:scale(1) rotate(1turn)}}@keyframes bg-animation{0%{background-color:#6fc79e}20%{background-color:#fdd95c}40%{background-color:#86a4e8}60%{background-color:#de8062}80%{background-color:#ff96ea}to{background-color:#f84f5d}}.grid-container-header-quitz{transition:.5s;display:grid;height:60px;grid-template-columns:25% 1fr 25%;grid-template-rows:1fr;grid-gap:0 5px;gap:0 5px;grid-template-areas:". . ."}.logo{justify-content:center;text-align:center}.logo>img{height:50px;width:100%;object-fit:contain}.grid-container-header-quitz>div:first-child,.grid-container-header-quitz>div:last-child{align-items:center;background-color:#151521;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-family:"Latoblack",Arial,Helvetica,sans-serif;justify-content:center;margin:10px;width:calc(100% - 20px);text-align:center}.grid-container-header-quitz>div:nth-child(2){margin:10px 0;text-align:center;display:flex;align-items:center;justify-content:center}.img-quitz{width:calc(100% - 24px);height:180px;background-color:#3d3d3d;border-radius:8px;margin:0 auto 7px;position:relative;border:2px solid #384150;transition:.2s}.true-false-img{width:80px;height:80px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;opacity:0;transition:.2s;background-position:50%;background-size:contain;background-repeat:no-repeat}.img-quitz-success{border-color:#28a745;animation:flick-border-success 1s forwards}.img-quitz-danger{border-color:#dc3545;animation:flick-border-danger 1s forwards}.img-quitz-success>.true-false-img{background-image:url(/static/media/check.58f633ee.svg)}.img-quitz-danger>.true-false-img,.img-quitz-success>.true-false-img{opacity:1;transform-origin:center;animation:bounce-in-bottom 1.5s ease-in-out both}.img-quitz-danger>.true-false-img{background-image:url(/static/media/cross.1f25d32e.svg)}@keyframes flick-border-success{25%{border-color:#384150}50%{border-color:#28a745}75%{border-color:#384150}to{border-color:#28a745}}@keyframes flick-border-danger{25%{border-color:#384150}50%{border-color:#dc3545}75%{border-color:#384150}to{border-color:#dc3545}}@keyframes bounce-in-bottom{0%{transform:translate(-50%,40%);opacity:0}10%{transform:translate(-50%,-50%);opacity:1}20%{transform:translate(-50%,-45%);opacity:1}30%{transform:translate(-50%,-50%);opacity:1}90%{transform:translate(-50%,-50%);opacity:1}to{transform:translate(-50%,-50%);opacity:0}}.img-quitz>img{width:100%;height:100%;object-fit:cover;border-radius:5px}#img-off{opacity:0}.img-quitz>img:nth-child(2){position:absolute;top:0;left:0}.fade-out{animation:fade-out 1s ease-out both}@keyframes bonus-panel-animation{0%,to{opacity:0}30%,80%{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0;pointer-events:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.subtitle{margin:10px auto;color:#da724f;font-family:"Latobold",Arial,Helvetica,sans-serif}.question-quitz,.subtitle{text-align:center;width:calc(100% - 40px)}.question-quitz{border-radius:5px;color:#fff;margin:5px auto;font-family:"Latoblack",Arial,Helvetica,sans-serif}.loader{width:calc(100% - 20px);border-radius:10px;height:10px;background-color:#424045;margin:10px auto;position:-webkit-sticky;position:sticky;top:0;z-index:3;overflow:hidden}.loader>div{width:100%;height:100%;background-color:#da724f;animation:loader-time 10s linear 2.3s forwards}@keyframes loader-time{0%{width:100%}to{width:0}}.grid-container-response-quitz{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr 1fr;grid-gap:2px 0;gap:2px 0;grid-template-areas:"." "." "." ".";border-radius:10px}.grid-container-response-quitz>button{cursor:pointer;outline:none;border:none;background-color:#2e2e41;border-radius:5px;color:#fff;font-family:"Latoregular",Arial,Helvetica,sans-serif;padding:15px;transition:.3s;font-size:16px;margin:0 10px 5px}.bonus-panel{background-color:rgba(0,0,0,.8);position:fixed;width:100%;height:100vh;top:0;left:0;z-index:4;display:flex;align-items:center;justify-content:center;animation:bonus-panel-animation 3s ease-out both}.bonus-panel>div{padding:40px 20px;width:80%;border-radius:10px;text-align:center;transform-origin:center;animation:swirl-out-bck .5s 2s both}@keyframes swirl-out-bck{0%{transform:rotate(0) scale(1);opacity:1}to{transform:rotate(-540deg) scale(0);opacity:0}}.bonus-panel>div>svg{animation:swirl-in-fwd .6s ease-out both}.bonus-panel>div>p{color:#fc6;font-size:40px;line-height:1;margin-top:10px;font-weight:700;transform:rotate(-5deg)}.bonus-panel>div>p>span{display:inline-block}.bonus-panel>div>p>span:nth-child(01){animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) .05s both}.bonus-panel>div>p>span:nth-child(02){animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) .1s both}.bonus-panel>div>p>span:nth-child(03){animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) .15s both}.bonus-panel>div>p>span:nth-child(04){animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) .2s both}.bonus-panel>div>p>span:nth-child(05){animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) .25s both}.bonus-panel>div>p>span:nth-child(06){animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) .3s both}.bonus-panel>div>p>span:nth-child(07){animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) .35s both}.bonus-panel>div>p>span:nth-child(08){animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) .4s both}.bonus-panel>div>p>span:nth-child(09){animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) .45s both}.bonus-panel>div>p>span:nth-child(10){animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) .5s both}.bonus-panel>div>p>span:nth-child(11){animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) .55s both}.bonus-panel>div>p>span:nth-child(12){animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) .6s both}.bonus-panel>div>p>span:nth-child(13){animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) .65s both}.bonus-panel>div>p>span:nth-child(14){animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) .7s both}@keyframes swirl-in-fwd{0%{transform:rotate(-1turn) scale(0);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}.slide-in-bottom{animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) both}@keyframes slide-in-bottom{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.bonus-panel>div>.bonus-img{width:150px;height:150px;margin:0 auto 50px;background-position:50%;background-size:contain;background-repeat:no-repeat;background-image:url(/static/media/star.0fbac757.svg)}.bonus-panel>div>span{font-size:24px;font-weight:700;color:#fff}.bonus-points{display:none;background-color:rgba(0,0,0,.8);position:fixed;top:0;left:0;z-index:4;transition:.3s;align-items:center;animation:bonus-panel-animation 3.3s ease-out both}.bonus-points,.bonus-points>div{width:100%;height:100vh;justify-content:center}.bonus-points>div{padding:40px 20px;display:flex;flex-flow:column;border-radius:10px;text-align:center;opacity:0;align-content:center;transform-origin:center;box-sizing:border-box;animation:swirl-out-bck .5s 1.5s both}.bonus-points>div>p{text-align:center;color:#fc6;font-size:70px;transform:rotate(-5deg);font-weight:700;color:#fff;margin:0}.bonus-txt{font-size:40px!important;transform:rotate(0deg)!important}.bonus-points>div>p>span{display:inline-block;color:#fc6}.bonus-points>div>p>span>small{font-size:40px}.bonus-points>div>p:first-child>span:nth-child(01){animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) .05s both}.bonus-points>div>p:first-child>span:nth-child(02){animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) .1s both}.bonus-points>div>p:first-child>span:nth-child(03){animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) .15s both}.bonus-points>div>p:first-child>span:nth-child(04){animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) .2s both}.bonus-points>div>p:first-child>span:nth-child(05){animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) .25s both}.bonus-points>div>p:first-child>span:nth-child(06){animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) .3s both}.bonus-points>div>p:first-child>span:nth-child(07){animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) .35s both}.bonus-points>div>p:first-child>span:nth-child(08){animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) .4s both}.bonus-points>div>p:nth-child(2)>span:nth-child(01){animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) .45s both}.bonus-points>div>p:nth-child(2)>span:nth-child(02){animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) .5s both}.bonus-points>div>p:nth-child(2)>span:nth-child(03){animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) .55s both}.bonus-points>div>p:nth-child(2)>span:nth-child(04){animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) .6s both}.bonus-points>div>p:nth-child(2)>span:nth-child(05){animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) .65s both}.results>.grid-container-header-quitz:first-child,.results>.grid-container-header-quitz:last-child{cursor:pointer}.single-result{opacity:0;padding:10px;margin:0 10px 10px;background-color:#2e2e41;border-radius:5px;font-family:"Latoregular",Arial,Helvetica,sans-serif}.single-result,.single-result>div:first-child{display:flex;justify-content:center;align-items:center}.single-result>div:first-child{width:40px;text-align:center;position:absolute;top:50%;left:10px;height:40px;background:rgb(46 46 65);border-radius:50%;border:1px solid hsla(0,0%,100%,.5);transform:translateY(-50%)}.single-result>div:nth-child(2){left:5%;position:relative;text-align:center;width:70%}.single-result div>span{width:80%;font-size:12px;text-align:center}.single-result div>span>div{text-align:center;font-size:20px;margin-top:10px;font-family:"Latoblack",Arial,Helvetica,sans-serif}.flex-score{font-size:18px;width:100%;display:flex;margin-top:10px}.flex-score>div:first-child{border-right:1px solid hsla(0,0%,100%,.25);width:50%}.flex-score>div:nth-child(2){text-align:center;width:50%}.final-result{background-color:#ffd064;border-radius:5px;color:#151521;font-size:20px;line-height:1.2;margin:10px;opacity:0;padding:20px;text-align:center}.final-result>strong{font-family:"Latobold",Arial,Helvetica,sans-serif}.results-panel>div:first-child{animation:slide-in-left .3s cubic-bezier(.25,.46,.45,.94) .3s both}.results-panel>div:nth-child(2){animation:slide-in-left .3s cubic-bezier(.25,.46,.45,.94) .6s both}.results-panel>div:nth-child(3){animation:slide-in-left .3s cubic-bezier(.25,.46,.45,.94) .9s both}.results-panel>div:nth-child(4){animation:slide-in-left .3s cubic-bezier(.25,.46,.45,.94) 1.2s both}.form{text-align:center;position:relative}.form--rank{margin:20px 10px 10px;padding:20px;border-radius:5px;background-color:#151521;border:2px solid #ffd064}.form--rank:before{content:"";display:block;width:0;height:0;border-color:transparent transparent #ffd064;border-style:solid;border-width:0 20px 10px;position:absolute;left:50%;transform:translateX(-50%);top:-10px}.form--play-again{display:grid;grid-gap:10px;grid-template-columns:repeat(2,1fr);padding:10px}.form>input{margin-bottom:10px;padding:10px;font-size:18px;background-color:#384150}.form>.subscrive-button,.form>input{display:block;width:100%;color:#fff;font-family:"Latobold",Arial,Helvetica,sans-serif;border-radius:5px;outline:none;border:none;text-align:center}.form>.subscrive-button{font-size:16px;background-color:#28a745;box-shadow:none;cursor:pointer;text-transform:uppercase;padding:20px 10px}.form>span{display:block;font-family:"Latoregular",Arial,Helvetica,sans-serif;margin-bottom:10px}.text-o{display:block;font-size:14px;letter-spacing:2px;text-align:center;text-transform:uppercase}.form--play-again button{align-items:center;border:2px solid #fff;border-radius:5px;box-shadow:none;cursor:pointer;display:grid;font-family:"Latobold",Arial,Helvetica,sans-serif;font-size:14px;grid-gap:5px;grid-template-columns:auto 1fr;line-height:1;outline:none;padding:20px;text-align:center}.play-again-button{background-color:#fff;color:#000}.play-again-button svg{height:24px;width:24px}.share-button-final{color:#fff;background-color:transparent}.share-button-final svg{fill:#fff}@keyframes slide-in-left{0%{transform:translateX(-1000px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes bounce-in-top{0%{transform:translateY(-500px);animation-timing-function:ease-in;opacity:0}38%{transform:translateY(0);animation-timing-function:ease-out;opacity:1}55%{transform:translateY(-65px);animation-timing-function:ease-in;opacity:1}72%{transform:translateY(0);animation-timing-function:ease-out;opacity:1}81%{transform:translateY(-28px);animation-timing-function:ease-in;opacity:1}90%{transform:translateY(0);animation-timing-function:ease-out;opacity:1}95%{transform:translateY(-8px);animation-timing-function:ease-in;opacity:1}to{transform:translateY(0);animation-timing-function:ease-out;opacity:1}}@keyframes bonus-points-animation{0%{opacity:0;transform:translate(0)}10%{opacity:1}95%{opacity:0;transform:translateY(-150px)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.results{color:#fff}@media (min-width:768px){.img-quitz{height:300px}.bonus-panel>div{width:300px}.banner{height:280px}}@media (max-device-width:480px){.banner{height:165px}}.modal-overlay{background-color:rgba(0,0,0,.8);display:flex;height:100%;left:0;position:fixed;top:0;width:100%;z-index:6}.modal-body{background-color:#384150;border-radius:10px;color:#fff;margin:auto;max-width:400px;padding:20px;position:relative;text-align:center;width:85%}.modal-body .modal-body__close{background-color:#384150;border:1px solid hsla(0,0%,100%,.5);border-radius:3px;cursor:pointer;height:40px;position:absolute;top:-20px;right:-20px;width:40px}.modal-body .modal-body__close svg{fill:#fff;height:100%;width:16px}.modal-body .tit-share{margin:0 0 20px}.modal-body .wrap-social{display:flex;justify-content:center}.modal-body .wrap-social .icon{margin:0 5px}.modal-body .wrap-social .icon a{border:1px solid #ffd064;border-radius:50%;display:block;height:50px;width:50px}.modal-body .wrap-social .icon a svg{fill:#ffd064;height:100%}.tutorial-text{max-height:350px;overflow-y:auto}.notification-body{position:fixed;top:50px;width:300px;left:50%;transform:translateX(-50%);border-radius:5px;text-align:center;color:#fff;font-weight:700;padding:15px;animation:slide-in-top .5s cubic-bezier(.25,.46,.45,.94) both}.notification-success{background-color:#28a745}.notification-danger{background-color:#dc3545}@keyframes slide-in-top{0%{transform:translate(-50%,-1000px);opacity:0}to{transform:translate(-50%);opacity:1}}
/*# sourceMappingURL=main.5ff11ef2.chunk.css.map */