body{font-family:ABeeZee}body h1,body h2{text-align:center}body h1{font-family:Jollygood Proper Regular;font-size:9vmin;color:#06c}body h2{font-size:7vmin;color:#fff}body button{background-color:transparent;border:none}body .hidden{display:none}@font-face{font-family:JollyGood Proper Regular;font-style:normal;font-weight:400;src:local("JollyGood Proper Regular"),url(../../static/media/JollyGoodProper-Regular.fe60001a.woff) format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;src:url(../../static/media/open-sans-v17-latin-regular.5f4d4bc1.eot);src:local("Open Sans Regular"),local("OpenSans-Regular"),url(../../static/media/open-sans-v17-latin-regular.5f4d4bc1.eot?#iefix) format("embedded-opentype"),url(../../static/media/open-sans-v17-latin-regular.33543c5c.woff2) format("woff2"),url(../../static/media/open-sans-v17-latin-regular.de0869e3.woff) format("woff"),url(../../static/media/open-sans-v17-latin-regular.049a929c.ttf) format("truetype"),url(../../static/media/open-sans-v17-latin-regular.ddaaf490.svg#OpenSans) format("svg")}@font-face{font-family:ABeeZee;font-style:normal;font-weight:400;src:url(../../static/media/abeezee-v13-latin-regular.e3b596d5.eot);src:local("ABeeZee Regular"),local("ABeeZee-Regular"),url(../../static/media/abeezee-v13-latin-regular.e3b596d5.eot?#iefix) format("embedded-opentype"),url(../../static/media/abeezee-v13-latin-regular.0b08132e.woff2) format("woff2"),url(../../static/media/abeezee-v13-latin-regular.ad2a4aee.woff) format("woff"),url(../../static/media/abeezee-v13-latin-regular.8ae5315a.ttf) format("truetype"),url(../../static/media/abeezee-v13-latin-regular.7faf809d.svg#ABeeZee) format("svg")}.App{text-align:center}.game{width:100vw;height:75vw;max-height:891px;max-width:1188px;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}@media (min-aspect-ratio:4/3){.game{width:133vh;width:calc(var(--vh, 1vh)*133);height:100vh;height:calc(var(--vh, 1vh)*100)}}.background{position:fixed;z-index:-1;width:100%;margin-top:0}.no-display{display:none!important}.no-visibility{visibility:hidden}button{padding:0}button.btn-primary{cursor:pointer;font-family:Nunito;font-size:4.5vmin;font-weight:700;color:#fff;border-radius:40px;background:#ffcf00;border:2px solid #fff;-webkit-transition-duration:.3s;transition-duration:.3s}button.btn-primary:hover{box-shadow:0 4px 4px rgba(0,0,0,.25)}.btn-close{position:absolute}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.titleScreen{height:100%;position:relative}.title-main{display:flex;align-items:center;padding:3% 0 0}.title-main img{width:41%}.title-main div{width:59%}.title-main h1{font-size:72px}@media (max-height:668px),screen and (max-width:1024px){.title-main h1{font-size:48px}}@media (max-height:530px),screen and (max-width:768px){.title-main h1{font-size:36px}}.btn-start{position:absolute;top:60%;width:23%}.btn-start,.btn-start img{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.btn-start img{width:80%;position:relative}.btn-start .btn-shadow,.logos{position:absolute}.logos{bottom:-3px}.logos,.logos img{width:100%}.splashScreen{position:absolute;bottom:0;height:85%;width:100%}.splashScreen .header{margin-top:5%}.splashScreen .iconWrapper{position:relative;width:100%;height:100%}.splashScreen .iconWrapper .bookIconContainer{width:11%}.splashScreen .searching-melody{position:absolute;top:45%;left:32.1%;height:47%}.bookIconContainer{position:absolute;display:flex;flex-direction:column;padding:1px 6px}.bookIconContainer img{width:100%;height:100%;margin:auto}.bookIconContainer button{width:100%;height:100%}.interactive-book-screen{position:absolute;top:12%;left:0;right:0;justify-content:space-evenly;height:88%}.interactive-book-screen h1{font-family:Nunito;font-size:5em;-webkit-text-stroke-width:0}.navigationBook{position:absolute;top:30%;width:100%}.navigationBook img{width:100%}.navigationBook .navButtons{display:flex;justify-content:space-between}.navigationBook .navButtons a{width:8%}.navigationBook .navButtons a img{width:100%}.btn-nav{display:flex;height:90px;width:5%;-webkit-transform:scale(.95);transform:scale(.95);-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out;background-size:contain}.btn-nav:hover{-webkit-transform:scale(1.3);transform:scale(1.3);z-index:5}@media (hover:none),(pointer:coarse){.btn-nav:hover{-webkit-transform:none;transform:none}}.nav-left{background-image:url(../../static/media/arrowPrev_btn.e493d126.png)}.nav-left,.nav-right{background-repeat:no-repeat}.nav-right{background-image:url(../../static/media/arrowNext_btn.e57556aa.png)}.nav-animated{-webkit-animation:breathing 2s ease-out infinite normal;animation:breathing 2s ease-out infinite normal}.nav-animated:hover{-webkit-animation:none;animation:none}@-webkit-keyframes breathing{0%{-webkit-transform:scale(.7);transform:scale(.7)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(.7);transform:scale(.7)}}@keyframes breathing{0%{-webkit-transform:scale(.7);transform:scale(.7)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(.7);transform:scale(.7)}}.bearList{width:100%;margin:0 auto;display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;position:absolute;bottom:-3%}.bearList img{width:100%;height:100%}.bear{position:relative;-webkit-transform:scale(.8);transform:scale(.8);overflow:visible}.bear.melody img{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.bear.scout img{-webkit-transform:translateY(-13px);transform:translateY(-13px)}.book{width:90%;height:65%;margin:0 auto;position:relative;top:2%}.book .bookContent{display:flex;flex-wrap:wrap;width:100%;height:100%}.book .book-double{display:flex;align-items:center;justify-content:center;height:100%;width:100%;border-radius:4px;background:#a8f0f4;box-shadow:0 0 24px rgba(0,0,0,.25),0 24px 24px rgba(0,0,0,.25);border-radius:5px}.book .book-double .bookContent{width:98%;height:98%}.book .book-double .inner-spine{height:1%;width:3%;position:absolute;background:rgba(0,0,0,.25)}.book .book-double .inner-spine.lower{bottom:0}.book .book-double .inner-spine.upper{top:0}.book .book-double .inner-shadow{width:1px;height:98%;position:absolute;left:50%;z-index:3;background-color:#363636;box-shadow:6px 0 22px 2px #000,-6px 0 22px 2px #000,0 0 9px 2px #000}.book .book-double.the_trip{background:#3b8195}.book .book-double.qsd{background:#a8f0f4}.book .book-double.wms{background:#d6463d}.book .book-double.purple{background:#67528d}.book .book-single{height:100%;width:60%;position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.book .front{flex-direction:row-reverse}.book .back{flex-direction:row}.book-single .page{width:100%}.book-double .page{width:50%}.page{height:100%;margin:auto 0;align-content:center;background-color:#f5f5f5;font-size:2vmin;box-shadow:2px 4px 4px rgba(0,0,0,.25)}.page,.page p{position:relative}.page p{z-index:1;display:inline}.page img{width:100%;height:100%;position:absolute}.pageNumber{position:absolute;bottom:5px}.rightPageNumber{right:10px}.leftPageNumber{left:10px}.text-container{position:relative;height:100%;width:100%}.text-container div{display:inline-block;position:absolute}.text-main{position:relative;white-space:nowrap;color:#add8e6;text-shadow:0 0 3px #000}.box{position:absolute}.box img{top:0;left:0}.box img,.transparent{opacity:0}.animated{-webkit-animation-duration:2.5s;animation-duration:2.5s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:both;animation-fill-mode:both}@keyframes fade{0%{opacity:0}25%{opacity:1}50%{opacity:0}75%{opacity:1}to{opacity:0}}@-webkit-keyframes fade{0%{opacity:0}25%{opacity:1}50%{opacity:0}75%{opacity:1}to{opacity:0}}.fade{-webkit-animation-name:fade;animation-name:fade}@keyframes flip{0%{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:0}5%{opacity:1}24%{-webkit-transform:scaleX(1);transform:scaleX(1)}25%{-webkit-transform:scaleX(-1);transform:scaleX(-1)}49%{-webkit-transform:scaleX(-1);transform:scaleX(-1)}50%{-webkit-transform:scaleX(1);transform:scaleX(1)}74%{-webkit-transform:scaleX(1);transform:scaleX(1)}75%{-webkit-transform:scaleX(-1);transform:scaleX(-1)}95%{opacity:1}99%{-webkit-transform:scaleX(-1);transform:scaleX(-1)}to{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:0}}@-webkit-keyframes flip{0%{-webkit-transform:scaleX(1);opacity:0}5%{opacity:1}24%{-webkit-transform:scaleX(1)}25%{-webkit-transform:scaleX(-1)}49%{-webkit-transform:scaleX(-1)}50%{-webkit-transform:scaleX(1)}74%{-webkit-transform:scaleX(1)}75%{-webkit-transform:scaleX(-1)}95%{opacity:1}99%{-webkit-transform:scaleX(-1)}to{-webkit-transform:scaleX(1);opacity:0}}.flip{-webkit-animation-name:flip;animation-name:flip}@keyframes fly{0%{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1;top:39%;left:56%}25%{-webkit-transform:scaleX(-1);transform:scaleX(-1)}50%{-webkit-transform:scaleX(1);transform:scaleX(1);top:41%;left:44%}75%{-webkit-transform:scaleX(-1);transform:scaleX(-1)}95%{opacity:1}to{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:0;top:39%;left:56%}}@-webkit-keyframes fly{0%{-webkit-transform:scaleX(1);opacity:1;top:39%;left:56%}25%{-webkit-transform:scaleX(-1)}50%{-webkit-transform:scaleX(1);top:41%;left:44%}75%{-webkit-transform:scaleX(-1)}95%{opacity:1}to{-webkit-transform:scaleX(1);opacity:0;top:39%;left:56%}}.fly{-webkit-animation-name:fly;animation-name:fly}@keyframes hide{0%{opacity:1}1%{opacity:0}99%{opacity:0}to{opacity:1}}@-webkit-keyframes hide{0%{opacity:1}1%{opacity:0}99%{opacity:0}to{opacity:1}}.hide{-webkit-animation-name:hide;animation-name:hide}@keyframes twoFrame{0%{opacity:0}1%{opacity:1}19%{opacity:1}20%{opacity:0}39%{opacity:0}40%{opacity:1}59%{opacity:1}60%{opacity:0}79%{opacity:0}80%{opacity:1}99%{opacity:1}to{opacity:0}}@-webkit-keyframes twoFrame{0%{opacity:0}1%{opacity:1}19%{opacity:1}20%{opacity:0}39%{opacity:0}40%{opacity:1}59%{opacity:1}60%{opacity:0}79%{opacity:0}80%{opacity:1}99%{opacity:1}to{opacity:0}}.twoFrame{-webkit-animation-name:twoFrame;animation-name:twoFrame}@keyframes twoFrame_ph{0%{opacity:1}1%{opacity:0}19%{opacity:0}20%{opacity:1}39%{opacity:1}40%{opacity:0}59%{opacity:0}60%{opacity:1}79%{opacity:1}80%{opacity:0}99%{opacity:0}to{opacity:1}}@-webkit-keyframes twoFrame_ph{0%{opacity:1}1%{opacity:0}19%{opacity:0}20%{opacity:1}39%{opacity:1}40%{opacity:0}59%{opacity:0}60%{opacity:1}79%{opacity:1}80%{opacity:0}99%{opacity:0}to{opacity:1}}.twoFrame_ph{-webkit-animation-name:twoFrame_ph;animation-name:twoFrame_ph}#b0_p11_clickable_c{-webkit-clip-path:polygon(65% 3%,85% 4%,96% 56%,60% 100%,36% 96%,30% 66%,11% 77%,4% 65%,41% 40%);clip-path:polygon(65% 3%,85% 4%,96% 56%,60% 100%,36% 96%,30% 66%,11% 77%,4% 65%,41% 40%)}.word{display:block;position:relative;white-space:nowrap;font-size:26px;line-height:120%}@media (max-height:668px),screen and (max-width:1024px){.word{font-size:20px}}@media (max-height:530px),screen and (max-width:768px){.word{font-size:16px}}@media (max-height:440px),screen and (max-width:568px){.word{font-size:12px}}@media (max-height:360px),screen and (max-width:453px){.word{font-size:8px}}.word-overlay{display:block;position:absolute;top:0;left:0}.the_trip .word{text-shadow:1px 1px 3px #fff,-1px 1px 3px #fff,1px -1px 3px #fff,-1px -1px 3px #fff}.wms .word{font-size:16px}@media screen and (max-height:720px){.wms .word{font-size:14px}}@media (max-height:668px),screen and (max-width:1024px){.wms .word{font-size:12px}}@media (max-height:530px),screen and (max-width:768px){.wms .word{font-size:8px}}@media (max-height:440px),screen and (max-width:568px){.wms .word{font-size:6px}}@media (max-height:360px),screen and (max-width:453px){.wms .word{font-size:4px}}@media screen and (max-height:310px){.wms .word{font-size:4px}}.purple .word{font-size:20px}@media (max-height:668px),screen and (max-width:1024px){.purple .word{font-size:14px}}@media (max-height:530px),screen and (max-width:768px){.purple .word{font-size:12px}}@media (max-height:440px),screen and (max-width:568px){.purple .word{font-size:10px}}@media (max-height:360px),screen and (max-width:453px){.purple .word{font-size:8px}}@media (max-height:310px),screen and (max-width:350px){.purple .word{font-size:6px}}.karaoke-active-overlay{position:absolute;left:0;top:0;color:#a756b3;overflow:hidden;-webkit-animation-name:run-text;animation-name:run-text;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:1s;animation-duration:1s}@-webkit-keyframes run-text{0%{width:0}to{width:100%}}@keyframes run-text{0%{width:0}to{width:100%}}.karaoke-finished-overlay{color:#a756b3}.cover-paw{position:absolute;top:0;left:0}.cover-paw,.cover-paw button,.cover-paw button img{width:100%;height:100%}.fadeout{-webkit-animation-duration:2.5s;animation-duration:2.5s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeout;animation-name:fadeout}@keyframes fadeout{0%{opacity:1}to{opacity:0}}@-webkit-keyframes fadeout{0%{opacity:1}to{opacity:0}}.modal__overlay{width:100vw;height:75vw;max-height:891px;max-width:1188px;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4)}.modal__overlay.video__overlay{background-color:rgba(0,0,0,.9)}@media (min-aspect-ratio:4/3){.modal__overlay{width:133vh;width:calc(var(--vh, 1vh)*133);height:100vh;height:calc(var(--vh, 1vh)*100)}}.modal__custom{margin:auto;height:70%;width:70%;background:transparent;outline:none;z-index:10}.modal__custom,.modal__custom .modal{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.modal__custom.video__custom{height:100%;width:100%}.modal__confirm{height:80%;width:80%;display:flex;flex-direction:column;justify-content:space-between}.modal__confirm a{width:100%;height:100%;display:flex;justify-content:space-around}.modal__confirm a img{width:100%}.modal__confirm .btn-close{top:-13%;right:-10%;width:20%}.modal__confirm .btn-close img{width:100%}.modal__video{height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.modal__video video{width:100%}@media screen and (-ms-high-contrast:none){.modal__video{height:auto}}.modal__video video::-webkit-media-text-track-display{top:-7%!important}.modal__options{height:75%;width:80%;background-image:url(../../static/media/options_bg.ca219894.png);background-size:cover;color:#fff}.modal__options h2{font-size:41px;line-height:120%;font-weight:600;margin:7% 0}.modal__options h3{text-align:center;font-size:24px;line-height:120%;margin:0 0 14px}.modal__options .menu-content{width:80%;position:absolute;top:15%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.modal__options .menu-content .options-group{display:flex;justify-content:space-around}.modal__options .menu-content .options-group .option-container{width:50%;display:flex;flex-direction:column;align-items:center}.modal__options .menu-content .options-group .option-container .btn{width:80%}.modal__options .menu-content .options-group .option-container .btn img{width:100%}.modal__options .btn-close{width:15%;padding:0;top:7%;right:-2%}.modal__options .btn-close img{width:100%}@media screen and (max-height:768px){.modal__options h2{font-size:28px}.modal__options h3{font-size:16px}}@media (max-height:668px),screen and (max-width:1024px){.modal__options h2{font-size:28px}.modal__options h3{font-size:14px}}@media (max-height:530px),screen and (max-width:768px){.modal__options h2{font-size:20px}.modal__options h3{font-size:12px;margin:0 0 7px}}@media (max-height:440px),screen and (max-width:568px){.modal__options h2{font-size:14px}.modal__options h3{font-size:10px}}@media (max-height:360px),screen and (max-width:453px){.modal__options h2{font-size:10px}.modal__options h3{font-size:8px}}.controls{width:90%;height:12%;margin:0 auto;padding:1% 0 0;display:flex;justify-content:space-between}.controls div{width:25%}.controls button{height:auto;width:50%}.controls button img{height:auto;width:80%}.controls a{height:auto;width:50%;display:inline-block}.controls a img{height:auto;width:80%}.controls .btn-sound img{width:86%}.controls .btn-narrate{display:none}.controls-home .controls-right{display:flex;flex-direction:row-reverse}.controls-home a{display:none}.game.p1 .btn-narrate,.game.p3 .btn-narrate,.game.p5 .btn-narrate,.game.p7 .btn-narrate,.game.p9 .btn-narrate,.game.p11 .btn-narrate,.game.p13 .btn-narrate,.game.p15 .btn-narrate{display:inline-block}.captions{position:absolute;bottom:22%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:20px;width:40%;font-family:Open Sans;font-size:20px;line-height:130%;color:#fff;background:rgba(0,0,0,.4);z-index:15}@media (max-height:668px),screen and (max-width:1024px){.captions{width:60%;font-size:14px}}@media (max-height:530px),screen and (max-width:768px){.captions{width:80%;padding:10px;font-size:10px}}
/*# sourceMappingURL=main.cfd07bc2.chunk.css.map */