html,body{width:100%;height:100%;background-color:#eaeaea}body{margin:0;padding:0}#bottom_ui{width:100%;height:64px;justify-content:center;align-items:center;display:flex;position:absolute;bottom:20px}@media screen and (max-device-width:1366px) and (orientation:landscape){#bottom_ui{top:8px}}#bottom_ui .ui{color:#555;cursor:pointer;opacity:1;pointer-events:all;width:auto;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;-webkit-tap-highlight-color:transparent;background-color:#fff;border:none;border-radius:50%;margin:10px;padding:10px;transition:opacity .5s ease-in-out;position:relative}#bottom_ui .ui.hidden{opacity:0;pointer-events:none}#bottom_ui .ui.ghost{display:none}#bottom_ui .ui#volume,#bottom_ui .ui#about{color:#202124;background-color:#ffffff80;position:absolute;top:0;right:0}#bottom_ui .ui#volume:hover,#bottom_ui .ui#about:hover{background-color:#fff}@media screen and (max-device-width:1366px) and (orientation:landscape){#bottom_ui .ui#volume,#bottom_ui .ui#about{position:relative}}#bottom_ui .ui#about{right:unset;background-color:#fff;left:0}@media screen and (max-device-width:1366px) and (orientation:landscape){#bottom_ui .ui#about{position:unset}}#hint,#keyboardMessage{color:#555;cursor:pointer;pointer-events:all;-webkit-user-select:none;user-select:none;text-align:center;background-color:#fff;border:none;border-radius:12px;padding:10px 20px;font-family:Google Sans,sans-serif;transition:opacity .5s ease-in-out;position:absolute;top:10px;left:50%;transform:translate(-50%);opacity:1!important}#hint.hidden,#keyboardMessage.hidden{pointer-events:none;opacity:0!important}@media screen and (max-device-width:1366px) and (orientation:landscape){#hint,#keyboardMessage{max-device-width:480px;transform:unset;top:20px;left:10px}}#keyboardMessage{top:unset;align-items:center;display:flex;bottom:84px;transform:translate(-50%,-50%)}#keyboardMessage span{margin-left:20px}#activator{position:absolute;top:-2000px;left:-2000px}#resume-overlay{width:100%;height:100%;z-index:100;background-color:#000c;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}#resume-overlay.hidden{pointer-events:none;display:none}#resume-overlay #resume-button{color:#fff;cursor:pointer;opacity:1;height:44px;pointer-events:all;width:auto;background-color:#08f;border:none;border-radius:24px;align-items:center;margin:10px;padding:10px 30px 10px 20px;display:flex}#resume-overlay #resume-button span{margin-right:20px}@media screen and (max-device-width:1024px) and (orientation:portrait){#bottom_ui{bottom:calc(50% - 64px)}}@media screen and (max-device-width:1366px) and (orientation:landscape){#bottom_ui{bottom:unset;justify-content:flex-end;right:74px!important}}:root{--offsetLeft:-3px}.tooltip{color:#3c4043;text-rendering:geometricprecision;visibility:hidden;opacity:0;pointer-events:none;word-wrap:none;white-space:nowrap;z-index:999;background:#fff;border-radius:20px;padding:10px 15px;font-family:Google Sans,sans-serif;font-size:1rem;font-weight:100;transition:opacity .3s linear,visibility 0s linear .3s;display:inline-block;position:fixed;top:0;left:0;transform:translate(-50%,-100%)}.tooltip:before{content:" ";margin-left:var(--offsetLeft);width:0;height:0;border:6px solid #0000;border-top:5px solid #fff;border-bottom-width:0;display:block;position:absolute;top:100%;left:50%}.tooltip.tooltip-top{margin-left:-2px;transform:translate(-50%,150%)}.tooltip.tooltip-top:before{border-width:0 6px 5px;border-color:#0000 #0000 #fff;top:-5px}.tooltip.tooltip-bottom{margin-left:-4px;transform:translate(-50%,-100%)}.tooltip.tooltip-bottom:after{border-width:5px 6px 0;border-color:#0000 #0000 #fff}.tooltip.tooltip-right{transform:translateY(-50%)}.tooltip.tooltip-right:before{border-width:6px 5px 6px 0;border-color:#0000 #fff #0000 #0000;margin-top:-6px;margin-left:1px;top:50%;left:-5px}.tooltip.tooltip-left{margin-left:-25px;transform:translate(-100%,50%)}.tooltip.tooltip-left:before{display:none}.tooltip.tooltip-left:after{content:" ";width:0;height:0;border:6px solid #0000;border-left-color:#fff;display:block;position:absolute;top:38%;right:-10px}.tooltip.specialTip-right{transform:translate(-25%,-100%)}.tooltip.specialTip-right:before{top:100%;left:20%}.tooltip.shown{opacity:1;visibility:inherit;transition-delay:0s}.tooltip.styled{background:#eee}.tooltip.styled:before{border-color:#eee #0000 #0000}.savetip{color:#3c4043;visibility:hidden;opacity:0;pointer-events:none;word-wrap:none;white-space:nowrap;z-index:999;background:#fff;border-radius:20px;padding:10px 15px;font-size:.7em;transition:opacity .3s linear,visibility 0s linear .3s;display:inline-block;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}.savetip.tooltip-right{transform:translateY(-50%)}.savetip.tooltip-right:before{border-width:6px 5px 6px 0;border-color:#0000 #fff #0000 #0000;margin-top:-6px;margin-left:1px;top:50%;left:-5px}.savetip.shown{opacity:1;visibility:inherit;transition-delay:0s}#title_overlay{justify-content:center;align-items:center;font-family:Google Sans,sans-serif;display:flex;position:absolute;inset:0}#title_overlay .center{background-color:#ffffffb3;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:50px;display:flex}#title_overlay .center .ui{color:#555;cursor:pointer;opacity:1;pointer-events:all;width:auto;-webkit-user-select:none;user-select:none;background-color:#fff;border:none;border-radius:50%;margin:10px;padding:10px;font-size:3em;transition:opacity .5s ease-in-out;position:relative}#title_overlay .center .ui.hidden{opacity:0;pointer-events:none}#title_overlay .center .ui.ghost{display:none}#title_overlay .center .legend{color:#333;margin-top:40px}.wrapper-button{height:44px;justify-content:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (max-device-width:1024px) and (orientation:portrait){.wrapper-button{top:75%}}@media screen and (max-device-width:1366px) and (orientation:landscape){.wrapper-button{height:32px}}.wrapper-button .play-button{height:44px;color:#555;cursor:pointer;opacity:0;pointer-events:none;transform-origin:50%;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;-webkit-tap-highlight-color:transparent;background-color:#fff;border:none;border-radius:24px;justify-content:center;align-items:center;padding-left:15px;padding-right:5px;font-family:Google Sans,sans-serif;font-weight:lighter;transition:opacity .5s ease-out;display:inline-flex;position:absolute}@media screen and (max-device-width:1366px) and (orientation:landscape){.wrapper-button .play-button{height:32px}}.wrapper-button .play-button span{margin-left:5px;display:inline-block}.wrapper-button .play-button.show{opacity:1;pointer-events:all}.wrapper-button .play-button.deactivate{pointer-events:none}.draggableModal{z-index:99;opacity:0;max-width:340px;color:#0009;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;-webkit-tap-highlight-color:transparent;cursor:move;background-color:#fff;border-radius:4px;padding:5px;font-family:Google Sans,sans-serif;transition:all .3s ease-out;position:absolute;top:0;left:0;box-shadow:0 0 7px #0003}.draggableModal div.wrapper{width:100%;font-size:.8rem;line-height:1rem}.draggableModal div.wrapper p{max-width:-webkit-fill-available;margin-inline-start:6px}.draggableModal div.wrapper p span{display:block}.draggableModal div.wrapper p span.title{color:#000;font-weight:700}.draggableModal div.wrapper img{max-height:25vh;width:auto;max-width:-webkit-fill-available}.draggableModal.show{pointer-events:all;opacity:1}.draggableModal .learnMoreButton{height:unset;color:#fff;margin:0;background-color:#4285f4;border:none;border-radius:20px;margin-top:10px;padding:9px 15px;font-size:.9rem;font-weight:lighter;display:block;font-family:Google Sans,sans-serif!important}#mobile_keyboard{pointer-events:none;opacity:0;justify-content:center;transition:opacity .5s ease-out;display:flex;position:fixed;inset:calc(100% - 54px) 0 0;overflow:hidden}@media screen and (max-width:800px) and (orientation:landscape){#mobile_keyboard{justify-content:left}}#mobile_keyboard .lettersWrapper{white-space:nowrap;flex-direction:row;justify-content:center;display:flex}#mobile_keyboard .lettersWrapper .letter{text-align:center;color:#333;width:44px;height:44px;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;-webkit-tap-highlight-color:transparent;background-color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;margin:3px;font-family:Google Sans,sans-serif;font-size:24px;display:inline-flex}#mobile_keyboard.active{pointer-events:all;opacity:1}#mobile_keyboard.portrait{top:calc(100% - 222px)}@media screen and (min-device-width:1024px) and (orientation:portrait){#mobile_keyboard.portrait{top:calc(100% - 168px)}}#mobile_keyboard.portrait .lettersWrapper{white-space:unset;flex-wrap:wrap}@media screen and (min-device-width:1024px) and (orientation:portrait){#mobile_keyboard.portrait .lettersWrapper{width:1024px!important}#mobile_keyboard.portrait .lettersWrapper .letter{width:64px;height:64px}}#finishMessage,#aboutPage{color:#555;max-width:440px;background-color:#fff;border-radius:14px;padding:10px;font-family:Google Sans,sans-serif;font-size:13px;position:absolute;top:calc(50% - 85px);left:calc(50% - 210px);right:10px;box-shadow:0 0 7px #0003}@media screen and (max-device-width:1024px) and (orientation:portrait){#finishMessage,#aboutPage{top:75%;transform:translateY(-50%)}}@media screen and (max-device-width:480px) and (orientation:portrait){#finishMessage,#aboutPage{left:10px}}@media screen and (max-device-width:1366px) and (orientation:landscape){#finishMessage,#aboutPage{top:50%;transform:translateY(-50%)}}#finishMessage.hidden,#aboutPage.hidden{opacity:0;pointer-events:none;display:none}#finishMessage .header,#aboutPage .header{background-color:#ecf7fe;border-radius:10px;flex-direction:row;padding:5px;display:flex}#finishMessage .header .left,#aboutPage .header .left{flex-direction:column;justify-content:space-between;display:flex}#finishMessage .header .left button,#aboutPage .header .left button{cursor:pointer}#finishMessage .header .left button#shareButton,#aboutPage .header .left button#shareButton{vertical-align:middle;height:36px;text-transform:uppercase;color:#08f;text-rendering:geometricprecision;background-color:#fff;border:none;border-radius:6px;align-items:center;padding:5px 15px;font-weight:700;display:flex}#finishMessage .header .left button#learnMoreButton,#aboutPage .header .left button#learnMoreButton{text-align:left;color:#08f;background:0 0;border:none}#finishMessage .header .left button#learnMoreButton:hover,#aboutPage .header .left button#learnMoreButton:hover{text-decoration:underline}#finishMessage .header .left button span.material-icons,#aboutPage .header .left button span.material-icons{margin-left:15px}#finishMessage .header .spacer,#aboutPage .header .spacer{flex-grow:1}#finishMessage .header img,#aboutPage .header img{mix-blend-mode:darken}#finishMessage .wrapper p,#aboutPage .wrapper p{white-space:pre-line}#finishMessage .wrapper p #keywordResult,#aboutPage .wrapper p #keywordResult{color:#000;text-transform:uppercase;font-size:18px;font-weight:700}#finishMessage .wrapper .buttons,#aboutPage .wrapper .buttons{flex-direction:row;justify-content:space-between;align-items:center;display:flex}#finishMessage .wrapper .buttons .button,#aboutPage .wrapper .buttons .button{color:#08f;height:36px;background-color:#ecf7fe;border:none;border-radius:6px;padding:5px 15px}#finishMessage .wrapper .buttons .button span,#aboutPage .wrapper .buttons .button span{vertical-align:middle;margin-left:10px;display:inline}#finishMessage .wrapper .buttons .button:last-child,#aboutPage .wrapper .buttons .button:last-child{float:right}#finishMessage .wrapper .area,#aboutPage .wrapper .area{border-radius:6px;align-items:center;margin-top:20px;padding:0;display:flex}#finishMessage .wrapper .area p,#aboutPage .wrapper .area p{width:calc(100% - 110px);margin:0;padding:0;display:inline-block;position:relative}#finishMessage .wrapper .area p span,#aboutPage .wrapper .area p span{color:#08f}#finishMessage .wrapper .area button,#aboutPage .wrapper .area button{color:#fff;float:right;vertical-align:middle;cursor:pointer;background-color:#007cc5;border:none;border-radius:20px;padding:10px 15px;display:inline}#aboutPage{z-index:9999999;max-width:500px;top:50%;left:calc(50% - 260px);transform:translateY(-50%)}#aboutPage .wrapper{background-color:#ecf7fe;border-radius:6px;padding:10px;overflow-y:scroll}#aboutPage p span{color:#08f;text-transform:uppercase}#aboutPage p a{color:#08f;text-decoration:none}#aboutPage p a:hover{text-decoration:underline}#aboutPage p b{color:#000}@media screen and (max-device-width:1366px) and (orientation:landscape){#aboutPage{max-width:520px;top:50%;left:calc(50% - 260px);transform:translateY(-50%)}}@media screen and (max-device-width:1366px) and (orientation:portrait){#aboutPage{top:75%;transform:translateY(-50%)}}@media screen and (max-width:800px) and (orientation:landscape){#aboutPage{max-width:calc(100% - 20px);top:50%;left:10px;transform:translateY(-50%)}}@media screen and (max-device-width:480px) and (orientation:portrait){#aboutPage{top:50%;left:10px;transform:translateY(-50%)}}#aboutPage .buttonWrapper{justify-content:center;display:flex}#aboutPage .buttonWrapper button{color:#fff;vertical-align:middle;background-color:#08f;border:none;border-radius:20px;padding:10px 15px}.rubberBand{animation-name:rubberBand;animation-duration:1s;animation-fill-mode:both}@keyframes rubberBand{0%{transform:scale(1)}30%{transform:scale(1.25,.75)}40%{transform:scale(.75,1.25)}50%{transform:scale(1.15,.85)}65%{transform:scale(.95,1.05)}75%{transform:scale(1.05,.95)}to{transform:scale(1)}}.zoomIn{animation-name:zoomIn;animation-duration:.5s;animation-fill-mode:both}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomOut{animation-name:zoomOut;animation-duration:1s;animation-fill-mode:both}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}
/*# sourceMappingURL=index.f18a9d98.css.map */