html{height:100%}*,:after,:before,html{box-sizing:border-box}a{color:inherit;display:inline-block;text-decoration:none}li,ul{list-style:none;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:15px;font-weight:100;margin:0}p{margin:0}section{margin-bottom:80px}body{color:#2f3835;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:20px;font-weight:400;height:100%;line-height:24px;margin:0}.container{box-sizing:border-box;height:100%;margin:auto;max-width:780px;padding:20px}button{cursor:pointer}#root,.main_page{height:100%}.main_page{margin:auto;max-width:780px}.main_page .app_header{display:flex;justify-content:space-between}.main_page .show_icon{background-color:#fff;border:none;font-size:20px;padding:10px}.main_page .app_name h2{background-color:#fff;font-size:25px;font-weight:700;margin:0;padding:10px}.main_page .btn{background-color:#fff;border:2px solid #000;color:#000;font-size:20px;margin:0;padding:40px 10px;width:100%}.main_page .btn span{font-size:16px}.main_page .top_btn{border-bottom:none;border-radius:10px 10px 0 0;margin-top:10px}.main_page .bottom_btn{border-radius:0 0 10px 10px}.main_page .middle_btn{border-bottom:none}.bottom_actions{align-items:center;background-color:#fff;border-radius:8px;bottom:0;display:flex;justify-content:space-between;left:0;margin:0 auto;position:absolute;right:0}.bottom_actions .action-btn{background:none;border:none;color:#1a73e8;cursor:pointer;font-size:20px;padding:10px;width:200px}.bottom_actions .action-btn[disabled]{color:#535353;cursor:default}.bottom_actions .btn_left{text-align:left}.bottom_actions .btn_right{text-align:right}.bottom_actions .action-btn svg{margin-bottom:-4px}.container-controls-button{bottom:2px;left:10px;position:absolute}.container-controls-button .control-button{background-color:initial;border:none;color:#fff;cursor:pointer;font-size:26px;margin-right:30px;padding:5px}.container-controls-button .control-button svg{color:#1e87ff;margin-bottom:-3px;margin-right:-3px}.selecte_sentence_button{position:absolute;right:10px;top:0}.selecte_sentence_button button{background-color:initial;border:none;font-size:20px;padding:10px}.sentenceContainer{border:1px solid gray;border-radius:5px;margin-bottom:20px;padding:10px;position:relative;text-align:left}.sentenceContainer .sentence{margin-bottom:40px;margin-top:4px;padding-top:20px}.sentenceContainer .sentence.no_play_btn{margin-bottom:12px;padding-top:0}.sentenceContainer .sentence.sentence_rtl{text-align:right}.speechRecognitionContainer{margin-bottom:20px;padding:10px;text-align:left}.speechRecognitionContainer .textarea{border:1px solid gray;border-radius:5px;margin-bottom:20px;position:relative}.speechRecognitionContainer textarea{border:none;font-size:20px;margin-bottom:40px;margin-top:4px;min-height:70px;resize:none;width:100%}.speechRecognitionContainer .record-btn{background-color:#fff;border:none;border-radius:50%;bottom:2px;color:#fff;cursor:pointer;font-size:36px;padding:2px 9px;position:absolute;right:10px}.speechRecognitionContainer .record-btn svg{color:#1e87ff;margin-bottom:-3px;margin-right:-3px}.speechRecognitionContainer .answerContainer{border:1px solid gray;border-radius:5px;margin-bottom:40px;padding:10px;position:relative}.speechRecognitionContainer .answer{margin-bottom:40px}.speechRecognitionContainer .answer-btn{background-color:#fff;border:none;border-radius:50%;bottom:2px;color:#fff;cursor:pointer;font-size:36px;left:10px;padding:2px 9px;position:absolute}.speechRecognitionContainer .answer-btn svg{color:#1e87ff;margin-bottom:-3px;margin-right:-3px}.speechRecognitionContainer .play-button{background-color:#fff;border:none;border-radius:50%;bottom:2px;color:#fff;cursor:pointer;font-size:26px;padding:7px 9px;position:absolute;right:10px}.speechRecognitionContainer .play-button svg{color:#1e87ff;margin-bottom:-3px;margin-right:-3px}.selected_sentence_tabs{margin-left:-14px;overflow:hidden;width:100%}.selected_sentence_tabs .tabs{background-color:initial;display:flex}.selected_sentence_tabs .tab{background-color:initial;border:1px solid #ccc;border-top:none;cursor:pointer;outline:none;padding:10px 20px}.selected_sentence_tabs .tab:first-child{border-left:none;border-right:none;border-top-left-radius:8px}.selected_sentence_tabs .tab.active{border-bottom:2px solid #007bff;color:#007bff}.selected_sentence_tabs .tab[disabled]{color:#535353;cursor:default}.selected_sentence_tabs .tab-content{padding:20px}.content_container{align-content:flex-start;align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-around;margin-bottom:20px}.content_container .top_sentenceContainer{margin-bottom:30px;margin-top:50px;min-width:100%}.content_container .bottom_sentenceContainer{margin-bottom:10px;min-width:100%}.content_container .show_icon{background-color:#fff;border:2px solid #000;border-radius:5px;font-size:20px;margin:10px;padding:14px 14px 10px}.content_container .show_icon svg{color:#000}.content_container .fade-enter{opacity:0;transform:translateX(100%)}.content_container .fade-enter-active{opacity:1;transform:translateX(0);transition:opacity .3s ease-in-out,transform .3s ease-in-out}.content_container .fade-exit{opacity:1;transform:translateX(0)}.content_container .fade-exit-active{transition:opacity .3s ease-in-out,transform .3s ease-in-out}.content_container .fade-exit-active,.content_container .fade-reverse-enter{opacity:0;transform:translateX(-100%)}.content_container .fade-reverse-enter-active{opacity:1;transform:translateX(0);transition:opacity .3s ease-in-out,transform .3s ease-in-out}.content_container .fade-reverse-exit{opacity:1;transform:translateX(0)}.content_container .fade-reverse-exit-active{opacity:0;transform:translateX(100%);transition:opacity .3s ease-in-out,transform .3s ease-in-out}.content_container .animation-container{min-height:300px;overflow:hidden;width:100%}.content_container .content-wrapper{bottom:0;display:flex;flex-direction:column;left:0;right:0;top:0;visibility:visible;width:100%}.content_container .slide-forward-enter{opacity:1;transform:translateX(100%)}.content_container .slide-forward-enter-active{opacity:1;transform:translateX(0);transition:transform .3s ease-in-out}.content_container .slide-forward-exit{opacity:1;transform:translateX(0)}.content_container .slide-forward-exit-active{opacity:1;transform:translateX(-100%);transition:transform .3s ease-in-out}.content_container .slide-backward-enter{opacity:1;transform:translateX(-100%)}.content_container .slide-backward-enter-active{opacity:1;transform:translateX(0);transition:transform .3s ease-in-out}.content_container .slide-backward-exit{opacity:1;transform:translateX(0)}.content_container .slide-backward-exit-active{opacity:1;transform:translateX(100%);transition:transform .3s ease-in-out}.learning-sentences{height:100%}.learning-sentences .header{align-items:center;display:flex;justify-content:space-between}.learning-sentences .back-button{background:none;border:none;cursor:pointer;font-size:20px;margin-left:0;padding-left:0;text-align:left}.learning-sentences .unit_name{background:none;border:none;font-size:16px;font-weight:700;padding:10px 0;text-align:left}.learning-sentences .review-status{color:#888;font-size:20px;margin-bottom:0;text-align:center}.learning-sentences .card{border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 5px #0000001a;padding:0 8px 8px;position:relative;width:100%}.flex-container{align-content:stretch;align-items:flex-start;display:flex;flex-direction:column;flex-wrap:nowrap;height:100%;justify-content:flex-start}.header,.review-status{align-self:auto;flex:0 1 auto;order:0}.card{align-self:auto;flex:1 1 auto;order:0}.chose_lesson .gap{height:50px}.chose_lesson .header{align-items:center;display:flex;height:5vh;justify-content:space-between;margin-bottom:20px}.chose_lesson .back-button{background:none;border:none;cursor:pointer;font-size:20px}.chose_lesson .wrapper_unit{margin-top:20px;text-align:left}.chose_lesson .input_unit{align-items:center;border-bottom:none;display:flex;flex-wrap:nowrap;line-height:24px;padding:8px;width:100%}.chose_lesson .input_unit.false{display:block}.chose_lesson .input_unit input[type=radio]{flex:0 0 auto;margin-right:8px}.chose_lesson .input_unit p{flex:1 1;margin:5px;overflow:hidden;text-overflow:ellipsis;white-space:normal}.chose_lesson .input_unit.first_input{border-bottom:none}.chose_lesson .title_lesson_wrapper{align-items:center;display:flex;flex-wrap:nowrap;width:100%}.chose_lesson .input_unit.level_0{border:2px solid #000;border-bottom:none;display:block;line-height:35px;padding:15px;position:relative}.chose_lesson .input_unit.first_input.level_0{border-bottom:none;border-radius:10px 10px 0 0}.chose_lesson .input_unit.last_input.level_0{border:2px solid #000;border-radius:0 0 10px 10px}.chose_lesson .unit_name{background:none;border:none;font-size:16px;font-weight:700;padding:10px 0}.chose_lesson .review-status{color:#888;font-size:20px;height:5vh;margin-bottom:0;text-align:center}.chose_lesson .card{border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 5px #0000001a;min-height:85%;padding:3%;position:relative}.chose_lesson .action_to_lesson{background-color:#fff0;background:none;border:none;cursor:pointer;flex:0 0 auto;margin-left:8px;padding:13px}.chose_lesson .action_to_lesson svg{color:#000;height:25px;width:25px}.setting{height:100%}.setting .header{align-items:center;display:flex;height:5vh;justify-content:space-between;margin-bottom:20px}.setting .back-button{background:none;border:none;cursor:pointer;font-size:20px}.setting .back-button svg{margin-bottom:-4px}.setting .page_name{background:none;border:none;font-size:18px;font-weight:700;padding:10px 20px}.setting .setting_titel{font-size:20px;font-weight:600;margin-bottom:15px}.setting .wrapper_lang,.setting .wrapper_selected-voices{margin-top:20px;text-align:left}.setting .input_language,.setting .input_voice{display:block;line-height:35px}.setting .input_language{text-transform:capitalize}.setting .review-status{color:#888;font-size:20px;height:5vh;margin-bottom:0;text-align:center}.setting .card{border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 5px #0000001a;min-height:85%;padding:3%;position:relative}.setting .wrapper_selected-voices .voice_test{font-size:16px;font-weight:200;margin-bottom:10px}.setting .wrapper_selected-voices .container-controls-button{background-color:#fff;border:none;font-size:20px;margin-left:20px;position:static}.setting .wrapper_selected-voices svg{color:#1e87ff;font-size:20px;margin-bottom:-6px}.multiple_choice .description{font-size:24px;font-weight:700;margin-bottom:20px;margin-top:20px;text-align:left}.multiple_choice .question{font-size:18px;font-weight:400;margin-bottom:20px;margin-top:20px;text-align:left}.multiple_choice .choice-button{background-color:#fff;border:2px solid #007bff;border-radius:4px;cursor:pointer;display:block;font-size:16px;margin-bottom:8px;padding:10px;transition:all .3s ease;width:100%}.multiple_choice .choice-button:hover{background-color:#e6f2ff}.multiple_choice .choice-button.selected.true{background-color:#0f0;color:#fff}.multiple_choice .choice-button.selected.false{background-color:#ff002f;color:#fff}.multiple_choice .choice-button.no_selected.true{background-color:#0f0;color:#fff}.quiz{height:100%}.quiz .header{align-items:center;display:flex;height:5vh;justify-content:space-between;margin-bottom:20px;width:100%}.quiz .back-button{background:none;border:none;cursor:pointer;font-size:20px}.quiz .back-button svg{margin-bottom:-4px}.quiz .page_name{background:none;border:none;font-size:18px;font-weight:700;padding:10px 20px}.quiz .quiz_titel{font-size:20px;font-weight:600;margin-bottom:15px}.quiz .card{align-self:auto;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 5px #0000001a;flex:1 1 auto;order:0;padding:0 8px 8px;position:relative;width:100%}.quiz .btn{background-color:#fff;border:2px solid #000;color:#000;font-size:20px;margin:0;padding:40px 10px;width:100%}.quiz .btn span{font-size:16px}.quiz .quiz_btn :first-child{border-top-left-radius:10px;border-top-right-radius:10px;margin-top:100px}.quiz_btn .btn{border-bottom:none;border-radius:0}.quiz .quiz_btn :last-child{border-bottom:2px solid #000;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.App{height:100%;text-align:center}
/*# sourceMappingURL=main.be681277.css.map*/