*{box-sizing:border-box;margin:0;padding:0}:root{--red:#ac3232;--red-hover:#b63c3c;--green:#6cbb1c}body{font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}select{background-color:var(--red);color:#fff;padding:5px;border-radius:5px;border:2px solid #fff}select:focus{outline:none}select:hover{background-color:var(--red-hover)}select option{color:#fff}select option:disabled{color:#c8c8c8;background-color:#a22828}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--red);border-radius:5px}::-webkit-scrollbar-thumb:hover{background-color:var(--red-hover)}header{margin:0 auto;height:60px;background-color:var(--red);z-index:10;width:100%;padding-left:10px;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0}header,nav{display:flex}.help_btn,h1{color:#fff}.help_btn{font-size:20px;border:0;border-left:2px solid #fff;width:40px;height:60px;background-color:var(--red);touch-action:manipulation;transition:.3s ease}.help_btn:hover{transition:.3s ease;cursor:pointer;background-color:#f0f0f0;color:var(--red);font-weight:700}.search_section{width:100%;display:flex;flex-direction:column;padding-top:5px;position:-webkit-sticky;position:sticky;top:60px;max-width:1000px;margin:0 auto}.search_form{display:flex;padding:0 10px;justify-content:center;position:relative}.search_input{flex-grow:1;padding-left:10px;border-radius:10px 0 0 10px;border:2px solid var(--red);border-right:none}.delete_btn,.search_input{height:40px;font-size:16px}.delete_btn{border:2px solid var(--red);border-right:0;background-color:#fff;width:40px;color:var(--red);transition:.3s ease;position:absolute;right:60px}.delete_btn:hover{cursor:pointer;transition:.3s ease;background-color:var(--red);color:#fff}.searchBtn{border:2px solid var(--red);border-radius:0 10px 10px 0;background-color:#fff;width:50px;height:40px;font-size:16px;font-weight:700;color:var(--red);transition:.3s ease}.searchBtn:hover{cursor:pointer;background-color:var(--red);color:#fff;transition:.3s ease}.search_input:focus{outline:none}.select_container{display:flex;justify-content:space-around;padding:0 5px;height:40px;margin-top:5px;margin-bottom:5px}.select_background_lesson{background-color:var(--red);padding:3px;width:48%;border-radius:7px}.select_lesson,.select_type{width:100%;height:34px;font-size:16px}.training_form{width:100%;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;padding:5px;height:250px;justify-content:space-between}.filters_section{display:flex;flex-wrap:wrap;justify-content:center}.zt_training_type{display:flex;align-items:center;justify-content:space-between;width:380px;margin-right:10px}#zt_select_training_type{width:200px;height:36px}.filters_btn_container{display:flex;justify-content:space-between;width:232px}.filters_container{display:flex}#zt_select,#zt_select_filter{width:70px;height:36px}#up_arrow{top:37px;left:30px;width:10px;height:10px;border-radius:0 50px 0 0}#up_arrow,#vocRef{background-color:#f5e1c3;position:absolute}#vocRef{top:45px;left:0;width:190px;border-radius:10px;padding:5px;box-shadow:2px 2px 2px grey}.select_filter{width:65px;height:30px;font-size:16px}input.select_filter{width:35px}#zt_h_select_lesson{width:130px;height:36px}.zt_hanzi_free{width:100%}.zt_hanzi_free input{margin-top:5px;height:50px;width:100%;font-size:16px}.startBtn{padding:0 5px;box-shadow:2px 2px 2px rgba(0,0,0,.5);border-radius:10px;border:2px solid var(--red);font-size:16px;background-color:#fff;color:var(--red);width:100px;height:80px;font-size:20px;font-weight:700;align-self:center;transition:.3s ease}.startBtn:hover{cursor:pointer;background-color:var(--red-hover);color:#fff}.select_background_training{background-color:var(--red);padding:3px;border-radius:7px}.filters_container .select_background_training{margin-right:10px}.training_section{margin:10px auto 0;width:100%;max-width:1000px;padding:5px}.backBtn{background-color:#fff;border:2px solid var(--red);color:var(--red);width:100px;height:50px;padding:5px;box-shadow:2px 2px 2px rgba(0,0,0,.5);border-radius:15px 5px 5px 15px;font-size:16px;transition:.3s ease;margin-bottom:5px}.backBtn:hover{cursor:pointer;background-color:var(--red-hover);color:#fff}.toFind{font-size:40px;text-align:center;border:1px solid grey;padding:5px 0;margin-bottom:15px;min-height:74px;vertical-align:middle;position:relative}.zt_fanti{border-radius:10px;color:#000;border:1px solid #000}.no_zt_fanti,.zt_fanti{text-align:center;height:45px;font-size:30px;background-color:#f0f0f0}.no_zt_fanti{border-radius:10px;color:#c8c8c8;border:none}.zt_word_fanti{font-size:16px}.zt_word_fanti_none{display:none}.zt_check{width:100%;height:60px;font-size:26px;box-shadow:2px 2px 2px rgba(0,0,0,.5);margin-top:10px;touch-action:manipulation;background-color:#fff;border:2px solid var(--red);color:var(--red);border-radius:10px;transition:.3s ease}.zt_check:hover{cursor:pointer;background-color:var(--red);color:#fff}#zt_hanzichoice_next{display:none}#zt_nextBtn_container{margin-top:10px;display:flex;justify-content:space-between}#zt_nextBtn_container button{width:48%;height:60px;font-size:30px;box-shadow:2px 2px 2px rgba(0,0,0,.5);border:none;border-radius:10px;color:#fff;transition:.3s ease}#zt_nextBtn_container button:hover{cursor:pointer;box-shadow:4px 4px 4px rgba(0,0,0,.5);border-radius:16px;font-size:32px}#zt_win{background-color:var(--green)}#zt_fail,#zt_win{touch-action:manipulation}#zt_fail{background-color:var(--red);color:#fff}.progress_bar_container{width:100%;position:relative;height:20px}.progressBar{height:20px;width:0;background-color:var(--green)}#currentIndex{position:absolute;top:-40px;left:50%;transform:translate(-50%);height:20px;font-size:20px;text-align:center}.zt_vocContainer{overflow-y:scroll}.zt_arrow_container,.zt_vocContainer{position:relative}#list_up_arrow{top:-5px;border-top:2px dotted rgba(0,0,0,.3)}#list_bottom_arrow,#list_up_arrow{position:absolute;left:50%;color:rgba(0,0,0,.3);width:200px;text-align:center;transform:translate(-50%)}#list_bottom_arrow{font-size:14px;top:-10px;border-bottom:2px dotted rgba(0,0,0,.3)}#list_bottom_arrow_bord{position:absolute;top:5px;width:200px;left:23%;border-top:2px solid grey}.zt_pinyin{font-size:28px;margin-top:15px;margin-bottom:15px;text-align:center}.zt_hanziYisi{font-size:12px;margin-bottom:5px}.zt_word_yisi{text-align:center;margin-top:10px;font-size:20px}.zt_ciyu{display:flex;padding:5px 0;border-bottom:1px dashed grey}.zt_ciyuBorder{border-top:1px dashed grey}.zt_ciyu_ciyuPinyin{display:flex;flex-direction:column;width:50%}.zt_yisi{width:50%;padding-top:10px}.zt_wordToFind{min-height:26px}.zt_pinyin_form{display:flex;justify-content:space-around}.zt_pinyin_form .searchBtn{font-size:14px}#zt_pinyin_input{margin-bottom:10px}#zt_pinyin_keyboard{display:none;margin:0 auto;width:100%;z-index:100px}.zt_button_list{margin-bottom:10px}.zt_button_list,.zt_pinyin_block{display:flex;justify-content:space-around}.zt_pinyin_block{width:70%}.zt_pinyin_block button{width:40px;height:40px;font-size:20px;padding:0;touch-action:manipulation;border-radius:10px;border:1px solid transparent;margin-bottom:5px;box-shadow:2px 2px 2px grey;color:#000}.zt_pinyin_block button:hover{cursor:pointer}.zt_hanzichoice_main_container{display:flex;justify-content:center;flex-direction:column;align-items:center}#zt_hanzichoice_container{display:flex;flex-direction:column;margin:10px 0;width:100%}.zt_ones_container{display:flex;justify-content:center;width:100%}#zt_hanzichoice_container .zt_one{border-radius:5px;border:1px dashed grey;padding:5px;width:50px;height:56px;text-align:center;font-size:30px}#zt_hanzichoice_container .zt_hanzichoice_invisible{color:red;font-size:30px;border-color:red}.zt_hanzichoice_correct{color:green}.zt_hanzichoice_incorrect{color:red}#zt_answerchoice_container{display:flex;flex-direction:column;width:60%}#zt_answerchoice_translation{margin-top:20px;margin-bottom:20px}.zt_answerchoice_row{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:10px}.zt_answerchoice_hanzi{width:60px;height:60px;text-align:center;padding:5px;font-size:34px;border:1px solid #c7c7c7;border-radius:10px;box-shadow:1px 1px 1px grey;list-style-type:none}.zt_answerchoice_hanzi:hover{background-color:rgba(0,0,0,.2);cursor:pointer}.zt_result_list{font-size:20px;list-style-type:none}.zt_result,.zt_tooEasy{font-size:20px;font-weight:700}.zt_tooEasy{margin-top:10px}.zt_easy_heart{color:red}@media (max-width:600px){.training_form{height:300px}.filters_section{justify-content:unset}.zt_training_type{flex-grow:1;margin-right:0}.filters_btn_container{margin-top:5px}.zt_hanzi_free p{font-size:12px}.progress_bar_container,.progressBar{height:15px}#currentIndex{height:15px;font-size:20px}.no_zt_fanti,.zt_fanti{height:40px;font-size:24px}.zt_pinyin{font-size:25px}.zt_check:hover{background-color:unset;color:var(--red)}#zt_answerchoice_container{width:100%}.zt_answerchoice_hanzi:hover{background-color:unset}#zt_nextBtn_container button:hover{box-shadow:2px 2px 2px rgba(0,0,0,.5);border-radius:10px;font-size:30px}.zt_pinyin_block{width:100%}}#modal{display:flex;position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,.5);flex-direction:center;z-index:10;transition:opacity .01s ease}#modal.fadeIn{transition:opacity .3s ease;opacity:1;z-index:10}#popup{width:100%;max-height:300px}.oneResult{display:flex;flex-direction:column;width:90%;max-width:800px;background-color:#ffebcd;border-radius:10px;margin:0 auto;box-shadow:4px 4px 0 var(--red);padding:10px}.oneResult_subpart{border:2px solid var(--red);border-radius:10px}.word_container{border-radius:10px 10px 0 0;border-right:0;border-bottom:2px solid var(--red);width:100%;padding:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.hanzi{font-size:35px;position:relative}.fanti{position:absolute;width:120px;left:70px;top:5px;font-size:30px}.hanziPinyin{font-size:20px}.word_details{border-right:0;font-size:18px;width:100%;padding:10px 10px 0;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:10px;overflow-y:auto;position:relative}.voc{display:flex;padding:5px 0;border-bottom:1px dashed grey}.voc:hover{background-color:#fff5d7}.voc_last{border:none}.vocRef{background-color:#ebd7b9}.voc_last.vocRef{border-radius:0 0 10px 10px}.voc_cy{width:50%;display:flex;flex-direction:column}.voc_ciyu{font-size:20px}.voc_pinyin{font-size:14px;min-height:18px;display:none}.voc_fayu{width:50%;font-size:14px;padding-top:5px}.voc_pinyin_void{display:flex;height:18px}.void_span{display:flex;background-color:#f5e1c3;border-radius:10px;width:50px;font-size:14px;justify-content:center}.void_span.void_ref_span{background-color:#e1cdaf}.lesson_number{bottom:10px;font-size:14px}.word_fanti{border-bottom:2px solid var(--red);text-align:center;font-size:18px}.word_pinyin_void{display:flex;height:21px;margin-bottom:5px}.word_pinyin_void_span{margin:0 auto;background-color:#f5e1c3;width:100px;border-radius:10px;display:flex}.word_pinyin,.word_pinyin_void_span{font-size:16px;justify-content:center}.word_pinyin{height:21px;margin-bottom:5px;display:none}.word_yisi{font-size:16px}.gram{margin-top:10px;font-size:14px}.lesson_number{position:absolute;bottom:0;right:10px;font-size:10px}.word_example_list{max-height:360px;padding-top:10px;padding-bottom:10px;padding-left:2px;overflow-y:scroll;background-color:#f5e1c3;margin:10px;border-radius:5px;border:2px solid var(--red)}.word_in_example{color:var(--red);font-weight:700}.help_container{padding:10px;max-height:500px;overflow-y:scroll;text-align:justify}.help_main_title{text-align:center;margin:10px 0}.help_container li{list-style-type:none;margin-top:15px}.help_title{position:relative;font-size:18px;text-align:center;margin:5px 0}.app_version{position:absolute;right:0;top:3px;font-size:10px}.date{font-size:12px;text-align:center;border-top:1px solid grey;border-bottom:1px solid grey;margin:px 0;position:relative}.result_nb{max-width:1000px;margin:0 auto;font-size:12px;padding-left:5px}.one_line{display:flex;flex-direction:row;justify-content:space-around}.one_line li{list-style-type:none;font-size:30px;margin-bottom:5px;margin-top:5px;border:1px solid #c8c8c8;border-radius:5px;padding:8px 10px;box-shadow:2px 2px 2px rgba(0,0,0,.5);text-align:center;width:52px;flex-grow:0.1}.one_line li.no_border{border:1px solid transparent;box-shadow:2px 2px 2px transparent;color:transparent}.hanziList{display:flex;justify-content:space-between;padding:0 5px}.oneHanzi:hover{cursor:pointer}@media (min-width:999px){.one_line li{flex-grow:0.05}.word_yisi{font-size:18px}.lesson_number{font-size:14px}.oneHanzi:hover{background-color:rgba(0,0,0,.2);cursor:pointer}.one_line li.no_border{border:1px solid transparent;box-shadow:2px 2px 2px transparent;color:transparent;flex-grow:0.05}}.one_result{display:inline-block;height:62p x;font-size:30px;margin-bottom:5px;margin-top:5px;margin-left:5px;border:1px solid #c8c8c8;border-radius:5px;padding:10px;box-shadow:2px 2px 2px rgba(0,0,0,.5)}.one_result_color{background-color:pink}.one_result_exp_color{background-color:#bae1ff}.one_result:hover{background-color:rgba(0,0,0,.2);cursor:pointer}
/*# sourceMappingURL=main.bd316a15.chunk.css.map */