body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#fff}.wrapper{display:flex;justify-content:center;align-items:center;width:100%;flex-direction:column;max-width:768px;height:100vh;overflow:hidden;margin:0 auto;padding:15px}.dropWrapper,.wrapper #board{position:relative}.wrapper #board{display:block;width:100%;background-color:#fff}.wrapper #board h1{position:absolute;display:block;left:50%;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff}.wrapper .panel{margin-top:20px;width:100%;min-height:50px;text-align:center}.wrapper #board .char,.wrapper .panel .char{padding:15px 25px;background-color:#f3f3f3;display:inline-block;cursor:pointer;margin:5px}.wrapper .panel .char{border:1px solid #ddd}.panel .char[correct=true]{background:green;color:#fff}.charWrapper{width:100%;position:absolute;left:0;top:0}.charWrapper img{width:100%}.charWrapperSlider{width:100px}.charWrapperSlider img{width:100%}.wrapper #board.e0,.wrapper #board.e1,.wrapper #board.e2,.wrapper #board.e3,.wrapper #board.e4{background-size:contain!important;background-position:bottom!important}#board .fondo{position:relative;z-index:1;width:100%}#board .droptarget{position:absolute;left:0;top:0}#board .dropBox,#board .droptarget{width:100%;height:100%;z-index:2}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:none!important;transform:none!important;overflow:hidden}.slick-slider .slick-list{border:1px solid #ddd;overflow:hidden;border-radius:8px}.slick-slider .slick-track{padding-bottom:30px;padding-top:10px}.slick-slider .slick-list:before{content:"\00AB  Desliza y elige el personaje  \00BB";position:absolute;bottom:0;left:0;width:100%;height:30px;line-height:30px;font-size:14px;font-style:italic;color:666;background:#ddd;text-align:center;pointer-events:none}.slick-dots li{width:15px!important;height:15px!important}.starInstance{height:50px;width:50px;color:#fc0;z-index:1}.errorInstance,.starInstance{position:absolute;top:45%;left:45%;font-size:30px;display:none}.errorInstance{height:90px;width:90px;color:#673ab7;z-index:900}.overlay{position:fixed;left:0;top:0;z-index:99999;width:100%;height:100%;background:rgba(0,0,0,.7);opacity:0}.dialogBox{width:90%;max-width:600px;transition:all .5s ease;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;padding:20px;border-radius:7px;box-shadow:2px 2px 4px 0 rgba(0,0,0,.3)}.dialogBox .caja{padding:20px 20px 40px}.btnClose{position:absolute;bottom:-25px;width:200px;height:50px;left:50%;margin-left:-100px;z-index:99999;border:0;border-radius:5px;background:#673ab7;color:#fff}.btnClose:hover{background:#5528a4}.errorFlag{position:absolute;left:50%;bottom:0;width:100%;-webkit-transform:translate(-50%);transform:translate(-50%);z-index:10;text-align:center;font-style:italic;font-weight:700;color:#5528a4}.mascota1{-webkit-animation:slideInFromLeft 1s ease-out 0s 1;animation:slideInFromLeft 1s ease-out 0s 1}.mascota1,.mascota2{position:absolute;bottom:10%;width:25%;z-index:200}.mascota2{-webkit-transform:scaleX(-1);transform:scaleX(-1);-webkit-animation:slideInFromRight 1s ease-out 0s 1;animation:slideInFromRight 1s ease-out 0s 1}.slick-prev{left:-15px!important}.slick-next{right:-15px!important}.slick-arrow{border-radius:50%;z-index:999;background:#fff!important;width:30px!important;height:30px!important}.slick-arrow:before{margin-top:3px;color:#673ab7!important;opacity:1!important;z-index:999;font-size:25px!important;line-height:25px}@-webkit-keyframes slideInFromLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slideInFromLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@-webkit-keyframes slideInFromRight{0%{-webkit-transform:translateX(100%) scaleX(-1);transform:translateX(100%) scaleX(-1);opacity:0}to{-webkit-transform:translateX(0) scaleX(-1);transform:translateX(0) scaleX(-1);opacity:1}}@keyframes slideInFromRight{0%{-webkit-transform:translateX(100%) scaleX(-1);transform:translateX(100%) scaleX(-1);opacity:0}to{-webkit-transform:translateX(0) scaleX(-1);transform:translateX(0) scaleX(-1);opacity:1}}.mascota1 img,.mascota2 img{width:100%}@media screen and (max-width:540px){.slick-dots{bottom:-60px!important}}
/*# sourceMappingURL=main.5ac56747.chunk.css.map */