@font-face{font-display:swap;font-family:llamarollFont;src:url(/img/font/Rollama-final-Regular.ttf)}body{font-family:llamarollFont}.text-yellow{color:#ffd849}.text-white{color:#fff}.text-purple{color:#733381}*,:after,:before{box-sizing:border-box}body{align-items:center;background-color:#414141;display:flex;flex-direction:row;margin:0;min-height:100vh;overflow-x:hidden;padding:0}.game-container{flex:1;margin-left:10px;margin-right:10px;max-width:1000px;padding-bottom:0;padding-top:0}img{max-width:100%}.fadingBackgroundAnimation{animation:gradient 25s ease infinite;background:linear-gradient(-45deg,#ffd849,#fbb149,#994fb2,#7bb662);background-size:200% 200%}.fadingBackgroundAnimationDark{background:linear-gradient(45deg,#404040,#589c48,#994fb2,#733381)}.fadingBackgroundAnimationBees{animation:gradient 15s ease infinite;background:linear-gradient(45deg,#838181,#ffd849,#f8a96d,#646300);background-size:400% 400%}.fadingBackgroundAnimationlight{background:linear-gradient(45deg,#fbb149,#f58024,#f8a96d,#fff)}.overlay{align-items:center;background-color:rgba(0,0,0,.6);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100}.custom-modal,.pause-modal{background-color:#fbb149;border-radius:1rem;box-shadow:5px 5px #733381;color:#404040;margin:0 auto;max-height:85vh;max-width:700px;overflow-y:auto;padding:20px;position:relative;width:95%}.custom-modal__header{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly;text-align:center}.custom-modal__header__two-col{display:flex;flex-direction:row;justify-content:space-evenly;width:100%}.custom-modal__header__image{border-radius:25px;margin-bottom:10px;max-width:250px;width:100%}.custom-modal__title{font-size:3rem}.custom-modal__time{align-items:flex-start;background-color:rgba(251,177,73,.6);border-radius:15px;box-shadow:0 0 10px rgba(0,0,0,.2);display:flex;font-size:1.5rem;padding:5px 10px 0;position:absolute;right:20px;top:20px}.custom-modal__content{font-size:1.4rem;text-align:center}.custom-modal__content p{margin-bottom:.5rem}.custom-modal__list{font-size:1.6rem;line-height:1.1;list-style:none;margin:0;padding:0}.custom-modal__list li:before{content:"- "}.custom-modal__footer{align-items:center;-moz-column-gap:5px;column-gap:5px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;row-gap:12px}.custom-modal__footer>*{border-radius:15px;box-shadow:5px 5px #733381;height:70px!important;margin:0;max-width:180px;padding:0}.custom-modal__footer>*>img{height:100%}.custom-modal__footer .button{padding:0}.custom-modal__footer .start-button{border:none;padding:0 10px}.custom-modal__footer .teacherbutton{height:70px}@media (max-height:500px){.custom-modal__header{flex-direction:row}.custom-modal__header__image{max-width:200px}.custom-modal__list{font-size:1.4rem}}@media (max-width:576px){.custom-modal,.pause-modal{padding:15px 10px}.custom-modal__header{flex-direction:column}.custom-modal__header__image{max-width:220px}.custom-modal__header__two-col{flex-direction:column}}.pause-modal{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:400px;z-index:10}.pause-modal .modal-title{display:block;margin:0 auto;width:70%}.pause-modal .modal-text{font-size:28px;font-weight:700;margin:15px 0;text-align:center}.pause-modal .modal-text button{all:unset}.pause-modal .modal-text a{color:inherit;text-decoration:none}.pause-modal .modal-text>:focus,.pause-modal .modal-text>:hover{cursor:pointer;text-decoration:underline}.pause-modal .action-list{display:flex;flex-direction:column;gap:10px}@media only screen and (max-width:380px){.pause-modal a{display:flex;justify-content:center}.pause-modal a img{max-width:80px!important}.pause-modal .modal-title{width:40%}.pause-modal .modal-text{font-size:20px;line-height:1}}@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:landscape){.pause-modal a{display:flex;justify-content:center}.pause-modal a img{max-width:80px!important}.pause-modal .modal-title{width:40%}.pause-modal .modal-text{font-size:20px;line-height:1}}.block{background-color:#ffd849;border:1px solid transparent;border-radius:15px;box-shadow:5px 5px #733381;color:#733381;font-size:1.8rem;padding:10px 20px;text-align:center}.block--beige{background-color:#f1c991}.block--orange{background-color:#fbb149}.block--blue{background-color:#91c3f1}.block--white-shadow{box-shadow:5px 5px #fff}.block--disabled,.block.disabled{background-color:#733381;border:1px solid #fff;color:#fff;pointer-events:none}.block--question{align-items:center;display:flex;flex-direction:row;justify-content:center;line-height:1.2;margin-left:auto;margin-right:auto;min-height:100px;padding-bottom:5px;padding-top:5px;width:100%}.block--option{align-items:center;cursor:pointer;display:grid;font-size:1.7rem;gap:10px;grid-template-columns:auto 1fr;padding:10px 15px;position:relative;transition:.1s ease-in-out}.block--option:after{animation:slideRight .7s forwards;border:1.5px solid #000;border-radius:1.2rem;bottom:-15px;color:#fff;font-family:Font Awesome\ 5 Free;font-size:.9rem;font-weight:900;opacity:0;padding:2px 12px;position:absolute;right:-25px;transform:translateX(-50%);z-index:1}.block--option.correct:after,.block--option.correct_symbol:after{background-color:#7bb662;content:"\f00c"}.block--option.wrong:after,.block--option.wrong_symbol:after{background-color:#ff5c33;content:"\f00d"}.block--option.missed:after{background-color:rgba(123,182,98,.3);border:1.5px dotted #7bb662;content:"\f00c"}.block--option.missed_symbol:after{background-color:#7bb662;border:1.5px dotted #7bb662;content:"\f00c"}.block--option:hover{background-color:#f1c991}.block--note{margin-bottom:10px;max-width:500px;padding:5px 15px;width:100%}.block--small{max-width:180px;width:100%}.block.correct,.block.correct:hover{background-color:#7bb662}.block.wrong,.block.wrong:hover{background-color:#ff5c33}@media screen and (max-width:768px){.block{font-size:1.6rem}.block--question{font-size:1.7rem}.block--option{font-size:1.5rem}}@media (max-width:576px),(orientation:landscape) and (max-height:800px){.block--question{min-height:82px}.block--option{padding:2px 5px}}.w-0{width:0!important}.w-5{width:5%!important}.w-10{width:10%!important}.w-15{width:15%!important}.w-20{width:20%!important}.w-25{width:25%!important}.w-30{width:30%!important}.w-35{width:35%!important}.w-40{width:40%!important}.w-45{width:45%!important}.w-50{width:50%!important}.w-55{width:55%!important}.w-60{width:60%!important}.w-65{width:65%!important}.w-70{width:70%!important}.w-75{width:75%!important}.w-80{width:80%!important}.w-85{width:85%!important}.w-90{width:90%!important}.w-95{width:95%!important}.w-100{width:100%!important}@keyframes swing{0%{transform:rotate(0deg)}10%{transform:rotate(10deg)}30%{transform:rotate(0deg)}40%{transform:rotate(-10deg)}50%{transform:rotate(0deg)}60%{transform:rotate(5deg)}70%{transform:rotate(0deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes slideRight{0%{bottom:15px;opacity:0;right:120px}to{bottom:-15px;opacity:1;right:-25px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleUp{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes translateVertical{0%{transform:translateY(var(--translateY-start,-100vh))}to{transform:translateY(var(--translateY-end,0))}}@keyframes fadeInWithTranslate{0%{opacity:0;transform:translateY(var(--translateY-start,-30px))}to{opacity:1;transform:translateY(var(--translateY-end,0))}}:root{--default-shake-x:0px;--default-shake-y:0px}@keyframes shake{0%{transform:translate(calc(var(--default-shake-x, 0px) + 1px),calc(var(--default-shake-y, 0px) + 1px)) rotate(0deg)}10%{transform:translate(calc(var(--default-shake-x, 0px) - 1px),calc(var(--default-shake-y, 0px) - 2px)) rotate(-1deg)}20%{transform:translate(calc(var(--default-shake-x, 0px) - 3px),var(--default-shake-y,0)) rotate(1deg)}30%{transform:translate(calc(var(--default-shake-x, 0px) + 3px),calc(var(--default-shake-y, 0px) + 2px)) rotate(0deg)}40%{transform:translate(calc(var(--default-shake-x, 0px) + 1px),calc(var(--default-shake-y, 0px) - 1px)) rotate(1deg)}50%{transform:translate(calc(var(--default-shake-x, 0px) - 1px),calc(var(--default-shake-y, 0px) + 2px)) rotate(-1deg)}60%{transform:translate(calc(var(--default-shake-x, 0px) - 3px),calc(var(--default-shake-y, 0px) + 1px)) rotate(0deg)}70%{transform:translate(calc(var(--default-shake-x, 0px) + 3px),calc(var(--default-shake-y, 0px) + 1px)) rotate(-1deg)}80%{transform:translate(calc(var(--default-shake-x, 0px) - 1px),calc(var(--default-shake-y, 0px) - 1px)) rotate(1deg)}90%{transform:translate(calc(var(--default-shake-x, 0px) + 1px),calc(var(--default-shake-y, 0px) + 2px)) rotate(0deg)}to{transform:translate(calc(var(--default-shake-x, 0px) + 1px),calc(var(--default-shake-y, 0px) - 2px)) rotate(-1deg)}}@keyframes slideUp{0%{opacity:0;top:0}to{opacity:1;top:-35px}}@keyframes soundLoaderMovement{0%{height:32%;top:4px}50%,to{height:16px;top:12px}}@keyframes flyToPosition{0%{left:calc(var(--start-left)*1px);top:calc(var(--start-top)*1px)}70%{left:calc(var(--end-left)*.6px);top:calc(var(--end-top)*1px)}to{left:calc(var(--end-left)*1px);top:calc(var(--end-top)*1px)}}@keyframes slideDown{0%{top:-110%}to{top:0}}@keyframes transition-up{to{transform:translateY(-200%)}}.button-header{display:flex;justify-content:space-between;margin:.5rem auto;padding:0 .5rem;width:100%}.button-header--around{justify-content:space-around}@media screen and (max-width:576px){.button-header{padding:.4rem}}@media (min-height:800px) and (orientation:landscape){.button-header{margin:1rem auto 4rem}}.button-footer{justify-content:space-around;margin:1rem auto;max-width:650px}.button,.button-footer{align-items:center;display:flex;flex-direction:row}.button{background-color:#ffd849;border:none;border-radius:10px;box-shadow:5px 5px #733381;color:#733381;font-size:1.8rem;justify-content:center;line-height:1;max-width:200px;padding:.5rem;text-align:center}.button.disabled{background-color:#b6b6b6;color:#404040;pointer-events:none}.button--orange{background-color:#fbb149}.button--orange:hover{background-color:#fcc67b}.button--beige{background-color:#f1c991}.button--beige:hover{background-color:#f7dfbe}.button--control{display:flex;font-size:1.8em;justify-content:center;margin:0;max-width:120px;padding:.7rem .5rem;width:100%}@media screen and (max-width:375px){.button--control{max-width:50px}}.button--pause,.button--static{font-size:2.2rem;max-width:165px;width:100%}.button--control i,.button--pause i,.button--static i{font-size:.8em;margin-right:10px}.button--control .icon-right,.button--pause .icon-right,.button--static .icon-right{margin-left:10px;margin-right:0}@media screen and (max-width:475px){.button--control,.button--pause,.button--static{max-width:65px}.button--control .button__text,.button--pause .button__text,.button--static .button__text{display:none}.button--control .icon-right,.button--control i,.button--pause .icon-right,.button--pause i,.button--static .icon-right,.button--static i{font-size:1em;margin:0}}.button--narrow{max-width:80px}.button--control:active,.button--pause{transform:translateY(4px)}@media screen and (max-width:576px){.button{font-size:1.6rem}.button--pause,.button--static{font-size:2rem;max-width:125px}.button--narrow{max-width:70px}}@media screen and (max-width:475px){.button{font-size:1.45rem}.button--pause,.button--static{font-size:1.8rem;max-width:75px}.button--narrow{max-width:65px}}@media screen and (max-width:375px){.button{font-size:1.3rem}.button--pause,.button--static{font-size:1.5rem;max-width:50px}.button--narrow{max-width:65px}}.teacherbutton{border-radius:10px;box-shadow:5px 5px #733381;cursor:pointer;display:block;height:65px}.teacherbutton:active{box-shadow:5px 5px #733381;transform:translateY(4px)}@media screen and (max-width:576px){.teacherbutton{height:60px}}@media screen and (max-width:475px){.teacherbutton{height:55px}}@media screen and (max-width:375px){.teacherbutton{height:50px}}.loader__background{background-color:rgba(0,0,0,.5);bottom:0;left:0;position:fixed;right:0;top:0;z-index:100}.loader__icon{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:150px}.image-button{height:100%;max-width:120px;-o-object-fit:contain;object-fit:contain}.endlinks{margin:0 15px;max-height:55px}.endlinks.button{min-width:120px}.endlinks>img{height:55px}.text-popup{align-items:center;background-color:#994fb2;border-radius:15px;bottom:unset;color:#fff;display:flex;font-size:20px;justify-content:center;left:unset;max-width:360px;padding:5px 10px;position:absolute;right:20px;text-align:center;top:90px}.text-popup>i{margin-right:15px}@media screen and (max-width:576px){.text-popup{left:15px;max-width:unset;right:15px}}@media screen and (max-width:375px){.text-popup{bottom:50px;top:unset}}.gif-parent{max-width:600px;position:relative;width:95%}.ending-gif{width:100%}.gif-text{align-items:center;bottom:14%;color:#733381;display:flex;flex-direction:column;font-size:1.8rem;font-weight:700;justify-content:center;left:53%;line-height:1.2;position:absolute;right:8%;text-align:center;top:40%}@media (max-height:500px){.gif-parent{max-width:380px}}body{background-color:#71b855;background-image:url(/img/Egg_Roll_graphics/Grass_Background_.jpeg);background-size:contain;justify-content:center}.custom-modal,.pause-modal{background-color:#994fb2;color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.task-and-egg-container{display:flex;gap:20px;margin:20px auto 0}.egg-container{background:url(/img/Egg_Roll_graphics/Egg_btn.png);background-position:50%;background-repeat:no-repeat;background-size:contain;cursor:pointer;max-width:120px;min-height:80px;position:relative;width:100%;z-index:4}.egg-container:after{content:attr(data-eggs);font-size:3rem;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.basket-container{align-items:center;-moz-column-gap:5px;column-gap:5px;display:flex;flex-direction:row;flex-flow:row wrap;justify-content:space-evenly;margin:0 auto}.basket{cursor:pointer;max-width:240px;position:relative}.basket,.basket img{-webkit-user-select:none;-moz-user-select:none;user-select:none}.basket img{max-width:100%}.basket__option{border:1px solid #733381;bottom:0;height:-moz-fit-content;height:fit-content;left:10px;line-height:1;padding:8px;position:absolute;right:10px}.basket__option:after{animation:slideRight .7s forwards;border:1.5px solid #000;border-radius:1.2rem;bottom:-15px;color:#fff;font-family:Font Awesome\ 5 Free;font-size:.9rem;font-weight:900;opacity:0;padding:2px 12px;position:absolute;right:-25px;transform:translateX(-50%);z-index:1}.basket__option.correct:after,.basket__option.correct_symbol:after{background-color:#7bb662;content:"\f00c"}.basket__option.wrong:after,.basket__option.wrong_symbol:after{background-color:#ff5c33;content:"\f00d"}.basket__option.missed:after{background-color:rgba(123,182,98,.3);border:1.5px dotted #7bb662;content:"\f00c"}.basket__option.missed_symbol:after{background-color:#7bb662;border:1.5px dotted #7bb662;content:"\f00c"}.basket__option.correct,.basket__option.correct:hover{background-color:#7bb662}.basket__option.wrong,.basket__option.wrong:hover{background-color:#ff5c33}.egg{--delay:0;--start-top:10;--start-left:10;--end-top:300;--end-left:300;animation:fly-to-basket 1s ease-in-out calc(var(--delay)*1ms) forwards;left:calc(var(--start-left)*1px);max-width:120px;opacity:0;position:absolute;top:calc(var(--start-top)*1px);z-index:3}@keyframes fly-to-basket{0%{left:calc(var(--start-left)*1px);top:calc(var(--start-top)*1px)}to{left:calc(var(--end-left)*1px);top:calc(var(--end-top)*1px)}0%,to{opacity:0}20%,80%{opacity:1}0%,to{transform:translateY(0)}50%{transform:translateY(-200%);z-index:6}}@media (max-width:768px){.basket{max-width:220px}.basket__option{font-size:1.4rem}.basket-container{-moz-column-gap:0;column-gap:0}.task-and-egg-container{align-items:center;flex-direction:column-reverse}}@media (max-height:450px),(max-width:475px){.basket{max-width:175px}.basket__option{font-size:1.2rem}}@media (max-width:375px){.basket{max-width:145px}}