@keyframes spin{0%{transform:rotate(0deg)}70%{transform:rotate(370deg)}90%{transform:rotate(1turn)}to{transform:rotate(1turn)}}@keyframes shake{10%,90%{transform:scale(1.25) rotate(3deg)}20%,80%{transform:scale(1.25) rotate(-2deg)}30%,50%,70%{transform:scale(1.25) rotate(1deg)}40%,60%{transform:scale(1.25) rotate(-4deg)}}.intro-section{position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.25098039215686274);color:#fff}.intro-section .last-load{opacity:1;transition:opacity .5s ease;font-size:28px;font-family:geomanistregular;line-height:1.5em;transform:translate(-50%,-75px);position:absolute;left:50%;top:0}.intro-section .last-load p{font-size:70px;font-family:mirageregular;line-height:96px}.intro-section .last-load .sub-hello{font-size:30px;line-height:43px}.intro-section .last-load.hidden{opacity:0}.intro-section .intro-title{font-size:13vw;font-family:mirageregular;text-transform:uppercase;display:flex!important}.intro-section .intro-title div{opacity:0}.intro-section .intro-content{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.intro-section .intro-content-all{position:absolute;min-height:20vh;width:80vw;top:50%;left:50%;transform:translate3D(-50%,-50%,0)}.intro-section .intro-content-all>div{position:absolute;width:100%;top:50%;left:50%;transform:translate3D(-50%,-50%,0)}.intro-section .intro-content-hello{font-size:28px;line-height:1.5em}.intro-section .intro-content-hello .hello-container{font-size:34px;font-family:mirageregular;line-height:45px}.intro-section .intro-content-hello .hello-container span{display:block}.intro-section .intro-content-hello .hello-container span .chars{opacity:0}.intro-section .intro-content-hello .sub-hello{font-size:30px;line-height:43px;opacity:0;position:absolute;top:-100px;width:100%;left:14px}.intro-section .intro-content-hello .text-content{max-width:650px;margin:0 auto;margin-bottom:30px}.intro-section .intro-content-hello .text-content span,.intro-section .intro-content-hello .text-content strong{font-weight:600;display:inline-block!important}.intro-section .intro-content-hello img{margin-top:30px}.intro-section .intro-content .spinner{margin-left:15px;transition:opacity .8s ease}.intro-section .intro-content .spinner.hidden{opacity:0}.intro-section .intro-content-login{opacity:0;display:flex!important;flex-direction:column;align-items:center}.intro-section .intro-content-login input{border:none;background-image:none;background-color:transparent;box-shadow:none;outline:none;color:#fff;text-align:center;font-size:40px;margin-bottom:0;font-family:mirageregular}.intro-section .intro-content-login input::-moz-placeholder{color:hsla(0,0%,100%,.5647058823529412)}.intro-section .intro-content-login input::placeholder{color:hsla(0,0%,100%,.5647058823529412)}.intro-section .intro-content-login input:focus::-moz-placeholder{color:transparent}.intro-section .intro-content-login input:focus::placeholder{color:transparent}.intro-section .intro-content-login>img{width:360px;margin-bottom:1em}.intro-section .intro-content-login span{color:#f67d41}.intro-section .intro-content-camera{display:none}.intro-content-login-subtitle{text-transform:uppercase;font-size:22px;margin-bottom:12px}.intro-content-login-disclamer{width:90%;max-width:480px;margin:0 auto;line-height:1.5em;font-size:14px}.intro-content-login-disclamer a,.skip-camera,.skip-load{text-decoration:underline}.skip-camera,.skip-load{position:absolute;bottom:60px;font-size:22px;font-family:geomanistregular;left:50%;transform:translateX(-50%);opacity:0;transition:all .3s ease;pointer-events:none}.skip-camera.show,.skip-load.show{opacity:1;pointer-events:auto}.agreement-wrapper{display:flex;justify-content:center;align-items:center;margin-top:25px}.agreement-wrapper>a,.agreement-wrapper>div{margin:0 20px}.intro-content-login-agreement-wrapper{display:flex;justify-content:center;align-items:center;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.intro-content-login-agreement-wrapper:hover{opacity:.75}.intro-content-login-agreement-wrapper.loading{opacity:.5;pointer-events:none}.intro-content-login-agreement-wrapper.shake{animation:shake .82s cubic-bezier(.36,.07,.19,.97) both}.intro-content-login-agreement-picto{margin:0 10px;position:relative}.intro-content-login-agreement-picto .picto-agreement-checkbox{width:30px}.intro-content-login-agreement-picto .picto-agreement-tick{position:absolute;left:50%;top:50%;transform:translate(-40%,-80%) scale(.9,1.3)}.intro-content-login-agreement-picto.disabled .picto-agreement-tick{opacity:0}.intro-content-login-agreement-text{margin:0 10px;font-size:1.4em}.intro-content-camera .spinner{margin-bottom:40px}.intro-content-camera img.disabled{opacity:.6}.intro-next-button{margin-top:30px;display:block;transition:opacity .5s ease;position:relative;overflow:hidden}.intro-next-button.start:hover .letter{transform:translateY(2px)!important}.intro-next-button .text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:-moz-max-content;width:max-content}.progress-circle{position:absolute;opacity:0;transition:opacity .2s ease;left:50%;top:50%;width:170%;transform:translate(-55%,-45%);height:170%}.progress-circle img{display:none}.progress-circle.active{opacity:1}.progress-circle canvas{position:absolute;top:0;left:0;width:100%;height:100%;max-width:100%;max-height:100%}.countdown{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:210px;color:#fff}.countdow-step{position:absolute;left:0;top:0;width:100%;height:100%}.countdow-step-title{width:100%;font-size:150px;line-height:150px;text-align:center;font-family:mirageregular}.countdow-step-subtitle{bottom:0;text-align:center;text-transform:uppercase;line-height:50px;font-size:50px}.countdow-step-subtitle,.endscore{position:absolute;left:0;width:100%}.endscore{top:0;height:100%;color:#fff;background-color:rgba(0,0,0,.25098039215686274);transition:opacity .5s ease;z-index:10}.endscore.hidden{opacity:0;pointer-events:none}.endscore-wrapper{position:absolute;left:50%;top:50%;width:100%;text-align:center;transform:translate(-50%,-50%)}.endscore-result-wrapper{margin-top:80px;max-width:800px;margin:0 auto}.endscore-title{font-size:120px;font-family:mirageregular}.endscore-title.endscore-title-small{font-size:80px}.endscore-subtitle{font-size:22px;text-transform:uppercase;margin-top:10px}.endscore-restart-button-wrapper{margin-top:80px;cursor:pointer;transition:transform .2s ease,opacity .2s ease;overflow:hidden;left:50%;transform:translateX(-50%)}.endscore-restart-button-wrapper img{width:250px!important}.endscore-social-wrapper{position:absolute;bottom:35px;right:40px;display:flex;align-items:center}.endscore-social-wrapper a{margin:0 25px;height:20px;width:-moz-max-content;width:max-content}.endscore-social-wrapper a img{height:100%;width:auto;transform-origin:50% 50%;transform:scale(1);transition:all .3s cubic-bezier(.2,0,.25,1)}.endscore-social-wrapper a:last-child{margin-right:0}.endscore-social-wrapper a:hover img{transform:scale(1.2)}.score{position:absolute;top:0;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;margin-top:26px}.score-container{display:flex;position:relative}.score-round{color:#fff;font-family:mirageregular;font-size:22px;letter-spacing:.15rem;margin-bottom:20px;transform:translate3d(0,-100px,0);transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.score-me,.score-opponent{top:50%;display:flex;align-items:center;position:absolute;flex-direction:row-reverse}.score-me .word,.score-opponent .word{display:inline-flex}.score-me .word span:first-child,.score-opponent .word span:first-child{text-transform:capitalize}.score-me .letter,.score-opponent .letter{display:inline-block;opacity:0;transform:translate3D(0,20px,0);transition:all .1s cubic-bezier(.25,.46,.45,.94)}.score-opponent{left:0;transform:translate(-100%,-50%)}.score-opponent .score-count{flex-direction:row-reverse}.score-opponent .score-name{margin-right:15px;white-space:nowrap;font-family:mirageregular;font-size:32px;line-height:24px;font-weight:400}.score-opponent .score-name .word{white-space:nowrap}.score-me{right:0;transform:translate(100%,-50%)}.score-me .score-name{margin-left:15px}.score-name{font-size:32px;font-family:mirageregular;color:#fff}.score .separator{margin:0 24px;height:70px;overflow:hidden;transform:translate3d(0,-100%,0)}.score .separator,.score .separator img{transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.score .separator img{height:100%;transform:translate3d(0,100%,0)}.score-count{display:flex;align-items:center}.score-count li{margin:0 10px;width:25px;height:25px;position:relative;transform:rotate(180deg) scale(0);transition:transform 1s cubic-bezier(.25,.46,.45,.94)}.score-count li img{width:100%}.score-count li:before{content:"";width:100%;height:100%;border-radius:100%;background-color:#fff;position:absolute;top:50%;left:50%;transform-origin:50% 50%;transform:translate3D(-50%,-50%,0) scale(0);transition:transform .33s cubic-bezier(.25,.46,.45,.94)}.score-count li.active:before{transform:translate3D(-50%,-50%,0) scale(1)}.score-count li.lost{opacity:.2}.score.visible .score-round{transform:translateZ(0)}.score.visible .score-round span{display:inline-block}.score.visible .score-me .letter,.score.visible .score-opponent .letter{opacity:1;transform:translateZ(0)}.score.visible .score-count li{transform:rotate(0deg) scale(1)}.score.visible .separator,.score.visible .separator img{transform:translateZ(0)}.score .fade-enter-active,.score .fade-leave-active{transition:all .5s}.score .fade-before-leave,.score .fade-enter-active,.score .fade-leave-active{transform:translateZ(0)}.score .fade-before-enter,.score .fade-enter{transform:translate3D(0,-20px,0)}.score .fade-enter{opacity:0}.score .fade-leave-to{opacity:0;transform:translate3D(0,20px,0)}.home-section .word{display:inline-flex}.home-section .home-playback-container{position:absolute;top:50%;left:calc(100% - 230px);width:300px;max-width:200px;z-index:1;transition:transform 1s cubic-bezier(.2,0,.25,1),opacity 1s ease;transform:translate3D(0,-50%,100px) rotateY(180deg) rotate(0deg);transform-origin:50% 50%}.home-section .home-playback-container.hidden{transform:translateY(-10%) rotateY(180deg) rotate(10deg);opacity:0}.home-section .home-playback-container.in-game{left:calc(100% - 230px)}.home-section .currentSign-me{position:absolute;top:calc(50% + 80px);left:calc(100% - 230px);opacity:0;transition:opacity .5s ease;pointer-events:none}.home-section .currentSign-me.beforePlay{opacity:1}.home-section .currentSign-me>p{position:absolute;top:0;left:0;opacity:0;transition:opacity .5s ease 0s;width:170px;height:auto;font-family:geomanistregular;font-size:36px;color:#fff}.home-section .currentSign-me>p.waiting{line-height:20px}.home-section .currentSign-me>p small{font-size:22px}.home-section .currentSign-me>p.show{opacity:1;transition:opacity .5s ease .5s}.home-section .currentSign-me div{position:absolute;top:0;left:0;opacity:0;width:200px;transition:opacity .5s ease 0s;display:flex;flex-direction:row-reverse;flex-wrap:nowrap;align-items:flex-start;justify-content:space-between}.home-section .currentSign-me div.show{opacity:1;transition:opacity .5s ease .5s}.home-section .currentSign-me div img{height:35px;width:auto}.home-section .currentSign-me div p{font-size:28px;line-height:40px;text-align:left;pointer-events:none;font-family:mirageregular;color:#fff}.home-section .currentSign-me div small{font-family:geomanistregular;font-size:22px;display:block;margin-top:-10px}.home-section .home-sign-tracker-me{font-size:40px;margin-bottom:80px}.home-section .home-sign-tracker-opp{font-size:30px}.home-section .home-sign-tracker-me,.home-section .home-sign-tracker-opp{opacity:0;font-family:geomanistregular;transform:translate3D(0,20px,0);transition:all 0s cubic-bezier(.2,0,.25,1);text-transform:uppercase;color:#fff;position:relative}.home-section .home-sign-tracker-me .point,.home-section .home-sign-tracker-opp .point{opacity:0;transform:translateY(-100%);transition:all .33s cubic-bezier(.2,0,.25,1)}.home-section .home-sign-tracker-me .sign,.home-section .home-sign-tracker-opp .sign{position:absolute;top:0;left:0;opacity:1;transform:translateY(0);transition:all .33s cubic-bezier(.2,0,.25,1)}.home-section .home-sign-tracker-me.show,.home-section .home-sign-tracker-opp.show{opacity:1;transform:translateZ(0)}.home-section .home-sign-tracker-me.win .point,.home-section .home-sign-tracker-opp.win .point{opacity:1;transform:translateY(0);transition-delay:0}.home-section .home-sign-tracker-me.win .sign,.home-section .home-sign-tracker-opp.win .sign{opacity:0;transform:translateY(-100%)}.home-section .home-playback-video{width:100%}.home-section .home-playback-frame{width:101%;height:100%;position:absolute;top:-2px;left:-1px;z-index:100}.home-section .home-playback-canvas{position:absolute;top:0;left:0;width:100%}.home-section .home-loading-container{font-size:2em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-section .home-loading-container.hidden{display:none}.home-section .connection-wrapper{position:absolute;bottom:60px;left:60px;transition:transform 1s ease,opacity 1s ease}.home-section .connection-wrapper.hidden{transform:translateY(60px);opacity:0;pointer-events:none}.home-section .oponent-name-intro-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3em;transition:transform 1s ease,opacity 1s ease}.home-section .oponent-name-intro-container.hidden{transform:translate(-50%,calc(-50% + 60px));opacity:0;pointer-events:none}.home-section .home-greetings-prompt-wrapper{position:absolute;top:50%;left:50%;width:60%;font-size:90px;color:#fff;z-index:3;text-align:right;opacity:0;line-height:1.5em}.home-section .home-greetings-prompt-wrapper.active{opacity:1;transform:translate(-50%,-50%) rotate(0)}.home-section .home-greetings-prompt-wrapper.leave{opacity:0}.home-section .message-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%}.home-section .home-round-subtitle-wrapper{font-family:geomanistregular;position:absolute;bottom:0;transform:translateZ(0);font-size:30px;color:#fff;text-align:center;width:100%}.home-section .home-round-subtitle-wrapper .letter{opacity:0;transform:translate3D(0,10px,0);transition:all .5s cubic-bezier(.2,0,.25,1);transition-delay:0s!important}.home-section .home-round-subtitle-wrapper.active .letter{opacity:1;transform:translateZ(0);transition-delay:0s!important}.home-section .home-round-subtitle-wrapper.leave .letter{opacity:0;transition-delay:0s!important}.home-section .home-message-prompt-wrapper{font-size:54px;line-height:70px;color:#fff;z-index:3;text-align:center;font-weight:500;font-family:mirageregular}.home-section .home-message-prompt-wrapper .letter{opacity:0;transform:translate3D(0,10px,0);transition:all .5s cubic-bezier(.2,0,.25,1)}.home-section .home-message-prompt-wrapper.active .letter{opacity:1;transform:translateZ(0)}.home-section .home-message-prompt-wrapper.leave .letter{opacity:0;transition-delay:0s!important}.home-section .home-greetings-prompt-wrapper{top:30%;width:-moz-max-content;width:max-content;left:30%;transform:translate(-50%,-25%) rotate(-10deg);transform-origin:100% 0;transition:all .4s cubic-bezier(.2,0,.25,1)}.home-section .home-tuto-title{font-size:54px;line-height:70px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:mirageregular;max-width:800px;text-align:center;color:#fff}.home-section .home-tuto-title .letter{opacity:0;transform:translate3d(0,10px,0);transition:all .5s cubic-bezier(.25,.46,.45,.94);display:inline-block}.home-section .home-tuto-title.show .letter{opacity:1;transform:translateZ(0)}.home-section .home-tuto-title.leave .letter{transition-delay:0s!important;opacity:0}.home-section .home-skip-tuto-wrapper{position:absolute;bottom:40px;right:50%;z-index:2;transform:translate(50%);transition:opacity 1s ease .1s,transform 1s ease .1s;cursor:pointer}.home-section .home-skip-tuto-wrapper .text{font-family:geomanistregular;font-size:22px;color:#fff;text-decoration:underline}.home-section .home-skip-tuto-wrapper.hidden{transition:opacity 1s ease 0s,transform 1s ease 0s;opacity:0;transform:translate(50%,20%)}.home-section .home-skip-tuto-wrapper img{width:180px}.home-section .home-tuto-step-picto-container{position:absolute;width:120px;left:calc(100% - 400px);z-index:2;transform:translateY(-50%);transition:opacity 1s ease}.home-section .home-tuto-step-picto-container .first-message{position:absolute;font-family:mirageregular;font-size:1.5rem;width:240px;bottom:0;color:#fff}.home-section .home-tuto-step-picto-container .first-message .letter{opacity:0;transform:translate3D(0,10px,0);transition:all .5s cubic-bezier(.2,0,.25,1)}.home-section .home-tuto-step-picto-container .first-message.active .letter{opacity:1;transform:translateZ(0)}.home-section .home-tuto-step-picto-container .first-message.leave .letter{transition-delay:0s!important;opacity:0}.home-section .home-tuto-step-picto-container.hidden{opacity:0}.home-section .home-tuto-step-order-container{display:flex;align-items:flex-end}.home-section .home-tuto-step-order-container .home-message-tuto-wrapper{font-size:90px;color:#fff;width:250px;flex-shrink:0}.home-section .home-tuto-step-order-container .home-message-tuto-wrapper .letter{opacity:0;transform:translate3D(0,10px,0);transition:all .5s cubic-bezier(.2,0,.25,1)}.home-section .home-tuto-step-order-container .home-message-tuto-wrapper.active .letter{opacity:1;transform:translateZ(0)}.home-section .home-tuto-step-order-container .home-message-tuto-wrapper.leave .letter{opacity:0;transition-delay:0s!important}.home-section .home-tuto-step-order-container .home-tuto-step-picto-wrapper{width:50px;height:70px;flex-shrink:0;bottom:0;left:50%;transform:translate(-50%,100%)}.home-section .home-tuto-step-order-container .home-tuto-step-picto-wrapper img{position:absolute;bottom:0;left:0;max-width:100%}.home-section .home-tuto-step-picto-subtitle{font-family:mirageregular;font-size:1.5em;color:#fff}.home-section .home-tuto-step-picto-wrapper{display:flex;flex-wrap:nowrap;position:relative;width:50px;height:50px;left:0;right:0;margin:auto;transform:translateY(20px)}.home-section .home-tuto-step-picto-item{position:absolute;bottom:0;left:0;width:100%;height:100%;transition:opacity .8s ease}.home-section .home-tuto-step-picto-item.disable{opacity:0}.home-section .home-tuto-step-picto-item.validated .tuto-steptick{opacity:1}.home-section .tuto-step-picto{width:40px;height:55px;-o-object-fit:contain;object-fit:contain}.home-section .tuto-step-line{margin:0 15px;width:60px;transition:opacity .8s ease}.home-section .tuto-step-line.disable{opacity:.4}.home-section .tuto-steptick{position:absolute;bottom:-35px;left:50%;transform:translate(-30%);transition:opacity .8s ease;opacity:0}.home-section .home-nav{position:absolute;z-index:10;top:0;left:0;width:100%;height:60px;transition:opacity 1s ease}.home-section .home-nav-logo{opacity:0;transition:all .5s cubic-bezier(.2,0,.25,1)}.home-section .home-nav-title{font-size:32px;pointer-events:none}.home-section .home-nav-title.enable{pointer-events:auto}.home-section .home-nav-title .letter{opacity:0;transform:translate3d(0,10px,0);transition:all .5s cubic-bezier(.2,0,.25,1)}.home-section .home-nav.active .home-nav-logo{opacity:1}.home-section .home-nav.active .home-nav-title .first .letter,.home-section .home-nav.active .home-nav-title .letter{opacity:1;transform:translateZ(0)}.home-section .home-nav.active .home-nav-title .second{position:absolute;top:0}.home-section .home-nav.active .home-nav-title .second .letter{transform:translate3D(0,75%,0);opacity:0}.home-section .home-nav.active .home-nav-title:hover .first .letter{transform:translate3D(0,-75%,0);opacity:0}.home-section .home-nav.active .home-nav-title:hover .second .letter{transform:translateZ(0);opacity:1}.home-section .home-nav-title{position:absolute;top:48px;left:36px;color:#fff;font-size:28px;font-family:mirageregular;text-transform:uppercase}.home-section .home-nav-title.enable{cursor:pointer}.home-section .home-nav-logo{position:absolute;top:40px;right:36px;height:30px;transform-origin:50% 50%;transform:scale(1);transition:transform .2s cubic-bezier(.2,0,.25,1)}.home-section .home-nav-logo:hover{transform:scale(1.05)}.home-section .home-nav-logo img{height:100%}.home-section .overlay{width:100%;height:40vh;background:linear-gradient(0deg,rgba(0,0,0,.2),transparent);position:absolute;left:0;bottom:0;pointer-events:none}.home-section .sound{position:absolute;width:40px;height:40px;bottom:45px;left:30px;background-color:transparent;border:none;padding:0;z-index:1000;display:flex;align-items:center;justify-content:center;outline:none;opacity:0;cursor:pointer;transition:all .2s ease}.home-section .sound.visible{opacity:1;pointer-events:auto}.home-section .sound:hover{transform:scale(1.1)}.home-section .sound .soundCircle,.home-section .sound canvas{position:absolute;width:100%}.home-section .sound canvas{height:100%;left:0;top:0}.home-section .sound img{width:50%;z-index:1000}.home-section .sound .dash{width:50%}.home-section .preloader-section{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;background-color:#f55021;transition:opacity 1s ease;z-index:100000;display:flex;justify-content:center;align-items:center}.home-section .preloader-section.hidden{opacity:0;pointer-events:none}.home-section .preloader-section .logo-wrapper{position:absolute;top:50%;left:50%;text-align:center;margin-left:-200px;margin-top:-67px}.home-section .preloader-section img{width:200px}.home-section .preloader-section p{font-family:mirageregular}.home-section .home-button-mode{display:flex;position:fixed;left:50%;transform:translateX(-50%);bottom:30px;z-index:100;align-items:center;justify-content:center;width:100%;pointer-events:none}.home-section .home-button-mode .buttonAsk{position:absolute;font-size:20px;text-align:right;color:#fff;transition:all .3s cubic-bezier(.2,0,.25,1);font-family:geomanistregular;right:36px;line-height:26px;display:flex;align-items:flex-end;flex-direction:column;justify-content:center;width:300px}.home-section .home-button-mode .buttonAsk button{background-color:transparent;border:none;font-size:20px;padding:0 20px;color:#fff;cursor:pointer;outline:0;font-family:geomanistregular;padding:0;overflow:hidden;pointer-events:all;display:flex;align-items:center}.home-section .home-button-mode .buttonAsk button .camera-icon{width:40px;height:25px;margin-right:15px}.home-section .home-button-mode .buttonAsk button .checkbox{width:75px;height:40px;position:relative}.home-section .home-button-mode .buttonAsk button .checkbox .text{position:absolute;width:80%;height:100%;top:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-around}.home-section .home-button-mode .buttonAsk button .checkbox .text *{font-family:geomanistregular;font-size:18px;text-transform:uppercase;transition:opacity .2s ease}.home-section .home-button-mode .buttonAsk button .checkbox .text .off{opacity:0}.home-section .home-button-mode .buttonAsk button .checkbox .text .on{opacity:1}.home-section .home-button-mode .buttonAsk button .checkbox .button-wrapper{width:100%;height:100%}.home-section .home-button-mode .buttonAsk button .checkbox .button-cursor{height:60%;width:auto;top:50%;left:10px;transform:translate3d(0,-50%,0);position:absolute;transition:transform .3s cubic-bezier(.2,0,.25,1)}.home-section .home-button-mode .buttonAsk button.isButton .checkbox .button-cursor{transform:translate3d(33px,-50%,0)}.home-section .home-button-mode .buttonAsk button.isButton .checkbox .text .on{opacity:0}.home-section .home-button-mode .buttonAsk.show .sentence,.home-section .home-button-mode .buttonAsk button.isButton .checkbox .text .off{opacity:1}.home-section .home-button-mode .buttonAsk.hidden{opacity:0;pointer-events:none}.home-section .home-button-mode-item{bottom:70px;position:relative;cursor:pointer;margin:0 30px;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.2,0,.25,1);display:flex;justify-content:center;align-items:center;width:80px;height:80px;background-color:#fff;border-radius:100%;transform:scale(.8) rotate(-20deg);transition:transform .3s cubic-bezier(.2,0,.25,1),opacity .3s ease}.home-section .home-button-mode-item.rock img{max-width:50%!important;max-height:45%!important}.home-section .home-button-mode-item.paper img{position:relative;left:-3px}.home-section .home-button-mode-item:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;transform-origin:50% 50%;transform:scale(1);transition:transform .3s cubic-bezier(.59,.92,.14,1.14);background-color:#fff;border-radius:100%;opacity:.5}.home-section .home-button-mode-item img{max-width:60%;max-height:60%;transform:scale(1);transition:transform .3s cubic-bezier(.2,0,.25,1)}.home-section .home-button-mode-item canvas{position:absolute;top:0;left:0;width:100%;height:100%}.home-section .home-button-mode-item:hover{transform:scale(1.15) rotate(0deg)!important}.home-section .home-button-mode-item:hover img{transform:scale(.85)}.home-section .home-button-mode-item.active{pointer-events:none;transform:scale(1) rotate(0deg)!important}.home-section .home-button-mode-item.active img{transform:scale(1)!important}.home-section .home-button-mode-item.active:before{transform:scale(1.15)}.home-section .home-button-mode.show .home-button-mode-item{transform:scale(1) rotate(0deg)}.home-section .home-button-mode.show .home-button-mode-item:not(.disabled){opacity:1;pointer-events:auto}.home-section .home-button-mode.show .home-button-mode-item:not(.disabled).hidden{opacity:.5}.home-section .home-button-mode.show .home-button-mode-item.disabled{pointer-events:none!important;opacity:.6}.home-section .home-button-mode.hide .home-button-mode-item{opacity:0!important;pointer-events:none}.home-section .mobile-screen{background-size:100%;background-position:50% 50%;height:100vh;height:calc(var(--vh, 1vh)*100);width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:50px 0;opacity:0;transition:opacity .2s ease}.home-section .mobile-screen h1{font-size:40px;font-family:mirageregular;font-weight:100;text-transform:uppercase;display:flex!important;color:#fff}.home-section .mobile-screen .content,.home-section .mobile-screen h1{position:relative;opacity:0;transition:all .5s cubic-bezier(.25,.46,.45,.94)}.home-section .mobile-screen .content{display:flex;justify-content:center;flex-direction:column;align-items:center}.home-section .mobile-screen .content img{margin-bottom:30px;width:190px}.home-section .mobile-screen .content p{color:#fff;font-family:geomanistregular;font-size:24px}.home-section .mobile-screen .content p .letter{opacity:0;display:inline-block;transform:translate3d(0,10px,0);transition:all .5s cubic-bezier(.2,0,.25,1)}.home-section .mobile-screen .logo{width:120px;opacity:0;transform:translateZ(0);transition:all .5s cubic-bezier(.25,.46,.45,.94)}.home-section .mobile-screen.visible{opacity:1}.home-section .mobile-screen.show .content,.home-section .mobile-screen.show .content .letter,.home-section .mobile-screen.show .logo,.home-section .mobile-screen.show .logo .letter,.home-section .mobile-screen.show h1,.home-section .mobile-screen.show h1 .letter{opacity:1;transform:translateZ(0)}.home-section .loading-state{font-size:32px;font-family:geomanistregular;text-align:center;color:#fff;opacity:0;transition:opacity .5s ease;height:0}.home-section .loading-state.show{height:auto;margin-top:25px;opacity:1;transition-delay:2s}@font-face{font-family:mirageregular;src:url(../fonts/MADEMirageRegular.ccc9a573.woff2) format("woff2"),url(../fonts/MADEMirageRegular.74e129c2.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:geomanistregular;src:url(../fonts/Geomanist-Regular.eef6fd77.woff2) format("woff2"),url(../fonts/Geomanist-Regular.227d41d7.woff) format("woff");font-weight:400;font-style:normal}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}li,ol,ul{list-style:none}a{text-decoration:none;color:inherit}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-osx-font-smooth:grayscale;box-sizing:border-box}input,textarea{-webkit-user-select:text;-moz-user-select:text;user-select:text}@font-face{font-family:Roboto;font-style:italic;font-weight:100;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v51/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLoHRiA8.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:italic;font-weight:300;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v51/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLt_QiA8.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:italic;font-weight:400;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v51/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLoHQiA8.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:italic;font-weight:500;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v51/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLrPQiA8.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:italic;font-weight:700;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v51/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLmbXiA8.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:italic;font-weight:900;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v51/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLijXiA8.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:100;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbGmT.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuaabWmT.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbWmT.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWub2bWmT.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYjammT.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:900;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuZtammT.ttf) format("truetype")}html{font-family:geomanistregular,sans-serif;font-weight:400}body,html{margin:0;padding:0}#app{position:relative;width:100%;height:100%;background:#fff}#app.debug .buttonAsk{display:none}#app.debug *,#app.debug .letter{color:transparent!important}#app.debug .gui-custom,#app.debug .home-nav-logo,#app.debug .home-playback-container,#app.debug .sound{display:none}:root{--app-height:100%}body,html{overflow:hidden}body,html{-webkit-user-select:none;-moz-user-select:none;user-select:none}body *,html *{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}body{padding:0;margin:0;height:100vh;width:100%;position:fixed}@media not all and (hover:hover){body{height:var(--app-height)}}.webgl-main-container{position:absolute;top:0;width:100%;height:100%;transform:scale(1);transition:transform 3s cubic-bezier(.25,.46,.45,.94) .5s}.webgl-main-container.intro{transform:scale(1.15);transition:transform 1.7s cubic-bezier(.45,.01,.09,1) .6s}.webgl-main-container canvas{width:100%}.debug-buttons{position:absolute;bottom:60px;right:60px}.go-to-buttons{padding:10px 20px;background-color:#fff;border:1px solid #000;margin:10px;cursor:pointer}.cta{display:inline-block;transition:opacity .5s ease;position:relative;font-family:geomanistregular;width:-moz-max-content;width:max-content;cursor:pointer;display:flex;justify-content:center;align-items:center}.cta img{position:absolute;width:100%!important;height:100%;top:0;left:0;z-index:-1}.cta:before{content:attr(data-text);display:block;position:relative;top:.15px;transform:translateY(0);transition:all 0s cubic-bezier(.25,.46,.45,.94);opacity:1;width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:17px 40px 15px;line-height:13px;opacity:0}.cta *,.cta:before{color:#529c77!important;font-size:22px;font-family:geomanistregular!important}.cta *{cursor:pointer}.cta .first,.cta .text{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%) scale(1);transition:transform .3s cubic-bezier(.2,0,.25,1);white-space:nowrap}.cta .first .word,.cta .text .word{opacity:1;position:relative;white-space:nowrap}.cta .first .letter,.cta .text .letter{transform:translateY(75%);opacity:0;transition:all .35s cubic-bezier(.25,.46,.45,.94);display:inline-block;font-size:22px;position:relative}.cta .first *,.cta .text *{color:#529c77!important;font-size:22px;font-family:mirageregular}.cta .first .letter{transform:translateY(0)!important;opacity:1}.cta img{width:150px}.cta.disabled{opacity:.4;pointer-events:none}.cta:hover .first{transform:translate(-50%,-50%) scale(.98)}.cta:hover .first .letter{transform:translateY(-75%)!important;transition:all .35s cubic-bezier(.25,.46,.45,.94);opacity:0}.cta:hover .text{transform:translate(-50%,-50%) scale(1.02)}.cta:hover .text .letter{transform:translateY(1px)!important;transition:all .35s cubic-bezier(.25,.46,.45,.94);opacity:1}.loading-anim{font-size:22px!important}.loading-anim .anim{display:inline-block}.loading-anim .anim .el-1{animation:animation-1 2s ease-in-out infinite;display:inline-block}.loading-anim .anim .el-2{animation:animation-2 2s ease-in-out infinite;display:inline-block}.loading-anim .anim .el-3{animation:animation-3 2s ease-in-out infinite;display:inline-block}@keyframes animation-1{0%{opacity:0}10%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes animation-2{0%{opacity:0}10%{opacity:0}40%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes animation-3{0%{opacity:0}30%{opacity:0}60%{opacity:1}80%{opacity:1}to{opacity:0}}