@font-face{font-family:'Affect';src:url(affect.otf);font-weight:500}@font-face{font-family:'Affect';src:url(affect_bold.otf);font-weight:700}@font-face{font-family:'Affect';src:url(affect_light.otf);font-weight:300}*{box-sizing:border-box}html{overflow:hidden;width:100vw;height:100vh}body{font-family:'Affect';font-weight:700;background:#C6DF8C;overflow:hidden;overflow-y:auto;width:100vw;height:100vh}p{font-family:'Zen Kaku Gothic New', sans-serif;font-weight:500;line-height:120%}p.safari{font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif}a{text-decoration:none}.container{width:100vw;height:100vh;max-width:1900px;margin:0 auto;position:relative}.hidden{visibility:hidden;opacity:0}.mainDog{width:55vw;position:absolute;z-index:30;left:25%;bottom:3vh;display:flex;align-items:flex-end;transform:translateX(-37%)}.mainDog video{width:100%}.mainBG{position:fixed;z-index:20;left:0;bottom:0;width:100%;height:100%;display:flex;justify-content:flex-start;align-items:flex-end;overflow:hidden}.mainBG video{min-width:100%}.smoke-wrapper{position:fixed;width:100vw;top:0;left:50%;transform:translateX(-50%);z-index:100;pointer-events:none}.smoke-wrapper img,.smoke-wrapper picture{width:100%}.smoke-wrapper video{width:100%}.introLoader{position:absolute;top:25vh;left:50%;transform:translateX(-50%);box-sizing:content-box}.introLoader h3{font-size:40px}.introLoader-bar{width:100%;height:100%;max-width:0%;background:#FF6C02;border-radius:30px;transition:.3s ease}.transitionFire{pointer-events:none;visibility:visible;opacity:1;position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100vw;height:100vh;z-index:1000}.transitionFire.hidden{visibility:hidden;opacity:0}.transitionFire video{min-width:100%;min-height:100%}.introDog{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);width:17vw}.introDog img{width:100%}.intro{position:absolute;top:13vh;left:25%;width:670px;max-width:calc(100vw - 250px);z-index:60}.intro h1{font-size:45px;line-height:99%;margin-bottom:20px}.intro p{font-size:18px;margin:20px 0 50px;max-width:448px}.fire-wrapper{position:fixed;z-index:50;right:0;bottom:0;width:70vw;display:flex;justify-content:flex-end;transform:translateX(5%);pointer-events:none}.fire-wrapper video{width:100% !important;height:auto !important}.logo-wrapper{position:fixed;z-index:105;right:40px;bottom:30px;width:100px;height:auto;cursor:pointer}.logo-wrapper svg{width:100%}.logo-wrapper.white{top:30px;bottom:auto}.logo-wrapper.white svg path{fill:#fff}.logo-mobile{display:none}.result{position:absolute;top:0;left:0;right:0;bottom:0;padding:100px;width:100%;display:flex;flex-direction:column;justify-content:space-between;transition:.3s ease}.result.hidden{visibility:hidden;opacity:0;pointer-events:0}.result h5{font-size:49px;line-height:99%;margin:36px 0}.result p{font-size:22px;line-height:133%;color:#EFFAD8;margin-bottom:25px}.result-text{visibility:hidden;display:none;height:100%}.result-text.active{display:flex;flex-direction:column;justify-content:space-between;visibility:visible}.result-top{flex-grow:1}.result-buttons{display:flex;justify-content:space-between;align-items:center;border:1px solid #C7DE98;border-radius:14px;padding:15px 20px}.result-buttons p{font-size:18px;line-height:21px;padding-right:40px;margin:0;color:#EFFAD8}.result-buttons .button-container-2{position:relative;width:180px;min-width:150px;height:56px;overflow:hidden;border:1px solid #FF6C02;transition:0.5s;border-radius:58px}.result-buttons .button-container-2 .button{width:101%;height:100%;text-align:center;padding-top:18px;text-decoration:none;background:#FF6C02;-webkit-mask:url("https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/urban-sprite.png");mask:url("https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/urban-sprite.png");-webkit-mask-size:3000% 100%;mask-size:3000% 100%;border:none;color:#fff;cursor:pointer;-webkit-animation:ani2 0.7s steps(29) forwards;animation:ani2 0.7s steps(29) forwards}.result-buttons .button-container-2 .button:hover{-webkit-animation:ani 0.7s steps(29) forwards;animation:ani 0.7s steps(29) forwards}.result-buttons .mas{color:#FF6C02;text-align:center;position:absolute;overflow:hidden;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);width:100%;padding-left:1px}.result-form{display:grid;grid-template-columns:repeat(2, 1fr);gap:30px;position:relative}.result-form span{display:block;font-size:30px;margin-bottom:10px}.result-form input[type=text]{background:transparent;border:2px solid #fff;border-radius:50px;padding:8px 20px 10px;font-size:20px;color:#fff;box-sizing:border-box;width:100%}.result-form input[type=text]:focus{outline:none}.result-form input[type=text].error{border-color:#B00000}.result-form button{background:#F66818;border-radius:50px;font-weight:450;font-size:16px;line-height:100%;text-align:center;letter-spacing:-0.01em;color:#FFFFFF;outline:none;border:none;cursor:pointer;display:inline-block;padding:20px 18px;cursor:pointer;transition:.3s ease}.result-form button:hover{background:#FF7C32;box-shadow:0px 10px 24px -12px rgba(255,92,0,0.8)}.result-form .success{position:absolute;left:-10px;top:-10px;right:-10px;bottom:-10px;background:#1D170F;color:#B8EF3A;font-size:40px;text-align:center;visibility:hidden;opacity:0;pointer-events:none;transition:.3s ease;display:flex;justify-content:center;align-items:center}.result-form .success.active{opacity:1;visibility:visible;pointer-events:initial}.result-form .privacy{font-weight:400;font-size:14px;display:flex;flex-direction:column;justify-content:center}.result-form .privacy a{text-decoration:underline;color:#B8EF3A}.quiz-wrapper{position:fixed;top:0;bottom:0;right:0;z-index:101;width:50vw;min-width:700px;box-sizing:border-box;background:#1D170F;border-radius:32px 0px 0px 32px;color:#fff;transition:.3s ease-out}.quiz-question{margin-bottom:80px}.quiz-question h5{font-size:30px;line-height:99%;text-transform:lowercase;margin:34px 0}.quiz-question-answers{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:20px;line-height:99%}.quiz-question-radio{border:2px solid #FFFFFF;border-radius:61px;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;padding:15px;font-size:20px;line-height:99%;opacity:.7;transition:.2s ease;cursor:pointer}.quiz-question-radio.checked.right span,.quiz-question-radio.right span{color:#B8EF3A}.quiz-question-radio.checked.right:hover,.quiz-question-radio.right:hover{opacity:.7}.quiz-question-radio.checked.right .checkbox,.quiz-question-radio.right .checkbox{background:#B8EF3A;border-color:#B8EF3A}.quiz-question-radio:hover{opacity:1}.quiz-question-radio input{display:none}.quiz-question-radio span{padding-left:13px}.quiz-question-radio.checked{opacity:1}.quiz-question-radio.checked .checkbox{border:2px solid #FF6C02;background:#FF6C02}.quiz-question-radio.checked span{color:#FF6C02}.quiz-question-radio .checkbox{width:28px;min-width:28px;height:28px;border:2px solid #fff;transition:.3s ease;border-radius:32px}.quiz-slide{padding:100px 45px;position:absolute;top:0;left:0;bottom:0;right:0;transition:.3s linear}.quiz-slide:not(.active){visibility:hidden;opacity:0}.answers{width:36.4vw;position:fixed;left:50px;bottom:35px;z-index:102}.answers h6{font-size:20px;line-height:99%;margin:13px 0}.answers-bar{width:100%;height:23px;border-radius:20px;border:1px solid #C6DF8C}.answers-bar-inner{width:100%;height:calc(100% + 2px);margin:-1px 0;max-width:0%;transition:.2s ease;background:#FFE94E;border-radius:20px}.button-container-2{position:relative;width:216px;height:66px;overflow:hidden;border:1px solid #FF6C02;transition:0.5s;border-radius:58px}.button-container-2 .button{width:101%;height:100%;text-align:center;padding-top:23px;background:#FF6C02;-webkit-mask:url("https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/urban-sprite.png");mask:url("https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/urban-sprite.png");-webkit-mask-size:3000% 100%;mask-size:3000% 100%;border:none;color:#fff;cursor:pointer;-webkit-animation:ani2 0.7s steps(29) forwards;animation:ani2 0.7s steps(29) forwards}.button-container-2 .button:hover{-webkit-animation:ani 0.7s steps(29) forwards;animation:ani 0.7s steps(29) forwards}.mas{color:#FF6C02;text-align:center;position:absolute;overflow:hidden;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}@-webkit-keyframes ani{from{-webkit-mask-position:0 0;mask-position:0 0}to{-webkit-mask-position:100% 0;mask-position:100% 0}}@keyframes ani{from{-webkit-mask-position:0 0;mask-position:0 0}to{-webkit-mask-position:100% 0;mask-position:100% 0}}@-webkit-keyframes ani2{from{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}@keyframes ani2{from{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}@media screen and (max-height: 800px){.intro h1{font-size:33px}.quiz-slide,.result{padding:60px}.quiz-question{margin-bottom:40px}.quiz-question h5{font-size:25px}.quiz-question-radio{font-size:18px}}@media screen and (max-height: 680px){.quiz-wrapper{overflow-y:auto}.quiz-slide{padding-bottom:0}}@media screen and (max-width: 1600px){.quiz-slide,.result{padding:60px 45px 45px 45px}}@media screen and (max-width: 1200px){.introLoader{width:100%}.introLoader h3{text-align:center}.answers-bar{display:none}.result h5{font-size:36px}.result p{font-size:20px}.result-buttons p{font-size:16px}.result-buttons .button-container-2{width:100%}.introLoader h3{font-size:33px}}@media screen and (max-width: 900px){.intro h1{font-size:33px}.quiz-slide,.result{padding:60px}.quiz-question h5{font-size:30px}.quiz-question-radio{font-size:18px}.answers{display:none}}@media screen and (max-width: 750px){.container{width:100%;height:100vh;padding:15px;display:flex;flex-direction:column}.logo-wrapper{position:fixed;z-index:51;right:15px;bottom:15px}.logo-wrapper.white{opacity:0}.logo-mobile{display:block;position:absolute;top:15px;left:15px;width:100px;height:50px;z-index:100}.logo-mobile svg path{fill:#fff}.intro{position:static;width:100%;max-width:none;margin-bottom:15px}.intro h1{font-size:26px;max-width:300px;margin-top:20px}.intro p{font-size:15px;max-width:322px;margin-bottom:30px}.intro .button-container-2{height:52px;width:100%}.intro .button-container-2 .button{padding-top:16px}.mainDog{position:static;transform:none;visibility:visible;opacity:1;width:auto;height:190px;flex-grow:1}.mainDog video{width:auto;height:100%;margin-top:10px}.fire-wrapper{height:320px;left:45%;width:auto;display:block}.fire-wrapper video{width:auto !important;height:100% !important}.mainBG,.transitionFire,.smoke-wrapper,.introDog{display:none}.quiz{display:flex;flex-direction:column;justify-content:space-between}.quiz-wrapper{min-width:auto;width:100vw;max-height:100vh;overflow-y:auto;border-radius:0}.quiz-slide{padding:55px 15px 15px}.quiz-question{margin-bottom:30px}.quiz-question h5{font-size:22px}.quiz-question-radio{font-size:14px;padding:5px}.quiz-question-answers{gap:10px}.answers{position:absolute;bottom:15px;left:15px;display:block;pointer-events:none;width:calc(100% - 30px);transition:.2s ease}.answers h6{font-size:14px}.answers-bar{display:block}.result{padding:55px 15px 15px 15px}.result h5{font-size:22px}.result p{font-size:16px}.result-buttons p{display:none}.result:not(.hidden)+.answers{opacity:0;visibility:hidden}.result-form{display:grid;grid-template-columns:repeat(1, 1fr);padding-bottom:10px}}@media screen and (max-width: 350px){.quiz-question-radio{font-size:12px;padding:5px}.intro h1{font-size:20px}}@media screen and (max-height: 600px){.answers{display:none}}