.lesson-page{animation:fadeIn .5s ease}.lesson-question{left:50%;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;&.animate-in{animation:animateInFromRight .3s ease}&.animate-out{position:absolute;opacity:0;transform:translate(-60%,-50%);animation:animateOutToLeft .3s ease}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes animateInFromRight{0%{transform:translate(-40%,-50%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}@keyframes animateOutToLeft{0%{transform:translate(-50%,-50%);opacity:1}to{transform:translate(-60%,-50%);opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.answer-icon{animation:grow .5s}@keyframes grow{0%{opacity:0;transform:scale(0)}40%{transform:scale(1.1)}75%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}.progress-bar{position:relative;height:8px;z-index:101;width:100%;background-color:#195f80;display:flex;overflow:hidden}.progress{transition:width .5s;height:100%;width:0;background-color:#00c3ff;border-radius:0;margin:0}