@font-face{font-family:'Nunito';font-style:light;font-weight:400;src:local(''),url('../fonts/nunito-v16-latin-regular.woff2') format('woff2'),url('../fonts/nunito-v16-latin-regular.woff') format('woff')}@font-face{font-family:'Nunito';font-style:normal;font-weight:700;src:local(''),url('../fonts/nunito-v16-latin-700.woff2') format('woff2'),url('../fonts/nunito-v16-latin-700.woff') format('woff')}@font-face{font-family:'Nunito';font-style:bold;font-weight:900;src:local(''),url('../fonts/nunito-v16-latin-900.woff2') format('woff2'),url('../fonts/nunito-v16-latin-900.woff') format('woff')}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;line-height:1.2em}::selection{background:#2c8484}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,p,ul,ol{display:block;font-size:inherit}img{max-width:100%;height:auto;border:0}a{color:inherit;transition:.2s;outline:0;cursor:pointer}html,body{font-family:'Nunito',sans-serif;font-size:24px;color:#cccccc;font-weight:400;min-height:100vh}[hidden]{display:none !important}b,strong{font-weight:700}p:not(:last-child){margin-bottom:30px}h1{font-family:'Nunito',sans-serif;font-size:2.6rem;line-height:1em;font-weight:300;letter-spacing:-1px;margin:25px 0}h2{font-family:'Nunito',sans-serif;font-size:1.6rem;line-height:1em;font-weight:400;letter-spacing:-1px;margin:20px 0}.btn{display:inline-flex;justify-content:center;align-items:center;color:#fff !important;text-decoration:none;cursor:pointer;outline:0;position:relative;font-family:inherit;font-size:1rem;line-height:1em;font-weight:bold;border-radius:24px;transition:.3s cubic-bezier(.71, 0, .44, 1);overflow:hidden;padding:20px 32px 28px 32px;background:linear-gradient(90deg, #5db49d, #348e99);background-size:400%;z-index:0;box-shadow:0 4px 6px #5db49d49}.btn:after{content:'';width:100%;height:calc(100% - 16px);top:0;left:0;position:absolute;background:#fff;border-radius:0 0 24px 24px;z-index:-1;opacity:.2;transition:.6s}.btn:before{content:'';width:100%;height:100%;top:0;left:0;position:absolute;background-color:#000;opacity:0;transition:.3s cubic-bezier(.39, .57, 0, 1);mix-blend-mode:overlay;border-radius:24px}.btn[disabled]{opacity:.5;pointer-events:none}.btn.btn-important{background:linear-gradient(90deg, #ef6e6e, #f19041);box-shadow:0 4px 6px #ef8b8b59}.btn:hover:before{opacity:.5}.btn.btn-selected{box-shadow:0 4px 6px #fbe9d4;padding:20px 32px 20px 32px;transform:translateY(8px)}.btn.btn-selected:before{background-color:#ff1600;opacity:1}.btn.btn-selected:after{height:100%}.app-wrapper{height:100vh;position:relative;display:flex;justify-content:center;align-items:center;background:linear-gradient(#6bc7be, #b4deba)}.app{width:1280px;min-width:1280px;max-width:1280px;height:710px;z-index:1;display:flex;flex-direction:column}body.modal-overflow{overflow:hidden}#modal_container{display:flex;align-items:center;justify-content:center;flex-direction:column;position:fixed;width:100%;height:100vh;top:0;left:0;background:#174444dd;z-index:1000;transition:.6s;opacity:0;visibility:hidden}#modal_container.is-visible{opacity:1;visibility:visible;transition:opacity .3s 0s,visibility 0s 0s}#modal_container.is-visible #modal_window{opacity:1;transform:translate(0, 0)}#modal_container #modal_window{width:100%;min-width:50vw;max-width:900px;max-height:100vh;text-align:center;transform:translate(0, -20px);opacity:0;transition:opacity 0s 0s,transform .3s 0s}#modal_container #modal_content{padding:64px;overflow-y:auto;max-height:calc(100vh - 90px);text-align:center;border-radius:32px;background:#ffffff;display:flex;flex-direction:column;align-items:center;justify-content:center}#modal_container #modal_actions{padding-bottom:25px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;position:relative;top:-25px}#modal_container #modal_actions>*{margin:0 16px;min-width:160px}#modal_container.credits,#modal_container.instructions,#modal_container.modal-orientation{color:#333333}#modal_container.credits,#modal_container.instructions #modal_content{text-align:left}body.alert-overflow{overflow:hidden}.alert-container{display:flex;align-items:center;justify-content:center;position:fixed;width:100%;height:100vh;top:0;left:0;background:rgba(0,0,0,0.8);z-index:1000;transition:.6s;opacity:0;visibility:hidden;transition:opacity .3s 0s,visibility 0s 0s}.alert-container.is-visible{opacity:1;visibility:visible;transition:opacity .3s 0s,visibility 0s 0s}.alert-container.is-visible .alert{opacity:1;transform:translate(0, 0)}.alert-container .alert{border-radius:24px;background:#fff;width:100vw;max-width:300px;max-height:100vh;box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22);overflow:hidden;text-align:center;transform:translate(0, -20px);opacity:0;transition:opacity .3s cubic-bezier(.39, .57, 0, 1),transform .3s cubic-bezier(.39, .57, 0, 1)}.alert-container .alert .alert-title{font-size:3rem}.alert-container .alert .alert-content{padding:40px 40px 0px 40px}.alert-container .alert .alert-footer{display:flex;align-items:center;padding:32px 16px 40px 16px;justify-content:center}.alert-container .alert .btn{border:2px solid #fff;background-color:transparent !important;color:#fff !important;border-color:#fff !important;background:none;box-shadow:none}.alert-container .alert .btn:hover:after{opacity:1}.alert-container .alert .btn+.btn{margin-left:8px}.alert-container .alert.alert-success{background-color:#2c8484;color:#fff}.alert-container .alert.alert-success .btn:hover{color:#2c8484 !important}.alert-container .alert.alert-error{background-color:#c1272d;color:#fff}.alert-container .alert.alert-error .btn:hover{color:#c1272d !important}.header{height:60px;background-color:transparent;display:flex;justify-content:space-between;transition:.3s cubic-bezier(.39, .57, 0, 1)}.header.is-visible{opacity:1;background-color:#2c8484}.header.is-visible .header-agenda{opacity:1}.header .header-agenda{padding:8px 16px;opacity:0;transition:.3s cubic-bezier(.39, .57, 0, 1);text-decoration:none;display:flex;align-items:center}.header .header-agenda img{height:100%}.header .header-agenda img.header-home{height:24px;margin-left:16px}.header .header-logo{padding:12px 16px}.header .header-logo img{height:100%}.animal{width:100%;height:100%;border-radius:100%;padding:8px}.animal.animal-shadow{box-shadow:0 0 20px #2c8484}.animal-panda{background:linear-gradient(#f1a160, #eb6f5d)}.animal-panda.is-selected{border-color:#c95800 !important;transform:scale(1.2)}.animal-fox{background:linear-gradient(#95d166, #71d1ac)}.animal-fox.is-selected{border-color:#399d70 !important;transform:scale(1.2)}.animal-butterfly{background:linear-gradient(#ff8ab7, #ff9152)}.animal-butterfly.is-selected{border-color:#24bde5 !important;transform:scale(1.2)}.animal-octopus{background:linear-gradient(#91deff, #9e99ff)}.animal-octopus.is-selected{border-color:#e8336c !important;transform:scale(1.2)}.animal-frog{background:linear-gradient(#ffb169, #ffe45e)}.animal-frog.is-selected{border-color:#7fc216 !important;transform:scale(1.2)}.animal-cat{background:linear-gradient(#c5a1ff, #ff87b7)}.animal-cat.is-selected{border-color:#8e57ff !important;transform:scale(1.2)}.main{padding-bottom:40px;opacity:0;transition:.3s cubic-bezier(.39, .57, 0, 1);max-width:1280px;margin:0 auto;position:relative;width:100%}.box{position:relative;background-color:#ffffff;width:90%;margin:56px auto 0;border-radius:32px;padding:48px 56px 80px;display:flex;justify-content:center;align-items:center;flex-direction:column}.box .box-img{margin-bottom:40px;transform:rotate(-10deg);transition:1.2s cubic-bezier(.39, .57, 0, 1);opacity:0}.box .box-img img{max-width:140px}.box .box-title{font-size:1.2rem;font-weight:800;margin-bottom:8px;color:#333333}.box .box-title.box-title-important{font-size:2.2rem;text-align:center;background:linear-gradient(#5db49d, #338d99);letter-spacing:-2px;background-clip:text;-webkit-background-clip:text;text-fill-color:transparent;-webkit-text-fill-color:transparent}.box .box-subtitle{font-size:1rem;font-weight:bold;color:#333333;margin-bottom:32px}.box .box-btn{margin-top:32px;min-height:100px}.box .box-btn .btn:not(:last-child){margin-right:40px}.box .box-cta{position:absolute;bottom:-24px}.box .box-input{margin-bottom:32px}.box .box-input input{background-color:#e6e6e6;padding:16px 24px;border-radius:100px;border:none;outline-color:#2c8484;text-align:center;font-size:1rem;font-weight:100}.box .box-input input::placeholder{color:#cccccc}.box .box-input input:focus-visible{outline:4px solid #94d4bc}.box .box-players{display:flex}.box .box-players .box-player{border-radius:100%;width:88px;height:88px;background-color:#e6e6e6;display:flex;align-items:center;justify-content:center;transition:.3s cubic-bezier(.39, .57, 0, 1);cursor:pointer;will-change:transform;border:4px solid #fff}.box .box-players .box-player img{position:relative;z-index:10;width:80%;height:80%}.box .box-players .box-player:not(:last-child){margin-right:24px}.box .box-players .box-player:hover{transform:scale(1.2)}.box .box-players .box-player.is-used{filter:saturate(0);pointer-events:none}.score-bar{display:flex;align-items:center;justify-content:center;width:100%;position:absolute;top:-24px;pointer-events:none}.score-bar .score-player{background-color:white;border-radius:60px;display:flex;align-items:center;color:black;height:40px;padding:8px 24px 8px 24px;box-shadow:0 0 32px #2c8484}.score-bar .score-player .score-name{text-transform:uppercase;font-weight:bold;font-size:.8rem}.score-bar .score-player .score-img{position:relative;border-radius:100%;background-color:red;width:60px;height:60px;padding:8px;margin:0 16px;box-shadow:0 0 32px #2c8484}.score-bar .score-player .score-position{font-weight:bold;color:#2c8484}.score-bar .score-player:last-child{margin-left:24px}.score-bar .score-player:last-child .score-name{order:3}.score-bar .score-player:last-child .score-img{order:2}.score-bar .score-player:last-child .score-position{order:1}.board{position:relative;margin:24px 128px}.board .board-background{filter:drop-shadow(0 4px 8px #2c8484)}.board .board-cup{position:absolute;top:6%;width:9%;right:3.6%}.board .board-players{width:100%;height:100%;position:absolute;top:0;left:0}.board .board-players .board-player{position:absolute;width:8%;opacity:0;transition:.6s cubic-bezier(.39, .57, 0, 1)}.board .board-players .board-player.is-visible{opacity:1}.board .board-players.is-same-position .board-player[data-player="0"]{transform:translateY(-50%)}.board .board-players.is-same-position .board-player[data-player="1"]{transform:translateY(50%)}.board .board-players.is-same-position .board-player[data-player="0"][data-position="0"]{transform:translateY(-66%)}.board .board-players.is-same-position .board-player[data-player="1"][data-position="0"]{transform:translateY(66%)}.board-cta{display:flex;justify-content:center;margin-top:24px;width:100%}.question #modal_header{display:flex;height:54px;width:90%;justify-content:space-between;margin:0 auto;font-size:1rem;position:relative}.question #modal_header .question-player{min-width:240px;padding:12px 24px;border-radius:24px 24px 0 0;background-color:#e6e6e6;color:#333333;text-transform:uppercase;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.question #modal_header .question-img{height:80px}.question #modal_header .question-img img{box-shadow:0 0 20px rgba(23,68,68,0.4) !important;width:auto}.question #modal_header .question-number{width:240px;padding:12px 24px;border-radius:24px 24px 0 0;background:linear-gradient(#9bd171, #55ae87);color:#ffffff;font-weight:bold}.question #modal_header .question-steps{position:absolute;margin:0 auto;width:100%;bottom:-48px;color:#e6e6e6;font-size:.5rem}.question #modal_header .question-steps span{margin:0 2px}.question #modal_header .question-steps span.is-selected{color:#2c8484}.question .question-title{color:#333333;font-size:1.2rem;margin-bottom:32px;margin-top:16px;text-align:left;width:100%;font-weight:700;line-height:1.1em}.question .question-answers{display:flex;flex-direction:column;width:100%}.question .question-answers .question-answer{text-align:left;color:#333333;margin-bottom:16px;position:relative;padding-left:32px;cursor:pointer}.question .question-answers .question-answer:before{content:'';background-color:#e6e6e6;width:24px;aspect-ratio:1;position:absolute;left:0;top:1px;border-radius:99px;border:4px solid #cccccc}.question .question-answers .question-answer.is-selected:before{background:linear-gradient(90deg, #ef8b8b, #f1a161)}.feedback{padding:40px}.feedback .feedback-title{font-weight:700;font-size:1.4rem}.feedback .feedback-subtitle{color:#333333}.feedback.feedback-success .feedback-title{color:#6fab40}.feedback.feedback-error .feedback-title{color:#c1272d}.winner{display:flex;align-items:center;padding:16px 0 40px}.winner .winner-img{margin-right:40px;position:relative;opacity:0;transform:translateY(10px) scale(.8);transition:.3s cubic-bezier(.39, .57, 0, 1)}.winner .winner-img .winner-cup{width:160px}.winner .winner-img .winner-animal{position:absolute;width:72px;top:99px;left:45px}.winner .winner-title{color:#333333;text-align:left;font-weight:bold;font-size:1.2rem;line-height:1.2em}.winner.animate .winner-img{opacity:1;transform:translateY(0) scale(1)}.animate-hide{opacity:0}.animate-show{opacity:1}.animate .main{opacity:1}.animate .box .box-img{opacity:1;transform:rotate(0deg)}.fade-in{animation:fade-in .6s cubic-bezier(.39, .57, 0, 1) both}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}.fade-in-top{animation:fade-in-top .6s cubic-bezier(.39, .57, 0, 1) both}@keyframes fade-in-top{0%{transform:translateY(-50px);opacity:0}100%{transform:translateY(0);opacity:1}}.shake{animation:shake .6s cubic-bezier(.39, .57, 0, 1) both}@keyframes shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(2px)}30%,50%,70%{transform:translateX(-4px)}40%,60%{transform:translateX(4px)}}@media (max-width:1024px){#modal_container.question #modal_header{font-size:.6rem;height:40px}#modal_container.question #modal_header .question-player{min-width:auto;width:140px}#modal_container.question #modal_header .question-number{width:140px}#modal_container.question #modal_header .question-steps{bottom:-34px}#modal_container.question #modal_content{border-radius:16px;padding:40px 32px 24px}#modal_container.question .question-img{height:56px}#modal_container.question .question-title{font-size:.8rem}#modal_container.question .question-answers .question-answer{font-size:.8rem}#modal_container.question #modal_actions .btn{font-size:.8rem}}