body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Atkinson Hyperlegible,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,.App,body,html{color:#fff;font-size:20px;height:100%;line-height:20px}body{background-color:#000}#root{background-image:url(/static/media/background.dbde39b396a8e3d9136a.svg);background-repeat:no-repeat;background-size:cover}.flex{display:flex}.flex-grow-1{flex-grow:1}.direction-row{flex-direction:row}.direction-column{flex-direction:column}@media screen and (min-width:1025px){.pc-direction-row{flex-direction:row!important}.pc-direction-column{flex-direction:column!important}}@media screen and (max-width:768px){.mobile-direction-row{flex-direction:row!important}.mobile-direction-column{flex-direction:column!important}}.justify-center{justify-content:center}.justify-title-card{justify-content:start;padding-top:20%}.align-center{align-items:center}.align-end{align-items:end}.align-start{align-items:start}@media screen and (max-width:768px){.mobile-align-center{align-items:center!important}.mobile-align-end{align-items:end!important}.mobile-align-start{align-items:start!important}}@media screen and (min-width:769px) and (max-width:1024px){.tablet-align-center{align-items:center!important}.tablet-align-end{align-items:end!important}.tablet-align-start{align-items:start!important}}@media screen and (min-width:1025px){.pc-align-center{align-items:center!important}.pc-align-end{align-items:end!important}.pc-align-start{align-items:start!important}}.height-100{height:100%}.height-80{height:80%}.height-70{height:70%}.height-60{height:60%}.height-50{height:50%}.height-30{height:30%}.width-100{width:100%}.width-50{width:50%}.width-20{width:20%}.width-30{width:30%}.width-100px{width:100px}@media screen and (max-width:768px){.mobile-width-100{width:100%!important}}@media screen and (min-width:769px) and (max-width:1025px){.tablet-width-100{width:100%!important}}.absolute{position:absolute}@media screen and (max-width:768px){.mobile-absolute{position:absolute!important}}@media screen and (min-width:769px) and (max-width:1024px){.tablet-absolute{position:absolute!important}}@media screen and (min-width:1025px){.pc-absolute{position:absolute!important}}.relative{position:relative}.top-0{top:0}.top-50{top:50px}.top-100{top:100px}@media screen and (max-width:768px){.mobile-top-0{top:0!important}.mobile-top-20{top:20px!important}.mobile-top-50{top:50px!important}.mobile-top-100{top:100px!important}}@media screen and (min-width:769px) and (max-width:1024px){.tablet-top-0{top:0!important}.tablet-top-20{top:20px!important}.tablet-top-50{top:50px!important}.tablet-top-100{top:100px!important}}@media screen and (min-width:1025px){.pc-top-0{top:0!important}.pc-top-20{top:20px!important}.pc-top-50{top:50px!important}.pc-top-100{top:100px!important}}.bottom-0{bottom:0}.bottom-50{bottom:50px}.bottom-100{bottom:100px!important}@media screen and (max-width:768px){.mobile-bottom-0{bottom:0!important}.mobile-bottom-10{bottom:10px!important}.mobile-bottom-20{bottom:20px!important}.mobile-bottom-50{bottom:50px!important}.mobile-bottom-70{bottom:70px!important}.mobile-bottom-100{bottom:100px!important}}@media screen and (min-width:769px) and (max-width:1024px){.tablet-bottom-0{bottom:0!important}.tablet-bottom-20{bottom:20px!important}.tablet-bottom-50{bottom:50px!important}.tablet-bottom-100{bottom:100px!important}}@media screen and (min-width:1025px){.pc-bottom-0{bottom:0!important}.pc-bottom-50{bottom:50px!important}.pc-bottom-20{bottom:20px!important}.pc-bottom-100{bottom:100px!important}}.left-0{left:0}.right-0{right:0}.margin-0{margin:0}.padding-0{padding:0}@media screen and (max-width:768px){.mobile-padding-x-50{padding:0 50px!important}}@media screen and (min-width:769px) and (max-width:1025px){.tablet-padding-x-50{padding:0 50px!important}}.origin-bottom{transform-origin:bottom}.origin-bottom-left{transform-origin:bottom left}.origin-bottom-right{transform-origin:bottom right}.origin-center{transform-origin:center}.origin-top{transform-origin:top}@media screen and (max-width:768px){.mobile-origin-bottom{transform-origin:bottom!important}.mobile-origin-bottom-left{transform-origin:bottom left!important}.mobile-origin-bottom-right{transform-origin:bottom right!important}.mobile-origin-center{transform-origin:center!important}.mobile-origin-top{transform-origin:top!important}}@media screen and (min-width:769px) and (max-width:1024px){.tablet-origin-bottom{transform-origin:bottom!important}.tablet-origin-bottom-left{transform-origin:bottom left!important}.tablet-origin-bottom-right{transform-origin:bottom right!important}.tablet-origin-center{transform-origin:center!important}.tablet-origin-top{transform-origin:top!important}}@media screen and (min-width:1025px){.pc-origin-bottom{transform-origin:bottom!important}.pc-origin-bottom-left{transform-origin:bottom left!important}.pc-origin-bottom-right{transform-origin:bottom right!important}.pc-origin-center{transform-origin:center!important}.pc-origin-top{transform-origin:top!important}}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}.rotate-270{transform:rotate(270deg)}.rotate-360{transform:rotate(1turn)}.max-width-100{max-width:100%}.max-height-100{max-height:100%}.max-width-500-px{max-width:500px}.overflow-hidden{overflow:hidden}.hidden,.hidden-z-0{display:none}.hidden-z-0,.z-0,.z-0-timer{z-index:0!important}.z-0-timer{transition:z-index 1s ease-in-out!important}.gap-0{gap:0}.gap-10{gap:10px}.gap-30{gap:30px}.gap-50{gap:50px}@media screen and (min-width:1025px){.pc-gap-10{gap:10px!important}.pc-gap-50{gap:50px!important}.pc-gap-80{gap:80px!important}}@media screen and (max-width:768px){.mobile-gap-10{gap:10px!important}.mobile-gap-50{gap:50px!important}.mobile-gap-80{gap:80px!important}}@media screen and (min-width:769px) and (max-width:1024px){.tablet-gap-10{gap:10px!important}.tablet-gap-50{gap:50px!important}.tablet-gap-80{gap:80px!important}}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.z-index-1{z-index:1}.background-black{background-color:#000}.fade-in{opacity:1!important}.fade-in,.fade-out{transition:opacity 1s ease-in-out!important}.fade-out,.fade-out-z-0{opacity:0!important}.fade-out-z-0{transition:opacity 1s ease-in-out,z-index 1s ease-in-out!important;z-index:0!important}.opacity-0{opacity:0!important}.opacity-0-not-imp{opacity:0}.delay-1{transition-delay:.5s!important}.delay-01{transition-delay:1s!important}.delay-15{transition-delay:1.5s!important}.delay-2{transition-delay:2s!important}.cursor-pointer{cursor:pointer}.scale-qr{transform:scale(1.2)}.scale-08{transform:scale(.8)}.scale-07{transform:scale(.7)}.scale-06{transform:scale(.6)}.scale-05{transform:scale(.5)}.scale-04{transform:scale(.4)}.scale-03{transform:scale(.3)}.scale-02{transform:scale(.2)}@media screen and (max-width:768px){.mobile-scale-08{transform:scale(.8)!important}.mobile-scale-07{transform:scale(.7)!important}.mobile-scale-06{transform:scale(.6)!important}.mobile-scale-05{transform:scale(.5)!important}.mobile-scale-04{transform:scale(.4)!important}.mobile-scale-03{transform:scale(.3)!important}.mobile-scale-02{transform:scale(.2)!important}.mobile-scale-01{transform:scale(.1)!important}}@media screen and (min-width:769px) and (max-width:1024px){.tablet-scale-08{transform:scale(.8)!important}.tablet-scale-07{transform:scale(.7)!important}.tablet-scale-06{transform:scale(.6)!important}.tablet-scale-05{transform:scale(.5)!important}.tablet-scale-04{transform:scale(.4)!important}.tablet-scale-03{transform:scale(.3)!important}.tablet-scale-02{transform:scale(.2)!important}.tablet-scale-01{transform:scale(.1)!important}}.font-size-30{font-size:30px}#intro-screensaver,#loop-screensaver{max-width:1920px}#screensaver-tap-to-start{max-width:700px}.styled-button span{display:inline-block;transform:skewX(10deg)}.styled-button{background-color:initial;border:2px solid var(--keyboard-background);border-radius:16px;color:var(--keyboard-color);cursor:pointer;font-family:Atkinson Hyperlegible,sans-serif;font-size:25px;outline:none;padding:8px 24px;text-transform:uppercase;transform:skewX(-10deg);transition:background-color .3s}@media (max-width:1024px){.styled-button{font-size:20px;padding:5px 10px}}.styled-button:active{background-color:var(--keyboard-background)}.styled-button:hover:not(:active){background-color:rgba(var(--keyboard-background-rgba),.4)}:root{--keyboard-background:#ad8b19;--keyboard-background-rgba:173,139,25;--keyboard-color:#fff}.keyboard{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(11,1fr);justify-content:center;opacity:1;transition:opacity 1s ease-in-out}.error-animation{animation:fadeInOut 10s forwards;color:#fff;font-family:Atkinson Hyperlegible,sans-serif;font-size:20px}@media screen and (max-width:768px){.error-animation{font-size:12px}}@media screen and (min-width:769px) and (max-width:1024px){.error-animation{font-size:20px}}.error-eng{color:grey;font-weight:lighter}@keyframes fadeInOut1{0%{opacity:1}25%{opacity:0}50%{opacity:0}75%{opacity:0}to{opacity:1}}@keyframes fadeInOut2{0%{opacity:0}25%{opacity:0}50%{opacity:1}75%{opacity:0}to{opacity:0}}#input-name input[type=text]{background-color:initial;border:2px solid #fff;border-radius:16px;box-shadow:0 2px 4px #0000001a;color:#fff;font-family:Atkinson Hyperlegible,sans-serif;font-size:20px;height:calc(100% - 24px);margin-top:0;outline:none;padding:10px 20px;text-align:center;transform:skewX(-10deg);transition:border .3s,box-shadow .3s;width:calc(100% - 44px);z-index:1}#input-name input[type=text]:focus{border:2px solid #fff;box-shadow:0 0 8px #ffa50080}#input-name input[type=text]:focus+p,#input-name input[type=text]:focus+p+p{display:none}#input-name p{animation-duration:4s;animation-iteration-count:infinite}#input-name input[type=text]+p{animation-name:fadeInOut2}#input-name input[type=text]+p+p{animation-delay:2s;animation-name:fadeInOut2;opacity:0}@media screen and (max-width:1024px){#next-step-button{margin:auto;padding:10px;width:65px}}.clear-button{background-color:initial;background-image:url(/static/media/x.a3a1ca780c02baeea7f9.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;cursor:pointer;height:20px;position:absolute;right:20px;top:50%;transform:translateY(-50%);width:20px;z-index:3}.info-page{background-color:#000000fa;height:100vh;opacity:0;overflow:hidden;width:100vw}.info-page,.info-page-content,.info-page-header{align-items:center;display:flex;flex-direction:column;justify-content:center;z-index:100}.info-page-content,.info-page-header{background-position:50%;background-repeat:no-repeat;background-size:contain;color:#fff}.info-page-header{background-image:url(/static/media/info_header.d0b833d378c8c046181a.svg);height:15%;min-width:30%;width:32.5%;z-index:100}.info-page-content{background-image:url(/static/media/infobox_new_desktop.1448b305b5e99f65e5b7.svg);height:50%;min-width:30%;width:70%;z-index:100}.info-page-content>div{font-size:medium;margin:0 auto;max-width:37%;padding:10px;text-align:center;z-index:100}@media (max-width:768px){.info-page.mobile-tablet-layout{flex-direction:column}.info-page.mobile-tablet-layout-image{display:flex;position:absolute!important}.infoimage{height:60%;margin-bottom:100px}.info-page-header.mobile-tablet-header{background-image:url(/static/media/infobox_new_mobile.d9b8970fa0a3f81a85dc.svg);height:auto;width:100%}.info-page-content.mobile-tablet-content{background-image:url(/static/media/info_header.d0b833d378c8c046181a.svg);height:auto;padding:20px;width:100%}.info-page-content.mobile-tablet-content>div{max-width:none;padding:0}}.footer-button-container{position:relative}.lottie-animation.glow-animation{z-index:-1}.header{max-width:1920px;min-width:950px}.footer-desktop{max-width:1300px;min-width:1300px;width:1300px}.footer-mobile{max-width:500px}.accessories-container{overflow:hidden;position:relative}.animated-accessories{animation:fadeInMoveUp 1s ease-out forwards;opacity:0;transform:translateY(70px)}@keyframes fadeInMoveUp{0%{opacity:0;transform:translateY(70px)}to{opacity:1;transform:translateY(0)}}#download-button{background-color:initial}#download-button,#shop-button{border:2px solid var(--keyboard-background);border-radius:10px;color:var(--keyboard-color);cursor:pointer;font-family:Atkinson Hyperlegible,sans-serif;font-size:16px;outline:none;padding:10px 20px;text-transform:uppercase;transform:skewX(-10deg);transition:background-color .3s}#shop-button{background-color:var(--keyboard-background)}#download-button:active{background-color:#ad8b19}.card{align-items:center;background-color:#000c;display:flex;justify-content:center;z-index:1}.card-content{background:linear-gradient(to bottom right,#323232d9,#1e1e1e80);border:2px solid #323232;border-left:#1e1e1ef2;border-radius:25px;color:#fff;height:100%;width:100%}.card>div{align-content:center;position:absolute}.PauseScreen,.card>div{display:flex;height:100%;width:100%}.PauseScreen{align-items:center;background-color:#000c;justify-content:center;left:0;position:fixed;top:0;z-index:1000}.PauseScreen>div:before{background-color:#ad8b19;border-radius:25px 25px 0 0;content:"";height:calc(100% + 10px);left:0;position:absolute;top:-5px;transition:width 1s linear;z-index:-1}.PauseScreen>div{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(to bottom right,#323232d9,#1e1e1e80);border:2px solid #323232;border-left:#1e1e1ef2;border-radius:25px;color:#fff;flex-direction:column;font-family:Atkinson Hyperlegible,sans-serif;font-size:16px;height:60%;text-transform:uppercase;width:60%}.PauseScreen>div,.circular-timer{align-items:center;display:flex;justify-content:center}.circular-timer{height:100px;margin-top:30px;position:relative;width:100px}.circular-timer svg{left:0;position:absolute;top:0}.timer-text{align-items:center;color:#ad8b19;display:flex;font-size:16px;font-weight:700;height:100%;justify-content:center;position:absolute;width:100%}
/*# sourceMappingURL=main.1d55870a.css.map*/